@charset "utf-8";

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

/* onav */
#spa #onav { width:1100px; margin:50px auto 0 auto;}
#spa #onav:after{ content:" " ; clear:both; display:block; height:0;}
#spa #onav li { float:left;}
#spa #onav li.nav1 { width:221px; padding-right:20px;}
#spa #onav li.nav2 { width:164px; padding-left:38px;}
#spa #onav li.nav3 { width:164px; padding-left:10px;}
#spa #onav li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec1 */
#spa #sec1 { width:1100px; height:608px; margin:32px auto 0 auto; position:relative;}
#spa #sec1 h3 { position:absolute; top:380px; left:558px; z-index:1;}
#spa #sec1 p { position:absolute; top:475px; left:558px; z-index:1;}


/* sec2 */
#spa #sec2 { width:1100px; background:url(../../spa/img/sec2_bg.jpg) no-repeat right bottom; margin:74px auto 0 auto; padding-bottom:50px;}
#spa #sec2:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec2 h3 { padding:0 0 77px 105px;}
#spa #sec2 h4 { float:left; width:305px;}
#spa #sec2 ul { float:left; width:112px; padding-left:27px;}
#spa #sec2 li { padding-bottom:4px;}
#spa #sec2 p { clear:both; width:600px; padding-top:35px;}


/* sec3 */
#spa #sec3 { width:1100px; margin:22px auto 0 auto;}
#spa #sec3:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec3 .detail_col { float:right; width:376px; padding-top:65px;}
#spa #sec3 .detail_col p { padding-top:30px;}
#spa #sec3 .detail_col dl { padding:50px 0 65px 0;}
#spa #sec3 .detail_col dt { background:url(../../spa/img/sec3_bg.gif) no-repeat 0 bottom; padding:3px 0;}
#spa #sec3 .detail_col dd { width:220px; background:url(../../spa/img/sec3_bg.gif) no-repeat 0 bottom; padding:3px 0;}

#spa #sec3 .photo_col { float:left; width:679px;}
#spa #sec3 .photo_col:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec3 .photo_col p { font-size:0.9em; padding:3px 0 10px 0;}
#spa #sec3 .photo_col dl { float:left; width:300px; padding:0 3px 20px 0;}
#spa #sec3 .photo_col dt { font-size:0.9em;}
#spa #sec3 .photo_col span { display:inline-block; clear:both; background:#f4f1e9; border:1px solid #d9d5cb; padding:10px 20px;}

#spa #sec3 ul { clear:both; font-size:0.9em; letter-spacing:0; padding-top:15px;}


/* sec4 */
#spa #sec4 { width:1100px; margin:110px auto 0 auto; border-bottom:1px solid #c8c8c8;}
#spa #sec4:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec4 .detail_col { float:left; width:376px; padding-top:20px;}
#spa #sec4 .detail_col p { padding:30px 38px 0 0;}
#spa #sec4 .detail_col dl { padding:50px 0 65px 0;}
#spa #sec4 .detail_col dt { background:url(../../spa/img/sec3_bg.gif) no-repeat 0 bottom; padding:3px 0;}
#spa #sec4 .detail_col dd { width:220px; background:url(../../spa/img/sec3_bg.gif) no-repeat 0 bottom; padding:3px 0;}

#spa #sec4 img.photo { float:right;}

#spa #sec4 .photo_col { clear:both; padding:37px 0;}
#spa #sec4 .photo_col:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec4 .photo_col img { float:left;}
#spa #sec4 .photo_col dl { float:left; width:247px; padding:0 53px 0 3px;}
#spa #sec4 .photo_col dt { font-size:0.9em;}

#spa #sec4 span { display:inline-block; clear:both; background:#f4f1e9; border:1px solid #d9d5cb; padding:10px 20px;}
#spa #sec4 ul { clear:both; font-size:0.9em; letter-spacing:0; padding-top:15px;}
#spa #sec4 p.pagetop { text-align:right; padding-top:60px;}
#spa #sec4 p.pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec5 */
#spa #sec5 { width:1100px; margin:55px auto 0 auto;}
#spa #sec5:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec5 h3 { text-align:center;}
#spa #sec5 h4 { text-align:center; padding-top:56px;}
#spa #sec5 ul { width:732px; margin:37px auto 0 auto;}
#spa #sec5 ul:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec5 ul li { float:left; padding:0 10px;}
#spa #sec5 ul li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#spa #sec5 p { text-align:center; padding:30px 0;}
#spa #sec5 strong { display:block; color:#f38e2c; font-weight:bold; padding-top:30px;}
#spa #sec5 img.photo { float:left; padding:0 2px 0 1px;}


/* sec6 */
#spa #sec6 { width:1100px; margin:65px auto 0 auto;}
#spa #sec6:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec6 .title_col { float:right; width:354px; padding-top:65px;}
#spa #sec6 .title_col h5 { text-align:center;}
#spa #sec6 .title_col p { padding:60px 0;}

#spa #sec6 .detail_col { float:left; width:700px;}
#spa #sec6 .detail_col dl { padding-top:15px;}
#spa #sec6 .detail_col p { font-weight:bold; padding:50px 0 15px 0;}
#spa #sec6 .detail_col span { display:inline-block; clear:both; background:#f4f1e9; border:1px solid #d9d5cb; padding:10px 20px;}
#spa #sec6 .detail_col ul { font-size:0.9em; letter-spacing:0; padding-top:15px;}


/* sec7 */
#spa #sec7 { width:1100px; margin:65px auto 0 auto; border-bottom:1px dotted #c8c8c8;}
#spa #sec7:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec7 .title_col { float:right; width:474px; padding-top:45px;}
#spa #sec7 .title_col h5 { text-align:center; padding-bottom:73px;}
#spa #sec7 img.photo { float:left; padding-left:5px;}

#spa #sec7 .detail_col { float:left; width:600px;}
#spa #sec7 .detail_col p { padding:20px 0;}
#spa #sec7 .detail_col dl { letter-spacing:0;}

#spa #sec7 p.caution { clear:both; font-weight:bold; padding-bottom:20px;}
#spa #sec7 span { display:inline-block; clear:both; background:#f4f1e9; border:1px solid #d9d5cb; padding:10px 20px;}
#spa #sec7 ul { font-size:0.9em; letter-spacing:0; padding-top:15px;}
#spa #sec7 p.pagetop { text-align:right; padding-top:60px;}
#spa #sec7 p.pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec8 */
#spa #sec8 { width:1100px; border-bottom:1px dotted #c8c8c8; margin:50px auto 0 auto; padding-bottom:60px;}
#spa #sec8:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec8 .title_col { float:left; width:430px; padding-left:58px;}
#spa #sec8 .title_col:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec8 .title_col h5 { padding-left:110px;}
#spa #sec8 .title_col p { padding:60px 0;}
#spa #sec8 .title_col img.photo1 { float:left; padding-right:5px;}

#spa #sec8 img.photo2 { float:right; padding-top:25px;}

#spa #sec8 p.caution { clear:both; font-weight:bold; padding:55px 0 20px 0;}
#spa #sec8 span { display:inline-block; clear:both; background:#f4f1e9; border:1px solid #d9d5cb; padding:10px 20px;}
#spa #sec8 ul { font-size:0.9em; letter-spacing:0; padding-top:15px;}
#spa #sec8 p.pagetop { text-align:right; padding-top:60px;}
#spa #sec8 p.pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec9 */
#spa #sec9 { width:1100px; border-bottom:1px solid #c8c8c8; margin:50px auto 0 auto; padding-bottom:60px;}
#spa #sec9:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec9 .title_col { float:left; width:500px; padding-top:15px;}
#spa #sec9 .title_col h5 { padding-left:120px;}
#spa #sec9 .title_col p { padding-top:60px;}

#spa #sec9 img.photo { float:right;}
#spa #sec9 dl { float:right; width:580px; letter-spacing:0; padding-top:15px;}

#spa #sec9 p.caution { clear:both; font-weight:bold; padding:25px 0 20px 0;}
#spa #sec9 span { display:inline-block; clear:both; background:#f4f1e9; border:1px solid #d9d5cb; padding:10px 20px;}
#spa #sec9 ul { font-size:0.9em; letter-spacing:0; padding-top:15px;}


/* sec10 */
#spa #sec10 { width:1096px; background:#7f9091; border-bottom:1px solid #c8c8c8; margin:55px auto 0 auto; padding:2px;}
#spa #sec10:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec10 div { float:right; width:400px; padding:50px 0 0 58px;}
#spa #sec10 div p { color:#fff; padding:25px 0;}
#spa #sec10 div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#spa #sec10 img.photo { float:left;}


/* sec11 */
#spa #sec11 { width:1100px; margin:0 auto;}
#spa #sec11:after{ content:" " ; clear:both; display:block; height:0;}
#spa #sec11 p.pagetop { text-align:right; border-bottom:1px solid #c8c8c8; padding-top:30px;}
#spa #sec11 p.pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#spa #sec11 h3 { text-align:center; padding-top:80px;}
#spa #sec11 h4 { text-align:center; padding-top:60px;}
#spa #sec11 p { text-align:center; padding-top:40px;}
#spa #sec11 ul { width:680px; text-align:center; font-size:1.1em; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; margin:40px auto;}
#spa #sec11 ul li { display:inline-block; border:1px solid #cacaca; padding:2px 13px; margin-bottom:12px; /display:inline;}


/* sec12 */
#spa #sec12 { background:url(../../spa/img/sec12_bg.gif) repeat-x; padding:28px 0 100px 0;}

#spa #sec12 #slideshow {}
#spa #sec12 #slideshow div.photo { width:800px; height:600px; margin:0 auto; overflow:hidden; position:relative;}
#spa #sec12 #slideshow div.photo div { position:absolute; top:0; left:0; font-size:1.2em; text-align:center;}
#spa #sec12 #slideshow div.photo div img { padding-bottom:20px;}

#spa #sec12 h3 { text-align:center; padding:40px 0 30px 10px;}

#spa #sec12 #slideshow ul { width:812px; position:relative; top:0; left:50%; margin-left:-406px;}
#spa #sec12 #slideshow ul:after { content:" " ; clear:both; display:block; height:0;}
#spa #sec12 #slideshow ul li { float:left; width:102px; padding:0 7px 20px 7px;}
#spa #sec12 #slideshow ul li img { border:1px solid #fff;}

#meal #sec1 .title_col { width:100px; float:right; padding:20px 65px 0 0;}
#meal #sec1 .title_col h3 { text-align:center; padding-top:10px;}


/* sec13 */
#spa #sec13 { width:1100px; border-bottom:1px dotted #c8c8c8; margin:0 auto;}
#spa #sec13 h3 { font-size:1.3em; text-align:center; padding-bottom:30px;}
#spa #sec13 div { background:#f4f1e9; border:2px solid #d6c9a4; padding:30px 40px;}
#spa #sec13 div dl { font-weight:bold;}
#spa #sec13 div ul { padding-bottom:30px;}
#spa #sec13 div ul strong { color:#a1510a;}
#spa #sec13 p.caption { font-size:1.3em; text-align:center; padding-top:30px;}
#spa #sec13 p.pagetop { text-align:right; padding-top:60px;}
#spa #sec13 p.pagetop a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec14 */
#spa #sec14 { width:1100px; margin:0 auto;}
#spa #sec14 h3 { text-align:center; padding-top:75px;}
#spa #sec14 h4 { text-align:center; padding:40px 0 65px 0;}
#spa #sec14 h5 { font-weight:bold; font-size:1.2em; padding:0 0 25px 30px;}

#spa #sec14 table { width:1030px; line-height:1.6em; margin:0 0 40px 30px;}
#spa #sec14 table tr { border-bottom:1px solid #c8c8c8; margin:50px 0;}
#spa #sec14 table tr.no_bo { border-bottom:none;}
#spa #sec14 table th { width:160px; background:#f0f0f0; padding:5px 10px; vertical-align:top;}
#spa #sec14 table td { padding:5px 10px;}

#spa #sec14 p { padding:0 0 20px 70px;}
#spa #sec14 ul { width:880px; border:1px solid #c8c8c8; letter-spacing:0; padding:10px 20px 10px 40px; margin-left:70px;}
#spa #sec14 ul li { list-style:decimal;}