.talkmainarea .imgsalon a:hover img,
.talkmainarea .stylistarea a:hover img{
	opacity: 1;
	filter: alpha( opacity=100 );
}

.mainimgarea{
position:relative;
padding:0;
}

.mainimgarea .ttlbox{
position:absolute; 
top:70px;
left: 70px;
width:480px;
z-index:1;
}

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



/*.stylistarea----------------------------------*/
.talkmainarea{
	width: 100%;
	background-color: #f8f6f4;
	background-image: url(../image/introduction/bg_stylisttalkarea.jpg);
	background-repeat: no-repeat;
}

.talkmainarea .stylisttalkarea{
	width: 100%;
	padding: 40px;	
}

.talkmainarea .textbox{
	width: 61%;
	float: left;
	padding: 0 50px 50px 0;
}

.talkmainarea h2{
	padding: 4px 12px;	
}

.talkmainarea .stylistbox{
	width: 39%;
	float: left;
	padding: 3%;
	background-color: #f0ebe7;
}

.moviearea{
	width: 70%;
	clear: both;
	margin:0 auto;
}

.mainimgarea.sp2{
clear: both;
background-color: #f0ebe7;
}

.mainimgarea.sp2 .ttlbox{
position:initial; 
width: 96%;
clear: both;
padding: 2% ;
}



/* xs */
@media (max-width: 599px) {
.talkmainarea{
	width: 100%;
}


.talkmainarea .stylisttalkarea{
	width: 100%;
	padding: 8px;	
}

.talkmainarea .textbox{
	width: 100%;
	clear: both;
	padding: 20px 0;
}

.talkmainarea .stylistbox{
	width: 100%;
	clear: both;
	margin: 2% 0;
}

.talkmainarea .stylistbox .imgbox{
	width: 48%;
	float: left;
}


.talkmainarea .stylistbox .stylisttextbox{
	margin:0 0 0 2%;
	width: 48%;
	float: left;
}

.moviearea{
	padding: 20px 0;
	width: 100%;
	clear: both;
	margin:0 auto;
}

/* */


/* xs */
@media (max-width: 767px) {

.talkmainarea{
	width: 99%;
	padding: 8px;
}


.talkmainarea .textbox{
	width: 100%;
	clear: both;
}


.talkmainarea .stylisttalkarea{
	width: 100%;
	padding: 8px;	
}

.talkmainarea .textbox{
	width: 100%;
	clear: both;
	padding: 20px 0;
}


.talkmainarea .stylistbox{
	width: 100%;
	clear: both;
	margin: 2% 0;
}

.talkmainarea .stylistbox .imgbox{
	width: 48%;
	float: left;
}


.talkmainarea .stylistbox .stylisttextbox{
	margin:0 0 0 2%;
	width: 48%;
	float: left;
}

.moviearea{
	padding: 20px 0;
	width: 100%;
	clear: both;
	margin:0 auto;
}

}/* */

/* sm */
@media (min-width: 768px) and (max-width: 1199px) {

/*.stylistarea----------------------------------*/


.talkmainarea{
	width: 100%;
}

.talkmainarea .textbox{
	width: 100%;
	clear: both;
}


.talkmainarea .stylistbox{
	width: 100%;
	clear: both;
	margin: 2% 0;
}

.talkmainarea .stylistbox .imgbox{
	width: 48%;
	float: left;
}


.talkmainarea .stylistbox .stylisttextbox{
	margin:0 0 0 2%;
	width: 48%;
	float: left;
}

.moviearea{
	padding: 20px 0;
	width: 100%;
	clear: both;
	margin:0 auto;
}

}/* */