@charset "utf-8";


#hotspring #contents { background:url(../../spa/img/1_bg1.jpg) no-repeat #321f22;}

/* sec1 */
#hotspring #sec1 { width:950px; background:url(../../spa/img/1_bg2.jpg) no-repeat left bottom;}
#hotspring #sec1 h3 { float:right; width:86px; padding:30px 51px 0 0;}
#hotspring #sec1 dl { float:right; width:216px; padding:52px 15px 0 0;}
#hotspring #sec1 dt { float:right; width:56px;}
#hotspring #sec1 dd { float:right; width:143px; padding:28px 17px 0 0;}

#hotspring #sec1_1 { float:left; width:430px; padding:442px 0 0 42px;}
#hotspring #sec1_1 p.photo { width:429px; text-align:right; padding:0;}
#hotspring #sec1_1 p { color:#c2bcbd; padding:20px 0 30px 0;}
#hotspring #sec1_1 h4 { border-top:1px solid #746769; border-bottom:1px solid #746769; padding:6px 10px;}
#hotspring #sec1_1 table { width:100%; margin-top:20px;}
#hotspring #sec1_1 table th { width:95px; color:#c2bcbd; padding-left:10px; vertical-align:top;}
#hotspring #sec1_1 table td { color:#c2bcbd;}
#hotspring #sec1_1 table span { width:80px; display:inline-block; _display:inline; _zoom:1;}

#hotspring #sec1_2 { float:right; width:410px; padding:255px 40px 0 0;}
#hotspring #sec1_2 .photo_col { width:410px; padding-bottom:15px;}
#hotspring #sec1_2 .photo_col p.photo1 { float:left; width:189px; color:#c2bcbd; text-align:right;}
#hotspring #sec1_2 .photo_col p.photo2 { float:left; width:188px; color:#c2bcbd; text-align:right; padding:50px 0 0 20px;}
#hotspring #sec1_2 .detail { clear:both; width:410px; background:#3c2a2d; padding:15px 0;}
#hotspring #sec1_2 .detail p { width:390px; color:#c2bcbd; padding-left:20px;}
#hotspring #sec1_2 .detail h5 { width:158px; padding:15px 0 5px 15px;}
#hotspring #sec1_2 .detail table { width:380px; margin-left:20px;}
#hotspring #sec1_2 .detail th { width:95px; color:#c2bcbd; vertical-align:top;}
#hotspring #sec1_2 .detail td { color:#c2bcbd;}
#hotspring #sec1_2 .detail span { width:80px; display:inline-block; _display:inline; _zoom:1;}
#hotspring #sec1_2 p.text { padding:55px 0 0 230px;}
#hotspring #sec1_2 p.photo { width:265px; color:#c2bcbd; text-align:right; padding:23px 0 0 140px;}
#hotspring #sec1_2 p.photo img { float:left; margin-left:2px;}


#hotspring #sec1_3 { clear:both; color:#c2bcbd; padding:25px 38px 10px 38px;}
#hotspring #sec1_3 p.text { padding:10px 0 0 700px;}
#hotspring #sec1_3 p.photo { width:265px; color:#c2bcbd; text-align:right; padding:23px 0 0 600px;}
#hotspring #sec1_3 p.photo img { float:left; margin-left:2px;}
#hotspring #sec1_3 h4 { border-top:1px solid #746769; border-bottom:1px solid #746769; margin-bottom:15px; padding:6px 10px;}
#hotspring #sec1_3 h5 { margin:15px 0 10px 0;}
#hotspring #sec1_3 p { padding:2px 25px;}
#hotspring #sec1_3 table {border-bottom:2px solid #746769; border-top:2px solid #746769; border-collapse:collapse;}
#hotspring #sec1_3 th { border-bottom:1px solid #746769; padding:3px 5px; text-align:center; width:10%;}
#hotspring #sec1_3 th.even { background:#5b2b33;}
#hotspring #sec1_3 td { border-bottom:1px solid #746769; font-size:0.9em; padding:3px 5px; }




/* sec2 */
#hotspring #sec2 { width:816px; background:url(../../spa/img/2_bg1.gif); margin:40px auto 0 auto; padding:25px;}
#hotspring #sec2 img.photo { float:left; width:375px;}
#hotspring #sec2 .detail { float:left; width:415px; padding:0 0 25px 25px;}
#hotspring #sec2 h4 { width:390px; border-top:1px solid #ad9797; border-bottom:1px solid #ad9797; padding:6px 10px;}
#hotspring #sec2 p { color:#3c2a2d; padding:15px 0 0 0;}
#hotspring #sec2_1 { clear:both; background:url(../../spa/img/2_bg2.gif);}
#hotspring #sec2_1 dl { float:left; width:390px; color:#321f22; line-height:1.4em; padding:20px 0 20px 30px;}
#hotspring #sec2_1 dt { padding-bottom:5px;}
#hotspring #sec2_1 dd { padding:0 0 5px 30px;}
#hotspring #sec2_1 ul li span { width: 250px; display: inline-block; _display: inline; _zoom: 1; }
#hotspring #sec2_1 img { float:right; width:368px; padding:25px 20px 0 0;}

#hotspring #sec3 { width:816px; background:url(../../spa/img/2_bg1.gif); margin:40px auto 0 auto; padding:25px;}
#hotspring #sec3 img.photo { float:left; width:376px;}
#hotspring #sec3 .detail { float:left; width:415px; padding:0 0 25px 23px; }
#hotspring #sec3 h4 { width:390px; border-top:1px solid #ad9797; border-bottom:1px solid #ad9797; padding:6px 10px;}
#hotspring #sec3 ul { color:#3c2a2d; padding:15px 0 0 0;}
#hotspring #sec3 li span { width:70px; display:inline-block; _display:inline; _zoom:1;}
#hotspring #sec3 p { color:#3c2a2d; font-size:12px; padding:15px 0 0 0; }