@charset"UTF-8";

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

#pan { margin-bottom: 30px; }

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

#ryoko #plan { margin-bottom: 20px; }
#ryoko #plan h3 { width: 620px; height: 23px; margin-bottom: 15px; background: url(../images/txt_plan.gif) no-repeat; text-indent: -9999px; }

#ryoko #plan ol { margin: 0; padding: 0; }

#ryoko #plan li { padding-top: 12px; background: url(../images/frame_ryoko_head.gif) no-repeat 0px top; }
#ryoko #plan li .planunit { background: url(../images/frame_ryoko_body.gif) repeat-y; }

#ryoko #plan li div.txt_plan { width: 367px; height: 24px; margin: 0 0 10px 10px; background-repeat: no-repeat; text-indent: -9999px; }

#ryoko #plan li div#txt_plan01 { background-image: url(../images/txt_plan_01.gif); }
#ryoko #plan li div#txt_plan02 { background-image: url(../images/txt_plan_02.gif); }
#ryoko #plan li div#txt_plan03 { background-image: url(../images/txt_plan_03.gif); }
#ryoko #plan li div#txt_plan04 { background-image: url(../images/txt_plan_04.gif); }
#ryoko #plan li div#txt_plan05 { background-image: url(../images/txt_plan_05.gif); }
#ryoko #plan li div#txt_plan06 { background-image: url(../images/txt_plan_06.gif); }

#ryoko #plan li .ryoko_frame { padding: 0 12px 12px; background: url(../images/frame_ryoko_tail.gif) no-repeat 0px bottom; }
#ryoko #plan li .ryoko_frame p { float: left; width: 367px; }
#ryoko #plan li .ryoko_frame p span.ryoko_link a { display: block; margin-top: 5px; padding-left: 10px; font-weight: bold; background: url(/images/arrow_9px_yellow.gif) no-repeat left center; text-indent: 0; }
#ryoko #plan li .ryoko_frame .pht_plan { float: right; width: 200px; height: 150px; margin-top: -34px; padding: 6px 8px 8px 6px; background: url(../images/bg_photo.gif) no-repeat; position: relative; _position: static; }
#ryoko #plan li .ryoko_frame .pht_plan img { position: relative; _position: static; }
#ryoko #plan li .ryoko_frame .pht_plan2 { position: static; float: none; clear: both; margin-top: 0;}
#ryoko #plan li .ryoko_frame .pht_plan2 img { clear: both; }
#ryoko #plan li .ryoko_frame .pht_plan3 { background: none; }

#ryoko #plan li .ryoko_frame .pht_plan_bug { position: static !important; }

#ryoko #plan li .ryoko_frame .blankimage { background: url(../images/pht00.gif) no-repeat 300px bottom; }

#ryoko #plan li .ryokoarrow { margin-left: 264px; margin-top: -42px;
  behavior: expression(IEPNGFIX.fix(this)); }/* 透過PNGをIE6や5.5のバージョンでも綺麗に表示 */

#ryoko ul.list_btn { clear: both; padding-left: 109px; padding-top: 10px; border-top: 1px dotted #ccc; }
#ryoko ul.list_btn li { float: left; width: 182px; margin-right: 37px; }
#ryoko ul.list_btn a { display: block; width: 182px; height: 62px; text-indent: -9999px; overflow: hidden; }
#ryoko ul.list_btn a.btn_question { background-image: url(/resort/images/btn_question.gif); }
#ryoko ul.list_btn a.btn_tour { background-image: url(/room/images/btn_tour.gif); }
#ryoko ul.list_btn a:hover { background-position: bottom; }