@charset "utf-8";

/**  style.css Menu *********************************************

  ・汎用class
  ・地域トップ
  ・地域詳細
  ・ホテルトップ
  ・ホテル検索結果
  ・ホテル詳細
  ・格安航空券パック
  ・右エリア
  ・お知らせ

*******************************************************************/

/*-----------------------------------------------------------------

  汎用class

------------------------------------------------------------------*/

/* タイトル
--------------------------------------*/
h2.title{
margin-bottom:-4px;
}

h3.title{
background:url(../images/tit_green_bg.gif) no-repeat 0 0;
margin-bottom:10px;
font-size:116.7%;
color:#FFF;
}
h3.title span{
display:block;
background:url(../images/tit_green_bg.gif) no-repeat -708px 100%;
padding:6px 12px 5px;
}



/* テキスト
--------------------------------------*/
.txtwhite{
color:#ffffff;
}
.txtsmall{
font-size:83.3%;
}
.txtbig{
font-size:150%;
font-weight:bold;
}


/* 価格表示
--------------------------------------*/
.txtprice{
font-weight:bold;
color:#ff0000;
font-size:116.7%;
}
p.txtprice span,
span.txtprice{
background:url(../images/ico_pri.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}


/* 交通手段表示
--------------------------------------*/
p.access{
background:url(../images/ico_access.gif) no-repeat 0 .1em;
padding-left:30px;
margin:0 0 9px;
}


/* 設定期間
--------------------------------------*/
p.term{
background:url(../images/ico_term.gif) no-repeat 0 .1em;
padding-left:48px;
margin:0 0 9px;
}


/* 写真（画像）
--------------------------------------*/
img.border{
border:1px solid #E5E5E5;
background:#FFF;
padding:1px;
}



/* リスト
--------------------------------------*/
ul.arrow li{
background:url(../images/arr_link.gif) no-repeat left 0.6em;
padding:0 0 0 13px;
}
ul.arrow li.noArr{
background:url(none);
padding:0;
}



/* 地図（ボタン配置）
--------------------------------------*/
dl.map{
position:relative;
}
dl.map dt img{
vertical-align:middle;
}
dl.map dd ul li{
position:absolute;
top:0;
left:0;
font-size:0;
line-height:0;
}
dl.map dd ul li a:hover{
position:relative;
top:1px;
}



/* 検索枠（table）
--------------------------------------*/
table.search{}
table.search th{
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
background:#7ABEC9;
text-align:left;
}
table.search td{
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
background:#F4F4F4;
padding:0 0 0 10px;
}
table.search td.radio label{
float:left;
display:block;
margin:1px 3px 1px 0;
}
table.search label{
white-space:nowrap;
}
table.search label input{
vertical-align:middle;
margin-bottom:2px;
}
table.search td img.calender{
vertical-align:text-bottom;
}
table.search td img.pulldown{
margin-left:5px;
padding-bottom:1px;
vertical-align:middle;
}



/* タブ切替
--------------------------------------*/
ul.tab{}
ul.tab li{
float:left;
margin-right:1px;
overflow:hidden;
}
ul.tab li a{
float:left;
display:block;
overflow:hidden;
}
ul.tab .select img{
width:0;
height:0;
}



/* ページング
--------------------------------------*/
div.pagingArea{
margin:10px 0 0;
line-height:1;
}
div#pagingTop{
margin-top:20px;
}
div.pagingArea .items{
float:left;
}
div.pagingArea .items .itemsFocus{
font-weight:bold;
color:#e60011;
}
div.pagingArea .number{
float:right;
}
div.pagingArea .number li{
display:inline;
color:#666;
}
div.pagingArea .number li .activeNumber{
font-weight:bold;
color:#e60011;
}



/* flash・フリースペース・バナー
--------------------------------------*/
.flash,
.freeSpace,
.banner,
.bannerbox{
margin-bottom:14px;
}



/* プルダウンウィンドウ　JavaScript生成箇所のスタイル  */
.desc { color:#6b6b6b;}
    .desc a {color:#0092dd;}
    .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
    .dropdown dd { position:relative; z-inde:10000;}
    .dropdown a, .dropdown a:visited { color:#0997E9; text-decoration:none; outline:none;}
    .dropdown dt a span {cursor:pointer; display:block;}
    .dropdown dd ul {
background:none repeat scroll 0 0 #FFFDD8;
    border:1px solid #E4DF89;
color:#0997E9;
display:none;
                      left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;
}
    .dropdown span.value { display:none;}
    .dropdown dd ul li a { width:160px; padding:5px; display:block;}
    .dropdown dd ul li a:hover { background-color:#d0c9af;}    
    .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
    .flagvisibility { display:none;}
#ns{
height:20px;
}





/*-----------------------------------------------------------------

  地域トップ

------------------------------------------------------------------*/

/* バナーエリア（2カラム）
------------------------------------------*/
div.bannerArea2{
clear:both;
background:url(../images/bg_yellow_regimental2.gif) repeat 0 0;
margin-bottom:10px;
width:708px;
overflow:hidden;
}
div.bannerArea2 .inner{
background:url(../images/bg_white_radius_708.gif) no-repeat -708px 100%;
padding:0;
}
div.bannerArea2 p,
div.bannerArea2 ul{
background:url(../images/bg_white_radius_708.gif) no-repeat 0 0;
padding:10px 0 10px 10px;
}
div.bannerArea2 ul li{
float:left;
margin-right:8px;
}
div.bannerArea2 img{
vertical-align:middle;
}


/* flash バナー
------------------------------------------*/
div.flash div#BannerSwitcher{
height:235px;
}



/* 新着ツアー情報
------------------------------------------*/
div#news_tour{
background:url(../images/bg_orange_708_2.gif) no-repeat -1416px 100%;
padding-bottom:9px;
margin-bottom:10px;
width:708px;
}
div#news_tour img{
vertical-align:middle;
}
div#news_tour h2{
background:url(../images/bg_orange_708_2.gif) no-repeat -708px 34px;
padding-bottom:10px;
}
div#news_tour .inner{
background:url(../images/bg_orange_708_2.gif) repeat-y 0 0;
padding:0 15px;
}
div#news_tour ul{
position:relative;
}
div#news_tour ul li{
background:url(../images/bg_dotted.gif) repeat-x 0 0;
padding:5px 5px 4px 7.5em;
line-height:1.3;
}
div#news_tour ul li.first{
background:url(none);
}
div#news_tour ul li span.date{
position:absolute;
left:0;
background:url(../images/ico_memo_orange.gif) no-repeat 0 .15em;
padding-left:13px;
margin-right:10px;
}
* html div#news_tour ul li span.date{left:-7.5em;}

div#news_tour ul li span.txtprice{
display:inline-block;
background-position:0 .15em;
font-size:100%;
}



/* エリアトップ用検索エリア
------------------------------------------*/
div#search_tour{
background:url(../images/bg_yellow_regimental.gif) repeat 0 0;
margin:0 0 14px;
}
div#search_tour .inner{
background:url(../images/bg_white_radius_708.gif) no-repeat -708px 100%;
padding:0 0 10px;
}
div#search_tour .inner .inner{
background:url(../images/bg_white_radius_708.gif) no-repeat 0 0;
padding:10px 10px 0;
}

/* 地図検索 */
div#search_tour div#searchMap{
width:258px;
}
div#search_tour div#searchMap h2{
margin-bottom:10px;
}
div#search_tour div#searchMap .inner{
background:url(none) !important;
padding:0 !important;
}

/* 条件検索 */
div#search_tour div#searchConditional{
float:right;
background:url(../images/bg_blue_420.gif) no-repeat -840px 100%;
padding-bottom:12px;
width:420px;
}
div#search_tour div#searchConditional h2{
background:url(../images/bg_blue_420.gif) no-repeat -420px 43px;
padding-bottom:20px;
}
div#search_tour div#searchConditional .inner{
background:url(../images/bg_blue_420.gif) repeat 0 0 !important;
padding:0 12px 2px !important;
}
div#search_tour div#searchConditional p.btn{
text-align:center;
margin:10px 0 0;
}



/* エリアトップ用タブ切替
------------------------------------------*/
div#tab_tour_from{
background:url(../images/bg_blue_708.gif) no-repeat -708px 100%;
padding-bottom:12px;
margin-bottom:14px;
width:708px;
}
div#tab_tour_from ul.tab li{
background:url(../images/tab_bg.gif) no-repeat 0 0;
width:176px;
height:26px;
cursor:pointer;
}
div#searchConditional ul.tab li{
background:url(../images/bg_searchmenu.gif) no-repeat 0 0;
width:88px;
height:24px;
}
div#tab_tour_from ul.tab li#tab_tour_from_sendai{background-position:-177px 0;}
div#tab_tour_from ul.tab li#tab_tour_from_nagoya{background-position:-354px 0;}
div#tab_tour_from ul.tab li#tab_tour_from_osaka{background-position:-531px 0;}
div#tab_tour_from ul.tab li#tab_tour_from_fukuoka{background-position:-708px 0;width:177px;margin:0;}

div#tab_tour_from .inner{
clear:both;
border-top:2px solid #79bec8;
background:url(../images/bg_blue_708.gif) repeat-y 0 0;
padding:10px 12px 0;
}

div#tab_tour_from .banner{
margin-bottom:10px;
}



/* ツアーランキング
------------------------------------------*/
div#ranking_tour .tab_content{
background:url(../images/bg_green_684.gif) no-repeat -1368px 100%;
padding-bottom:15px;
margin:0 0 10px;
width:684px;
}
div#ranking_tour h3{
background:url(../images/bg_green_684.gif) no-repeat -684px 0;
padding:10px 10px 20px;
position:relative;
}
div#ranking_tour h3 span.departure{
position:absolute;
left:342px;
top:23px;
font-size:116.7%;
color:#468700;
}
div#ranking_tour h3 span.date{
display:inline-block;
position:absolute;
right:20px;
top:20px;
background:url(../images/ico_watch_green.gif) no-repeat 0 50%;
padding:3px 0 3px 22px;
font-weight:normal;
}
div#ranking_tour .inner{
border:none;
background:url(../images/bg_green_684.gif) repeat-y 0 0;
padding:0 10px;
}
div#ranking_tour ol.ranking{
width:664px;
}
div#ranking_tour ol.ranking li{
border-top:1px solid #88c943;
padding:23px 10px 5px;
margin-top:5px;
}
div#ranking_tour ol.ranking li.first{
border:none;
padding-top:13px;
margin-top:0;
}
div#ranking_tour ol.ranking li h4{
margin-bottom:8px;
font-size:133.3%;
line-height:1.25;
}
div#ranking_tour ol.ranking li h4:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div#ranking_tour ol.ranking li h4{display:inline-block;}
/*\*/
* html div#ranking_tour ol.ranking li h4{height:1%;}
div#ranking_tour ol.ranking li h4{display:block;}
/**/

div#ranking_tour ol.ranking li h4 img{
float:left;
margin:-13px 10px 0 0;
position:relative;
z-index:1;
}
div#ranking_tour ol.ranking li .thumbnail{
clear:left;
float:left;
margin-right:10px;
}



/* おすすめツアー
------------------------------------------*/
div#recommend_tour .tab_content{
background:url(../images/bg_pink_684.gif) no-repeat -1368px 100%;
padding-bottom:15px;
width:684px;
}
div#recommend_tour h3{
background:url(../images/bg_pink_684.gif) no-repeat -684px 0;
padding:10px 10px 20px;
position:relative;
}
div#recommend_tour h3 span.departure{
position:absolute;
left:260px;
top:23px;
font-size:116.7%;
color:#b20000;
}
div#recommend_tour .inner{
border:none;
background:url(../images/bg_pink_684.gif) repeat-y 0 0;
padding:0 10px;
}

div#recommend_tour ul{
width:664px;
}
div#recommend_tour ul li{
border-top:1px solid #ff6f6f;
padding:10px 10px 5px;
margin-top:5px;
}
div#recommend_tour ul li.first{
border:none;
padding-top:0;
margin-top:0;
position:relative;
z-index:1;
}
div#recommend_tour ul li h4{
margin:0 0 5px;
font-size:133.3%;
line-height:1.25;
}
div#recommend_tour ul li .thumbnail{
float:left;
margin-right:10px;
}



/* ○○で探す（ホテル・値段・内容）
------------------------------------------*/
div.search_category{
background:url(../images/bg_green_668.gif) no-repeat -668px 100%;
padding-bottom:12px;
margin:0 0 14px 20px;
width:668px;
overflow:hidden;
}
div.search_category ul{
background:url(../images/bg_green_668.gif) repeat-y 0 0;
padding:0 0 0 25px;
}
div.search_category ul li{
float:left;
margin:10px 20px 0 0;
}
div.search_category ul li img{
vertical-align:top;
}

/* お値段重視で探す */
div#categoryPrice,
div#categoryPrice ul{background-image:url(../images/bg_orange_668.gif);}

/* 内容豊富なツアーを探す */
div#categoryTour,
div#categoryTour ul{background-image:url(../images/bg_blue_668.gif);}





/*-----------------------------------------------------------------

  地域詳細

------------------------------------------------------------------*/

/* イチオシホテル
------------------------------------------*/
div#hotelPickup{
background:url(../images/bg_pink_708.gif) no-repeat -1416px 100%;
padding:0 0 20px;
margin:0 0 14px;
width:708px;
}
div#hotelPickup h2{
position:relative;
background:url(../images/bg_pink_708.gif) no-repeat -708px 0;
padding:10px 0 20px 10px;
}
div#hotelPickup img{
vertical-align:top;
}
div#hotelPickup .inner{
background:url(../images/bg_pink_708.gif) repeat-y 0 100%;
padding:0 10px 0 20px;
}

div#hotelPickup h3{
margin:0 10px 6px 0;
font-size:133.3%;
line-height:1.25;
}
div#hotelPickup h3 .area{
float:right;
font-weight:normal;
}
div#hotelPickup h4{
margin:0 10px 8px 0;
}
div#hotelPickup .thumbnail{
float:left;
margin-right:10px;
}
div#hotelPickup p{
margin:0 10px 0 0;
}
div#hotelPickup p.txtprice{
margin:0 10px 3px 0;
font-size:133.3%;
}
div#hotelPickup ul.departure li{
float:left;
margin-right:1px;
}



/* 宿泊施設一覧
------------------------------------------*/
div#tourHotel{
background:#faf8d7 url(../images/bg_white_radius_708.gif) no-repeat -708px 100%;
padding:0 0 1px 10px;
margin-bottom:14px;
width:698px;
}
div#tourHotel h3.title{
margin:0 0 7px -10px;
}
div#tourHotel h4{
background:url(../images/ico_hotel_s.gif) no-repeat 0 50%;
padding:10px 0 10px 36px;
margin-bottom:2px;
font-size:116.7%;
}
div#tourHotel p{
margin:0 10px 7px 0;
}
div#tourHotel .description{
background:url(../images/bg_green_688.gif) no-repeat 0 100%;
margin:0 10px 7px 0;
}
div#tourHotel .description p{
background:url(../images/bg_green_688.gif) no-repeat -688px 0;
padding:4px 5px 1px;
margin:0 0 3px !important;
line-height:1.4;
}
div#tourHotel .description .floatleft{
margin:1px 10px 0 0;
}

/* ホテル一覧 */
ul.hotelList{
margin-bottom:8px;
}
ul.hotelList li{
float:left;
display:inline;
background:url(../images/bg_white_224.gif) repeat-y 0 0;
margin:0 8px 0 0;
width:224px;
line-height:1.3;
}
ul.hotelList li h5{
background:url(../images/bg_white_224.gif) no-repeat -224px 0;
padding:10px 11px 7px;
}
ul.hotelList li .inner{
background:url(../images/bg_white_224.gif) no-repeat -448px 100%;
padding:0 9px 11px 11px;
}

ul.hotelList li img{
vertical-align:top;
}
ul.hotelList li .thumbnail{
border:1px solid #e5e5e5;
background:#f4f4f4;
width:152px;
height:117px;
margin:0 auto 10px;
}
ul.hotelList li .thumbnail td{
vertical-align:middle;
text-align:center;
}
ul.hotelList li p{
margin:0 0 5px !important;
}
ul.hotelList li p.access{
margin:5px 0 9px !important;
}
ul.hotelList li ul.departure li{
display:block !important;
background:url(none) !important;
margin:0 2px 0 0 !important;
padding:0;
width:auto !important;
}
ul.hotelList li ul.equipment{
background:url(../images/bg_dotted.gif) repeat-x 0 0;
padding:6px 0 0;
margin-top:5px;
}
ul.hotelList li ul.equipment li{
display:block !important;
background:url(none) !important;
margin:0 3px 0 0 !important;
padding:0;
width:auto !important;
}

/* .pickup */
ul.hotelList li.pickup,
ul.hotelList li.pickup h5,
ul.hotelList li.pickup .inner{
background-image:url(../images/bg_pink_224.gif);
}
ul.hotelList li.pickup .thumbnail{
background:#fff;
}



/* 宿泊施設一覧
------------------------------------------*/
div#tourMap{
margin-bottom:14px;
}
div#tourMap img{
vertical-align:top;
}



/* 観光情報
------------------------------------------*/
div#tourGuide{
margin-bottom:14px;
}
div#tourGuide h3.title{
margin-bottom:2px;
}
div#tourGuide h4{
background:url(../images/ico_spot_s.gif) no-repeat 0 50%;
padding:10px 0 10px 36px;
margin-bottom:2px;
font-size:116.7%;
}

/* スポット一覧 */
ul.spotList{}
ul.spotList li{
float:left;
width:350px;
margin-bottom:10px;
line-height:1.3;
}
ul.spotList li.even{
margin-right:8px;
}
ul.spotList li .thumbnail{
float:left;
}
ul.spotList li h5{
background:#d9eec2 url(../images/bg_double_green.gif) repeat-x 0 0;
padding:8px 5px 2px;
margin:0 0 8px 160px;
}
ul.spotList li p{
margin-left:160px;
margin-bottom:7PX;
}





/*-----------------------------------------------------------------

ホテルトップ

------------------------------------------------------------------*/

/* ホテルトップ用検索エリア
------------------------------------------*/
div#search_hotel{
background:url(../images/bg_yellow_regimental.gif) repeat 0 0;
margin:0 0 14px;
}
div#search_hotel .inner{
background:url(../images/bg_white_radius_708.gif) no-repeat -708px 100%;
padding:0 0 10px;
}
div#search_hotel .inner .inner{
background:url(../images/bg_white_radius_708.gif) no-repeat 0 0;
padding:10px 10px 0;
}

/* 地図検索 */
div#search_hotel div#searchMap{
margin-bottom:9px;
}
div#search_hotel div#searchMap h3{
margin-bottom:10px;
}
div#search_hotel div#searchMap .map h4{
position:absolute;
top:0;
left:0;
}

/* 条件検索 */
div#search_hotel div#searchConditional{
background:url(../images/bg_blue_688.gif) no-repeat -1376px 100%;
padding-bottom:12px;
}
div#search_hotel div#searchConditional h3{
background:url(../images/bg_blue_688.gif) no-repeat -688px 43px;
padding-bottom:20px;
}
div#search_hotel div#searchConditional .inner{
background:url(../images/bg_blue_688.gif) repeat 0 0 !important;
padding:0 12px 2px !important;
}
div#search_hotel div#searchConditional p.btn{
text-align:center;
margin:10px 0 0;
}
div#search_hotel div#searchConditional .checkbox label{
display:block;
float:left;
width:10.6em;
margin:1px 0;
}



/* おすすめホテル・宿ツアー
------------------------------------------*/
div#recommend_hotel{
background:url(../images/bg_pink_708_2.gif) no-repeat -1416px 100%;
padding-bottom:15px;
width:708px;
}
div#recommend_hotel h3{
background:url(../images/bg_pink_708_2.gif) no-repeat -708px 0;
padding:10px 10px 20px;
position:relative;
}
div#recommend_hotel .inner{
border:none;
background:url(../images/bg_pink_708_2.gif) repeat-y 0 0;
padding:0 10px;
}

div#recommend_hotel ul{
width:688px;
}
div#recommend_hotel ul li{
border-top:1px solid #ff6f6f;
padding:10px 10px 5px;
margin-top:5px;
}
div#recommend_hotel ul li.first{
border:none;
padding-top:0;
margin-top:0;
position:relative;
z-index:1;
}
div#recommend_hotel ul li h4{
margin:0 0 5px;
font-size:133.3%;
line-height:1.25;
}
div#recommend_hotel ul li .thumbnail{
float:left;
margin-right:10px;
}





/*-----------------------------------------------------------------

ホテル検索結果

------------------------------------------------------------------*/

/* 北海道のホテル・宿検索結果
------------------------------------------*/
div#result_hotel{
background:url(../images/bg_green_708_2.gif) no-repeat -708px 0;
margin-bottom:14px;
padding-top:5px;
}
div#result_hotel .inner{
background:url(../images/bg_green_708_2.gif) no-repeat 0 100%;
padding:0 10px 15px;
width:688px;
}
div#result_hotel img{
vertical-align:top;
}
div#result_hotel h3{
background:url(../images/bg_green_708_2.gif) no-repeat -1426px 100%;
padding:7px 0 13px 38px;
font-size:166.7%;
line-height:1;
}
div#result_hotel dl{
margin:0 0 5px 5px;
line-height:15px;
}
div#result_hotel dl dt{
float:left;
margin-right:6px;
}
div#result_hotel dl dd{
float:left;
display:block;
margin-left:2px;
text-align:center;
font-size:83.3%;
color:#fff;
}
div#result_hotel dl.service dd{
background:#fe790a;
width:70px;
}
div#result_hotel dl.amenity{
margin-bottom:1px;
}
div#result_hotel dl.amenity dd{
background:#7abd3f;
width:94px;
}



/* ホテル検索結果一覧
------------------------------------------*/
table.resultHotelList{
border-collapse:separate;
border:1px solid #28a4b8;
margin-top:10px;
}
table.resultHotelList img{
vertical-align:top;
}
table.resultHotelList th{
border:1px solid #fff;
background:#28a4b8;
padding:6px 10px 4px;
text-align:left;
color:#fff;
}
table.resultHotelList th h4{
font-size:133.3%;
}
table.resultHotelList th .area{
float:right;
/*margin-top:3px;*/
font-weight:normal;
}
table.resultHotelList th a{color:#fff !important;}
table.resultHotelList th a:link{text-decoration:underline;}
table.resultHotelList th a:visited{text-decoration:underline;}
table.resultHotelList th a:hover{text-decoration:none;}
table.resultHotelList th a:active{text-decoration:underline;}

table.resultHotelList td{
border-left:1px solid #fff;
padding:5px 10px 9px;
}
table.resultHotelList td .thumbnail{
float:left;
margin-top:4px;
}
table.resultHotelList td p,
table.resultHotelList td table{
margin-left:160px;
}
table.resultHotelList td p{
margin-bottom:8px;
}
table.resultHotelList td table.hotelData{
border-collapse:separate;
border:none;
border-top:5px solid #f4f0ae;
border-left:5px solid #f4f0ae;
border-bottom:2px solid #f4f0ae;
background:#f4f0ae;
}
* html table.resultHotelList td table.hotelData{width:522px;}/*IE6*/

table.resultHotelList td table.hotelData th{
border:none;
border-bottom:3px solid #f4f0ae;
background:#d6ca00;
padding:0;
font-size:100%;
line-height:1.1;
}
table.resultHotelList td table.hotelData td{
border:none;
border-bottom:3px solid #f4f0ae;
padding:0 10px;
line-height:1.1;
}





/*-----------------------------------------------------------------

ホテル詳細

------------------------------------------------------------------*/

/* このホテルに泊まるツアー
------------------------------------------*/
div#hotel_tour{
background:url(../images/bg_green_630.gif) no-repeat -630px 0;
margin-bottom:14px;
padding-top:5px;
}
div#hotel_tour .inner{
background:url(../images/bg_green_630.gif) no-repeat 0 100%;
padding:0 10px 15px;
width:610px;
}
div#hotel_tour img{
vertical-align:top;
}
div#hotel_tour h2{
background:url(../images/bg_green_630.gif) no-repeat -1270px 100%;
padding:8px 0 13px 38px;
font-size:166.7%;
line-height:1;
}
div#hotel_tour h2 .area{
float:right;
margin-top:2px;
font-weight:normal;
font-size:70%;
}
div#hotel_tour p{
margin:0 10px;
}
div#hotel_tour .departure{
margin:9px 0 5px 10px;
}
div#hotel_tour .departure li{
float:left;
margin-right:4px;
}



/* ホテルの基本情報
------------------------------------------*/
div#hotel_data{
border:1px solid #7abec9;
margin-bottom:14px;
}
div#hotel_data td.data{
background:url(../images/bg_blue_90.gif) repeat-y 0 0;
width:56%;
vertical-align:top;
}
div#hotel_data td.photo{
border-left:1px solid #7abec9;
padding:10px;
width:44%;
vertical-align:top;
}
div#hotel_data td.data table{
width:100%;
}
div#hotel_data td.data table th,
div#hotel_data td.data table td{
border-top:1px solid #7abec9;
padding:7px 0 4px 5px;
}
div#hotel_data td.data table th{
width:27%;
text-align:left;
color:#64aeb9;
}
div#hotel_data td.data table th.checkOut{
border-right:1px solid #7abec9;
border-left:1px solid #7abec9;
background:#e7f2f4;
}
div#hotel_data td.data table .address{
border-top:none;
}
div#hotel_data td.data table .parkling{
border-bottom:none;
}
div#hotel_data td.data table .homepage{
word-break:break-all;
}
div#hotel_data td.photo .thumbnail{
border:1px solid #e5e5e5;
background:#f4f4f4;
width:252px;
height:190px;
margin:0 auto;
}
div#hotel_data td.photo .thumbnail td{
vertical-align:middle;
text-align:center;
}



/* ホテルインフォメーション
------------------------------------------*/
div#hotel_information{
margin-bottom:15px;
}
div#hotel_information h3{
margin-bottom:10px;
}
div#hotel_information .description{
background:url(../images/bg_yellow_regimental2.gif) repeat 0 0;
margin:0 0 18px;
padding:5px 10px 3px 6px;
}
div#hotel_information .description p{
margin-left:40px;
}
div#hotel_information ul.photo{
margin-bottom:18px;
}
div#hotel_information ul.photo li{
float:left;
background:url(../images/bg_polaroid.gif) no-repeat 0 0;
padding:7px 12px 0 7px;
width:139px;
height:151px;
text-align:center;
overflow:hidden;
}
div#hotel_information ul.photo li.end{
width:137px;
}
div#hotel_information ul.photo li .thumbnail{
border:1px solid #ccc;
background:#f4f4f4;
width:140px;
height:106px;
margin:0 auto 3px;
}
div#hotel_information ul.photo li .thumbnail td{
vertical-align:middle;
text-align:center;
}
div#hotel_information ul.photo li p{
text-align:center;
}



/* イベント・ツアー宿泊者特典・施設情報
------------------------------------------*/
div#hotel_freeSpace{
margin-bottom:15px;
}
div#hotel_freeSpace h3{
margin-bottom:10px;
}



/* サービス設備
------------------------------------------*/
div#hotel_equipment{
margin-bottom:20px;
}
div#hotel_equipment h3{
margin-bottom:10px;
}
div#hotel_equipment ul.equipment li{
display:block;
float:left;
background:url(../images/icon01.gif) no-repeat 0 50%;
padding-left:30px;
margin-bottom:3px;
width:96px;
line-height:25px;
}
div#hotel_equipment ul.equipment li.icon-1{background-image:url(../images/icon01.gif);}
div#hotel_equipment ul.equipment li.icon-2{background-image:url(../images/icon02.gif);}
div#hotel_equipment ul.equipment li.icon-3{background-image:url(../images/icon03.gif);}
div#hotel_equipment ul.equipment li.icon-4{background-image:url(../images/icon04.gif);}
div#hotel_equipment ul.equipment li.icon-5{background-image:url(../images/icon05.gif);}
div#hotel_equipment ul.equipment li.icon-6{background-image:url(../images/icon06.gif);}
div#hotel_equipment ul.equipment li.icon-7{background-image:url(../images/icon07.gif);}
div#hotel_equipment ul.equipment li.icon-8{background-image:url(../images/icon08.gif);}
div#hotel_equipment ul.equipment li.icon-9{background-image:url(../images/icon09.gif);}
div#hotel_equipment ul.equipment li.icon-10{background-image:url(../images/icon10.gif);}
div#hotel_equipment ul.equipment li.icon-11{background-image:url(../images/icon11.gif);}
div#hotel_equipment ul.equipment li.icon-12{background-image:url(../images/icon12.gif);}
div#hotel_equipment ul.equipment li.icon-13{background-image:url(../images/icon13.gif);}
div#hotel_equipment ul.equipment li.icon-14{background-image:url(../images/icon14.gif);}
div#hotel_equipment ul.equipment li.icon-15{background-image:url(../images/icon15.gif);}
div#hotel_equipment ul.equipment li.icon-16{background-image:url(../images/icon16.gif);}
div#hotel_equipment ul.equipment li.icon-17{background-image:url(../images/icon17.gif);}
div#hotel_equipment ul.equipment li.icon-18{background-image:url(../images/icon18.gif);}
div#hotel_equipment ul.equipment li.icon-19{background-image:url(../images/icon19.gif);}
div#hotel_equipment ul.equipment li.icon-20{background-image:url(../images/icon20.gif);}
div#hotel_equipment ul.equipment li.icon-21{background-image:url(../images/icon21.gif);}
div#hotel_equipment ul.equipment li.icon-22{background-image:url(../images/icon22.gif);}
div#hotel_equipment ul.equipment li.icon-23{background-image:url(../images/icon23.gif);}





/*-----------------------------------------------------------------

  格安航空券パック

------------------------------------------------------------------*/

/* 格安航空券パックご利用シーン
------------------------------------------*/
div#bargain_scene{
background:#7abd3f url(../images/bg_green_708_3.gif) no-repeat 0 100%;
margin-bottom:14px;
}
div#bargain_scene img{
vertical-align:top;
}
div#bargain_scene ol li{
float:left;
padding:0 0 10px 10px;
}



/* 格安航空券パックおすすめ人気コース
------------------------------------------*/
div#bargain_recommend{
background:url(../images/bg_pink_708_2.gif) no-repeat -1416px 100%;
padding-bottom:15px;
width:708px;
}
div#bargain_recommend h3{
background:url(../images/bg_pink_708_2.gif) no-repeat -708px 0;
padding:10px 10px 20px;
position:relative;
}
div#bargain_recommend .inner{
border:none;
background:url(../images/bg_pink_708_2.gif) repeat-y 0 0;
padding:0 10px;
}

div#bargain_recommend ul{
width:688px;
}
div#bargain_recommend ul li{
border-top:1px solid #ff6f6f;
padding:10px 10px 5px;
margin-top:5px;
}
div#bargain_recommend ul li.first{
border:none;
padding-top:0;
margin-top:0;
position:relative;
z-index:1;
}
div#bargain_recommend ul li h4{
margin:0 0 5px;
font-size:133.3%;
line-height:1.25;
}
div#bargain_recommend ul li .thumbnail{
float:left;
margin-right:10px;
}



/* 格安航空券パック・検索結果
------------------------------------------*/
div#bargain_result{
background:url(../images/bg_green_708_4.gif) repeat-y 0 0;
margin-bottom:14px;
width:708px;
}
div#bargain_result .inner{
background:url(../images/bg_green_708_4.gif) no-repeat -1416px 100%;
padding:0 0 15px;
}
div#bargain_result img{
vertical-align:top;
}
div#bargain_result h3{
background:url(../images/bg_green_708_4.gif) no-repeat -708px 0;
padding:12px 0 8px 48px;
font-size:166.7%;
line-height:1;
}
div#bargain_result dl{
margin:0 10px;
}
div#bargain_result dl dt{
background:#fff;
padding-bottom:7px;
}
div#bargain_result dl dd{
margin:0 10px;
}
div#bargain_result dl dd h4{
margin-bottom:5px;
}

/* column2 */
div#bargain_result dl.column2{
background:url(../images/bg_dotted_green.gif) repeat-y 50% 0;
}
div#bargain_result dl.column2 dd{
float:left;
display:inline;
width:324px;
}



/* 格安航空券パック・ホテル一覧
------------------------------------------*/
div#bargain_hotel{
background:#faf8d7 url(../images/bg_white_radius_708.gif) no-repeat -708px 100%;
padding-bottom:10px;
width:708px;
}
div#bargain_hotel .inner{
background:#faf8d7 url(../images/bg_white_radius_708.gif) no-repeat 0 0;
}
div#bargain_hotel img{
vertical-align:top;
}

/* ホテル一覧 */
div#bargain_hotel ul.hotelList{
margin-bottom:0;
}
div#bargain_hotel ul.hotelList li{
display:inline;
margin:10px 0 0 10px;
background:url(../images/bg_white_339.gif) repeat-y 0 0;
width:339px;
line-height:1.3;
overflow:hidden;
}
div#bargain_hotel ul.hotelList li h4{
background:url(../images/bg_white_339.gif) no-repeat -339px 0;
padding:10px 11px 7px;
}
div#bargain_hotel ul.hotelList li h4 span.area{
float:right;
font-weight:normal;
}
div#bargain_hotel ul.hotelList li .inner{
background:url(../images/bg_white_339.gif) no-repeat -678px 100%;
padding:0 11px 11px 11px;
}
div#bargain_hotel ul.hotelList li .thumbnail{
float:left;
width:102px;
height:77px;
margin-right:0;
margin-left:0;
}
div#bargain_hotel ul.hotelList li p{
margin:0 0 5px 112px !important;
}
div#bargain_hotel ul.hotelList li p.txtprice{
font-weight:normal;
font-size:100%;
}
div#bargain_hotel ul.hotelList li ul.departure{
clear:both;
}

/* ホテルの設備＆サービスマークのご案内 */
div#bargain_hotel .equipment_information{
background:url(../images/bg_yellow_688.gif) no-repeat 0 100%;
margin:10px 10px 0;
padding:0 0 11px;
}
div#bargain_hotel .equipment_information ul{
padding:0 11px;
}
div#bargain_hotel .equipment_information ul li{
float:left;
margin:10px 9px 0 0;
}





/*-----------------------------------------------------------------

  右エリア

------------------------------------------------------------------*/

/* モジュール1（ピンク角丸） */
div.module-type01{
background:url(../images/bg_pink_228.gif) no-repeat 0 100%;
padding-bottom:10px;
margin-bottom:14px;
width:228px;
}
div.module-type01 .inner{
background:#FFE5E6;
padding:10px 10px 0;
}
div.module-type01 img{
vertical-align:middle;
}



/* モジュール2（白角丸） */
div.module-type02{
background:url(../images/bg_white_228.gif) no-repeat 0 100%;
padding-bottom:10px;
margin-bottom:14px;
width:228px;
}
div.module-type02 .inner{
background:#FFF;
padding:10px 5px 0;
}
div.module-type02 img{
vertical-align:middle;
}



/* モジュール3（青枠） */
div.module-type03{
background:url(../images/bg_blue_228.gif) no-repeat -456px 100%;
padding-bottom:12px;
margin-bottom:14px;
width:228px;
}
div.module-type03 h4{
background:url(../images/bg_blue_228.gif) no-repeat -228px 40px;
padding-bottom:12px;
}
div.module-type03 .inner{
background:url(../images/bg_blue_228.gif) repeat-y 0 0;
padding:0 15px;
}
div.module-type03 img{
vertical-align:middle;
}



/* モジュール4（グレー枠） */
div.module-type04{
background:url(../images/bg_gray_228.gif) no-repeat -456px 100%;
padding-bottom:12px;
margin-bottom:14px;
width:228px;
}
div.module-type04 h4{
background:url(../images/bg_gray_228.gif) no-repeat -228px 0;
padding-bottom:12px;
}
div.module-type04 .inner{
background:url(../images/bg_gray_228.gif) repeat-y 0 0;
padding:0 15px;
}
div.module-type04 img{
vertical-align:middle;
}
div.module-type04 ul.arrow li{
margin-bottom:.1em;
}



/* モジュール5（teble枠） */
div.module-type05{
margin-bottom:14px;
}
div.module-type05 h3{
margin-bottom:5px;
}
div.module-type05 table.true-false{
border:2px solid #5ea534;
}
div.module-type05 table.true-false th,
div.module-type05 table.true-false td{
border:1px solid #5ea534;
font-size:83.3%;
}
div.module-type05 table.true-false th{
padding:2px 0;
width:7%;
text-align:center;
font-weight:normal;
color:#5ea534;
}
div.module-type05 table.true-false td{
padding:2px 5px;
width:43%;
color:#777;
}
div.module-type05 table.true-false .true{
background:#faf8d7;
}
div.module-type05 table.true-false td.true{
font-weight:bold;
color:#5ea534;
}



/* 特集ページ
------------------------------------------*/
div#subFeature{
background:url(../images/bg_pink_regimental.gif) repeat 0 0;
margin-bottom:14px;
width:228px;
}
div#subFeature .inner{
background:url(../images/bg_white_radius_228.gif) no-repeat 0 100%;
padding:5px 10px 10px;
}
div#subFeature img{
vertical-align:middle;
}
div#subFeature ul li{
line-height:0;
}
div#subFeature ul li a{
display:block;
border:1px solid #aeaeae;
background:#ffffff url(../images/ico_feature_bg.gif) no-repeat 0 50%;
margin:5px 0 0;
font-weight:bold;
width:206px;
line-height:normal;
}
div#subFeature ul li a:hover{background-position:-208px 50%;}
div#subFeature ul li a span{
display:block;
background:url(../images/ico_feature00.gif) no-repeat 2px 50%;
padding:6px 2px 6px 32px;
cursor:pointer;
}
div#subFeature ul li.feature00 span{background-image:url(../images/ico_feature00.gif);}
div#subFeature ul li.feature01 span{background-image:url(../images/ico_feature01.gif);}
div#subFeature ul li.feature02 span{background-image:url(../images/ico_feature02.gif);}
div#subFeature ul li.feature03 span{background-image:url(../images/ico_feature03.gif);}
div#subFeature ul li.feature04 span{background-image:url(../images/ico_feature04.gif);}
div#subFeature ul li.feature05 span{background-image:url(../images/ico_feature05.gif);}
div#subFeature ul li.feature06 span{background-image:url(../images/ico_feature06.gif);}
div#subFeature ul li.feature07 span{background-image:url(../images/ico_feature07.gif);}
div#subFeature ul li.feature08 span{background-image:url(../images/ico_feature08.gif);}
div#subFeature ul li.feature09 span{background-image:url(../images/ico_feature09.gif);}
div#subFeature ul li.feature10 span{background-image:url(../images/ico_feature10.gif);}
div#subFeature ul li.feature11 span{background-image:url(../images/ico_feature11.gif);}
div#subFeature ul li.feature12 span{background-image:url(../images/ico_feature12.gif);}
div#subFeature ul li.feature13 span{background-image:url(../images/ico_feature13.gif);}
div#subFeature ul li.feature14 span{background-image:url(../images/ico_feature14.gif);}
div#subFeature ul li.feature15 span{background-image:url(../images/ico_feature15.gif);}



/* 検索エリア
------------------------------------------*/
div#subSearch{
background:#e2f4f4;
margin-bottom:14px;
width:228px;
}
div#subSearch .inner{
background:url(../images/bg_white_radius_228.gif) no-repeat 0 100%;
padding:10px 5px;
}
div#subSearch img{
vertical-align:middle;
}

div#subSearch td{
padding-top:3px;
padding-bottom:3px;
}
div#subSearch td select.sizeS{}
div#subSearch td select.sizeM{}
div#subSearch td select.sizeL{width:118px;}

div#subSearch td label{
white-space:normal;
}
div#subSearch td label input{
margin-left:0;
}
div#subSearch input.sizeS{
width:90%;
}
div#subSearch p.btn{
text-align:center;
margin:10px 0 0;
}



/* オリオンからのお得な情報
------------------------------------------*/
div#subBanner{}
div#subBanner h4{
margin-bottom:10px;
}
div#subBanner ul li{
margin:0 0 2px;
font-weight:bold;
line-height:1.3;
}
div#subBanner ul li a{
display:inline-block;
margin-bottom:4px;
}
div#subBanner ul li img{
vertical-align:top;
}



/* トピックス
------------------------------------------*/
div#subTopics h4{
background-position:-228px 25px;
}
div#subTopics ul{
margin-bottom:-8px;
}
div#subTopics ul li{
background:url(../images/bg_dotted.gif) repeat-x 0 0;
padding:9px 0 0;
margin:0 0 5px;
}
div#subTopics ul li.first{
background:url(none);
padding-top:0;
}
div#subTopics ul li a{
display:inline-block;
background:url(../images/ico_memo_blue.gif) no-repeat 0 .2em;
padding-left:13px;
}
div#subTopics ul li span.date{
display:inline-block;
padding-left:13px;
}



/* 各地域別人気NO.1のホテル・宿
------------------------------------------*/
div#subPopularHotel ul{
margin-bottom:10px;
}
div#subPopularHotel ul li{
background:url(../images/bg_dotted.gif) repeat-x 0 0;
padding:10px 0 0;
margin:0 0 5px;
}
div#subPopularHotel ul li.first{
background:url(none);
}
div#subPopularHotel ul li h5{
margin-bottom:5px;
color:#f55590;
}
div#subPopularHotel ul li p{
line-height:1.35;
}
div#subPopularHotel ul li .floatright{
margin-left:10px;
}



/* 行き先から検索
------------------------------------------*/
div#subBargainGoing{
background:#e2f4f4 url(../images/bg_white_radius_228.gif) no-repeat 0 100%;
padding-bottom:5px;
margin-bottom:14px;
width:228px;
}
div#subBargainGoing .inner{
/*background:url(../images/bg_white_radius_228.gif) no-repeat 0 100%;*/
background:#fff;
padding:5px 5px 1px;
margin:5px 5px 0;
}
div#subBargainGoing img{
vertical-align:middle;
}
div#subBargainGoing dl dt,
div#subBargainGoing dl dd{
margin-bottom:6px;
}
div#subBargainGoing dl dd a{
white-space:nowrap;
}
/*-----------------------------------------------------------------

  お知らせclass

------------------------------------------------------------------*/
#newsContents h2 {
color: #fff;
font-size: 116.7%;
height: auto;
margin: 10px 0;
text-indent: 0;
background-image: url("../images/tit_orange_bg_950.gif");
}
#newsContents h2 span {
background-position: -950px 100%;
display: block;
padding: 6px 12px 5px;
}