@charset "shift_jis";

/*
==================================================================
* 共通指定
==================================================================
*/
	h2,h3,h4{
		font-size:100%;
		font-weight:normal;
		margin:0;
		padding:0;
	}

/*
==================================================================
* ページトップ
==================================================================
*/
	#left .page_top{
		text-align:right;
		margin:5px 0;
	}

/*
==================================================================
* 説明
==================================================================
*/
	div.reserve_info{
		font-size:118%;
		font-weight:bold;
		letter-spacing:-1px;
		line-height:1.4;
		margin:0;
		padding:0;
	}

/*line*/
	span.line4{
		display:block;
		margin:0;
		background: url("/images/basis_farebroker/oa-9/line.gif") 0% 50% repeat-x;
	}

	p.settlement_info{
		margin:5px 0 10px 0;
		padding:0;
	}

/*
==================================================================
* お支払い方法
==================================================================
*/
	.method{
		margin:5px 0 0 0;
	}

	.input_method{
		border-left:solid 1px #B2B2B2;
		border-right:solid 1px #B2B2B2;
		overflow:auto;
		_overflow:visible;
	}

	*html body .input_method{		/*IE6 CSS hack*/
		height:1%;
	}
	
	table.input_payment_ input {
		margin: 0 0 5px;
	}
	table.input_payment_ th {
		vertical-align: middle;
	}

/*10-1*/
	p.guide01{
		color:#F84D35;
		margin:5px 0 7px 0;
		padding:0;
	}

	p.guide02{
		margin:0;
		padding:0;
	}

/*
==================================================================
* カード情報 table.basis=oa9.css
==================================================================
*/
	table.basis th.card_name{
		font-size:113%;
		padding:10px 7px;
		border-right-style:none;
	}

	table.basis th.card{
		font-weight:normal;
		padding:7px;
		vertical-align:middle;
	}

/*カード番号*/
	input.card_number{
		width:120px;
	}

/*有効期限*/
	input.period{
		width:140px;
		margin-right:10px;
	}

/*名義*/
	input.transfer{
		width:20px;
		margin-right:10px;
	}

/*支払区分*/
	input.pay_kbn{
		width:50px;
	}

/*回数*/
	input.pay_times{
		width:30px;
	}

/*
==================================================================
* お支払い方法を変更するボタン
==================================================================
*/
	div.peyment_change{
		margin-bottom: 10px;
		text-align: right;
	}

	/**html body div.peyment_change{*/		/*IE6 CSS hack*/
	/*	margin-left:468px;
	}

	div.peyment_change span{
		display:none;
	}

	div.peyment_change a{
		height:31px;
		display:block;
	}

	div.peyment_change a:hover{
		width:190px;
		height:31px;
		background:url("/images/basis_farebroker/oa-10/btn_payment_change.gif") no-repeat;
		background-position:0 -31px;
	}*/


	/* ご予約内容の確認 */
	.confirmation_ttl_ {
		padding: 5px 0 10px;
	}

	/* ホテル詳細 */
	div.hotel_detail_ table th,
	div.hotel_detail_ table td {
		padding: 8px 10px;
		font-weight: normal;
	}
	div.hotel_detail_ .inner_ {
		border: none;
	}
	div.hotel_detail_ .inner_ th {
		padding: 0;
		background: none;
		border: none;
		font-weight: bold;
	}
	div.hotel_detail_ .inner_ th.representative_ {
		width: 85px;
	}
	div.hotel_detail_ .inner_ td {
		padding: 0;
		border: none;
	}
	div.hotel_detail_ .inner_ td.representative_ {
		padding-left: 13px;
	}
	dl,dt,dd {
		margin: 0;
		padding: 0;
	}
	div.hotel_detail_ .request_ dt {
		float: left;
		font-weight: bold;
	}
	div.hotel_detail_ .request_ dd {
		padding: 0 0 0 90px;
	}
	/* 選択中の保険プラン */
	div.selected_insurance table th {
        width:30%;
        font-weight: normal;
	}
	div.selected_insurance table td {
	}
	div.selected_insurance table td.insurance_plan_name {
	}
	/* ご請求金額 */
	.left_ #price_dtl table td.price_ {
		width: 110px;
	}
	
	/*中身tbl*/
	table.total_price th{
	    width: 30%;
	}
	table.total_price .ttl,
	table.total_price .price {
		background: #ffdd68;
	}

	table.total_price td{
		border: 0;
		border-bottom: 1px solid #bababa;
		text-align: right;
	}

	table.total_price td.ttl{
		font-weight: bold;
		text-align: left;
	}

	table.total_price td.price{
		text-align: right !important;
	}
	table.total_price td.price div {
		padding: 3px;
		background: #fff;
		overflow: hidden;
		border: 1px solid #bababa;
		line-height: 140%;
		width: 275px;
		/width: 282px;
		text-align: center;
	}

	table.total_price td.price span.total_p{
		padding: 2px 5px 1px;
		background: #ff0000;
		color: #fff;
		font-weight: bold;
		text-align:center;
	}
	
	table.total_price td.price span.price{
		color:#F52C1E;
		font-size: 16px;
		font-weight:bold;
		letter-spacing:0px;
		margin: 0 0 0 12px;
		padding:0;
		line-height: 140%;
	}
	table.total_price .room_ td {
		background: #fff;
	}
	table.total_price .coupon_ td {
		text-align: left;
		background: #fff;
	}

/*
==================================================================
* ご選択の商品(#result_select = OA-3)
==================================================================
*/
	#result_select img{
		position:absolute;
	}

	#result_select span{
		position:absolute;
		font-size:108%;
		letter-spacing:1px;
		color:#FFF;
		margin:0 0 0 160px;
		padding:12px 0;
	}



/*
==================================================================
* ご予約内容の確認
==================================================================
*/
	div.resv_con{
		width:630px;
		margin:0 0 10px 0;
	}

/*
==================================================================
* ご選択の商品	table.select_tbl table=oa-3.css
==================================================================
*/
	table.select_tbl table td.dept{
		width:12%;
		text-align:center;
		padding:5px;
		border-top:1px solid #B2B2B2;
	}

	table.select_tbl table td.dept_p{
		width:30%;
		text-align:left;
		font-weight:bold;
		padding:5px 0;
		border-top:1px solid #B2B2B2;
	}

	table.select_tbl table td.dest{
		width:15%;
		text-align:center;
		padding:5px 0;
		border-top:1px solid #B2B2B2;
	}

	table.select_tbl table td.dest_p{
		width:43%;
		text-align:left;
		font-weight:bold;
		padding:5px 0;
		border-top:1px solid #B2B2B2;
	}

	.select_tbl_b2{
		padding:0 0 0 0 ;
		text-align:center;
	}

/*
==================================================================
* 商品に関するご注意
==================================================================
*/

	div#short_comment{
		clear:both;
		width:614px;
		margin:0 auto;
		padding:0;
		background:url("/images/basis_farebroker/caution_short.gif") no-repeat 0 0;
		background-color:#e8dccf;
		border-bottom:4px solid #4f4727;
		overflow:hidden;
	}

	*html div#short_comment{		/* CSS hack:IE6 */
		margin:0 8px;
	}

	div#short_comment div.comment_box{
		overflow:hidden;
		height:1%;
		border-left:1px solid #fff;
		margin:30px 0 5px 0;
		padding:0;
	}

	div#short_comment ul{
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 25px;
		width:125px;
	}

	*html div#short_comment ul{		/* CSS hack:IE6 */
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 25px;
		width:140px;
	}

	div#short_comment ul li{
		margin:2px 0 8px 0;
		padding:0;
	}

	div#short_comment p{
		float:left;
		line-height:1.4;
		margin:0;
		padding:0;
		width:450px;
	}

	div#short_comment p span{
		display:block;
		margin:0 0 5px 0;
		font-weight:bold;
		color:#f52c1e;
	}

/*
==================================================================
* お支払い方法に関するご注意
==================================================================
*/

	div#short_comment_pay{
		clear:both;
		width:614px;
		margin:0 auto;
		padding:0;
		background:url("/images/basis_farebroker/caution_short_pay.gif") no-repeat 0 0;
		background-color:#e8dccf;
		border-bottom:4px solid #4f4727;
		overflow:hidden;
	}

	*html div#short_comment_pay{/* CSS hack:IE6 */
		margin:0 8px;
	}

	div#short_comment_pay div.comment_box{
		overflow:hidden;
		height:1%;
		border-left:1px solid #fff;
		margin:35px 0 10px 0;
		padding:0;
	}

	div#short_comment_pay div.comment_box_inner{
		margin:0;
		padding:0 0 0 28px;
	}

	div#short_comment_pay p{
		float:left;
		margin:0 20px 0 0;
		padding:0;
		line-height:1.2;
		color:#333;
		text-align:center;
		font-size:85%;
	}

	div#short_comment_pay p img{
		margin:0 0 3px 0;
		padding:0;
	}

/*
==================================================================
* ご選択のフライト
==================================================================
*/
/*往復共通*/
	table.departure td.career,
	table.return td.career{
		padding:7px 8px;
		text-align:center;
	}

	table.departure td.aviation,
	table.return td.aviation{
		font-weight:bold;
		padding:7px 10px 7px 5px;
	}

	table.timetbl{
		width:100%;
		font-size:108%;
		font-weight:bold;
		letter-spacing:0;
	}

	table.timetbl td{
		padding:10px 0 10px 5px;
		border-top:dotted 1px #A6A6A6;
	}

	table.timetbl td.flight{
		width:13%;
		font-weight:normal;
		padding:7px 5px;
		border-right:dotted 1px #A6A6A6;
	}

	table.timetbl td.place{
		width:40%;
	}

	table.timetbl td.arrow{
		width:5%;
	}

	table.timetbl img{
		vertical-align:middle;
	}

	table.timetbl span{
		color:#DB002D;
	}

/*往路*/
	div.departure_flight{
		width:614px;
		height:31px;
		background:url("/images/basis_farebroker/oa-10/ttl_departure_short.gif") no-repeat;
		margin:10px auto 0 auto;
	}

	*html body div.departure_flight{
		margin:10px 7px 0 7px;
	}

	div.departure_flight h2 span{
		display:none;
	}

	table.departure{
		width:614px;
		text-align:left;
		vertical-align:middle;
		border-left:solid 8px #54929B;
		border-right:solid 8px #54929B;
		margin:0 auto;
	}

	*html body table.departure{
		margin:0 7px;
	}

/*復路*/
	div.return_flight{
		width:614px;
		height:31px;
		background:url("/images/basis_farebroker/oa-10/ttl_return_short.gif") no-repeat;
		margin:10px auto 0 auto;
	}

	*html body div.return_flight{
		margin:10px 7px 0 7px;
	}

	div.return_flight h2 span{
		display:none;
	}

	table.return{
		width:614px;
		text-align:left;
		vertical-align:middle;
		border-left:solid 8px #596A7E;
		border-right:solid 8px #596A7E;
		margin:0 auto;
	}

	*html body table.return{
		margin:0 7px;
	}

/*注意*/
	p.annai{
		margin:5px 10px;
	}

/*
==================================================================
* ご注意
==================================================================
*/
	.attention2{
		margin:5px auto;
		overflow:hidden;
	}

	.attention2 img{
		margin:0 10px;
		float:left;
	}

	.attention2 p{
		width:550px;
		color:#F52C1E;
		vertical-align:middle;
		float:left;
		margin:8px auto 0 0;
		padding:0;
	}

	html>/**/body .attention2 p{			/*firefox CSS hack*/
		margin-top:7px;
	}

	.attention2 p span{
		font-weight:bold;
	}

/*
==================================================================
* ご請求金額 →→oa-7
==================================================================
*/
	
	/*	料金内訳　枠
	-----------------------------------------------*/
	div#price_dtl2{
		margin:10px 7px 0 7px;
		padding:1;
		background: url("/images/basis_farebroker/oa-10/ttl_price_detail_top_short.gif") 0 0 no-repeat;
		background-color:#788CA8;
		overflow:hidden;
	}

	*html body div#price_dtl2{		/* CSS hack:IE6 */
		width:614px;
	}

/*小計*/
	div.total2{
		float:left;
		margin:10px 0 0 0;
		padding:0;
		width:610px;
	}

/*line*/
	span.line5{
		width:614px;
		display:block;
		margin:3px 0;
		background: url("/images/basis_farebroker/oa-9/line_2.gif") 0% 50% repeat-x;
	}

	*html body span.line5{
		margin:6px 0 3px 0;
	}

/*合計*/
	table#total2{
		float:right;
		padding:0;
		margin:0 8px 0 0;
	}

	*html body table#total2{		/* CSS hack:IE6 */
		margin:0 4px 0 0;
	}

	*+html body table#total2{		/* CSS hack:IE7 */
		margin:0 9px 0 0;
	}

	table#total2 th{
		height:29px;
		text-align:left;
	}

	*html body table#total2 th{		/* CSS hack:IE6 */
		height:36px;
		text-align:left;
	}

/* 料金内訳　タイトル画像 合計のみ*/
	table#total2 th.ttl_total{
		background-color:#788CA8;
		text-align:left;
		padding-right:5px;
	}

	table#total2 td.total02{
		background-color:#FFF;
		width:300px;
		padding:1px 0 1px 10px;
		vertical-align:middle;
	}

	*html body table#total2 td.total02{		/*CSS hack IE6*/
		width:298px;
	}

	table#total2 td.total02 p span{
		color:#FFDD68;
		font-weight:normal;
		font-size:75%;
		padding:0 0 0 8px;
	}

/*パスポート情報*/
	.passport2{
		width:614px;
		height:46px;
		background:url("/images/basis_farebroker/oa-9/ttl_passport_input_top.gif") no-repeat;
		margin:5px auto 0 auto;
	}

	html>/**/ body .passport2{
		margin-top:0px;
	}

	*html body .passport2{
		margin:5px 7px 0 7px;
	}

	.passport2 p.ttl{
		font-size:133%;
		font-weight:bold;
		color:#FFF;
		padding:20px 0 0 40px;
	}


/*===10-2========================================================*/	
/*
==================================================================
* 説明
==================================================================
*/
	div.credit_info{
		font-size: 14px;
		font-weight:bold;
		letter-spacing:-1px;
		line-height:1.4;
		margin:0 0 20px 0;
		padding: 10px;
		border: 1px solid #ff0000;
	}

/*
==================================================================
* クレジットカード決済確認 table.basis=oa-9.css
==================================================================
*/
	table.basis .crdt_cfm{
		padding:10px;
	}
    
/* - Flight Detail More */
.flight-detail-more .phrase {
	margin: 0 0 10px 0;
	color: #009999;
}
.flight-detail-more table {
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
	border: 0;
}
.flight-detail-more table tbody th {
	border: 0;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.flight-detail-more table tbody th .tm { padding: 5px 0; }
.flight-detail-more table tbody td .tm { padding: 7px 10px; }
.flight-detail-more .approach th { background: #66B3CC; }
.flight-detail-more .return th { background: #66CC99; }
.flight-detail-more .approach td,
.flight-detail-more .return td {
	border: 1px solid #B8C1C7;
	border-left: 0;
	background: #FFFFFF;
}
.flight-detail-more .carrier {
	margin-bottom: 10px;
	padding-bottom: 6px;
	background: url(/images/basis_airhotel/line_dot_01.gif) repeat-x left bottom;
	overflow: hidden;
	*zoom: 1;
}
.flight-detail-more .carrier img,
.flight-detail-more .carrier .iBlk { vertical-align: middle; }
.flight-detail-more .carrier .other {
	float: right;
	display: inline;
	margin-left: 10px;
	text-align: right;
	color: #666666;
}
.flight-detail-more .carrier .other .plan {
	margin-left: 5px;
	padding: 1px 7px;
	border: 1px solid #FFDD68;
	background: #FFEBA4;
	font-size: 10px;
	color: #667C87;
}
.flight-detail-more .carrier .other img { margin-left: 5px; }
.flight-detail-more .carrier .name {
	font-weight: bold;
	overflow: hidden;
	*zoom: 1;
}
.flight-detail-more .carrier .name .notice {
	margin-top: 5px;
	font-weight: normal;
	color: #666666;
}
.flight-detail-more .air-from-to {
	overflow: hidden;
	*zoom: 1;
}
.flight-detail-more .air-from-to .primary {
	float: left;
	display: inline;
	width: 450px;
	margin-right: 10px;
}
.flight-detail-more .air-from-to .secondary {
	text-align: right;
	overflow: hidden;
	*zoom: 1;
}
.flight-detail-more .connection {
	margin: 10px 0;
	padding: 5px 5px 5px 20px;
}
.flight-detail-more .approach .connection {
	background: #E8F3F7 url(/images/basis_airhotel/icn_approach_arrow.gif) no-repeat 7px 50%;
	color: #3A94B1;
}
.flight-detail-more .return .connection {
	background: #E8F7EF url(/images/basis_airhotel/icn_return_arrow.gif) no-repeat 7px 50%;
	color: #3AAF75;
}
.flight-detail-more .abidance {
	margin: 10px 0;
	padding: 7px;
	background: #EDF0F1;
}
.flight-detail-more .total-time {
	margin-top: 10px;
	padding-bottom: 5px;
	text-align: right;
}

/* - table */
.basicTbl01 { width: 100%; }
.basicTbl01 table {
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
	border-bottom: 1px solid #B8C1C7;
	border-right: 1px solid #B8C1C7;
}
.basicTbl01 table thead th,
.basicTbl01 table tbody th,
.basicTbl01 table tbody td {
	border-top: 1px solid #B8C1C7;
	border-left: 1px solid #B8C1C7;
}
.basicTbl01 table thead th {
	background-color: #E5E5E5;
	text-align: center;
	font-weight: bold;
}
.basicTbl01 table tbody th {
	background-color: #E5E5E5;
	text-align: left;
	font-weight: bold;
}
.basicTbl01 table tbody td {
	background-color: #FFFFFF;
	text-align: left;
}
.basicTbl01 table .tm { padding: 6px 7px 5px 7px; }
.basicTbl01 table .input-card-secure .iTip01 {
    position: absolute;
    bottom: 0;
    right: 5px;
}