@charset "utf-8";
body{
	color:#222;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
	background:url(../img/bg_body.jpg) no-repeat center top #141070;
	font-size:90%;
}

a {
	color: #1484e4;
}

a:hover {
	color: #FF0000;
	font-weight: bold;
}
#wrap{
	text-align:center;

}

/*ヘッダ
-------------------------------------------------------------*/
#headerwrap{
	

}

#header{
	text-align:left;
	margin:0 auto;
	width:960px;
	position:relative;
	height:90px;
}

h1{
	text-indent:-10000px;
}
h1 a{
	display: block;
	background: url(../img/logo.gif) no-repeat;
	width: 220px;
	height: 80px;
	position:absolute;
	top: 0px;
	left:0px;
	text-decoration: none;
	font-size:1px;
	z-index:1;
}

#index h1 a{
	background: url(../img/logo_index.png) no-repeat;
	width: 395px;
	height: 81px;
	position:absolute;
	top: 5px;
}



#headbox{
	position: absolute;
	top: 20px;
	right: -1px;
	width: 340px;
	/*border:1px solid #ccc;*/
}
#index #headbox{
	top: 31px;
}
#headnavi li{
	display:inline;
	background:url(../img/arrow02.gif) no-repeat left center;
	padding:0 10px  0 12px;
}
#headnavi li a{
	color:#fff;
	text-decoration:none;
}

#headsearch{
	/*background:url(../img/bg_search.gif) no-repeat left 5px;*/
	position: absolute;
	right: -4px;
	top: 26px;
	padding: 0 0px 10px 0px;
	height: 15px;
	color: #fff;

}
#headsearch form{
	/*width:170px;
	float:left;*/
}

#headsearch p{
	float:left;
	background:url(../img/arrow02.gif) no-repeat left top;
	padding:0 10px 8px 10px;
	font-size:80%;
	width:30px;	
}
.searchinput,
#srchInput{
	width:140px;
}
.searchbtn{
	vertical-align:top;

}


#headlanguage{
	position: absolute;
	right: 9px;
	width: 369px;
	top: 61px;
}
#headlanguage li{
	text-indent:-10000px;
}
#headlanguage a{
	position: absolute;
	display: block;
	height: 25px;
	border-top: 2px solid #247bbd;
	top: -61px;
}
#headlanguage a:hover{
	border-top:2px solid #FC0;
}
#hl1 a{
	width: 75px;
	left: -19px;
	background: url(../img/bg_headlanguage.png) no-repeat 0 0;
}
#hl2 a{
	width: 60px;
	left: 56px;
	background: url(../img/bg_headlanguage.png) no-repeat -75px 0;
}
#hl3 a{
	width: 55px;
	left: 116px;
	background: url(../img/bg_headlanguage.png) no-repeat -135px 0;
}
#hl4 a{
	width: 55px;
	left: 170px;
	background: url(../img/bg_headlanguage.png) no-repeat -190px 0;
}
#hl5 a{
	width: 85px;
	left: 224px;
	background: url(../img/bg_headlanguage.png) no-repeat -245px 0;
}
#hl6 a{
	width: 70px;
	left: 308px;
	background: url(../img/bg_headlanguage.png) no-repeat -330px 0;
}

/* TOPヘッダー 言語設定プルダウンボタン */
.top_head_navi { /* 既存css上書き */
	top: 22px !important;
	right: 190px !important;
}

.sp_logo {
	position: relative;
	display: inline-block;
}

.lang_btn {
	width: 164px;
	float: right;
	padding: 24px 0px 14px 5px;
}

.lang_btn:hover {
	cursor: pointer;
}

.global_menu {
	position: absolute;
	display: none;
	width: 163px;
	cursor: pointer !important;
	top: 64px;
	right: 0px;
	background-color: #ffffff;
	z-index: 999;
	outline: 1px solid #004da0;
}

.global_menu li {
	text-align: left;
}

.global_menu li a {
	color: #ffffff !important;
	text-decoration: none;
	display: block;
	padding: 10px 35px;
}

.global_menu li a img {
	opacity: 1;
}

.global_menu li a:hover {
	background: url("../img/lang_arrow.png") no-repeat center left 22px;
	background-size: 5px auto;
	background-color: #ccdbec;
}

/*グローバルメニュー
------------------------------------------------*/
#gnaviwrap{
	height:57px;
	padding:0 0 0px 0;
	position:relative;
	padding:0 0 15px 0;
	background:url(../img/bg_gnaviwrap.gif) repeat-x top;
}

#gnavi ul{
	width:960px;
	text-align:left;
	margin:0 auto;
	position:relative;
	list-style-type:none;
	left:0px;
	top:3px;
}

#gnavi li{
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
}
#gnavi a{
	display:block;
	height:50px;
	width:192px;
	position:absolute;
	font-size:1px;
	top: 0px;
}
#gn1,#gn2,#gn3,#gn4,#gn5,#gn6,#gn7,#gn8,#gn9,#gn10{
	text-indent:-10000px;
}
#gn1 a{
	background:url(../img/gnavi.gif) -0px 0;
	left:0px;
	text-decoration:none;
}
#gn1 a:hover{
	background:url(../img/gnavi.gif) -0px -50px;
	text-decoration:none;
}

#gn2 a{
	background:url(../img/gnavi.gif) -192px 0;
	left:192px;
	text-decoration:none;
}
#gn2 a:hover{
	background:url(../img/gnavi.gif) -192px -50px;
	text-decoration:none;
}
#gn3 a{
	background:url(../img/gnavi.gif) -384px 0;
	left:384px;
	text-decoration:none;
}
#gn3 a:hover{
	background:url(../img/gnavi.gif) -384px -50px;
	text-decoration:none;
}
#gn4 a{
	background:url(../img/gnavi.gif) -576px 0;
	left:576px;
	text-decoration:none;
}
#gn4 a:hover{
	background:url(../img/gnavi.gif) -576px -50px;
	text-decoration:none;
}
#gn5 a{
	background:url(../img/gnavi.gif) -768px 0;
	left:768px;
	text-decoration:none;
}
#gn5 a:hover{
	background:url(../img/gnavi.gif) -768px -50px;
	text-decoration:none;
}


/*グローバルメニュー　外国語用
------------------------------------------------*/
#gnavi2wrap{
	height:57px;
	padding:0 0 0px 0;
	position:relative;
	padding:0 0 15px 0;
	background:url(../img/bg_gnaviwrap.gif) repeat-x top;
}

#gnavi2 ul{
	width:960px;
	text-align:left;
	margin:0 auto;
	position:relative;
	list-style-type:none;
	left:0px;
	top:3px;
}

#gnavi2 li{
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
}
#gnavi2 a{
	display:block;
	height:50px;
	width:192px;
	position:absolute;
	font-size:1px;
	top: 0px;
}
#gn1-2,#gn2-2,#gn3-2,#gn4-2,#gn5-2,#gn6-2,#gn7-2,#gn8-2,#gn9-2,#gn10-2{
	text-indent:-10000px;
}
#gn1-2 a{
	background:url(../img/gnavi2.gif) -0px 0;
	left:0px;
	text-decoration:none;
}
#gn1-2 a:hover{
	background:url(../img/gnavi2.gif) -0px -50px;
	text-decoration:none;
}

#gn2-2 a{
	background:url(../img/gnavi2.gif) -192px 0;
	left:192px;
	text-decoration:none;
}
#gn2-2 a:hover{
	background:url(../img/gnavi2.gif) -192px -50px;
	text-decoration:none;
}
#gn3-2 a{
	background:url(../img/gnavi2.gif) -384px 0;
	left:384px;
	text-decoration:none;
}
#gn3-2 a:hover{
	background:url(../img/gnavi2.gif) -384px -50px;
	text-decoration:none;
}
#gn4-2 a{
	background:url(../img/gnavi2.gif) -576px 0;
	left:576px;
	text-decoration:none;
}
#gn4-2 a:hover{
	background:url(../img/gnavi2.gif) -576px -50px;
	text-decoration:none;
}
#gn5-2 a{
	background:url(../img/gnavi2.gif) -768px 0;
	left:768px;
	text-decoration:none;
}
#gn5-2 a:hover{
	background:url(../img/gnavi2.gif) -768px -50px;
	text-decoration:none;
}


/*レイアウト
------------------------------------------------*/
#mainbodywrap{
	margin:0 auto 20px auto;
	width:960px;
	text-align:left;
}
 #main{
	background:#fff;
	border:1px solid #6c719b;
	border-top:none;
}
.column2 #main{
	width:720px;
	float:right;
}

#side{
	width:220px;
	float:left;
}

#sidetitle{
	background:url(../img/bg_sidetitle.gif) no-repeat left top #4c4c4c;
	padding:20px 10px;
	color:#fff;
	font-size:90%;
	border-bottom:2px solid #7f7f7f;
}
#sidetitle span{
	display:block;
	color:#46d0da;
	font-size:50%;
	font-weight:400;
}
#sidetitle a{
	color:#fff;
	text-decoration:none;
}
#sidetitle a:hover{
	text-decoration:underline;
}
#sidetitle h2{
	border-left:5px solid #238792;
	padding:0 0 0 8px;
}
#sidemenu{
	background:#4c4c4c;
	padding:10px 5px;
}

#sidemenu a{
	display:block;
	padding:5px ;
	color:#fff;
}
#sidemenu a:hover{
	background:#606060;
}
/*表示しているページだけ色変える*/
.activemenu a{
	background:#383838;
}


#sidemenu dl{
	padding:5px;

}
#sidemenu dt{
	background:url(../img/bg_sidememu_dt.gif) no-repeat left 12px;
	padding:3px 0px 3px 19px;
	margin:0 0 0px 0;
	border-bottom:1px solid #636363;
	color:#fff;
}

#sidemenu dt .png_bg{
	vertical-align:bottom;
}
#sidemenu dd{
	background:url(../img/arrow01.gif) no-repeat 20px 17px;
	padding:8px 5px 5px 30px;
	margin:-5px 0 5px 0;
	font-size:90%;
	border-bottom:1px dotted #636363;
}
#sidemenu dd ul{
	padding:10px 0 0px 0;
}
#sidemenu dd li{
	background:url(../img/arrow02.gif) no-repeat 0px 10px;
	padding:5px 5px 2px 10px;
	margin:0px 0 2px 0;
	border-top:1px dotted #ccc;
	font-size:90%;
}
#sidemenu a{	
	text-decoration:none;
}
#sidemenu a:hover{	
	text-decoration:underline;
}


#sidemenu li{	
	padding:3px 0px 3px 0px;
	margin:0 0 0px 0;
	border-bottom:1px solid #636363;
	clear:both;
}
#sidemenu li strong{
	color:#00dac8;
	font-size:120%;
	}
#sidemenu li img{
	float:left;
	margin:0 10px 0 0;
}

#sidetab li{
	float:left;
	background:url(../img/bg_sidetab.gif) repeat-x top #a3a65c;
}
#sidetab li a{
	display:block;
	width:110px;
	text-align:center;
	padding:10px 0;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #666666;

}
#sidetab li .active{
	background:url(../img/bg_sidetab_active.gif) repeat-x top #4c4c4c;
	border-bottom:1px solid #4c4c4c;
}
#sidemenu h3{
	color:#fff;
	padding:5px 10px;
	background:#878787;
	font-size:90%;
	margin:0 -5px 10px -5px;
}
#sidearchive{
	padding:0 0 20px 0;
}
#sidearchive select{
	width:200px;
}




#sidebanner{
	background:#606060;
	padding:10px 0 10px 10px;
}

#pagetitle{
	background:url(../img/bg_pagetitle.gif) no-repeat right top #05168d;
	color:#fff;
	padding:20px;
	border-bottom:1px solid #2a359b;
}
#pagetitle h2{
	font-size:190%;
	font-weight:400;
}

#pagetitle img{
	float:left;
	margin:-5px 10px 0 -5px;
}
#pagetitle h2 strong{
	font-size:120%;
	color:#00dac8;
}

.titleicon h2{
	padding-top:5px;
}

#topicpath{
	padding:20px;
	background:url(../img/bg_topicpath.gif) repeat-x top;
}


.gotop p{
	clear:both;

}
.gotop p a{
	background:url(../img/bg_gotop.gif) no-repeat right bottom #c7dbff;
	display:block;
	text-align:right;
	padding:5px 40px 5px 0;
	border-top:1px solid #b1caf8;
	text-decoration:none;
	color:#2d63bc;
}
.gotop p a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/*メインビジュアル
------------------------------------------------*/

#mainvisual{
	width: 960px;
	margin: 0 auto 10px auto;
	text-align: left;
	padding:5px 0;
	background:url(../img/bg_mainvisual.png) no-repeat center top;
}
#mainvisual img{ border: 0; vertical-align: bottom; }

#multiHeroContents{
	padding-left: 5px;
	list-style-type: none;
	float:left;
}
#multiHeroContents li{
	display: none;
}
#multiHeroControls{
	margin: 0px 0 0 0;
	padding-right: 5px;
	list-style-type:none;
	/*position: relative;*/
	float:right;
}
#multiHeroControls li{
	/*float: left;*/
}
#multiHeroControls li.next,
#multiHeroControls li.back{
	float: right;
}
#multiHeroControls li a{
	display: block;
	padding: 2px;
	/*margin-right: 5px;
	border: 1px solid #CCCCCC;*/
	color: #666666;
	font-size: 70%;
	font-family: Arial, sans-serif;
	text-decoration: none;
	line-height: 0.75;
}
#multiHeroControls li a:hover{
	background: #666;
}
#multiHeroControls li.thisChild a{
	border-color: #666666;
	background: #fff;
	font-weight: bold;
	color: #FFFFFF;
}
#multiHeroControls li.next a{
	margin: 0;
}
#mainvisual a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}



/*トップページ
------------------------------------------------*/
#topleft{
	width:200px;
	float:left;
	margin:0 15px 0 0;
}
#topcenter{
	width:530px;
	float:left;
}
#topright{
	width: 200px;
	float: right;
	color: #F9F7F5;
}


/*トップのニュース*/
#topinfo{
	padding:0 0 20px 0;
	background:#fff;
	border:1px solid #6c719b;
}
#topinfo h2{
	background:url(../img/bg_topinfo_h2.gif) repeat-x top #060d53;
	color:#fff;
	padding:8px;
	font-size:120%;
	margin:0 0 10px 0;
}
#topinfo h2 a{
	color:#fff;
	text-decoration:none;
}
#topinfo h2 strong{
	border-left:5px solid #548f93;
	padding:0 0 0 5px;

}
#topinfo h2 span{
	color:#46d0da;
	font-size:70%;
	font-weight:400;

}

#topinfo dl{
	border-bottom:1px dotted #ccc;
	padding:8px 0 8px 0;
	margin:0 10px;
	font-size:90%;

}
#topinfo dt{
	float:left;
	width:170px;
}
#topinfo dt img{
	vertical-align:top;
	margin:0 0 0 8px;
}
#topinfo dd{
	float:right;
	width:320px;
	padding:0 0px 0 10px;
	background:url(../img/arrow01.gif) no-repeat left 8px;
}


#topphotogarally{
	background:url(../img/bg_topphotogarally.gif) no-repeat top #212121;
	padding:40px 0 10px 0;
	text-align:center;
	margin:0 0 10px 0;
}
#topphotogarally dt{
	font-size:80%;
	color:#fff;
}

#topbanner img{
	vertical-align:bottom;
	padding:0 0 5px 0;
}

#topbanner ul.btn_inner01{
	margin-right: -10px;
}

#topbanner ul.btn_inner01:after{
	content: " ";
	display: table;
	clear: both;
}

#topbanner ul.btn_inner01 li{
	float: left;
	margin-right: 10px;
}

/* GO TOトラベルバナー */
#top-got-to-ban {
    margin-top: 10px;
}

#top-got-to-ban img {
    width:100%;
    max-width: 100%;
}

#top-got-to-ban:hover a {
    opacity: 0.8;
}

/*フッタ
------------------------------------------------*/
#footer{
	background:#0f4b9e;
	border-top:1px solid #90e3fc;
	color:#fff;
	line-height:120%;
	padding:0 0 20px 0;
	clear:both;
}

#copyright{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding:10px 0;
	font-size:80%;
}
#footlogo{
	text-indent:-10000px;
}
#footlogo a{
	display:block;
	background:url(../img/logo_footer.gif) no-repeat;
	height:34px;
	width:246px;
	float:left;
	padding:10px 10px 0 0;
}



address {
	float:left;
}
address strong{
	font-size:130%;
}
#copyright p{
	float:right;
	background:url(../img/bg_copyright_p.gif) no-repeat right top;
	padding:0px 0 0 0;
	width:400px;
	text-align:right;
}
#copyright p span{	
	background:url(../img/arrow01.gif) no-repeat left center;
	padding:0 0px  0 12px;
}
#copyright p a{
	color:#fff;
}
