@charset "utf-8";

#esthetics #contents { width: 1100px; margin: 0 auto;}
#esthetics section { font-size: 14px; line-height: 1.9;}
#esthetics section a:hover img { opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}

/*------------------------------------------------------
#lead
------------------------------------------------------*/
#esthetics #lead { padding: 20px 0 50px; text-align: center; background: url(../../esthetics/img/lead_bg1.jpg)no-repeat left top,url(../../esthetics/img/lead_bg2.jpg)no-repeat right top; font-size: 16px; line-height: 1.6;}
#esthetics #lead h3 { background: url(../../esthetics/img/lead_tit_line.gif)no-repeat center bottom;}
#esthetics #lead h3 span { display: block; padding: 15px 0;}
#esthetics #lead p { padding-top: 20px;}
#esthetics #lead p img { vertical-align: text-bottom;}
#esthetics #lead p img.tel { vertical-align: text-top;}
#esthetics #lead p span { font-size: 13px;}


/*------------------------------------------------------
#sec1
------------------------------------------------------*/
#esthetics #sec1 { padding: 30px 30px 0; background: url(../../esthetics/img/sec1_line.gif)repeat-x left top,url(../../esthetics/img/sec1_line2.gif)no-repeat left top,url(../../esthetics/img/sec1_line2.gif)no-repeat right top,url(../../esthetics/img/sec1_bg.jpg)no-repeat right top;}
#esthetics #sec1 .lead { padding-bottom: 50px;}
#esthetics #sec1 .lead h4 { float: left;}
#esthetics #sec1 .lead div { width: 780px; float: right; padding-top: 20px;}
#esthetics #sec1 .lead div p { width: 700px; padding-bottom: 15px;}
#esthetics #sec1 .lead a { display: block; width: 300px;}
#esthetics #sec1 .lead dl { width: 338px; float: left; padding: 17px 20px; margin: 25px 0; border: 1px solid #ccc; background: rgba(255, 255, 255, 0.3);}
#esthetics #sec1 .lead dl+dl { float: right;}
#esthetics #sec1 .lead dl dt { padding-bottom: 5px; border-bottom: 1px solid #ccc;}
#esthetics #sec1 .lead dl dd { padding-top: 15px; font-size: 13px;}

#esthetics #sec1 .menu { padding-bottom: 50px;}
#esthetics #sec1 .menu h5 { padding-bottom: 25px;}
#esthetics #sec1 .menu>img { width: 270px; float: right;}
#esthetics #sec1 .menu div { width: 740px; float: left;}
#esthetics #sec1 .menu div p { padding-bottom: 20px;}
#esthetics #sec1 .menu div dl { padding: 12px 0; border-top: 1px solid #d4d4d2;}
#esthetics #sec1 .menu div dl:last-of-type { border-bottom: 1px solid #d4d4d2;}
#esthetics #sec1 .menu div dl dt { color: #578820; font-size: 17px;}
#esthetics #sec1 .menu div dl dt span { float: right; color: #000;}
#esthetics #sec1 .menu div dl dt:before { content: ""; padding: 2px 0 0 30px; background: url(../../esthetics/img/icon.gif)no-repeat left center;}
#esthetics #sec1 .menu div dl dd { padding-left: 25px; font-size: 13px;}
#esthetics #sec1 .menu div dl:last-of-type dt,
#esthetics #sec1 .menu:nth-of-type(4) div dl dt { float: left;}
#esthetics #sec1 .menu div dl:last-of-type dd,
#esthetics #sec1 .menu:nth-of-type(4) div dl dd { float: right; font-size: 17px;}
#esthetics #sec1 .menu div .note { padding-top: 10px; text-align: right; font-size: 13px;}


/*------------------------------------------------------
#sec2
------------------------------------------------------*/
#esthetics #sec2 { padding: 30px; background: url(../../esthetics/img/sec2_line.gif)repeat-x left top,url(../../esthetics/img/sec2_bg.jpg)no-repeat left top; border: 1px solid #3b709b;}
#esthetics #sec2>img { float: right;}
#esthetics #sec2 .menu { width: 610px; float: left;}
#esthetics #sec2 .menu p { padding: 25px 0 15px;}
#esthetics #sec2 .menu dl { padding: 12px 0; border-top: 1px solid #d4d4d2;}
#esthetics #sec2 .menu dl:last-of-type { border-bottom: 1px solid #d4d4d2;}
#esthetics #sec2 .menu dl dt { color: #578820; font-size: 17px;}
#esthetics #sec2 .menu dl dt span { float: right; color: #000;}
#esthetics #sec2 .menu dl dt:before { content: ""; padding: 2px 0 0 30px; background: url(../../esthetics/img/icon.gif)no-repeat left center;}
#esthetics #sec2 .menu dl dd { padding-left: 25px; margin-top: 5px; font-size: 13px;}
#esthetics #sec2 .menu dl:last-of-type dt { float: left;}
#esthetics #sec2 .menu dl:last-of-type dd { float: right; font-size: 17px;}
#esthetics #sec2 .menu .note { padding: 10px 0 0; text-align: right; font-size: 13px;}


/*------------------------------------------------------
#sec3
------------------------------------------------------*/
#esthetics #sec3 { padding: 30px; margin: 70px 0; border: 1px solid #b7c39d; background: url(../../esthetics/img/sec3_bg.png)no-repeat right top,rgba(255,255,255,0.65);}
#esthetics #sec3 li { font-size: 13px;}
#esthetics #sec3 li:before { content: "※";}


/*clear*/
#esthetics #sec1 .lead:after,
#esthetics #sec1 .lead div:after,
#esthetics #sec1 .menu:after,
#esthetics #sec1 .menu div dl dt:after,
#esthetics #sec1 .menu div dl:after,
#esthetics #sec2:after,
#esthetics #sec2 .menu dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }