@charset "utf-8";
#room #container{text-align:center;}
#room #lead{background: url(../img/lead_bg.jpg) right bottom no-repeat; width: 1100px; height: 330px; margin: 0 auto;}
#room #lead:after{content:''; height:0; display:block; clear:both;}
#room #lead h3{float: right; margin: 35px 525px 0 0; display: inline;}
#room #lead p{float: right; margin: 15px 190px 0 0;}
#room #breadcrumb{z-index:3; position: relative;}


#room{padding: 450px 0 0 0;}

/*slide*/
#room .infiniteslide1{width:100%; overflow-x:hidden; height:450px; position: absolute; top:0;}


/*-----------------------

index

------------------------*/

#room.index #content{width: 1100px; margin: 0 auto; background: url(../../room/img/ind_con_bg.jpg) no-repeat bottom center; text-align: left; padding: 0 0 136px 0;}
#room.index #content:after{content:''; height:0; display:block; clear:both;}


/*-----------------------
section
------------------------*/

#room.index .section{width: 350px; display: inline-block; float: left; margin: 0 24px 0 0px; padding: 4px 0 0 0;}
#room.index .section h4{margin: 0 0 0 0px; position: relative;}
#room.index .section p{padding: 15px 0px 15px 18px; height: auto !important; min-height: 9em; height: 9em; width: 314px;}
#room.index .section ul:after{content:''; height:0; display:block; clear:both;}
#room.index .section ul{padding: 0 0 0 16px;}
#room.index .section li{float: left; padding: 0 14px 14px 0; width: 150px;}

/*-----------------------
sec1
------------------------*/

#room.index #sec1{background: url(../../room/img/ind_sec1_bg.jpg) no-repeat top center;}

/*-----------------------
sec2
------------------------*/

#room.index #sec2{background: url(../../room/img/ind_sec2_bg.png) no-repeat top center;}
#room.index #sec2 .last{background: url(../../room/img/ind_sec2_bg2.jpg) no-repeat; padding: 0 0 0 28px; width: 122px; font-size: 0.9em;}


/*-----------------------
sec3
------------------------*/

#room.index #sec3{background: url(../../room/img/ind_sec3_bg.jpg) no-repeat top center; margin: 0 0 0 0;}



/*-----------------------

detail

------------------------*/

#room.detail #rnav{width: 1100px; margin: -55px auto 0 auto; padding: 55px 0 0 0 ; position: relative; z-index:1;}
#room.detail #rnav:after{content:''; height:0; display:block; clear:both;}
#room.detail #rnav li{float: left; margin: 0 10px 0 0;}
#room.detail #rnav a{width: 260px; height: 50px; display: block;}
#room.detail #rnav a:hover img{display: none;}
#room.detail #rnav .r_nav1{background: url(../../room/img/rnav1_on.gif) no-repeat;}
#room.detail #rnav .r_nav2{background: url(../../room/img/rnav2_on.gif) no-repeat;}
#room.detail #rnav .r_nav3{background: url(../../room/img/rnav3_on.gif) no-repeat;}


#room.detail .section{background: #fff; width: 1060px; padding: 20px 20px 20px 20px; margin: 0 auto;}
#room.detail .section:after{content:''; height:0; display:block; clear:both;}

#room.detail #rd_nav{width: 1045px; padding: 0 0 0 15px; margin: 0 0 20px 0;}
#room.detail #rd_nav:after{content:''; height:0; display:block; clear:both;}
#room.detail #rd_nav li{float: left; margin: 0 10px 0 0;}

#room.detail .pict{float: right;}

#room.detail dl.title{width: 280px; float: left;}
#room.detail .title dd{margin: 10px 0 0 0;}
#room.detail .title a{margin: 10px 0 0px 20px; display: block;}
#room.detail dl.title p { line-height:1.7em; text-align:left;}
#room.detail .title .wifi_img{margin: 10px 0 0px 30px; display: block;}


#room.detail #slideshow{width:760px; height:500px; float: right;}
#room.detail #slideshow div{width:760px; height:500px; overflow:hidden; position:relative;}
#room.detail #slideshow div div {top: 0; left: 0; position: absolute; }
#room.detail #slideNavi{position:relative; z-index:102; float:right; margin: -50px 0 0 0; padding: 0 10px 0 0;}
#room.detail #slideNavi li{float:left; width: 50px; height: 33px; overflow: hidden; position: relative; margin: 0 10px 0 0;}
#room.detail #slideNavi li img{position: absolute; top:-10px; left:-25px;}
#room.detail #slideshow .active{
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#room.detail #slideshow .active{border: 1px solid  #fff; width: 48px; height: 31px;}
#room.detail #slideshow .active img{top:-11px; left: -26px}

#room.detail .section table{width: 794px; float: left; margin: 20px 0 0 0; background: #e0e0e0; border-spacing: 1px; border-collapse: separate;}
#room.detail .section table .title{background: #43413a; width: 95px; text-align: center; border: 5px solid  #fff;}
#room.detail .section table th,
#room.detail .section table td{background: #f9f9f9; padding: 20px; text-align: left;}
#room.detail .section table th{text-align: center;}

#room.detail .madori{float: right; width: 255px; text-align: center; margin: 20px 0 0 0;}


/*----------------------------

room1

-----------------------------*/

#room.detail.r1 #rnav .r_nav1 img{display: none;}

#room.detail.r1 #rd_nav a{width: 250px; height: 34px; display: block;}
#room.detail.r1 #rd_nav a:hover img{display: none;}
#room.detail.r1 #rd_nav .rd_nav1{background: url(../../room/img/r1_nav1_on.jpg) no-repeat;}
#room.detail.r1 #rd_nav .rd_nav2{background: url(../../room/img/r1_nav2_on.jpg) no-repeat;}
#room.detail.r1 #rd_nav .rd_nav3{background: url(../../room/img/r1_nav3_on.jpg) no-repeat;}
#room.detail.r1 #rd_nav .rd_nav4{background: url(../../room/img/r1_nav4_on.jpg) no-repeat;}

#room.detail.r1_1 #rd_nav .rd_nav1 img{display: none;}
#room.detail.r1_2 #rd_nav .rd_nav2 img{display: none;}
#room.detail.r1_3 #rd_nav .rd_nav3 img{display: none;}
#room.detail.r1_4 #rd_nav .rd_nav4 img{display: none;}


/*----------------------------

room2

-----------------------------*/

#room.detail.r2 #rd_nav{width: 1070px; padding: 0 0 0 0; margin: 0 0 20px 0;}
#room.detail.r2 #rd_nav:after{content:''; height:0; display:block; clear:both;}
#room.detail.r2 #rd_nav li{float: left; margin: 0 7px 0 0;}


#room.detail.r2 #rnav .r_nav2 img{display: none;}

#room.detail.r2 #rd_nav a{width: 145px; height: 34px; display: block;}
#room.detail.r2 #rd_nav a:hover img{display: none;}
#room.detail.r2 #rd_nav .rd_nav1{background: url(../../room/img/r2_nav1_on.jpg) no-repeat;}
#room.detail.r2 #rd_nav .rd_nav2{background: url(../../room/img/r2_nav2_on.jpg) no-repeat;}
#room.detail.r2 #rd_nav .rd_nav3{background: url(../../room/img/r2_nav3_on.jpg) no-repeat;}
#room.detail.r2 #rd_nav .rd_nav4{background: url(../../room/img/r2_nav4_on.jpg) no-repeat;}
#room.detail.r2 #rd_nav .rd_nav5{background: url(../../room/img/r2_nav5_on.jpg) no-repeat;}
#room.detail.r2 #rd_nav .rd_nav6{background: url(../../room/img/r2_nav6_on.jpg) no-repeat;}
#room.detail.r2 #rd_nav .rd_nav7{background: url(../../room/img/r2_nav7_on.jpg) no-repeat;}

#room.detail.r2_1 #rd_nav .rd_nav1 img{display: none;}
#room.detail.r2_2 #rd_nav .rd_nav2 img{display: none;}
#room.detail.r2_3 #rd_nav .rd_nav3 img{display: none;}
#room.detail.r2_4 #rd_nav .rd_nav4 img{display: none;}
#room.detail.r2_5 #rd_nav .rd_nav5 img{display: none;}
#room.detail.r2_6 #rd_nav .rd_nav6 img{display: none;}
#room.detail.r2_7 #rd_nav .rd_nav7 img{display: none;}



/*----------------------------

room3

-----------------------------*/

#room.detail.r3 #rnav .r_nav3 img{display: none;}