@charset "UTF-8";
/* CSS Document */

#hotspring #wrapper { background:url(../../hotspring/img/title_bg.gif)  repeat-x center top;}
#hotspring h2 { width:1011px; padding:22px 19px 17px 0; margin:0 auto; text-align:right;}

#hotspring #cnav { background:url(../../hotspring/img/tab_line.gif) no-repeat center bottom; display:inline-block; width:1000px; padding:10px 0 13px 10px;}
#hotspring #cnav li { display:inline-block; width:329px; height:40px; float:left; padding-right:5px;}
#hotspring #cnav li a { display:block; width:329px; height:40px;}

#hotspring #contents_inner { background:#fff url(../../hotspring/img/bg.jpg) no-repeat center 15px; display:inline-block; width:948px; padding:15px 30px 25px 30px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
#hotspring #contents_inner h3 { padding:87px 0; text-align:center;}
#hotspring #contents_inner h4 { background:url(../img/line.gif) no-repeat left bottom; display:inline-block; width:100%; padding:8px 0; border-top:1px solid #d2d2d2;}
#hotspring #contents_inner h4 img { display:inline-block; float:left;}
#hotspring #contents_inner h4 span { display:inline-block; float:right; padding:27px 9px 0 0;}
#hotspring #hnav { display:inline-block; width:100%; padding-bottom:63px;}
#hotspring #hnav li { display:inline-block; width:304px; float:left; padding-right:18px; text-align:center;}
#hotspring #hnav .last { padding-right:0;}

#hotspring #sec1 { display:inline-block; width:100%; padding-bottom:58px;}
#hotspring #sec1 h4 { margin-bottom:17px;}
#hotspring #sec1 .photo { display:inline-block; float:right;}
#hotspring #sec1 div { display:inline-block; width:405px; padding-left:8px; float:left;}
#hotspring #sec1 dl { display:inline-block; width:100%; padding-top:20px;}
#hotspring #sec1 dt { background:url(../../hotspring/img/sec1_bg.gif) no-repeat left top; display:inline-block; height:106px; float:left; padding:10px 24px 0 8px;}
#hotspring #sec1 dd { display:inline-block; width:328px; float:right; padding-right:14px;}
#hotspring #sec1 #sec1_2 dd { background:url(../../hotspring/img/sec1_2_bg.gif) no-repeat right top; width:171px; padding-right:171px;}

#hotspring #sec2 { background:#faf5ec url(../../hotspring/img/sec2_bg.jpg) no-repeat left top; display:inline-block; width:100%; position:relative;}
#hotspring #sec2 h4 { background:none; width:45px; float:left; padding:40px 192px 0 44px; border:none;}
#hotspring #sec2 .photo { position:absolute; right:29px; top:-8px;}
#hotspring #sec2 div { display:inline-block; width:620px; float:right; padding-right:40px;}
#hotspring #sec2 p { padding:25px 0;}
#hotspring #sec2 dl { background:url(../../hotspring/img/sec2_line.gif) no-repeat left bottom; padding-bottom:9px; margin-bottom:17px;}
#hotspring #sec2 dt { background:url(../../hotspring/img/q_mark.gif) no-repeat 4px top; padding:0 0 12px 32px;}
#hotspring #sec2 dd { background:url(../../hotspring/img/a_mark.gif) no-repeat 4px 3px; padding-left:32px;}

#hotspring #sec3 { padding-top:70px;}
#hotspring #sec3 h4 { margin-bottom:40px;}
#hotspring #sec3 dl { background:url(../../hotspring/img/sec3_bg.gif) no-repeat left top; width:897px; margin:0 auto 25px auto;}
#hotspring #sec3 dt { padding:8px 0 7px 52px;}
#hotspring #sec3 dd { display:inline-block; width:799px; padding:14px 0 0 98px;}
#hotspring #sec3 dd span { display:block; padding-bottom:15px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:1.4em; color:#be5e3f;}
#hotspring #sec3_1 dd img { display:inline-block; float:right; padding-right:19px;}
#hotspring #sec3_1 p { display:inline-block; width:470px; float:left; padding-top:10px;}
#hotspring #sec3_2 dd img { display:inline-block; float:left;}
#hotspring #sec3_2 p { display:inline-block; width:457px; float:right; padding:9px 41px 0 0;}
#hotspring #sec3_3 dd { background:url(../../hotspring/img/sec3_3_img2.jpg) no-repeat 411px bottom; height:auto !important; height:249px; min-height:249px;}
#hotspring #sec3_3 dd img { display:block; padding:15px 0 0 130px;}
#hotspring #sec3_3 span { width:414px;}
#hotspring #sec3_3 p { display:inline-block; width:285px;}
#hotspring #sec3_4 dd img { display:inline-block; float:left;}
#hotspring #sec3_4 p { display:inline-block; width:424px; float:right; padding:10px 19px 0 0;}
#hotspring #sec3_5 dd { width:780px; padding-right:19px;}
#hotspring #sec3_6 dd img { display:inline-block; float:right; padding-right:19px; margin-top:-35px;}
#hotspring #sec3_6 p { display:inline-block; width:505px; float:left;}

#hotspring #sec4 { padding-top:40px;}
#hotspring #sec4 h4 { margin-bottom:46px;}
#hotspring #sec4 table { width:915px; margin:0 auto;}
#hotspring #sec4 th { background:url(../../hotspring/img/sec4_bg.gif) repeat-y left top; height:172px; text-align:center; vertical-align:middle; border-bottom:22px solid #fff;}
#hotspring #sec4 td { border-bottom:22px solid #fff; vertical-align:middle;}
#hotspring #sec4 p { background:url(../../hotspring/img/sec4_mark.gif) no-repeat left 8px; padding:0 0 15px 30px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:1.7em;}
#hotspring #sec4 .img_col { width:143px; padding:0 41px 0 28px; text-align:center;}