@charset "utf-8";

#room #title_col h2 { position:absolute; top:84px; left:50%; margin-left:-79px; z-index:1;}

/* rnav */
#room #rnav { width:1090px; margin:130px auto 0 auto; background:url(../../room/img/rnav_bg.gif) 0 bottom repeat-x; padding-left:10px; /display:inline-block;}
#room #rnav:after{ content:" " ; clear:both; display:block; height:0;}
#room #rnav li { float:left; padding:0 7px; }
#room #rnav li a { display:block; width:255px; height:64px; }

#room.room1 #rnav li.rnav1 img,
#room.room2 #rnav li.rnav2 img,
#room.room3 #rnav li.rnav3 img,
#room.room4 #rnav li.rnav4 img{display:none;}

#room.room1 #rnav li.rnav1 a { background:url(../../room/img/rnav1_on.jpg) 0 0 no-repeat;}
#room.room2 #rnav li.rnav2 a { background:url(../../room/img/rnav2_on.jpg) 0 0 no-repeat;}
#room.room3 #rnav li.rnav3 a { background:url(../../room/img/rnav3_on.jpg) 0 0 no-repeat;}
#room.room4 #rnav li.rnav4 a { background:url(../../room/img/rnav4_on.jpg) 0 0 no-repeat;}








/*** room1 ***/
/* sec1 */
#room.room1 #sec1 { width:1100px; margin:0 auto; background:url(../../room/img/sec1_bg.jpg) 0 bottom no-repeat; padding:30px 0 170px 0;}
#room.room1 #sec1 .inner { width:1086px; background:url(../../room/img/1_bg.jpg) 3px 0 no-repeat; padding-left:14px;}
#room.room1 #sec1 .inner:after{ content:" " ; clear:both; display:block; height:0;}
#room.room1 #sec1 .inner h3 { text-align:center; padding-top:100px;}
#room.room1 #sec1 .inner p { text-align:center; padding:10px 0 85px 0;}

#room.room1 #sec1 .inner div { width:352px; float:left; background:url(../../room/img/1_sec1_bg.png) 0 0 no-repeat; padding-right:10px;}
#room.room1 #sec1 .inner div h4 { text-align:center; padding-top:40px;}
#room.room1 #sec1 .inner div dl { text-align:center; padding-top:15px;}
#room.room1 #sec1 .inner div dl dt { margin-bottom:-35px; position:relative; z-index:1;}
#room.room1 #sec1 .inner div a { display:block; width:332px; margin:20px 0 30px 10px;}
#room.room1 #sec1 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}






/*** room2 ***/
/* sec1 */
#room.room2 #sec1 { width:1100px; margin:0 auto; background:url(../../room/img/sec1_bg.jpg) 0 bottom no-repeat; padding:55px 0 50px 0;}
#room.room2 #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#room.room2 #slideshow { width:1100px; float:left; position:relative; top:0; left:0; padding:0 0 60px 30px;}
#room.room2 #slideshow:after{ content:" " ; clear:both; display:block; height:0;}
#room.room2 #slideshow div.photo { width:700px; height:467px; float:left; position:relative; top:0; left:0;}
#room.room2 #slideshow div.photo:after{ content:" " ; clear:both; display:block; height:0;}
#room.room2 #slideshow div.photo div { position:absolute; top:0; left:0; padding-top:15px;}
#room.room2 #slideshow ul { width:100px; float:left; padding:15px 0 0 10px;}
#room.room2 #slideshow ul li { padding-bottom:13px;}
#room.room2 #slideshow h3 { float:left; background:url(../../room/img/2_title_bg.jpg) 0 0 no-repeat; margin-left:70px; padding:80px 15px 0 13px;}

#room.room2 #madori { float:left; padding-left:55px;}
#room.room2 #madori dd { padding-left:20px;}

#room.room2 #text_col { width:580px; float:right; padding:40px 35px 0 0;}
#room.room2 #text_col p { width:435px;}
#room.room2 #text_col dl { padding:60px 0 40px 0;}
#room.room2 #text_col dl dd { width:535px; border:1px #cacaca solid; padding:15px;}
#room.room2 #text_col a { display:inline-block; float:left; margin-right:15px;}
#room.room2 #text_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}





/*** room3 ***/
/* sec1 */
#room.room3 #sec1 { width:1100px; margin:0 auto; background:url(../../room/img/sec1_bg.jpg) 0 bottom no-repeat; padding:55px 0 50px 0;}
#room.room3 #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#room.room3 #slideshow { width:1100px; float:left; position:relative; top:0; left:0; padding:0 0 0 30px;}
#room.room3 #slideshow:after{ content:" " ; clear:both; display:block; height:0;}
#room.room3 #slideshow div.photo { width:700px; height:467px; float:left; position:relative; top:0; left:0;}
#room.room3 #slideshow div.photo:after{ content:" " ; clear:both; display:block; height:0;}
#room.room3 #slideshow div.photo div { position:absolute; top:0; left:0; padding-top:15px;}
#room.room3 #slideshow ul { width:100px; float:left; padding:15px 0 0 10px;}
#room.room3 #slideshow ul li { padding-bottom:13px;}
#room.room3 #slideshow h3 { float:left; background:url(../../room/img/3_title_bg.jpg) 0 0 no-repeat; margin-left:70px; padding:80px 15px 0 13px;}

#room.room3 #madori { float:left; padding-left:10px;}
#room.room3 #madori dt { padding-left:40px;}

#room.room3 #text_col { width:580px; float:right; padding:40px 30px 0 0;}
#room.room3 #text_col p { width:490px;}
#room.room3 #text_col dl { padding:30px 0 40px 0;}
#room.room3 #text_col dl dd { width:535px; border:1px #cacaca solid; padding:15px;}
#room.room3 #text_col a { display:inline-block; float:left; margin-right:15px;}

#room.room3 #text_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}






/*** room4 ***/
/* sec1 */
#room.room4 #sec1 { width:1100px; margin:0 auto; background:url(../../room/img/sec1_bg.jpg) 0 bottom no-repeat; padding:55px 0 50px 0;}
#room.room4 #sec1:after{ content:" " ; clear:both; display:block; height:0;}
#room.room4 #slideshow { width:1100px; float:left; position:relative; top:0; left:0; padding:0 0 30px 30px;}
#room.room4 #slideshow:after{ content:" " ; clear:both; display:block; height:0;}
#room.room4 #slideshow div.photo { width:700px; height:467px; float:left; position:relative; top:0; left:0;}
#room.room4 #slideshow div.photo:after{ content:" " ; clear:both; display:block; height:0;}
#room.room4 #slideshow div.photo div { position:absolute; top:0; left:0; padding-top:15px;}
#room.room4 #slideshow ul { width:100px; float:left; padding:15px 0 0 10px;}
#room.room4 #slideshow ul li { padding-bottom:13px;}
#room.room4 #slideshow h3 { float:left; background:url(../../room/img/4_title_bg.jpg) 0 0 no-repeat; margin-left:70px; padding:80px 15px 0 13px;}

#room.room4 #madori { float:left; padding-left:20px;}
#room.room4 #madori dt { padding-left:20px;}

#room.room4 #text_col { width:580px; float:right; padding:40px 30px 0 0;}
#room.room4 #text_col p { width:490px;}
#room.room4 #text_col dl { padding:35px 0 40px 0;}
#room.room4 #text_col dl dd { width:535px; border:1px #cacaca solid; padding:15px;}
#room.room4 #text_col a { display:inline-block; float:left; margin-right:15px;}

#room.room4 #text_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}