@charset "Shift_JIS";

@import url(/common/css/jtb_site_970.css);
@import url(/common/css/function_970.css);
@import url(pkg.css);


/*-------------------------------------- 共通 ---*/
#contentsArea {padding-top:10px;}
.att-txt {font-size:72%;}

/*-------------------------------------- TYごとに設定 ---*/

/*-------------------------------------------------------
						TY共通
-------------------------------------------------------*/
#title {
	text-indent: -9999px;
	width: 950px;
	height: 200px;
	position:absolute;
	left:10px;
	top:169px;
}
#title li {
	position: absolute;
}
#asahiyama,
#ishigaki,
#miyako,
#iriomote,
#usj,
#chura,
#kamikochi1,
#kamikochi2,
#tdr,
#htb,
#car
{
	height:210px;
}

/*-----------------旭山動物園-----------------*/
#asahiyama #title {
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/asahiyama.jpg) no-repeat;
}
#asahiyama li.doko {
	top: 126px;
	left: 377px;
	width: 175px;
	height: 33px;
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/tab.jpg) no-repeat -175px 0;
}
#asahiyama li.doko a {
	display: block;
	width: 175px;
	height: 33px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/tab.jpg) no-repeat 0 0;
}
#asahiyama li.doko a:focus,
#asahiyama li.doko a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/tab.jpg) no-repeat -175px 0;
}
#asahiyama li.free {
	top: 159px;
	left: 377px;
	width: 175px;
	height: 33px;
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/tab.jpg) no-repeat -175px -33px;
}
#asahiyama li.free a {
	display: block;
	width: 175px;
	height: 33px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/tab.jpg) no-repeat 0 -33px;
}
#asahiyama li.free a:focus,
#asahiyama li.free a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/asahi/tab.jpg) no-repeat -175px -33px;
}


/*-----------------沖縄の島々-----------------*/
li.iriomote {
	top: 155px;
	left: 290px;
}

li.miyako {
	top: 102px;
	left: 408px;
}

li.ishigaki {
	top: 66px;
	left: 254px;
}

/*石垣島*/
#ishigaki #title {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/ishigaki_bk.jpg) no-repeat;
}
#ishigaki li.iriomote a {
	display: block;
	width: 114px;
	height: 42px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/ishigaki_iri.gif) no-repeat 0 0;
}
#ishigaki li.iriomote a:focus,
#ishigaki li.iriomote a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/ishigaki_iri.gif) no-repeat 0 -42px;
}
#ishigaki li.miyako a {
	display: block;
	width: 98px;
	height: 60px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/ishigaki_mi.gif) no-repeat 0 0;
}
#ishigaki li.miyako a:focus,
#ishigaki li.miyako a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/ishigaki_mi.gif) no-repeat 0 -60px;
}
/*宮古島*/
#miyako #title {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/miyako_bg.jpg) no-repeat;
}
#miyako li.iriomote a {
	display: block;
	width: 114px;
	height: 42px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/miyako_iri.gif) no-repeat 0 0;
}
#miyako li.iriomote a:focus,
#miyako li.iriomote a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/miyako_iri.gif) no-repeat 0 -42px;
}
#miyako li.ishigaki a {
	display: block;
	width: 98px;
	height: 56px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/miyako_isi.gif) no-repeat 0 0;
}
#miyako li.ishigaki a:focus,
#miyako li.ishigaki a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/miyako_isi.gif) no-repeat 0 -56px;
}
/*西表島*/
#iriomote #title {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/iriomote_bk.jpg) no-repeat;
}
#iriomote li.miyako a {
	display: block;
	width: 98px;
	height: 60px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/iriomote_mi.gif) no-repeat 0 0;
}
#iriomote li.miyako a:focus,
#iriomote li.miyako a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/iriomote_mi.gif) no-repeat 0 -60px;
}
#iriomote li.ishigaki a {
	display: block;
	width: 98px;
	height: 56px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/iriomote_isi.gif) no-repeat 0 0;
}
#iriomote li.ishigaki a:focus,
#iriomote li.ishigaki a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/okinawa/iriomote_isi.gif) no-repeat 0 -56px;
}


/*-----------------usj-----------------*/
#usj #title {
	background: url(/kokunai/pkg/FeatureProgram/images/usj_bg.jpg) no-repeat;
}

/*-----------------美ら海-----------------*/
#chura #title {
	background: url(/kokunai/pkg/FeatureProgram/images/chura/churaumi.jpg) no-repeat;
}
#chura li.doko {
	top: 128px;
	left: 0;
	width: 178px;
	height: 36px;
	background: url(/kokunai/pkg/FeatureProgram/images/chura/chura_tab.gif) no-repeat -178px 0;
}
#chura li.doko a {
	display: block;
	width: 178px;
	height: 36px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/chura/chura_tab.gif) no-repeat 0 0;
}
#chura li.doko a:focus,
#chura li.doko a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/chura/chura_tab.gif) no-repeat -178px 0;
}

#chura li.free {
	top: 164px;
	left: 0;
	width: 178px;
	height: 36px;
	background: url(/kokunai/pkg/FeatureProgram/images/chura/chura_tab.gif) no-repeat -178px -36px;
}
#chura li.free a {
	display: block;
	width: 178px;
	height: 36px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/chura/chura_tab.gif) no-repeat 0 -36px;
}
#chura li.free a:focus,
#chura li.free a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/chura/chura_tab.gif) no-repeat -178px -36px;
}


/*-----------------上高地-----------------*/
/*夏*/
#kamikochi1 #title {
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/summer/kamikouchi_bg.jpg) no-repeat;
}
#kamikochi1 li.free {
	top: 121px;
	left: 662px;
}
#kamikochi1 li.free a {
	display: block;
	width: 257px;
	height: 75px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/summer/ty_01.jpg) no-repeat 0 0;
}
#kamikochi1 li.free a:focus,
#kamikochi1 li.free a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/summer/ty_01.jpg) no-repeat 0 -75px;
}

/*秋*/
#kamikochi2 #title {
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi_bg.jpg) no-repeat;
}
#kamikochi2 li.doko {
	top: 140px;
	left: 226px;
	width: 151px;
	height: 57px;
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi02.gif) no-repeat 0 -57px;
}
#kamikochi2 li.doko a {
	display: block;
	width: 151px;
	height: 57px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi02.gif) no-repeat 0 0;
}
#kamikochi2 li.doko a:focus,
#kamikochi2 li.doko a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi02.gif) no-repeat 0 -57px;
}



#kamikochi2 li.free {
	top: 140px;
	left: 63px;
	width: 151px;
	height: 57px;
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi01.gif) no-repeat 0 -57px;
}
#kamikochi2 li.free a {
	display: block;
	width: 151px;
	height: 57px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi01.gif) no-repeat 0 0;
}
#kamikochi2 li.free a:focus,
#kamikochi2 li.free a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/kamikochi/kamikochi01.gif) no-repeat 0 -57px;
}


/*-----------------TDR-----------------*/
#tdr #title {
	background: url(/kokunai/pkg/FeatureProgram/images/tdr/tdr_bg.jpg) no-repeat;
}
#tdr li.price {
	top: 104px;
	left: 253px;
}
#tdr li.price a {
	display: block;
	width: 424px;
	height: 71px;
	overflow: hidden;	
	background: url(/kokunai/pkg/FeatureProgram/images/tdr/tdr_bt.gif) no-repeat 0 0;
}
#tdr li.price a:focus,
#tdr li.price a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/tdr/tdr_bt.gif) no-repeat 0 -71px;
}


/*-----------------ハウステンボス-----------------*/
#htb #title {
	background: url(/kokunai/pkg/FeatureProgram/images/house.jpg) no-repeat;
}


/*-----------------レンタカー-----------------*/
#car #title {
	background: url(/kokunai/pkg/FeatureProgram/images/car/car_bg.jpg) no-repeat;
}
#car li.hokkaido {
	top: 133px;
	left: 123px;
	width: 126px;
	height: 43px;
	background: url(/kokunai/pkg/FeatureProgram/images/car/car01.gif) no-repeat 0 -43px;
}
#car li.hokkaido a {
	display: block;
	width: 126px;
	height: 43px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/car/car01.gif) no-repeat 0 0;
}
#car li.hokkaido a:focus,
#car li.hokkaido a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/car/car01.gif) no-repeat 0 -43px;
}
#car li.kyusyu {
	top: 133px;
	left: 276px;
	width: 126px;
	height: 43px;
	background: url(/kokunai/pkg/FeatureProgram/images/car/car02.gif) no-repeat 0 -43px;
}
#car li.kyusyu a {
	display: block;
	width: 126px;
	height: 43px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/car/car02.gif) no-repeat 0 0;
}
#car li.kyusyu a:focus,
#car li.kyusyu a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/car/car02.gif) no-repeat 0 -43px;
}
#car li.okinawa {
	top: 133px;
	left: 429px;
	width: 126px;
	height: 43px;
	background: url(/kokunai/pkg/FeatureProgram/images/car/car03.gif) no-repeat 0 -43px;
}
#car li.okinawa a {
	display: block;
	width: 126px;
	height: 43px;
	overflow: hidden;
	background: url(/kokunai/pkg/FeatureProgram/images/car/car03.gif) no-repeat 0 0;
}
#car li.okinawa a:focus,
#car li.okinawa a:hover {
	background: url(/kokunai/pkg/FeatureProgram/images/car/car03.gif) no-repeat 0 -44px;
}



/*-----------------サンキュー---------------------------*/
#contentsarea{
width:950px;}
#ty_thanks{
margin:0;
height:280px;
padding:20px 10px 0px 15px;
background:url(/kokunai/pkg/FeatureProgram/images/thanks/bg_all.gif) no-repeat top left;
}
#ty_thanks div,#ty_thanks p,#ty_thanks img,#ty_thanks dl,#ty_thanks dt,#ty_thanks dd,
#ty_thanks ul,#ty_thanks li{ margin:0; padding:0;}
#ty_thanks img{ border:none;}
/**/
#ty_thanks .ty_head{
	height:55px;
	margin-bottom:15px;
}
#ty_thanks .ty_head p{
float:left;
width:450px;
text-align:right;
margin-right:15px;}
#ty_thanks .ty_head ul{
margin:0; padding:0;
list-style:none;
float:left;
width:370px;}
#ty_thanks .ty_head ul li{
list-style:none;
display:inline;}
#ty_thanks .ty_head ul li img{
vertical-align:middle;
margin:5px 3px 3px 0;
}

/**/
#ty_thanks .ty_contents{}
/**/
#ty_thanks .various_tour{
float:left;
width:460px;
padding-bottom:10px;
background:url(/kokunai/pkg/FeatureProgram/images/thanks/bg_various.gif) no-repeat bottom left /*0 33px*/;}
#ty_thanks .various_tour p{}
#ty_thanks .various_tour ul{
list-style:none;
text-align:center;
margin-top:4px;}
#ty_thanks .various_tour li{
list-style:none;
display:inline;
margin:0 10px 0 0px;
}
/**/
#ty_thanks .special_tour{
float:right;
width:455px;
background:url(/kokunai/pkg/FeatureProgram/images/thanks/bg_special_btm.gif) no-repeat bottom left;
padding-bottom:25px;
margin:11px 0 0 0;
}
html:not([lang*=""]) #ty_thanks .special_tour {
padding-bottom:20px;}
#ty_thanks .special_tour dl{
background:url(/kokunai/pkg/FeatureProgram/images/thanks/bg_special_top.gif) no-repeat top left;}
#ty_thanks .special_tour dt{
float:left;
width:202px;
margin-top:7px;}
#ty_thanks .special_tour dd{
float:right;
width:239px;height:61px;
background:url(/kokunai/pkg/FeatureProgram/images/thanks/fukidashi.gif) no-repeat left top;}
#ty_thanks .special_tour dd table,
#ty_thanks .special_tour dd tr,
#ty_thanks .special_tour dd td{
margin:0; padding:0;
color:#FA2900; font-size:13px;}
#ty_thanks .special_tour dd td{
width:239px;
height:55px;
vertical-align:middle;
line-height:1.2em;
padding:0 18px 0px 25px;
}
/***/
html:not([lang*=""]) #ty_thanks .special_tour dd td{
font-size:90%;}
/**/
#ty_thanks .special_tour ul{
list-style:none;
padding:7px 5px 0 20px;}
#ty_thanks .special_tour li{
line-height:22px;
list-style:none;
}
body:first-of-type #ty_thanks .special_tour ul{
padding-left:10px;
padding-top:5px;}

body:first-of-type #ty_thanks .special_tour li{
letter-spacing:-1.2px;
line-height:24px;
}
/*100507 add*/
html:not([lang*=""]) #ty_thanks .special_tour li{
font-size:90%;
line-height:22px;}
/**/
#ty_thanks .special_tour li span{
color:#FF0000;}
/*100507 modify*/
#ty_thanks p.caution{
float:left;
margin:15px 0 28px 0px;
text-align:left;
/*width:448px;*/
width:400px;
/*font-size:11px;*/
font-size:64%;
line-height:15px;
color:#fff;}
html:not([lang*=""]) #ty_thanks p.caution{
font-size:82%;
line-height:13px;}
/*/100507 modify*/
#ty_thanks .ty_btnBox{
float:left;
margin-top:10px;
margin-left:5px;
list-style:none;}
html:not([lang*=""]) #ty_thanks .ty_btnBox{}

#ty_thanks .ty_btnBox li{
display:inline;
margin-right:12px;
list-style:none;
}

/*-----------------九州　091023-----------------*/
#ty_kyu{ margin:0;}
#ty_kyu h1{ background:none; margin:0; padding:0;}
#ty_kyu h1 img{ margin:0;}


/*navi*/
#ty_kyu ul{ margin:0;padding:0 0 0 449px;
background: url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_bg.jpg) no-repeat;
height:100px;
}
#ty_kyu ul li{
display:block;
float:left;
margin: 0 4px 3px 0; padding:0;
width:113px;
height:22px;
overflow: hidden;
text-indent:-9999px;}
#ty_kyu ul li a{
display:block;height:22px;}

#ty_kyu ul li#kyu_h{
margin-top:5px;}

/*ロールオーバー*/
#ty_kyu ul li#kyu_f a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_f_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_kk a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_kk_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_n a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_n_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_s a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_s_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_km a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_km_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_o a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_o_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_m a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_m_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_kg a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_kg_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_h a:hover{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_h_on.gif) no-repeat 0 0;}

/*ステイ*/
#ty_kyu ul li#kyu_f.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_f_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_kk.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_kk_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_n.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_n_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_s.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_s_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_km.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_km_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_o.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_o_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_m.stay{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_m_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_kg.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_kg_on.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_h.stay {background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_h_on.gif) no-repeat 0 0;}

/*グレーアウト*/
#ty_kyu ul li#kyu_f_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_f_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_kk_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_kk_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_n_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_n_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_s_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_s_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_km_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_km_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_o_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_o_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_m_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_m_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_kg_g{background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_kg_gray.gif) no-repeat 0 0;}
#ty_kyu ul li#kyu_h_g{ margin-top:5px;
background:url(/kokunai/pkg/FeatureProgram/images/kyu/kyu_h_gray.gif) no-repeat 0 0;}


/***** 100419 発着地用　追加 ここから****/
.departureList li{
display:inline;
margin-right:5px;
color:#666666;
font-size:126%;}
.departureList li.ti{
color:#333333;}
/***** 100419 発着地用　追加 ここまで****/