@charset "utf-8";

/*
////////////////////////////////////////////////////////////////////////////
//
//  layouts.css - CSS Document 
//
////////////////////////////////////////////////////////////////////////////
//
//===================================

	// .01 = Hairstyle,stylist search
    // .02 = Renewal ss
    // .03 = Hairstyle image search
    // .04 = Hairstyle Ranking
    // .05 = Map Search
    // .06 = Zenkoku Search
    // .07 = Salon Ranking

//===================================
//
////////////////////////////////////////////////////////////////////////////
*/

/* ranking .04 

.ranking_thumb {
	float: left;
	text-align: center;
	width: 128px;
	height: 185px;
	padding-top: 20px;
	background: url(/images/common/dod04.gif) right center no-repeat;
}
.ranking_thumb div {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border: solid 1px #DDD;
}
.ranking_thumb p {
	width: 110px;
	margin: 0 auto;
}
--------------------------------------------------------------------------*/

/* hairstyle,stylist search .01 
--------------------------------------------------------------------------*/
#hairstyle_search_outer {
	width: 638px;
	background: #ECECEC;
	overflow: hidden;
	border-top: solid 1px #666;
	border-left: solid 3px #090909;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}
#hairstyle_search_inner {
	padding: 9px;
}
#hairstyle_search_box {
	padding: 10px;
	background: #FFF;
	border: solid 1px #CCC;
	font-size: 12px;
	line-height: 180%;
}
#hairstyle_search_box td {
	padding-left: 18px;
}
#hairstyle_search_box select {
	margin-bottom: 1px;
	height: 21px;
}
#stylist_search_outer {
	width: 638px;
	background: #ECECEC;
	overflow: hidden;
	border-top: solid 1px #666;
	border-left: solid 3px #090909;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}
#stylist_search_inner {
	padding: 9px;
}
#stylist_search_box {
	padding: 10px;
	background: #FFF;
	border: solid 1px #CCC;
	font-size: 12px;

	line-height: 180%;
}
#stylist_search_box select {
	margin-bottom: 1px;
	height: 21px;
}
#stylist_search_box td {
	padding-left: 18px;
}
.search_arrow {
	background: url(/images/common/icon/arrow_b.png) no-repeat left;
	line-height: 14px;
}
.search_box_btn {
	border: solid 1px #999;
	background: #CCC;
	margin-top: 10px;
	padding: 10px;
}
.search_box_btn .txt {
	width: 480px;
	float: left;
	font-size: 11px;
}
.ranking_thumb div img {
	width: 90px;
	padding: 5px;
}
/* Renewal SS特集
--------------------------------------------------------------------------*/
#ss_inner {
	background:url(/oem/002/images/top/bg_page.jpg) repeat-y;
}
#bg_page_b {
	background:url(/oem/002/images/top/title.jpg) no-repeat -5px -384px;
	width: 960px;
	height: 10px;
}
.ss_area {
	padding: 10px;
}
.ss_area .ban_ss {
	width: 292px;
	height: 77px;
	border: solid 1px #d9d6d2;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(/oem/002/images/top/noover.jpg) no-repeat bottom right;
	background-color: #FFF;
	padding: 8px;
}
.ss_area .ban_thumb {
	width: 75px;
	border: solid 1px #EDEDED;
	float: left;
}
.ss_area .ban_txt {
	width: 205px;
	float: right;
}
.ban_ss {
	cursor: pointer;
}
.ban_ss:hover {
	background: url(/oem/002/images/top/over.jpg) no-repeat bottom right;
	background-color: #FFF;
}
/* Hairstyle image search.03
--------------------------------------------------------------------------*/
#standard_style {
	padding: 0 11px;
	margin-top: 10px;
	height: 460px;
}
#bg_standard_style {
}
#standard_style ul {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #F0F0F0;
}
#standard_style .n_bdr {
	border: none;
}
#standard_style li {
	width: 94px;
	height: 152px;
	text-align: center;
	float: left;
}
#standard_style img {
	margin-bottom: 5px;
	width: 79px;
	height: 104px;
}
#standard_style .e {
	width: 86px;
	height: 160px;
	text-align: center;
	float: left;
}
#standard_style li a,
#standard_style li a {
	background: #e8e3e0;
	color: #0066cc;
	display: block;
	width: 79px;
	height: 104px;
	padding: 5px;
	font-size: 10px;
	line-height: 160%;
}
#standard_style li a:hover,
#standard_style li a:hover {
	background: #c49fad;
	color: #0066cc;
	text-decoration: none;
}
#style_01 {
	background: url(/oem/002/images/top/bg_standard_style.png) -5px -6px no-repeat;
}
#style_02 {
	background: url(/oem/002/images/top/bg_standard_style.png) -100px -6px no-repeat;
}
#style_03 {
	background: url(/oem/002/images/top/bg_standard_style.png) -193px -6px no-repeat;
}
#style_04 {
	background: url(/oem/002/images/top/bg_standard_style.png) -288px -6px no-repeat;
}
#style_05 {
	background: url(/oem/002/images/top/bg_standard_style.png) -382px -6px no-repeat;
}
#style_06 {
	background: url(/oem/002/images/top/bg_standard_style.png) -475px -6px no-repeat;
}
#style_07 {
	background: url(/oem/002/images/top/bg_standard_style.png) -570px -6px no-repeat;
}
#style_08 {
	background: url(/oem/002/images/top/bg_standard_style.png) -663px -6px no-repeat;
}
#style_09 {
	background: url(/oem/002/images/top/bg_standard_style.png) -758px -6px no-repeat;
}
#style_10 {
	background: url(/oem/002/images/top/bg_standard_style.png) -851px -6px no-repeat;
}
#style_11 {
	background: url(/oem/002/images/top/bg_standard_style.png) -5px -124px no-repeat;
}
#style_12 {
	background: url(/oem/002/images/top/bg_standard_style.png) -100px -124px no-repeat;
}
#style_13 {
	background: url(/oem/002/images/top/bg_standard_style.png) -193px -124px no-repeat;
}
#style_14 {
	background: url(/oem/002/images/top/bg_standard_style.png) -288px -124px no-repeat;
}
#style_15 {
	background: url(/oem/002/images/top/bg_standard_style.png) -382px -124px no-repeat;
}
#style_16 {
	background: url(/oem/002/images/top/bg_standard_style.png) -475px -124px no-repeat;
}
#style_17 {
	background: url(/oem/002/images/top/bg_standard_style.png) -570px -124px no-repeat;
}
#style_18 {
	background: url(/oem/002/images/top/bg_standard_style.png) -663px -124px no-repeat;
}
#style_19 {
	background: url(/oem/002/images/top/bg_standard_style.png) -758px -124px no-repeat;
}
#style_20 {
	background: url(/oem/002/images/top/bg_standard_style.png) -851px -124px no-repeat;
}
#style_21 {
	background: url(/oem/002/images/top/bg_standard_style.png) -5px -245px no-repeat;
}
#style_22 {
	background: url(/oem/002/images/top/bg_standard_style.png) -100px -245px no-repeat;
}
#style_23 {
	background: url(/oem/002/images/top/bg_standard_style.png) -193px -245px no-repeat;
}
#style_24 {
	background: url(/oem/002/images/top/bg_standard_style.png) -288px -245px no-repeat;
}
#style_25 {
	background: url(/oem/002/images/top/bg_standard_style.png) -382px -245px no-repeat;
}
#style_26 {
	background: url(/oem/002/images/top/bg_standard_style.png) -475px -245px no-repeat;
}
#style_27 {
	background: url(/oem/002/images/top/bg_standard_style.png) -570px -245px no-repeat;
}
#style_28 {
	background: url(/oem/002/images/top/bg_standard_style.png) -663px -245px no-repeat;
}
#style_29 {
	background: url(/oem/002/images/top/bg_standard_style.png) -758px -245px no-repeat;
}
#style_30 {
	background: url(/oem/002/images/top/bg_standard_style.png) -851px -245px no-repeat;
}
/* Hairstyle Ranking.04
--------------------------------------------------------------------------*/
.style_ranklist {
	width: 190px;
	float: left;
}
.style_ranklist_e {
	width: 180px;
	float: left;
}
.style_ranklist .pkg,
.style_ranklist_e .pkg {
	width: 158px;
	height: 286px;
	border: solid 1px #DEDEDE;
	padding: 10px;
	background: #FFF;
}
.style_ranklist .pkg p,
.style_ranklist_e .pkg p {
	color: #888;
}
.style_sc {
	display: block;
	width: 158px;
	height: 204px;
	overflow: hidden;
	text-align: center;
	background: #EFEFEF;
}
.style_ranklist .pkg:hover,
.style_ranklist_e .pkg:hover {
	background: #E2007B;
}
.style_ranklist .pkg p:hover,
.style_ranklist_e .pkg p:hover {
	color: #FFF;
}
.style_ranklist .pkg a,
.style_ranklist_e .pkg a {
	font-weight: bold;
	font-size: 12px;
}
.style_ranklist .pkg a:hover,
.style_ranklist_e .pkg a:hover {
	color: #FFF;
	text-decoration: none;
}
.contents_title	{
	display: none;
}
/* Map Search.05
--------------------------------------------------------------------------*/
#map_area {
	width: 600px;
	height: 372px;
	float: left;
	margin-left: 10px;
	background: url(/oem/002/images/top/map_back.jpg) no-repeat;

}
/* Zenkoku Search.06
--------------------------------------------------------------------------*/
#salon_search {
	width: 330px;
	height: 372px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
#salon_search form {
	margin-top: 5px;
}
#salon_search form select {
	width: 100%;
	margin: 11px 0 10px 0;
}
#salon_search_guide {
	width: 90px;
	height: 101px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(/oem/002/images/top/icon.jpg) no-repeat -5px -5px;
	float: left;
}
#salon_search_box {
	width: 228px;
	margin-right: 2px;
	float: right;
}
#salon_search_box span {
	margin: 0;
	padding: 0;
}
#salon_search_box select selected {
	color: #F00;
}
#salon_search form {
	margin-top: 4px;
}
#salon_search form select {
	width: 100%;
	margin: 9px 0 9px 0;
}
#area_tag {
	padding: 10px;
	border: solid 1px #d9d6d2;
	background: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#area_tag p{
	line-height: 160%;
}
#header_ {
	background: url(/oem/002/images/top/header_swoman.jpg) no-repeat;
	width: 960px;
	height: 280px;
}
#title_step1 {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -5px;
	width : 960px;
	height: 134px;
}
#title_step2 {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -144px;
	width : 960px;
	height: 115px;
}
#title_step3 {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -264px;
	width : 960px;
	height: 115px;
}
#title_tokyo {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -399px;
	width : 960px;
	height: 32px;
}
#title_chiba {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -436px;
	width : 960px;
	height: 32px;
}
#title_kanagawa {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -473px;
	width : 960px;
	height: 32px;
}
#title_saitama {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -510px;
	width : 960px;
	height: 32px;
}
#title_styleimage {
	background: url(/oem/002/images/top/title.jpg) no-repeat -5px -547px;
	width : 960px;
	height: 32px;
}
#title_search_ {
	background: url(/oem/002/images/top/icon.jpg) no-repeat -100px -5px;
	width: 327px;
	height: 32px;
}
#form_submit {
	background: url(/oem/002/images/top/icon.jpg) no-repeat -100px -44px;
	width: 329px;
	height: 30px;
}
/* Salon Ranking.07
--------------------------------------------------------------------------*/
.ranking_list {
	width: 189px;
	overflow: hiddenl;
	float: left;
}
.ranking_list_e {
	width: 116px;
	float: left;
}
.ranking_list .pkg,
.ranking_list_e .pkg {
	width: 160px;
	height: 205px;
	border: solid 1px #DEDEDE;
	padding: 10px;
	background: #FFF;
}
.img_sc {
	display: block;
	width: 158px;
	height: 117px;
	overflow: hidden;
	text-align: center;
	background: #EFEFEF;
	border: solid 1px #ECECEC;
}
.ranking_list .pkg p,
.ranking_list_e .pkg p {
	color: #888;
	line-height: 180%;
}
.ranking_list .pkg:hover,
.ranking_list_e .pkg:hover {
	background: #E2007B;
}
.ranking_list .pkg p:hover,
.ranking_list_e .pkg p:hover {
	color: #FFF;
}
.ranking_list .pkg a,
.ranking_list_e .pkg a {
	font-weight: bold;
}
.ranking_list .pkg a:hover,
.ranking_list_e .pkg a:hover {
	color: #FFF;
	text-decoration: none;
}
#no01 {
	background: url(/images/common/base/icon.png) 0 -40px no-repeat;
	width: 47px;
	height: 15px;
}
#no01:hover {
	background: url(/images/common/base/icon.png) 0 -40px no-repeat;
	width: 47px;
	height: 15px;
}
#no02 {
	background: url(/images/common/base/icon.png) 0 -56px no-repeat;
	width: 47px;
	height: 15px;
}
#no03 {
	background: url(/images/common/base/icon.png) 0 -72px no-repeat;
	width: 47px;
	height: 15px;
}
#no04 {
	background: url(/images/common/base/icon.png) 0 -88px no-repeat;
	width: 47px;
	height: 15px;
}
#no05 {
	background: url(/images/common/base/icon.png) 0 -104px no-repeat;
	width: 47px;
	height: 15px;
}
.t_center {
	text-align: center;
}