@charset "UTF-8";

@import url(base.css);

/*下層ページのスマホ切り替えボタンの表示 block=表示 none=非表示*/
body.sp_style .lay2_spswitch
{display:none;}
body.pc_style .lay2_spswitch
{display:none;}
 
 
/*下層ページメガメニューの表示 block=表示 none=非表示*/
body.pc_style #main_header #main_header_inner #gnav #gnav_inner ul li .gnav_down .gnav_down_inner{
	display:block!important;
}

/*スマホ版の時はメガメニュー禁止*/
body.sp_style #main_header #main_header_inner #gnav #gnav_inner ul li .gnav_down{
	display:none!important;
	height:0;	
}

/**/

body{
	background:#f1f1f1;
}

.pagetop{
	position:fixed;
	bottom:50px;
	right:50px;	
	display:block;
}

.pagetop a{
	display:block;
}

.pagetop a:hover{
}

.sp_style .pagetop{
	display:none!important;
}

.sp_style .movemenu{
	position:static!important;
}

/*
-----------------------------------------------------------------------
esponsive
-----------------------------------------------------------------------
*/
/* ---------- pc_none ---------- */
body.pc_style .pc_none{
	display:none;
}
body.pc_style .sp_none{
	display:block;
}
/* ---------- pc_none ---------- */
body.sp_style .pc_none{
	display:block;
}
body.sp_style .sp_none{
	display:none;
}
/* ---------- pc_none ---------- */
body.device_pc a_block,
body.device_pc .op:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; 
	cursor:pointer;
}
/* ---------- pc_none ---------- */
body.sp_style .padding_sp{
	padding-left:10px;
	padding-right:10px;
}
body.sp_style img {
	max-width:100%;
}

/*
-----------------------------------------------------------------------
main_header
-----------------------------------------------------------------------
*/
/* ---------- pc_style ---------- */
body.pc_style #main_header{
	background:url(../images/common/gnav_bg.png) repeat-x 0 bottom #F7F3F0;
	width:100%;
	min-width:1000px;
	margin-bottom:15px;
}

body#index.pc_style #main_header{
	margin-bottom:0px;
}

body.pc_style #main_header #main_header_inner{
	display:block;
	overflow:hidden;
/*	background:url(../images/common/header_bg.png) no-repeat 195px 0;*/
}
/* logo */
body.pc_style #main_header #main_header_inner #logo{
	width:373px;
	float:left;
	height:76px;
}
body.pc_style #main_header #main_header_inner #logo #logo_inner{
	padding-top:12px;
}
/* snav */
body.pc_style #main_header #main_header_inner #snav{
	width:580px;
	float:right;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner{
	padding-top:9px;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner ul{
	text-align:right;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner ul li{
	display:inline;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01{
	margin-bottom:5px;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01 ul li#snav01a{
	padding-right:15px;
	padding-top:2px;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01 ul li#snav01a a{
	width:146px;
	display:inline-block;
	height:22px;
	background:url(../images/common/h_btn_family.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-align:left;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01 ul li#snav01b{
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01 ul li#snav01b a{
	width:77px;
	display:inline-block;
	height:26px;
	background:url(../images/common/h_btn_lang.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-align:left;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01 ul li#snav01c{
	padding-right:10px;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav01 ul li#snav01c a{
	width:126px;
	display:inline-block;
	height:22px;
	background:url(../images/common/h_btn_media.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-align:left;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav02 ul li{
	padding-left:20px;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav02 ul li a{
	padding-left:10px;
	background:url(../images/common/h_arrow.png) no-repeat 0 50%;
	color:#333;
	text-decoration:none;
}
body.pc_style #main_header #main_header_inner #snav #snav_inner #snav02 ul li a:hover{
	text-decoration:underline;
}
/* gnav */
body.pc_style #main_header #main_header_inner #gnav{
	clear:both;
}
body.pc_style #main_header #main_header_inner #gnav #gnav_inner>ul{
	overflow:hidden;
}
body.pc_style #main_header #main_header_inner #gnav #gnav_inner>ul>li{
	float:left;
	width:160px;
	text-align:center;
}
body.pc_style #main_header #main_header_inner #gnav #gnav_inner>ul>li>ul.pc_none{
	display:none;
}

body.pc_style #main_header #main_header_inner #gnav #gnav_inner>ul>li>a {
	display:block;
	height:37px;
	padding-top:18px;
	background-repeat:0 0;
	background-position:0 0;
	vertical-align:middle;
	color:white;
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/common/gnav_bg2.jpg) no-repeat right 0px;
}

body.pc_style #main_header #main_header_inner #gnav #gnav_inner>ul>li.hover a,
body.pc_style #main_header #main_header_inner #gnav #gnav_inner ul li a:hover{
	background-position:bottom left;
	color:#052C4B;
}

/* ---------- sp_style ---------- */
body.sp_style #main_header{
	box-shadow:0px 3px 3px rgba(0,0,0,0.4);
	background:url(../images/sp/common/header_bg.png) no-repeat right bottom #F8F7F5;
	position:relative;
	width:100%;
}
body.sp_style #main_header.gnav2{
	position:absolute;
	z-index:100;
	background:#01486B;
	top:0;
}
body.sp_style #main_header #main_header_inner{
	overflow:hidden;
}
/* logo */
body.sp_style #main_header #main_header_inner #logo{
	padding-top:10px;
	width:85%;
	float:left;
}
body.sp_style #main_header #main_header_inner #logo #logo_inner{

	padding-left:10px;
}
body.sp_style #main_header #main_header_inner #logo #logo_inner a{
	vertical-align:middle;
}
body.sp_style #main_header #main_header_inner #logo #logo_inner a img{
	width:90%;
}
/* gnav */
body.sp_style #main_header #main_header_inner #gnav{
	max-width:100px;
	width:15%;
	float:right;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner{
	display:none;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_btn{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232323), color-stop(0.54, #060606), color-stop(0.00, #838383));
	background: -webkit-linear-gradient(top, #838383 0%, #060606 54%, #232323 100%);
	background: -moz-linear-gradient(top, #838383 0%, #060606 54%, #232323 100%);
	background: -o-linear-gradient(top, #838383 0%, #060606 54%, #232323 100%);
	background: -ms-linear-gradient(top, #838383 0%, #060606 54%, #232323 100%);
	background: linear-gradient(to bottom, #838383 0%, #060606 54%, #232323 100%);
	/*height:82px;*/
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_btn img{
	width:50%;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner{
	position:absolute;
	width:100%;
	left:0;
	background:#01486B;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner>ul>li{
	background:#02608C;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner ul li a{
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #013D63;
	border-top:1px solid #346D89;
	text-decoration:none;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner ul li ul li{
	font-size:1em;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner ul li ul li a{
	padding-top:10px;
	padding-bottom:10px;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner>ul>li>ul{
	background:#01486B;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner>ul>li>a{
	background:url(../images/sp/common/h_arrow01.jpg) no-repeat 10px 50%;
	background-size:auto 25%;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner>ul>li>ul{
	background:#01486B;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner>ul>li>ul li a{
	padding-left:45px;
	background:url(../images/sp/common/h_arrow02.jpg) no-repeat 30px 50%;
	background-size:auto 20%;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner #snav01{
	padding:30px 50px;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner #snav01 ul li a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	background:#fff;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner #snav01 ul li#snav01a{
	margin-bottom:10px;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner #snav01 ul li#snav01a a{
	color:#d90000;
	padding-left:30px;
	background:url(../images/sp/common/h_arrow03.jpg) no-repeat 10px 50% #fff;
	background-size:auto 25%;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner #snav01 ul li#snav01a a span{
	border-left:1px solid #ccc;
	padding-left:10px;
}
body.sp_style #main_header #main_header_inner #gnav  #gnav_inner #snav01 ul li#snav01b a{
	color:#01486B;
	padding-left:0;
	text-align:center;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06{
	padding:25px 30px 15px;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f1), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f0f0f1);
	background: -moz-linear-gradient(#fff, #f0f0f1);
	background: -o-linear-gradient(#fff, #f0f0f1);
	background: -ms-linear-gradient(#fff, #f0f0f1);
	background: linear-gradient(#fff, #f0f0f1);
	margin-bottom:10px;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p a{
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06a a{
	color:#D1A422;
	background:url(../images/sp/common/h_arrow04.png) no-repeat 18px 50%;
	background-size:auto 30%;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06b a{
	color:#D80000;
	background:url(../images/sp/common/h_arrow03.png) no-repeat 18px 50%;
	background-size:auto 30%;
}


body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06d a{
	color:#333333;
	background:url(../images/sp/common/h_arrow05.png) no-repeat 18px 50%;
	background-size:auto 30%;
}

body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06e a{
	color:#333333;
	background:url(../images/sp/common/h_arrow05.png) no-repeat 18px 50%;
	background-size:auto 30%;
}


body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06c a{
	color:#00476B;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p a span{
	padding-left:15px;
	padding-right:55px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-align:center;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06a a span,
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06b a span,
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06e a span,
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav06 p#gnav06d a span{
	border-left:1px solid #ccc;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav_close{
	text-align:center;
	background:#01334A;
	padding-top:10px;
	padding-bottom:10px;
}
body.sp_style #main_header #main_header_inner #gnav #gnav_inner #gnav_close img{
	width:20%;
	max-width:123px;
}
/*
-----------------------------------------------------------------------
f_link
-----------------------------------------------------------------------
*/
/* ---------- pc_style ---------- */
body.pc_style #f_link{
	background:url(../images/common/footer_bg.jpg) repeat-x 0 bottom #016193;
	width:100%;
	min-width:1000px;
}
body.pc_style #f_link #f_link_inner{
	padding-top:15px;
	padding-bottom:15px;
}
body.pc_style #f_link ul li{
	display:inline;
}
body.pc_style #f_link ul li span,
body.pc_style #f_link ul li a{
	color:#fff;
	text-decoration:none;
}
body.pc_style #f_link ul li a:hover{
	text-decoration:underline;
}
body.pc_style #f_link #f_link01{
	margin-bottom:20px;
}
body.pc_style #f_link #f_link01 ul li{
	padding-right:10px;
}
body.pc_style #f_link #f_link02 ul{
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #fff;
	display: inline;
}
body.pc_style #f_link #f_link02 ul li{
	padding-left:10px;
	padding-right:10px;
}
body.pc_style #f_link #f_link02 ul li span{
	font-weight:bold;
}
body.pc_style #f_link #f_link02 ul li a{
	padding-left:15px;
	background:url(../images/common/f_arrow01.jpg) no-repeat 0 48%;
	font-weight:bold;
}
/*
-----------------------------------------------------------------------
page_top
-----------------------------------------------------------------------
*/
/* ---------- sp_style ---------- */
body.sp_style #page_top{

}
body.sp_style #page_top .btn{
	background:#fff;
	box-shadow:0px -3px 3px rgba(100,100,100,0.5);
}
body.sp_style #page_top .btn a{
	display:block;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	font-weight:bold;
	background:url(../images/sp/common/page_top.jpg) no-repeat center 10px;
	background-size:15px;
	text-decoration:none;
}


/*
-----------------------------------------------------------------------
main_footer
-----------------------------------------------------------------------
*/
/* ---------- pc_style ---------- */
body.pc_style #main_footer{
	padding:10px 0;
}
/* ---------- pc_style ---------- */
body.sp_style #main_footer{
	background:#003955;
	padding:10px 0;
}
body.sp_style #main_footer p small{
	color:#fff;
}




/*
-----------------------------------------------------------------------
parts
-----------------------------------------------------------------------
*/
/* ---------- inner_base ---------- */
body.pc_style .inner_base{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

/* ---------- pc_style ---------- */
body.sp_style .sp_btn_base{
	padding:10px;
}
body.sp_style .sp_btn_base a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ccc;
	border-radius:3px;
	background: linear-gradient(#fff, #e5e5e5);
	text-align:center;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:1.6em;
}
body.sp_style .sp_btn_base a span{
	padding-right:1em;
	background:url(../images/sp/common/sp_btn_base.png) no-repeat right 50%;
	background-size:auto 80%;
	display:inline;
}
body.sp_style .sp_btn_base a#btn_pc_view{
}
body.sp_style .sp_btn_base a#btn_pc_view span{
	padding-right:0;
	padding-left:1.5em;
	background:url(../images/sp/common/btn_pc_view.png) no-repeat 0 50%;
	background-size:auto 80%;
}
body.sp_style .sp_btn_base a#btn_movie_play{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003F9D), color-stop(0.00, #157CCD));
	background: -webkit-linear-gradient(#157CCD, #003F9D);
	background: -moz-linear-gradient(#157CCD, #003F9D);
	background: -o-linear-gradient(#157CCD, #003F9D);
	background: -ms-linear-gradient(#157CCD, #003F9D);
	background: linear-gradient(#157CCD, #003F9D);
	color:#fff;
	margin-bottom:5px;
}

body.sp_style .sp_btn_base a#btn_f_event_info{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #003F9D), color-stop(0.00, #E89000));
	background: -webkit-linear-gradient(#FFB61A, #E89000);
	background: -moz-linear-gradient(#FFB61A, #E89000);
	background: -o-linear-gradient(#FFB61A, #E89000);
	background: -ms-linear-gradient(#FFB61A, #E89000);
	background: linear-gradient(#FFB61A, #E89000);
	color:#fff;
	margin-bottom:5px;
}

body.sp_style .sp_btn_base a#btn_movie_play span{
	padding-right:0;
	padding-left:1.8em;
	background:url(../images/sp/common/btn_movie_play.png) no-repeat 0 50%;
	background-size:auto 80%;
}

body.sp_style .sp_btn_base a#btn_f_event_info span{
	padding-right:0;
	padding-left:1.8em;
	background:url(../images/sp/common/btn_f_event_info.png) no-repeat 0 50%;
	background-size:auto 80%;
}

/*-- スペース共通 --*/
.w100{	width:100%;}
.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb65{margin-bottom:65px;}
.mb200{margin-bottom:200px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt30{margin-top:35px;}
.mt40{margin-top:40px;}
.mt40{margin-top:45px;}
.mt50{margin-top:50px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt40{padding-top:45px;}
.pt50{padding-top:50px;}


/*-- 回り込み解除 --*/

.clear{clear:both;}
.clearbox {clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.of{overflow:hidden;}
/*-- テキスト --*/

.al-c {text-align:center;}
.al-l {text-align:left;}
.al-r {text-align:right;}

.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}

.lh-17{line-height:1.7em;}
.img-bg {
	text-indent:-9999px;
}
.table-c{
	*zoom: 1;
	*display: inline;
}
.boxshadow{
}

/*--ROLLOVER--*/
.rollover a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:#fff;
}
/*
----------------------------------------
huckclearfix
----------------------------------------
*/

.clearbox:after,
#gnav ul:after,
#search-area:after,
#f-bnr ul:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearbox,
#gnav ul,
#search-area,
#f-bnr ul {
  display:inline-block;
}

/*\*/

* html .clearbox,
* html #gnav ul,
* html #search-area,
* html #f-bnr ul {
  height:1%;
}

.clearbox,
#gnav ul,
#search-area,
#f-bnr ul {
  display:block;
}


/*vtip*/
p#vtip {
	display: none;
	position: absolute;
	padding: 12px;
	left: -100px;
	top:200px;
	margin-left:20px;
	font-size: 14px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;	
	color:white;
	background:#014F80;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	
	z-index: 9999;
	font-weight:bold;
	}
p#vtip #vtipArrow {
	display:none;
	position: absolute;
	top: 0px;
	left: -50px!important;
	}