@charset "UTF-8";
/* --------------------------------




/* --------------------------------
■01.検索Form(#SearchForm)
--------------------------------
検索Formのブロックです。
-------------------------------- */

.SearchSection {
}
#SearchForm {
	margin: 0 0 10px;
	float: left;
	width: 940px;
	float: left;
	padding-left: 10px;
}
#SearchForm .tabs {
	height: 48px;
	overflow: hidden;
	position: relative;
	margin-right: -4px;
	margin-bottom: -13px;
	padding-left: 48px;
	background: url("../img/bg_search_tabs.gif") no-repeat left bottom;
	_zoom: 1;
}
#SearchForm .tabs li {
	float: left;
	margin-right: 4px;
}
#SearchForm .tab-body {
	display: none;
	padding: 0.5em 0 10px;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff url("/img_common/img/contents/bg_search-form-box_body.gif") repeat-x left bottom;
	background: -moz-linear-gradient(bottom, #f1f1f1, #fff 40%);	/* Firefox用 */
	background: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1), color-stop(0.4, #fff));	/* Safari,Google Chrome用 */
}
#SearchForm .tab-body.active {
	display: block;
}
#SearchForm .title {
	position: relative;
	height: 35px;
	line-height: 1.5;
	border-bottom: 1px solid #dbdbdb;
	background: #f9f9f9 url("/img_common/img/contents/bg_search-form-box_title.gif") repeat-x left bottom;
	background: -moz-linear-gradient(bottom, #f1f1f1, #f9f9f9);	/* Firefox用 */
	background: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1), to(#f9f9f9));	/* Safari,Google Chrome用 */
	color: #1e68bf;
	font-size: 1.33em;
	font-weight: bold;
}
#SearchForm .title span {
	display: block;
	position: absolute;
	top: -10px;
	width: 308px;
	height: 26px;
	padding: 18px 10px 0 60px;
	border-bottom: 1px solid #fff;
	background: url("/img_common/img_top/bg_search-form-box_title_icon.gif") no-repeat 6px 0;
}
#SearchForm .body {
	padding: 4px 4px 10px;
}
#SearchForm .area, #SearchForm .date-info, #SearchForm .option {
	padding: 10px 0 10px 10px;
}
#SearchForm .date-info {
	border-top: 1px dotted #b2b2b2;
	_zoom: 1;
	padding-left: 30px;
}
#SearchForm h2, #SearchForm .area dt {
	margin-bottom: 0.5em;
	color: #ff6c00;
	font-size: 1.24em;
	font-weight: bold;
}
#SearchForm h2 {
	padding-left: 7px;
	border-left: 5px solid #ff6c00;
}
/* .form-table */	/* 12/12/14 編集 */
#SearchForm .form-table {
	margin: 10px 10px 0;
}
#SearchForm .form-table th {
	padding-top: 0.25em;
	padding-right: 5em;
	white-space: nowrap;
	vertical-align: top;
}
#SearchForm .form-table th span {
	padding-left: 20px;
	background: no-repeat left center;
}
#SearchForm .form-table .from1 th span {
	background-image: url("//www.ena.travel/img_common/ena/top/sub_departure.gif");
}
#SearchForm .form-table .to1 th span {
	background-image: url("//www.ena.travel/img_common/ena/top/sub_destination.gif");
}
#SearchForm .form-table .from2 th span {
	background-image: url("//www.ena.travel/img_common/ena/top/sub_departuredate.gif");
}
#SearchForm .form-table .to2 th span {
	background-image: url("//www.ena.travel/img_common/ena/top/sub_destinationdate.gif");
}
#SearchForm .form-table .user th span {
	background-image: url("//www.ena.travel/img_common/ena/top/sub_people.gif");
}
#SearchForm .form-table td {
	padding-bottom: 0.75em;
}
/* .area */
#SearchForm .area .area-pulldown {
// overflow:hidden;
	margin: 0.25em 0;
	_zoom: 1;
	padding-left: 20px;
}
#SearchForm .area .area-pulldown dt {
	float: left;
	width: 8em;
	padding-top: 0.25em;
	color: #4d4d4d;
}
#SearchForm .area .area-pulldown dd {	/* 12/12/15 編集 */
	padding-left: 10em;
	_zoom: 1;
}
#SearchForm .area dt {
	margin-bottom: 0;
}
#SearchForm .area .etc dt {
	color: #4d4d4d;
}
#SearchForm .abroad, #SearchForm .internal {
	margin-bottom: 1em;
}
#SearchForm .area input {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#SearchForm .abroad {
	overflow: hidden;
	_zoom: 1;
}
#SearchForm .abroad li {
	float: left;
	width: 33%;
 *width:29%;
}
#SearchForm .abroad dt img {
	display: block;
	width: 99px;
	height: 31px;
	margin: 0 0 0.5em;
}
#SearchForm .abroad ul li {
	float: none;
	width: 100%;
	padding-left: 1em;
	text-indent: -1em;
}
#SearchForm .internal ul {
	overflow: hidden;
	_zoom: 1;
}
#SearchForm .internal li {
	float: left;
	width: 33%;
}
#SearchForm .internal li.narita, #SearchForm .internal li.other {
	width: auto;
}
#SearchForm .internal li.narita {
	margin-right: 1em;
}
#SearchForm .internal li.other {
	line-height: 150%;
}
#SearchForm .etc dt {
	float: left;
	width: 33%;
	padding-top: 0.5em;
}
#SearchForm .etc dd {
	overflow: hidden;
	_zoom: 1;
}
/* .date-info */
#SearchForm .date-info .date-flat {
	overflow: hidden;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	_zoom: 1;
}
#SearchForm .date-info .date-flat dt {
	float: left;
	width: 10em;
	padding-top: 0.5em;
}
#SearchForm .date-info .date-flat dd {
	float: left;
	margin-right: 0.5em;
	_margin-right: 0.25em;
}
#SearchForm .date-info .date-flat dt {
	padding-top: 0.75em;
}
#SearchForm .date-info .option-check {
	margin: 0.25em 0 0.5em;
}
#SearchForm .date-info .date, #SearchForm .date-info .room {
	margin-bottom: 0.5em;
}
#SearchForm .date-info .date {
	overflow: hidden;
	_zoom: 1;
}
#SearchForm .date-info .date dt {
	float: left;
	width: 10em;
	padding-top: 0.5em;
}
#SearchForm .date-info .room {
	float: left;
	width: 100%;
}
#SearchForm .date-info .room dt {
	float: left;
	padding-top: 0.5em;
}
#SearchForm .date-info .room .volume {
	float: left;
	margin-right: 1em;
}
#SearchForm .date-info .room .volume dd {
	float: left;
}
#SearchForm .date-info .room .balance {
	margin-left: 9em;
}
/* .option */
#SearchForm .narrowSection {
	display: none;
}
#SearchForm .option .narrowSection, #SearchForm .option .narrowSection dd {
	overflow: hidden;
	_zoom: 1;
}
#SearchForm .option .narrowSection {
	margin-top: 0.5em;
}
#SearchForm .option .narrowSection dt {
	float: left;
	width: 10em;
	padding-top: 0.25em;
}
#SearchForm .btnSection {
	padding-top: 20px;
	text-align: center!important;
	width: 940px;
	border-top: 1px dotted #b2b2b2;
}
#SearchForm .attention {
	margin: 0.5em 0;
	color: #f00;
	text-align: center;
	font-size: 1.1em;
}
#SearchForm .guide-volume {
	margin: 0.5em 25px 0;
	text-align: right;
}
#SearchForm .date-info .child .guide span {
	font-weight: bold;
}
/* .direct */
#tourSearchForm .direct {
	margin-bottom: 1em;
}
#tourSearchForm .direct .directSection, #tourSearchForm .direct .directSection dd {
	_zoom: 1;
}
#tourSearchForm .direct .directSection {
	margin-top: 0.5em;
}
#tourSearchForm .direct .directSection dt {
	float: left;
	width: 10em;
	padding-top: 0.25em;
}
/* .direct air*/
#SearchForm .direct {
// overflow:hidden;
	_zoom: 1;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
#SearchForm .direct dt {
	float: left;
	width: 8em;
	padding-top: 0.25em;
	color: #4d4d4d;
}
#SearchForm .direct dd {
	padding-left: 10em;
	_zoom: 1;
}
#SearchForm .direct dt {
	margin-bottom: 0;
}
/* 14/01/29 追加ここから */

#SearchForm .a_passennger {
	font-size: 10px;
}
#SearchForm .a_age, #SearchForm .b_age, #SearchForm .c_age {
	padding: .5em 0 1em 10em;
	font-size: 1.1em;
}
#SearchForm .a_age dl, #SearchForm .b_age dl, #SearchForm .c_age dl {
	margin-top: 5px;
}
#SearchForm .a_age dt, #SearchForm .b_age dt, #SearchForm .c_age dt {
	clear: left;
	float: left;
	padding-top: 0.5em;
}
#SearchForm .a_age dd, #SearchForm .b_age dd, #SearchForm .c_age dd {
	padding-top: 0px;
	margin-bottom: 2px;
}
/* 14/01/29 追加ここまで */


/*
#searchAirForm select {
	padding: 10px;
}
*/

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
.ui-corner-all {
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
	text-align: left !important;
}
.ui-widget-content {
	border: 1px solid #4579b8!important;
	background: #f5f5f5!important;
	font-size: 15px;
}
.ui-menu .ui-menu-item a {
}
.ui-widget-content a {
	color: #4169e1!important;
}
.ui-state-focus {
	border: 1px solid #b0c4de!important;
	background: #b0c4de!important;
	font-weight: normal!important;
	color: #696969!important;
	text-align: left !important;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
}
.ui-autocomplete-category {
	font-weight: bold;
	color: #696969;
	line-height: 1.5;
}
/* 15/05/18 追加ここから 切替えラジオボタン*/

ul.SelectRadio {
	padding-top: 10px;
	margin-left: 8px;
}
ul.SelectRadio li {
	display: inline!important;
}
ul.SelectRadio li input {
	vertical-align: middle;
	margin-top: -3px;
}
/* テキストTabメニュー */

ul#tabnavi {
	margin-top: 10px;
	padding: 0 0 0 10px;
}
#tabnavi li {
	display: inline;
}
#tabnavi li a {
	display: inline-block;
	background: #ddd;
	color: #333;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	text-decoration: none;
	text-align: center;
	width: 60px;
}
#tabnavi li a:hover, #tabnavi li a.active {
	background: #154D6E;
	color: #fff;
}
#tabcontent {
	border: none;
}
.dotline {
	border: none;
	border-bottom: 1px #ccc dotted!important;
	padding: 0 0 10px 0!important;
	margin-bottom: 10px;
	width: 100%;
}
/* フォーム調整用追加 */
.layout2 {
	float: left;
	width: 460px;
	clear: left;
	margin-bottom: 20px;
}
.area {
	clear: left;
}
.area h3 {
	font-size: 1.24em!important;
}
.date {
	color: #4d4d4d;
}
.date dt {
	font-size: 1.24em;
}
.date-info {
	clear: both;
}
.date-flat {
	color: #4d4d4d;
}
.date dd {
	margin-top: 5px;
	font-size: 1.24em;
}
.date-flat dt {
	width: 120px!important;
	font-size: 1.24em;
}
.date-flat dd {
	margin-top: 7px;
	font-size: 1.24em;
}
.ml30 {
	margin-left: -30px;
	vertical-align: middle;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.area:after {
	display: block;
	clear: both;
	content: "";
}

.date-info:after {
	display: block;
	clear: both;
	content: "";
}
.form_item01 {
	width: 280px;
	height: 30px;
	font-size: 16px
}
.form_item02 {
	width: 280px;
	height: 24px;
	font-size: 16px
}
.form_item03 {
	width: 120px;
	height: 24px;
	font-size: 16px
}
.form_item04 {
	width: 60px;
	height: 30px;
	font-size: 16px
}
.form_item05 {
	width: 20px;
	height: 20px;
	font-size: 16px
}
#b1_data {
	font-size: 1.24em;
}
#b2_data {
	font-size: 1.24em;
	padding-left: 120px;
}
div.departure_other.dep2 div.pulldown.dep2 { 
margin-left: 120px!important; 
}

.pl20 {
	padding-left: 20px!important;
	margin-right: -20px!important;
}

.ml10 {
	margin-left: -10px!important;
	vertical-align: middle;
}


.ml0 {
	margin-left: 0px!important;
}


