/* common */
html,body{
	width: 100%;
}

/* 背景左右 */
.wrap {
    height: 144px;
    background: rgb(232,198,197); //全体の背景
    position: relative;
}
.wrap:before {
    width: 50%;
    height: 144px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background: rgb(209,225,207); //右側の背景
}
.wrap .image {
    position: absolute;
    left: 50%;
    margin-left: -500px; //画像幅1000pxとしてその半分をネガティブマージン
}



#pagetop, header, footer {
	width: 100%;
}
section {
	margin: 0 0 30px 0;
}
.for_sp {
	display: none!important;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

.br:before {
	content: "\A" ;
	white-space: pre ;
}

/* header section over write */
body {
	min-width:1000px;
	_display: inline;
	_zoom:1;
}
h1 {
	color: rgb(114,83,9);
	font-size:11px;
	text-align:center;
}
#header_wrap {
	width: 100%;
}
#box_header {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 10px;
	position: relative;
	background-image:url(../image/header/header_b.jpg); background-repeat:no-repeat; background-position:top center;
	height:134px;
}
.box_header{ margin:0 auto;}
.box_header_left{
	float:left;
	width:180px;
	margin:96px 0 0 80px;
}
.box_header_right{
	float:right;
	width:700px;
}
.box_header_right_l{
	float:left;
	width:400px;
}
.box_header_right_r{
	float:right;
	width:180px;
	margin:96px 80px 0 0px;
}
#headMenuBtn {
	display: none;
}
#Menu {
	width: 100%;
	height:50px;
	margin-top: 20px;
}
#MenuInner{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#gMenuInner ul {
	margin: 0 auto;
	letter-spacing: -.40em;
}
#gMenuInner ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	letter-spacing: normal;
}
#gMenuInner ul li:last-child {
	border-right: none;
}
#gMenuInner ul li a {
	display: block;
	text-decoration: none;
	color: rgb(114,83,9);
	text-indent: -9999px;
}
#gMenuInner ul li:hover,
#gMenuInner ul li a:hover {
	color: color: rgb(114,83,9);
}
#FixInq {
	position: absolute;
	width: 630px;
	top: 20px;
	right: 0px;
}

.mauto {
	margin: 0 auto;
}

#main {
	width: 1000px;
	margin: 0 auto;
	background-color:#FFFFFF;
}


/* 魅力 */
.charm {
	margin-top: 30px;
	background-image:url(../image/top/inf_01_b.jpg); background-repeat:no-repeat; background-position:bottom center;
	width:1000px; height:1620px;
	color:rgb(73,66,57);
}
.charm_left {
	float:left;
	width:50%;
	padding-left: 100px;
}
.charm_right{
	float:right;
	background-image:url(../image/top/miryoku_inf.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:260px;
	padding:110px 0 0 130px;
	width:26%;
}

.charm_left_02 {
	float:left;
	background-image:url(../image/top/miryoku_inf.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:260px;
	padding:110px 0 0 130px;
	width:26%;
}
.charm_right_02{
	float:right;
	width:50%;
	padding-left: 100px;
}


/* TOPヘアスタイル */
.top_hair{margin-top: 30px;
	background-image:url(../image/top/inf_02_b.gif); background-repeat:no-repeat; background-position:bottom center;
	width:1000px; color:rgb(158,120,80);}
.top_hair_left{
	float:left;
	width:260px;
	margin-left:90px;
}	
.top_hair_right{ float:right; width:650px;}
.top_hair_right_l{
	float:left;
	width:260px;
	margin-left:40px;
}
.top_hair_right_r{
	float:right;
	width:260px;
	margin-right:70px;
}

.top_hair02{margin-top: 30px;}
.top_hair02_left{
	float:left;
	width:350px;
	margin-left:150px;
}
.top_hair02_right{
	float:right;
	width:370px;
	margin-right:80px;
}

/* TOPスタイリスト */

.top_staff{margin-top: 30px; color:rgb(158,120,80);width:1000px;}

.top_staff_left{float:left; width:400px; margin-left:90px; background-image:url(../image/top/staff_b_03.gif); background-repeat:no-repeat; background-position:top center; height:229px;}
.top_staff_right{ float:right; width:400px;margin-right:90px; background-image:url(../image/top/staff_b_03.gif); background-repeat:no-repeat; background-position:top center; height:229px;}
.top_staff_right_l{ float:left; width:35%;}
.top_staff_right_r{ float:right; width:55%;}

/* TOPアクセス */
.top_access{margin-top: 30px;width:1000px;}
.top_access_left{
	float:left;
	width:400px;
	margin-left:50px;
	padding: 10px;
	border: medium solid rgb(132,44,44);
}
.top_access_right{
	float:right;
	width:400px;
	margin-right:50px;
	padding: 10px;
	border: medium solid rgb(117,140,42);
}

/* スタイル */
.style{ margin-top: 30px;margin:0 auto; width:100%;}
.style_left{
	float:left;
	width:40%;
}
.style_right{
	float:right;
	width:50%;
}

/* service section over write */
.list_svc {
	margin: 0 -10px 0 0;
}
.list_svc li {
	width: 370px;
	float: left;
	margin: 0 11px 10px 0;
}
.list_svc li img.scv_photo {
	width: 50%;
}

/* price section over write */
.tbl_price {
	margin: 0px auto;
	border: 2px solid rgb(117,140,42);
	border-collapse: collapse;
}
.tbl_price th,
.tbl_price td {
	padding: 10px 20px;
}


/* step section over write */
#flow h3 {
	display: inline-block;
	width: 340px;
}
#flow h3 span {
	padding: 10px 30px 5px 30px;
	margin: 0 10px 0 0;
	color: #fff;
}
.flow_step_before {
	margin: 40px;
}
.flow_step_after {
	margin: 0 40px 25px ;
}
#flow .flow_step_before li,
#flow .flow_step_after li {
	clear: both;
	margin: 0 0 20px 0;
}
.checkout {
	margin: 20px 0;
	padding: 10px 0 60px 0;
}
.checkout span {
	padding: 10px 110px 5px 110px;
	background: #e6636a;
}
.price_detail,
.svc_detail {
	clear: both;
}
.price_detail a {
	padding: 10px 120px 5px 110px;
	background: url("/image/icon_plus.png") no-repeat 10px center #6cb5b2;
	background-size: 20px auto;
	border-radius: 20px;
	border-bottom: 5px solid #5a9693;
	text-decoration: none;
}
.svc_detail a {
	padding: 10px 120px 5px 110px;
	background: url("/image/icon_plus.png") no-repeat 10px center #e6636a;
	background-size: 20px auto;
	border-radius: 20px;
	border-bottom: 5px solid #b2535a;
	text-decoration: none;
}
.step_txt {
	display: inline-block;
}


/* qa section over write */
.img_qa {
	text-align: center;
}
.box_qa h3 {
	margin: 0 10px 10px 0;
	padding: 10px 50px 10px 70px;
	background: url("/image/icon_q.png") no-repeat 10px top,url("/image/icon_down.png") no-repeat right 7px;
	background-size: 48px auto, 24px auto;
}
.box_qa h3.active {
	background: url("/image/icon_q.png") no-repeat 10px top,url("/image/icon_up.png") no-repeat right 7px;
	background-size: 48px auto, 24px auto;
}
.box_qa p {
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 70px;
	background: url("/image/icon_a.png") no-repeat 10px top;
	background-size: 48px auto;
}


/* staff section over write */
.li_staff {
	margin: 0 -22px 0 0;
	padding: 10px 7px;
	min-height: 1px;
}
.li_staff li.staff {
	width: 362px;
	float: left;
	margin: 0 11px 10px 0;
}
.li_staff li.staff img.staff_photo {
	width: 50%;
	height: auto;
}
.li_staff li.staff dl {
	width: 43%;
	float: left;
}
.btn_line {
	display: none;
}
.copywrite {
	width: 1200px;
	margin: 0 auto;
}


/* social section */
#social h2 {
	margin: 0 0 30px 0;
}
.li_social li {
	margin: 0 10px 0 0;
}
.li_social li img {
	width: 55px;
	height: auto;
}
.btn_mail {
	width: 300px;
	float: left;
	margin: 5px 30px 0 0;
	text-align: center;
}
.btn_mail a {
	display: block;
	padding: 12px 10px 7px 10px;
	background: #f8c963;
	border-bottom: 5px solid #c08021;
	font-size: 140%;
	text-decoration: none;
	color: #666;
}
.btn_mail a span {
	padding: 10px 0 10px 30px;
	line-height: 1;
	background: url("/_common/image/footer/icon_mail.png") no-repeat left center;
	background-size: 22px auto;
	text-align: center;
}


/* contact section */
.btn_tel {
	width: 310px;
	text-align: center;
	margin: 10px 0 20px 0;
	float: left;
}
.btn_tel a {
	display: block;
	height: 50px;
	padding: 25px 10px 20px 10px;
	background: #f8c963;
	border-bottom: 5px solid #c08021;
	font-size: 120%;
	text-decoration: none;
	color: #666;
}
.btn_tel a em {
	font-size: 150%;
	font-style: normal;
}
.btn_tel a span {
	padding: 10px 0 10px 60px;
	line-height: 1;
	background: url("/_common/image/footer/icon_tel.png") no-repeat left center;
	background-size: 32px auto;
	text-align: center;
}
#contact .btn_line {
	display: block;
}
.btn_line {
	width: 310px;
	margin: 0 0 20px 20px;
	text-align: center;
	float: left;
}
.btn_line a {
	display: block;
	margin: 0;
	height: 50px;
	padding: 35px 10px 10px 10px;
	background: #c4d659;
	border-bottom: 5px solid #92a94f;
	font-size: 140%;
	text-decoration: none;
	color: #666;
}
.btn_line a span {
	padding: 10px 0 10px 50px;
	line-height: 1;
	background: url("/_common/image/btn/btn_line.png") no-repeat left center;
	background-size: 32px auto;
	text-align: center;
}
.btn_web {
	width: 1165px;
	clear: both;
	margin: 150px 0 20px;
	padding: 10px 5px 10px 20px;
	background: #e6636a;
	border-bottom: 5px solid #b2535a;
}
.btn_web span.title {
	padding: 25px 0 20px 35px;
	background: url("/contact/image/icon_web.png") no-repeat left center;
	background-size: 27px auto;
	font-size: 140%;
	color: #fff;
}
.btn_web span.copy {
	display: inline-block;
	margin: 15px 0 0 15px;
	padding: 5px 70px 3px;
	line-height: 1;
	background: #fff;
	border-radius: 3px;
	font-weight: bold;
	color: #e6636a;
}
form {
	clear: both;
	margin: 3px 0 0 0;
}
.box_form {
	clear: both;
	background: url("/contact/image/bg_form.png") repeat-y left top;
	border-bottom: 1px solid #fff;
}
.box_form dt {
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
	padding: 20px 10px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
.box_form dt.l_dt {
	min-height: 10em;
}
.box_form dd {
	width: 1200px;
	padding: 15px 10px;
}
.box_form dd ul {
	background: none!important;
}
.box_form dt img {
	width: 64px;
	height: auto;
	float: right;
	margin: -5px 5px 0 0;
}
.box_form input[type=text],
.box_form textarea {
	width: 400px;
	padding: 12px 10px;
	border: 1px solid #9e9e9f;
	border-radius: 0;
	font-size: 100%;
}
.box_form textarea {
	height: 10em
}
.btn_submit {
	width: 500px;
	margin: 60px auto;
}


/* footer section over write */
footer {
	margin: 0; background-image:url(../image/footer/footer_b.jpg); background-repeat:no-repeat; background-position:top center;
}
.addr_logo {
	width: 250px;
	height: auto;
	display: block;
	margin: 0 0 10px 0;
}
.box_border {
	width: 1000px;
	margin: 20px auto 0;
}
.footer_inner {
	margin: 0;
}
address {
	float: left;
	margin: 25px 0 0 100px;
	color: rgb(114,83,9);
	width: 40%;
}
.about {
	float: left;
	margin: 25px 0 0 30px;
}
.footer_menu {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.footer_menu ul {
	margin: 0 auto;
	letter-spacing: -.40em;
}
.footer_menu ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	letter-spacing: normal;
}
.footer_menu ul li:last-child {
	border-right: none;
}
.footer_menu li a {
	display: block;
	padding: 10px 10px 20px 10px;
	text-decoration: none;
	color: rgb(109,94,77);
}

.footer_menu ul li:hover,
.footer_menu ul li a:hover {
	color: rgb(109,94,77);
}
.copywrite {
	width: 100%;
	padding: 10px 0;
	text-align: right;
}


/* common */
.pdt60 {padding-top:60px;}
.pagetop {
	margin: 0;
}
.pagetop img {
	width: 42px;
	height: auto;
}

/*****  オプション加工のサイドバー表示  *****/
.option {
	top: 200px;
	position: fixed;
	z-index: 999;
	margin-left:92%;
	width: 70px;
	padding:10px;
	border-radius: 5px 5px 5px 5px;
}


/* policy */

.policy_inf01{ margin:0 auto; width:100%}
.policy_inf01_left{ float:left; width:50%;}
.policy_inf01_right{ float:right; width:45%;}

/* menu */
.menu_tit{ text-align:right; margin-right:150px;}
.menu_tit_02{ margin-left:100px;}

.menu_inf{ margin:0 auto; width:95%;}
.menu_inf_left{ float:left; width:510px; color:rgb(114,83,9); font-size:16px; margin:20px 0 0px 100px;}
.menu_inf_right{ float:right; width:180px; margin:20px 100px 0px 0px; text-align:right;}


/* voice */

.voice_inf{background-image: url(../image/voice/inf_t.jpg),url(../image/voice/inf_b.jpg),url(../image/voice/inf_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:900px;
	padding:100px 20px 20px 100px;}
	
/* staff */	
.staff_inf01{ margin:0 auto; width:90%; margin-left:20px;}
.staff_inf01_left{ float:left; width:30%; margin-left:100px;}
.staff_inf01_right{ float:right; width:50%;}

/* recruit */
.recruit_inf01_tit{ margin:0 100px 0 100px;}
.recruit_inf01{ margin:0 auto; width:90%; margin-left:40px;}
.recruit_inf01_left{ float:left; width:542px; margin-left:100px;}
.recruit_inf01_right{ float:right; width:20%;}

/************************/
/*                      */
/*    お問い合わせ      */
/*                      */
/************************/

.tit_img_sml { width:422px; height:39px; background-color:rgb(236,233,231); border:#333333 solid thin; margin:0px; color:rgb(255,255,255); font-weight:bold; font-size:14px; padding:10px 0px 0px 20px; }

.contact_main { width:618px; border:solid 1px; border-color:rgb(165,144,156); border-collapse: collapse; margin-top:10px;}
.cntct_left  {
	width:155px;
	height: 56px;
	background-color:rgb(255,255,255);
	vertical-align:middle;
	padding-left:20px;
	border-bottom:solid 1px;
	border-color:rgb(165,144,156);
	color:rgb(51,51,51);
}

.cntct_left_02  {
	width:155px;
	height: 56px;
	background-color:rgb(255,255,255);
	vertical-align:middle;
	padding-left:20px;
	border-bottom:solid 1px;
	border-color:rgb(165,144,156);
	color:rgb(51,51,51);
}

.cntct_center{ width: 65px; height: 56px; background-color:rgb(236,233,231); vertical-align:middle; border-bottom:solid 1px; border-color:rgb(165,144,156);}
.cntct_center_02{ width: 65px; height: 56px; background-color:rgb(64,33,15); vertical-align:middle; border-bottom:solid 1px; border-color:rgb(165,144,156);}

.cntct_l_btm { width:150px; height:232px; background-color:rgb(255,255,255); vertical-align:top; padding:20px 0px 0px 20px; }
.cntct_c_btm { width: 65px; height:232px; background-color:rgb(255,246,234); vertical-align:top; padding:20px 0px 0px  0px; }

.cntct_right {
	width:391px;
	background-color:rgb(255,255,255);
	border-bottom:solid 1px;
	border-color:rgb(165,144,156);
}

.cntct_right_02 {
	width:391px;
	background-color:rgb(255,255,255);
	border-bottom:solid 1px;
	border-color:rgb(165,144,156);
}
.cntct_r_btm { width:391px; background-color:rgb(255,255,255); border-color:rgb(165,144,156);}

.td_img  {
	width:57px;
	height:21px;
}

.box_small {
	width:340px;
	height: 36px;
	border:solid 1px;
	border-color:rgb(165,144,156);
	margin-left:10px;
}
.box_mnth  { width:40px; height: 36px; border:solid 1px; border-color:rgb(165,144,156); margin-left:10px; }
.box_day   { width:40px; height: 36px; border:solid 1px; border-color:rgb(165,144,156); margin-left:10px; }

.box_large { width:340px; height:213px; border:solid 1px; border-color:rgb(165,144,156); margin-left:10px; vertical-align:top;}
textarea { resize: none; overflow: auto; width:340px; height:213px; border:solid 1px; border-color:rgb(165,144,156); }

.btn_send     { width:618px; margin:30px auto 25px auto; text-align:center; }
.img_send_btn { background:url('../image/btn_cntct_01.png'); width:308px; height:53px; border:0px; cursor:pointer; background-repeat: no-repeat;}

.box_line_cntct { width:575px; height:85px; border:solid 2px; border-color:rgb(165,144,156); margin:0px auto; margin-bottom:50px; }

.contact_txt{ width:545px; height:55px; font-size:12px; line-height:13px; margin:15px; text-align:left; }

.box_line_cntct02 { width:575px; border:solid 2px; border-color:rgb(165,144,156); margin:0 auto; padding:0;}

.contact_txt02{ width:545px; font-size:14px; line-height:180%; margin:15px; text-align:left; padding-left:80px; }

.container_book       { overflow:hidden; width:700px; }
.container_book:after { clear:both; }
.book_left  { float:left; width:140px; }
.book_right { float:left; width:560px; }

.price { color:rgb(255,000,000); font-size:18px; font-weight:bold; margin:10px 0px 0px 30px; }


.container_2nd       { overflow:hidden; width:950px;}
.container_2nd:after { clear:both; }
.container_2nd_left  { float:left; width:715px; }
.container_2nd_right { float:left; width:235px; }