@charset "UTF-8";



/* ========================================================
	search style
======================================================== */

/************* 絞込み ***********************/

.search_titleicon{ width: 545px; height: 25px; margin: 15px auto; padding: 0px; text-indent: -5555px; background: url(img/search_title.gif) no-repeat left;}


h2{
	/* width: 545px; */
	height: 28px;
	margin: 15px auto 0;
	padding: 7px 0px 0px 23px;
	font-size: 14px;
	color: #660000;
	background: url(/img/bar01.gif) no-repeat;
}

.area{ width: 525px; margin: 10px auto 0; padding: 0px; }
.area select{ width: 230px; margin: 0px 30px 0px 0px; padding: 0px; }

.keyword{ width: 525px; margin: 10px auto 0; padding: 0px; }
.keyword input{ width: 270px; margin: 0px 15px 0px 0px; padding: 0px; float: left; }
.keyword .bt{ width: 55px; height: 21px; margin: 0px 0px 0px 0px; padding: 0px; float: left; }
.keyword p{ width: 525px; height: 21px; margin: 3px auto 0px; padding: 0px; text-align: left; font-size: 10px; 	color:#E26145; 	clear: both; }

/************* 一覧 ***********************/
.caution{ width: 525px; margin: 20px auto 0; padding: 7px 4px 7px 7px; background: #FFF3EE; border: 3px double #E46969; font-size: small; /* font-weight: bold; */ color: #cc3333; line-height: 140%;}
.caution img{ margin: 0px 2px -2px 2px;}



.list{
	/* width: 545px; */
	height: 28px;
	margin: 15px auto 0;
	padding: 7px 0px 0px 23px;
	background: url(/img/bar02.gif) no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.list02{
	/* width: 545px; */
	height: 28px;
	margin: 25px auto 0;
	padding: 7px 0px 0px 10px;
	background: url(/img/bar03.gif) no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.list .title{ width: 265px; float: left; margin: 0px; padding: 0px; }
.list .title span{ font-size: 12px; font-weight: normal; margin: 0px 0px 0px 5px; }
.list .page{ width: 145px; float: right; margin: 0px; padding: 0px; font-size: 12px; color: #fff; font-weight: normal; }
.list .page a:link{ color: #fff; text-decoration: none; }
.list .page a:visited{ color: #fff; text-decoration: none; }
.list .page a:active{ color: #fff; text-decoration: underline; }
.list .page a:hover{ color: #fff; text-decoration: underline; }

.list02 .title{ width: 265px; float: left; margin: 0px; padding: 0px; }
.list02 .title span{ font-size: 12px; font-weight: normal; margin: 0px 0px 0px 5px; }
.list02 .page{ width: 145px; float: right; margin: 0px; padding: 0px; font-size: 12px; color: #fff; font-weight: normal; }
.list02 .page a:link{ color: #fff; text-decoration: none; }
.list02 .page a:visited{ color: #fff; text-decoration: none; }
.list02 .page a:active{ color: #fff; text-decoration: underline; }
.list02 .page a:hover{ color: #fff; text-decoration: underline; }


/************* サロン ***********************/
.salon{ width: 545px; margin: 10px auto 0; padding: 0px 0px 5px 0px; background: url(/img/dot01.gif) repeat-x bottom;}
.salon .photo{ width: 122px; height: 89px; margin: 0px; padding: 3px 0px 0px 3px; float: left; background: url(img/search_image01.gif) no-repeat; }
.salon .data{ width: 408px; margin: 0px; padding: 3px 0px 0px 10px; float: left; }
.salon .data .name{ width: 100%; margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color:#600; line-height: 120%;}
.salon .data .name a:link{ color:#600; text-decoration: none;}
.salon .data .name a:visited{ color:#600; text-decoration: none;}
.salon .data .name a:active{ color:#600; text-decoration: underline;}
.salon .data .name a:hover{ color:#600; text-decoration: underline;}
.salon .data .data_detail{ width: 100%; margin: 0px; padding: 0px; }

.salon .data .data_detail .text{ width: 270px; margin: 0px; padding: 0px; line-height: 120%;}
.salon .data .data_detail .text ul{ width: 270px; margin: 5px 0 0; padding: 0px;}
.salon .data .data_detail .text li{ list-style: none; margin: 0px; padding: 0px 0px 0px 52px; line-height: 130%; text-indent: -52px;}

.salon .data .data_detail .text .open{ width: 270px; margin: 0px; padding: 0px; line-height: 120%;}
.salon .data .data_detail .text .open ul{ width: 270px; margin: 5px 0 0; padding: 0px;}
.salon .data .data_detail .text .open li{ list-style: none; margin: 0px; padding: 0px 0px 0px 52px; line-height: 130%; font-size: 10px;}

.salon .data .data_detail .text .icon{ width: 270px; margin: 0px; padding: 0px; line-height: 120%;}
.salon .data .data_detail .text .icon ul{ margin: 5px 0 0; padding: 0px; width: 270px;}
.salon .data .data_detail .text .icon li{ list-style: none; margin: 0px; padding: 0px; line-height: 130%; text-indent: -5555px; float: left; display: block;}
.salon .data .data_detail .text .icon .private{ width: 60px; height: 15px; background: url(img/search_private.gif) no-repeat; margin: 0px 5px 0px 0px; padding: 0px;}
.salon .data .data_detail .text .icon .corporation{ width: 60px; height: 15px; background: url(img/search_corporation.gif) no-repeat; margin: 0px 5px 0px 0px; padding: 0px;}
.salon .data .data_detail .text .icon .other{ width: 60px; height: 15px; background: url(img/search_other.gif) no-repeat; margin: 0px 5px 0px 0px; padding: 0px;}
.salon .data .data_detail .text .icon .man{ width: 60px; height: 15px; background: url(img/search_man.gif) no-repeat; margin: 0px; padding: 0px;}

.salon .data .data_detail .bt{ width: 120px; margin: 0px; padding: 40px 0px 0px 0px; float: right;}
.salon .data .data_detail .bt ul{ margin: 0px; padding: 0px; }
.salon .data .data_detail .bt li{ margin: 0px; padding: 0px; list-style: none; display: block;}


/* ========================================================
	ポップアップウィンドウ style
======================================================== */

#container_popup{ width: 685px; margin: 0 auto; padding: 0px; background: url(img/salon_bg.gif) repeat-y;}

/****** header ******/
#container_popup #header{ width: 685px; height: 119px; display: block; background: url(img/salon_header_bg.gif) no-repeat; margin: 0 auto; padding: 0px 0px 0px 0px;}
#container_popup #header .left{ width: 645px; display: block; margin: 0; padding: 0px 0px 0px 0px; float: left; }
#container_popup #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_close{ width: 32px; height: 85px; margin: 8px 0px 0px 0px; padding: 0px; float: right;}

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

#container_popup #header .left .header_bt ul{ width: 179px; margin: 6px 0px 0px 0px; padding: 0px; }
#container_popup #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_popup #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_popup #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; */}

/****** salon name ******/
#container_popup #header .left .name{ /* width: 634px; */ height: 40px; margin: 9px 0px 0px 10px; padding: 10px 5px 0px 10px; background: url(img/salon_name.gif) no-repeat; clear: both; }
#container_popup #header .left .name h1{ width: 500px; margin: 0px 0px 0px 0px; padding: 0px; color: #fff; font-size: 16px; }
#container_popup #header .left .name .corp{ width: 75px; height: 22px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(img/salon_corporation.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
#container_popup #header .left .name .priv{ width: 75px; height: 22px; margin: 0px 0px 0px 0px; padding: 0px; float: right; background: url(img/salon_private.gif) no-repeat; text-indent: -5555px; font-size: 1px;}


/******** contents *************/
#container_popup #contents{ width: 612px; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; clear: both;}
	
/*********** data *************/
#container_popup #contents .data{ width: 100%; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*左カラム*/
#container_popup #contents .data .left{ width: 252px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;}
#container_popup #contents .data .left .image{ width: 252px; height: 182px; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 3px; background: url(img/salon_image01.gif) no-repeat;}

#container_popup #contents .data .left .other{ width: 252px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#container_popup #contents .data .left .other .top{ width: 252px; height: 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(img/salon_other_top.gif) no-repeat; font-size: 1px;}
#container_popup #contents .data .left .other .bg{ width: 252px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(img/salon_other_bg.gif) repeat-y;}

#container_popup #contents .data .left .other .bg .title{ width: 227px; height: 18px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; background: url(img/salon_other_title.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
#container_popup #contents .data .left .other .bg ul{ width: 220px; margin: 0px auto 0px; padding: 0px 0px 5px 0px; display: block; }
#container_popup #contents .data .left .other .bg li{ margin: 4px 0px 0px 0px; padding: 0px 0px 0px 10px; background: url(/img/list04.gif) no-repeat left; font-size: 10px; list-style: none; color: #630;}

#container_popup #contents .data .left .other .caution_other{ width: 192px; height: 22px; margin: 5px auto; padding: 0px; background: url(img/caution_other.gif) no-repeat; text-indent: -5555px;}


#container_popup #contents .data .left .other .bottom{ width: 252px; height: 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(img/salon_other_bottom.gif) no-repeat; font-size: 1px; clear: both; display: block;}


/*右カラム*/
#container_popup #contents .data .right{ width: 336px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right;}
#container_popup #contents .data .right .bar01{ /* width: 336px; */ height: 28px; margin: 0px; padding: 9px 0px 0px 20px; background: url(img/salon_bar01.gif) no-repeat; font-size: 14px; color:#600; font-weight: bold;}
#container_popup #contents .data .right .salon_data{ width: 330px; margin: 5px auto 0; padding: 0px 0px 10px 0px; background: url(/img/dot01.gif) repeat-x bottom; }
#container_popup #contents .data .right .salon_data ul{ margin: 0; padding: 0px 0px 0px 0px; }
#container_popup #contents .data .right .salon_data li{ margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: 130%;}
#container_popup #contents .data .right .salon_data .indent{ text-indent: -58px; padding: 0px 0px 0px 58px; margin: 2px 0px 0px 0px;}
/* #container_popup #contents .data .right .salon_data .indent02{ text-indent: -45px; padding: 0px 0px 0px 45px;} */
#container_popup #contents .data .right .salon_data li img{ margin: 0px 0px -5px 3px;}

#container_popup #contents .data .right .salon_data02{ width: 330px; margin: 5px auto 0; padding: 0px 0px 0px 0px;}
#container_popup #contents .data .right .salon_data02 ul{ margin: 0; padding: 0px 0px 0px 0px; }
#container_popup #contents .data .right .salon_data02 li{ margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: 150%;}
#container_popup #contents .data .right .salon_data02 li img{ margin: 0px 0px -5px 3px;}

#container_popup #contents .data .right .bt { width: 330px; margin: 0px; padding: 0px; }
#container_popup #contents .data .right .bt ul{ margin: 5px 0px 0px 0px; padding: 0px; clear: both; display: block; float: left;}
#container_popup #contents .data .right .bt li{ margin: 0px 4px 0px 0px; padding: 0px; list-style: none; float: left; display: block;}
#container_popup #contents .data .right .bt .man{ font-size: 10px; padding: 0px; list-style: none; float: left; color: #630;}
#container_popup #contents .data .right .bt .man img{ margin: 0px 2px -2px 0px;}


/*********** menu *************/
#container_popup #contents .menu{ width: 100%; margin: 15px 0px 0px 0px; padding: 0px 0px 20px 0px; clear: both;}

#container_popup #contents .menu .left { width: 398px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;}
#container_popup #contents .menu .left .bar02{ /* width: 336px; */ height: 28px; margin: 0px; padding: 9px 0px 0px 20px; background: url(img/salon_bar02.gif) no-repeat; font-size: 14px; color:#600; font-weight: bold;}
#container_popup #contents .menu .left p{ width: 390px; /* height: 100px; */ margin: 0px auto 0px; padding: 0px 0px 0px 0px; line-height: 140%;}

#container_popup #contents .menu .left .menu_list{ width: 385px; /* height: 30px; */ margin: 0px auto 10px; padding: 0px 0px 0px 0px; background: url(img/salon_menu_line.gif) repeat-y left; display: block;}
#container_popup #contents .menu .left .menu_list .menu01{ width: 375px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; float: right; background: url(/img/dot01.gif) repeat-x bottom;}
#container_popup #contents .menu .left .menu_list .menu01 .name{ width: 295px; margin: 0px; padding: 0px; float: left; font-size: 14px; color: #600; font-weight: bold;}
#container_popup #contents .menu .left .menu_list .menu01 .price{ width: 65px; margin: 0px; padding: 2px 0px 0px 0px; float: right; text-align: right;}
#container_popup #contents .menu .left .menu_list .text{ width: 375px; margin: 0px 0px 0px 0px; padding: 0px; float: right; text-align: left; font-size: 10px; display: block;}

#container_popup #contents .menu .right { width: 174px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right;}
#container_popup #contents .menu .right .image{ width: 174px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#container_popup #contents .menu .right .image ul{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#container_popup #contents .menu .right .image li{ margin: 0px 0px 6px 0px; padding: 3px 0px 0px 3px; list-style: none; width: 180px; height: 130px; display: block; background: url(img/salon_image02.gif) no-repeat;}


/*********** 運営元 *************/
#container_popup #contents .bottom_area{ width: 100%; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 5px; }
#container_popup #contents .bottom_area .management{ width: 50%; margin: 5px 0px 0px 0px; padding: 0px; text-align: left; font-size: 10px; float:left; }
#container_popup #contents .bottom_area .print_bt{ width: 30%; margin: 0px 0px 0px 0px; padding: 0px; float:right; text-align: right;}




/*********** footer *************/
#container_popup #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_popup #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;}

/* ========================================================
	クーポン style
======================================================== */
.coupon{ width: 537px; margin: 0 auto; padding: 0px;}
.coupon .top{ width: 537px; height: 12px; margin: 0 auto; padding: 0px; background: url(img/coupon_top.gif) no-repeat; font-size: 1px;}
.coupon .bg{ width: 537px; margin: 0 auto; padding: 0px; background: url(img/coupon_bg.gif) repeat-y; }

.coupon .bg .left{ width: 79px; margin: 0px; padding: 0px 0px 190px 0px; float: left; background: url(img/coupon_coupon.gif) no-repeat 90% 100%; text-indent: -5555px; display: block;}

.coupon .bg .right{ width: 450px; margin: 0px; padding: 0px; float: left; display: block;}
.coupon .bg .right h1{ width: 426px; margin: 12px auto 0; padding: 0px; font-size: 16px; border-bottom: 3px double #600; color: #600;}

.coupon .bg .right .data{ width: 392px; margin: 10px auto 0; padding: 0px; }
.coupon .bg .right .data .top{ width: 392px; height: 7px; margin: 0px auto; padding: 0px; font-size: 1px; background: url(img/coupon_data_top.gif) no-repeat;}
.coupon .bg .right .data .bg{ width: 392px; margin: 0px; padding: 0px; background: url(img/coupon_data_bg.gif) repeat-y;}
.coupon .bg .right .data .text{ width: 370px; margin: 0px; padding: 5px 0px; background: url(img/coupon_data_logo.gif) no-repeat right;}
.coupon .bg .right .data .text p{ width: 250px; margin: 0px; padding: 5px 0px 5px 15px; float: left; color: #630; line-height: 140%; /* text-align: center; */ text-align: left;}
.coupon .bg .right .data .bottom{ width: 392px; height: 7px; margin: 0px auto; padding: 0px; font-size: 1px; background: url(img/coupon_data_bottom.gif) no-repeat;}

.coupon .bg .right .limit { width: 380px; margin: 7px auto 15px; padding: 0px 0px 0px 15px; background: url(img/coupon_limit.gif) no-repeat left; color:#630;}
.coupon .bg .right .salon_info { width: 392px; margin: 0px auto 0; padding: 0px 0px 0px 0px; font-size: 10px; line-height: 120%;}

.coupon .bottom{ width: 537px; height: 12px; margin: 0 auto; padding: 0px; background: url(img/coupon_bottom.gif) no-repeat; font-size: 1px;}


.comment { width: 230px; height: 16px; margin: 6px auto 0; padding: 0px; text-indent: -5555px; background: url(img/coupon_comment.gif) no-repeat;}

.bt{ width: 183px; margin: 10px auto 0px; padding: 0px 0px 45px 0px;}
.bt .print{ width: 121px; margin: 0px 5px 0px 0px; padding: 0px; float: left;}
.bt .map{ width: 55px; margin: 0px 0px 0px 0px; padding: 0px; float: left;}