@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_completed{
		border-left:solid 1px #E50060;
		border-right:solid 1px #E50060;
		overflow:auto;
	}

	*html body div.reserve_completed{			/*CSS hack IE6*/
		height:1%;
	}

	div.comp_message{
		/*padding-bottom: 10px;*/
		margin-bottom: 10px;
		color: #f00;
		overflow: hidden;
		background: url(/images/basis_farebroker/oa-11/_r1_c1.jpg) no-repeat;
		height: 189px;
		text-align: center;
		line-height: 120%;
	}

	div.receipt_number {
		margin: 45px auto 0;
		color: #fff;
		width: 420px;
		background: #506a77;
		border: 1px solid #506a77;
		font-size: 12px;
		/*margin-bottom: 20px;
		padding: 10px;
		background: #f00;
		color: #fff;
		overflow: hidden;*/
	}
	div.receipt_number div {
		background: #fff;
		font-weight: bold;
		font-size: 15px;
		line-height: 160%;
		color: #f00;
		/*margin-bottom: 10px;
		text-align: center;
		background: #fff;
		overflow: hidden;*/
	}
	div.receipt_number p{
		padding: 2px 0;
	}
	div.comp_message .att_mssage_ {
		margin: 8px auto 0;
		width: 430px;
		font-size: 11px;
		font-weight: bold;
		text-align: left;
		/letter-spacing: 0.5px; /* ie6,7 */
	}

	div.comp_attention{
		width:100%;
		text-align:center;
		color:#E50060;
		margin:15px auto 5px auto;
	}
	
	div.completed_ttl_ {
		margin: 0 0 10px;
		padding: 0;
		background: url(/images/basis_farebroker/oa-9/h2_back.png) no-repeat;
		height: 32px;
		overflow: hidden;
	}
	div.completed_ttl_ h2 {
		padding: 8px 15px 0;
		color: #4A4C4C;
		font-size: 14px;
		font-weight: bold;
		overflow: hidden;
	}


/*
==================================================================
* インターネットバンキングSMBC
==================================================================
*/
	div.net_bank {
		margin: 0;
		padding: 0 0 10px;
		background: url(/images/basis_farebroker/oa-11/ttl_msbc.png) no-repeat;
		height: 32px;
		overflow: hidden;
	}
	div.net_bank h2 {
		padding: 8px 15px 0;
		color: #4A4C4C;
		font-size: 14px;
		font-weight: bold;
		overflow: hidden;
	}
	div.net_bank_detail{
		margin: 0;
		padding: 0 0 10px;
		overflow: hidden;
	}
	div.net_bank_detail .btn_ {
		padding-top: 10px;
		text-align: right;
		overflow: hidden;
	}

	p.txt_attention{
		font-size:95%;
		letter-spacing:-1px;
		margin: 3px 15px 5px 15px;
		color:#2c8021;
	}

	html /**/ body p.txt_attention{
		font-size:90%;
		letter-spacing:-1px;
		margin: 3px 15px 5px 15px;
		color:#2c8021;
	}

	div.smbc_btm{
		width:100%;
		border-top:dotted 1px #3b9a2d;
		text-align:center;
	}

	div.smbc_btm input{
		margin:7px 0 0 0 ;
	}

/*
==================================================================
* ホテルの予約をする
==================================================================
*/
	form {
		margin: 0;
	}
	div.hotel_reserve{
		margin: 0;
		padding-bottom: 10px;
		overflow:hidden;
	}
	div.hotel_reserve th,
	div.hotel_reserve td {
		padding: 8px 10px;
		font-weight: normal;
	}
	div.hotel_reserve .date_ input {
		margin-right: 5px;
	}
	div.hotel_reserve span.calendar_ {
		margin-left: 10px;
	}
	div.hotel_reserve span.calendar_ img {
		vertical-align: top;
	}
	div.hotel_reserve .search_btn_ {
		text-align: center;
	}

	*html body div.hotel_reserve{			/*CSS hack IE6*/
		overflow:visible;
		height:1%;
	}

/*国 都市*/
	table.country{
		width:100%;
		background-color:#DAB699;
		border:solid 6px #DAB699;
	}

	table.country img{
		vertical-align:middle;
		margin:-1px 15px 0 0;
	}

	table.country td.country{
		width:38%;
		background-color:#FFF;
		padding:10px 5px 10px 15px;
		vertical-align:middle;
	}

	table.country td.city{
		background-color:#FFF;
		padding:10px 5px 10px 15px;
		vertical-align:middle;
		border-left:dotted 1px #858585;
	}

/*ホテル*/
	table.hotel{
		width:100%;
		background-color:#DAB699;
		border:solid 6px #DAB699;
		border-bottom-style:none;
		border-top-style:none;
	}

	table.hotel th.hotel_th{
		width:75px;
		height:50px;
		background-color:#A96F3D;
		border-bottom:solid 6px #DAB699;
		text-align:center;
		vertical-align:middle;
	}

	table.hotel td.hotel_td{
		width:230px;
		background-color:#FFF;
		border-bottom:solid 6px #DAB699;
		padding:0 0 0 5px;
	}

	table.hotel td.left{
		width:230px;
		background-color:#FFF;
		border-bottom:solid 6px #DAB699;
		padding:0 0 0 5px;
		border-right:solid 6px #DAB699;
	}

	table.hotel p.date{
		float:left;
		margin:5px 5px 0 0;
		padding:0;
	}

	*html body table.hotel p.date{
		margin:7px 10px 0 0;
	}

	table.hotel input.year{
		width:30px;
		margin-right:3px;
	}

	table.hotel input.month,
	table.hotel input.day{
		width:20px;
		margin-right:3px;
	}

	table.hotel select.room_type{
		width:150px;
	}

	table.hotel select.room_amount{
		width:70px;
	}

/* カレンダーから選択
	------------------------------------------------------------*/
	table.hotel div.calendar{
		background:url("/images/basis_farebroker/oa-11/btn_calendar.gif") no-repeat;
		width:66px;
		height:28px;
		margin:3px 0 0 1px;
		padding:0;
		float:left;
	}

	table.hotel div.calendar span{
		display:none;
	}

	table.hotel div.calendar a{
		height:28px;
		display:block;
	}

	table.hotel div.calendar a:hover{
		background:url("/images/basis_farebroker/oa-11/btn_calendar.gif") 0 -28px no-repeat;
	}

/* 検索するボタン
	------------------------------------------------------------*/
	div.search_hotel{		
		background-image: url("/images/basis_farebroker/oa-11/ttl_hotel_reserve_btm.gif");
		background-position:0 0;
		background-repeat:no-repeat;
		height:48px;
		padding:7px 0 0 0;
		margin:0 0 15px 0;
		text-align:right;
	}


	div.search_hotel input{
		margin:0 7px 0 auto;
		padding:0;
	}

	div.search_hotel .btn span{
		display:none;
	}

	div.search_hotel .btn a{
		height:35px;
		display:block;
	}

	div.search_hotel .btn a:hover{
		background:url("/images/basis_farebroker/btn_search.gif") 0 -35px no-repeat;
	}

/*
==================================================================
* 予約後はマイメニューをご覧ください
==================================================================
*/
	#check_mymenu h2{
		height:28px;
		padding:0;
		margin:10px 0 0 0;
	}

	div.check_mymenu{
		width:614px;
		text-align:left;
		font-size:100%;
		line-height:1.2;
		border-left:solid 8px #92A200;
		border-right:solid 8px #92A200;
		margin:0;
		padding:5px 0 0 0;
		overflow:hidden;
	}

	*html body div.check_mymenu{
		width:630px;
	}

/*文章*/
	div.mymenu_info{
		width:400px;
		float:left;
		margin:0;
	}

	div.mymenu_info p{
		padding:10px 15px;
	}

/* マイメニュートップへボタン
	------------------------------------------------------------*/
	div.mymenu_top{
		width:162px;
		height:34px;
		background:url("/images/basis_farebroker/btn_mymenu_top.gif") no-repeat;
		background-position:0 0;
		margin:25px 5px 0 auto;
		padding:0;
		float:right;
	}

	div.mymenu_top span{
		display:none;
	}

	div.mymenu_top a{
		height:34px;
		display:block;
	}

	div.mymenu_top a:hover{
		width:162px;
		height:34px;
		background:url("/images/basis_farebroker/btn_mymenu_top.gif") no-repeat;
		background-position:0 -34px;
	}

/* ::::: 20110225 mytrip用新規追加分 ::::: */
p { margin: 0px 0pt; padding: 0pt; }

#mytrip_rightcolumn { margin-bottom: 10px; }
#mytrip_rightcolumn_top { width: 290px; height:75x; background: url('mytrip_rightcolumn_top.jpg') no-repeat scroll left top transparent;}
p { margin: 0px 0pt; padding: 0pt; }
#mytrip_rightcolumn_content { width: 290px; background: url('mytrip_rightcolumn_bg.gif') scroll left top transparent; background-repeat: repeat-y;}
#mytrip_rightcolumn_content p { padding-top: 5px; margin-left:12px; margin-right:12px; padding-bottom: 5px; line-height: 1.5em;}
#mytrip_rightcolumn_bottom { width: 290px; height:10px; background: url('/images/basis_farebroker/oa-11/mytrip_rightcolumn_bottom.jpg') no-repeat scroll left top transparent; position:relative;}

	/* ログイン後について */
	div.after_ .btn_ {
		padding-top: 10px;
		text-align: right;
		overflow: hidden;
	}

/*
==================================================================
* 手荷物情報
==================================================================
*/
.W16per {
	width: 16%;
}
.W22per {
	width: 22%;
}
.W26per {
	width: 26%;
}
.W48per {
	width: 48%;
}
table.baggage_tbl td.price_ p {
  float: left;
}
table.baggage_tbl td.price_ p:nth-of-type(2) {
	float: right;
}
table.baggage_tbl td.price_::after{
  content: "";
  display: block;
  clear: both;
}