/*ttlarea------------------------------*/

#mainarea {
	width: 868px;
	background: url(../cooperation/image/index/bg_ttl.jpg);
	background-repeat: no-repeat;
}


#mainarea h1{
	padding: 62px 0 0 39px;
}


#mainarea .inner{
	padding: 28px 0 0 67px;
}

#stylistarea{
	width: 734px;
	height: 454px;
	clear: both;
	font-size: 12px;
	line-height: 20px;
}

#stylistbox1{
	width: 381px;
	height: 413px;
	float: left;
}
#stylistbox2{
	width: 353px;
	height: 413px;
	float: left;
}

#stylistbox1 .textbox{
	width: 374px;
	height: 413px;
	position: absolute;
	z-index: 1;
}
#stylistbox1 .textbox .inner{
	padding: 241px 29px 0 ;
}

#stylistbox1 .textbox p{
	padding: 10px 0 0 0 ;
}

#stylistbox1 imgbox{
	width: 374px;
	height: 413px;
	position: absolute;
	z-index: 0;
}

#stylistbox2 .stylistbox {
	width: 353px;
	height: 210px;
}

#stylistbox2 .textbox .inner{
	padding: 18px 167px 0 25px ;
}

#stylistbox2 .textbox p{
	padding: 6px 0 0 0 ;
}

#stylistbox2 .textbox{
	width: 353px;
	height: 203px;
	position: absolute;
	z-index: 1;
}

#stylistbox2 .imgbox{
	width: 353px;
	height: 203px;
	position: absolute;
	z-index: 0;
}
#salonarea{
	width: 734px;
	height: 469px;
}
#salonarea .textarea .inner{
	padding: 36px 0 0 331px ;
}
#salonarea .textarea .textbox{
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
	padding: 15px 28px 0 1px ;
}

#salonarea .textarea{
	width: 734px;
	height: 413px;
	position: absolute;
	z-index: 1;
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
}

#salonarea .imgbox{
	width: 734px;
	height: 413px;
	position: absolute;
	z-index: 0;
}

#salonarea .infoarea{
	width: 373px;
}
#salonarea .infoarea .inner{
	padding: 38px 0 0  0;
}

#salonarea .infoarea .infobox1{
	width: 209px;
	float: left;
}
#salonarea .infoarea .infobox2{
	width: 164px;
	float: left;
}


#btnnext{
	padding: 36px 0 0 226px;
}