@charset "utf-8";

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


/* snavi */
#spa #snavi { width:1000px; padding-top:15px;}
#spa #snavi li { float:left;}
#spa #snavi li.navi1 { padding-right:8px;}
#spa #snavi li.navi2 { padding-right:7px;}


/* sec0 */
#spa #sec0 { width:1000px; height:575px; position:relative;}
#spa #sec0 span { position:absolute; top:30px; left:50%; margin-left:-335px;}
#spa #sec0 h3 { position:absolute; top:366px; left:380px;}
#spa #sec0 p { position:absolute; top:433px; left:266px;}


/* sec1 */
#spa #sec1 { background:url(../../spa/img/sec1_bg.jpg) no-repeat 262px 580px;}

#spa #sec1 .title_col { float:left; width:245px; background:url(../../spa/img/sec1_bg_title.jpg) no-repeat;}
#spa #sec1 .title_col { background:url(../../spa/img/sec1_bg_title.jpg) no-repeat;}
#spa #sec1 .title_col h3 { padding:137px 0 0 53px;}
#spa #sec1 .title_col ul { padding:39px 0 487px 40px;}

#spa #sec1_1 { float:right; width:746px; padding-top:35px;}
#spa #sec1_1 img { float:left; padding:0 0 8px 8px;}
#spa #sec1_1 p { float:left; width:380px; padding:25px 0 0 30px;}
#spa #sec1_1 p a { display:block; color:#dcdad6; margin-top:30px;}

#spa #sec1_2 { float:left; width:1000px; margin-top:-366px;}
#spa #sec1_2 .photo_col { float:left; width:455px; padding-top:366px;}
#spa #sec1_2 .photo_col img { float:left; padding:0 8px 31px 0;}
#spa #sec1_2 .detail_col { float:right; width:545px;}
#spa #sec1_2 .detail_col img.photo { float:left; padding:366px 7px 0 0;}
#spa #sec1_2 .detail_col p { float:left; width:150px;}
#spa #sec1_2 .detail_col p img { padding-bottom:8px;}
#spa #sec1_2 .detail_col dl { float:left; width:503px; font-size:0.85em; line-height:1.6em; border:1px solid #75746f; padding:10px 20px 0 20px;}
#spa #sec1_2 .detail_col dl dt { font-weight:bold;}
#spa #sec1_2 .detail_col dl dd { padding-bottom:10px;}
#spa #sec1_2 .detail_col p.caution { clear:both; float:none; width:100%; font-size:0.9em; padding:5px 0 0 0;}


/* sec2 */
#spa #sec2 { margin-top:20px;}

#spa #sec2 .title_col { float:left; width:245px; background:url(../../spa/img/sec1_bg_title.jpg) no-repeat; padding-bottom:625px;}
#spa #sec2 .title_col { background:url(../../spa/img/sec2_bg_title.jpg) no-repeat;}
#spa #sec2 .title_col h3 { padding:149px 0 20px 49px;}
#spa #sec2 .title_col p { text-align:center; padding-bottom:40px;}
#spa #sec2 .title_col p span { display:block; text-align:left; font-size:0.9em; padding:20px;}
#spa #sec2 .title_col p span a { color:#fff; padding:0 5px;}

#spa #sec2_1 { float:right; width:738px; padding-top:35px;}
#spa #sec2_1 img.photo { float:left;}
#spa #sec2_1 h4 { float:left; width:345px; border-bottom:1px solid #75746f; margin-top:-20px; padding:0 0 20px 53px;}
#spa #sec2_1 p { float:left; width:290px; padding:25px 0 0 55px;}

#spa #sec2_2 { float:right; width:738px; margin-top:-50px;}
#spa #sec2_2 div { float:left; width:398px; padding-top:120px;}
#spa #sec2_2 h4 { border-bottom:1px solid #75746f; padding:0 0 20px 24px;}
#spa #sec2_2 p { width:300px; padding:25px 0 60px 24px;}
#spa #sec2_2 img.photo1 { padding-left:87px;}
#spa #sec2_2 img.photo2 { float:right; width:340px;}


/* sec3 */
#spa #sec3 { margin-top:70px;}
#spa #sec3 h3 { float:left; width:190px; background:url(../../spa/img/sec3_bg_title.jpg) no-repeat; padding:196px 0 133px 55px;}
#spa #sec3 img.photo { float:left; width:380px; padding:37px 0 0 15px;}
#spa #sec3 div { float:right; width:350px; padding-top:37px;}
#spa #sec3 div img { float:left; padding-left:5px;}
#spa #sec3 div p { float:left; width:330px; padding:40px 0 0 20px;}