@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : むとう
 *  初版           : 2007-02-02
 *  最終更新       : 2007-05-21
 
 *	記述順序
 ----------------------------------
 	1.position:
	2.display:
	3.visilibity:
	4.float:
	5.background:
	6.text-indent:
	7.overflow:
	8.width:
	9.height:
	10.border:
	11.top:
	12.left
	13.margin:
	14.padding:
------------------------------------	
	
/*=======================================================================*/


/*
---------------------------------------------------------------------
	Juicy Color : #feb4b3
---------------------------------------------------------------------
*/
body#Juicy .contentsWrapper #detailArea #letterArea #style,
body#Juicy .contentsWrapper #detailArea #stylistArea{
	border-left:#feb4b3 5px solid;
}
body#Juicy .contentsWrapper #detailArea #stylistArea .stylistData p{
	border-bottom:#feb4b3 1px dashed;
}
body#Juicy .contentsWrapper #toIndex{
	border-top:#feb4b3 1px solid;
}	
.contentsWrapper#catalog #indexArea .category#juicy p,
body#Juicy .contentsWrapper#catalog p.update,
body#Juicy .contentsWrapper #thumArea .thumbnail strong,
body#Juicy .contentsWrapper#catalog .diagnosisBox#result .box#chart h3 strong,
.contentsWrapper#catalog .diagnosisBox ul#category li#Juicy dl dd strong,
body#Juicy .contentsWrapper#catalog .diagnosisBox#result .box#chart strong{
	color:#feb4b3;
}	
.contentsWrapper#catalog #indexArea .category#juicy p.no1{
	background-color: #FE7D86;
}	
body#Juicy .contentsWrapper #detailArea #stylistArea .stylistData li{
	background:url(../forwoman/haircatalog/Juicy/img/mark05.gif) no-repeat left;
}	
body#Juicy .contentsWrapper #detailArea #stylistArea .stylistData li.salon{
	background:url(../forwoman/haircatalog/Juicy/img/mark02.gif) no-repeat left;
}	
body#Juicy .contentsWrapper #detailArea #stylistArea .stylistData li.handred{
	background:url(../forwoman/haircatalog/Juicy/img/mark03.gif) no-repeat left;
}	
body#Juicy .contentsWrapper #detailArea #stylistArea .stylistData li.movie{
	background:url(../forwoman/haircatalog/Juicy/img/mark04.gif) no-repeat left;
}	
body#Juicy .contentsWrapper #imageArea{
	background:url(../forwoman/haircatalog/Juicy/img/bg_index.gif) repeat-y;
}
body#Juicy .contentsWrapper #thumArea{
	background:url(../forwoman/haircatalog/Juicy/img/bg_thum.gif) repeat-y;
}	

body#Juicy .contentsWrapper#catalog .diagnosisBox#result .box#chart p#diagnosisResult,
body#Juicy .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	border:#feb4b3 1px solid;
}
body#Juicy .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	background:#fff7f7;
}


/*サロンサーチ用*/
body#Juicy #wrapper_SalonInfo h2,
body#Juicy #wrapper_SalonInfo h3,
body#Juicy dl.salonServiceInfo dt,
body#Juicy dl.salonServiceCard dt,
body#Juicy dl.salonServiceQR dt,
body#Juicy table#salonServiceTable th,
body#Juicy #wrapper_SalonInfo dl#salon_intro dt{
	color:#feb4b3;
}

body#Juicy #wrapper_SalonInfo .staffInfoWrapper p,
body#Juicy #wrapper_SalonInfo .staffInfoWrapper2 p{
	border-left:5px solid #feb4b3;
}

body#Juicy #wrapper_SalonInfo .staffData dl,
body#Juicy table#salonPriceTable tr.even,
body#Juicy table#salonPriceTable th.even,
body#Juicy table#salonPriceTable td.even{
	background:#feb4b3;
}


body#Juicy #wrapper_SalonInfo h2 span.salon_name{
	background:url(../../salonsearch/img/salon_info_point_juicy.gif) no-repeat 0 6px;
}

body#Juicy #wrapper_SalonInfo h3 span{
	background:url(../../salonsearch/img/salon_info_point_juicy.gif) no-repeat 0 1px;
	_background:url(../../salonsearch/img/salon_info_point_juicy.gif) no-repeat 0 -1px;
}

body#Juicy #wrapper_SalonInfo h2{
	background:url(../../salonsearch/img/salon_name_underline_juicy.gif) repeat-x;
	background-position:bottom;
}

body#Juicy #wrapper_SalonInfo h3{
	background:url(../../salonsearch/img/dot_line_juicy.gif) repeat-x;
	background-position:bottom;
}

body#Juicy .to_coupon_link a{
display: block;
text-align: right;
width: 345px;
height: 11px;
}

body#Juicy .to_coupon_link span {
display: none;
}

body#Juicy a.coupon_icon {
background-image:url(../../salonsearch/img/coupon_juicy.gif);
background-position: 278px 0px;
background-repeat: no-repeat;
}

body#Juicy a:hover.coupon_icon {
background-image:url(../../salonsearch/img/coupon_juicy.gif);
background-position: 278px -11px;
background-repeat: no-repeat;
}




/*
---------------------------------------------------------------------
	Class Color : #99a196
---------------------------------------------------------------------
*/
body#Class .contentsWrapper #detailArea #letterArea #style,
body#Class .contentsWrapper #detailArea #stylistArea{
	border-left:#99a196 5px solid;
}
body#Class .contentsWrapper #detailArea #stylistArea .stylistData p{
	border-bottom:#99a196 1px dashed;
}
body#Class .contentsWrapper #toIndex{
	border-top:#99a196 1px solid;
}	
.contentsWrapper#catalog #indexArea .category#class p,
body#Class .contentsWrapper#catalog p.update,
body#Class .contentsWrapper #thumArea .thumbnail strong,
body#Class .contentsWrapper#catalog .diagnosisBox#result .box#chart h3 strong,
.contentsWrapper#catalog .diagnosisBox ul#category li#Class dl dd strong,
body#Class .contentsWrapper#catalog .diagnosisBox#result .box#chart strong{
	color:#99a196;
}
.contentsWrapper#catalog #indexArea .category#class p.no1{
	background-color: #999;
}	
body#Class .contentsWrapper #detailArea #stylistArea .stylistData li{
	background:url(../forwoman/haircatalog/Class/img/mark05.gif) no-repeat left;
}	
body#Class .contentsWrapper #detailArea #stylistArea .stylistData li.salon{
	background:url(../forwoman/haircatalog/Class/img/mark02.gif) no-repeat left;
}	
body#Class .contentsWrapper #detailArea #stylistArea .stylistData li.handred{
	background:url(../forwoman/haircatalog/Class/img/mark03.gif) no-repeat left;
}	
body#Class .contentsWrapper #detailArea #stylistArea .stylistData li.movie{
	background:url(../forwoman/haircatalog/Class/img/mark04.gif) no-repeat left;
}
body#Class .contentsWrapper #imageArea{
	background:url(../forwoman/haircatalog/Class/img/bg_index.gif) repeat-y;
}
body#Class .contentsWrapper #thumArea{
	background:url(../forwoman/haircatalog/Class/img/bg_thum.gif) repeat-y;
}

body#Class .contentsWrapper#catalog .diagnosisBox#result .box#chart p#diagnosisResult,
body#Class .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	border:#99a196 1px solid;
}
body#Class .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	background:#f5f5f4;
}


/*サロンサーチ用*/
body#Class #wrapper_SalonInfo h2,
body#Class #wrapper_SalonInfo h3,
body#Class dl.salonServiceInfo dt,
body#Class dl.salonServiceCard dt,
body#Class dl.salonServiceQR dt,
body#Class #wrapper_SalonInfo dl#salon_intro dt{
	color:#99a196;
}
body#Class #wrapper_SalonInfo .staffInfoWrapper p,
body#Class #wrapper_SalonInfo .staffInfoWrapper2 p{
	border-left:5px solid #99a196;
}
body#Class #wrapper_SalonInfo .staffData dl{
	background:#99a196;
}
body#Class #wrapper_SalonInfo h2 span.salon_name{
	background:url(../../salonsearch/img/salon_info_point_class.gif) no-repeat 0 6px;
}

body#Class #wrapper_SalonInfo h3 span{
	background:url(../../salonsearch/img/salon_info_point_class.gif) no-repeat 0 1px;
	_background:url(../../salonsearch/img/salon_info_point_class.gif) no-repeat 0 -1px;
}

body#Class #wrapper_SalonInfo h2{
	background:url(../../salonsearch/img/salon_name_underline_class.gif) repeat-x;
	background-position:bottom;
}

body#Class #wrapper_SalonInfo h3{
	background:url(../../salonsearch/img/dot_line_class.gif) repeat-x;
	background-position:bottom;
}

body#Class table#salonPriceTable tr.even,
body#Class table#salonPriceTable th.even,
body#Class table#salonPriceTable td.even{
	background:#99a196;
}

body#Class .to_coupon_link a{
display: block;
text-align: right;
width: 345px;
height: 11px;
}

body#Class .to_coupon_link span {
display: none;
}

body#Class a.coupon_icon {
background-image:url(../../salonsearch/img/coupon_class.gif);
background-position: 278px 0px;
background-repeat: no-repeat;
}

body#Class a:hover.coupon_icon {
background-image:url(../../salonsearch/img/coupon_class.gif);
background-position: 278px -11px;
background-repeat: no-repeat;
}

	

/*
---------------------------------------------------------------------
	Fresh Color : #adde75
---------------------------------------------------------------------
*/
body#Fresh .contentsWrapper #detailArea #letterArea #style,
body#Fresh .contentsWrapper #detailArea #stylistArea{
	border-left:#adde75 5px solid;
}
body#Fresh .contentsWrapper #detailArea #stylistArea .stylistData p{
	border-bottom:#adde75 1px dashed;
}
body#Fresh .contentsWrapper #toIndex{
	border-top:#adde75 1px solid;
}	
.contentsWrapper#catalog #indexArea .category#fresh p,
body#Fresh .contentsWrapper#catalog p.update,
body#Fresh .contentsWrapper #thumArea .thumbnail strong,
body#Fresh .contentsWrapper#catalog .diagnosisBox#result .box#chart h3 strong,
.contentsWrapper#catalog .diagnosisBox ul#category li#Fresh dl dd strong,
body#Fresh .contentsWrapper#catalog .diagnosisBox#result .box#chart strong{
	color:#adde75;
}	
.contentsWrapper#catalog #indexArea .category#fresh p.no1{
	background-color: #85CA46;
}	
body#Fresh .contentsWrapper #detailArea #stylistArea .stylistData li{
	background:url(../forwoman/haircatalog/Fresh/img/mark05.gif) no-repeat left;
}	
body#Fresh .contentsWrapper #detailArea #stylistArea .stylistData li.salon{
	background:url(../forwoman/haircatalog/Fresh/img/mark02.gif) no-repeat left;
}	
body#Fresh .contentsWrapper #detailArea #stylistArea .stylistData li.handred{
	background:url(../forwoman/haircatalog/Fresh/img/mark03.gif) no-repeat left;
}	
body#Fresh .contentsWrapper #detailArea #stylistArea .stylistData li.movie{
	background:url(../forwoman/haircatalog/Fresh/img/mark04.gif) no-repeat left;
}
body#Fresh .contentsWrapper #imageArea{
	background:url(../forwoman/haircatalog/Fresh/img/bg_index.gif) repeat-y;
}
body#Fresh .contentsWrapper #thumArea{
	background:url(../forwoman/haircatalog/Fresh/img/bg_thum.gif) repeat-y;
}

body#Fresh .contentsWrapper#catalog .diagnosisBox#result .box#chart p#diagnosisResult,
body#Fresh .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	border:#adde75 1px solid;
}
body#Fresh .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	background:#f7fcf1;
}


/*サロンサーチ用*/
body#Fresh #wrapper_SalonInfo h2,
body#Fresh #wrapper_SalonInfo h3,
body#Fresh dl.salonServiceInfo dt,
body#Fresh dl.salonServiceCard dt,
body#Fresh dl.salonServiceQR dt,
body#Fresh table#salonServiceTable th,
body#Fresh #wrapper_SalonInfo dl#salon_intro dt{
	color:#adde75;
}

body#Fresh #wrapper_SalonInfo .staffInfoWrapper p,
body#Fresh #wrapper_SalonInfo .staffInfoWrapper2 p{
	border-left:5px solid #adde75;
}

body#Fresh #wrapper_SalonInfo .staffData dl,
body#Fresh table#salonPriceTable tr.even,
body#Fresh table#salonPriceTable th.even,
body#Fresh table#salonPriceTable td.even{
	background:#adde75;
}

body#Fresh #wrapper_SalonInfo h2 span.salon_name{
	background:url(../../salonsearch/img/salon_info_point_fresh.gif) no-repeat 0 6px;
}

body#Fresh #wrapper_SalonInfo h3 span{
	background:url(../../salonsearch/img/salon_info_point_fresh.gif) no-repeat 0 1px;
	_background:url(../../salonsearch/img/salon_info_point_fresh.gif) no-repeat 0 -1px;
}

body#Fresh #wrapper_SalonInfo h2{
	background:url(../../salonsearch/img/salon_name_underline_fresh.gif) repeat-x;
	background-position:bottom;
}

body#Fresh #wrapper_SalonInfo h3{
	background:url(../../salonsearch/img/dot_line_fresh.gif) repeat-x;
	background-position:bottom;
}

body#Fresh .to_coupon_link a{
display: block;
text-align: right;
width: 345px;
height: 11px;
}

body#Fresh .to_coupon_link span {
display: none;
}

body#Fresh a.coupon_icon {
background-image:url(../../salonsearch/img/coupon_fresh.gif);
background-position: 278px 0px;
background-repeat: no-repeat;
}

body#Fresh a:hover.coupon_icon {
background-image:url(../../salonsearch/img/coupon_fresh.gif);
background-position: 278px -11px;
background-repeat: no-repeat;
}

/*
---------------------------------------------------------------------
	Victoria : #9acccd
---------------------------------------------------------------------
*/
body#Victoria .contentsWrapper #detailArea #letterArea #style,
body#Victoria .contentsWrapper #detailArea #stylistArea{
	border-left:#9acccd 5px solid;
}
body#Victoria .contentsWrapper #detailArea #stylistArea .stylistData p{
	border-bottom:#9acccd 1px dashed;
}
body#Victoria .contentsWrapper #toIndex{
	border-top:#9acccd 1px solid;
}	
.contentsWrapper#catalog #indexArea .category#victoria p,
body#Victoria .contentsWrapper#catalog p.update,
body#Victoria .contentsWrapper #thumArea .thumbnail strong,
body#Victoria .contentsWrapper#catalog .diagnosisBox#result .box#chart h3 strong,
.contentsWrapper#catalog .diagnosisBox ul#category li#Victoria dl dd strong,
body#Victoria .contentsWrapper#catalog .diagnosisBox#result .box#chart strong{
	color:#9acccd;
}	
.contentsWrapper#catalog #indexArea .category#victoria p.no1{
	background-color: #77B2CD;
}	
body#Victoria .contentsWrapper #detailArea #stylistArea .stylistData li{
	background:url(../forwoman/haircatalog/Victoria/img/mark05.gif) no-repeat left;
}	
body#Victoria .contentsWrapper #detailArea #stylistArea .stylistData li.salon{
	background:url(../forwoman/haircatalog/Victoria/img/mark02.gif) no-repeat left;
}	
body#Victoria .contentsWrapper #detailArea #stylistArea .stylistData li.handred{
	background:url(../forwoman/haircatalog/Victoria/img/mark03.gif) no-repeat left;
}	
body#Victoria .contentsWrapper #detailArea #stylistArea .stylistData li.movie{
	background:url(../forwoman/haircatalog/Victoria/img/mark04.gif) no-repeat left;
}
body#Victoria .contentsWrapper #imageArea{
	background:url(../forwoman/haircatalog/Victoria/img/bg_index.gif) repeat-y;
}
body#Victoria .contentsWrapper #thumArea{
	background:url(../forwoman/haircatalog/Victoria/img/bg_thum.gif) repeat-y;
}

body#Victoria .contentsWrapper#catalog .diagnosisBox#result .box#chart p#diagnosisResult,
body#Victoria .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	border:#9acccd 1px solid;
}
body#Victoria .contentsWrapper#catalog .diagnosisBox#result .box#chart{
	background:#f5fafa;
}



/*サロンサーチ用*/
body#Victoria #wrapper_SalonInfo h2,
body#Victoria #wrapper_SalonInfo h3,
body#Victoria dl.salonServiceInfo dt,
body#Victoria dl.salonServiceCard dt,
body#Victoria dl.salonServiceQR dt,
body#Victoria table#salonServiceTable th,
body#Victoria #wrapper_SalonInfo dl#salon_intro dt{
	color:#9acccd;
}

body#Victoria #wrapper_SalonInfo .staffInfoWrapper p,
body#Victoria #wrapper_SalonInfo .staffInfoWrapper2 p{
	border-left:5px solid #9acccd;
}

body#Victoria #wrapper_SalonInfo .staffData dl,
body#Victoria table#salonPriceTable th.even,
body#Victoria table#salonPriceTable td.even{
	background:#9acccd;
}

body#Victoria #wrapper_SalonInfo h2 span.salon_name{
	background:url(../../salonsearch/img/salon_info_point_victoria.gif) no-repeat 0 6px;
}

body#Victoria #wrapper_SalonInfo h3 span{
	background:url(../../salonsearch/img/salon_info_point_victoria.gif) no-repeat 0 1px;
	_background:url(../../salonsearch/img/salon_info_point_victoria.gif) no-repeat 0 -1px;
}

body#Victoria #wrapper_SalonInfo h2{
	background:url(../../salonsearch/img/salon_name_underline_victoria.gif) repeat-x;
	background-position:bottom;
}

body#Victoria #wrapper_SalonInfo h3{
	background:url(../../salonsearch/img/dot_line_victoria.gif) repeat-x;
	background-position:bottom;
}



body#Victoria .to_coupon_link a{
display: block;
text-align: right;
width: 345px;
height: 11px;
}

body#Victoria .to_coupon_link span {
display: none;
}

body#Victoria a.coupon_icon {
background-image:url(../../salonsearch/img/coupon_victoria.gif);
background-position: 278px 0px;
background-repeat: no-repeat;
}

body#Victoria a:hover.coupon_icon {
background-image:url(../../salonsearch/img/coupon_victoria.gif);
background-position: 278px -11px;
background-repeat: no-repeat;
}



/*
---------------------------------------------------------------------
	 company
---------------------------------------------------------------------
*/

.contentsWrapper#sub caption {
	background: #e7ac9a;
}

.contentsWrapper#sub tbody th {
	background: #F6F6F5;
}
.contentsWrapper#sub td {
	background: #FFFFFF;
}