@charset "utf-8";
/* MV ホテル */
.bol { font-weight: bold; }
.px_s { line-height: 1.5em; }

#smenu ul#smenu_btn li#smenu_b_hotel a { background-position: right 0; }
#r_contents { width: 630px; padding-top: 5px; }
#r_contents h2 { margin-bottom: 6px; }

#mvhtl-tab { height: 44px; padding-left: 5px; background: url(../images/tab.png) no-repeat; }
#mvhtl-tab li { float: left; width: 124px; height: 44px; }
#mvhtl-tab li a { display: block; height: 44px; text-indent: -9999px; overflow: hidden; }

#mvhtl-tab li a:hover { background-image: url(../images/tab.png); }
#mvhtl-tab li#t-grade a:hover { background-position: -5px -44px; }
#mvhtl-tab li#t-list a:hover { background-position: -129px -44px; }
#mvhtl-tab li#t-hm a:hover { background-position: -253px -44px; }
#mvhtl-tab li#t-fam a:hover { background-position: -377px -44px; }
#mvhtl-tab li#t-rank a:hover { background-position: -501px -44px; }

#mvhtl-grade #mvhtl-tab li#t-grade a { background: url(../images/tab.png) no-repeat -5px -88px; }
#mvhtl-list #mvhtl-tab li#t-list a { background: url(../images/tab.png) no-repeat -129px -88px; }
#mvhtl-hm #mvhtl-tab li#t-hm a { background: url(../images/tab.png) no-repeat -253px -88px; }
#mvhtl-fam #mvhtl-tab li#t-fam a { background: url(../images/tab.png) no-repeat -377px -88px; }

#lead { position: relative; width: 610px; min-height: 103px; margin-left: 10px; }
#lead h2 { position: absolute; left: 0; top: 39px; }
#lead p { position: absolute; right: 0; top: 17px; width: 330px; }
#mvhtl-grade #lead p { padding-top: 1.5em; }
#mvhtl-list #lead p { padding-top: 0.775em; }

#remarks { padding-top: 3px; padding-bottom: 15px; background: url(../images/border.png) no-repeat left top; }
#att-hm { display: none; }
#mvhtl-hm #remarks #att-hm { display: block; }
#remarks div.att-tit { margin-bottom: 3px; padding: 20px 0 5px; border-bottom: 1px dotted #d8c3c6; line-height: 0; }
#remarks div.att-tit img { margin-bottom: 3px; vertical-align: middle; }
#remarks #att-hm li { padding-left: 1em; text-indent: -1em; }
#remarks span.rice { color: #cc0000; }
#remarks a {
  background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat left 2px;
  line-height: 1em;
  margin-left: 10px;
  padding-left: 8px;
  font-weight: bold;
}
#remarks div.tuzukiwaku { display: none; padding-left: 20px; }

.htl-ico li { float: left; height: 21px; margin: 4px 4px 0 0; background-image: url(../images/ico.png); background-repeat: no-repeat; text-indent: -9999px; line-height: 1em; overflow: hidden; }
#remarks .htl-ico ul { margin-bottom: 10px; }
#remarks .htl-ico ul li { margin-top: 2px; }

.unit-h .htl-ico { position: relative; margin: 0 19px 15px; }
.unit-h .htl-ico ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.unit-h .htl-ico ul { zoom: 1; }
#mvhtl-hm .unit-h .htl-ico ul,
#mvhtl-fam .unit-h .htl-ico ul
{ position: absolute; left: 0px; bottom: 0px; width: 340px; }

/* 環礁 */
li.ico-reef-nmale,
li.ico-reef-smale,
li.ico-reef-ari,
li.ico-reef-baa,
li.ico-reef-lhaviyani,
li.ico-reef-dhaalu,
li.ico-reef-laamu,
li.ico-reef-gaafu,
li.ico-reef-meemu,
li.ico-reef-noonu,
li.ico-reef-raa,
li.ico-reef-faafu,
li.ico-reef-rasdu,
li.ico-reef-addu,
li.ico-reef-haaalifu,
li.ico-reef-thaa { background-image: url(../images/ico-reef.png); }
.ico-reef-nmale { width: 75px; background-position: 0px 0px; } /* 北マーレ */
.ico-reef-smale { width: 75px; background-position: 0px -22px; } /* 南マーレ */
.ico-reef-ari { width: 53px; background-position: 0px -44px; } /* アリ */
.ico-reef-baa { width: 66px; background-position: 0px -66px; } /* バア */
.ico-reef-lhaviyani { width: 84px; background-position: 0px -88px; } /* ラヴィヤニ */
.ico-reef-dhaalu { width: 66px; background-position: 0px -110px; } /* ダール */
.ico-reef-laamu { width: 66px; background-position: 0px -132px; } /* ラーム */
.ico-reef-gaafu { width: 95px; background-position: 0px -154px; } /* ガーフアリフ */
.ico-reef-meemu { width: 66px; background-position: 0px -176px; } /* ミーム */
.ico-reef-noonu { width: 66px; background-position: 0px -198px; } /* ヌーヌ */
.ico-reef-raa { width: 53px; background-position: 0px -220px; } /* ラー */
.ico-reef-faafu { width: 73px; background-position: 0px -242px; } /* ファーフ */
.ico-reef-rasdu { width: 73px; background-position: 0px -264px; } /* ラスドゥ */
.ico-reef-addu { width: 73px; background-position: 0px -286px; } /* アッドゥ */
.ico-reef-haaalifu { width: 84px; background-position: 0px -308px; } /* ハーアリフ */
.ico-reef-thaa { width: 56px; background-position: 0px -330px; } /* タァ */

/* 移動手段 */
.ico-move-boat { width: 39px; background-position: 0px 0px; } /* ボート */
.ico-move-plane { width: 67px; background-position: -40px 0px; } /* 水上飛行機 */
.ico-move-domboat { width: 84px; background-position: -108px 0px; } /* 国内線+ボート */

/* 食事プラン */
.ico-meal-ai { width: 116px; background-position: 0px -22px; } /* オールインクルーシブ */
.ico-meal-fb { width: 56px; background-position: -117px -22px; } /* 全食事 */
.ico-meal-hb { width: 62px; background-position: -174px -22px; } /* 朝・夕食 */
.ico-meal-bb { width: 55px; background-position: -237px -22px; } /* 朝食のみ */

/* 客室タイプ */
.ico-room-b { width: 96px; background-position: 0px -44px; } /* ビーチコテージ */
.ico-room-w { width: 87px; background-position: -97px -44px; } /* 水上コテージ */
.ico-room-p { width: 108px; background-position: -185px -44px; } /* プール付コテージ */

/* 島の特徴 */
.ico-island-hreef { width: 120px; background-position: 0px -66px; } /* ハウスリーフ */
.ico-island-shallow { width: 116px; background-position: -122px -66px; } /* 遠浅ビーチ */
.htl-ico ul li.ico-island-around { width: 27px; height: 19px; padding: 2px 13px 0 47px; text-indent: 0; font-weight: bold; font-size: 18px; background-position: -238px -66px; color: #fff; text-align: center; } /* 1周○分 */

/* オススメのお客様層 */
.ico-guest-hm { width: 116px; background-position: 0px -88px; } /* ハネムーン */
.ico-guest-fm { width: 110px; background-position: -117px -88px; } /* ファミリー */

/* ランキング */
li.ico-rank01,
li.ico-rank02,
li.ico-rank03,
li.ico-rank04,
li.ico-rank05,
li.ico-rank06,
li.ico-rank07,
li.ico-rank08,
li.ico-rank09,
li.ico-rank10,
li.ico-rank11,
li.ico-rank12,
li.ico-rank13,
li.ico-rank14,
li.ico-rank15,
li.ico-rank16,
li.ico-rank17,
li.ico-rank18,
li.ico-rank19,
li.ico-rank20 { width: 100px; background-image: url(../images/ico-rank.png); }
.ico-rank01 { background-position: 0px 0px; }
.ico-rank02 { background-position: 0px -22px; }
.ico-rank03 { background-position: 0px -44px; }
.ico-rank04 { background-position: 0px -66px; }
.ico-rank05 { background-position: 0px -88px; }
.ico-rank06 { background-position: 0px -110px; }
.ico-rank07 { background-position: 0px -132px; }
.ico-rank08 { background-position: 0px -154px; }
.ico-rank09 { background-position: 0px -176px; }
.ico-rank10 { background-position: 0px -198px; }
.ico-rank11 { background-position: -101px 0px; }
.ico-rank12 { background-position: -101px -22px; }
.ico-rank13 { background-position: -101px -44px; }
.ico-rank14 { background-position: -101px -66px; }
.ico-rank15 { background-position: -101px -88px; }
.ico-rank16 { background-position: -101px -110px; }
.ico-rank17 { background-position: -101px -132px; }
.ico-rank18 { background-position: -101px -154px; }
.ico-rank19 { background-position: -101px -176px; }
.ico-rank20 { background-position: -101px -198px; }

.tab-50on { margin-bottom: 10px; border-bottom: 10px solid #3381ac; }
.tab-50on li { float: left; width: 63px; }
.tab-50on li a { display: block; margin: 0 1px; padding: 5px 0 2px; font-weight: bold; border: 1px solid #becdd4; border-bottom: none; border-radius: 4px 4px 0 0; text-align: center; font-size: 14px; color: #e57f7f; }
.tab-50on li a:hover { background-color: #d6e6ee; color: #cc0000; }
.tab-50on li.here a { background-color: #3381ac; border-color: #3381ac; color: #fff; font-size: 18px; text-shadow: -1px -1px 1px #13466f; }
.tab-50on li.here a:hover, .tab-50on li.nonehtl a:hover { text-decoration: none; cursor: default; }
.tab-50on li.nonehtl a { background-color: #fff; border-color: #dee6e9; color: #f2bfbf; }

.unit-c { padding-top: 25px; background: url(../images/border.png) no-repeat left top; }
#mvhtl-fam .unit-c { padding-top: 0; }
#mvhtl-list .unit-c { }
.class-tit { float: left; width: 269px; height: 78px; }

.class-tit h3 { height: 26px; padding-top: 13px; margin-left: 10px; background-repeat: no-repeat; }
#mvhtl-grade .class-tit h3 { background-image: url(../images/tit_sub_grade.png); }
#mvhtl-hm .class-tit h3 { background-image: url(../images/tit_sub_hm.png); }
#mvhtl-fam .class-tit h3 { background-image: url(../images/tit_sub_fam.png); }

.class-tit h3 span { display: block; height: 26px; background-repeat: no-repeat; text-indent: -9999px; }
#luxury .class-tit h3 span { width: 259px; background-image: url(../images/tit_lux.png); }
#deluxe .class-tit h3 span { width: 206px; background-image: url(../images/tit_dx.png); }
#superior .class-tit h3 span { width: 204px; background-image: url(../images/tit_sp.png); }
#standard .class-tit h3 span { width: 231px; background-image: url(../images/tit_std.png); }

.class-price { padding-top: 3px; padding-left: 10px; color: #999; text-align: center; }
.class-price span { color: #333; }

.list-class { float: right; width: 257px; padding-top: 12px; }
.list-class li { float: left; margin: 0 16px 2px 0; }
.list-class li:nth-child(even) { margin-right: 0;}
.list-class a { display: block; height: 15px; background-image: url(../images/btn_class.png); text-indent: -9999px; overflow: hidden; }
.list-class .list-class-lux a { width: 122px; }
.list-class .list-class-dx a { width: 109px; background-position: -123px 0px; }
.list-class .list-class-sp a { width: 122px; background-position: -233px 0px; }
.list-class .list-class-std a { width: 109px; background-position: -356px 0px; }
#luxury .list-class .list-class-lux a { background-position: 0px -15px; }
#deluxe .list-class .list-class-dx a { background-position: -123px -15px; }
#superior .list-class .list-class-sp a { background-position: -233px -15px; }
#standard .list-class .list-class-std a { background-position: -356px -15px; }

.unit-h { clear: both; margin-bottom: 10px; padding-top: 5px; border: 1px dotted #ccb800; background-color: #fffdeb; }
#luxury .unit-h { border-color: #ccb800; background-color: #faf8e6;}
#deluxe .unit-h, .unit-h.unit-dx { border-color: #7713b9; background-color: #f2e8f8;}
#superior .unit-h, .unit-h.unit-sp { border-color: #cc3400; background-color: #faebe6;}
#standard .unit-h, .unit-h.unit-std { border-color: #34983f; background-color: #ebf5ec;}

.unit-h h3 { width: 523px; height: 25px; margin-bottom: 7px; padding: 8px 0 0 105px; background-image: url(../images/bg_none.png); background-repeat: no-repeat; color: #fff; font-weight: bold; text-shadow: -1px -1px 1px #13466f; overflow: hidden; }
#luxury .unit-h h3, .unit-h.unit-lux h3 { background-image: url(../images/bg_lux.png); }
#deluxe .unit-h h3, .unit-h.unit-dx h3 { background-image: url(../images/bg_dx.png); }
#superior .unit-h h3, .unit-h.unit-sp h3 { background-image: url(../images/bg_sp.png); }
#standard .unit-h h3, .unit-h.unit-std h3 { background-image: url(../images/bg_std.png); }

.unit-h>p { margin: 0 19px 5px; }

.htl-ico .htl-pht { display: none; }
#mvhtl-hm .htl-ico .htl-pht,
#mvhtl-fam .htl-ico .htl-pht
{ display: block; width: 250px; height: 156px; margin-left: 340px; }

.special { display: none; }
#mvhtl-hm .special { display: block; clear: both; margin: 0 19px 9px; padding: 14px 14px 10px; border: 1px solid #f5d0e2; background-color: #fffafc; }
.special h4 { width: 107px; height: 14px; margin-bottom: 10px; background: url(../images/tit_hm_tokuten.gif) no-repeat; text-indent: -9999px; }
.special ul li { clear: both; margin-bottom: 2px; padding-left: 14px; background: url(../images/list_style_heart.gif) no-repeat left 5px; }
.special dl { display: table; float: right; margin-top: 6px; padding: 0.4em 0.83em 0.2em; border: 1px solid #d9d9d9; }
.special dl dt { color: #b33674; font-weight: bold; }
.special dl dd { margin-left: 2.8em; margin-top: -1.5em; }
.special hr { float: left; width: 100%; margin: 15px 0 12px; border: none; border-top: 1px dotted #f5d0e2; }
.special p.rice { clear: both; padding-top: 25px; }

#mvhtl-fam .special-fam { display: block; clear: both; margin: 0 19px 9px; padding: 14px 14px 10px; border: 1px solid #d3f5d0; background-color: #fffafc; }
#mvhtl-fam .special-fam h4 { width: 327px; height: 14px; margin-bottom: 10px; background: url(../images/tit_fam_remarks.png) no-repeat; text-indent: -9999px; }
#mvhtl-fam .special-fam ul li { clear: both; margin-bottom: 2px; padding-left: 14px; background: url(../images/list_style_heart2.gif) no-repeat left 5px; }
#mvhtl-fam .special-fam p.rice { clear: both; padding-top: 10px; }

.unit-h .link { margin-bottom: 10px; padding-right: 15px; }
.unit-h .link li { float: right; }
.unit-h .link a { display: block; width: 201px; height: 45px; background-image: url(../images/btn_tour.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
.unit-h .link .link-tour a { width: 218px; background-position: top right; }

.ptop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.ptop { zoom: 1; padding: 0 0 10px; }
.ptop a { display: block; float: right; width: 77px; height: 10px; background: url(../images/btn_ptop.gif) no-repeat; font-size: 1px; text-indent: -9999px; overflow: hidden; }
.ptop a:hover { background-position: bottom; }