@charset "utf-8";
/* 特集用検索パーツ
---------------------------------------------------------- */


div.radio.hover span,
div.radio span{background:url(/tour/common/tour_sys/images/radio.png) no-repeat 0 0;}

div.checker.hover span,
div.checker span{background:url(/tour/common/tour_sys/images/check.png) no-repeat 0 0;}

div.radio span.checked,
div.checker span.checked{background-position:0 -14px;}

img.ui-datepicker-trigger{vertical-align:middle;}

.searchArea{
border:1px solid #e4e4e4;
width:240px;}

.searchArea.v2{border:none;}

.searchArea.v2 .searchBox{
border:1px solid #e4e4e4;
padding:10px 0 0;}

.searchArea .moreArea{
background:#E3F0FF;
padding:10px 0;}

.searchArea .searchTitle{
background:url(/tour/common/tour_sys/images/search/sp_search/h2_icon.gif) no-repeat 5px 8px #E3F0FF;
border:1px solid #fff;
border-bottom:2px solid #5983D7;
margin:0 0 10px;
padding:8px 10px 3px 45px;}

.searchArea.v2 .searchTitle{
background:url(/tour/common/tour_sys/images/search/sp_search/h2_icon2.gif) no-repeat 0 0;
border:none;
margin:0 0 2px;
padding:8px 10px 8px 40px;}

.searchArea .searchTitle h2{
border:none;
font-size:120%;
margin:0;
padding:0;}

.searchArea .searchTitle p{
font-size:85%;
margin:0;}

.searchArea dl{
margin:0 0 10px;
padding:0 10px;}

.searchArea dl dt{
font-size:110%;
font-weight:bold;
margin:0 0 5px;}

.searchArea dl dd{margin:0;}

.searchArea .btn{
margin:20px auto 0;
text-align:center;}

.searchArea .btn:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";;}

.searchArea select{font-size:85%;}

.searchArea ul{margin:0;}

.searchArea ul li{margin:5px 0 0;}

.searchArea ul li:first-child{margin:0;}


/* 主要項目　（出発地～航空会社を選ぶ）背景白
---------------------------------------------------------- */

.searchArea dl dd:before,
.searchArea dl dd:after{
content:"";
display:table;;}

.searchArea dl dd:after{clear:both;;}

.searchArea dl dd{zoom:1;/* For IE 6/7 */;}

.searchArea dl .areaLeft{
background:url(/tour/common/tour_sys/images/search/ico_02.gif) no-repeat 100% 4px;
float:left;
margin:0 10px 0 0;
padding:0 15px 0 0;}

.searchArea dl .areaRight{float:left;}

.searchArea dl .areaLeft select,
.searchArea dl .areaRight select{width:96px;}

.searchArea dl .areaCenter{
clear:both;
padding:10px 0 0;}

.searchArea dl .areaCenter select,
.searchArea dl .areaCenter input{width:220px;}

.searchArea dl dd > label{
display:inline-block;
margin:0 5px 3px 0;}

.searchArea dl dd > select{margin:0 5px 0 0;}

.searchArea dl.date .h3cont > select{margin:0;}

.searchArea dl dd select + label{font-size:85%;}

.searchArea dl dd .smallLabel{font-size:85%;}

/*便名～マイレージの文字サイズ縮小
.searchArea dl dd label.note{font-size:85%;}*/


/* こだわり項目　（レンタカー付き～キーワード）背景薄水色
---------------------------------------------------------- */

/*青背景の文字サイズ縮小
.searchArea .moreArea dl dd label{font-size:85%;}*/