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

#spa #header { background:url(../../spa/img/title_bg.jpg) no-repeat center top;}
#spa #header h2 { top:81px; right:181px;}
#spa #header .title_text { top:107px; right:257px;}

#spa #sec1 { background:url(../../spa/img/sec1_bg.gif) no-repeat 539px 108px; display:inline-block; width:1000px; padding-bottom:19px; margin-top:29px;}
#spa #sec1 h3 { display:inline-block; float:right; padding-right:24px;}
#spa #sec1 p { display:inline-block; float:left; padding:15px 0 5px 0;}
#spa #sec1 p img { display:inline-block; float:right;}
#spa #sec1 p span { display:inline-block; float:left; padding:4px 9px 0 0;}
#spa #sec1 .photo { display:inline-block; float:left;}

#spa #sec2 { background:#ffffff; display:inline-block;}
#spa #sec2 div { position:relative; display:inline-block; width:1000px; z-index:10;}
#spa #sec2 h3 { display:inline-block; float:left; padding:18px 0 0 18px;}
#spa #sec2 p { display:inline-block; width:726px; float:right; padding:56px 30px 10px 0;}
#spa #sec2 ul { display:inline-block; padding:10px 0 0 30px;}
#spa #sec2 li { display:inline-block; float:left; padding-right:6px;}
#spa #sec2 .photo { position:relative; display:block; margin:-74px auto 0 auto; z-index:0;}

#spa #sec3 { background:#ffffff url(../../spa/img/sec3_bg.jpg) no-repeat right top; display:inline-block; padding-top:68px;}
#spa #sec3 h3 { position:relative; display:inline-block; float:right; z-index:10;}
#spa #sec3 dl { display:inline-block; width:570px; float:left; padding-left:30px;}
#spa #sec3 dd { width:436px; padding-top:17px;}
#spa #sec3 .open { background:url(../../spa/img/sec3_open_bg_bottom.gif) no-repeat left bottom; width:454px; padding:0;}
#spa #sec3 .open dt { background:url(../../spa/img/sec3_open_bg_top.gif) no-repeat left top; padding:11px 0 0 13px;}
#spa #sec3 .open dd { width:424px; padding:10px 15px 15px 15px;}
#spa #sec3 .open span { display:block; font-size:0.9em;}
#spa #sec3 div { display:inline-block; width:934px; padding:56px 37px 0 30px; margin-top:-20px;}
#spa #sec3 div .photo { display:inlien-block; float:right; margin-top:-26px;}
#spa #sec3 .title_col { width:375px; float:right; padding:0 17px 0 0; margin:0;}
#spa #sec3 .title_col p { display:inline-block; float:left; width:82px; padding:0 0 0 44px; margin-top:-11px; position:relative; z-index:10;}
#spa #sec3 .title_col .photo { position:relative; float:left; margin-top:-81px; z-index:0;}

#spa #sec4 { background:#ffffff url(../../spa/img/sec4_bg.jpg) no-repeat left bottom; display:inline-block; width:1000px; padding:49px 0 29px 0;}
#spa #sec4 h3 { display:inline-block; float:left; padding-left:19px;}
#spa #sec4 p { display:inline-block; float:left; padding:24px 0 0 137px;}
#spa #sec4 div { display:inline-block; width:444px; float:right; padding-right:27px; text-align:right;}
#spa #sec4 ul { display:inline-block; padding-bottom:15px;}
#spa #sec4 li { display:inline-block; width:215px; float:left; padding-right:14px; text-align:center;}
#spa #sec4 .last { padding:0;}
#spa #sec4 dl { background:url(../../spa/img/sec4_open_bg_bottom.gif) no-repeat left bottom; display:inline-block; width:290px; text-align:left;}
#spa #sec4 dt { background:url(../../spa/img/sec4_open_bg_top.gif) no-repeat left top; padding:11px 0 0 13px;}
#spa #sec4 dd { padding:10px 15px 15px 15px;}

#spa #sec5 { background:#ffffff; display:inline-block; width:1000px; padding:62px 0 38px 0;}
#spa #sec5 div { display:inline-block; width:352px; float:left; padding-left:30px;}
#spa #sec5 h3 { padding-bottom:44px;}
#spa #sec5 p { padding-bottom:11px;}
#spa #sec5 dl { padding-top:22px;}
#spa #sec5 dt { padding-bottom:10px; font-size:1.2em; font-weight:bold;}
#spa #sec5 dd { padding-left:10px;}
#spa #sec5 .open { background:url(../../spa/img/sec5_open_bg_bottom.gif) no-repeat left bottom; display:inline-block; width:240px; padding-top:0;}
#spa #sec5 .open dt { background:url(../../spa/img/sec5_open_bg_top.gif) no-repeat left top; padding:11px 0 0 13px;}
#spa #sec5 .open dd { padding:10px 15px 15px 15px;}
#spa #sec5 ul { padding:5px 0;}
#spa #sec5 li { padding-left:2em; text-indent:-2em;}
#spa #sec5 .photo { display:inline-block; float:right; padding-right:28px;}

#spa #sec6 { background:#ffffff; display:inline-block; width:942px; padding:32px 28px 42px 30px; margin:49px 0;}
#spa #sec6 h3 { padding-bottom:18px;}
#spa #sec6 table { background:#e5f9f4; width:936px; margin:20px 0; border:3px solid #e5f9f4;}
#spa #sec6 th { background:#fff; width:133px; font-size:1.1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; vertical-align:middle; text-align:center;}
#spa #sec6 td { padding:5px 15px 5px 30px;}
#spa #sec6 div { display:inline-block; width:942px;}
#spa #sec6 div img { display:inline-block; float:left;}
#spa #sec6 div dl { background:none; display:inline-block; width:759px; float:right; padding:0; margin:0;}
#spa #sec6 div dl img { float:none;}
#spa #sec6 div dt { background:none; display:block; float:none; padding:19px 0 14px 0;}
#spa #sec6 div dd { display:block; width:100%; padding:0;}
#spa #sec6 div .open { background:url(../../spa/img/sec6_open_bg_bottom.gif) no-repeat left bottom; display:inline-block; width:390px;}
#spa #sec6 div .open dt { background:url(../../spa/img/sec6_open_bg_top.gif) no-repeat left top; padding:11px 0 0 13px;}
#spa #sec6 div .open dd { width:360px; padding:10px 15px 15px 15px;}
#spa #sec6 div .open p { padding:8px 0 8px 3em; text-indent:-3em;}
#spa #sec6 div .open p img { padding-bottom:3px;}
#spa #sec6 div .open span { font-weight:bold;}
#spa #sec6 div .open li { padding-left:1em; text-indent:-1em;}
#spa #sec6 div .photo { padding-left:20px;}
#spa #sec6 div.note{width: 864px; border: 3px solid #e5f9f4;padding: 10px 30px;margin-top: 20px;}
#spa #sec6 div.note p{padding-left: 1rem;text-indent: -0.8rem;}

#spa #sec7 { text-align:center;}
#spa #sec7 h3 { padding-bottom:15px;}
#spa #sec7 div { background:url(../../spa/img/sec7_bgs.jpg) no-repeat center top; padding:44px 0 91px 0;}
#spa #sec7 ul { display:inline-block; width:922px; padding-bottom:25px;}
#spa #sec7 li { display:inline-block; float:left; padding-right:26px;}
#spa #sec7 .last { padding:0;}
#spa #sec7 .title_col { background:url(../../spa/img/sec7_title_bg.jpg) repeat-y center top; padding:23px 0 12px 0; color:#ffffff;}





/* ---------------------------------------------------
 更新履歴
------------------------------------------------------
200903_haiguchi #sec6 div.note 追加

------------------------------------------------------ */