@charset "utf-8";
/* プラン詳細用CSS -----------------------------------------------*/
/* ページ内リンク -----------------------------------------------*/
ul.jump {
	width: 770px;
	text-align: right;
	padding: 15px 0 10px;
	clear: both;
}
ul.jump li {
	display: inline;
}
ul.jump li a {
	padding: 0 15px 0 20px;
}
ul.jump a.jump01 {
	background: url(../img/common/jump01.gif) no-repeat 0 0;
}
ul.jump a.jump02 {
	background: url(../img/common/jump02.gif) no-repeat 2px 0;
}
ul.jump a.jump03 {
	background: url(../img/common/jump03.gif) no-repeat 0 0;
}
ul.jump a.jump04 {
	background: url(../img/common/jump04.gif) no-repeat 1px 0;
}
ul.jump a.jump05 {
	background: url(../img/common/jump05.gif) no-repeat 7px 0;
	padding: 0 0 0 20px;
}
/* プラン内容 -----------------------------------------------*/
.plan_title {
	background: url(../img/common/p_title.gif) repeat-x left top;
	width: 770px;
}
body.jal .plan_title {
	background: url(../img/common/p_title_jal.gif) repeat-x left top;
}
body.sky .plan_title {
	background: url(../img/common/p_title_sky.gif) repeat-x left top;
}
body.sfj .plan_title {
	background: url(../img/common/p_title_sfj.gif) repeat-x left top;
}
*html .plan_title {
	width: 770px;
}
.plan_title2 {
	background: url(../img/common/p_title2.gif) no-repeat left bottom;
	width: 770px;
	padding: 0 0 15px;
	margin: 0 0 10px;
}
.plan_title p {
	font-size: 18px;
	font-weight: bold;
	padding: 30px 20px 0;
}
#plan {
	width: 770px;
	margin: 0 0 20px;
	}
.plan_img {
	float: right;
	padding: 1px;
	background: #D1D1D1;
	}
.plan_img img {
	border: 1px solid #FFF;
	}
div.plan1 {
	width: 570px;
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	position: relative;
}
*html div.plan1 {
	width: 580px;
}
.plan1 .plan_price {
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	padding: 5px;
	float: left;
}
.plan1 .plan_aicon {
	width: 380px;
	float: right;
	text-align: right;
}
.plan1 .plan_aicon img {
	padding: 2px;
}
.plan1 .plan_code {
	clear: both;
	width: 570px;
}
.plan1 .plan_code p {
	width: 315px;
	float: left;
	padding: 5px 0;
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #CCC;
}
.plan1 .plan_code .plan_code1 {
	width: 220px;
	margin: 0 15px 10px 0;
}
.plan1 .code_head {
	padding: 0 10px;
	margin: 0 10px 0 0;
	background: #003399;
	color: #FFF;
}
body.sky .plan1 .code_head {
	background: #3399FF;
}
body.jal .plan1 .code_head {
	background: #CC0000;
}
body.sfj .plan1 .code_head {
	background: #333333;
}
div.plan1 p.plan_point {
	clear: both;
	background: #EEF9FF;
	width: 440px;
	float: left;
	padding: 5px;
	margin: 5px 0 0;
	line-height: 1.8em;
	font-weight: bold;
}
*html div.plan1 p.plan_point {
	width: 450px;
}
body.jal div.plan1 p.plan_point {
	background: #fef0f1;
}
body.sfj div.plan1 p.plan_point {
	background: #EFEFEF;
}
div.plan1:after,div#plan:after {
	content: "";
	display: block;
	clear: both;
}
/*空席照会・予約ボタン（プラン内容）-----------------------------------------------*/
div.kuseki1 {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}
div.kuseki1 a {
	float: left;
	width: 100px;
	margin: 0;
	background: url(../img/common/yoyaku1_on.gif) no-repeat left top;
	display: block;
	}
div.kuseki1 a:hover img { visibility: hidden;}
/* コメント記入欄 -----------------------------------------------*/
p.comment1 {
	text-align: left;
	margin: 0 0 20px;
}
p.comment2 {
	text-align: right;
	margin: 0 0 20px;
}
span.com_pink {
	width: 11px;
	height: 11px;
	background: #fee6fe;
	border: 1px solid #d1d1d1;
}
/* テーブル内thのカラー分岐 -----------------------------------------------*/
.bg_th {
	background: #EEF9FF;
}
body.jal .bg_th {
	background: #fef0f1;
}
body.sfj .bg_th {
	background: #EFEFEF;
}
/* 入れ子のテーブル（フライトスケジュール・カレンダー） -----------------------------------------------*/
table.double {
	width: 770px;
	margin: 15px 0 5px;
	border-collapse: collapse;
}
table.double td {
	vertical-align: top;
}
table.double td table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #D1D1D1;
}
table.double td table td,table.double td table th {
	text-align: center;
	border: 1px solid #D1D1D1;
	padding: 1px 0;
}
/* カレンダー -----------------------------------------------*/
img.formula {
	padding: 0 0 15px;
}
*html img.formula {
	margin: 0 0 15px;
}
#price table.double td,#extra table.double td {
	padding: 1px 0 12px;
}
/* シングルのテーブル（基本代金・割増料金表・ホテル一覧） -----------------------------------------------*/
table.single {
	width: 770px;
	margin: 15px 0 5px 0;
	border-collapse: collapse;
}
table.single td,table.single th {
	border: 1px solid #D1D1D1;
	text-align: center;
	padding: 1px 0;
}
/* ホテル一覧 -----------------------------------------------*/
#hotel table.single td {
	text-align: left;
	padding: 0 3px;
}
/* ご案内 -----------------------------------------------*/
#info table.single th {
	white-space: nowrap;
	padding: 0 3px;
}
#info table.single td {
	text-align: left;
	padding: 0 3px;
	line-height: 1.8em;
}
#info table.single tr.text_center td {
	text-align: center;
}
/* このプランについて -----------------------------------------------*/
div#plan_txt {
	clear: both;
	width: 770px;
	margin: 0 0 20px;
	line-height: 1.8em;
}
div#plan_txt p a {
	color: #333;
	text-decoration: underline;
}
/* 空港の情報 -----------------------------------------------*/
div#airport {
	width: 770px;
	margin: 0 0 20px;
}
div#airport h5 {
	background: url(../img/common/airport_bg.gif) no-repeat bottom left;
	width: 360px;
	height: 25px;
	padding: 5px 0 0 20px;
	margin: 0 10px 10px 0;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
div#airport h5.airport4 {
	margin: 0 0 10px 0;
}
*html div#airport h5 {
	width: 380px;
	height: 30px;
}
div.airport1 {
	background: url(../img/common/airport1.gif) repeat-y bottom left;
	width: 770px;
	clear: both;
}
body.jal div.airport1 {
	background: url(../img/common/airport1_jal.gif) repeat-y bottom left;
}
body.sfj div.airport1 {
	background: url(../img/common/airport1_sfj.gif) repeat-y bottom left;
}
div.airport2 {
	background: url(../img/common/airport2.gif) no-repeat bottom left;
	width: 770px;
	clear: both;
}
div.airport3 {
	background: url(../img/common/airport3.gif) no-repeat top left;
	width: 770px;
}
div.airport3 div {
	width: 380px;
	float: left;
	margin: 0 10px 0 0;
}
div.airport3 div.airport5 {
	margin: 0;
}
div.airport3 div p {
	width: 370px;
	line-height: 2em;
	padding: 5px;
}
*html div.airport3 div p {
	width: 380px;
}
div.airport3:after {
	content: "";
	display: block;
	clear: both;
}
div.airport2:after {
	content: "";
	display: block;
	clear: both;
}
div.airport1:after {
	content: "";
	display: block;
	clear: both;
}
/* 関連プラン -----------------------------------------------*/
div#text_link {
	width: 770px;
	margin: 0 0 15px;
}
div#text_link ul {
	width: 760px;
	background: #FFC;
	padding: 5px;
	margin: 15px 0 0;
}
#html div#text_link ul {
	width: 770px;
}
div#text_link li {
	background: url(../img/common/text_link.gif) no-repeat left 2px;
	padding: 3px 0 3px 25px;
}

