@charset "Shift_JIS";

/* CSS Document */

#header {width:970px;padding-bottom:3px;background:url(/common/images/hf_line.gif) no-repeat bottom left #FFFFFF}
#header p{float:left;width:200px}
#header ul{float:right;width:760px;text-align:right;margin-top:3px;letter-spacing:1px;}
#header ul li{display:inline;border-right:1px solid #333333;margin-right:5px;padding-right:5px;}
#header ul li.list-last{border-right-style:none;margin-right:1px;padding-right:0;}
#header:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
#header{
	display:inline-block;
}


#global-navigation{width:970px;height:31px;background:url(/common/header/images/gnavi_base.gif) no-repeat #FFFFFF;}
#global-navigation li{width:144px;height:30px;text-indent:-10000px;}
#global-navigation li a{display:block;height:30px;text-decoration:none;}
#global-navigation #menu-yado{position:absolute;left:10px;}
#global-navigation #menu-domestic{position:absolute;left:154px;}
#global-navigation #menu-overseas{position:absolute;left:298px;}
#global-navigation #menu-shop{position:absolute;left:442px;}
#global-navigation #menu-departure-info{position:absolute;left:586px;}

#global-navigation #menu-yado a{background:url(/common/header/images/gnavi_yado.gif) no-repeat}
#global-navigation #menu-domestic a{background:url(/common/header/images/gnavi_dom.gif) no-repeat}
#global-navigation #menu-overseas a{background:url(/common/header/images/gnavi_ovs.gif) no-repeat}
#global-navigation #menu-shop a{background:url(/common/header/images/gnavi_shop.gif) no-repeat}
#global-navigation #menu-departure-info a{background:url(/common/header/images/gnavi_departureinfo.gif) no-repeat}

#global-navigation #menu-yado em a{background:none}
#global-navigation #menu-domestic em a{background:none}
#global-navigation #menu-overseas em a{background:none}
#global-navigation #menu-shop em a{background:none}
#global-navigation #menu-departure-info em a{background:none}

#global-navigation #menu-yado a:hover{background:none}
#global-navigation #menu-domestic a:hover{background:none}
#global-navigation #menu-overseas a:hover{background:none}
#global-navigation #menu-shop a:hover{background:none}
#global-navigation #menu-departure-info a:hover{background:none}


#global-navigation #menu-yado em a,
#global-navigation #menu-yado a:hover{background:url(/common/header/images/gnavi_yado.gif) 0 -30px no-repeat;}
#global-navigation #menu-domestic em a,
#global-navigation #menu-domestic a:hover{background:url(/common/header/images/gnavi_dom.gif) 0 -30px no-repeat;}
#global-navigation #menu-overseas em a,
#global-navigation #menu-overseas a:hover{background:url(/common/header/images/gnavi_ovs.gif) 0 -30px no-repeat;}
#global-navigation #menu-shop em a,
#global-navigation #menu-shop a:hover{background:url(/common/header/images/gnavi_shop.gif) 0 -30px no-repeat;}
#global-navigation #menu-departure-info em a,
#global-navigation #menu-departure-info a:hover{background:url(/common/header/images/gnavi_departureinfo.gif) 0 -30px no-repeat;}



/*
HEADER 970 2009 2009年02月追加
-------------------------------------------------------------------------*/
#header_970_2009{
	position:relative;
	margin:0 0 0;
	padding:2px 0 1px;
	width:970px;
	border-bottom:3px solid #999;
	background:#FFFFFF;
}
/*logo
--------------------------------------------------*/
#header_970_2009 .logo{
	position:absolute;
	top:10px;
	left:13px;
	width:60px;
	height:35px;
	background:url(/common/header/images/gnavi2009_logo.gif) no-repeat 0 0;
}
#header_970_2009 .logo a{
	display:block;
	margin:0;
	padding:0;
	width:60px;
	height:35px;
}
#header_970_2009 .logo span{
	display:block;
	position:absolute;
	top:-5000px;
	left:-5000px;
}
/*line1
--------------------------------------------------*/
#header_970_2009 .line1{
	width:880px;
	margin:1px 0 0 91px;
}
/*utilityMain（旧myJtb）------------------------------*/
#header_970_2009 .utilityMain{
	float:left;
	margin:0;
	padding:2px 0 0;
	/*width:780px;*/
	width:872px;
}
#header_970_2009 .utilityMain .signIn{
	float:left;
	width:280px;
}
#header_970_2009 .utilityMain .signIn  li{
	float:left;
}
#header_970_2009 .utilityMain .signIn  a{
	margin:0 5px 0;
}
#header_970_2009 .utilityMain .signIn .name{
	margin:0 15px 0 0;
	font-weight:bold;
}
#header_970_2009 .utilityMain .myJtbLink{
	float:right;
	/*width:495px;*/
	width:215px;
	white-space:nowrap;
}
#header_970_2009 .utilityMain .myJtbLink ul{
	float:right;
}
#header_970_2009 .utilityMain .myJtbLink li{
	float:left;
	margin:0;
}
#header_970_2009 .utilityMain .myJtbLink li a{
	text-decoration:underline
}
/*myJtb（削除予定）------------------------------*/
#header_970_2009 .myJtb{
	float:left;
	margin:0;
	padding:2px 0 0;
	width:780px;
}
#header_970_2009 .myJtb .signIn{
	float:left;
	width:280px;
}
#header_970_2009 .myJtb .signIn  li{
	float:left;
}
#header_970_2009 .myJtb .signIn  a{
	margin:0 5px 0;
}
#header_970_2009 .myJtb .signIn .name{
	margin:0 15px 0 0;
	font-weight:bold;
}
#header_970_2009 .myJtb .myJtbLink{
	float:right;
	width:495px;
}
#header_970_2009 .myJtb .myJtbLink ul{
	float:right;
}
#header_970_2009 .myJtb .myJtbLink  li{
	float:left;
	margin:0;
}
#header_970_2009 .myJtb .myJtbLink li a{
	text-decoration:underline
}
/*searchJtb------------------------------*/
#header_970_2009 .utilityMain .searchJtb{
	float:right;
	width:92px;
	margin:0;
	padding:0;
}
#header_970_2009 .utilityMain .searchJtb ul{
	margin:0;
	padding:0;
}
#header_970_2009 .utilityMain .searchJtb li{
	margin:0;
	padding:0;
}
/*gnavi
--------------------------------------------------*/
#header_970_2009 .gnavi{
	margin:2px 0 0 90px;
	width:880px;
	height:31px;
	background:url(/common/header/images/gnavi2009_gnavi_bg.gif) repeat-x 0 0;
}
#header_970_2009 .gnavi .inner01{
	background:url(/common/header/images/gnavi2009_gnavi_rt.gif) no-repeat right 0;
}
#header_970_2009 .gnavi .inner02{
	background:url(/common/header/images/gnavi2009_gnavi_rb.gif) no-repeat right bottom;
}
/*main------------------------------*/
#header_970_2009 .gnavi .main{
	float:left;
	width:570px;
	/*width:590px;*/
	height:31px;
	overflow:hidden;
}
#header_970_2009 .gnavi .main li{
	float:left;
	width:142px;
	height:31px;
}
#header_970_2009 .gnavi .main .category{
	width:140px;
}
#header_970_2009 .gnavi .main .side{
	width:1px;
}
#header_970_2009 .gnavi .main li a{
	display:block;
	margin:0;
	padding:0;
	width:142px;
	height:31px;
}
#header_970_2009 .gnavi .main .category a{
	width:140px;
	background:url(/common/header/images/gnavi2009_01.gif) no-repeat 0 0;
}
#header_970_2009 .gnavi .main .hotel a{
	background:url(/common/header/images/gnavi2009_02.gif) no-repeat 0 0;
}
#header_970_2009 .gnavi .main .domestic a{
	background:url(/common/header/images/gnavi2009_03.gif) no-repeat 0 0;
}
#header_970_2009 .gnavi .main .overseas a{
	background:url(/common/header/images/gnavi2009_04.gif) no-repeat 0 0;
}
#header_970_2009 .gnavi .main a:active,
#header_970_2009 .gnavi .main a:hover{
	background-position:0 -31px;
}
#header_970_2009 .gnavi .main a.current{
	background-position:0 -62px;
}
#header_970_2009 .gnavi .main a.current:active,
#header_970_2009 .gnavi .main a.current:hover{
	background-position:0 -62px;
}
#header_970_2009 .gnavi .main li a span{
	display:block;
	position:absolute;
	top:-5000px;
	left:-5000px;
}
/*utility------------------------------*/
#header_970_2009 .gnavi .utility{
	float:right;
	width:305px;
	/*width:285px;*/
	height:31px;
}
#header_970_2009 .gnavi .utility ul{
	float:right;
	padding:12px 6px 0 0;
	font-size:90%;
}
#header_970_2009 .gnavi .utility li{
	float:left;
	color:#bfbfbf;
}
#header_970_2009 .gnavi .utility li a{
	color:#fff;
	text-decoration:underline;
}
/*subNavi
--------------------------------------------------*/
#header_970_2009 .subNavi{
	padding:3px 0 3px 90px;
	width:880px;
	background:#FFFFFF;
}
#header_970_2009 .subNavi li{
	float:left;
	margin:0;
	padding:0 3px;
	width:168px;
	height:21px;
	border-left:1px solid #999;
}
#header_970_2009 .subNavi .sn0304,
#header_970_2009 .subNavi .sn0404{
	border-right:1px solid #999;
}
#header_970_2009 .subNavi li a{
	display:block;
	margin:0;
	padding:0;
	width:168px;
	height:21px;
}
#header_970_2009 .subNavi .sn0301 a{
	background:url(/common/header/images/gnavi2009_03_sn01.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0302 a{
	background:url(/common/header/images/gnavi2009_03_sn02.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0303 a{
	background:url(/common/header/images/gnavi2009_03_sn03.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0304 a{
	background:url(/common/header/images/gnavi2009_03_sn04.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0401 a{
	background:url(/common/header/images/gnavi2009_04_sn01.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0402 a{
	background:url(/common/header/images/gnavi2009_04_sn02.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0403 a{
	background:url(/common/header/images/gnavi2009_04_sn03.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi .sn0404 a{
	background:url(/common/header/images/gnavi2009_04_sn04.gif) no-repeat 0 0;
}
#header_970_2009 .subNavi li a:active,
#header_970_2009 .subNavi li a:hover{
	background-position:0 -21px;
}
#header_970_2009 .subNavi li a.current{
	background-position:0 -21px;
}

#header_970_2009 .subNavi a span{
	display:block;
	position:absolute;
	top:-5000px;
	left:-5000px;
}

/*headCategory
--------------------------------------------------*/
#header_970_2009 #headCategory{
	position:absolute;
	margin:0 2px 1px 0;
	pddding:0 0 5px;
	top:0;
	left:90px;
	width:436px;
	z-index:5000;
	background:url(/common/header/images/gnavi2009_cate_b.gif) no-repeat 0 bottom;
	display:none;
}
#header_970_2009 #headCategory .inner01{
	margin:0 0 5px;
	background:url(/common/header/images/gnavi2009_cate_bg.gif) repeat-y 0 0;
}
#header_970_2009 #headCategory .title{
	background:url(/common/header/images/gnavi2009s_cate_ti_bg.gif) repeat-x 0 0;
}
#header_970_2009 #headCategory .title .titleImg{
	float:left;
	width:184px;
}
#header_970_2009 #headCategory .title .close{
	float:right;
	width:21px;
}
#header_970_2009 #headCategory .content{
	padding:0 0 5px 8px;
	width:428px;
}
#header_970_2009 #headCategory .content .subTitle{
	float:left;
	font-weight:bold;
}
#header_970_2009 #headCategory .content .sitemap{
	float:right;
	padding:0 9px 0 0;
	width:300px;
	text-align:right;
}
#header_970_2009 #headCategory .content .sitemap a{
	padding:0 0 2px 8px;
	background:url(/common/header/images/gnavi2009_icon_sitemap.gif) no-repeat 0 5px;
}
#header_970_2009 #headCategory .content .links{
	float:left;
	width:345px;
}
#header_970_2009 #headCategory .content .links li{
	float:left;
	color:#bfbfbf;
}
#headCategoryBase{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	display:none;
}

/*general
--------------------------------------------------*/
/*初期化------------------------------*/
#header_970_2009 p{
	margin:0;
	padding:0;
}
#header_970_2009 ul,
#header_970_2009 li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#header_970_2009 img{
	border:0;
}
/*float clear------------------------------*/
#header_970_2009 .clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#header_970_2009 .clearFix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #header_970_2009 .clearFix{
	* height:1%;
}
#header_970_2009 .clearFix{
	display:block;
}
/* */

/*float------------------------------*/
#header_970_2009 .floLeft {
	float: left;
}
#header_970_2009 .floRight {
	float: right;
}
#header_970_2009 .clear {
	clear: both;
}

/*マージン：上方向------------------------------*/
#header_970_2009 .mt5{
	margin-top:5px !important;
}
#header_970_2009 .mt10{
	margin-top:10px !important;
}
#header_970_2009 .mt20{
	margin-top:20px !important;
}

/*簡易版------------------------------*/

#header_970_2009 .utilitySimple{
	text-align:right;
	height:50px;
	
}

/*
HEADER 970 2010 2009年12月追加
-------------------------------------------------------------------------*/
#header_970_2010 {
	font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	position: relative;
	width: 970px;
	padding: 8px 0 0 0;
	border-bottom: 5px solid #cc0202;
	overflow: hidden;
}

#header_970_2010 p {
	width: 220px;
	margin-left: 16px;
	font-size: 90%;
	color: #5a5858;
}

#header_970_2010 #gnav_logo {
	position: absolute;
	top: 35px;
	left: 11px;
	width: 60px;
	margin: 0;
	padding: 0;
}

#header_970_2010 #gnav_utility:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
#header_970_2010 #gnav_utility {
	zoom: 1;
	margin: -1.5em 5px 0 0;
}
#header_970_2010 #gnav_utility ul {
	float: right;
	margin-bottom: 2px;
	padding: 0;
	overflow: hidden;
}
#header_970_2010 #gnav_utility li {
	float: left;
	margin-right: 8px;
	white-space: nowrap;
	background: url(/common/images/icon_list.gif) 2px 0.6em no-repeat;
	padding: 4px 0 0 11px;
}
#header_970_2010 #gnav_utility li#gnav_myJtbLink {
	padding: 4px 0 4px 26px;
	background: url(/common/header/images/ic_myjtb.gif) no-repeat left top;
}
#header_970_2010 #gnav_utility li#gnav_reserve {
	padding: 4px 0 4px 26px;
	background: url(/common/header/images/ic_pc.gif) no-repeat left top;
}
#header_970_2010 #gnav_utility li#gnav_searchJtb {
	margin-right: 8px;
	margin-top: -3px;
	padding: 4px 0 4px 1px;
}
#header_970_2010 #gnav_utility li#gnav_searchJtb a {
	display: block;
	width: 85px;
	height: 21px;
	background: url(/common/header/images/ic_shop.gif) no-repeat left top;
	text-indent: -9999px;
	outline: none;
}
#header_970_2010 #gnav_utility li#gnav_searchJtb a:hover {
	background-position: left -21px;
}

/* globalnavi */
#header_970_2010 #globalnavi {
	margin: 0;
	padding: 0 10px 0 90px;
	float: none;
	clear: both;
	overflow: hidden;
}

#header_970_2010 #globalnavi p { display: none; }

#header_970_2010 #globalnavi #gnav_dom {
	float: left;
	padding: 8px 0 0 40px;
	height: 41px;
	background: url(/common/header/images/bg_glnavibtn_dom.gif) no-repeat;
}

#header_970_2010 #globalnavi #gnav_ovs {
	float: right;
	padding: 8px 0 0 40px;
	height: 41px;
	background: url(/common/header/images/bg_glnavibtn_ovs.gif) no-repeat;
}

#header_970_2010 #globalnavi #gnav_dom ul {
	width: 498px;
	height: 41px;
}

#header_970_2010 #globalnavi #gnav_ovs ul {
	width: 288px;
	height: 41px;
}

#header_970_2010 #globalnavi ul li {
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}

#header_970_2010 #globalnavi #gnav_dom ul li a,
#header_970_2010 #globalnavi #gnav_ovs ul li a {
	display: block;
	float: left;
	width: 70px;
	height: 41px;
	overflow: hidden;
	text-indent: -9999px;
}

#header_970_2010 #globalnavi #gnav_dom ul li a { background: url(/common/header/images/glnavibtn_dom.gif) no-repeat; }
#header_970_2010 #globalnavi #gnav_ovs ul li a { background: url(/common/header/images/glnavibtn_ovs.gif) no-repeat; }

/* 通常 */
#header_970_2010 #globalnavi ul li#gnav_yado a { background-position: 0 0; width: 71px; }
#header_970_2010 #globalnavi ul li#gnav_premium a { background-position: -71px 0; }
#header_970_2010 #globalnavi ul li#gnav_onsen a { background-position: -141px 0; }
#header_970_2010 #globalnavi ul li#gnav_domtour a { background-position: -211px 0; }
#header_970_2010 #globalnavi ul li#gnav_fit a { background-position: -281px 0; }
#header_970_2010 #globalnavi ul li#gnav_etkt a { background-position: -351px 0; }
#header_970_2010 #globalnavi ul li#gnav_bus a { background-position: -421px 0; }
#header_970_2010 #globalnavi ul li#gnav_ovstour a { background-position: 0 0; width: 71px; }
#header_970_2010 #globalnavi ul li#gnav_air a { background-position: -71px 0; }
#header_970_2010 #globalnavi ul li#gnav_ovshtl a { background-position: -141px 0; }
#header_970_2010 #globalnavi ul li#gnav_ovsopt a { background-position: -211px 0; }

/* ロールオーバー */
#header_970_2010 #globalnavi ul li#gnav_yado a:hover { background-position: 0 -41px; }
#header_970_2010 #globalnavi ul li#gnav_premium a:hover { background-position: -70px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_onsen a:hover { background-position: -140px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_domtour a:hover { background-position: -210px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_fit a:hover { background-position: -280px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_etkt a:hover { background-position: -350px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_bus a:hover { background-position: -420px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovstour a:hover { background-position: 0 -41px; }
#header_970_2010 #globalnavi ul li#gnav_air a:hover { background-position: -70px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovshtl a:hover { background-position: -140px -41px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovsopt a:hover { background-position: -210px -41px; width: 71px; margin-left: -1px; }

/* 商材ボタン */
#header_970_2010 #globalnavi ul li#gnav_yado a.current { background-position: 0 -82px; }
#header_970_2010 #globalnavi ul li#gnav_premium a.current { background-position: -70px -123px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_onsen a.current { background-position: -140px -164px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_domtour a.current { background-position: -210px -205px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_fit a.current { background-position: -280px -246px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_etkt a.current { background-position: -350px -287px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_bus a.current { background-position: -420px -328px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovstour a.current { background-position: 0 -82px; }
#header_970_2010 #globalnavi ul li#gnav_air a.current { background-position: -70px -123px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovshtl a.current { background-position: -140px -164px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovsopt a.current { background-position: -210px -205px; width: 71px; margin-left: -1px; }

/* 商材ボタン ロールオーバー */
#header_970_2010 #globalnavi ul li#gnav_yado a:hover.current { background-position: 0 -82px; }
#header_970_2010 #globalnavi ul li#gnav_premium a:hover.current { background-position: -70px -123px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_onsen a:hover.current { background-position: -140px -164px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_domtour a:hover.current { background-position: -210px -205px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_fit a:hover.current { background-position: -280px -246px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_etkt a:hover.current { background-position: -350px -287px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_bus a:hover.current { background-position: -420px -328px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovstour a:hover.current { background-position: 0 -82px; }
#header_970_2010 #globalnavi ul li#gnav_air a:hover.current { background-position: -70px -123px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovshtl a:hover.current { background-position: -140px -164px; width: 71px; margin-left: -1px; }
#header_970_2010 #globalnavi ul li#gnav_ovsopt a:hover.current { background-position: -210px -205px; width: 71px; margin-left: -1px; }

/* 簡易版 */
#header_simple #header_970_2010 {
	padding-top: 3px;
}
#header_simple #header_970_2010 #gnav_logo {
	position: static;
	float: left;
	margin: 6px 4px 0 0;
	padding-bottom: 5px;
}
#header_simple #header_970_2010 #gnav_logo a { margin-left: 11px; }
#header_simple #header_970_2010 #gnav_utility {
	margin: 0 5px 2px 0;
}

