/* CSS Document */
/* formatting style 
------------------------*/


/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン
・パディング
・レイアウト
・テキスト
・リンク
--------------------------
・wrapper
・ヘッダ
・ナビゲーション
・中央部
・サイド
・メイン
・フッタ
--------------------------
・テーブル
・囲み
・リスト
・コンビニエンスストア
・検索結果
・航空券情報詳細
・照会結果
・海外ホテル
・ダイナミックパッケージ
・トップページ
・各トップページ
・トップページ　右サイド
・レンタカー
・予約の流れ
--------------------------
・印刷用
------------------------------------------ */



/* 全体構造
------------------------------------------ */
body 
{
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}


/* ヘッダ
------------------------------------------ */
#head {width: 840px; margin: 0; padding: 0;}
#head:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#head {display: inline-block;}
/*\*/
* html #head {height: 1%;}
#head {display: block;}
/**/
#head.fl {min-height: 97px; background: url(../img_cmn/bg_head_mdl.gif) repeat-y;}
* html #head.fl {height: 97px;}
#head.vi {min-height: 92px; background: url(../img_cmn/bg_head_mdl.gif) repeat-y;}
* html #head.fl {height: 92px;}
#head.tp {min-height: 165px; background: url(../img_cmn/bg_head_mdl.gif) repeat-y;}
* html #head.tp {height: 165px;}
#popup #head {width: 600px; min-height: 79px; background: url(../img_cmn/bg_head_pop_b.gif) no-repeat left bottom;}
* html #popup #head {height: 79px;}
#popup2 #head {width: 680px; background: #fff url(../img_cmn/bg_popup2_m.gif) repeat-y;}
#popup3 #head {width: 620px; background: #fff url(../img_cmn/bg_popup3_m.gif) repeat-y;}


#head #logo {position: absolute; width: 270px; height: 56px; margin: 19px 0 0 33px;}
#head.tp #logo {position: absolute; width: auto; height: 56px; margin: 43px 0 0 26px;}
#popup #head #logo {position: absolute; width: auto; height: 56px; margin: 10px 0 0 0;}
#head #logo span.comm {position: absolute; top: 7px; left: 60px; color: #525F64; font-size: 10px; font-weight: normal; line-height: 1.0em; white-space: nowrap;}
#popup2 #head #logo {position: absolute; top: 16px; left: 20px; width: 206px; height: 50px; margin: 0; padding: 0;}
#popup2 #head #logo2 {position: absolute; top: 28px; right: 15px; width: 203px; height: 28px;}

#popup3 #head #logo {position: absolute; top: 19px; left: 20px; margin: 0; padding: 0;}
#popup3 #head #logo2 {position: absolute; top: 24px; right: 22px; width: 203px; height: 28px;}

#head.fl #headT {position: relative; width: 840px; min-height: 97px; background: url(../img_cmn/bg_head_fl.jpg) no-repeat;}
* html #head.fl #headT {height: 97px;}
#head.vi #headT {position: relative; width: 840px; min-height: 92px; background: url(../img_cmn/bg_head_fl.jpg) no-repeat;}
* html #head.vi #headT {height: 92px;}
#head.tp #headT {position: relative; width: 840px; min-height: 165px; background: url(../img_cmn/bg_head_tp.jpg) no-repeat;}
* html #head.tp #headT {height: 165px;}
#popup2 #headT {position: relative; width: 680px; height: 81px; background: url(../img_cmn/bg_popup2_t.gif) no-repeat;}

#popup2 #headT {position: relative; width: 680px; height: 81px; background: url(../img_cmn/bg_popup2_t.gif) no-repeat;}
#popup3 #headT {position: relative; width: 620px; height: 61px; background: url(../img_cmn/bg_popup3_t.gif) no-repeat;}

#head.fl #headB {position: relative; width: 820px; min-height: 97px; padding-right: 20px; background: url(../img_cmn/bg_head_btm.gif) no-repeat left bottom;}
* html #head.fl #headB {height: 97px;}
#head.fl #headB:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#head.fl #headB {display: inline-block;}
/*\*/
#head.fl #headB {display: block;}
/**/

#head.vi #headB {position: relative; width: 820px; min-height: 92px; padding-right: 20px;}
* html #head.vi #headB {height: 92px;}
#head.vi #headB:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#head.vi #headB {display: inline-block;}
/*\*/
#head.vi #headB {display: block;}
/**/

#head.tp #headB {position: relative; width: 820px; min-height: 92px; padding-right: 20px;}
* html #head.tp #headB {height: 92px;}
#head.tp #headB:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#head.tp #headB {display: inline-block;}
/*\*/
#head.tp #headB {display: block;}
/**/

#head #hLink {position: absolute; top: 12px; right: 20px;}
#head #hLink:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#head #hLink {display: inline-block;}
/*\*/
* html #head #hLink {height: 1%;}
#head #hLink {display: block;}
/**/
#head #hLink li {float: left; padding: 0 0 0 16px; background: url(../img_cmn/i_head_link_01.gif) no-repeat 8px 0.5em;}

/*#head #hLogin {float: right; width: 260px; min-height: 54px; margin: 33px 0 0 0; background: url(../img_cmn/bg_head_li.gif) no-repeat;}*/
#head #hLogin {float: right; width: 260px; min-height: 54px; margin: 33px 0 0 0; background: #FFFFFF no-repeat;}
* html #head #hLogin {height: 54px;}
#head #hLogin .user {padding: 10px 12px;}

/*#head #hLogin2 {float: right; width: 260px; min-height: 54px; margin: 33px 0 0 0; background: url(../img_cmn/bg_head_li.gif) no-repeat;}*/
#head #hLogin2 {float: right; width: 260px; min-height: 54px; margin: 33px 0 0 0; background: #FFFFFF no-repeat;}
* html #head #hLogin2 {height: 54px;}
/* safari only \*/
html:\66irst-child #head #hLogin2 {padding-bottom: 5px;}
/* end */

/*#head.tp #hLogin2 {float: right; width: 260px; min-height: 54px; margin: 33px 0 0 0; background: url(../img_cmn/bg_head_li_tp.gif) no-repeat;}*/
#head.tp #hLogin2 {float: right; width: 260px; min-height: 54px; margin: 33px 0 0 0; background: #FFFFFF no-repeat;}
* html #head.tp #hLogin {height: 54px;}

#head #hLogin2 .user {padding: 7px 12px 0 12px; line-height: 1.0em;}
#head #hLogin2 .linkA {width: 240px; margin: 1px 0 0 10px;}
#head #hLogin2 .linkA:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#head #hLogin2 .linkA {display: inline-block;}
/*\*/
* html #head #hLogin2 .linkA {height: 1%;}
#head #hLogin2 .linkA {display: block;}
/**/
#head #hLogin2 .linkA .li01 {float: left; width: 60px;}
#head #hLogin2 .linkA .li02 {float: left; width: 110px;}
#head #hLogin2 .linkA .li02 .linkRrr {min-height: 1%; padding: 1px 0 0 14px; background: url(../img_cmn/i_head_link_02.gif) no-repeat 7px 0.6em;}
* html #head #hLogin2 .linkA .li02 .linkRrr {height: 1%;}
#head #hLogin2 .linkA .li03 {float: right; width: 66px;}

/*#head.tp #hLogin {float: right; width: 260px; min-height: 110px; margin: 33px 0 0 0; background: url(../img_cmn/bg_head_li_top.gif) no-repeat;}*/
#head.tp #hLogin {float: right; width: 260px; min-height: 110px; margin: 33px 0 0 0; background: #FFFFFF no-repeat;}
* html #head.tp #hLogin {height: 110px;}
#head.tp #hLogin #hLoginM {position: relative; width: 260px; height: 110px;}
#head.tp #hLogin .id {position: absolute; top: 13px; left: 10px; width: 12px; height: 9px;}
#head.tp #hLogin .idIn {position: absolute; top: 8px; left: 66px; width: 120px; height: 20px;}
#head.tp #hLogin .idIn input {width: 120px; max-height: 19px; ime-mode: disabled;}
#head.tp #hLogin .pwd {position: absolute; top: 36px; left: 10px; width: 50px; height: 11px;}
#head.tp #hLogin .pwdIn {position: absolute; top: 32px; left: 66px; width: 120px; height: 20px;}
#head.tp #hLogin .pwdIn input {width: 120px; max-height: 19px; ime-mode: disabled;}
* html #head.tp #hLogin .pwdIn input {font-size: 12px;}
*+html #head.tp #hLogin .pwdIn input {font-size: 12px;}
#head.tp #hLogin .login {position: absolute; top: 11px; left: 200px; width: 50px; height: 34px;}
#head.tp #hLogin .idPwd {position: absolute; top: 56px; right: 10px; font-size: 10px; text-align: right; white-space: nowrap;}
#head.tp #hLogin .entry {position: absolute; top: 78px; left: 10px; width: 122px; height: 24px;}
#head.tp #hLogin .first img {position: absolute; top: 79px; left: 151px; width: 25px; height: 25px;}
#head.tp #hLogin .first a {position: absolute; top: 84px; left: 180px; line-height: 1.1em; white-space: nowrap;}


/* ナビゲーション
------------------------------------------ */
#navi {position: relative; width: 840px; height: 40px; background: url(../img_cmn/bg_navi_01.gif) no-repeat;}
#navi ul li.home {position: absolute; top: 5px; left: 5px; width: 84px; height: 30px;}
#navi ul li.ticket {position: absolute; top: 5px; left: 89px; width: 107px; height: 30px;}
#navi ul li.package {position: absolute; top: 5px; left: 196px; width: 299px; height: 30px;}
#navi ul li.hotel {position: absolute; top: 5px; left: 495px; width: 97px; height: 30px;}
#navi ul li.rentacar {position: absolute; top: 5px; left: 592px; width: 117px; height: 30px;}
#navi ul li.domestic {position: absolute; top: 5px; left: 709px; width: 97px; height: 30px;}


/* フッタ
------------------------------------------ */
#foot {margin: 20px 0 0 0; padding: 0; width: 840px; background-color: #fff;}

#foot #fLink {width: 840px; background: url(../img_cmn/bg_flink_m.gif) repeat-y;}
#foot #fLinkT {width: 840px; background: url(../img_cmn/bg_flink_t.gif) no-repeat;}
#foot #fLinkB {width: 820px; padding:10px 10px 5px 10px; background: url(../img_cmn/bg_flink_b.gif) no-repeat left bottom;}
#foot #fLink p {color: #A7A5B6; text-align: center; line-height: 1.0em;}
#foot #fCopy {width: 840px; background: #EFEFF1 url(../img_cmn/bg_fcopy_01.gif) no-repeat left bottom; text-align: center;}

#popup #foot {margin: 30px 0 0 0; padding: 0; width: 600px; background-color: #fff;}
#popup #foot #fCopy {width: 600px; background: #E7E6ED url(../img_cmn/bg_fcopy_01.gif) no-repeat left bottom; text-align: center;}

#popup2 #foot {margin: 0 0 0 0; padding: 30px 0 0 0; width: 680px; background: #fff url(../img_cmn/bg_popup2_m.gif) repeat-y;}
#popup2 #foot #fCopy {width: 680px; padding: 0; background: none; text-align: left;}

#popup3 #foot {margin: 0 0 0 0; padding: 30px 0 0 0; width: 620px; background: #fff url(../img_cmn/bg_popup3_m.gif) repeat-y;}
#popup3 #foot #fCopy {width: 620px; padding: 0; background: none; text-align: left;}


/*=================================================*/
/* ヘッダ*/
/*=================================================*/

/* h1 */
#header{
	width:840px;
	height:82px;
	margin-top:5px;
}
#header h1{
	float:left;
	background:url(../image/h1_logo.gif) left top no-repeat;
	width:420px;
	height:75px;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#666666;
	padding:0px 0px 0px 80px;
	margin:0px;
}
#header h1 span{
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
/* ヘッダナビ */
#header ul{
	float:right;
	width:245px;
	height:13px;
	margin-top:55px;
}
#header ul li{
	float:left;
}
#header ul li a{
	background-repeat:no-repeat;
	background-position:left top;
	height:15px;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
	margin-left:8px;
}
#header ul li a:hover{
	background-position:left bottom;
}
#header ul li#hnavi01 a{
	background-image:url(../image/hnavi_company.gif) ;
	width:62px;
}
#header ul li#hnavi02 a{
	background-image:url(../image/hnavi_guide.gif) ;
	width:87px;
}
#header ul li#hnavi03 a{
	background-image:url(../image/hnavi_faq.gif) ;
	width:43px;
}
#header ul li#hnavi04 a{
	background-image:url(../image/hnavi_sitemap.gif) ;
	width:83px;
}

/*=================================================*/
/* G-navi */
/*=================================================*/
.gnavi{
	background:url(../image/bg_gnavi.gif) left top no-repeat;
	width:840px;
	height:40px;
	padding:8px 0px 0px 9px;
	margin-left: 8px;
}
.gnavi li{
	float:left;
}
.gnavi li a,.gnavi li span{
	background-repeat:no-repeat;
	height:29px;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
.gnavi li a{
	background-position:left top;
	margin-right:3px;
}
.gnavi li span{
	background-position:left center;
	margin-right:3px;
}
.gnavi li a:hover{
	background-position:left bottom;
}
.gnavi #gnavi01 a,.gnavi #gnavi01 span{
	background-image:url(../image/gnavi01.gif) ;
	width:95px;
}
.gnavi #gnavi02 a,.gnavi #gnavi02 span{
	background-image:url(../image/gnavi02.gif) ;
	width:108px;
}
.gnavi #gnavi03 a,.gnavi #gnavi03 span{
	background-image:url(../image/gnavi03.gif) ;
	width:108px;
}
.gnavi #gnavi04 a,.gnavi #gnavi04 span{
	background-image:url(../image/gnavi04.gif) ;
	width:108px;
}
.gnavi #gnavi05 a,.gnavi #gnavi05 span{
	background-image:url(../image/gnavi05.gif) ;
	width:108px;
}
.gnavi #gnavi06 a,.gnavi #gnavi06 span{
	background-image:url(../image/gnavi06.gif) ;
	width:108px;
}
.gnavi #gnavi07 a,.gnavi #gnavi07 span{
	background-image:url(../image/gnavi07.gif) ;
	width:84px;
}
.gnavi #gnavi08 a,.gnavi #gnavi08 span{
	background-image:url(../image/gnavi08.gif) ;
	width:84px;
}

/*=================================================*/
/* フッタ */
/*=================================================*/

#footer{
	background:url(../image/bg_footer_top.gif) left top no-repeat;
	width:840px;
	padding-top:5px;
}
#footer-link{
	background:url(../image/bg_footer_side.gif) left top repeat-y;
	width:840px;
	padding:5px 0px;
	text-align:center;
}
#copyright{
	background:url(../image/bg_copyright.gif) left top no-repeat;
	width:840px;
	margin-bottom:20px;
	padding:1px 0px 0px 0px;
	text-align:center;
}

/* basic layout 
------------------------*/
#wrapper {
	background-color: #FFFFFF;
	margin: 0px auto;
}

#main {
	width: 840px;
	margin: 0px;
	padding: 0px;
	border-top: thin none #99CCCC;
	border-right: thin none #99CCCC;
	border-bottom: thin none #99CCCC;
	border-left: thin none #99CCCC;
	text-align:left;
}

a{
	color: #00618C;
}
a:hover
{
	color:#ff0000;
}