
/* ------------------------------------------------------------------
 index
 ------------------------------------------------------------------*/
 
 
 /*------ 全体構造 ------ */

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

.about_contents{
width:760px;
background:url(../../../../safe-system/technique/images/index/common_btm_bg.jpg) no-repeat left bottom;
}

.about_contents p{
line-height:160%;
}

/*-----------------
共通
---------------*/

.about_contents #main_area{
padding:85px 0 14px 0;

}

.about_contents h1{
padding-bottom:60px;
}

.about_contents #navi_up{
margin-left:21px;
background:url(../../../../safe-system/images/index/navi_up_bg.gif) no-repeat 0 29px;
}

.about_contents #navi_up ul{
height:212px;
padding:13px 0 5px 14px;
}

.about_contents #navi_btm{
height:58px;
padding:16px 0 53px 16px;
}


.about_contents #navi_up li,
.about_contents #navi_btm li{
float:left;
}

#contents_area .box  a{
padding-left:15px;
color:#10296f;
text-decoration:underline;
background:url(../../../../safe-system/images/index/link_icon.gif) no-repeat 0 4px;
display:block;
}


/*-----------------
サービス

---------------*/
#about a{
color:#10296f;
text-decoration:underline;
}

#about #main_area{
background:url(../../../../safe-system/technique/images/index/about_main_bg.jpg) no-repeat;
}

#about #contents_area{
padding:36px 0 0 20px;
background:url(../../../../safe-system/technique/images/index/about_contents_bg.jpg) no-repeat;
}

#about #contents_area h3{
padding:0 0 20px 20px;
}

#about #contents_area #lead_main{
width:335px;
padding:0 0 30px 20px;
}

#about #contents_area .box{
width:356px;
height:230px;
padding:0 8px 30px 0;
float:left;
}

#about #contents_area .box p{
width:250px;
padding:14px 0 0 4px;
}

#about #contents_area #point01{
background:url(../../../../safe-system/technique/images/index/about_point01_icon.gif) no-repeat 274px 76px;
}

#about #contents_area #point02{
background:url(../../../../safe-system/technique/images/index/about_point02_icon.gif) no-repeat 274px 76px;
}

#about #contents_area #point03{
background:url(../../../../safe-system/technique/images/index/about_point03_icon.gif) no-repeat 274px 76px;
}

#about #contents_area #point04{
background:url(../../../../safe-system/technique/images/index/about_point04_icon.gif) no-repeat 274px 76px;
}

#about #contents_area #point05{
background:url(../../../../safe-system/technique/images/index/about_point05_ph.gif) no-repeat 296px 62px;
clear:both;
}

#about #contents_area #point05 h4{
padding-bottom:25px;
}

#about #contents_area #point05 h5{
padding:0 0 8px 8px;
}

#about #contents_area #point05 p{
padding:0 0 35px 8px;
}

#about #contents_area #campaign{
height:110px;
padding:20px 0 0 24px;
background:url(../../../../safe-system/technique/images/index/about_cam_bg.gif) no-repeat;
}

#about #contents_area #campaign .left{
width:393px;
padding:5px 18px 0 0;
float:left;
}

#about #contents_area #campaign .left p{
padding:5px 5px 0 0;
}

/*-----------------
システム

---------------*/
#system a{
color:#10296f;
text-decoration:underline;
}

#system #main_area{
background:url(../../../../safe-system/technique/images/index/system_main_bg.jpg) no-repeat;
}

#system #contents_area{
padding:36px 0 0 18px;
background:url(../../../../safe-system/technique/images/index/system_contents_bg.jpg) no-repeat;
}

#system #contents_area h3{
padding:0 0 20px 22px;
}

#system #contents_area #lead_main{
width:335px;
padding:0 0 30px 22px;
}

#system #contents_area .box{
width:342px;
padding:10px 10px 10px 14px;
float:left;
}

#system #contents_area .box h4{
padding-bottom:14px;
}

#system #contents_area .box p{
width:300px;
padding:0 0 10px 10px;
font-size:10px;
}

#system #contents_area .box p img{
vertical-align:bottom;
}

#system #contents_area #system01,
#system #contents_area #system02{
height:175px;
background:url(../../../../safe-system/technique/images/index/system_system_bg_s.gif) no-repeat;
}

#system #contents_area #system03,
#system #contents_area #system04{
height:250px;
background:url(../../../../safe-system/technique/images/index/system_system_bg_l.gif) no-repeat;
}

#system #contents_area #listed{
width:724px;
padding:0;
background:url(../../../../safe-system/technique/images/index/system_listed_bg.gif) no-repeat 534px 62px;
float:none;
clear:both;
}

#system #contents_area #listed p{
width:500px;
padding:0 0 15px 5px;
font-size:12px;
}

/*-----------------
エステ
---------------*/

/*-----共通-----*/

#esthe li img{
vertical-align:top;
}

#esthe #main_area{
background:url(../../../../safe-system/technique/images/index/esthe_main_bg_v1.webp) no-repeat;
}

#esthe .contents_area{
padding-top:38px;
}

#esthe .contents_area h3{
padding:0 0 20px 34px;
}

#esthe .contents_area p#lead_main01{
width:390px;
height:118px;
padding-left:34px;
}

#esthe .contents_area h4.lead_main{
padding:0 0 15px 34px;
}

#esthe .contents_area p#lead_main02{
width:705px;
height:134px;
padding:0 0 30px 34px;
}

#esthe ul#esthe_tab{
height:50px;
padding-left:14px;
}

#esthe ul#esthe_tab li{
float:left;
}

#esthe #course{
padding-bottom:45px;
background:url(../../../../safe-system/technique/images/index/esthe_course_bg.gif);
border:7px #576caa solid;
}

/* sec00 */

#esthe #sec00{
padding-top:33px;
background:url(../../../../safe-system/technique/images/index/esthe01_sec00_bg01_v1.webp) no-repeat 466px 26px;
}

#esthe #course h3{
padding:0 0 10px 14px;
}

#esthe p#sec00_txt{
width:430px;
height:120px;
padding-left:16px;
}

#esthe #checklist{
height:224px;
margin-left:12px;
padding:32px 0 40px 0;
background:url(../../../../safe-system/technique/images/index/esthe01_sec00_bg02_v1.webp) no-repeat;
}

#esthe #checklist h4{
padding-left:25px;
}

#esthe #checklist ul{
margin:31px 0 0 15px;
}

#esthe #checklist li{
width:319px;
height:35px;
float:left;

}

#esthe #sec00_arw{
padding:0 0 14px 0;
text-align:center;
}

/* sec02 */

#esthe #sec02 h3{
padding:0 0 0 110px;
}

#esthe #sec02 p.lead01{
width:567px;
height:60px;
padding:5px 0 0 110px;
}

#esthe #sec02 .box{
width:317px;
height:402px;
padding:11px 0 0 28px;
float:left;
}

#esthe #sec02 .box h4{
padding:0 0 28px 6px;
}

#esthe #sec02 .box p.lead02{
height:71px;
padding:5px 10px 0 0;
font-size:10px;
}

#esthe #sec02 .box h5{
padding:0 0 16px 4px;
}

#esthe #sec02 .box h6{
padding:0 0 8px 4px;
color:#7d6030;
font-size:12px;
}

#esthe #sec02 .box p.lead03{
width:160px;
height:87px;
font-size:10px;
}

/* sec03 */

#esthe #sec03{
height:102px;
margin:0 0 17px 14px;
padding-top:20px;
background:url(../../../../safe-system/technique/images/index/esthe01_sec03_bg.jpg) no-repeat;
}

#esthe #sec03 .left{
width:323px;
padding:10px 0 0 110px;
float:left;
}

#esthe #sec03 h3{
padding:0;
}

#esthe #sec03 p.lead01{
padding-top:5px;
font-size:10px;
}

#esthe #esthe_link{
text-align:center;
}

#esthe #esthe_link img{
margin:0 5px;
}

#esthe #contents_area01 ul#navi_btm{
padding-left:34px;
}

/*-----フェイシャル-----*/

#esthe #contents_area01{
background:url(../../../../safe-system/technique/images/index/esthe01_contents_bg_v1.webp) no-repeat;
}

/* sec01 */

#esthe #contents_area01 #sec01{
height:549px;
margin:0 0 17px 14px;
padding-top:21px;
background:url(../../../../safe-system/technique/images/index/esthe01_sec01_bg_v1.webp) no-repeat;
}

#esthe #contents_area01 #sec01 h3{
padding:0 0 0 110px;
}

#esthe #contents_area01 #sec01 p.lead01{
height:71px;
padding:5px 0 0 110px;
}

#esthe #contents_area01 #sec01 h4{
padding-left:230px;
}

#esthe #contents_area01 #sec01 p.lead02{
width:455px;
height:45px;
padding:5px 0 0 230px;
}

#esthe #contents_area01 #sec01 h5{
color:#827148;
font-size:12px;
font-weight:normal;
padding-left:230px;
}

#esthe #contents_area01 #sec01 p.lead03{
width:220px;
height:117px;
padding:15px 0 0 230px;
font-size:10px;
}

/* sec02 */

#esthe #contents_area01 #sec02{
height:933px;
margin:0 0 17px 14px;
padding-top:25px;
background:url(../../../../safe-system/technique/images/index/esthe01_sec02_bg_v1.webp) no-repeat;
}



/*-----ボディ-----*/

#esthe #contents_area02{
background:url(../../../../safe-system/technique/images/index/esthe02_contents_bg.jpg) no-repeat;
}

#esthe #contents_area02 #sec00{
padding-top:33px;
background:url(../../../../safe-system/technique/images/index/esthe02_sec00_bg01.jpg) no-repeat 466px 26px;
}

#esthe #contents_area02 #sec01{
height:334px;
margin:0 0 17px 14px;
padding-top:21px;
background:url(../../../../safe-system/technique/images/index/esthe02_sec01_bg.jpg) no-repeat;
}

#esthe #contents_area02 #sec01 h3{
padding:0 0 0 110px;
}

#esthe #contents_area02 #sec01 p{
padding-top:5px;
}

#esthe #contents_area02 #sec01 p.lead01{
height:60px;
padding-left:110px;
}

#esthe #contents_area02 #sec01 .left{
width:236px;
padding-left:190px;
float:left;
}

#esthe #contents_area02 #sec01 .right{
width:236px;
padding-left:34px;
float:left;
}

/* sec02 */

#esthe #contents_area02 #sec02{
height:1082px;
margin:0 0 17px 14px;
padding-top:25px;
background:url(../../../../safe-system/technique/images/index/esthe02_sec02_bg.jpg) no-repeat;
}


#esthe #contents_area02 #sec02 #result{
padding:0 0 0 18px;
clear:both;
}

#esthe #contents_area02 #sec02 #result h4{
padding:12px 0 33px 12px;
}

#esthe #contents_area02 #sec02 p#detail01{
width:309px;
padding-bottom:15px;
text-align:center;
float:left;
}

#esthe #contents_area02 #sec02 p#detail02{
width:364px;
padding-bottom:15px;
text-align:center;
float:left
}

#esthe #contents_area02 #sec02 a{
color:#1e8ad0;
text-decoration:underline;
}

#esthe #contents_area02 #sec02 p.warn{
/*width:370px;
float:left;
padding:0 20px 0 28px;*/
padding:10px 40px 0 30px;
font-size:10px;

}

/*-----------------
サロン
---------------*/
#salon a{
color:#10296f;
text-decoration:underline;
}

#salon #main_area{
background:url(../../../../safe-system/technique/images/index/salon_main_bg.jpg) no-repeat;
}

#salon #contents_area{
padding:36px 0 0 20px;
background:url(../../../../safe-system/technique/images/index/salon_contents_bg.jpg) no-repeat;
}

#salon #contents_area h3{
padding:0 0 20px 20px;
}

#salon #contents_area h4{
padding:0 0 15px 20px;
}

#salon #contents_area .lead_main{
width:335px;
padding:0 0 20px 20px;
}

#salon #contents_area .box{
padding-top:30px;
}

#salon #contents_area .box h5{
padding-bottom:20px;
}

#salon #contents_area .box h6{
padding:0 0 5px 8px;
}


#salon #contents_area .box p{
width:420px;
padding:0 0 20px 8px;

}

#salon #contents_area .box p.warn{
font-size:10px;
}

#salon #contents_area #point01{
background:url(../../../../safe-system/technique/images/index/salon_point01_ph.jpg) no-repeat 465px 90px;
}

#salon #contents_area #point02{
background:url(../../../../safe-system/technique/images/index/salon_point02_ph.jpg) no-repeat 465px 103px;
}

#salon #contents_area #point03{
height:300px;
background:url(../../../../safe-system/technique/images/index/salon_point03_ph.gif) no-repeat 465px 78px;
}

/*-----------------
QA
---------------*/

#qa #contents_area p.answer  a{
padding:0 0 10px 15px;
color:#10296f;
text-decoration:underline;
background:url(../../../../safe-system/technique/images/index/link_icon.gif) no-repeat 0 4px;
display:block;
}


#qa #main_area{
background:url(../../../../safe-system/technique/images/index/qa_main_bg.jpg) no-repeat;
}

#qa #contents_area{
padding:54px 0 0 42px;
background:url(../../../../safe-system/technique/images/index/qa_contents_bg.jpg) no-repeat;
}

#qa #contents_area p.answer{
width:665px;
padding:15px 0;
margin-bottom:20px;
border-bottom:1px #ccc dotted;
}

#qa #contents_area ul#navi_btm{
padding-left:0;
}

/*200908*/
#esthe #contents_area02 #sec02 a:link,
#esthe #contents_area02 #sec02 a:visited,
.contest a:link,
.contest a:visited{
color:#1e8ad0;
text-decoration:none;
background:url(../../../../safe-system/technique/images/index/yajirushi.gif) no-repeat;
padding-left:12px;
}

#esthe #contents_area02 #sec02 a:hover,
.contest a:hover{
color:#1e8ad0;
text-decoration:underline;
background:url(../../../../safe-system/technique/images/index/yajirushi.gif) no-repeat;
padding-left:12px;
}



