@charset "UTF-8";



/* ========================================================
	salon style
======================================================== */

/*************** flow ********************/

/* 見出し */
.s1_title{
	height:24px;
	background:url(img/s1_title.gif) no-repeat;
	text-indent:-5555px;
	margin-left:8px;
}
.s2_title{
	height:24px;
	background:url(img/s2_title.gif) no-repeat;
	text-indent:-5555px;
	margin-left:8px;
}
.s3_title{
	height:24px;
	background:url(img/s3_title.gif) no-repeat;
	text-indent:-5555px;
	margin-left:8px;
}
.s4_title{
	height:24px;
	background:url(img/s4_title.gif) no-repeat;
	text-indent:-5555px;
	margin-left:8px;
}
.s5_title{
	height:24px;
	background:url(img/s5_title.gif) no-repeat;
	text-indent:-5555px;
	margin-left:8px;
}
.s6_title{
	height:24px;
	background:url(img/s6_title.gif) no-repeat;
	text-indent:-5555px;
	margin-left:8px;
}


/* top */
/* .top{
	width: 490px;
	margin-left:8px;
	background:url(img/line.gif) repeat-x 100% 100%;
	width:531px;
	height:53px;
	padding:0px;
}

.top ul{
	padding: 0px 10px 0px 0px;
}
.top li{
	background:url(img/icon.gif) no-repeat 0% 40%;
	list-style-type:none;
	line-height:150%;
	margin-right:17px;
	padding-left:15px;
	float:left;
	display: block;
	white-space: nowrap;
} */
.top_text{
	clear:both;
	margin-left:8px;
	margin-top:15px;
}

/* ステップ */

.s1_top{
	background:url(img/s1_top.gif) no-repeat;
	width:523px;
	height:30px;
	margin-top:23px;
	padding-top:8px;

}
.s2_top{
	background:url(img/s2_top.gif) no-repeat;
	width:523px;
	height:30px;
	padding-top:8px;
}
.s3_top{
	background:url(img/s3_top.gif) no-repeat;
	width:523px;
	height:30px;
	padding-top:8px;
}
.s4_top{
	background:url(img/s4_top.gif) no-repeat;
	width:523px;
	height:30px;
	padding-top:8px;
}
.s5_top{
	background:url(img/s5_top.gif) no-repeat;
	width:523px;
	height:30px;
	padding-top:8px;
	padding-right:8px;
}
.s6_top{
	background:url(img/s6_top.gif) no-repeat;
	width:523px;
	height:30px;
	padding-top:8px;
}

.s_middle{
	width:523px;
	background:url(img/s_bg.gif) repeat-y;
	padding:0px;
	margin:0px;
}
.s_left{
	width:288px;
	float:left;
	padding-left:17px;
	padding-right:10px;
	line-height:150%;
}
.s_left2{
	width:329px;
	float:left;
	padding-left:17px;
	padding-right:10px;
	line-height:150%;
}
.s_right{
	width:194px;
	float:left;
	margin:0px;
	padding:0px;
}
.s_right2{
	width:153px;
	float:left;
	margin:0px;
	padding:0px;
}
.s_bottom{
	background:url(img/s_bottom.gif) no-repeat;
	height:38px;
}
.s_bottom2{
	background:url(img/s_bottom2.gif) no-repeat;
	height:7px;
}
.red{
	color:#660000;
	font-size:10px;
}
.red2{
	color:#660000;
	font-size:12px;
	margin-top:15px;
	margin-bottom:30px;
}
.red ul li{
	margin-left:27px;
	padding:0px;
}
.clear{clear:both;}
.s1_text{
	background:url(img/s1_text.gif) no-repeat;
	text-indent:-5555px;
	height:20px;
	margin-left:17px;
}
.s4_text{
	background:url(img/s4_text.gif) no-repeat;
	text-indent:-5555px;
	height:21px;
	margin-left:17px;
}
.s5_text{
	background:url(img/s5_text.gif) no-repeat;
	text-indent:-5555px;
	height:49px;
	margin-top:10px;
}
.s6_text{
	background:url(img/s6_text.gif) no-repeat;
	text-indent:-5555px;
	height:49px;
	margin-top:10px;
	margin-bottom:5px;
}
.s_line{
	background:url(img/s_line.gif) repeat-x;
	width:505px;
	font-size:0px;
	line-height:0px;
	height:3px;
	padding:0px;
	margin:8px;
}
.bt{
	text-align:right;
	padding:17px 8px 0px;
	background:url(img/line.gif) repeat-x 0% 0%;
}
.right{
	text-align:right;
	padding-right:8px;
}


/*********** index **************/

/* 見出し */
.h2_01{
	background:url(img/h2_01.gif) no-repeat;
	height:28px;
	text-indent:-5555px;
	margin:30px 0px 18px;
}
.h2_02{
	background:url(img/h2_02.gif) no-repeat;
	height:28px;
	text-indent:-5555px;
	margin:10px 0px 18px;
}
.h3_01{
	background:url(img/h3_01.gif) no-repeat;
	height:24px;
	width:545px;
	text-indent:-5555px;
	margin:20px 0px 10px;
}

/* コンテンツ */

.left01{
	width:330px;
	float:left;
	line-height:150%;
	padding:0px 18px 0px 4px;
}
.left01 div{
	margin-bottom:15px;
	padding:0px;
}
.left01 p{
	margin-bottom:13px;
}
.right01{
	width:182px;
	float:left;
}
.left02_1{
	width:204px;
	float:left;
	padding-left:4px;
}
.right02_1{
	width:316px;
	float:left;
	padding-right:10px;
	line-height:150%;
	
}
.left02_2{
	width:282px;
	float:left;
	padding-right:20px;
	line-height:150%;
}
.right02_2{
	width:232px;
	float:left;
	margin-bottom:45px;
}

.salon_text01{
	background:url(img/salon_text01.gif) no-repeat;
	text-indent:-5555px;
	height:38px;
}
.salon_text02{
	background:url(img/salon_text02.gif) no-repeat;
	text-indent:-5555px;
	height:63px;
}
.salon_text03{
	width:459px;
	height:94px;
	background:url(img/salon_text03.gif) no-repeat 0% 0%;
	text-indent:-5555px;
	padding:0px 0px 45px;
	margin:0px auto;
}

/*********** attention **************/
.attention{ width: 535px; margin: 15px auto 0; padding: 0px; }
.attention p{ margin: 0; padding: 0px;  line-height: 140%;}


.attention .list{ width: 500px; margin: 15px auto 0; padding: 12px 0px; background: #FCF4E7; }
.attention .list .border { width: 474px; margin: 0 auto; padding: 0px; background: #FCF4E7; border: 1px solid #fff;}

.attention ul{ width: 450px; margin: 15px; padding: 0px;}
.attention li{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; list-style: none; width: 390px; background: url(img/attention_list.gif) no-repeat 5px 3px; display: block; line-height: 130%; clear: both;}

/*********** preparation **************/
.preparation{ width: 520px; margin: 15px auto 0; padding: 0px; }
.preparation h2.bar01{ width: 167px; height: 14px; margin: 0px 0px 7px 0px; padding: 0px; background: url(img/preparation_bar01.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.preparation h2.bar02{ width: 167px; height: 14px; margin: 0px 0px 7px 0px; padding: 0px; background: url(img/preparation_bar02.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.preparation h2.bar03{ width: 167px; height: 14px; margin: 0px 0px 7px 0px; padding: 0px; background: url(img/preparation_bar03.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.preparation h2.bar04{ width: 167px; height: 14px; margin: 0px 0px 7px 0px; padding: 0px; background: url(img/preparation_bar04.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.preparation p{ width: 500px; margin: 0px auto 20px; padding: 0px; line-height: 140%; }

/*********** select **************/
.select{ width: 545px; margin: 0 auto;}
.select h2.bar01{ width: 545px; height: 28px; margin: 30px auto 7px; padding: 0px; background: url(img/select_bar01.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.select h3.bar02{ width: 495px; height: 27px; margin: 15px auto 0px; padding: 0px; background: url(img/select_bar02.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.select h3.bar03{ width: 208px; height: 24px; margin: 30px 0px 0px 0px; padding: 0px; background: url(img/select_bar03.gif) no-repeat; text-indent: -5555px; font-size: 1px;}

.select p{ width: 545px; margin: 10px auto; line-height: 150%;}

.select .motive{ width: 495px; margin: 0 auto 0; padding: 0px; }
.select .motive .head{ width: 495px; height: 6px; background: url(img/select_motive_top.gif) no-repeat; margin: 0 auto 0; padding: 0px; font-size: 1px;}
.select .motive .body{ width: 495px; background: url(img/select_motive_body.gif) repeat-y; margin: 0 auto 0; padding: 10px 0; font-size: 1px;}
.select .motive .body .bg{ width: 452px; height: 253px; background: url(img/select_motive_bg.jpg) no-repeat; margin: 0px auto ; padding: 18px 0px 0px 10px; font-size: 1px;}

.select .motive .body .bg ul{ width: 214px; margin: 0px 10px 0px 0px; padding: 0px; float: left;}
.select .motive .body .bg li{ width: 214px; margin: 0px 0px 7px 0px; padding: 0px; display: block; list-style: none; text-indent: -5555px;}
.select .motive .body .bg .motive01{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list01.gif) no-repeat;}
.select .motive .body .bg .motive02{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list02.gif) no-repeat;}
.select .motive .body .bg .motive03{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list03.gif) no-repeat;}
.select .motive .body .bg .motive04{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list04.gif) no-repeat;}
.select .motive .body .bg .motive05{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list05.gif) no-repeat;}
.select .motive .body .bg .motive06{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list06.gif) no-repeat;}
.select .motive .body .bg .motive07{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list07.gif) no-repeat;}
.select .motive .body .bg .motive08{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list08.gif) no-repeat;}
.select .motive .body .bg .motive09{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list09.gif) no-repeat;}
.select .motive .body .bg .motive10{ width: 214px; height: 18px; margin: 0px 0px 7px 0px; padding: 0px; display: block; background: url(img/select_motive_list10.gif) no-repeat;}

.select .motive .bottom{ width: 495px; height:6px; background: url(img/select_motive_bottom.gif) no-repeat; margin: 0 auto 0; padding: 0px; font-size: 1px;}

.select .salon_type{ width: 510px; margin: 0px auto 0px; padding: 20px 0px 0px 24px; background:#FCF4E7 url(img/select_salontype_bg.gif) repeat-y right;}
.select .salon_type .type01{ width: 458px; margin: 0px; padding: 0px; float:left; clear: both;}
.select .salon_type .type01 .t_left{ width: 200px; height: 50px; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 58px; float:left; background: url(img/select_salon01_l.gif) no-repeat; color: #600; line-height: 130%;}
.select .salon_type .type01 .t_right{ width: 190px; height: 39px; margin: 8px 0px 0px 0px; padding: 0px; float:left; background: url(img/select_salon01_r.gif) no-repeat; text-indent: -5555px;}

.select .salon_type .type02{ width: 458px; margin: 0px; padding: 0px; float:left; clear: both;}
.select .salon_type .type02 .t_left{ width: 200px; height: 50px; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 58px; float:left; background: url(img/select_salon02_l.gif) no-repeat; color: #600; line-height: 130%;}
.select .salon_type .type02 .t_right{ width: 190px; height: 39px; margin: 8px 0px 0px 0px; padding: 0px; float:left; background: url(img/select_salon02_r.gif) no-repeat; text-indent: -5555px;}

.select .salon_type .type03{ width: 458px; margin: 0px; padding: 0px; float:left; clear: both;}
.select .salon_type .type03 .t_left{ width: 200px; height: 50px; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 58px; float:left; background: url(img/select_salon03_l.gif) no-repeat; color: #600; line-height: 130%;}
.select .salon_type .type03 .t_right{ width: 190px; height: 52px; margin: 0px 0px 0px 0px; padding: 0px; float:left; background: url(img/select_salon03_r.gif) no-repeat; text-indent: -5555px;}

.select .salon_type .type04{ width: 458px; margin: 0px; padding: 0px; float:left; clear: both;}
.select .salon_type .type04 .t_left{ width: 200px; height: 50px; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 58px; float:left; background: url(img/select_salon04_l.gif) no-repeat; color: #600; line-height: 130%;}
.select .salon_type .type04 .t_right{ width: 190px; height: 39px; margin: 8px 0px 0px 0px; padding: 0px; float:left; background: url(img/select_salon04_r.gif) no-repeat; text-indent: -5555px;}

.select .salon_type .type05{ width: 458px; margin: 0px; padding: 0px; float:left; clear: both;}
.select .salon_type .type05 .t_left{ width: 200px; height: 50px; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 58px; float:left; background: url(img/select_salon05_l.gif) no-repeat; color: #600; line-height: 130%;}
.select .salon_type .type05 .t_right{ width: 190px; height: 39px; margin: 8px 0px 0px 0px; padding: 0px; float:left; background: url(img/select_salon05_r.gif) no-repeat; text-indent: -5555px;}

.select .salon_type .type06{ width: 458px; margin: 0px; padding: 0px; float:left; clear: both;}
.select .salon_type .type06 .t_left{ width: 200px; height: 50px; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 58px; float:left; background: url(img/select_salon06_l.gif) no-repeat; color: #600; line-height: 130%;}
.select .salon_type .type06 .t_right{ width: 190px; height: 39px; margin: 8px 0px 0px 0px; padding: 0px; float:left; background: url(img/select_salon06_r.gif) no-repeat; text-indent: -5555px;}

.select .select_text{ width:459px; height:94px; background:url(img/select_footertext.gif) no-repeat 0% 0%; text-indent:-5555px; padding:0px 0px 35px; margin:30px auto 0; }