@charset "Shift_JIS";

/* ---------------------------------------------
 UMPTOP→AIR+HTL検索
---------------------------------------------*/
a{/* FireFox リンク選択時の点線を消す　*/
	overflow: hidden;
	outline: none;
}
br.clear{line-height:0;font-size:0;height:1;}
a.calendar{
	background: url(/images/tour/pkg/pkg_aicon_calender.gif) no-repeat left center;
	margin-left: 5px;
	padding-left: 20px;
	font-size: 10px;
}
#searchBlock imput,
#searchBlock select,
#peopleArea select,
.plusBox imput,
.plusBox select{font-size: 12px; padding:2px 1px;}
#searchBlock select option,
#peopleArea select option{padding: 0 5px 0 0;}
.normal{font-weight: normal;}

/* 検索BOX airHtlBox  alertBox
---------------------------*/
#mainbody.airHtlBox,
#mainbody.alertBox{
	margin: 0 auto;
	padding: 10px;
	width: 390px;
	line-height: 1;
	}
#mainbody.airHtlBox h1.alertZero{
	width: 360px;
	}

#mainbody.airHtlBox h1{
/*	width: 360px;
	height: 81px;
	background: url(/images/tour/top/searchbox/sarch_aph_title2.png) no-repeat left top;
	text-indent: -9000px;*/
	}
#mainbody.airHtlBox p.topnote{display: none;}


/* 検索メイン id=searchCondition
---------------------------------------------*/
#searchBlock{
	background: none;
	padding-top: 8px;
	}
div#searchCondition{
	background:#d1e4fa;
	border-left:1px solid #a1ccff;
	border-right:1px solid #a1ccff;
	border-bottom: 1px solid #a1ccff;
	}

div#searchCondition .attnote{
	padding-top: 8px;
	text-align: center;
	font-weight: bold;
	}

*>/**/sup { vertical-align: text-top; line-height: 4px; }

/* レイアウト（出発地・目的地・到着地）
---------------------------------------------*/
.inBox,
#searchBlock .inBox {
	width: 374px;
	background: url(/images/tour/top/searchbox/search_aph_top.gif) no-repeat left top #e8f2fd;
	margin: 0 auto 5px;
	padding: 5px 0 0;
}
.inBox .inBoxIn,
#searchBlock .inBox .inBoxIn{
	background: url(/images/tour/top/searchbox/search_aph_btm.gif) no-repeat left bottom;
	border-bottom: medium none;
	margin: 0;
	padding: 0 0 3px 0;
	width: 374px;
}
#searchBlock .inBox.inroom .inBoxIn{padding: 0;}


.inBox .inBoxIn dl{padding:0 0 0 8px;}
#searchBlock .inBox dt{
	clear: left;
	float: left;
	width: 6em;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	line-height: 1.1;
	}
#searchBlock .inBox dd{
	margin-left: 6em;
	margin-bottom: 4px;
	}
#dp_alertDes{padding: 4px 0 0;}
#searchBlock dt.days,
#searchBlock dd.days{margin-bottom: 0;}
#searchBlock dt span{
	color:#f00;
	padding: 0 0 0 4px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	}
#searchBlock dd.dep_date{margin-bottom: 2px;}
#searchBlock dd.go_cty{margin-bottom: 2px;}
#searchBlock dd.ctyBox{margin-bottom: 2px;}

div#searchBlock .go_cty ul li {
	padding-bottom: 2px;
}
div#searchBlock select,
div#searchBlock input{
	border: 1px solid #7F9DB9;
}
div#searchBlock .inBox select,
div#searchBlock .inBox input{
	border: 1px solid #ff0000;
}

div#searchBlock .inBox input.dateBox{
	width: 80px;
	padding:2px 1px;
	border: 1px solid #ff0000;
	font-size: 12px;
	}

.go_cty input,
.differ_cty input{
	width:320px;
	padding: 2px 1px;
	font-size: 12px;
	border: 1px solid #7F9DB9;
	}
.differ_cty input{
	width:320px;
	}
.tab_flight select,
#dep_selector select{
	padding: 2px 1px;
	font-size: 12px;
	border: 1px solid #7F9DB9;
	}
/* 部屋・人数 id="roomArea"
-------------------------------------------------*/
dl.roomArea{}
dl.roomArea .srooms{float: left;margin: 0 5px 0 0;}
dl.roomArea .roomAll{float: left;width: 225px;}
dl.roomArea .roomAll .roomBox{padding: 0 0 5px 0;}
.room{padding:5px 0 0 0;}
.room .note span{font-weight: bold;}
div#searchBlock .note{font-size: 12px;padding:0;}

/*子供*/
.children_info{
	padding:5px 0 0 0;
	}
.children_info div{
	float: left;
	padding-right: 10px;
	font-size: 10px;
	}
.children_info div.last{padding-right: 0;}

.children_info div select{
	display: block;
	margin-top: 2px;
	}
.airHtlBox .room_info{
	float: right;
	width:260px;
	/width:auto;
	/min-width: 260px;
	}
#searchCondition  table.room_info{width: 260px;	/min-width: 260px;}
#searchCondition  table.room_info .room{padding:10px 0 0 0;/min-width: 260px;}
#mainbody.airHtlBox  table.room_info, #mainbody.alertBox table.room_info{width:213px;}

.room_info td{
	background: url(/images/tour/top/searchbox/bg_tri.gif) no-repeat right top #b3d6fe;
	padding: 12px 4px 8px;
	text-align: center;
}
.children_info:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
*:first-child+html .children_info {display: inline-block;}
* html.children_info {height: 1%;}


/* 追加条件達 id=""
-------------------------------------------------*/
.plusBox{}
.tab_differ,
.tab_stay,
.tab_flight{
	}
.tab_differ .tt,
.tab_stay .tt,
.tab_flight .tt{margin: 0 8px;line-height: 1.1;}
.icon_kaigai7 {
	background: url(/images/icon/arrow/kaigai/7.gif) no-repeat 0 1px ;
	 padding: 2px 0 2px 17px;
}
.tab_differ dl,
.tab_stay dl,
.tab_flight dl{
	margin: 5px 0 0 0;
	}
.tab_differ dt{
	clear: left;
	float: none;
	width: auto;
	margin: 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
	}
.tab_differ dd{
	margin-left: 0;
	margin-bottom: 1px;
	}
.tab_stay dt{
	clear: left;
	float: left;
	width: 6em;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	}
.tab_stay dd{
	margin-left: 6em;
	margin-bottom: 1px;
	}
.tab_flight dt{
	clear: left;
	float: left;
	width: 9em;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	}
.tab_flight dd{
	margin-left: 9em;
	margin-bottom: 1px;
	}


/* ボタン */
#mainbody .att2{
	line-height: 1.2;
	padding: 10px 0 0 25px;
	text-align: left;
	}


#mainbody .att{text-align: center;padding: 10px 0;}
#searchCondition .btnClose{
	width: auto;
	margin: 0 auto;
	padding: 0 5px 5px 0;
	text-align: right;
	}
#searchCondition .btnClose a{
	background: url(/images/tour/top/searchbox/w_close.gif) no-repeat 0 0;
	padding: 0 0 0 14px;
	color: #333;
	}
* html #mainbody.airHtlBox h1{
behavior: expression(IEPNGFIX.fix(this));
}
/* ボタン id="searchBtn"
---------------------------------------------*/
div#searchBtn{margin: 5px 0;}
.alertBox #searchCondition div#searchBtn a,
.airHtlBox #searchCondition div#searchBtn a{
	display: block;
	background:url(/images/tour/top/searchbox/btn_toursearch2.gif) no-repeat 0 -36px;
	width: 240px;
	height: 36px;
	margin: 0 auto;
	text-indent: -9000px;
}
.alertBox #searchCondition div#searchBtn a:hover,
.airHtlBox #searchCondition div#searchBtn a:hover{
	background:url(/images/tour/top/searchbox/btn_toursearch2.gif) no-repeat 0 0;
}

.icon_del {
	background: url(/images/top/searchbox/btn_close_b.gif) no-repeat  0 2px ;
	margin: 0 0 0 3px;
	padding: 0 0 2px 13px;
}

/* clearfix hacks
--------------------------------------*/
.roomBox.room01:after,
.roomBox.room02:after,
.roomBox.room03:after,
.roomBox.room04:after,
dl.roomArea .roomBox:after,
.children_info:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
*:first-child+html .roomBox.room01,
*:first-child+html .roomBox.room02,
*:first-child+html .roomBox.room03,
*:first-child+html .roomBox.room04,
*:first-child+html dl.roomArea .roomBoxa,
*:first-child+html .children_info{display: inline-block;}
* html .roomBox.room01,
* html .roomBox.room02,
* html .roomBox.room03,
* html .roomBox.room04,
* html dl.roomArea .roomBox,
* html .children_info{height: 1%;}


/* 検索小窓  アラート時
------------------------------------------------------------------------*/
.alertBox #searchCondition .alertArea{
	margin: 0 auto;
	padding: 8px 0 0;
	width: 374px;
	}
.alertBox #searchCondition .alertArea .alertAreaIn{
	background: url(/images/tour/top/searchbox/search_alert_bgtop.gif) no-repeat 0 0 #fff;
	padding: 7px 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
	}
.alertBox #searchCondition .alertArea h1{
	background: url(/images/tour/top/searchbox/search_alert_bgtbtm.gif) no-repeat left bottom;
	padding: 0 15px 7px;
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	}


/* UMP代案画面に検索小窓調整
--------------------------------------------------------------------------*/
.airHtlBox h1{width:390px;margin: 0 auto;}
.airHtlBox #searchCondition,
.airHtlBox.otherPlan #searchCondition {
	margin: 0 auto;
	padding: 0;
	width: auto;
	_width: 388px;
}
.airHtlBox.otherPlan #searchCondition table.room_info{
	width:225px;
	/width: auto;
}
.airHtlBox.otherPlan #searchCondition table.room_info td {
	background: url(/images/tour/top/searchbox/bg_tri.gif) no-repeat right top #B3D6FE;
	padding: 12px 4px 8px;
	width: auto;
}
.airHtlBox.otherPlan .room_info td .room {
	padding: 5px 0 0;
}
.airHtlBox.otherPlan div#searchBlock .note{color:#000;}

.icon_kaigai3 {
	background: url(/images/icon/arrow/kaigai/3.gif) no-repeat 0 1px ;
	padding: 2px 0 2px 17px;
}