@charset "UTF-8";
@import "base.css";

/*=================================
	main_contents
=================================*/
#main_contents{
}
#main_contents .item .bottom_btn{
	clear:both;
	padding:0 0 0 38px;
}
#main_contents .item .bottom_btn li{
	float:left;
	padding-right:32px;
}
#main_contents .item .bottom_btn li.li3{
	padding-right:0;
}

#main_contents .pagetop{
	padding:16px 0 36px;
	text-align:right;
}
#main_contents .pagetop2{
	background:url(../img/base/pagetop2_bg.png) center top no-repeat;
}

/* salon1 */
#salon1{
	height:840px;
	background:url(../img/main/salon1_bg.jpg) left top no-repeat;
}
#salon1 .main_photo{
	float:right;
	padding:30px 27px 20px 0;
}
#salon1 .main_photo .photo li{
	display:none;
}
#salon1 .main_photo .photo li.current{
	display:block;
}
#salon1 .left_area{
	float:left;
	width:474px;
}
#salon1 .style_point_title{
}
#salon1 .style_point{
	padding:0 0 14px 30px;
}
#salon1 .style{
	padding:0 0 42px 30px;
}
#salon1 .stylist{
	width:430px;
	height:164px;
	padding:14px 0 0 33px;
	margin:0 0 14px;
	background:url(../img/main/stylist_bg.jpg) right top no-repeat;
}
#salon1 .stylist .photo{
	padding:0 0 0 15px;
	float:left;
}
#salon1 .stylist .text_area{
	float:right;
	width:292px;
}
#salon1 .coupon{
	padding:0 0 0 33px;
}


/* salon2 */
#salon2{
	height:876px;
	background:url(../img/main/salon2_bg.jpg) left top no-repeat;
}
#salon2 .main_photo{
	float:right;
	position:relative;
	padding:30px 27px 20px 0;
}
#salon2 .main_photo .photo li{
	display:none;
}
#salon2 .main_photo .photo li.current{
	display:block;
}
#salon2 .main_photo .photo_list li{
	position:absolute;
}
#salon2 .main_photo .photo_list li.li1{
	right:277px;
	top:594px;
}
#salon2 .main_photo .photo_list li.li2{
	right:416px;
	top:594px;
}
#salon2 .left_area{
	float:left;
	width:474px;
	padding-bottom:36px;
}
#salon2 .style_point_title{
}
#salon2 .style_point{
	padding:0 0 0px 30px;
}
#salon2 .style{
	padding:0 0 26px 30px;
}
#salon2 .stylist{
	width:430px;
	height:164px;
	padding:14px 0 0 33px;
	margin:0 0 30px;
	background:url(../img/main/stylist_bg.jpg) right top no-repeat;
}
#salon2 .stylist .photo{
	padding:0 0 0 15px;
	float:left;
}
#salon2 .stylist .text_area{
	float:right;
	width:292px;
}
#salon2 .coupon{
	padding:0 0 0 34px;
}


/* salon3 */
#salon3{
	height:876px;
	background:url(../img/main/salon3_bg.jpg) left top no-repeat;
}
#salon3 .main_photo{
	float:right;
	position:relative;
	padding:30px 27px 20px 0;
}
#salon3 .main_photo .photo li{
	display:none;
}
#salon3 .main_photo .photo li.current{
	display:block;
}
#salon3 .main_photo .photo_list li{
	position:absolute;
}
#salon3 .main_photo .photo_list li.li1{
	right:280px;
	top:592px;
}
#salon3 .main_photo .photo_list li.li2{
	right:416px;
	top:592px;
}
#salon3 .left_area{
	float:left;
	width:474px;
	padding:0 0 26px;
}
#salon3 .style_point_title{
}
#salon3 .style_point{
	padding:0 0 0px 30px;
}
#salon3 .style{
	padding:0 0 24px 30px;
}
#salon3 .stylist{
	width:430px;
	height:164px;
	padding:14px 0 0 33px;
	margin:0 0 16px;
	background:url(../img/main/stylist_bg.jpg) right top no-repeat;
}
#salon3 .stylist .photo{
	float:left;
	padding:0 0 0 15px;
}
#salon3 .stylist .text_area{
	float:right;
	width:292px;
}
#salon3 .coupon{
	padding:0 0 0 34px;
}


/* salon4 */
#salon4{
	height:874px;
	background:url(../img/main/salon4_bg.jpg) left top no-repeat;
}
#salon4 .main_photo{
	float:right;
	position:relative;
	padding:30px 27px 20px 0;
}
#salon4 .main_photo .photo li{
	display:none;
}
#salon4 .main_photo .photo li.current{
	display:block;
}
#salon4 .main_photo .photo_list li{
	position:absolute;
}
#salon4 .main_photo .photo_list li.li1{
	right:276px;
	top:590px;
}
#salon4 .main_photo .photo_list li.li2{
	right:416px;
	top:590px;
}
#salon4 .left_area{
	float:left;
	width:474px;
	padding:0 0 34px;
}
#salon4 .style_point_title{
}
#salon4 .style_point{
	padding:0 0 0px 30px;
}
#salon4 .style{
	padding:0 0 25px 30px;
}
#salon4 .stylist{
	width:430px;
	height:164px;
	padding:14px 0 0 33px;
	margin:0 0 28px;
	background:url(../img/main/stylist_bg.jpg) right top no-repeat;
}
#salon4 .stylist .photo{
	float:left;
	padding:0 0 0 15px;
}
#salon4 .stylist .text_area{
	float:right;
	width:292px;
}
#salon4 .coupon{
	padding:0 0 0 34px;
}


/* salon5 */
#salon5{
	height:874px;
	background:url(../img/main/salon5_bg.jpg) left top no-repeat;
}
#salon5 .main_photo{
	float:right;
	position:relative;
	padding:30px 27px 20px 0;
}
#salon5 .main_photo .photo li{
	display:none;
}
#salon5 .main_photo .photo li.current{
	display:block;
}
#salon5 .main_photo .photo_list li{
	position:absolute;
}
#salon5 .main_photo .photo_list li.li1{
	right:276px;
	top:590px;
}
#salon5 .main_photo .photo_list li.li2{
	right:416px;
	top:590px;
}
#salon5 .left_area{
	float:left;
	width:474px;
	padding:0 0 68px;
}
#salon5 .style_point_title{
}
#salon5 .style_point{
	padding:0 0 0px 30px;
}
#salon5 .style{
	padding:0 0 22px 30px;
}
#salon5 .stylist{
	width:430px;
	height:164px;
	padding:14px 0 0 33px;
	margin:0 0 28px;
	background:url(../img/main/stylist_bg.jpg) right top no-repeat;
}
#salon5 .stylist .photo{
	float:left;
	padding:0 0 0 15px;
}
#salon5 .stylist .text_area{
	float:right;
	width:292px;
}
#salon5 .coupon{
	padding:0 0 0 34px;
}


/* salon6 */
#salon6{
	height:874px;
	background:url(../img/main/salon6_bg.jpg) left top no-repeat;
}
#salon6 .main_photo{
	float:right;
	position:relative;
	padding:30px 27px 24px 0;
}
#salon6 .main_photo .photo li{
	display:none;
}
#salon6 .main_photo .photo li.current{
	display:block;
}
#salon6 .main_photo .photo_list li{
	position:absolute;
}
#salon6 .main_photo .photo_list li.li1{
	right:279px;
	top:572px;
}
#salon6 .main_photo .photo_list li.li2{
	right:415px;
	top:572px;
}
#salon6 .left_area{
	float:left;
	width:474px;
	padding:0 0 70px;
}
#salon6 .style_point_title{
}
#salon6 .style_point{
	padding:0 0 0px 30px;
}
#salon6 .style{
	padding:0 0 15px 30px;
}
#salon6 .stylist{
	width:430px;
	height:164px;
	padding:14px 0 0 33px;
	margin:0 0 14px;
	background:url(../img/main/stylist_bg.jpg) right top no-repeat;
}
#salon6 .stylist .photo{
	float:left;
	padding:0 0 0 15px;
}
#salon6 .stylist .text_area{
	float:right;
	width:292px;
}
#salon6 .coupon{
	padding:0 0 0 34px;
}