@charset "utf-8";

/* ----------デフォルトリセット---------- */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,caption,th,td,img{
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

img { vertical-align: bottom; }


/* ----------よく使うクラス---------- */
.f_clear{
	clear:both;
}
/* clearfix */
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  
html .clearfix             { zoom: 1; } /* IE6 */  
first-child+html .clearfix { zoom: 1; } /* IE7 */  

a:hover img.ro{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* ----------airtrip_css---------- */

a:link {color:#333333; text-decoration:underline;}
a:visited {color:#333333; text-decoration:underline;}
a:hover {color:#aaaaaa; text-decoration:underline;}
a:active {color:#aaaaaa; text-decoration:underline;}

html{
	height:100%;
	font-size:14px;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kakugo Pro W3","ＭＳ Ｐゴシック","osaka",sans-serif;
	background:url(../img/bg_h1.jpg) repeat-x #f6f6f6;
	color:#333333;
	margin:0;
	padding:0;
	height:100%;
	line-height:120%;
}
div#wrap{
	background:url(../img/bg_stage.jpg) repeat-y center #ffffff;
	width:840px;
	margin:0 auto;
	min-height:100%;
}
*html div#wrap{
	height:100%;
}
#h1_line{
	background:url(../img/bg_h1.jpg) repeat-x;
	height:18px;
}
h1{
	width:800px;
	margin:0 auto;
	padding:2px 0 0 0;
	color:#cccccc;
	font-size:10px;
	letter-spacing:1px;
}
#header{
	width:820px;
	height:57px;
	margin:0 auto;
	background:url(../img/head_bg.jpg) repeat-x;
}
#header #rogo_airtrip{
	float:left;
	width:350px;
}

/* ヘッダーメニュー */
#header #menu_list{
	float:right;
	width:420px;
	display:inline;
}
#header #menu_list li{
	float:left;
}
#menu_list li a{
	display:block;
	height:57px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#menu_list li a:hover{
	background-repeat:no-repeat;
	background-position:0px -57px;
}
#menu_list .menu_home{
	width:86px;
}
#menu_list .menu_home a{
	background:url(../img/menu_home.jpg);
}
#menu_list .menu_first{
	width:121px;
}
#menu_list .menu_first a{
	background:url(../img/menu_first.jpg);
}
#menu_list .menu_faq{
	width:110px;
}
#menu_list .menu_faq a{
	background:url(../img/menu_faq.jpg);
}
#menu_list .menu_sitemap{
	width:102px;
}
#menu_list .menu_sitemap a{
	background:url(../img/menu_sitemap.jpg);
}

/* フッターメニュー */
#footer{
	width:816px;
	margin:20px auto 0 auto;
	padding-bottom:20px;
	border-top:1px solid #cccccc;
	font-size:10px;
	clear:both;
}
#footer p{
	margin-top:10px;
	text-align:center;
}
#footer .link_set{
	width:800px;
	margin:10px auto 0px auto;
	font-size:12px;
	clear:both;
}
#footer .link_set .link_title{
	background-color:#00469b;
	color:#FFFFFF;
	padding:4px 10px;
	display:inline;
}
#footer .link_set ul{
	border:1px solid #00469b;
	padding:4px 10px;
}
#footer .link_set li{
	float:left;
	display:inline;
	background:url(../img/foot_lp.gif) no-repeat left center;
	padding-left:10px;
	margin-right:15px;
}
#footer #travel_seport{
	border:1px solid #00469b;
	padding:4px 10px;
}


#footer #travel_seport ul{padding:0; margin-top:3px; border:none;}
#footer #travel_seport li{float:none;}

#footer #travel_seport dl{margin-top:3px; padding:3px 0 0px 0; border-top:1px dotted #00469b;}
#footer #travel_seport dl dt{
	color:#00469b;
	float:left;
	display:inline;
	padding-left:0px;
	margin-right:15px;
	width:300px;
}
#footer #travel_seport dl dd{
	float:left;
	display:inline;
	background:url(../img/foot_lp.gif) no-repeat left center;
	padding-left:10px;
	margin-right:15px;
}

#footer ul.banner{
	margin-top:10px;
	padding-left:8px;
	height:54px;
}
#footer ul.banner li{
	float:left;
	margin-right:5px;
}




/* ----------中ページ用css---------- */
#box_set{
	width:820px;
	margin:0 auto;
}
#box_l{
	width:172px;
	float:left;
	margin-left:9px;
	padding-top:8px;
	padding-bottom:10px;
	display:inline;
}
#box_r{
	width:630px;
	float:right;
}
/* 左メニュー */
#box_l #jalmile{
	padding:5px;
	border: 1px solid #0066FF;
	margin-bottom:10px;
	font-size:12px;
}
#box_l .menu_list{
	margin-bottom:6px;
}
#box_l .menu_list dd{
	margin-top:2px;
	margin-left:1px;
	width:170px;
}
#box_l .menu_list dd a{
	display:block;
	height:32px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#box_l .menu_list dd a:hover{
	background-repeat:no-repeat;
	background-position:0px -32px;
}
#box_l .menu_list .link_off{
	display:block;
	height:32px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px -64px;
}
#box_l .tyo-osa a{background:url(../img/m_tyo-osa.gif);}
#box_l .tyo-hok a{background:url(../img/m_tyo-hok.gif);}
#box_l .tyo-fuk a{background:url(../img/m_tyo-fuk.gif);}
#box_l .tyo-oki a{background:url(../img/m_tyo-oki.gif);}
#box_l .tyo-ngs a{background:url(../img/m_tyo-ngs.gif);}
#box_l .tyo-kmj a{background:url(../img/m_tyo-kmj.gif);}
#box_l .tyo-koj a{background:url(../img/m_tyo-koj.gif);}

#box_l .osa-tyo a{background:url(../img/m_osa-tyo.gif);}
#box_l .osa-hok a{background:url(../img/m_osa-hok.gif);}
#box_l .osa-fuk a{background:url(../img/m_osa-fuk.gif);}
#box_l .osa-oki a{background:url(../img/m_osa-oki.gif);}
#box_l .osa-sen a{background:url(../img/m_osa-sen.gif);}
#box_l .osa-ngs a{background:url(../img/m_osa-ngs.gif);}
#box_l .osa-kmj a{background:url(../img/m_osa-kmj.gif);}
#box_l .osa-koj a{background:url(../img/m_osa-koj.gif);}

#box_l .fuk-tyo a{background:url(../img/m_fuk-tyo.gif);}
#box_l .fuk-osa a{background:url(../img/m_fuk-osa.gif);}
#box_l .fuk-oki a{background:url(../img/m_fuk-oki.gif);}
#box_l .fuk-sen a{background:url(../img/m_fuk-sen.gif);}
#box_l .fuk-hok a{background:url(../img/m_fuk-hok.gif);}

#box_l .ngo-hok a{background:url(../img/m_ngo-hok.gif);}
#box_l .ngo-fuk a{background:url(../img/m_ngo-fuk.gif);}
#box_l .ngo-oki a{background:url(../img/m_ngo-oki.gif);}
#box_l .ngo-sen a{background:url(../img/m_ngo-sen.gif);}
#box_l .ngo-kmj a{background:url(../img/m_ngo-kmj.gif);}

#box_l .hok-tyo a{background:url(../img/m_hok-tyo.gif);}
#box_l .hok-osa a{background:url(../img/m_hok-osa.gif);}
#box_l .hok-sen a{background:url(../img/m_hok-sen.gif);}
#box_l .hok-oki a{background:url(../img/m_hok-oki.gif);}

/*----page----*/
.page-tyo-osa .tyo-osa a,
.page-tyo-hok .tyo-hok a,
.page-tyo-fuk .tyo-fuk a,
.page-tyo-oki .tyo-oki a,
.page-tyo-ngs .tyo-ngs a,
.page-tyo-kmj .tyo-kmj a,
.page-tyo-koj .tyo-koj a,
.page-osa-tyo .osa-tyo a,
.page-osa-hok .osa-hok a,
.page-osa-fuk .osa-fuk a,
.page-osa-oki .osa-oki a,
.page-osa-sen .osa-sen a,
.page-osa-ngs .osa-ngs a,
.page-osa-kmj .osa-kmj a,
.page-osa-koj .osa-koj a,
.page-fuk-tyo .fuk-tyo a,
.page-fuk-osa .fuk-osa a,
.page-fuk-oki .fuk-oki a,
.page-fuk-sen .fuk-sen a,
.page-fuk-hok .fuk-hok a,
.page-ngo-hok .ngo-hok a,
.page-ngo-fuk .ngo-fuk a,
.page-ngo-oki .ngo-oki a,
.page-ngo-sen .ngo-sen a,
.page-ngo-kmj .ngo-kmj a,
.page-hok-tyo .hok-tyo a,
.page-hok-osa .hok-osa a,
.page-hok-sen .hok-sen a,
.page-hok-oki .hok-oki a,
.page-fuk-osa .fuk-osa a{background-position:0px -64px !important;}


#in_box6{margin-bottom:10px;}

/* -----パンくず----- */
#box_r #pan{
	font-size:10px;
	padding:5px 10px;
}

/* -----ページ紹介----- */
#box_r #text{
	margin-left:10px;
	margin-bottom:4px; 
	font-size:12px;
}

/* -----カセットセット----- */
.hotel_box{
	width:620px;
	border-top:1px solid #999999;
	margin-bottom:12px;
	position:relative;
}
.hotel_box h3{
	color:#00469b;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	background:url(../img/ico_hotel.gif) no-repeat 10px 0px;
	margin-top:10px;
	padding-left:45px;
	height:19px;
}
.hotel_box h3 a{
	text-decoration:none !important;
	color:#00469b !important;
}
.hotel_box h3 a:hover{
	color:#6699CC !important;
}
.hotel_box a{
	text-decoration:none;
	}
	
/* ホテル画像 */
.hotel_box .hotel_img{
	float:left;
	width:80px;
	height:80px;
	border:1px solid #cccccc;
	text-align:center;
	margin-left:10px;
	display:inline;
	margin-top:8px;
}
.hotel_box .hotel_img img{
	margin-top:3px;
}
/* ホテル説明 */
.hotel_box .detail{
	width:515px;
	float:left;
	margin-left:5px;
	margin-top:8px;
}
.hotel_box .detail .access{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background:url(../img/bg_access.gif) repeat-y;
}
.hotel_box .detail .access dt{
	width:80px;
	float:left;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
}
.hotel_box .detail .access dd{
	width:370px;
	float:left;
	padding:4px 0 4px 20px;
	font-size:14px;
}
.hotel_box .detail p{
	margin:7px 0 7px 5px;
	font-size:12px;
}
/* アイコン */
.hotel_box .ico_set{
	width:280px;
	text-align:right;
	position:absolute;
	left:332px;
	top:11px;
}
.hotel_box .ico_set img{
	margin-left:2px;
}

/* 申し込みボタン */
.hotel_box .detail .order_btn_set{
	width:362px;
	float:left;
}
.hotel_box .detail .order_btn_set dt{
	width:88px;
	height:23px;
	float:left;
}
.hotel_box .detail .order_btn_set dd{
	width:85px;
	margin:0 3px;
	float:left;
}
.hotel_box .detail .order_btn_set dd a{
	display:block;
	width:85px;
	height:23px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.hotel_box .detail .order_btn_set dd.plan1day a{background:url(../img/btn_plan_1.gif);}
.hotel_box .detail .order_btn_set dd.plan2day a{background:url(../img/btn_plan_2.gif);}
.hotel_box .detail .order_btn_set dd.plan3day a{background:url(../img/btn_plan_3.gif);}
.hotel_box .detail .order_btn_set dd a:hover{background-position:0px -23px;}


/* 値段表 */
.hotel_box .price{
	width:140px;
	float:right;
	padding-top:3px;
}
.hotel_box .price dt{
	float:left;
	font-size:10px;
	padding-right:3px;
}
.hotel_box .price dd{
	float:left;
	font-size:16px;
	color:#CC0000;
	font-weight:bold;
}

/* おすすめホテル */
#osusume_hotel{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:5px;
	background:url(../img/bg_osusume_box.gif) no-repeat left bottom;
}

#osusume_hotel .hotel_box h3{
	color:#00469b;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	background:url(../img/ico-star-osusume.gif) no-repeat 18px 0;
	margin-top:10px;
	padding-top:2px;
	padding-left:45px;
	height:17px;
}
#osusume_hotel .hotel_box{border-top:1px solid #00469b;}

/* 再安ホテル */
.saiyasu h3{
	color:#00469b;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	background:url(../img/ico_inexpensive.gif) no-repeat 11px 0;
	margin-top:10px;
	padding-top:2px;
	padding-left:45px;
	height:17px;
}

/* サイトマップ */
#sitemap{
	width:816px;
	margin:0px auto 0 auto;
	padding-bottom:20px;
	border-top:1px solid #cccccc;
	font-size:12px;
	clear:both;
}
#sitemap p{
	margin-top:10px;
	text-align:center;
}
#sitemap .link_set{
	width:600px;
	margin:30px auto 0px auto;
	font-size:12px;
}
#sitemap .link_set .link_title{
	background-color:#00469b;
	color:#FFFFFF;
	padding:4px 10px;
	display:inline;
}
#sitemap .link_set ul{
	border:1px solid #00469b;
	padding:10px 10px;
}
#sitemap .link_set li{
	background:url(../img/foot_lp.gif) no-repeat left center;
	padding:5px 0 0 10px;
	margin-left:20px;
}
#sitemap #ts_sitemap{border:1px solid #00469b; padding:10px 0 0 0;}
#sitemap #ts_sitemap ul{border:none;padding:0;margin-bottom:10px;}

#sitemap #ts_sitemap dl{border-top:1px dotted #00469b;padding-bottom:10px;}
#sitemap #ts_sitemap dt{
	color:#00469b;
	padding:5px 0 0 0;
	margin-left:20px;
}
#sitemap #ts_sitemap dd{
	background:url(../img/foot_lp.gif) no-repeat left center;
	padding:5px 0 0 10px;
	margin-left:20px;
}

