/*
**********************************************************************
* common.css
* site name : HIS海外航空券
* description : 基本共通指定
* since : 2009/02/09
*********************************************************************
*/
/*
==================================================================
* 共通指定
==================================================================
*/

	body{
		margin: 0 auto;
		text-align: center;
		letter-spacing:1px;
		font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
		*font-size:small;
		*font:x-small;
		color: #000000;
		background-color:#FFF;
	}

	html>/**/body{
		margin: 0 auto;
		text-align: center;
		letter-spacing:1px;
		font:14px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
		*font-size:small;
		*font:x-small;
		color: #000000;
		background-color:#FFF;
		letter-spacing:0px;
		line-height: 140%;
	}


	table {
		font-size:inherit;
		font:100%;
	}

/*
-------------------------------------------------------
* リンク
-------------------------------------------------------
*/
	a{
		text-decoration: underline;
		color: #406dae;
		outline: none;
	}
	
	a:link{
		text-decoration: underline;
		color: #406dae;
	}
	
	a:hover{
		text-decoration: underline;
		color: #65cdff;
	}


/*
-------------------------------------------------------
* 回り込み：回り込み解除
-------------------------------------------------------
*/
	.flt_l{
		float:left;
	}

	.flt_r{
		float:right;
	}

	.clr_l{
		clear:left;
	}

	.clr_b{
		clear:both;
	}


/*
-------------------------------------------------------
* 画像枠
-------------------------------------------------------
*/
	img{
		border:0px;
	}

/*
-------------------------------------------------------
* 配置：
-------------------------------------------------------
*/

	.cntr{
		text-align:center;
	}

	.left{
		text-align:left;
	}

	.right{
		text-align:right;
	}

	.posrel{
		position:relative;
	}

	.posfix{
		position:fixed;
	}

	.posabs{
		position:absolute;
	}

/*
==================================================================
* コンテンツ共通指定
==================================================================
*/
/*
-------------------------------------------------------
* ヘッダー：トップ
-------------------------------------------------------
*/
	#header{
		width:950px;
		height:118px;
		margin: 0 auto;
		text-align:left;
	}

	*html body #header{
		overflow:visible;
	}
	
	/* トップページ・サイトマップなど */
	#header ul.head_top{
		background: url("/images/basis_farebroker/head_top.gif") no-repeat;
		width:950px;
		height:22px;
		margin:0;
		padding:0;
	}

	#header ul.head_top li span{
		display:none;
	}

	d#header ul.head_top li,
	#header ul.head_top a{
		height:22px;
		display:block;
	}

	#header ul.head_top li{
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		display:inline;
	}

	#header ul.head_top li.top{
		margin:0 527px 0 0;
	}

	.top{
		width:138px;
	}
	.right01{
		width:105px;
	}
	.right02{
		width:94px;
	}
	.right03{
		width:85px;
	}

	.head_top a:hover {
		background:url("/images/basis_farebroker/head_top.gif") 0 -22px no-repeat;
	}
	.right01 a:hover {
		background:url("/images/basis_farebroker/head_top.gif") -665px -22px no-repeat;
	}
	.right02 a:hover {
		background:url("/images/basis_farebroker/head_top.gif") -770px -22px no-repeat;
	}
	.right03 a:hover {
		background:url("/images/basis_farebroker/head_top.gif") -864px -22px no-repeat;
	}

	#header ul.head_btm{
		margin:8px 0 0 12px;
		padding:0;
		list-style:none;
		clear:left;
		float:left;
		width:595px;
	}

	*html #header ul.head_btm{
		margin:8px 0 0 6px;
		padding:0;
		list-style:none;
		clear:left;
		float:left;
		width:595px;
	}

	#header ul.head_btm li.logo{
		margin:-5px 0 0 auto;
	}

	/* マイメニューログイン */
	#header ul.head_btm_mymenu{
		background: url("/images/basis_farebroker/head_btn_mymenu.gif") no-repeat;
		width:337px;
		height:39px;
		margin:8px 0 0 0;
		padding:0;
		float:left;

	}

	#header ul.head_btm_mymenu li span{
		display:none;
	}

	d#header ul.head_btm_mymenu li,
	#header ul.head_btm_mymenu a{
		height:39px;
		display:block;
	}

	#header ul.head_btm_mymenu li{
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		display:inline;
	}

	#header ul.head_btm_mymenu li.menu01{
		width:125px;
		height:20px;
		display:block;
	}
	#header ul.head_btm_mymenu li.menu02,
	#header ul.head_btm_mymenu li.menu03{
		width:106px;
	}

	#header ul.head_btm_mymenu li.menu02 a:hover {
		background:url("/images/basis_farebroker/head_btn_mymenu.gif") -125px -39px no-repeat;
	}
	#header ul.head_btm_mymenu li.menu03 a:hover {
		background:url("/images/basis_farebroker/head_btn_mymenu.gif") -231px -39px no-repeat;
	}





	/* マイメニューログアウト */
	#header ul.head_btm_mymenu_out{
		background: url("/images/basis_farebroker/head_btn_mymenu_logout.gif") no-repeat;
		width:337px;
		height:39px;
		margin:8px 0 0 0;
		padding:0;
		float:left;

	}

	#header ul.head_btm_mymenu_out li span{
		display:none;
	}

	d#header ul.head_btm_mymenu_out li,
	#header ul.head_btm_mymenu_out a{
		height:39px;
		display:block;
	}

	#header ul.head_btm_mymenu_out li{
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		display:inline;
	}

	#header ul.head_btm_mymenu_out li.menu01{
		width:125px;
		height:20px;
		display:block;
	}

	#header ul.head_btm_mymenu_out li.menu02,
	#header ul.head_btm_mymenu_out li.menu03{
		width:106px;
	}

	#header ul.head_btm_mymenu_out li.menu02 a:hover {
		background:url("/images/basis_farebroker/head_btn_mymenu_logout.gif") -125px -39px no-repeat;
	}

	#header ul.head_btm_mymenu_out li.menu03 a:hover {
		background:url("/images/basis_farebroker/head_btn_mymenu_logout.gif") -231px -39px no-repeat;
	}





	/* オンライン予約サイト */
	#header div.online{
		clear:left;
		margin:0 auto 0 0;
		width:241px;
		height:32px;
		position:relative;
		top:5px;
		left:10px;
	}

	.head_navi{
		width:450px;
		margin:0 0 0 auto;
	}

	p.snavi{
		float:left;
		margin:1px 0 0 0;
		height:40px;
	}

	/* マイメニュー */
	ul.head_navi{
		float:left;
		background: url("/images/basis_farebroker/header_navi_1.gif") no-repeat;
		width:128px;
		height:40px;
		margin:1px 0 0 0;
		padding:0;
	}

	ul.head_navi li span{
		display:none;
	}

	ul.head_navi li,
	ul.head_navi a{
		height:20px;
		display:block;
	}

	ul.head_navi li{
		margin:0;
		padding:0;
		list-style:none;
	}

	.snavi01{
		width:128px;
	}

	.snavi02{
		width:128px;
		height:15px;
	}

	.snavi01 a:hover {
		background:url("/images/basis_farebroker/header_navi_1.gif") 0px -40px no-repeat;
	}
	.snavi02 a:hover {
		background:url("/images/basis_farebroker/header_navi_1.gif") 0px -61px no-repeat;
	}

	/* マイメニュー */
	ul.head_navi_02{
		background: url("/images/basis_farebroker/header_navi_2.gif") no-repeat;
		width:160px;
		height:40px;
		margin:1px 0 0 0;
		padding:0;
		float:right;
	}

	ul.head_navi_02 li span{
		display:none;
	}

	ul.head_navi_02 li,
	ul.head_navi_02 a{
		height:20px;
		display:block;
	}

	ul.head_navi_02 li{
		margin:0;
		padding:0;
		list-style:none;
	}

	.snavi03{
		width:160px;
	}

	.snavi04{
		width:160px;
		height:15px;
		}

	.snavi03 a:hover {
		background:url("/images/basis_farebroker/header_navi_2.gif") 0px -40px no-repeat;
	}
	.snavi04 a:hover {
		background:url("/images/basis_farebroker/header_navi_2.gif") 0px -61px no-repeat;
	}





/*
-------------------------------------------------------
* コンテナ
-------------------------------------------------------
*/

	#container{
		width:960px;
		margin: 0 auto;
		text-align:left;
		overflow:hidden;
		font-size:13px;
		margin-bottom:20px;
	}
	
	#container_hotel{
		width:950px;
		margin: 0 auto;
		text-align:left;
		overflow:hidden;
		font-size:13px;
	}

	*html body #container{
		overflow:visible;
	}

	#left{
		width:645px;
		margin:20px 0 0 0;
		float:left;
		padding:0;
		font-size:13px;
	}

	html>/**/body #left{
		width:645px;
		margin:10px 0 10px 0;
		float:left;
		padding:0;
		font-size:13px;
	}

	#right{
		width:300px;
		margin:10px 0 0 0;
		padding:0;
		float:right;
		font-size:13x;
	}
	
	.left_ {
		width:645px;
		float:left;
		padding:0;
		font-size:13px;
	}

	html>/**/body .left_ {
		width:645px;
		float:left;
		padding:0;
		font-size:13px;
	}

	.right_ {
		width:300px;
		padding:0;
		float:right;
		font-size:13x;
	}
	
	#container_reserveFlow{
		margin: 0 auto;
		text-align:center;
		overflow:hidden;
		font-size:13px;
	}


/*
-------------------------------------------------------
* ヘッダー：パンくずナビ
-------------------------------------------------------
*/
	ul#p_navi{
		margin:3px 0 10px 0;
		padding:0 5px;
		list-style:none;
		text-align:left;
		overflow:auto;
		font-size:93%;
	}

	ul#p_navi li{
		margin:0;
		padding:0;
		float:left;
	}

	ul#p_navi a{
		text-decoration:none;
	}

	ul#p_navi a:link{
		text-decoration: underline;
		color: #0053A6;
	}

	ul#p_navi a:hover{
		text-decoration:underline;
	}


/*
-------------------------------------------------------
* h1 / リスト部
-------------------------------------------------------
*/

	#head_ttl{
		border-bottom:solid 1px #808080;
		overflow:hidden;
		width:950px;
		height:40px;
		margin:10px 0 0 0;
	}

	h1{
		display:block;
		background: url("/images/basis_farebroker/ttl_h1.gif") 0 0 no-repeat;
		width:487px;
		height:30px;
		margin:10px 0 20px 0;
	}

	h1 img{
		display:block;
		margin:0 0 0 160px;
	}
	
	/* 新ヘッダフッタ変更に伴う追加設定 20141106 ここから */
	#header #site_copy h1 {
		background:none;
	}
	/* 新ヘッダフッタ変更に伴う追加設定 20141106 ここまで */

	#head_ttl p.ttl{
		display:block;
		background: url("/images/basis_farebroker/ttl_h1.gif") 0 0 no-repeat;
		width:507px;
		height:30px;
		margin:10px 0 20px 0;
		float:left;
	}

	#head_ttl p.ttl img{
		display:block;
		margin:0 0 0 160px;
	}

	ul#head_li{
		float:left;
		padding:0;
		margin:0 0 0 20px;
		list-style:none;
		text-align:left;
		overflow:hidden;
		width:443px;
		height:40px;
	}

	ul#head_li li{
		margin:0;
		padding:0;
		float:left;
	}

	ul#head_li li.list{
		background: url("/images/basis_farebroker/head_ico.gif") 5px 2px repeat-y;
		background-color:#808080;
		padding:5px 5px 5px 22px;
		height:31px;
		border:solid 1px #808080;
		border-left:1px solid #FFF;
	}

	ul#head_li li.list_r{
		background: url("/images/basis_farebroker/head_ico.gif") 5px 2px repeat-y;
		background-color:#808080;
		padding:5px 5px 5px 22px;
		height:31px;
		border:solid 1px #808080;
	}

	ul#head_li li p{
		margin:5px 0;
	}

	html>/**/body ul#head_li li p{
		margin:2px 0;
	}

	.reserveFlow_ah {
		margin-bottom: 10px;
	}
	.reserveFlow_ah .flowImg {
		border-top: 2px solid rgb(217, 217, 217);
		border-bottom: 2px solid rgb(217, 217, 217);
	}
	.reserveFlow_ah .flowImg ol {
    	margin: 0 150px;
    	overflow: hidden;
    	padding: 5px 0;
    	width: 960px;
	}
	
	.reserveFlow_ah .flowImg ol li {
		padding: 5px 0;
		float: left;
		text-align: center;
		font-size: 12px;
		list-style: none;
		width: 240px;
		background: url("/images/basis_farebroker/flow_back_ah.png") no-repeat scroll left;
	}
	
	.reserveFlow_ah .flowImg ol li#complete {
    	background: url("/images/basis_farebroker/flow_back_ah_last.png") no-repeat scroll 4px transparent;
    	padding-top: 5px 0 0;
	}
	
	.reserveFlow_ah .flowImg ol li#completeend {
    	background: url("/images/basis_farebroker/flow_current_back_ah_last.png") no-repeat scroll 4px transparent;
    	padding-top: 5px 0 0;
	}
	
	.reserveFlow_ah .flowImg ol li.last {
		padding-right: 0;
		padding: 5px 0px 0pt 0px;
		width: 180px;
	}
	
	.reserveFlow_ah .flowImg ol li.current {
		color:  #314048;
		font-weight: bold;
		background: url("/images/basis_farebroker/flow_current_back_ah.png") no-repeat scroll center center;
	}
	
	.payFlow_ah {
		margin-bottom: 10px;
		width: 100%;
		overflow: hidden;
		background: url("/images/basis_farebroker/border_gray_w3px.png") repeat-x scroll center bottom transparent;
	}
	.payFlow_ah ol li {
		padding: 0pt 10px;
		float: left;
		list-style: none outside none;
		bottom: 0;
	}
	.payFlow_ah	img {
		border: medium none;
		vertical-align: middle;
	}
	
	#page_title_area{
		position:relative;
		padding: 0pt;
		width: 960px;
		height:47px;
	}
	
	#sablink_area{
		position: absolute;
		padding: 0pt;
		right: 2px;
		bottom: 8px;
	}
	
	#sablink_area li {
		letter-spacing:0;
		float:left;
		list-style-type: none;
		padding-left: 5px;
	}
	
	#sablink_area a, a:link { color: #314048; text-decoration: none;}
	#sablink_area a:visited, a:active{ color: #941D55;}
	#sablink_area a:hover{ text-decoration: underline; color: #F9BE00;}

/*
-------------------------------------------------------
* フッター
-------------------------------------------------------
*/

	#footer{
		width:950px;
		margin: 0 auto 0 auto;
		padding:0;
		text-align:left;
	}

	/* ボタン：ロールオーバー
	/*---------------------------------------------------*/
	/* 左側 */
	div#foot_left{
		background:url("/images/basis_farebroker/btn_back.gif") no-repeat;
		width:162px;
		height:34px;
		margin:0;
		padding:0;
		float:left;
	}

	div#foot_left span{
		display:none;
	}

	div#foot_left a{
		height:34px;
		display:block;
	}

	div#foot_left a:hover{
		background:url("/images/basis_farebroker/btn_back.gif") 0 -34px no-repeat;
	}

	/* 右側：フライトを選択する */
	div#foot_right_slct_flight{
		background:url("/images/basis_farebroker/btn_slct_flight.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0;
		padding:0;
		float:right;
	}

	html>/**/ body div#foot_right_slct_flight{
		background:url("/images/basis_farebroker/btn_slct_flight.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0 0 10px 0;
		padding:0;
		float:right;
	}

	div#foot_right_slct_flight span,
	div#foot_right_decision span,
	div#foot_right_slct_search span,
	div#foot_right_input_traveler span,
	div#foot_right_condition span,
	div#foot_right_confirm span,
	div#foot_payment_method span,
	div#foot_reserve span,
	div#foot_exe span,
	div#foot_foreign_ticket_top span{
		display:none;
	}

	div#foot_right_slct_flight a,
	div#foot_right_decision a,
	div#foot_right_slct_search a,
	div#foot_right_input_traveler a,
	div#foot_right_condition a,
	div#foot_right_confirm a,
	div#foot_payment_method a,
	div#foot_reserve a,
	div#foot_exe a,
	div#foot_foreign_ticket_top a{
		height:42px;
		display:block;
	}

	div#foot_right_slct_flight a:hover{
		background:url("/images/basis_farebroker/btn_slct_flight.gif") 0 -42px no-repeat;
	}

	/* 右側：旅行者情報を入力する */
	div#foot_right_input_traveler{
		background:url("/images/basis_farebroker/btn_input_traveler.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0;
		padding:0;
		float:right;
	}

	html>/**/ body div#foot_right_input_traveler{
		background:url("/images/basis_farebroker/btn_input_traveler.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0 0 10px 0;
		padding:0;
		float:right;
	}

	div#foot_right_input_traveler a:hover{
		background:url("/images/basis_farebroker/btn_input_traveler.gif") 0 -42px no-repeat;
	}

	/* 右側：決定する */
	div#foot_right_decision{
		background:url("/images/basis_farebroker/btn_decision.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0;
		padding:0;
		float:right;
	}

	html>/**/ body div#foot_right_decision{
		background:url("/images/basis_farebroker/btn_decision.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0 0 10px 0;
		padding:0;
		float:right;
	}

	div#foot_right_decision a:hover{
		background:url("/images/basis_farebroker/btn_decision.gif") 0 -42px no-repeat;
	}

	/* 右側：検索する */
	div#foot_right_slct_search{
		background:url("btn_slct_search.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0;
		padding:0;
		float:right;
	}

	html>/**/ body div#foot_right_slct_search{
		background:url("/images/basis_farebroker/btn_slct_search.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0 0 10px 0;
		padding:0;
		float:right;
	}

	div#foot_right_slct_search a:hover{
		background:url("/images/basis_farebroker/btn_slct_search.gif") 0 -42px no-repeat;
	}

	/* 右側：旅行条件書を確認する */
	div#foot_right_condition{
		background:url("/images/basis_farebroker/btn_condition_confirm.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0;
		padding:0;
		float:right;
	}

	html>/**/ body div#foot_right_condition{
		background:url("/images/basis_farebroker/btn_condition_confirm.gif") no-repeat;
		width:162px;
		height:42px;
		margin:0 0 10px 0;
		padding:0;
		float:right;
	}

	div#foot_right_condition a:hover{
		background:url("/images/basis_farebroker/btn_condition_confirm.gif") 0 -42px no-repeat;
	}

	/* 右側：確認する */
	div#foot_right_confirm{
		background:url("/images/basis_farebroker/btn_confirm.gif") no-repeat;
		width:162px;
		height:42px;
		margin-left:305px;
		padding:0;
		float:left;
	}

	html>/**/ body div#foot_right_confirm{
		margin:0 0 10px 305px;
	}

	*html body div#foot_right_confirm{
		margin-left:235px;
	}

	div#foot_right_confirm a:hover{
		background:url("/images/basis_farebroker/btn_confirm.gif") 0 -42px no-repeat;
	}

	/* 右側：支払い方法を選択する */
	div#foot_payment_method{
		background:url("/images/basis_farebroker/btn_payment_method.gif") no-repeat;
		width:162px;
		height:42px;
		margin-left:305px;
		padding:0;
		float:left;
	}

	html>/**/ body div#foot_payment_method{
		margin:0 0 10px 305px;
	}

	*html body div#foot_payment_method{
		margin-left:235px;
	}

	div#foot_payment_method a:hover{
		background:url("/images/basis_farebroker/btn_payment_method.gif") 0 -42px no-repeat;
	}

	/* 右側：以上の内容で予約 */
	div#foot_reserve{
		background:url("/images/basis_farebroker/btn_reserve.gif") no-repeat;
		width:162px;
		height:42px;
		margin-left:305px;
		padding:0;
		float:left;
	}

	html>/**/ body div#foot_reserve{
		margin:0 0 10px 305px;
	}

	*html body div#foot_reserve{
		margin-left:235px;
	}

	div#foot_reserve a:hover{
		background:url("/images/basis_farebroker/btn_reserve.gif") 0 -42px no-repeat;
	}

	/* 右側：決済を実行する */
	div#foot_exe{
		background:url("/images/basis_farebroker/btn_exe.gif") no-repeat;
		width:162px;
		height:42px;
		margin-left:305px;
		padding:0;
		float:left;
	}

	html>/**/ body div#foot_exe{
		margin:0 0 10px 305px;
	}

	*html body div#foot_exe{
		margin-left:235px;
	}

	div#foot_exe a:hover{
		background:url("/images/basis_farebroker/btn_exe.gif") 0 -42px no-repeat;
	}

	/* 右側：海外航空券トップへ */
	div#foot_foreign_ticket_top{
		background:url("/images/basis_farebroker/btn_foreign_ticket_top.gif") no-repeat;
		width:162px;
		height:42px;
		margin-left:470px;
		padding:0;
		float:left;
	}

	html>/**/ body div#foot_foreign_ticket_top{
		margin:20px 0 10px 470px;
	}

	*html body div#foot_foreign_ticket_top{
		margin-left:235px;
	}

	div#foot_foreign_ticket_top a:hover{
		background:url("/images/basis_farebroker/btn_foreign_ticket_top.gif") 0 -42px no-repeat;
	}


	/* テキスト */
	div#foot_msg{
		text-align:left;
		float:left;
		width:350px;
		margin:15px 0 0 250px;
		padding:12px 0 12px 7px;
		border-left:1px solid #a6a6a6;
		font-weight:bold;
		font-size:93%;
		letter-spacing:0;
	}

	*html div#foot_msg{
		text-align:left;
		float:left;
		width:350px;
		margin:15px 0 0 205px;
		padding:12px 0 12px 7px;
		border-left:1px solid #a6a6a6;
		font-weight:bold;
		font-size:93%;
		letter-spacing:0;
	}

	#foot_navi{
		clear:both;
		margin: 10px 0 0 0;
		padding:10px 0;
		list-style-type:none;
		border-top:solid 5px #0753A6;
		border-bottom:solid 1px #CCC;
		overflow:hidden;
		height:15px;
	}

	*html #foot_navi{
		clear:both;
		margin: 10px 0 0 0;
		padding:10px 0;
		list-style-type:none;
		border-top:solid 5px #0753A6;
		border-bottom:solid 1px #CCC;
		overflow:hidden;
		height:40px;
	}

	#foot_navi li{
		padding:0 0 0 15px;
		margin:0 0 0 -0px;
		font-size:93%;
		float:left;
		letter-spacing:0px;
	}

	#foot_navi li a{
		background-image: url("/images/basis_farebroker/foot_ico.gif");
		background-position:0 0;
		background-repeat:no-repeat;
		text-decoration:none;
		padding:0 0 0 15px;
	}

	#foot_navi a:link{
		text-decoration: none;
		color: #0053A6;
	}

	#foot_navi a:hover{
		text-decoration:underline;
		background-image: url("/images/basis_farebroker/foot_ico_on.gif");
		background-position:0 0;
		background-repeat:no-repeat;
		padding:0 0 0 15px;
		color: #f75b00;
	}

	#footer p{
		font-size:93%;
		text-align:right;
		margin:5px 0 0 0;
		padding:0 0 5px 0;
		border-bottom:solid 5px #CCC;
		letter-spacing:0px;
	}

	/* ボタン：ロールオーバー
	/*---------------------------------------------------*/
	/* 左側 */
	div#f_left{
		background:url("/images/basis_farebroker/btn_back.gif") no-repeat;
		width:162px;
		height:34px;
		margin:0;
		padding:0;
	}

	div#f_left02{
		background:url("/images/basis_farebroker/btn_back.gif") no-repeat;
		width:162px;
		height:34px;
		margin:0 0 18px 0;
		padding:0;
	}

	div#f_left span,
	div#f_left02 span{
		display:none;
	}

	div#f_left a,
	div#f_left02 a{
		height:34px;
		display:block;
	}

	div#f_left a:hover,
	div#f_left02 a:hover{
		background:url("/images/basis_farebroker/btn_back.gif") 0 -34px no-repeat;
	}

/*
-------------------------------------------------------
* フッター 2009/09/24
-------------------------------------------------------
*/

#footer { text-align:left; border-top:#314048 5px solid; border-bottom:#b2b2b2 5px solid; clear:both;margin-top: 20px; }
#footer img { margin:7px 8px; }
#footer #copyright { clear:both; text-align:right; border-top:#b2b2b2 1px solid; }

/*
==================================================================
* エラー表示
==================================================================
*/
	.alert{
		margin:0 0 20px 0;
		font-size:108%;
		width:630px;
		border:solid 1px #F84D35;
	}

	.alert th{
		width:36px;
		background-color:#F84D35;
		vertical-align:top;
		text-align:center;
	}

	.alert td{
		background-color:#FEDCD2;
		color:#F63F2A;
		font-weight:bold;
		vertical-align:top;
		padding:10px 10px;
		line-height:140%;
		letter-spacing:1px;
	}

	.alert02{
		margin:15px 8px 0 8px ;
		font-size:108%;
		width:610px;
		border:solid 1px #F84D35;
	}

	.alert02 th{
		width:36px;
		background-color:#F84D35;
		vertical-align:top;
		text-align:center;
	}
	.alert02 td{
		background-color:#FEDCD2;
		vertical-align:top;
		padding:8px 10px;
		line-height:140%;
		letter-spacing:1px;
	}

	.alert03{
		margin:15px 8px 0 0;
		font-size:108%;
		width:950px;
		border:solid 1px #F84D35;
	}

	.alert03 th{
		width:36px;
		background-color:#F84D35;
		vertical-align:top;
		text-align:center;
	}
	.alert03 td{
		background-color:#FEDCD2;
		color:#F63F2A;
		font-weight:bold;
		vertical-align:top;
		padding:5px;
		line-height:150%;
		letter-spacing:1px;
	}
	div.errorMsg_ {
		margin: 0 0 15px;
		padding: 6px 0 0;
		overflow: hidden;
		border: 1px solid #ff0000;
	}
	*html .errorMsg_ {			/*IE6 CSS hack*/
		height:1%;
	}

	div.errorMsg_  img{
		margin:0 10px;
		vertical-align: top;
	}

	div.errorMsg_ p{
		padding-bottom: 5px;
		width: 645px;
		color:#F52C1E;
		vertical-align:middle;
		font-weight: bold;
	}

	div.errorMsg_ p span{
		font-weight:bold;
	}

/*
==================================================================
* 予約手続きの流れ
==================================================================
*/

	ul#process_flow{
		clear:both;
		list-style-type:none;
		margin:0;
		padding:7px 0 8px 0;
		width:950px;
		overflow:hidden;
		height:1%;
		border-bottom:1px dotted #808080;
	}

	ul#process_flow li{
		float:left;
		margin:0 12px 0 0;
		padding:0;
	}

	ul#process_flow li span{
		display:none;
	}

	ul#process_flow li#process01_on{
		background: url("/images/basis_farebroker/process01_on.gif") no-repeat;
		background-position:0 0;
		width:141px;
		height:45px;
	}

	ul#process_flow li#process02_on{
		background: url("/images/basis_farebroker/process02_on.gif") no-repeat;
		background-position:0 0;
		width:163px;
		height:45px;
	}

	ul#process_flow li#process03_on{
		background: url("/images/basis_farebroker/process03_on.gif") no-repeat;
		background-position:0 0;
		width:154px;
		height:45px;
	}

	ul#process_flow li#process04_on{
		background: url("/images/basis_farebroker/process04_on.gif") no-repeat;
		background-position:0 0;
		width:154px;
		height:45px;
	}

	ul#process_flow li#process05_on{
		background: url("/images/basis_farebroker/process05_on.gif") no-repeat;
		background-position:0 0;
		width:158px;
		height:45px;
	}

	ul#process_flow li#process06_on{
		background: url("/images/basis_farebroker/process06_on.gif") no-repeat;
		background-position:0 0;
		width:183px;
		height:45px;
	}

	ul#process_flow li#process02{
		background: url("/images/basis_farebroker/process02.gif") no-repeat;
		background-position:0 0;
		width:134px;
		height:45px;
	}

	ul#process_flow li#process03{
		background: url("/images/basis_farebroker/process03.gif") no-repeat;
		background-position:0 0;
		width:125px;
		height:45px;
	}

	ul#process_flow li#process04{
		background: url("/images/basis_farebroker/process04.gif") no-repeat;
		background-position:0 0;
		width:125px;
		height:45px;
	}

	ul#process_flow li#process05{
		background: url("/images/basis_farebroker/process05.gif") no-repeat;
		background-position:0 0;
		width:137px;
		height:45px;
	}

	ul#process_flow li#process06{
		background: url("/images/basis_farebroker/process06.gif") no-repeat;
		background-position:0 0;
		width:156px;
		height:45px;
	}

	ul#process_flow li#process01_comp{
		background: url("/images/basis_farebroker/process01_comp.gif") no-repeat;
		background-position:0 0;
		width:116px;
		height:45px;
	}

	ul#process_flow li#process02_comp{
		background: url("/images/basis_farebroker/process02_comp.gif") no-repeat;
		background-position:0 0;
		width:134px;
		height:45px;
	}

	ul#process_flow li#process03_comp{
		background: url("/images/basis_farebroker/process03_comp.gif") no-repeat;
		background-position:0 0;
		width:125px;
		height:45px;
	}

	ul#process_flow li#process04_comp{
		background: url("/images/basis_farebroker/process04_comp.gif") no-repeat;
		background-position:0 0;
		width:123px;
		height:45px;
	}

	ul#process_flow li#process05_comp{
		background: url("/images/basis_farebroker/process05_comp.gif") no-repeat;
		background-position:0 0;
		width:141px;
		height:45px;
	}

/*
==================================================================
* ボタン　ロールオーバー
==================================================================
*/
	input#btn_left{
		float:left;
		margin: 5px 0 0 0;
		padding:0;
	}

	input#btn_right_confirm{
		float:right;
		margin: 5px 0 0 0;
		padding:0;
	}


/*
==================================================================
* その他共通
==================================================================
*/
	.red_bold_ {
		color: #ff0000;
		font-weight: bold;
	}
	.red_ {
		color: #ff0000;
	}
	.blue_ {
		color: #37AED8;
	}
	.orange_ {
		color: #FF6600;
	}
	.gray_ {
		color: #999999;
	}
	.b_blue_ {
		background: #fff3ca;
	}
	.assist_link_ {
		padding: 10px 0 10px 7px;
		background: url(/images/basis_farebroker/blue-check.png) 0 14px no-repeat;
		line-height: 120%;
	}
	.assist_link_ a {
		text-decoration: none;
		font-size: 11px;
	}
	.box_ {
		padding: 10px;
		clear: both;
	}
	.box2_ {
		width: 100%;
		clear: both;
	}
	.box3_ {
		padding: 10px;
		clear: both;
		border-right: 1px solid #bababa;
		border-left: 1px solid #bababa;
		border-bottom: 1px solid #bababa;
		overflow: hidden;
	}
	div.error_ {
		margin-bottom: 10px;
		margin-top: 14px;
		padding-left: 35px;
		background: url(/images/basis_farebroker/icon_attention.gif) 10px 10px no-repeat;
		border: 1px solid #ff0000;
		color: #ff0000;
		font-size: 130%;
		font-weight: bold;
	}
	.small_ {
		font-size: 80%;
	}
	.large_ {
		font-size: 120%;
	}
	.w60_ {
		width: 50px;
	}
	.w170_ {
		width: 170px;
	}
	.centertext_ {
		text-align: center;
	}
	.rightfloat_ {
		float: right;
	}

/* cvv */
.caution_withIcon {
 padding-left: 20px;
 color: #F00;
 background: url(/images/basis_ciao/retail/common/icon-caution.png) 0 0 no-repeat;
}

.large {
 font-size: 120%;
 line-height: 140%;
}

.x-large {
 font-size: 144%;
 line-height: 140%;
 color: #F00;
}

table.table_common .cvv_info .cvv_info_left {
 vertical-align: top;
 border-right-style: none;
}
table.table_common .cvv_info .cvv_info_right {
 vertical-align: middle;
 border-left-style: none;
}

.lh140 {
 line-height: 140%;
}

.section {
 margin-bottom: 10px;
 clear: both;
}

/* Tool Tip */
.tip-box01 {
	display: none;
	position: absolute;
	width: 500px;
	background: url("/images/basis_farebroker/bg_tooltip_01_mdl.gif") repeat-y;
	line-height: 1.5;
}
.tip-box01 .bgT { background: url("/images/basis_farebroker/bg_tooltip_01_top.gif") no-repeat; }
.tip-box01 .bgB { background: url("/images/basis_farebroker/bg_tooltip_01_btm.gif") no-repeat left bottom; }
.tip-box01 .head {
	position: relative;
	padding: 10px;
}
.tip-box01 .head .close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 11px;
	height: 11px;
}
.tip-box01 .body { padding: 10px 10px 20px 10px; }
.tip-box01 .body .line-dot01 {
	margin-top: 10px;
	padding-top: 11px;
	background: url("/images/basis_farebroker/line_dot_01.gif") repeat-x;
}
.tip-box01 .body .close {
	margin-top: 15px;
	text-align: center;
}

.mb10{ margin-bottom: 10px; }

.checkerr_.box2_ { margin-top: 10px; margin-bottom: 10px; }
.checkerr_ .error_{ margin-top: 0px; margin-bottom: 0px; }

.diff_msg{
	color: #f89903;
	font-weight: bold;
	font-size: 12px;
}

.mr0{ margin-right: 0!important; }
.mr50{ margin-right: 50px!important; }

/**------------------------------
	マイページへの導線
------------------------------**/
#comp_mypage_link {
    border: 1px solid #bdbdbd;
    padding: 20px 10px 10px;
    font-family: mairyo, 'メイリオ', "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    margin-bottom: 10px;
}
#comp_mypage_link .mypage_message {
	color: #000000;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
}
#comp_mypage_link .mypage_message h2.heading:before {
	content: url('/images/basis_farebroker/icn_spr_tomypage.png');
	position: absolute;
	left: 40px;
}
#comp_mypage_link .mypage_message h2.heading {
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 42px;
    line-height: 38px;
    position: relative;
}
#comp_mypage_link .mypage_message .menu {
	font-size: 12px;
	margin: 0 auto;
}
#comp_mypage_link .mypage_message .sub {
	font-size: 10px;
	text-align: right;
}
#comp_mypage_link .btn_area {
    padding: 10px 0 20px;
    text-align: center;
}
#comp_mypage_link .btn_area .btn {
	width: 192px;
	margin: 0 auto;
	background-color: #ff0000;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
#comp_mypage_link .btn_area .btn:first-child {
	margin-bottom: 6px;
}

#comp_mypage_link .btn_area .btn:hover {
	opacity: 0.8;
	transition: all .3s;
}
#HotelSearch .formError {
	position: absolute !important;
	top: 0 !important;
	left: 100px !important;
}

/* 20190606 */
.gnav ul li:nth-child(4), #footer .m_t10.footer_link a:nth-child(4) {
	display: none;
}

/* 20200204 */
.linkTxt a {
    color: #006699;
    text-decoration: underline;
}