@charset "UTF-8";

.pfhotel { width: 610px; margin-left: 11px; padding-top: 13px; }

.pfhotel h2 { width: 610px; height: 50px; margin-bottom: 2px; text-indent: -9999px; }
.pfhotel h2 a { display: block; width: 610px; height: 50px; overflow: hidden; }

.pfhotel .top-catch { padding: 327px 12px 15px; font-weight: bold; }
.pfhotel div.att, .pfhotel ul.att li { list-style: none !important; margin-left: 0; padding-left: 1em; font-size: smaller; text-indent: -1em; }
.pfhotel .att .kome { color: #cc0000; }

.pfhotel .att2 { padding-left: 1.8em; font-size: smaller; text-indent: -1.8em; }

.pfhotel .gotoindex { padding-bottom: 5px; }
.pfhotel .gotoindex  a { display: block; padding-left: 16px; background: url(../images/btn_tri.gif) no-repeat 0px 1px; font-weight: bold; line-height: normal; }

.pfhotel .ptop { clear: left; margin-bottom: 30px; font-size: 1px; }
.pfhotel .ptop a { display: block; width: 84px; height: 12px; margin-left: 526px; background: url(../images/btn_ptop.gif) no-repeat; text-indent: -9999px; }
.pfhotel .ptop a:hover { background: url(../images/btn_ptop.gif) no-repeat 0px bottom; }

#pfheader .att { margin-bottom: 30px; text-align: right; }

#pfheader #pfmenu { height: 25px; padding-left: 136px; background-color: #b2e5e4; }
#pfheader #pfmenu li { float: left; }
#pfheader #pfmenu li a { overflow: hidden; }
#pfheader #pfmenu li a.roo { display: block; width: 59px; height: 25px; background-image: url(../images/menu_rooms.gif); text-indent: -9999px; }
#pfheader #pfmenu li a.res { display: block; width: 76px; height: 25px; background-image: url(../images/menu_restaurant.gif); text-indent: -9999px; }
#pfheader #pfmenu li a.spa { display: block; width: 43px; height: 25px; background-image: url(../images/menu_spa.gif); text-indent: -9999px; }
#pfheader #pfmenu li a.hon { display: block; width: 101px; height: 25px; background-image: url(../images/menu_honeymoon.gif); text-indent: -9999px; }
#pfheader #pfmenu li a.cam { display: block; width: 96px; height: 25px; background-image: url(../images/menu_campaign.gif); text-indent: -9999px; }
#pfheader #pfmenu li a.fac { display: block; width: 88px; height: 25px; background-image: url(../images/menu_facilities.gif); text-indent: -9999px; }
#pfheader #pfmenu li a:hover { background-position: bottom; }

#pfheader #pfmenu .pfmenu-now { background-position: bottom !important; }

#fourseasons #pfheader { background: url(../images/fourseasons_top_img01.jpg) no-repeat 0px 87px; }
#fourseasons h2 { background: url(../images/title_fourseasons.gif) no-repeat; }
#fourseasons .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/fourseasons_top_img02.jpg) no-repeat right top; }

#thalasso #pfheader { background: url(../images/thalasso_top_img01.jpg) no-repeat 0px 87px; }
#thalasso h2 { background: url(../images/title_thalasso.gif) no-repeat; }
#thalasso .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/thalasso_top_img02.jpg) no-repeat right top; }

#moana #pfheader { background: url(../images/moana_top_img01.jpg) no-repeat 0px 87px; }
#moana h2 { background: url(../images/title_moana.gif) no-repeat; }
#moana .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/moana_top_img02.jpg) no-repeat right top; }

#boralagoon #pfheader { background: url(../images/boralagoon_top_img01.jpg) no-repeat 0px 87px; }
#boralagoon h2 { background: url(../images/title_boralagoon.gif) no-repeat; }
#boralagoon .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/boralagoon_top_img02.jpg) no-repeat right top; }

#boranui #pfheader { background: url(../images/boranui_top_img01.jpg) no-repeat 0px 87px; }
#boranui h2 { background: url(../images/title_boranui.gif) no-repeat; }
#boranui .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/boranui_top_img02.jpg) no-repeat right top; }

#meribora #pfheader { background: url(../images/meribora_top_img01.jpg) no-repeat 0px 87px; }
#meribora h2 { background: url(../images/title_meribora.gif) no-repeat; }
#meribora .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/meribora_top_img02.jpg) no-repeat right top; }

#borapearl #pfheader { background: url(../images/borapearl_top_img01.jpg) no-repeat 0px 87px; }
#borapearl h2 { background: url(../images/title_borapearl.gif) no-repeat; }
#borapearl .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/borapearl_top_img02.jpg) no-repeat right top; }

#stregis #pfheader { background: url(../images/stregis_top_img01.jpg) no-repeat 0px 87px; }
#stregis h2 { background: url(../images/title_stregis.gif) no-repeat; }
#stregis .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/stregis_top_img02.jpg) no-repeat right top; }

#sofitel #pfheader { background: url(../images/sofitel_top_img01.jpg) no-repeat 0px 87px; }
#sofitel h2 { background: url(../images/title_sofitel.gif) no-repeat; }
#sofitel .top-txt { min-height: 195px; _height: 195px; margin-bottom: 20px; padding: 0 315px 0 12px; background: url(../images/sofitel_top_img02.jpg) no-repeat right top; }

.btn_hotel01 { margin-top: 10px; margin-left: 38px; }
.btn_hotel02 { padding-top: 10px; border-top: 1px solid #00807d; height: 60px;}
.btn_hotel02 li { float: left; padding-bottom: 30px }

.btn_kuwashi a { display: block; width: 206px; height: 40px; background: url(../images/btn_kuwashi.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
.btn_kuwashi a:hover { background-position: bottom; }
.btn_hotel02 .btn_kuwashi a { margin-left: 94px; margin-right: 10px; }

.btn_tour a { display: block; width: 206px; height: 40px; background: url(../images/btn_tour.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
.btn_tour a:hover { background-position: bottom; }
.btn_hotel01 .btn_tour a, .btn_hotel01 .btn_tour a:hover { margin-top: 5px; }

table.spec { margin-bottom: 5px; border-collapse: collapse; }
table.spec td { padding: 5px; border: 1px solid #cccccc; border-collapse: collapse; }
table.spec td.left { white-space: nowrap; }


.pfhotel h3 { clear: left; width: 610px; height: 35px; margin-bottom: 15px; text-indent: -9999px; }

.pfhotel #room { padding-top: 10px; }
.pfhotel #restaurant { padding-top: 20px; }

.pfhotel #room h3 { background: url(../images/title_rooms.gif) no-repeat; }
.pfhotel #restaurant h3 { background: url(../images/title_restaurant.gif) no-repeat; }
.pfhotel #spa h3 { background: url(../images/title_spa.gif) no-repeat; }
.pfhotel #honeymoon h3 { background: url(../images/title_honeymoon.gif) no-repeat; }
.pfhotel #campaign h3 { background: url(../images/title_campaign.gif) no-repeat; }
.pfhotel #facilities h3 { background: url(../images/title_facilities.gif) no-repeat; }

.pfhotel #room h4 { margin-bottom: 10px; color: #00807d; }
.pfhotel #room .roomimg {
  float: left;
  width: 320px;
  margin-bottom: 10px;
  _margin-bottom: 0;
}
.pfhotel #room .roomtxt {
  float: right;
  width: 290px;
}
.pfhotel #room .roomtxt p {
  width: 270px;
  padding: 0 0 10px;
}
.pfhotel .txtclick { clear: left; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #333333; }
.pfhotel .txtclick2 { clear: left; padding: 0; }
.pfhotel .txtclick3 { clear: left; margin-bottom: 10px; padding: 0; }

.pfhotel #room ul  { clear: left; }
.pfhotel #room li { float: left; margin: 0 10px 10px 0; _margin-bottom: 0; }
.pfhotel #room li.roomend, .pfhotel .res li.resend { margin-right: 0 !important; }

.pfhotel .res p { margin-bottom: 20px; }
.pfhotel .res dd { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #333333; }
.pfhotel .res dt { margin-bottom: 10px; }
.pfhotel .res .resttitle { color: #00807d; font-weight: bold; }
.pfhotel .res .resttxt { padding: 0 12px; }
.pfhotel .res dd ul { margin-top: 10px; }
.pfhotel .res li { float: left; margin: 0 10px 0 0; }

.pfhotel .honey { padding-bottom: 10px; }
.pfhotel .honey ul { margin-left: 12px; }
.pfhotel .honey li { list-style: disc; margin-left: 12px; }
.pfhotel .honey .att, .pfhotel .honey .att2 { margin: 10px 12px 0; }

.pfhotel #facilities li { width: 145px; }

#ranking strong { font-weight: normal; }
#ranking h2 { margin-bottom: 10px !important; background: url(../images/title_ranking.gif) no-repeat; }

#ranking #ranking-txt { padding: 0 12px; }
#ranking #rank01 { margin-top: 20px; margin-bottom: 15px; padding: 12px 0; background: #e6f2da url(../images/ranking_frame_top.gif) no-repeat; }
#ranking #rank01 .rank_no { float: left; width: 80px; margin-left: 12px; _margin-left: 6px; margin-right: 7px; }
#ranking #rank01 .rank-name { float: left; width: 511px; margin: 22px 0 8px; _margin: 7px 0 0; font-weight: bold; }
#ranking #rank01 .remarks_block { padding: 0 10px; }
#ranking #rank01 .ranking_photo { float: right; margin: 10px; margin-top: -25px; }


#ranking .rank { margin-top: 20px; margin-bottom: 15px; padding: 12px 0; background: transparent url(../images/ranking_border.gif) no-repeat 7px bottom; }
#ranking .rank .rank_no { float: left; width: 50px; margin-left: 20px; _margin-left: 10px; margin-right: 9px; }
#ranking .rank .rank-name { float: left; width: 530px; margin: 22px 0 8px; _margin: 7px 0 0; font-weight: bold; }
#ranking .rank .remarks_block { padding: 0 10px; }
#ranking .rank .ranking_photo { float: right; margin: 10px; margin-top: -25px; }

#ranking .btn_and_photo { padding-top: 10px; }

#ranking .btn_kuwashi2 { margin-left: 395px; margin-top: 10px; padding-top: 30px; }
#ranking .btn_kuwashi2 a { display: block; width: 184px; height: 38px; background: url(../images/btn_kuwashi2.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
#ranking .btn_kuwashi2 a.tour { background: url(../images/btn_tour2.gif) no-repeat; }
#ranking .btn_kuwashi2 a:hover { background-position: bottom; }

#ranking .photo_list { float: left; width: 375px; _width: 385px; padding-left: 10px; }
#ranking .photo_list li { display: inline; }


#ranking #rank-others { margin-left: 100px; }
#ranking #rank-others li { margin-bottom: 5px; padding-left: 16px; background: url(../images/btn_tri.gif) no-repeat 0px 1px; font-weight: bold; line-height: normal; }