﻿/*
reset.css
*/

body, div.hf, div.hf div, div.hf dl, div.hf dt, div.hf dd, div.hf ul, div.hf li, div.hf h2, div.hf h3, div.hf form, div.hf input, div.hf p, div.hf th, div.hf td{margin:0;padding:0;}
div.hf table{border-collapse:collapse;border-spacing:0;}
div.hf img{border:0;}
div.hf li{list-style:none;}
div.hf h2,
div.hf h3{font-size:100%;font-weight:normal;}
div.hf q:before,
div.hf q:after{content:'';}
div.hf input{font-family:inherit;font-size:inherit;font-weight:inherit;}
div.hf input{*font-size:100%;}
div.hf input#SS_searchQuery{width:143px;height:17px;}
div.hf, div.hf div:after{content:"";display:block;clear:both;}
div.hf, div.hf div{display:inline-block;}
* html div.hf, * html div.hf div{height:1%;}
div.hf, div.hf div{display:block;position:relative;}
div.hf img{vertical-align:top;}
div.hf hr{display:none;}
div.hf a{outline: none;}
/*div.hf{font:13px/1.231 sans-serif;*font-size:small;*font:x-small;}*/

/*
common_area.css
*/


#wrapper{
	width:100%;
	min-width:964px;
	text-align:left;
	margin:0 auto;
	background-color:#fff;
}
#iframe-searcharea{
	width:0;
	height:0;
	visibility:hidden;
	display:none;
}
#noScript{
	background:#fff;
	border: 1px solid red;
	text-align:center;
}
#noScript .msg{
	margin:0 auto;
	width:960px;
	height:75px;
	text-align:left;
}
#noScript .msg img{
	position:absolute;
	top:10px;
	left:0;
}
#noScript .msg p{
	padding-left:60px;
}
#header{
	background:#004098;
	text-align:center;
}
/*追加*/
#header img{
	vertical-align:bottom;
	border:none;
}


#header .body{
	width:960px;
	padding:8px 0;
	margin:0 auto;
	text-align:left;
}
#header *{
	color:#ccc;
	font-size:10px;
	line-height:1.4;
	font-weight:normal;
	text-decoration:none;
}

#site_copy p#headText {
color:#ccc;
display: block !important;
width: 100%;
height: 100%;
background: none;
margin: 0 0 0 7px;
padding: 0;
}
#logo{
	float:left;
	width:300px;
}
#logo img{
	vertical-align:bottom;
}
#siteNav{
	float:right;
	text-align:right;
}
#siteNav .msg{
	letter-spacing:0;
}
#headNav{
	margin-top:5px;
}
#headNav li{
	margin-right:5px;
	display:inline;
}
#headNav li a{
	margin-right:8px;
	border:none;
}
#headNav li.last-child,
#headNav li.last-child a{
	margin-right:0;
}
#footer{
	padding:0px 0px 10px;
	background:#242424;
	text-align:center;
	color:#fff;
}
#footer .body{
	padding-top: 20px;
	width:960px;
	margin:0 auto;
	text-align:left;
}
#footer *{
	color:#666;
	font-size:10px;
	line-height:1.4;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover{
	color:#65cdff;
	text-decoration:underline;
}
#footer div.solidFooter{
	border-bottom:1px solid #444;
	height:1px;
	margin:1em 0;
}
#footer .baner{
	padding-top:25px;
}
#bookmarkNav{
	padding-top:10px;
}
#bookmarkNav ul{
	float:right;
}
#bookmarkNav li{
	float:left;
	white-space:nowrap;
	margin-left:5px;
}
#bookmarkNav li a{
	text-decoration:none;
	color:#fff;
	margin-left:5px;
}
#tourNav{
	width:880px;
}
#tourNav dl{
/*	margin-top:2px;*/
	clear:both;
}
#tourNav dt{
	float:left;
	white-space:nowrap;
	margin-top:5px;
	margin-right:5px;
}
#tourNav dt a{
	text-decoration:none;
	color:#fff;
	margin-right:5px;
}
#tourNav dd{
	float:left;
	white-space:nowrap;
	margin-top:5px;
	margin-right:3px;
}
#tourNav dd a{
	text-decoration:none;
	color:#fff;
	margin-right:5px;
}
#footNav li{
	float:left;
	white-space:nowrap;
	margin-right:5px;
	font-size:12px;
}
#footNav li a{
	text-decoration:none;
	color:#fff;
	margin-right:5px;
	font-size:12px;
}
#areaNav li{
	float:left;
	white-space:nowrap;
	margin-left:5px;
}
#areaNav li a{
	text-decoration:none;
	color:#fff;
	margin-left:5px;
}
#contents{
	text-align:left;
	z-index:1000;
}
div.hf div.clmnTC{
	background-position:left top;
	background-repeat:repeat-x;
}
/*===【2012.09 追加】 ===*/
#head_top{position:relative; width:960px; margin:0 auto; padding:0; z-index:10000;}
#head_top h1{position:absolute; top:12px; left:100px; color:#CCCCCC; font-size:10px;}
/*===【2012.08 追加】Start ===*/
#header .inner{
	width:960px;
	padding:10px 0;
	margin:0 auto;
	text-align:left;
	border:0;
	background-color:#004098;
}
#header_left {
	width:560px;
	float:left;
}
#header_left #logo {
	width:92px;
	height:38px;
	margin:0 5px 0 0;
	float:left;
}
#header_left #site_copy {
	height:38px;
	text-align:left;
	padding:0;
	font-size:10px;
	float:left;
	position:relative;
}
#header_left #site_copy h1 {
	display:block !important;
	width:100%;
	height:100%;
	background:none;
	margin:0 0 0 7px;
	padding:0;
}
#header_left #site_copy img#imgBnrShop {
	position:absolute;
	bottom:0;
}
#header_right {
	width:380px;
	float:right;
	text-align:right;
}
#header_right #headMenu {
	margin:0;
	padding:0 0 8px 0;
}

#header_right #headMenu li {
	margin-right:13px;
	display:inline;
}
#header_right #headMenu li.last-child {
	margin-right:0;
}
#header_right #accountMenu {
	margin:0;
	padding:0;
}

#header_right #accountMenu li {
	margin-right:12px;
	display:inline;
}
#header_right #accountMenu li.last-child {
	margin-right:0;
}
/*===【2012.08 追加】End ===*/

/*===【2012.10 法人ボタンの追加】Start ===*/
#header .inner{
	width:960px;
	padding:10px 0;
	margin:0 auto;
	text-align:left;
}
#header_Left {
	
	width:460px;
	float:left;
}

#header_Left #logo {
	width:92px;
	height:38px;
	margin:0 5px 0 0;
	float:left;
}
#header_Left #site_copy {
	height:38px;
	text-align:left;
	padding:0;
	font-size:10px;
	float:left;
	position:relative;
}
#header_Left #site_copy h1 {
	display:block !important;
	width:100%;
	height:100%;
	background:none;
	margin:0 0 0 7px;
	padding:0;
}
#header_Left #site_copy img#imgBnrShop {
	position:absolute;
	bottom:0;
}
#header_Left #site_copy p#BnrShop_Text {
 background: #40beff;
 border-radius: 9px;
 color: #FFF;
 font-size: 11px;
 height: 20px;
 line-height: 2.1;
 margin: 0;
 padding: 0 8px;
 width: 207px;
 text-align: center;
}

#header_Left #site_copy h1#height_half{
	height:49%;
}

#header_Right {
	width:480px;
	float:right;
	text-align:right;
}
#header_Right #headMenu {
	margin:0;
	padding:0 0 8px 0;
}

#header_Right #headMenu li {
	margin-right:13px;
	display:inline;
}
#header_Right #headMenu li.last-child {
	margin-right:0;
}
#header_Right #accountMenu {
	margin:0;
	padding:0;
}

#header_Right #accountMenu li {
	margin-right:12px;
	display:inline;
}
#header_Right #accountMenu li.last-child {
	margin-right:0;
}
/*===【2012.10 法人ボタンの追加】End ===*/


/*
modules.css
*/

.clearfix:after{
	content:"";display:block;clear:both;
}
.clearfix{
	display:inline-block;
}
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;position:relative;
}
.l{
float:left;
}
.r{
float:right;
}
.mt15{
	margin-top:15px !important;
}
.mt5{
	margin-top:5px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.b{
	font-weight:bold !important;
}
.fntL{
	font-size:116% !important;
}
.hr_blue-solid{
	border-bottom:1px solid #c0e5ff
}

/*
navigation_area.css
*/

#navigationArea {
	margin-top:12px;
	text-align:center;
	z-index:3000;
}
#navigationArea .clmnTC{
	background:url(/images/navigation_area/bg.gif) center top repeat-x;
	background-color:#aae1ff;
}
#navigationArea .body{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#navigationArea a{
	color:#006699;
	text-decoration:none;
}
#navigationArea a:hover{
	color:#66ccff;
	text-decoration:underline;
}
#navigationArea a:visited{
	color:#006699;
}
#globalNav {
	z-index:2000;
}
#globalNav ul.tab li {
	display:block;
	float:left;
	padding:29px 0 0;
	margin-right:4px;
}
/*===【2012.08 追加】Start ===*/
#globalNav ul.tab li.rightArea {
	margin-right:5px;
}
/*===【2012.08 追加】End ===*/
#globalNav ul.tab li.here {
	padding-top:0;
}
#globalNav ul.tab li.lastChild {
	margin-right:0;
}
#globalNav .here #changeArea{
	position:absolute;
	top:33px;
	right:827px;
	width:194px;
	text-align:center;
}	
#globalNav .here #changeArea img.btn{
	cursor:pointer;
}
#changeArea table.list{
	position:absolute;
	top:20px;
	left:61px;
	z-index:2500;
	display:none;
}
#changeArea table.list thead tr,
#changeArea table.list tfoot tr{
	font-size:1px;
	line-height:1px;
}
#changeArea table.list tbody td{
	background:url(/images/navigation_area/global_navi/change_area/clmn_bg.gif) repeat-y top left #ffcc00;
	padding:10px 3px 6px 9px;
}
#changeArea table.list ul{
	margin-top:6px;
}
#changeArea table.list ul li{
	padding:5px 0 0;
	margin-right:5px;
	display:block;
	float:left;
}
#chageArea img {
	vertical-align: top;
}
#hotelOption table{
	width:160px;
	position:absolute;
	top:61px;
	left:731px;
	z-index: 300;
	display:none;
}
	/* 4/26更新 | ↑top,leftを変更 */

#hotelOption table thead tr,
#hotelOption table tfoot tr{
	font-size:1px;
	line-height:1px;
}
#hotelOption table tfoot td img {
	vertical-align: top;
}
#hotelOption table tbody td{
	background:url(/images/navigation_area/global_navi/hotel_option/clmn_bg.gif) repeat-y top center;
	padding:0 11px 7px;
}
#hotelOption table tbody ul li{
	font-size:12px;
	width:138px;
	display:block;
	clear:both;
	padding-top:7px !important;
	margin:0 !important;
}
#tourInfo table{
	width:160px;
	position:absolute;
	top:61px;
	left:832px;
	z-index:300;
	display:none;
}
	/* 4/26更新 | ↑top,leftを変更 */

#tourInfo table thead tr,
#tourInfo table tfoot tr{
	font-size:1px;
	line-height:1px;
}
#tourInfo table tfoot td img {
	vertical-align: top;
}
#tourInfo table tbody td{
	background:url(/images/navigation_area/global_navi/tour_info/clmn_bg.gif) repeat-y top center;
	padding:0 11px 7px;
}
#tourInfo table tbody .hr_blue-solid{
	border-bottom:1px solid #c0e5ff;
	font-size:1px;
}
#tourInfo table tbody ul li{
	font-size:12px;
	width:138px;
	display:block;
	clear:both;
	padding-top:7px !important;
	margin:0 !important;
}
#searchArea{
	position:absolute;
	top:1px;
	/top:0px;
	top:0px\9;
	right:0;
	z-index:2010;
}
#searchArea form input#SS_searchQuery{
	width: 130px;
	height: 18px;
	padding: 0px 5px;
	vertical-align:bottom;
	border: solid 1px #AAA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 2px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 3px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 3px -5px rgba(0,0,0,0.5);
	box-shadow: inset 1px 4px 3px -5px rgba(0,0,0,0.5);
}
#searchArea form input#SS_searchSubmit{
	width: 45px;
	height: 20px;
	padding: 0;
	vertical-align:bottom;
	border: 0;
	background: url(/images/navigation_area/sprite_navigation.png) no-repeat -643px 0px;
	text-indent: -9999px;
	line-height: 0px;
	cursor: pointer;
}
#searchArea .inputText{
	width:136px;
	height:15px;
	vertical-align:top;
	font-size:10px;
}
#selectBox{
	width:140px;
	position:absolute;
	top:18px;
	left:0;
	display:none;
	font-size:12px;
}
#selectBox ul{
	position:absolute;
	top:5px;
	left:10px;
}
#selectBox ul{
	/top:0px;
}
#selectBox li{
	margin:0;
	padding:0;
}
#selectBox .inputRadio{
	position:relative;
	top:2px;
	margin:0 3px 0 0;
	padding:0;
}
#selectBoxOff{
	display:none;
}
#headLine{
	position:absolute;
	top:1px;
	right:197px;
	z-index:2005;
}
/*#headLine span{
	position:absolute;
	top:4px;
	/top:5px;
	top:5px\9;
	left:68px;
	font-size:10px;
}*/

	#headLine span{
		display:block;
		position:absolute;
		width:640px;
		top:5px;       /* XBS 4→5に変更 */
		/top:6px;     /* XBS 5→6に変更 */
		top:6px\9;   /* XBS 5→6に変更 */
		left:80px;     /* XBS 68→80に変更 */		
		font-size:10px;
		font-weight:bold;
	}
#headLine span a {
    color:#000;
}
	
#headLine .tickerList{
	display:none;
}
