@charset "utf-8";

/*=========================================================================
種別 ：
左ナビゲーションスタイル
適用 ：
K-1/
=========================================================================*/

/*=========================================================================
 左ナビゲーション新スタイル/Top：200911
=========================================================================*/

#topLeft {
 float: left;
 width: 200px;
 font-size: 12px;
 line-height: 140%;
}

#Left h4 {
 font-size: 100%;
}

#topLeft .searchContainer {
 width: 200px;
 background: url(../images/top/upperzone_bg.gif) repeat-y;
}

#topLeft .searchContainer-btm {
 width: 200px;
 background: url(../images/top/upperzone_btm.gif) no-repeat left bottom;
}

#topLeft .searchContainer.condition h3 {
 width: 200px;
 height: 32px;
 background: url(../images/top/h3_narrows_condition.gif) no-repeat;
}

/*=========================================================================
 左ナビゲーション新スタイル/コンテンツ内部：200911
=========================================================================*/

#LeftTop {
 float: left;
 width: 200px;
}

#Left {
 float: left;
 width: 190px;
 font-size: 12px;
 line-height: 140%;
}

#Left h4 {
 font-size: 100%;
}

#Left .searchContainer {
 width: 190px;
 background: url(../images/bg_serch_container.gif) repeat-y left bottom;
}

#Left .searchContainer h3 {
 width: 190px;
 height: 32px;
}

#Left .searchContainer.condition h3 {
 background: url(../images/h3_condition.gif) no-repeat;
}

#Left .searchContainer.area h3 {
 background: url(../images/kkmHEAD_area-2.gif) no-repeat;
}

#Left .searchContainer.cndn h3 {
 background: url(../images/kkmHEAD_jouken-2.gif) no-repeat;
}

#Left .searchContainer.basic h3 {
 background: url(../images/kkmHEAD_basic.gif) no-repeat;
}

#Left .searchContainer.jouken h3 {
 background: url(../images/s4HEAD_jouken.gif) no-repeat;
}

.searchContainer.areaPurpose h3 {
 background: url(../images/kkmHEAD_purpose.gif) no-repeat;
 width: 188px;
 height: 26px;
}

#Left .searchContainer.areaR h3 {
 background: url(../images/kkmHEAD_area01.gif) no-repeat;
}

#Left .searchContainer.joukenB2 h3 {
 background: url(../images/kkmHEAD_joukenB2-2.gif) no-repeat;
}

/*=========================================================================
ナビゲーション新スタイル/共通：20091106
=========================================================================*/

.searchContainer.areaPurpose ul li {
 background: url(../images/icon/icn_arrow_box.gif) no-repeat 0 2px;
 padding-left: 15px;
 padding-top: 1px;
 padding-bottom: 3px;
 line-height: 1.3;
}

.searchContainer.areaPurpose ul.step2 li {
 background: url(../images/icon/icn_arrow_box_s.gif) no-repeat 0 4px;
 padding-top: 1px;
 padding-left: 10px;
 margin-left: 10px;
 padding-bottom: 2px;
}

#Left .searchContainer.cndn dl.kodawari dd , dl.kodawari dd {
 float: left;
 padding-left: 10px;
 padding-top: 3px;
}

/* B　条件からツアーを探す */

.day_jouken {
 padding: 0 0 0 3px;
 margin: 0;
}

.searchContainer.areaB31-01 h3 {
 background: url(../images/side_areab31_01.gif)  no-repeat;
 width: 188px;
 height: 26px;
}

.searchContainer.areaB31-01 dl {
 clear: both;
 padding: 0px;
 margin: 0px;
}

.searchContainer.areaB31-01 dt,
.searchContainer.areaB31-01 dd {
 font-weight: normal;
 text-align: left;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 padding: 3px 0px 3px 5px;
 margin: 1px 0px 1px 0px;
}

.searchContainer.areaB31-01 dt.choice,
.searchContainer.areaB31-01 dd.choice {
 background-color: #FF9900;
 border: 1px solid #CCCCCC;
 padding: 3px 0px 3px 5px;
 margin: 1px 0px 1px 0px;
}

.searchContainer.areaB31-01 dt.choice a,
.searchContainer.areaB31-01 dd.choice a {
 color: #FFFFFF;
 text-decoration: none;
}

.searchContainer.areaB31-01 dl.w82 dt {
 clear: both;
 width: 77px;
 float: left;
}

.searchContainer.areaB31-01 dl.w82 dd {
 width: 77px;
 float: right;
}

.searchContainer.areaB31-01 dl.w55 dt {
 width: 53px;
 float: left;
 text-align: center;
 padding: 3px 0px 3px 0px;
}

.searchContainer.areaB31-01 dl.w55 dd {
 width: 53px;
 float: left;
 margin: 1px;
 text-align: center;
 padding: 3px 0px 3px 0px;
}

.searchContainer.areaB31-01 dl.w55 dt.choice,
.searchContainer.areaB31-01 dl.w55 dd.choice {
 padding: 3px 0px 3px 0px;
}

.searchContainer.areaB31-02 h3 {
 background: url(../images/side_areab31_02.gif)  no-repeat;
 width: 188px;
 height: 26px;
}

/* B-3-1 */

#radioBtn {
 width: 100%;
}

.Left-contents {
 _zoom: 1;
 overflow: hidden;
 width: 100%;
 background: url(../images/k1_line.gif) no-repeat 0 bottom;
 padding-bottom: 8px;

}

#topLeft .Left-contents {
 position: relative;
}

.noneLine {
 background-image: none;
 padding-bottom: 0;
}

.Left-contentsB2 {
 _zoom: 1;
 overflow: hidden;
 width: 100%;
 margin-top: 2px;
}

.combineImg {
 position: absolute;
 top: 0;
 right: 5px;
}

/* 基本条件パート */

table.typeL {
 margin-bottom: 8px;
}

table.typeL th {
 width: 40px;
}

table.typeL th , table.typeL td {
 padding: 2px 3px;
}

table.typeL th.top {
 vertical-align: top;
}

.line {
 height: 3px;
 border-top: 1px solid silver;
 font-size: 0;
 line-height: 0;
}

.change {
 margin-right: auto;
 margin-left: auto;
 padding-top: 0;
 padding-bottom: 5px;
 text-align: center;
}

.change input {
 display: block;
 padding-top: 3px;
 width: 150px;
 margin-right: auto;
 margin-left: auto;
}

.onemore {
 padding-top: 5px;
}

.basic-btm {
 padding-bottom: 15px !important;
}

/* 基本条件パート */

.searchContainer .New-Left {
 padding: 5px 8px 22px;
 text-align: left;
}

.searchContainer .New-Left2 {
 padding: 5px 5px 22px;
 text-align: left;
}

.searchContainer .New-LeftB2 {
 padding: 5px;
 text-align: left;
 position: relative;
}

.searchContainer .txt100 {
 font-size: 100%;
}

.searchContainer .atation {
 _zoom: 1;
 overflow: hidden;
 margin: 2px 0px 3px;
 border: 1px solid #CCCCCC;
 padding: 3px 1px 2px 1px;
 font-size: 85%;
 line-height: 120%;
}

.searchContainer .atation li {
 float: left;
 padding-right: 1px;
 font-size: 85%;
}

/*
 フォームパーツ
--------------------------------------*/

/* ボーダー */

.searchContainer select,
.searchContainer input {
 
}

.searchContainer input.no-style {
 border: 0px;
 vertical-align: middle;
}

/*
 検索ボタン
-------------------------------------------------------------------------*/

/* 検索（大） */

.searchContainer .btnSearchL a {
 display: block;
 background: url(../images/btn/btn_search_l.gif) no-repeat;
 width: 120px;
 height: 31px;
 margin-left: auto;
 margin-right: auto;
}

/*
 各項目タイトル：H4
-------------------------------------------------------------------------*/

.searchContainer.condition h4 {
 margin: 0;
 padding: 3px 0px 3px 23px;
}

.searchContainer.condition h4.air {
 background: url(../images/icon/icon_ttl_koukuu.gif) no-repeat 0 center;
}

.searchContainer.basic h4{
   margin: 5px 0px;
 padding: 3px 0px 3px 23px; 
}
.searchContainer.basic h4.air {
 background: transparent url(../images/icon/icon_ttl_koukuu.gif) no-repeat 0 center;
}

.searchContainer.condition h4.shukuhaku {
 background: url(../images/icon/icon_ttl_shukuhaku.gif) no-repeat 0 center;
}

.searchContainer.condition h4.rentcar {
 background: url(../images/icon/icon_ttl_rentcar.gif) no-repeat 0 center;
}
.searchContainer.basic h4.rentcar {
 background: url(../images/icon/icon_ttl_rentcar.gif) no-repeat 0 center;

}
/*
 各項目タイトル：第二階層｜area｜スタイル
-------------------------------------------------------------------------*/

.searchContainer.area h4 {
 margin: 0px 0px 0px 0px;
 background: none;
 border: none;
 padding: 3px 0px 0px 0px;
}

.searchContainer.area li {
 margin: 2px 0px;
}

/*
 各項目タイトル：第二階層｜cndn｜スタイル
-------------------------------------------------------------------------*/

.searchContainer.cndn h4 {
 margin: 5px 0px 0px 0px;
 background: none;
 border: none;
 padding: 3px 0px 0px 0px;
}

.searchContainer.jouken h4 {
 background-image: url(../images/icon/icn_h4.gif);
 background-repeat: no-repeat;
 border-width: 1px 0px 1px 0px;
 border-style: solid;
 border-color: #CCCCCC;
 padding: 3px 0px 3px 10px;
 background-position: left center;
 width: 168px;
 float: left;
 margin: 0 0px 3px;
}

.searchContainer.cndn h5 {
 margin: 5px 0px 5px 0px;
 color: #FFFFFF;
 background-color: #999999;
 padding: 3px 5px 3px 5px;
 font-weight: normal;
}

.searchContainer.cndn li input {
 display: none;
}

.searchContainer.cndn li {
 border-width: 1px;
 border-style: solid;
 border-color: #CCCCCC;
 padding: 3px 5px 3px 5px;
 margin: 0px 0px 3px 0px;
}

.searchContainer.cndn li.on {
 background-color: #f90;
}

.searchContainer.cndn li.on a , .searchContainer.cndn li.off a {
 color: white;
}

.searchContainer.cndn li.off {
 background-color: #cbcbcb;
 color: white;
}

.searchContainer.jouken li input {
 display: none;
}

.searchContainer.jouken li {
 border-width: 1px;
 border-style: solid;
 border-color: #CCCCCC;
 padding: 3px 5px 3px 5px;
 margin: 0px 0px 3px 0px;
}

.searchContainer.jouken li.on {
 background-color: #f90;
}

.searchContainer.jouken li.on a , .searchContainer.jouken li.off a {
 color: white;
}

.searchContainer.jouken li.off {
 background-color: #cbcbcb;
 color: white;
}

/*
 左ナビゲーション表通の設定
-------------------------------------------------------------------------*/

.open_tab {
 margin-top: 5px;
 font-size: 83.4%;
 /*margin-left: 8px;*/
 margin-left: 2px;
}

.searchContainer dl {
 padding: 6px 0px 0px;
 line-height: 0.9;
}

.searchContainer dt {
 float: left;
 font-weight: bold;
 margin: 0px 0px 0px 0;
 padding-top: 2px;
 padding-bottom: 0;
 line-height: 1;
}

.searchContainer dt.time-style {
 margin: 0px 0px 0px 5px;
 display: inline;
}

.searchContainer dd {
 float: right;
}

/* 人数部分スタイル */

.searchContainer dl.capa {
 
}

.searchContainer dl.capa dt {
 float: left;
 font-weight: bold;
 width: 40px;
}

.searchContainer dl.capa dd {
 float: right;
 padding-top: 1px;
 padding-bottom: 1px;
}

.searchContainer dl.capa dd.tx {
 float: right;
 white-space: nowrap;
 margin-top: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
}

.searchContainer dl.capa dd.txxx {
 float: left;
 white-space: nowrap;
 margin-top: 5px;
 margin-left:1px;
 padding-top: 1px;
 padding-bottom: 1px;
}

.searchContainer dl.capa dd div#cild {
 width: 170px;
}

.searchContainer dl.capa .sizeSS {
 width: 60px;
}

.searchContainer dl.capa .sizeSSS {
 width: 50px;
}

.searchContainer dl.capa ul {
}

.searchContainer dl.capa li {
 float: left;
 padding-top: 1px;
 line-height: 1.1;
}

.searchContainer dl.capa li.right {
 float: right;
 margin-top: -3px;
 _margin-top: -1px;
}

.searchContainer dl.capa li.right select {
 padding: 0;
 margin: 0;
}

/*
 条件で絞り込む：カレンダーリンク（旧定義を流用）
--------------------------------------*/

.searchContainer a.calenderAnc {
 background: url(../images/icon/icn_calender.gif) no-repeat 0 center;
  padding: 2px 0 2px 20px;
 line-height: 1;
}

.searchContainer a.searchMap {
  background: url(../images/icon/icon-map.gif) no-repeat 0 center;
 padding-left: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
 display:block;
 height:12px;
}

/*
 ANA・トヨタレンタカーの設定
-------------------------------------------------------------------------*/

.searchContainer .FontBold {
 font-weight: bold;
 font-size: 120%;
}

.searchContainer .rnt-car {
 padding: 3px 10px 2px 10px;
 color: #FFFFFF;
 background-color: #999999;
}

/*
 左ナビフォームスタイルの設定
-------------------------------------------------------------------------*/

.searchContainer .sizeLL {
 width: 140px;
}

.searchContainer .sizeL {
 width: 125px;
}

.searchContainer .sizeM {
 width: 110px;
}

.searchContainer .sizeS {
 width: 72px;
}

.searchContainer .sizeSS {
 width: 40px;
}

/*
画像置換：共通
--------------------------------------*/

/* 文字隠し（ボタンを作成したらセレクタを連結） */

.searchContainer .btnSearchL span,
.searchContainer h3 span {
 display: inline-block;
 height: 0;
 width: 0;
 overflow: hidden;
 position: absolute;
}

/*
クリアオブジェクトまとめ
=========================================================================*/

.searchContainer dl.capa:after, 
.searchContainer dl:after, 
.searchContainer-btm:after, 
.searchContainer dl.capa dd ul:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.searchContainer dl.capa,
.searchContainer dl,
.searchContainer-btm,
.searchContainer dl.capa dd ul {
 display: inline-block;
}

/* \*/

* html .searchContainer dl.capa,
* html .searchContainer dl,
* html .searchContainer-btm, 
* html .searchContainer dl.capa dd ul {
 height: 1%;
}

.searchContainer dl.capa,
.searchContainer dl,
.searchContainer-btm, 
.searchContainer dl.capa dd ul {
 display: block;
}

/* */

/* チェックボックス部のデザイン */

.checkboxContainer {
 _zoom: 1;
 overflow: hidden;
}

.clear {
 clear: both;
}

#res1 {
 margin-top: 15px;
}

.checkboxContainer ul li a {
 display:block;
 width: auto;
}

.checkboxContainer#group1 ul li, 
.checkboxContainer#group2 ul li, 
.checkboxContainer#group3 ul li, 
.checkboxContainer#group4 ul li, 
.checkboxContainer#group5 ul li {
 cursor: pointer;
 padding: 3px 5px 3px 5px;
 margin: 0px 0px 3px 0px;
 background: #FFFFFF;
 border: 1px solid #CCCCCC;
 clear: both;
 color: #0000CC;
 text-decoration: underline;
}

.checkboxContainer#group1 ul {
 overflow:hidden;
}

.checkboxContainer#group1 ul li,
.checkboxContainer#group2 ul li {
 width: 76px;
 float:left;
 clear:none;
 margin-right:2px;
}

.checkboxContainer#group3 ul li,
.checkboxContainer#group5 ul li {
 width: 45px;
 float:left;
 clear:none;
 margin-right:2px;
}

.checkboxContainer#group4 ul li {
 width: 162px;
}

.checkboxContainer ul li.checked {
 background: orange !important;
 color: white !important;
 text-decoration: underline !important;
}

.checkboxContainer ul li.checked a {
 color: white !important;
}

.checkboxContainer ul li.checkOff {
 background-color: #cbcbcb !important;
 color: white !important;
 text-decoration: none !important;
}

/*#group1 .checkbox-group1.checkbox , #group2 .checkbox-group2.checkbox {
 cursor: pointer;
 padding: 3px 5px 3px 5px;
 background: #FFFFFF;
 border: 1px solid #CCCCCC;
 float: left;
 width: 77px;
 color: blue;
 text-decoration: underline;
 clear: none;
 margin: 0px 0 3px 0px;
}*/

/*#group3 .checkbox-group3.checkbox , #group5 .checkbox-group5.checkbox {
 cursor: pointer;
 margin: 0px 0px 3px 0px;
 background: #FFFFFF;
 border: 1px solid #CCCCCC;
 clear: none;
 float: left;
 color: blue;
 text-decoration: underline;
 width: 45px;
 padding: 3px 5px 3px 6px;
}*/

.LM2 {
 margin-right: 2px !important;
}

.LM1 {
 margin-right: 1px !important;
}

.checkbox input {
 display: none;
}

.checkbox.checked {
 background: orange !important;
 color: white !important;
 text-decoration: underline !important;
}

.checkbox.checkOff {
 background-color: #cbcbcb !important;
 color: white !important;
 text-decoration: underline !important;
}

/* キャンペーン部 */

.flatContainer {
 _zoom: 1;
 overflow: hidden;
}

.flatContainer.upinfo {
 clear: both;
}

.flatContainer h3 {
 padding: 7px 9px 2px;
 color: #686868;
 background: #e6e6e6 url(../../common/images/top/bg_flat_h3.gif) no-repeat;
}

.flatContainer .inner {
 border-color: #CDCDCD;
 border-style: none solid solid;
 border-width: 1px;
 padding: 10px;
}

.flatContainer .inner li {
 text-indent: -1.2em;
 padding-left: 1.2em;
 padding-bottom: 3px;
}

/* オープン／クローズの▶アイコン */

img.ar {
 padding-right: 3px;
 vertical-align: middle;
}