@charset"UTF-8";

#header ul#menu li.menu_hotel a { background-position: 0px bottom; }

#pan { margin-bottom: 30px; }

#hotel h2 {
  clear: left;
  height: 22px;
  padding-left: 25px;
  border-bottom: 2px solid #9a6200;
  background: url(/images/star_22px_gold.gif) no-repeat;
}

/* #hotel #lead { height: 237px; padding-right: 210px; background: url(../images/pht_top.jpg) no-repeat right top; } */
#hotel #lead { height: 377px; padding-right: 210px; background: url(../images/pht_top.jpg) no-repeat right top; }
#hotel #lead p { margin-bottom: 1em; }

/* #hotel #ido { clear: both; _clear: none; margin-bottom: 20px; } */
#hotel #ido { height: 330px; }
#hotel #ido p { height: 187px; padding-right: 295px; background: url(../images/pht_2nd.jpg) no-repeat right top; }
#hotel #ido p a.arrow { display: block; margin-top: 1.3em; padding-left: 10px; font-weight: bold; background: url(/images/arrow_9px_yellow.gif) no-repeat left center; }

#hotel h3 { width: 395px; height: 23px; margin-bottom: 15px; background-repeat: no-repeat; font-size: 1px; text-indent: -9999px; }
#hotel #ido h3 { background-image: url(../images/tit_ido.gif) ; }
#hotel #roomtype h3 { background-image: url(../images/tit_roomtype.gif); }

#hotel #roomtype p a { margin: 0 0.3em; font-weight: bold; }

#hotel .unit { position: relative; _position: static; float: left; width: 310px; margin-bottom: 20px; background: url(../images/frame_body.gif) repeat-y; }
#hotel .unit h4 { width: 310px; height: 23px; _height: 33px; margin: 0 0 10px; padding: 10px 0 0; background: url(../images/frame_head.gif) no-repeat; text-align: center; line-height: 1em; font-size: 100%; }

#hotel .unit p { margin-bottom: 1.3em; padding: 0 17px; }
#hotel .unit p a { margin: 0 0.3em; font-weight: bold; }
#hotel .unit .unit_link_block { margin-bottom: 0px; text-align: right; padding-top: 5px; }


#hotel .unit .room_pht { position: relative; _position: static; width: 275px; margin-left: 17px; }
#hotel .unit .room_pht .clip { position: relative; _position: static; z-index: 2; margin-left: 5px;
  behavior: expression(IEPNGFIX.fix(this)); }/* 透過PNGをIE6や5.5のバージョンでも綺麗に表示 */
#hotel .unit .room_pht .photo { margin-top: -26px; position: relative; _position: static; z-index: 0; }

#hotel .unit .frame_tail { padding-bottom: 10px; background: url(../images/frame_tail.gif) no-repeat bottom;}

#hotel .roominfo { clear: both; margin-bottom: 15px; padding: 10px; font-weight: bold;
  border-radius: 3px;         /* CSS3 */
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  background-color: #ccffdd;   /* 背景色 */
}

#hotel ul.list_btn { clear: both; padding-top: 10px; border-top: 1px dotted #ccc; }
#hotel ul.list_btn li { float: left; width: 182px; margin-bottom: 15px; }
#hotel ul.list_btn li.mrg37 { margin-left: 37px; }
#hotel ul.list_btn li span { display: block; width: 182px; text-align: center; }
#hotel ul.list_btn a { display: block; width: 182px; height: 62px; text-indent: -9999px; overflow: hidden; }
#hotel ul.list_btn a.btn_rank { background-image: url(../images/btn_rank.gif); }
#hotel ul.list_btn a.btn_hotel { background-image: url(../images/btn_hotel.gif); }
#hotel ul.list_btn a.btn_map { background-image: url(../images/btn_map.gif); }
#hotel ul.list_btn a.btn_resort { background-image: url(../images/btn_resort.gif); }
#hotel ul.list_btn a.btn_question { margin-top: 1.3em; background-image: url(/resort/images/btn_question.gif); }
#hotel ul.list_btn a.btn_tour { margin-top: 1.3em; background-image: url(../images/btn_tour.gif); }
#hotel ul.list_btn a:hover { background-position: bottom; }