@charset "utf-8";
/*施設ページ・基本部分：shirato（2015.10.06）*/


/*ページ内リンク*/

div.baseInfoMenu {
    color:#333333;
    font-size:82%;
    margin-bottom:1em;
    margin-left:auto;
    margin-right:auto;
}
div.baseInfoMenu ul {
    padding-bottom:5px;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    text-align:center;
}
div.baseInfoMenu ul li {
    display:inline;
    padding: 0 0.4em 0 0.4em;
    zoom:1;
    white-space:nowrap;
    list-style-type:none;
    border-right:1px solid #ADADAD;
    line-height: 1.2;
}
div.baseInfoMenu ul li.menuListLast {
    border:none;
}

div#htlCntntArea h2#pageTitle{
    margin: 8px 0;
}

/*詳細情報*/
div#detailArea{
    margin: 0 0 10px 0;
}
div#detailArea p#hotelOutline{
    margin: 0 0 5px 0;
    font-size: 90%;
    font-weight: bold;
}

div#detailArea dl#hotelPhotos{
    margin: 0 0 10px 0;
}

div#detailArea dl#hotelPhotos dd ul{
    margin: 0 auto;
}

div#detailArea dl#hotelPhotos dd ul li{
    float: left;
    list-style-type: none;
    margin: 0 0 6px 28px;
    padding: 8px;
    width: 280px;
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    visibility: hidden;
}
*html div#detailArea dl#hotelPhotos dd ul li{/*for IE6 hack*/
    
}

div#detailArea dl#hotelPhotos dd ul li.primary{
    margin: 0 0 6px 0;
}

div.hotelInfo{
    clear: both;
    width: 930px;
    margin: 0 0 15px 0;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: top;
}

div.hotelInfo p.hotelName{/*フッターの施設基本情報*/
    clear: both;
    width: 930px;
    margin: -3px 0 5px 0;
    font-size: 90%;
}

div.hotelInfo dl{
    float: left;
    margin: 0;
    font-size: 82%;
}

div.hotelInfo dl dt{
    float: left;
    margin: 0 ;
    padding: 0 0 0 1em;
    background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markD.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
}
div.hotelInfo dl dd{
    margin: 0 ;
    padding: 0 0 0 10px;
    line-height: 1.1;
}
div.hotelInfo dl dd img{
    vertical-align: -3px;
}
div.hotelInfo dl.primary{
    width: 300px;
}
div.hotelInfo dl.secondary{
    width: 510px;
}
div.hotelInfo dl.primary dt{
    width: 3em;
}
div.hotelInfo dl.secondary dt{
    width: 7em;
}
div.hotelInfo dl.primary dd{
    margin: 0 0 5px 3em;
}
div.hotelInfo dl.secondary dd{
    margin: 0 0 5px 7em;
}
div.hotelInfo dl.primary dd ul{/*地図ボタン*/
    margin: 5px;
}
div.hotelInfo dl.primary dd ul li{/*地図ボタン*/
    display: inline;
    padding: 0 5px 0 0;
}
div.hotelInfo p.hotelCode{/*QRコード*/
    float: right;
    width: 86px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    text-align:center;
}

div.hotelInfo div.boxAd{/* 広告 */
    clear:both;
    text-align:left;
    padding: 5px;
}
div.hotelInfo div.boxAd a{/* 広告 */
    display:inline-block;
}
div.hotelInfo div.boxAd img{/* 広告 */
    float:left;
    margin-right:5px;
}
div.hotelInfo div.boxAd span{/* 広告 */
    float:left;
    font-size:82%;
    line-height:1.4;
    width:14em;
    cursor:pointer;
}
/* 広告 */
div.hotelNote{
    clear: both;
    margin: 0 0 10px 0;
}
div.hotelNote h3{
    margin: 0 0 5px 0;
    padding: 0 0 0 6px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
div.hotelNote div.noteList{
    width: 938px;
    margin: 0 0 10px 0;
    padding: 5px;
}
div.hotelNote div.noteList ul{
    margin: 0;
}
div.hotelNote div.noteList ul li{
    float: left;
    width: 170px;
    margin: 3px 5px 3px 0;
    padding: 0 0 0 10px;
    list-style-type: none;
    font-size: 78%;
    background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_mark.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
}
div.hotelNote div.noteList p{
    margin: 10px 0 0 0;
    font-size: 82%;
}
div.hotelNote div.noteList p#roomCapacity{
    margin: 0 0 3px 0;
    padding: 0 0 3px 3px;
    background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/line_stripe.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

div.hotelNote table{
    width: 950px;
    margin: 0 0 0 0;
    border-collapse: collapse;
    font-size: 82%;
    line-height: 1.1;
}
div.hotelNote table th{
    width: 110px;
    padding: 8px 5px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
div.hotelNote table td{
    padding: 8px 5px 5px 5px;
    text-align: left;
    vertical-align: top;
}
div.hotelNote table td dl dt{
    float: left;
    width: 3em;
}
div.hotelNote table td dl dd{
    margin: 0 0 0 3em;
}
div.hotelNote table td dl.kankoList dt{
    float: none;
    width: auto;
    margin: 0 0 5px 0;
}
div.hotelNote table td dl.kankoList dd{
    margin: 0 0 5px 0;
}
div.hotelNote table td dl.kankoList dd ul li{
    width: 380px;
    padding: 0 0 5px 20px;
    background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_mark.gif);
    background-repeat: no-repeat;
    background-position: 7px 5px;
}
div.hotelNote table td dl.kankoList dd ol{
    margin: 0;
    padding: 0;
}
div.hotelNote table td dl.kankoList dd ol li{
    float: left;
    width: 380px;
    padding: 0 0 5px 20px;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    list-style-type: none;
}
div.hotelNote table td dl.kankoList dd ol li.kankoRank1{ background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_rank1.gif);}
div.hotelNote table td dl.kankoList dd ol li.kankoRank2{ background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_rank2.gif);}
div.hotelNote table td dl.kankoList dd ol li.kankoRank3{ background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_rank3.gif);}
div.hotelNote table td dl.kankoList dd ol li.kankoRank4{ background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_rank4.gif);}
div.hotelNote table td dl.kankoList dd ol li.kankoRank5{ background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_rank5.gif);}

div.hotelNote table td dl.skiList{
    clear: both;
    float: left;
    margin-top: 10px;
}
div.hotelNote table td dl.skiList dt{
    float: none;
    width: auto;
    margin: 0 0 5px 0;
}
div.hotelNote table td dl.skiList dd{
    margin: 0;
}
div.hotelNote table td dl.skiList dd ul li{
    width: 380px;
    padding: 0 0 5px 20px;
    background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_mark.gif);
    background-repeat: no-repeat;
    background-position: 7px 5px;
}
div.hotelNote table td dl.skiList span{
    font-size: 82%;
    padding-left: 20px;
}

div.hotelNote table td ul li{
    float: left;
    padding: 0 1em 5px 0;
    list-style-type: none;
    font-size: 100%;
}
div.hotelNote table td ul.arrange li{
    width: 140px;
    padding: 0 1em 5px 20px;
    background-image: url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_mark.gif);
    background-repeat: no-repeat;
    background-position: 12px 5px;
}
div.hotelNote table td ul li del{
    color: #999999;
}

/*温泉・ペット宿泊情報*/
div#petArea,
div#onsenArea{
    clear: both;
    width: 950px;
    margin: 0 ;
    padding: 8px 0 0 0;
    background-repeat: no-repeat;
    background-position: top;
}

div#onsenArea p#onsenLead{
    margin: 0 6px 5px 10px;
    color: #437617;
    font-size: 90%;
    font-weight: bold;
}

div#petArea p#petTxt,
div#onsenArea p#onsenTxt{
    float: left;
    width: 250px;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
    font-size: 82%;
    line-height: 1.3;
}

div#petArea ul#petPhotos,
div#onsenArea ul#onsenPhotos{
    float: right;
    width: 684px;
    margin: 0 0 5px 0;
    padding: 0 6px 0 0;
}
div#petArea ul#petPhotos li,
div#onsenArea ul#onsenPhotos li{
    float: left;
    width: 210px;
    padding: 5px;
    margin: 0 0 0 6px;
    list-style-type: none;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    text-align: center;
    visibility: hidden;
}
*html div#petArea ul#petPhotos li,
*html div#onsenArea ul#onsenPhotos li{
    margin: 0 0 0 3px;
}

div.hotelNote ul#petCategory li{
    width: 90px;
    margin: 0 6px 3px 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    text-align: center;

}
*html div.hotelNote ul#petCategory li{
    margin: 0 3px 0 0;
}
div.hotelNote ul#petCategory li span{
    display: block;
    margin: 0;
    padding: 3px 3px 35px 3px;
    background-repeat: no-repeat;
    background-position: bottom center;
}
div.hotelNote ul#petCategory li.pet01 span{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon01.gif);}/*小型犬*/
div.hotelNote ul#petCategory li.pet02 span{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon02.gif);}/*中型犬*/
div.hotelNote ul#petCategory li.pet03 span{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon03.gif);}/*大型犬*/
div.hotelNote ul#petCategory li.pet04 span{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon04.gif);}/*超大型犬*/
div.hotelNote ul#petCategory li.pet05 span{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon05.gif);}/*猫*/
div.hotelNote ul#petCategory li.pet06 span{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon06.gif);}/*小動物*/

div.hotelNote ul#petCategory li del{
    display: block;
    color: #999999;
    margin: 0;
    padding: 3px 3px 35px 3px;
    background-repeat: no-repeat;
    background-position: bottom center;
    /*text-decoration: none;*/
}
div.hotelNote ul#petCategory li.pet01 del{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon01_none.gif);}/*小型犬*/
div.hotelNote ul#petCategory li.pet02 del{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon02_none.gif);}/*中型犬*/
div.hotelNote ul#petCategory li.pet03 del{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon03_none.gif);}/*大型犬*/
div.hotelNote ul#petCategory li.pet04 del{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon04_none.gif);}/*超大型犬*/
div.hotelNote ul#petCategory li.pet05 del{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon05_none.gif);}/*猫*/
div.hotelNote ul#petCategory li.pet06 del{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/pet_icon06_none.gif);}/*小動物*/

/*写真を見る*/
dl.photoArea{
    margin: 0 0 15px 0;
}
dl.photoArea dt{
    margin: 0 0 5px 0;
    padding: 0 0 0 9px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-size: 90%;
    font-weight: bold;
    color: #444444;
}
dl.photoArea dd ul{
    margin: 0 0 10px 18px;
}
dl.photoArea dd ul li{
    float: left;
    width: 210px;
    padding: 6px;
    margin: 0 6px 6px 0;
    border: 1px solid #CCCCCC;
    text-align: center;
    list-style-type: none;
    visibility: hidden;
}
dl.photoArea dd ul li img{
    margin: 0 0 3px 0;
}
dl.photoArea dd ul li span{
    display: block;
    font-size: 82%;
    line-height: 1.1;
    text-align: center;
}

/*エラー画面*/
div#errorArea{
    clear: both;
    margin: 0 0 15px 0;
    padding: 150px 0;
}
div#errorArea p{
    text-align: center;
    font-size: 100%;
    line-height: 1.2;
}
div#errorArea p.nonRegistration{/*現在予約可能なプランがありません*/
    color: #CC0000;
}
div#errorArea p.during{/*登録作業中*/
}
div#errorArea p.notFound{/*条件にあうプランがなかった場合*/
}

/*スクロール地図*/
div#mapImage{
    margin: 0 auto;
}

/*国内・海外の色分け*/
div.RthDomestic div#detailArea p#hotelOutline{ color:#437617;}
div.RthForeign div#detailArea p#hotelOutline { color:#3C69A4;}

div.RthDomestic div.hotelInfo{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/info_bgD.gif);}
div.RthForeign div.hotelInfo{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/info_bgF.gif);}

div.RthDomestic div.hotelInfo p.hotelName{ color:#437617;}
div.RthForeign div.hotelInfo p.hotelName{ color:#3C69A4;}

div.RthDomestic div.hotelInfo dl dt{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markD.gif);}
div.RthForeign div.hotelInfo dl dt{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markF.gif);}

div.RthDomestic div.hotelNote h3{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_subtitleD.gif);}
div.RthForeign div.hotelNote h3{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_subtitleF.gif);}

div.RthDomestic div.hotelNote div.noteList{ border: 1px solid #70A230;}
div.RthForeign div.hotelNote div.noteList{ border: 1px solid #5085C5;}

div.RthDomestic div.hotelNote table th{
    border-top   : 1px solid #70A230;
    border-left  : 1px solid #70A230;
    border-bottom: 1px solid #70A230;
    background-color: #95CD67;
}
div.RthForeign div.hotelNote table th{
    border-top   : 1px solid #5085C5;
    border-left  : 1px solid #5085C5;
    border-bottom: 1px solid #5085C5;
    background-color: #87BCFA;
}

div.RthDomestic div.hotelNote table td{
    border-top   : 1px solid #70A230;
    border-right : 1px solid #70A230;
    border-bottom: 1px solid #70A230;
}
div.RthForeign div.hotelNote table td{
    border-top   : 1px solid #5085C5;
    border-right : 1px solid #5085C5;
    border-bottom: 1px solid #5085C5;
}

div.RthDomestic div.hotelNote table td span.delimiter{
    padding:0px 5px 0px 5px;
    color:#70A230;
}

div#petArea,
div#onsenArea{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/info_bgD.gif);}

div.RthDomestic dl.photoArea dt{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markD.gif);}
div.RthForeign dl.photoArea dt{ background-image:url(http://img.travel.rakuten.co.jp/share/themes/hotel/images/list_markF.gif);}

div.RthDomestic div.hotelNote table.frameSingle td {
    border-left  : 1px solid #70A230;
    }
    
/* Photo Gallery 追加　2011.07.27 Temporary Action */

dl.photoCategory{
    float:left;
    margin:0 0 15px;
    padding:0;
    width:430px;
}
dl.photoCategory dt{
    height:0;
    overflow:hidden;
    position:absolute;
    width:0;
}
dl.photoCategory dd {
    margin:0;
    padding:0 0 0 15px;
}
dl.photoCategory dd ul{
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:82%;
}
dl.photoCategory dd ul li{
    float:left;
    margin-right:10px;
}
dl.photoCategory dd ul li a span{
    word-break:keep-all;
}

/*写真を見る*/
dl.photoArea{
    clear:both;
    margint-top:5px;
}

/* 02.04 */
dl.photoArea dt{
    color:#444444;
    background-image:url("http://img.travel.rakuten.co.jp/share/themes/hotel/images/menu_bg.gif");
    background-position:left -20px;
    background-repeat:repeat-x;
    background-color:#E3E9F1;
    border-style:solid;
    border-width:0 0 0 5px;
    font-size:90%;
    font-weight:bold;
    margin:0 15px 10px;
    padding:3px 10px;
}
dl.photoArea dd ul{
    margin: 0 0 10px 18px;
}
dl.photoArea dd ul li{
    float: left;
    width: 210px;
    padding: 6px;
    margin: 0 6px 6px 0;
    border: 1px solid #CCCCCC;
    text-align: center;
    list-style-type: none;
    visibility: hidden;
}
dl.photoArea dd ul li img{
    margin: 0 0 3px 0;
}
dl.photoArea dd ul li a:visited:hover img,
dl.photoArea dd ul li a:link:hover img { /* マウスオーバー */
    filter:alpha(opacity=80); /*IE*/
    -moz-opacity:0.80; /*FF*/
    opacity:0.80;
}
dl.photoArea dd ul li span{
    display: block;
    font-size: 82%;
    line-height: 1.1;
    text-align: center;
}
/*pagetop*/

p.listPagetop{
    text-align:right;
    margin-bottom:5px
}

/*国内・海外の色分け*/

div.RthDomestic dl.photoArea dt{
    border-left  : 5px solid #658F42;
}
div.RthForeign dl.photoArea dt{
    border-left  : 5px solid #5284C5
}

/*Prepare for Special banner */
div.hotelInfo .boxAd{
  display: none;
}