@charset "shift_jis";
/* CSS Document */




@font-face {
	font-family: 'Lobster';
	font-style: normal;
	font-weight: 400;
	src: local('Lobster'), url(//themes.googleusercontent.com/static/fonts/lobster/v8/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');
}

.webfont{font-family: "メイリオ", Meiryo, sans-serif;}
.webfont-price{font-family: 'Lobster', cursive;}
/* 検索エリア
------------------------------------------------------------*/
.notes {
	position:absolute;
	top:10px;
	right:0;
	display:block;
	margin:0;
	color:#333;
	font-size:11px;
	line-height:1.0;
	padding-right:20px;
}
.notes span {
	color:#F00;
	font-weight:bold;
	font-size:1.1em;
}
.notes2 {
	position:absolute;
	top:0;
	right:0;
	display:block;
	margin:0;
	color:#333;
	font-size:11px;
	line-height:1.0;
	padding-right:20px;
}
.notes2 span {
	color:#F00;t
	font-weight:bold;
	font-size:1.1em;
}

	/* 検索エリア タブ部分
	------------------------------------------------------------*/
	.tab {
		box-sizing: border-box;
		width: 100%;
		padding:6px 0 0;
		background: #e1edf9;  display: flex;
        align-items: center;
        justify-content: center;
	}
	.tab li {
/*		float:left;*/
      
		font-size: 20px;
		margin:2px 0 0 2px;
		padding-right: 8px;
		background: url(/dst/images/line_tab.gif) no-repeat 0 8px;
		font-family: "メイリオ", Meiryo, sans-serif;	height:40px;
	}
	.tab li.tour {
		background:none;
	}
	.tab li.air,
	.tab li.air_hotel {
		padding-left: 10px;
	}
	.tab li a {
		display:block;
		padding:0 25px;
		height:40px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-radius:7px 7px 0 0;
		color:#333;
		text-decoration:none;
		font-size:16px; /*14px*/
		line-height:40px;
		font-weight:bold;
		cursor:pointer;
	}
	.tab li a:hover {
		/*border-bottom:2px solid #FFF;*/
		background:#FFF;
		text-decoration:none;
	}
	.tab li a.selected {
		border-bottom:2px solid #FFF;
		background:#FFF;
		color:#333;
		text-decoration:none;
	}
	.<strong>tab</strong> li a.selected:hover {
		background:#FFF;
	}
	
	/* 検索エリア コンテンツ部分
	------------------------------------------------------------*/
	.tabBox {
		width: 100%;
		overflow:hidden;
		margin:0 0 30px;
		
		border-width:0 3px 3px;
		background:#FFF;
		line-height:1.4;
	}
	.tabBox .ast {
		margin:0 0 0 5px;
		color:#F00;
	}
	.tabBox #tourTab {
		display:block;
		overflow: visible;
	}
	.tabBox #airTab {
		display:none;
	}
	.tabBox #airHotelTab {
		display:none;
	}

	.tabBox input {
		margin:0;
		padding:2px;
		vertical-align:middle;
	}
	.tabBox input[type="radio"],
	.tabBox input[type="checkbox"] {
		margin:0 5px 0 0;
	}
	.tabBox select {
		margin:0;
/*		padding:2px;*/
		height:25px;
	}
	.tabBox .cal {
		margin:0 0 0 2px;
		vertical-align:middle;
	}
	.tabBox .line {
		position:relative;
		padding:15px 0 20px;
		border-bottom:1px dotted #CCC;
	}
	.tabBox .line .number {
			position:absolute;
			top:-5px;
			left:5px;
			color:#AAA;
			font-size:20px;
	}
	.tabBox .line span {
		margin:0 3px;
	}
	.tabBox .line span.title {
		display:block;
		margin:0 0 5px;
	}
	.tabBox .line .line {
		padding:0;
		border:none;
	}
	.tabBox .line .line ~ .line {
		margin:10px 0 0;
	}
	.tabBox .line span.title ~ span.title {
		margin:10px 0 5px;
	}
	.tabBox .line ul {
		line-height:1.4;
	}
	.tabBox .line ul li {
		margin:0 0 5px;
	}
	.searchBtn {
		margin: 20px 0 0;
		text-align:center;
	}
	
		/* 検索エリア 海外ツアー No.1
		------------------------------------------------------------*/
		#search_tour .no1 {
			float:left;
			margin:10px 20px 0 0;
		}
		#search_tour .no1 .default_airport {
			width:175px;
		}
		
		/* 検索エリア 海外ツアー No.2
		------------------------------------------------------------*/
		#search_tour .no2 {
			float:left;
			margin:10px 0 0 0;
		}
		#search_tour .no2 .area {
			margin: 0 5px 0 0;
			width:175px;
		}
		#search_tour .no2 .country {
			margin: 0 5px 0 0;
			width:115px;
		}
		#search_tour .no2 .city {
			width:130px;
		}

		/* 検索エリア 海外ツアー 3（オプション）
		------------------------------------------------------------*/
		#search_tour .no3 #options {
			/*display:none;*/
			margin:15px 0 0;
		}
			#search_tour .no3 .columnA {
				float:left;
				padding:0 20px 0 0;
			}
			#search_tour .no3 .columnB {
				float:left;
				padding:0 19px;
				border-left:1px solid #EEE;
			}
			#search_tour .no3 .columnC {
				float:left;
				padding:0 20px;
				border-left:1px solid #EEE;
			}
			#search_tour  .no3 .columnA span.title ~ span.title {
				margin:10px 0 5px;
			}
			#search_tour  .no3 .columnB span.title ~ span.title {
				margin:10px 0 5px;
			}
			#search_tour .noWrap {
				padding:0 0 0 35px;
			}
			#search_tour .no3 .dt_y,
			#search_tour .no3 .dt_m,
			#search_tour .no3 .dt_d,
			#search_tour .no3 .days_min,
			#search_tour .no3 .days_max {
				width:35px;
			}
			#search_tour .no3 .min_price,
			#search_tour .no3 .max_price {
				width:80px;
			}
			#search_tour .no3 .freeword {
				width:190px;
			}

			/* 検索エリア 海外ツアー オプション切り替え
			------------------------------------------------------------*/
			.searchArea .toggle-list a {
				display:block;
				margin:0;
				padding:7px 12px 7px 8px;
				width:135px;
				border:1px solid #8EC6E7;
				background:#EAF6FD;
				color:#333;
				text-align:center;
				text-decoration:none;
			}
			.searchArea .toggle-list a:hover {
				text-decoration:underline;
			}
			.searchArea .line .toggle-list li {
				margin:0;
			}

		/* 検索エリア 海外航空券
		------------------------------------------------------------*/
		#search_air .noWrap {
			padding:0 0 0 35px;
			margin:10px 0 0;
		}
		
			/* 検索エリア 海外航空券 No.1
			------------------------------------------------------------*/
			#search_air .no1 .deptArea {
				float:left;
				margin:0 30px 0 0;
			}
			#search_air .no1 .deptArea .dept {
				width:120px;
			}
			#search_air .no1 .areaArea {
				float: left;
			}
			#search_air .no1 .areaArea .area {
				margin:0 5px 0 0;
				width:190px;
			}
			#search_air .no1 .areaArea .country {
				margin:0 5px 0 0;
				width:130px;
			}
			#search_air .no1 .areaArea .city {
				width:130px;
			}
			
			/* 検索エリア 海外航空券 No.2
			------------------------------------------------------------*/
			#search_air .no2 {
				float:left;
				margin:15px 0 0;
			}
			#search_air .no2 .leave_dtArea {
				float: left;
				padding:0 30px 0 0;
			}
			#search_air .no2 .leave_dtArea .leave_dt,
			#search_air .no2 .arrive_dtArea .arrive_dt {
				width:80px;
			}
			#search_air .no2 .arrive_dtArea {
				float: left;
			}
			
			/* 検索エリア 海外航空券 No.3
			------------------------------------------------------------*/
			#search_air .no3 {
				float:left;
				margin:15px 0 0 20px;
				padding:0 40px;
				border-left:1px solid #EEE;
			}
			#search_air .no3 .memberArea {
				float: left;
				padding:0 20px 0 0;
			}
			#search_air .no3 .member_childArea {
				float: left;
				padding:0 20px 0 0;
			}
			#search_air .no3 .member_infantArea {
				float: left;
			}
			#search_air .no3 .member,
			#search_air .no3 .member_child,
			#search_air .no3 .member_infant {
				width:50px;
}



	/* 検索エリア 航空券+ホテル No.1
	------------------------------------------------------------*/
		#w_widget .no1 {
			float:left;
			margin:0 0 0 0;
		}
		#w_widget .no1 .default_airport {
			width:120px;
		}
		
		/* 検索エリア 航空券+ホテル No.2
		------------------------------------------------------------*/
		#w_widget .no2 {
			float:left;
		}
		#widgetArea {
			margin: 0 10px 0 0;
			width:190px;
			float:left;
		}
		#widgetCountry {
			margin: 0 10px 0 0;
			width:130px;
			float:left;
		}
		#widgetDestCity {
			width:130px;
			float:left;
		}

		/* 検索エリア 航空券+ホテル 3（オプション）
		------------------------------------------------------------*/
		#w_widget .no3 {
				float:left;
				margin:15px 0 0;
			}
			#w_widget .no3 .leave_dtArea {
				float: left;
				padding:0 30px 0 0;
			}
			#w_widget .no3 .leave_dtArea .leave_dt,
			#w_widget .no3 .arrive_dtArea .arrive_dt {
				width:80px;
			}
			#w_widget .no3 .arrive_dtArea {
				float: left;
			}


		#w_widget .no3 #options {
			/*display:none;*/
		}
			#w_widget .no3 .columnA {
				float:left;
				padding:0 20px 0 0;
			}
			#w_widget .no3 .columnB {
				float:left;
				padding:0 19px;
				border-left:1px solid #EEE;
			}
			#w_widget .no3 .columnC {
				float:left;
				padding:0 20px;
				border-left:1px solid #EEE;
			}
			#w_widget  .no3 .columnA span.title ~ span.title {
				margin:10px 0 5px;
			}
			#w_widget  .no3 .columnB span.title ~ span.title {
				margin:10px 0 5px;
			}
			#w_widget .noWrap {
				padding:0 0 0 35px;
			}



			#w_widget .hotel_name_box{
				padding: 0 15px;
			}
			#w_widget .hotel_name_box span{
				margin-right: 10px;
			}




.rooms-RN{
	border:1px solid #ddd;
	margin: 0 0 0 15px;
}
tr.col3-tr{
	clear: both;
	padding: 5px;
	background-color: #e1edf9;
}
th.col3{
	display: block;
	background-color: #e1edf9;
	padding: 0px 5px;
	clear: both;
}
th.col3 span.title{
	float: left;
	width: 55px;
	padding: 5px 3px 0;
}
th.col3 span.ast{
	float: right;
	margin: 0 5px 0 0 ;
}
th.col3 select#room{
	float: left;
	height: 20px;
	width: 50px;
	margin:4px 0 0;
}
tr.roomindex-tr{
	clear: both;
	display: block;
	margin: 0 0 0 0;
	padding: 10px 5px;
}
.roomIndex span{
	width: 60px;
	display: block;
	margin: 0 10px 0 0;
}
.rooms-RN td{
	width: 50px;
	margin: 0 5px 0 0;
}
/*.title{
	width: 60px;
}*/
.rooms-RN select{
	height: 20px;
	width: 40px;
	margin: 0 5px 0 0;line-height:  0;
	font-size:  0.9em;

}
.rooms-RN select.Age1_1{
	height: 20px;
	width: 50px;
	margin: 0 5px 0 0;
}













/*-------------------エラーメッセージ---------------------*/
.err {
	border: 0 solid #999;
	color: #f96;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;}

/*-------------------セレクト要素の置換---------------------*/
.alter-wrap {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	*display: inline;
	*zoom: 1;}

.alter-wrap .alter-show {
	position: relative;
	display: inline-block;
	max-height: 1.5em;
	*height: 1.5em;
	padding: 1px 25px 1px 5px;
	*padding-right: 1px;
	border: 1px solid #aaa;
	vertical-align: bottom;
	line-height: 1.5;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	*display: inline;
	*zoom: 1;}

.alter-wrap .alter-show:after {
	content: "";
	position: absolute;
	top: 1px;
	bottom: 1px;
	right: 1px;
	display: block;
	width: 16px;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #ccc url(//e.his-j.com/images/basis_airhotel/alter_arrow.gif) no-repeat 50% 50%;}

.alter-list {
	position: absolute;
	*width: 260px;
	height: 150px;
	border: 1px solid #aaa;
	background: #fff;
	line-height: 1.5;
	font-size: 12px;
	overflow: auto;
	z-index: 10000;}

.alter-list div {
	_height: 1.8em;
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	*zoom: 1;}

.alter-list input,
.alter-list label {
	display: inline-block;
	vertical-align: middle;}

.alter-list input {
	margin-right: 4px;
	*margin-right: 0;}

.alter-list-show {
	display: inline-block;
	vertical-align: bottom;
	*display: inline;
	*zoom: 1;}

.alter-list-hide {
	display: none;}

.alter-list .hover {
	background-color: #acf;}

.alter-list .current {
	background-color: #36f;
	color: #fff;}