@charset "UTF-8";



/* ========================================================
	salonguide style
======================================================== */

.tb_bg{
/* 	width:542px; */
/* 	height:362px; */
	background-color:#FCF4E7;
	padding:8px 7px;
}
.tb_line{
	/* height:343px; */
	background-color:#FCF4E7;
	border:1px #FFFFFF solid;
	padding:16px 21px;
}
.tb_line ul li{
	background:url(img/icon.gif) no-repeat 0px 4px;
	padding-left:20px;
	padding-bottom:8px;
	line-height:150%;
	list-style-type:none;
}

.tb_line ol li{
	list-style-type:decimal;
	margin-left:30px;
	padding-left:0px;
	padding-bottom:5px;
	background-image:none;
}
.tb_line div{
	padding-top:20px;
}
.small{
	font-size:10px;
	text-align:right;
	margin-top:5px;
}

.boshu_top{
	width:541px;
	height:5px;
	background:url(img/boshu_top.gif) no-repeat;
	margin-top:30px;
	line-height:5px;
}
.boshu_middle{
	width:541px;
	background:url(img/boshu_bg.gif) repeat-y;
}
.middle_grade{
	width:541px;
	background:url(img/boshu_grade.gif) no-repeat bottom;
}
.middle_logo{
	background:url(img/boshu_logo.gif) no-repeat 97% 50%;	
}
.middle_free{
/* 	width:507px; */
	padding:10px 17px 15px;
	font-size:14px;
	color:#5F0000;
	line-height:20px;
	}
.middle_free p{
	margin-top:5px;
}
.boshu_bottom{
	height:5px;
	background:url(img/boshu_bottom.gif) no-repeat;
}


.tb2_bg{
	width:542px;
	/* height:500px; */
	background-color:#FCF4E7;
	padding: 0px 0px 10px 0px;
	margin: 0 auto;
}
.flow_left{
	width:130px;
	float:left;
	padding-left:22px;
	margin-top:15px;
}
.flow_right{
	width:375px;
	margin-top:15px;
/* 	padding-right:10px; */
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	color:#996600;
 	float:left;
}
.f1{height:82px;display:block;padding-top:17px;}
.f2{height:51px;display:block;padding-top:7px;}
.f3{height:105px;}
.f4{height:77px;display:block;padding-top:3px;}
.f5{height:77px;display:block;padding-top:17px;}
.f6{height:60px;display:block;}

.flow_right ol li{
/* 	width:330px; */
	margin: 0px 0px 0px 40px;
	font-weight:normal;
}

.line{
	height:3px;
	margin:0px;
	padding:0px;
	line-height:0px;
}
.clear{clear:both;line-height:0px;}
.tb2_bg .bt{
	margin-top:10px;
	text-align:center;
	clear: both;
}

.icon02 li{
	background:url(img/icon02.gif) no-repeat 0% 30%;
	padding-left:15px;
	list-style-type:none;
	margin-left:20px;
	line-height:150%;
}
.disc{
	list-style-type:disc;
	margin-left:20px;
	line-height:150%
}
.red{
	font-size:10px;
	font-weight:bold;
	color:#990000;
}

.tbs_bg{
	width:435px;
	background-color:#FCF4E7;
	padding:5px 4px;
	margin:0px auto;
}
.tbs_line{
/* 	width:425px; */
	background-color:#FCF4E7;
	border:1px #FFFFFF solid;
}
.tbs_line div{
	text-align:center;
	margin-top:5px;
	}
.tbs_line p{
	margin-left:20px;
	line-height:150%;
}
h2{margin:30px 0px 15px;}
h3{margin-bottom:15px;}
h4{margin-top:20px;margin-bottom:10px;}
p{line-height:150%;}
.p{margin:0px 10px;line-height:150%;}
.ma10{margin-bottom:10px;}
.ma30{margin-bottom:30px;}

/* 見出し */

.h2_01{ background:url(img/h2_01.gif) no-repeat; height:28px; text-indent: -5555px; }
.h2_02{ background:url(img/h2_02.gif) no-repeat; height:28px; text-indent: -5555px; }
.h2_03{ background:url(img/h2_03.gif) no-repeat; height:28px; text-indent: -5555px; }
.h2_04{ background:url(img/h2_04.gif) no-repeat; height:28px; text-indent: -5555px; }
.h2_05{ background:url(img/h2_05.gif) no-repeat; height:28px; text-indent: -5555px; }
.h2_06{ background:url(img/h2_06.gif) no-repeat; height:28px; text-indent: -5555px; }




.h3_01{
	background:url(img/h3_01.gif) no-repeat;
	height:24px;
	text-indent:-5555px;
}
.h3_02{
	background:url(img/h3_02.gif) no-repeat;
	height:24px;
	text-indent:-5555px;
}

.h3_text{ width: 291px; height: 74px; background: url(img/text02.gif) no-repeat; text-indent: -5555px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px; }



.h4_01{
	background:url(img/h4_01.gif) no-repeat;
	height:16px;
	text-indent:-5555px;
}
.h4_02{
	background:url(img/h4_02.gif) no-repeat;
	height:14px;
	text-indent:-5555px;
}
.h4_03{
	background:url(img/h4_03.gif) no-repeat;
	height:14px;
	text-indent:-5555px;
}
.h4_04{
	background:url(img/h4_04.gif) no-repeat;
	height:14px;
	text-indent:-5555px;
}







/* ========================================================
	entry style
======================================================== */

#container_entry{ width: 656px; margin: 0 auto; padding: 0px; background: url(img/entry_bg.gif) repeat-y;}

/****** header ******/
#container_entry #header{ width: 650px; height: 68px; background: url(img/entry_header.gif) no-repeat; margin: 0 auto; padding: 0px 0px 0px 0px;}
#container_entry #header .left{ width: 645px; display: block; margin: 0; padding: 0px 0px 0px 0px; float: left; }
#container_entry #header .left .logo01 a{ width: 282px; height: 41px; background: url(img/salon_header_logo.gif) no-repeat; text-indent: -5555px; margin: 10px 0px 0px 9px; display: block; float: left; }

/****** header_bt ******/
#container_entry #header .left .header_bt{
	width: 180px;
	height: 55px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#container_entry #header .left .header_bt ul{ width: 179px; margin: 6px 0px 0px 0px; padding: 0px; }
#container_entry #header .left .header_bt li{ margin :0px 0px 0px 0px; padding: 0px 5px 0px 0px; list-style: none; text-indent: -5555px; display: block; float: right;}
#container_entry #header .left .header_bt .home a{ width: 55px; height: 16px; margin: 0px; padding: 0px; background: url(img/salon_home.gif) no-repeat; display: block; /* float: right; */}
#container_entry #header .left .header_bt .official a{ width: 179px; height: 36px; margin: 3px 0px 0px 0px; padding: 0px; background: url(img/salon_header_logo02.gif) no-repeat; display: block;/*  float: right; */}

/****** contents ******/
#container_entry #contents{ width: 630px; margin: 0 auto; padding: 0px 0px 20px 0px; clear: both;}
#container_entry #contents p{ width: 600px; margin: 22px auto 0px; padding: 0px; line-height: 150%;}
#container_entry #contents p strong{ color: #c33;}
#container_entry #contents p img{ margin: 0px 1px -3px 0px;}

#container_entry #contents .caution { width: 630px; margin: 0px auto 15px; text-align: right; padding: 0px;}
#container_entry #contents .caution img{ margin: 0px 3px 0px 0px ; }


/*見出し*/
#container_entry #contents h2{ /* width: 630px; */ height: 28px; margin: 0 auto 0px; padding: 7px 0px 0px 24px; background: url(img/entry_h2.gif) no-repeat; color: #fff; font-size: 14px; } 

/*フォームテーブル01*/
.form{ width: 624px; background: #fff; border: 1px solid #E2BEB9; margin: 15px auto 25px; padding: 1px;}
.form table{ width: 100%; background: #FFF1ED; margin: 0 auto; padding: 0px;}
.form table th{ width: 203px; background: #EFD5D2 url(img/entry_th.gif) repeat-y left; margin: 0 ; padding: 10px 0px 10px 13px; color: #5F0000; vertical-align: middle; text-align: left;}
.form table th img{ margin: 0px 0px -2px 2px ;}
.form table th span{ font-size: 12px; font-weight: normal;}
.form table td{ width: 400px; background: #FFF; margin: 0 ; padding: 10px 0px 10px 13px; }
.form table td span{ margin: 0px 10px 0px 0px ; padding: 0px;}
.form table td .example{ font-size: 10px; margin: 0px 0px 3px 5px; padding: 0px; line-height: 140%;}
.form table td .example img{ margin: 0px 2px 0px 0px; }
.form table td .radio{ float: left; margin: 0px 13px 0px 0px; padding: 0px; }
.form table td .radio input{ margin: 0px 3px -1px 0px; padding: 0px; }
.form table td .addbt{ width: 100%; height: 28px; margin: 0px 0px 0px 0px; padding: 0px; text-align: right; font-size: 10px; /* vertical-align: middle; */}
.form table td .addbt span{ margin: 0px 10px 0px 0px; padding: 10px 0px 0px 0px; /* float: left; */ color:#5F0000; text-align: right;}
.form table td .addbt img{ margin: 0px 0px -10px 0px;}

/*ご注意のボックス*/
#container_entry #contents .caution_box{ width: 406px; margin: 20px auto 0px; padding: 7px; background: #F9E8CE; clear: both;}
#container_entry #contents .caution_box .text{ width: 100%; margin: 0 ; padding: 4px 0px 4px 0px; background: #F9E8CE; border: 1px solid #fff;}
#container_entry #contents .caution_box .text img{ width: 380px; height: 20px;  margin: 0 0 5px 15px; padding: 0px;}
#container_entry #contents .caution_box .text p{ width: 380px; margin: 0 auto 0px; padding: 0px; color:#630; line-height: 130%;}

.privacy_policy{ width: 600px; text-align: left; margin: 10px auto 0px; padding: 0px; font-weight: bold;}
.privacy_policy img{ margin: 0px 3px 0px 0px; }



/*フォームテーブル02*/
.form02{ width: 624px; background: #fff; border: 1px solid #E2BEB9; margin: 10px auto 25px; padding: 1px;}
.form02 table{ width: 100%; background: #FFF1ED; margin: 0 auto; padding: 0px;}
.form02 table th{ background: #EFD5D2 url(img/entry_th02.gif) repeat-x top; margin: 0 ; padding: 7px 0px 7px 0px; color: #5F0000; text-align: center; }
.form02 table th img{ margin: 0px 0px -2px 2px ;}
.form02 table th span{ font-size: 12px; font-weight: normal;}
.form02 table td .example{ font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px;}
.form02 table td .example img{ margin: 0px 2px 0px 0px; }
.form02 table td{ background: #FFF; margin: 0 ; padding: 7px 0px 7px 0px; text-align: center;}
.form02 table td span{ margin: 0px 10px 0px 0px ; padding: 0px;}


#container_entry #contents .bt{ width: 100%; margin: 0 auto; text-align: center;}
#container_entry #contents .bt input{ margin: 0px 10px 0px 0px ; padding: 0px;  }
/* #container_entry #contents .bt{ width: 624px; margin: 0 auto; text-align: center;} */
/*********** footer *************/
#container_entry #footer{ width: 637px; height: 27px; margin: 0px 0px 0px 13px; padding: 0px 0px 0px 0px; background: url(img/salon_footer.gif) no-repeat; clear: both;}

#container_entry #copyright{ width: 637px; height: 35px; margin: 3px 40px 5px 0px; padding: 0px 0px 0px 0px; background: url(/img/copyright.gif) no-repeat right; clear: both;}








/************* index.php *************/
#container_entry #contents .icon li{

	background:url(img/icon.gif) no-repeat 0% 30%;
	padding-left:10px;
	list-style-type:none;
	margin-left:15px;
	margin-top:10px;
}
#container_entry #contents .entry_bt{
	width:432px;
	margin:37px auto 0px;
}
#container_entry #contents .entry_bt01{
	width:203px;
	float:left;
	padding:0px;
	margin:0px;
}
#container_entry #contents .entry_bt02{
	width:203px;
	float:right;
	padding:0px;
	margin:0px;
}

#container_entry #contents .tb_bg{
	background-color:#FCF1E0;
	width:435px;
	padding:4px;
	margin:30px auto 25px;
}
#container_entry #contents .tb_line{
	background-color:#FCF1E0;
	height:120px;
	margin:0px;
	padding:0px;
	text-align:center;
	border:1px #FFF solid;
}
#container_entry #contents .tb_line p{
	width:435px;
	line-height:150%;
	padding:0px;
	margin:0px;
}
#container_entry #contents .logo{
	background:url(img/entry_logo.gif) no-repeat;
	text-indent:-5555px;
	width:249px;
	height:30px;
	margin:8px auto 0px;
}







/************* end.php *************/
.end{ text-align: center; font-size: 14px; }
.close{ text-align: center; font-size: 12px; }