@charset "UTF-8";

.onpc {display:block;}
.onsp {display:none;}

.headerSubnavi li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.headerSubnavi li a:hover {
	opacity:0.8;
}

.headerSubnavi li.subnavi01 a {
	background:url(../img_layout/header_sub01.gif) no-repeat 0px 0px;
	width:108px;
	height:30px;
}
.headerSubnavi li.subnavi02 a {
	background:url(../img_layout/header_sub02.gif) no-repeat 0px 0px;
	width:82px;
	height:30px;
}
.headerSubnavi li.subnavi03 a {
	background:url(../img_layout/header_sub03.gif) no-repeat 0px 0px;
	width:152px;
	height:30px;
}

#SearchBox .area_new ul li a ,
#SearchBox .area ul li a {
	width:82px;
	height:82px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#SearchBox .area ul li.area1 a {background:url(../img_layout/search_area_btn01.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area2 a {background:url(../img_layout/search_area_btn02.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area3 a {background:url(../img_layout/search_area_btn03.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area4 a {background:url(../img_layout/search_area_btn05.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area5 a {background:url(../img_layout/search_area_btn06.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area6 a {background:url(../img_layout/search_area_btn07.gif) no-repeat 0px 0px;}

#SearchBox .area ul li.area1 a:hover {background:url(../img_layout/search_area_btn01_o.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area2 a:hover {background:url(../img_layout/search_area_btn02_o.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area3 a:hover {background:url(../img_layout/search_area_btn03_o.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area4 a:hover {background:url(../img_layout/search_area_btn05_o.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area5 a:hover {background:url(../img_layout/search_area_btn06_o.gif) no-repeat 0px 0px;}
#SearchBox .area ul li.area6 a:hover {background:url(../img_layout/search_area_btn07_o.gif) no-repeat 0px 0px;}

#SearchBox .area_new ul li.area1 a {background:url(../img_layout/search_area_btn001.gif) no-repeat 0px 0px;width:102px;height:59px;}
#SearchBox .area_new ul li.area2 a {background:url(../img_layout/search_area_btn002.gif) no-repeat 0px 0px;width:102px;height:59px;}
#SearchBox .area_new ul li.area3 a {background:url(../img_layout/search_area_btn003.gif) no-repeat 0px 0px;width:102px;height:59px;}
#SearchBox .area_new ul li.area4 a {background:url(../img_layout/search_area_btn004.gif) no-repeat 0px 0px;width:102px;height:59px;}
#SearchBox .area_new ul li.area5 a {background:url(../img_layout/search_area_btn005.gif) no-repeat 0px 0px;width:102px;height:59px;}
#SearchBox .area_new ul li.area6 a {background:url(../img_layout/search_area_btn006.gif) no-repeat 0px 0px;width:132px;height:42px;}
#SearchBox .area_new ul li.area7 a {background:url(../img_layout/search_area_btn007.gif) no-repeat 0px 0px;width:102px;height:59px;}
#SearchBox .area_new ul li.area8 a {background:url(../img_layout/search_area_btn008.gif) no-repeat 0px 0px;width:132px;height:42px;}
#SearchBox .area_new ul li.area9 a {background:url(../img_layout/search_area_btn009.gif) no-repeat 0px 0px;width:132px;height:55px;}
#SearchBox .area_new ul li.area10 a {background:url(../img_layout/search_area_btn010.gif) no-repeat 0px 0px;width:132px;height:42px;}
#SearchBox .area_new ul li.area11 a {background:url(../img_layout/search_area_btn011.gif) no-repeat 0px 0px;width:132px;height:42px;}
#SearchBox .area_new ul li.area12 a {background:url(../img_layout/search_area_btn012.gif) no-repeat 0px 0px;width:132px;height:42px;}

#SearchBox .area_new ul li.area1 a:hover {background:url(../img_layout/search_area_btn001_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area2 a:hover {background:url(../img_layout/search_area_btn002_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area3 a:hover {background:url(../img_layout/search_area_btn003_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area4 a:hover {background:url(../img_layout/search_area_btn004_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area5 a:hover {background:url(../img_layout/search_area_btn005_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area6 a:hover {background:url(../img_layout/search_area_btn006_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area7 a:hover {background:url(../img_layout/search_area_btn007_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area8 a:hover {background:url(../img_layout/search_area_btn008_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area9 a:hover {background:url(../img_layout/search_area_btn009_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area10 a:hover {background:url(../img_layout/search_area_btn010_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area11 a:hover {background:url(../img_layout/search_area_btn011_o.gif) no-repeat 0px 0px;}
#SearchBox .area_new ul li.area12 a:hover {background:url(../img_layout/search_area_btn012_o.gif) no-repeat 0px 0px;}

.BnrSp ul li a {
	width:326px;
	height:93px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

.BnrSp ul li.BnrSp01 a {background:url(../img_layout/btn_sp_blank.jpg) no-repeat 0px 0px;}
.BnrSp ul li.BnrSp02 a {background:url(../img_layout/btn_sp_part.jpg) no-repeat 0px 0px;}
.BnrSp ul li.BnrSp03 a {background:url(../img_layout/btn_sp_nalist.jpg) no-repeat 0px 0px;}

.BnrSp ul li.BnrSp01 a:hover {background:url(../img_layout/btn_sp_blank_o.jpg) no-repeat 0px 0px;}
.BnrSp ul li.BnrSp02 a:hover {background:url(../img_layout/btn_sp_part_o.jpg) no-repeat 0px 0px;}
.BnrSp ul li.BnrSp03 a:hover {background:url(../img_layout/btn_sp_nalist_o.jpg) no-repeat 0px 0px;}

#pagetop_sp {
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
}

.keywd_title {
	float:left;
	width:171px;
}

#srchBox {
	float: right !important;
    margin: 0 0 8px !important;
    padding: 0 0 9px !important;
    width: 809px !important;
}

.cmnSalon .contents dl.staffvoice {
    display: none;
}




@media screen and (max-width: 1000px){
#container {
	background:url(../../img_layout/main.jpg) no-repeat -72px 0;
	padding-top:248px;
	width:1000px;
}
#headerRecruit {
	width:1000px;
}
.FooterWrap {
	width:1000px;
	background:#f47777;
}
#header {
	width:1000px;
}

}




@media screen and (max-width: 640px){
#headerRecruit {
	width:auto;
}
.FooterWrap {
	width:auto;
	background:inherit;
}
#header {
	width:auto;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.onpc {display:none;}
.onsp {display:block;}

.cmnSalon,
#path p,
.cmnBnrs,
#footerPageTop,
.FooterWrap,
#headerIn,
#containerIn,
.cmnColTwo {
	max-width:100%;
	width:auto;
}

#headerIn {
	height:auto;
}

#headerIn h1.headerSummary {
	display:none;
}

#headerIn p.logo {
	width:67%;
	position:relative;
	top:0;
	left:0;
	float:left;
	margin:2% 0 2% 3.125%;
}

.headerSubnavi {
	width:100%;
	position:relative;
	background:#000;
    opacity: 0.8;
	top:5px;
}

#open {
	display:none;
	overflow:visible !important;
}

.headerSubnavi li {
	display:block;
	padding:0 3.125%;
	border-bottom: 1px dotted #ccc !important;
}

.headerSubnavi li a {
	display:block;
	text-indent:0px;
	overflow:visible;
	width:100% !important;
	height:auto;
	padding:14px 0 5px 0;
	background:url(../img/menu_arrow.png) no-repeat right center !important;
	text-decoration:none;
	color:#fff;
}

.headerSubnavi li a:hover {
	opacity:0.8;
}

.btn_menu {
	cursor:pointer;
	float:right;
	width:10%;
	margin:1% 3.125% 0 0;
}

#headerRecruit {
	border-bottom:5px solid #3d3d3d;
}

#headerRecruitIn {
	display:none;
}

#container {
	background:none;
	padding-top:0;
	width:auto;
}

p.main {
	margin:0 0 20px;
}








/* h */

h2.h2_title_sp {
	color:#fff;
	background:#3d3d3d;
	margin:0 0 18px;
	padding:10px 0 10px 3.125%;
	font-weight:normal;
}

/* search */

#SearchBox {
    background:none;
    box-shadow:none;
    margin: 0;
    padding:0;
    width:100%;
}

#SearchBox .area_new,
#SearchBox .area {
	float:none;
	width:100%;
	height:auto;
	background:none;
}

#SearchBox .right {
	float:none;
	width:100%;
}

#SearchBox .area_new,
#SearchBox .area {
	margin:0 0 30px 0;
}

#SearchBox .area_new ul,
#SearchBox .area ul {
	margin-left:2%;
}

#SearchBox .area_new ul li,
#SearchBox .area ul li {
	position:relative;
	display:inline-block;
	width:48%;
}

#SearchBox .area_new ul li.area1,
#SearchBox .area_new ul li.area2,
#SearchBox .area_new ul li.area3,
#SearchBox .area_new ul li.area4,
#SearchBox .area_new ul li.area5,
#SearchBox .area_new ul li.area6,
#SearchBox .area_new ul li.area7,
#SearchBox .area_new ul li.area8,
#SearchBox .area_new ul li.area9,
#SearchBox .area_new ul li.area10,
#SearchBox .area_new ul li.area11,
#SearchBox .area_new ul li.area12,
#SearchBox .area ul li.area1,
#SearchBox .area ul li.area2,
#SearchBox .area ul li.area3,
#SearchBox .area ul li.area4,
#SearchBox .area ul li.area5,
#SearchBox .area ul li.area6 {top:0;left:0;}

#SearchBox .area ul li.area1 a {background:none;}
#SearchBox .area ul li.area2 a {background:none;}
#SearchBox .area ul li.area3 a {background:none;}
#SearchBox .area ul li.area4 a {background:none;}
#SearchBox .area ul li.area5 a {background:none;}
#SearchBox .area ul li.area6 a {background:none;}

#SearchBox .area_new ul li.area1 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area2 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area3 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area4 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area5 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area6 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area7 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area8 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area9 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area10 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area11 a {background:none;width:100%;height:auto;}
#SearchBox .area_new ul li.area12 a {background:none;width:100%;height:auto;}

#SearchBox .area ul li.area1 a:hover {background:none;}
#SearchBox .area ul li.area2 a:hover {background:none;}
#SearchBox .area ul li.area3 a:hover {background:none;}
#SearchBox .area ul li.area4 a:hover {background:none;}
#SearchBox .area ul li.area5 a:hover {background:none;}
#SearchBox .area ul li.area6 a:hover {background:none;}

#SearchBox .area_new ul li.area1 a:hover {background:none;}
#SearchBox .area_new ul li.area2 a:hover {background:none;}
#SearchBox .area_new ul li.area3 a:hover {background:none;}
#SearchBox .area_new ul li.area4 a:hover {background:none;}
#SearchBox .area_new ul li.area5 a:hover {background:none;}
#SearchBox .area_new ul li.area6 a:hover {background:none;}
#SearchBox .area_new ul li.area7 a:hover {background:none;}
#SearchBox .area_new ul li.area8 a:hover {background:none;}
#SearchBox .area_new ul li.area9 a:hover {background:none;}
#SearchBox .area_new ul li.area10 a:hover {background:none;}
#SearchBox .area_new ul li.area11 a:hover {background:none;}
#SearchBox .area_new ul li.area12 a:hover {background:none;}

#SearchBox .area_new ul li a,
#SearchBox .area ul li a {
	width:100%;
	height:auto;
	display:block;
	vertical-align:middle;
	text-indent:0px;
	overflow:visible;	
	background: #7da313 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #7da313 0%, #5a750f 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7da313), color-stop(100%,#5a750f)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7da313 0%,#5a750f 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7da313 0%,#5a750f 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7da313 0%,#5a750f 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #7da313 0%,#5a750f 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da313', endColorstr='#5a750f',GradientType=0 ) !important; /* IE6-9 */
	color:#fff;
	text-decoration:none;
	text-align:center;
	border-radius:5px;
	padding:14px 0px;
	float:left;
	margin:0 1.5625% 1.5625% 1.5625%;
	box-shadow:0px 3px 0px 0px #ddd;
}

#SearchBox .area_new ul li a.line1,
#SearchBox .area ul li a.line1 {
	padding:24px 0 24px;
}

#SearchBox .area_new ul li a span,
#SearchBox .area ul li a span {
	display:block;
}

#SearchBox .gyousyu {
	margin:0 0 30px !important;
}

#SearchBox .right .gyousyu dl dd {
	background:none;
	float:none;
	width:100%;
}

#SearchBox .right .gyousyu dl dd ul {
	padding:0;
}


#SearchBox .right .gyousyu ul li {
	float:none;
	margin:0 3.125% 10px;
}

#SearchBox .gyousyu ul li a {	
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ) !important; /* IE6-9 */
	
	display:block;
	border:1px solid #c5c5c5;
	
	margin:0 !important;
	padding:12px 0 !important;
	
	border-radius:5px;

    width: 100%;

}


#SearchBox .gyousyu ul li a span {
	background-image:url(../img/arrow_pink_sp.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin: 0 0 0 17px;
    padding: 6px 0 6px 38px;
	display:block;
}

h2.btn_syousai {
	background: #fe8f8f; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe8f8f 0%, #f47777 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe8f8f), color-stop(100%,#f47777)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe8f8f 0%,#f47777 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe8f8f 0%,#f47777 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe8f8f 0%,#f47777 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fe8f8f 0%,#f47777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8f8f', endColorstr='#f47777',GradientType=0 ); /* IE6-9 */
	
	margin:0 3.125%;
	color:#fff;
	border-radius:5px;
	padding:14px 3.125%;
	

}

h2.btn_syousai span {
	background:url(../img/icon_plus_pink_sp.png) no-repeat right center;
	padding: 5px 0;
	display:block;
	font-size:0.85em;
}

h2.btn_syousai.active span {
	background:url(../img/icon_minus_pink_sp.png) no-repeat right center;
}

form.acordion_tree {
	border:1px solid #ccc;
	margin:10px 3.125% 30px 3.125%;
	border-left:none;
	border-right:none;
	border-bottom:none;
	
}

#SearchBox {
	margin:0 0 45px;
}

#SearchBox .right .syousai dl {
	border-bottom:1px dotted #959595;
	width:100%;
	padding:6px 0;
}

#SearchBox .right .syousai dl dt {
	background:#eee;
    float: none;
    padding: 5px 0 5px 3.125%;
    text-align: left;
    width: 96.875%;
	margin:0 0 5px;
}

#SearchBox .right .syousai dl dd {
	width:100%;
	float:none;
}

#SearchBox .right .syousai dl dd select {
	width:100% !important;
}

#SearchBox .right .syousai dl.syousai06,
#SearchBox .right .syousai dl.syousai05 {
	border-bottom:1px dotted #959595;
	width:100%;
	padding:6px 0;
}

#SearchBox .right .syousai dl.syousai06 dd,
#SearchBox .right .syousai dl.syousai05 dd {
	width:100%;
	float:none;
	padding:0;
	background:none;
}

#SearchBox .right .syousai dl dd label {
	font-size:1em;
	display:block;
	width:95.7%;
	border:1px solid #ddd;
	margin:0 0 5px;
	padding:5px 2%;
	border-radius:5px;
	
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ) !important; /* IE6-9 */
}

#SearchBox .right .syousai p.center input {
	width:70%;
	margin:14px 0;
}

.BnrSp ul li {
	float:none;
	margin:0 3.125% 6px!important;
	line-height:0;
}

.BnrSp ul li a {
	width:100%;
	height:auto;
	display:block;
	background:none !important;
	line-height:0;
}


#TopIndex .TopIndexAttention h2 {
	border:none;
    color: #fff;
    font-size: 1.4em;
    font-weight: normal;
    padding: 9px 0 11px 14px;
	background:#f47777;
    position: relative;
}

#TopIndex .TopIndexLesson h2 {	
	border:none;
    color: #fff;
    font-size: 1.4em;
    font-weight: normal;
    padding: 9px 0 11px 14px;
	background:#be69c5;
    position: relative;
}

#TopIndex .TopIndexMood h2 {	
	border:none;
    color: #fff;
    font-size: 1.4em;
    font-weight: normal;
    padding: 9px 0 11px 14px;
	background:#487ab6;
    position: relative;
}

#TopIndex .TopIndexPay h2 {
	border:none;
    color: #fff;
    font-size: 1.4em;
    font-weight: normal;
    padding: 9px 0 11px 14px;
	background:#6b882e;
    position: relative;
}

#TopIndex .TopIndexShop h2 {	
	border:none;
    color: #fff;
    font-size: 1.4em;
    font-weight: normal;
    padding: 9px 0 11px 14px;
	background:#ec9306;
    position: relative;
}

#TopIndex .cmnSalonItem {
	border:none;
    border-bottom: 1px solid #bbb;
    float: none;
    margin: 0;
	padding: 14px 3.125%;
    width: 93.75%;
	
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 42%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 42%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 42%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 42%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 42%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */

}

#TopIndex .cmnSalonItem .cf {
	background:url(../img/arrow_item.png) no-repeat right center;
	background-size:3%;
}

.cmnSalonItem .pict {
	width:26.41137124%;
	margin-right:2%;
}

.cmnSalonItem .text {
	float:left;
	padding-right: 4%;
    width: 66%;
}

.cmnSalonItem .text p.name a {
	color:#666;
	text-decoration:none;
	background:url(../img_layout/arrow_pink.png) no-repeat left center;
	padding-left: 7%;
	font-size:1.4em;
}

p.showall a {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 42%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 42%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 42%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 42%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 42%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border:1px solid #ccc;
	border-radius:5px;
	text-align:center;
	color:#666;
	text-decoration:none;
	
	margin: 20px auto 0;
    padding: 8px 0;
    width: 70%;
}

p.showall a span {
	background:url(../img/arrow_all_sp.png) no-repeat left center;
	background-size:23% auto;
	padding:3px 0 3px 9%;
}

.bnr_keisai {
	margin:0 3.125% 40px;
}

.FooterOther {
    float: none;
    width: 100%;
}

#footerBg {
	background:#fff;
}

.FooterOther ul {
	border-bottom:1px solid #ccc;
}

.FooterOther ul li a {
	color:#666;
	border-top:1px solid #ccc;
	background:url(../img/arrow_footer_sp.png) no-repeat 98% center;
	padding:14px 0 14px 3.125%;
	display:block;
	text-decoration:none;
}

.cmnBnrs li {
	float:none;
	width:auto;
	margin:0 auto;
}

.cmnBnrs .pict {
	width:16%;
	margin-right:2%;
}

.cmnBnrs .txt {
	float:left;
	width:80%;
}

.cmnBnrs a {
	margin: 0 auto;
    padding: 2%;
    width: 90%;
}

p.small {
	text-align:center;
	background:#f47777;
	color:#fff;
	padding:14px;
	margin-top:40px;
}

#pagetop_sp {
	position:fixed;
	bottom:20px;
	right:20px;
	display:block;
}

#path {
	padding-left:3.125%;
	text-align:center;
	background:#efefef;
	margin:0 0 20px;
}

.SearchBoxResult {
	width:93.75% !important;
	padding:0 3.125% !important;
	margin:0 !important;
}

.SearchBoxResult h2.btn_syousai {
	margin:0 0 30px;
}

.cmnSearchChoice,
.cmnSearchShokushu,
.cmnSearchKeitai {
    border-right:none;
    float: none;
	margin:0;	
	border-bottom:1px dotted #959595;
	width:100%;
	padding:6px 0;
}


.cmnSearchKeitaiBody,
.cmnSearchShokushuBody,
.cmnSearchKeitaiBody {
	width: 100%;
	float:none;
}

.SearchBoxResult form.acordion_tree {
	margin:-20px 0 40px 0 !important;
	padding:10px 10px 4px !important;
	border:1px solid #ccc !important;
}

.SearchBoxResult .cmnSearchs h2 {
	background: none repeat scroll 0 0 #eee;
    float: none;
    margin: 0 0 5px;
    padding: 5px 0 5px 3.125%;
    text-align: left;
    width: 96.875%;
	color:#666;
	font-weight:normal;
}


.cmnSearchKeitaiBody select,
.cmnSearchShokushuBody select,
.cmnSearchKeitaiBody select {
	width:100% !important;
}


.cmnSearchArea {
	border-bottom:1px dotted #959595;
	width:100%;
	padding:6px 0;
}

.cmnSearchArea .cmnSearchAreaBody {
	width:100%;
	float:none;
	padding:0;
	background:none;
}

.cmnSearchArea .cmnSearchAreaBody label {
	font-size:1em;
	display:block;
	width:95.7%;
	border:1px solid #ddd;
	margin:0 0 5px;
	padding:5px 2%;
	border-radius:5px;
	
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ) !important; /* IE6-9 */
}

p.cmnSearchBtn input {
	width:70%;
	margin:14px 0;
}

.sec4 {
	padding:0 !important;
}

.sec6 {
    padding-left: 0px;
}

.cmnResult {
    background-color: #fdfddf;
    border: 1px solid #eded96;
    margin: 0 3.125%;
    padding: 0;
    width:93.75%;
}

.cmnSalonItem2 {
    border: 3px solid #aaa;
    margin: 0 auto;
    padding:10px 3.125%;
    width: 86.438%;
}

.cmnSalonItem2 .pict {
	float:left;
	width:25.08361204%;
	margin:0 2.508361204% 0 0;
}

.cmnSalonItem2 .text {
	float:left;
	width:71.552%;
}

.cmnSalonItem2 .cf {
	margin:0 0 10px;
}
.cmnSalonItem2 .name a {
	color:#666;
	background:url(../img_layout/arrow_pink.png) no-repeat left center;
	padding:0 0 0 8%;
	margin:0 0 10px;
	display:block;
}
.cmnSalonItem2 .area {
	background:#ececec;
	text-align:center;
	padding:5px 2%;
}

.cmnSalonItem2 .bosyu {
	margin:0 0 10px;
}

.cmnSalonItem2 .bosyu dt {
	background:#f47777;
	color:#fff;
	text-align:center;
	padding:6px 0;
}

.cmnSalonItem2 .bosyu dd {
	text-align:center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:6px 0;
}

.cmnSalonItem2 .catch {
	color:#f65b5b;
}

.cmnSalonItem2 .desc {
	margin:0 0 10px;
}

.cmnSalonItem2 .detailBtn a {
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ) !important; /* IE6-9 */
	display:block;
	border:1px solid #c5c5c5;
	margin:0 !important;
	padding:18px 0 !important;
	border-radius:5px;
    width: 100%;
	text-align:center;
	color:#666;
	text-decoration:none;
}

.cmnSalonItem2 .detailBtn a span {
	background-image:url(../img/arrow_pink_sp.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin: 0 0 0 17px;
    padding: 6px 0 6px 38px;
	background-size:18% auto;
}






/* detail */


.cmnSalon .anchors {
    float: none;
    width: 100%;
}


.cmnSalon .contents {
    float: none;
    width: 93.75%;
	padding:0 3.125%;
}

.cmnSalonTitle {
    background: none repeat scroll 0 0 #fa8585;
    color: #fff;
    font-size: 1.23em;
    padding: 10px 3.125%;
}

.cmnSalonTitle .lft {
	float:none;
	display:block;
	border-bottom:1px solid #f79696;
	padding:0 0 6px 0;
	margin:0 0 6px 0;
}

.cmnSalonTitle .rgt {
    float:none;
}

.cmnSalonBasic .img {
	float:none;
	width:100%;
	text-align:center;
}

.cmnSalonBasic .img table {
	margin:10px 0 10px;
}

.cmnSalonBasic .img table td {
	text-align:left;
}

.cmnSalonBasic .txt {
    float: none;
	margin:0 0 30px 0;
    padding: 10px 3.125%;
    width: 93.35%;
}

.salonIntro {
    border:none;
    margin:0;
    padding: 0;
}

.salonIntro h2 {
    border-bottom:none;
    background: #ec9306;
    margin: 0 0 8px;
    padding: 10px 0 10px 3.125%;
	color:#fff;
}


.cmnSalonPicts dl {
    float: none;
    margin-left:0;
    width: 93.75%;
	padding:10px 3.125% !important;
	margin-bottom:10px;
}

.cmnSalonPicts dl {
	border:1px solid #ccc;
}

.cmnSalonPicts dl dt {
	width:27.41935484%;
	float:left;
}

.cmnSalonPicts dl dd {
	width:69.89247312%;
	float:right;
}

h2.h2_detail_common {
	background:#3d3d3d;
	margin: 0 0 8px;
    padding: 10px 0 10px 3.125%;
	color:#fff;
	font-size: 1.2em;
}

.cmnSalon .contents table.stripe {
	margin-bottom:30px;
}

.cmnSalonPicts {
	margin:0 0 30px;
}

dl.staffvoice dt {
	background:#6b882e;
	margin: 0 0 8px;
    padding: 10px 0 10px 3.125%;
	color:#fff;
	font-size: 1.2em;
}

dl.staffvoice dd.mb5{
	text-align:center;
}

.detailbtn p.txtCen {
	margin:0 0 5px;
}

.detailbtn {
	margin:0 0 30px;
}

.mb20 {
	margin-bottom:20px;
}


.key {
    margin: 0 3.125% 10px 3.125%;
}

.key_text {
    margin: 0 3.125%;
}

.ysearch {
	margin:0 0 30px;
}

#srchBox {	
	width:93.75% !important;
	margin:0 3.125% 10px !important;
	padding:0 0 10px!important;
	float:none !important;
}

.cmnSalon .contents dl.staffvoice {
    display: block;
}

}