@charset "utf-8";
/* CSS Document */

#first_img_bx{
	width: 100%;
	background-color: #FFF;
	background-size: 100%;
	padding-top: 66%;
	margin-top: 60px;
	background-image: url(../img/top.jpg);
	}
	
	
/****************/	
#stylist_bx {
	width: 100%;
	background-image: url(../img/stylist_bx/bg.gif);
	padding-top: 3%;
	padding-bottom: 3%;
}
#stylist_bx h2{
	margin-left: auto;
	margin-right: auto;
	font-size: xx-large;
	text-align: center;
	color: #406C49;
	font-weight: normal;
}
#stylist_bx .abut_colpire{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.stylist_cnt_bx {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 15px;
}
.stylist_img {
	width: 305px;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
}
.stylist_img img{
	width: 300px;
	height: 225px;
	margin-right: auto;
	margin-left: auto;
}
.stylist_txt {
	width: 96%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
#stylist_bx .stylist_txt h2{
	font-size: large;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	color: #333;
}

/*facebook*/
#fb_bx{
	width:92%;
	margin-left:4%;
	padding-bottom:20px;
}
.facebook-wrapper {
	max-width: 500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}


/****************/
#kodawari_bx{
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666;
	border-bottom-color: #666;
	padding-bottom: 5%;
	padding-top: 5%;
}
#kodawari_bx p{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#kodawari_bx h2{
	margin-left: auto;
	margin-right: auto;
	font-size: x-large;
	text-align: center;
	color: #406C49;
	font-weight: normal;
}



#menu_bx{
	width: 100%;
	background-color: #F8F8FF;
	background-image: url(../img/stylist_bx/bg.gif);
	padding-top: 30px;
	padding-bottom: 30px;
}
#menu_bx h2{
	margin-left: auto;
	margin-right: auto;
	font-size: x-large;
	text-align: center;
	color: #406C49;
	font-weight: normal;
}
#menu_bx_sub{
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	overflow: hidden;
}
#menu_bx table{
	width: 96%;
	font-size: small;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	}
#menu_bx table span {
	font-size: x-small;
}

#menu_bx table .underline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	}
#menu_bx table .left{
	float:left;
	text-align:left;
	}
#menu_bx table .right{
	float:right;
	}	
	
	
	
	
#footer_bx{
	width: 100%;
	overflow: hidden;
	padding-bottom: 5%;
	background-image: url(../img/footer/bg.gif);
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	color: #FFF;
	padding-top: 5%;
}


#footer_bx_sub{
	width: 100%;
	overflow: hidden;
	text-align: center;
	}
#footer_bx_sub img{
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
.data{
	width: 96%;
	text-align: center;
	}
.data a{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}
.gmap iframe{
	width: 600px;
	overflow: hidden;
	
}
 


















.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}