@charset "utf-8";

/*-----切り替えタブ-----*/

.l-toursearch-box{ width:960px; margin:0 auto; padding:0;}
.tab{overflow:hidden; margin:0; padding:0;}
.tab ul.menuul{ 
	padding:0;
	margin:0;
	list-style-type:none;
	}
.tab li.menu{
	width:300px;
	height:70px;
	float:left;
	margin:0 30px 0 0;
	padding:0;
	cursor:pointer;
	list-style-type:none;
	opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
	}
.tab li.select{ opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
.tab li.btn-tour{
	background-image: url(../img/bt-tab-tour.jpg);
}
.tab li.btn-7th{
	background-image: url(../img/bt-tab-7th.jpg);
	padding:0;
}
.tab li.btn-8th{
	background-image: url(../img/bt-tab-8th.jpg);
	padding:0;
}
.content ul{ margin:0; padding:0; list-style-type:none;}
.content li.block{ margin:0; list-style-type:none; position:relative;}
.hide {display:none;}

.obi-btn{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	padding: 7px 5px 5px 5px;
	/*margin-top: 5px;*/
}

/*.obi-btn{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}*/
.color-tab-tour{color:#00AAD8;}
.color-tab-3th{color:#DE348C;}
.color-tab-4th{color:#4CB034;}
.color-tab-5th{color:#C48400;}
.bg-tab-tour{background-color:#00AAD8;}
.bg-tab-7th{background-color:#FF9900;}
.bg-tab-4th{background-color:#4CB034;}
.bg-tab-5th{background-color:#C48400;}

.diary-search{
	font-size: 16px;
	font-weight:bold;
	color: #333;
	border-radius:4px;
	border: 1px solid #999999;
	background-color: #E3E3E3;
}
select#diary-search,
select#diary-search{
	font-size: 14px;
	font-weight:normal;
	width: 260px;
	height:30px;
	/*margin: 0 10px 0 0;
	padding: 5px 0 0 0;*/
}

.diary-box{
width: 100%;
border-collapse: collapse;
font-size:10px;
}
.diary-box th{
/*width: 25%;*/
padding: 4px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.diary-box td{
padding: 4px;
text-align: center;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.diary-box th.sat{
	background-color: #AADCEC;
}
.diary-box th.sun{
	background-color: #FFBFBF;
	color: #C00;
}

/*-----検索フォーム-----*/

select,input{
	border:1px solid #CCC;
}

div#gNaviWrap-more{
	width:100%;
	margin: 0;
	position: relative;
	z-index: 45;
	overflow: visible;
	}

div#gNaviBox-more{
	/*width: 890px;*/
	margin: 0 auto;
	padding: 20px 30px 10px;
	/*background: url(../img/gnavi/light_noise_diagonal.png);*/
	background-color: #FFF;
	border: 3px solid #999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	z-index: 45;
	position: relative;
	/*box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.sbcontents{
	padding: 0px;
	border: none;
}

.sbcontents ul li{
	display: block;
	margin: 0 0 15px;
}

div.sb_title{
	min-width: 80px;
	line-height: 11px;
	text-align: center;
	display: inline-block;
	padding: 3px 0 2px;
	margin: 3px 15px 0 0;
	background-color: #333;
	color: #FFF;
	float: left;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 11px;
}

.sb_cont{
	float: left;
}

.sbcontents ul li {
	/*border:1px solid #666;*/
	font-size: 12px;
}

/*目的地*/

.sbcontents ul li span{
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 21px;
}
.sbcontents ul li select{
	width: 160px;
	height: 21px;
	margin: 1px 8px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

/*ホテル*/

#set_htlcls1{
	width: 220px;
	height: 20px;
}
#set_htlcode1{
	width: 280px;
	height: 20px;
}

/*人気キーワード*/

ul#order_type_cbox{
	width: 680px;
	padding:12px 12px 14px 12px;
	/*height: 54px;*/
	background-color: #eee;
	/*border:1px solid #ddd;*/
	border-radius:4px;
}
ul#order_type_cbox li{
	height: 17px;
	line-height:15px;
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	border:none;
}
/*ul#order_type_cbox li{
	float: left;
	background-color: #FFF;
	border-radius:2px;
	margin:0 7px 7px 0;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 3px;
}*/
ul#order_type_cbox li span{
	margin: 0;
}
ul#order_type_cbox input{
	margin: 0px 7px 0 10px ;
	vertical-align: middle;
}

/*こだわり*/

select#set_type1a{
	width: 220px;
	margin: 1px 15px 0 0;
}

/*航空会社*/

select#set_carrier{
	width: 200px;
	height: 20px;
	margin: 1px 0 0 0;
	padding: 0;
}
#set_type3_1,#set_type2_1{
	margin: 0 0 0 5px ;
	padding: 0;
	vertical-align: middle;
}
.sbcontents ul li span.carrier-txt{
	margin: 0;
}


/*出発日*/
#set_min_date{
	width: 140px;
	height: 17px;
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

#order_date img{
	margin: 1px 15px 0 5px;
	padding: 0;
}


/*滞在日数&旅行代金*/
select#set_min_days,
select#set_min_price{
	width: 50px;
	margin: 0 3px 0 0;
	padding: 0;
}
select#set_max_days,
select#set_max_price{
	width: 50px;
	margin: 0 3px 0 5px;
	padding: 0;
}
#order_days span.tail{
	margin: 0;
	padding: 0;
}
#order_days span.tail{
	margin: 0 3px 0 0;
	padding: 0;
}
#order_days{
	margin: 0 15px 0 0;
}

/*受付方法*/

#order_stype span{
	margin: 0;
}
#set_pub_o_1,#set_pub_o_2{
	margin: 0px 5px 0 5px ;
	vertical-align: middle;
}
#set_sale_t{
	width: 220px;
	height: 20px;
}

/*ツアーコード*/

#set_tourcode{
	width: 140px;
	height: 17px;
	margin: 1px 15px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

/*キーワード*/

#set_keyword{
	width: 260px;
	height: 17px;
	margin: 1px 15px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

/* =======================================
	検索btn
======================================= */

.sb_bt{
	width: 590px;
	margin: 10px auto 0;
}

#set_send{
	width: 336px;
	height: 36px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	/*background-color:#87CEFA;*/
	color: #fff;
	font-weight: bold;
	float: left;
	margin: 0 15px 6px 0;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	font-size:16px;
	padding:6px 0 0 0;
	box-shadow:2px 2px #444;
}
#set_send:hover{
	background-color:#20303B;
	color: #FFF;
	cursor: pointer;
}

#set_reset_btn{
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	background-color:#EEE;
	color: #20303B;
	float: left;
	margin: 0 15px 0 0;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#set_reset_btn a{
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#set_reset_btn a:hover{
	display: block;
	background-color:#666;
	color: #20303B;
	text-decoration: none;
	cursor: pointer;
}