@charset "utf-8";

/* 共通 */

#room #header #photobox { background:url(../../room/img/title_photo.jpg) no-repeat 50% 0;}

#room #contents #intro { width:691px; background:url(../../room/img/bg_intro_middle.gif) repeat-y 0 90px; margin:10px auto 90px auto;}
#room #contents #intro h3 { background:url(../../room/img/bg_intro_top.gif) no-repeat; width:496px; padding:31px 0 0 195px;}
#room #contents #intro p { background:url(../../room/img/bg_intro_bottom.gif) no-repeat bottom; width:631px; padding:25px 30px 35px 30px; text-align:center;}


/* 部屋トップ */
/*
#room #link { position:relative; background:url(../../room/img/bg_photo.gif) no-repeat; width:691px; height:629px; margin:0 auto;}
#room #link h4 { position:absolute; width:150px; height:135px; top:-61px; left:11px; z-index:10;}
#room #link #box { position:absolute; width:669px; height:629px; padding-left:22px;}
#room #link #box p { padding:32px 0 30px 161px;}
#room #link #box dl { float:left; width:310px; padding-bottom:35px;}
#room #link #box dl.padding { padding-right:27px;}
#room #link #box dl dt { margin-bottom:8px;}
*/

/* 部屋詳細 */
#room #detail { position:relative; background:url(../../room/img/bg_photo.gif) no-repeat; width:691px; height:629px; margin:0 auto;}
#room #detail h4 { position:absolute; width:150px; height:135px; top:-61px; left:11px; z-index:10;}
#room #detail #type_nav { position:absolute; width:546px; height:77px; top:-39px; left:145px; z-index:9;}
#room #detail #type_nav ul li { float:left;}

#room .present a { display:block; text-indent:-9999px; height:77px;}
#room .present a#navi1 { background:url(../../room/img/navi1_on.gif) no-repeat; width:137px;}
#room .present a#navi2 { background:url(../../room/img/navi2_on.gif) no-repeat; width:137px;}
#room .present a#navi3 { background:url(../../room/img/navi3_on.gif) no-repeat; width:137px;}
#room .present a#navi4 { background:url(../../room/img/navi4_on.gif) no-repeat; width:135px;}


#room #detail div.box { position:absolute; width:618px; height:540px; top:82px; left:36px; z-index:8;}
#room #detail div.box_top {}
#room #detail div.box_top img.left { float:left; width:455px;}
#room #detail div.box_top div.right { float:right; width:105px;}
#room #detail #page4 div.box_top div.right { width:125px;}
#room #detail div.box_top div.right h5 { padding:14px 37px 29px 0;}
#room #detail div.box_top div.right ul { padding-left:21px;}
#room #detail #page4 div.box_top div.right ul { padding-left:42px;}
#room #detail div.box_top div.right ul li { padding-bottom:10px;}
#room #detail div.box_top div.right ul li img { border:1px solid #655335;}

#room #detail div.box_bottom { width:691px; padding-top:20px;}
#room #detail div.box_bottom div.left { float:left; width:404px; padding:0 20px 20px 10px;}
#room #detail div.box_bottom div.left p { color:#fff; font-size:12px;}
#room #detail div.box_bottom div.left p span { display:block; color:#acb67c; font-size:11px; padding:15px 0 25px 0;}
#room #detail div.box_bottom div.left a { padding:20px 20px 20px 10px;}
#room #detail div.box_bottom img.right { padding:10px 0 0 0;}

#room #detail div.box_bottom div.left a.multi1 { padding:20px 20px 20px 10px;}
#room #detail div.box_bottom div.left a.multi2 { padding:20px 0 10px 0;}
#room #detail div.box_bottom div.left img.multi_img { margin:0 0 15px 0;}