@charset"UTF-8";

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

#pan { margin-bottom: 30px; }

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

/* ryokouki index */

#ryokouki .lead { margin-bottom: 10px; }
#ryokouki #photo_d { margin-left: -10px; padding-top: 10px; }

#ryokouki .s_photo { float: left; width: 200px; margin-left: 10px; _margin-left: 5px; margin-bottom: 20px; background: url(../images/frame_ryokouki_body.gif) repeat-y; }

#ryokouki .s_photo p.title { padding: 15px 3px 5px; background: url(../images/frame_ryokouki_head.gif) no-repeat; }
#ryokouki .s_photo p.title a {
  display: block;
  height: 2.6em;
  padding: 0 0 0 15px;
  background: url(/images/star_h3.gif) no-repeat;
  font-weight: bold;
  _line-height: 1.2em;
}
#ryokouki .s_photo p.photo { margin-bottom: 5px; text-align: center; }
#ryokouki .s_photo p.photo img { border: 5px solid #fff; }
#ryokouki .s_photo div.detail { padding-bottom: 15px; background: url(../images/frame_ryokouki_tail.gif) no-repeat bottom; }
#ryokouki .s_photo table { margin: 0 7px; }
#ryokouki .s_photo table .category, #ryokouki #detail table .category { text-align: right; white-space: nowrap; }


/* ryokouki detail */

#ryokouki p.name { margin-bottom: 5px; padding: 6px 10px; background-color: #fdecd9; color: #b35f00; font-weight: bold; line-height: 1em; }/* title */

#ryokouki #photo_top:after, #ryokouki .photo_r:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ryokouki #photo_top, #ryokouki .photo_r { margin: 0 10px 20px; zoom: 1; }

#ryokouki #photo_top p#photo { float: left; width: 265px; border: 1px solid #ccc; }
#ryokouki #photo_top p#photo img, #ryokouki .photo_r .photo img { border: 5px solid #fff; }

#ryokouki #photo_top div#detail { float: right; width: 313px; }
#ryokouki #photo_top div#detail table { width: 100%; margin-bottom: 10px; padding: 5px; border: 2px solid #409805;
  border-radius: 3px;         /* CSS3 */
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  background-color: #f0ffe5;   /* 背景色 */
}
#ryokouki #photo_top div#detail p, #ryokouki p.b_tex font { display: inline; padding: 0 0 3px; border-bottom: dotted 1px #ccc; line-height: 1.8em; _font-size: 100%; }

#ryokouki .photo_m { clear: both; margin: 0 10px 20px; }

#ryokouki .photo_r .photo { float: right; width: 265px; margin-top: 25px; margin-left: 20px; border: 1px solid #ccc; }
#ryokouki .photo_r p.b_tex { margin-left: 10px; }

#ryokouki .ti_blog p { margin-bottom: 5px; padding: 3px 10px 2px; border-bottom: 1px solid #409805; background-color: #a1e573; font-weight: bold; line-height: 1em; }

#ryokouki .photo_m p.photo { float: left; margin: 0 2px 10px; border: 1px solid #ccc; }
#ryokouki .photo_m p.photo img { border: 4px solid #fff; }
#ryokouki .photo_m p.b_tex { clear: both; margin: 0 10px; }

#ryokouki #detail p a, #ryokouki p.b_tex a { font-weight: bold; }

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