@charset "utf-8";

#room #title { background:url(../../room/img/title.jpg) no-repeat center 0;}
#room #title h2 { position:absolute; left:50%;}


/* sec0 */
#room.top #sec0 { }
#room.top #sec0 h3 { text-align:center; padding-top:40px;}
#room.top #sec0 p { text-align:center; padding-top:60px;}


/* sec1 */
#room.top #sec1 { padding-top:60px}
#room.top #sec1 h3 { text-align:center; background:url(../../room/img/1_sec1_bg_title.png) no-repeat; padding:150px 0 40px 0;}
#room.top #sec1 ul { padding:25px 0 40px 0;}
#room.top #sec1 ul li { float:left; width:152px; padding-right:17.6px;}
#room.top #sec1 ul li.right { padding-right:0;}
#room.top #sec1 p { text-align:center; padding:55px 0 0 0;}

/* service */
#room.top #service_col { background:url(../../room/img/1_bg_service.png); border:1px solid #837f74; margin-top:58px;}
#room.top #service_col img.photo { float:right; width:287px;}
#room.top #service_col h4 { float:left; width:222px; padding:30px 0 0 30px;}
#room.top #service_col ul { float:left; width:680px; padding:20px 0 0 30px;}
#room.top #service_col ul li { float:left; width:320px; padding-right:15px;}
#room.top #service_col p { float:left; width:680px; font-size:0.9em; padding:15px 0 0 30px;}


/* sec2 */
#room.top #sec2 { background:url(../../room/img/1_sec2_bg.jpg); margin-top:100px; padding-bottom:45px;}
#room.top #sec2 h3 { padding-top:20px;}
#room.top #sec2 p { text-align:center; color:#000; font-size:1.1em; padding:20px 0;}
#room.top #sec2 ul { padding:0 0 30px 0;}
#room.top #sec2 ul li { width:257px; margin:0 auto;}
#room.top #sec2 ul li.right { padding-right:0;}
#room.top #sec2 div { width:940px; height:185px; background:url(../../room/img/1_sec2_bg_service.jpg) no-repeat; margin:0 auto;}
#room.top #sec2 div h4 { padding:38px 0 0 33px;}
#room.top #sec2 div ul { float:left; width:680px; padding:20px 0 0 30px;}
#room.top #sec2 div ul li { float:left; width:400px; color:#000; padding-right:15px;}
#room.top #sec2 div p { clear:both; color:#000; text-align:left; font-size:0.9em; padding:10px 0 0 30px;}




/** 純和風客室 **/
#room.japanese #sec1 { background:url(../../room/img/2_bg.jpg); padding-top:0; margin-top:30px;}
/*#room.japanese #sec1 h3 { padding-top:52px;}*/

#room.japanese #sec1 h5 { color:#000;}

/* sec1_1 */
#room.japanese #sec1 { padding:10px 0 50px 0;}
#room.japanese #sec1_1 { width:880px; border:1px solid #aea07d; padding:40px 20px 40px 40px; margin:60px auto;}
#room.japanese #sec1_1 .title_col { float:left; width:370px;}
#room.japanese #sec1_1 .title_col h3 { padding-top:10px;}
#room.japanese #sec1_1 .title_col p { width:340px; color:#000; padding:20px 0 15px 0;}
#room.japanese #sec1_1 .title_col ul { color:#000; line-height:18px; padding-bottom:7px;}
#room.japanese #sec1_1 .title_col a { display:inline-block; padding-top:10px;}

#room.japanese #sec1_1 .photo_col { float:right; width:502px;}
#room.japanese #sec1_1 .photo_col img { float:left; padding:0 0 10px 2px;}


/* sec1_2 */
#room.japanese #sec1_2 { width:880px; border:1px solid #aea07d; padding:40px 20px 40px 40px; margin:60px auto;}
#room.japanese #sec1_2 .title_col { float:left; width:370px;}
#room.japanese #sec1_2 .title_col h3 { padding-top:10px;}
#room.japanese #sec1_2 .title_col p { width:340px; color:#000; padding:30px 0;}
#room.japanese #sec1_2 .title_col ul { color:#000; line-height:18px; padding-bottom:22px;}
#room.japanese #sec1_2 .title_col a { display:inline-block; padding-top:10px;}


#room.japanese #sec1_2 .photo_col { float:right; width:504px;}
#room.japanese #sec1_2 .photo_col img { float:left; padding:0 0 10px 4px;}


/* sec1_3 */
#room.japanese #sec1_3 { width:880px; border:1px solid #aea07d; padding:40px 20px 40px 40px; margin:60px auto;}
#room.japanese #sec1_3 .title_col { float:left; width:370px;}
#room.japanese #sec1_3 .title_col h3 { padding-top:10px;}
#room.japanese #sec1_3 .title_col p { width:340px; color:#000; padding:30px 0 15px 0;}
#room.japanese #sec1_3 .title_col ul { color:#000; line-height:18px; padding-bottom:15px;}

#room.japanese #sec1_3 h5 { color:#000;}
#room.japanese #sec1_3 .title_col a { display:inline-block; margin-bottom:10px;}

#room.japanese #sec1_3 .photo_col { float:right; width:504px;}
#room.japanese #sec1_3 .photo_col img { float:left; padding:0 0 10px 4px;}


/* este */
#room.japanese #este_col { width:958px; height:633px; background:url(../../room/img/este_bg.jpg) no-repeat; margin:30px auto 0 auto;}
#room.japanese #este_col h3 { text-align:center; padding:55px 0 20px 0;}
#room.japanese #este_col p.intro { color:#3f3315; background:url(../../room/img/este_bg1.png); text-align:center; width:451px; margin:0 auto 55px auto; padding:2px 0;}

#room.japanese #este_1 { float:left; width:420px; padding-left:70px;}
#room.japanese #este_1 dd { color:#3f3315; line-height:18px; padding-left:36px;}
#room.japanese #este_1 dd span { display:block; font-size:0.9em;}
#room.japanese #este_1 p { color:#3f3315; font-size:1.1em; font-weight:bold; padding:5px 0 25px 35px;}

#room.japanese #este_2 { float:left; width:420px; padding-left:20px;}
#room.japanese #este_2 dd { color:#3f3315; line-height:18px; padding-left:36px;}
#room.japanese #este_2 dd span { display:block; font-size:0.9em;}
#room.japanese #este_2 p { color:#3f3315; font-size:1.1em; font-weight:bold; padding:5px 0 25px 35px;}
#room.japanese #este_2 dl#maternity { width:360px; background:url(../../room/img/este_bg2.png); padding:15px 15px; margin-left:35px;}
#room.japanese #este_2 dl#maternity dt { padding-bottom:5px;}
#room.japanese #este_2 dl#maternity dd { color:#662d2d; line-height:18px; padding-left:0;}
#room.japanese #este_2 dl#maternity dd span { padding-bottom:5px;}
#room.japanese #este_2 dl#maternity dd strong { font-size:1.1em; font-weight:bold;}
#room.japanese #este_2 span.caution { display:block; color:#3f3315; font-size:0.9em; text-align:right; padding:5px 0 0 0; margin-bottom:-15px;}

#room.japanese #este_col p#oil { padding:0 0 0 70px;}

#room.japanese #este_col p.caption { color:#3f3315; text-align:right; line-height:11px; padding:25px 25px 0 0;}
#room.japanese #este_col p.caption img { display:inline-block; padding-right:15px;}
#room.japanese #este_col p.caption span { font-size:0.9em;}