.mainarea  *, .mainarea  *:before, .mainarea *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.mainarea a:hover img{
	opacity: 1;
	filter: alpha( opacity=100 );
}




/* */
.mainimgarea{
position:relative;
width:1100px;
height:800px;
padding:0;
margin-bottom:20px;

}
.mainimgarea .ttlbox{
position:absolute;
top:40px;
left:20px;
width: 600px;
padding:0;
}
.mainimgarea .ttlbox h1{
height:200px;
z-index:23;
}
.mainimgarea .ttlbox .textmain{
width: 600px;
padding-top:1em;
line-height: 1.6;
font-size: 0.92em;
padding-left:15px;
padding-right:20px;
z-index:23;
color:#000;
}
.mainimgarea .ttlbox .title{
z-index:13;

}
.mainimgarea .imgmain{
top:0px;left:0px;
z-index:3;
}


.mainimgarea .beforebox{
position:absolute;
top:390px;
left:35px;
width: 585px;
padding:0;
}
.mainimgarea .beforebox .head{
font-size:0.94em;
font-weight:800;
color: #ca4141;
}
.beforestylearea{
margin-left:-6px;
}
.beforestylearea .beforestyle{
width: 140px;
height: 200px;
float:left;
margin-left:6px;
}
.beforestylearea .beforestyle img{
width: 140px;
height: 200px;
}
.mainimgarea .beforebox .comment{
padding-top:2em;
font-size:0.96em;
line-height:1.6;
}
/* */
.advicearea{
margin-bottom:20px;
padding:15px 30px;
border: 1px solid #ca4141;
border-radius: 15px;
}
.advicearea h2{
background-image:url(../image/technique/common/ttl_advicearea.png);
height: 50px;
margin-bottom:20px;
}
.advicearea h2 > span{
display:none;
}

.advicearea .stylist {
float:left;
border-right: 1px dotted #ca4141;
padding-right:25px;
width: 660px;

}
.advicearea .stylist img{
width: 250px;
margin-right:20px;
float:left;
}
.advicearea .stylist .logo{
font-size: 0.85em;
font-weight:900;
color: #ca4141;
}
.advicearea .title{
font-size:1.1em;
font-weight:900;
margin-bottom: 0.2em;
}
.advicearea .people{
margin-bottom: 1.0em;
}
.advicearea .people a{
font-size: 0.88em;
text-decoration: underline;
}
.advicearea .stylist .body{
font-size: 0.92em;
}

.advicearea .item {
float:left;
padding-left:45px;
width: 370px;
}
.advicearea .item .title {
font-size:1.1em;
margin-bottom: 0.2em;
}
.advicearea .item .people a{
font-size: 1.0em;
font-weight:900;
text-decoration: underline;
}
.advicearea .item .body {
font-size: 0.93em
}
.advicearea .item img{
width: 320px;
max-height: 180px;
}


/* */
.proarea{
margin-bottom:20px;

}
.proarea h2{
margin-bottom:20px;
}

.processarea{
margin: 0 -5px;
}
.processarea .process{
margin: 10px 5px;
width: 265px;
height: 500px;
float:left;
}
.processarea .process p{
padding-top:0.6em;
line-height:1.2;
font-size: 15px;
}


/* */
.orderarea{
position:relative;
clear:both;
width:1100px;
margin-bottom:40px;
}
.orderarea h2{
background-image:url(../image/technique/common/ttl_styleorder.png);
height: 50px;
margin-bottom:20px;
}

.main{
margin-bottom:20px;
}

.children{
margin-bottom:20px;
margin-right:-20px;
}

.child{
float:left;
width:260px;
height:400px;
margin-right:20px;
}
.child img{
width:260px;
height:auto;
}

.ordermenu{
background-color:#eaeaea;
width:450px;
height:200px;
float:left;
text-align:left;
padding: 2em 40px;

}
.ordermenu p{
font-size: 16px;
line-height: 26px;
}