@charset "utf-8";


/*================================================
 * TOP PAGE
 ================================================*/



#page-home #main {
	width: 590px;
	float:left;
	}

#page-home #side {
	width: 380px;
	float:right;
	}



#page-home #main #sec-info {
	border:1px solid #CCC;
	background-color:#fff;
	margin: 0 0 10px 0;
	height: 378px;
	  }

#page-home #main #sec-info h2 {
	padding: 30px 0 22px 30px;
	  }

#page-home #main #sec-info .scroll-pane {
	margin: 0 0 0 30px;
	width: 530px;
	height: 280px;
	overflow: hidden;
	}

#page-home #main #sec-info .scroll-pane dt {
	margin: 0 0 10px 0;
	width: 85px;
	float: left;
	clear:both;
	font-weight:bold;
	}

#page-home #main #sec-info .scroll-pane dd {
	margin: 0 0 10px 85px;
	}

#page-home #main #sec-fc {
	background-color:#FFF;
	}

#page-home #side ul.bnr_big {
	margin: 0 0 10px 0;
	}

#page-home #side ul.bnr_big li {
	margin: 0 0 10px 0;
	}

#page-home #side ul.bnr_big li.bottom {
	margin: 0 0 10px 0;
	}

#page-home #side ul.bnr_small li {
	margin: 0 8px 10px 0;
	float:left;
	}

#page-home #side ul.bnr_small li.edge {
	margin: 0 0 10px 0;
	}



/*================================================
 * concept PAGE
 ================================================*/

#page-concept .section .column01 {
	 margin: 0 0 50px 0;
	 }
 
#page-concept .section .column01 .leftcolumn {
	 margin: 0 0 0 0;
	 float:left;
	 display:inline;
	 width: 520px;
	 }

#page-concept .section .column01 .leftcolumn p {
	 margin: 0 0 20px 0;
	 font-size: 108%;
	 }

#page-concept .section .column01 .leftcolumn p.lead {
	 margin: 0 0 20px -5px;
	 }
	
#page-concept .section .column01 .rightcolumn {
	 margin: 0 0 0 0;
	 float:right;
	 display:inline;
	 }
	
#page-concept .section .feature ul {
	
	 }

#page-concept .section .feature ul li {
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	width: 235px;
	background-color: #FFF;
	float: left; 
	 }

#page-concept .section .feature ul li.edge {
	margin: 0 0 0 0;
	 }

#page-concept .section .feature dl {
	margin: 0 auto 0 auto;
	padding: 9px 0;
	width: 217px;
	 }

#page-concept .section .feature dl dt {
	margin: 0 0 10px 0;
	 }




/*================================================
 * salon PAGE
 ================================================*/

#page-salon .section .column01 {
	 margin: 0 0 50px 0;
	 }
 
#page-salon .section .column01 .leftcolumn {
	 margin: 0 0 0 0;
	 float:left;
	 display:inline;
	 width: 520px;
	 }

#page-salon .section .column01 .leftcolumn p {
	 margin: 0 0 20px 0;
	 font-size: 108%;
	 }

#page-salon .section .column01 .leftcolumn p.lead {
	 margin: 0 0 25px 0;
	 }
	
#page-salon .section .column01 .rightcolumn {
	 margin: 0 0 0 0;
	 float:right;
	 display:inline;
	 }


/*================================================
 * schedule PAGE
 ================================================*/

#page-schedule .title-head {
	border-bottom: 1px solid #7fac04;
	 margin: 0 0 30px 0;
	 padding: 0 0 10px 0;
	 position:relative;
	 }

#page-schedule .title-head p.notice{
	font-size: 88%;
	position:absolute;
	bottom:10px;
	right:0;
	width: 498px;
	text-align:right;
	 }

#page-schedule .gcalender{
	margin-bottom:30px;
	}

#page-schedule .section .sec{
	border-bottom: 1px solid #CCC;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	 }

#page-schedule .section .sec .column .leftcolumn{
	margin: 0 0 0 0;
	width: 145px;
	float:left;
	 }

#page-schedule .section .sec .column .rightcolumn{
	margin: 0 0 0 0;
	width: 805px;
	float:right;
	 }

#page-schedule .section .sec .column .rightcolumn p.name{
	margin: 0 0 10px 0;
	font-size: 124%;
	font-weight: bold;
	 }


#page-schedule .section .sec .column .rightcolumn dl{
	margin: 0 0 0 0;
	 }

#page-schedule .section .sec .column .rightcolumn dl dt{
	margin: 0 0 10px 0 ;
	width: 75px;
	float: left;
	clear:both;
	 }

#page-schedule .section .sec .column .rightcolumn dl dd{
	margin: 0 0 10px 75px;
	 }

#page-schedule .section .sec .column .rightcolumn dl dd p.comments,
#page-schedule .section .sec .column .rightcolumn dl dd p.qanda{
	margin: 0 0 10px 0;
	 }

#page-schedule .section .sec .column .rightcolumn dl dd p.notice{
	font-size: 88%;
	 }

#page-schedule .section .sec .column .rightcolumn .monthly{
	padding: 20px 0 0 0;
	 }

#page-schedule .section .sec .column .rightcolumn .monthly table.cal{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	 }

#page-schedule .section .sec .column .rightcolumn .monthly table.cal td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #FFF;
	padding: 2px;
	text-align:center;
	width:20px;
	 }

#page-schedule .section .sec .column .rightcolumn .monthly table.cal td.holiday{
	color:#ac2404;
	 }

#page-schedule .section .sec .column .rightcolumn .monthly table.cal td img{
	vertical-align:middle;
	 }

#page-schedule .section .sec .column .rightcolumn .monthly p.month{
	margin: 0 0 5px 0;
	font-weight: bold;
	 }

/*================================================
 * service PAGE
 ================================================*/

#page-service .section {
	 margin: 0 0 50px 0;
	 }
	
#page-service .section .sec {
	border-bottom: 1px solid #CCC;
	 margin-bottom: 25px;
	 padding: 0 0 25px 0;
	 }

#page-service .section h3 {
	border-left: 3px solid #7fac04;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px; 
	 }

#page-service .section p.lead {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	color:#7fac04;
	font-size: 124%;
	 }
	
#page-service .section .sec .menuname {
	 margin: 0 0 10px 0;
	 font-size: 124%;
	 font-weight: bold;
	 position:relative;
	 }

#page-service .section .sec .menuname .price {
	position:absolute;
	color: #600;
	top:0;
	right:0;
	 }

#page-service .section .sec .menuname .details {
	 font-size: 12px;
	 }

#page-service .section .sec strong {
	 margin: 0 0 10px 0;
	 font-style: italic;
	 }

#page-service .section .column01 .sec {
	width:480px;
	float:left;
	 }

#page-service .section .column01 .sec .menuname {
	margin: 0 0 0 0;
	 }
	
#page-service .section .column01 .sec p {
	padding:10px 0 0 0;
	 }


/*================================================
 * company PAGE
 ================================================*/

#page-company #summary .column {
	background-color: #FFF;
	position:relative;
	 }

#page-company #summary .column .logo {
	position:absolute;
	top:55px;
	left:70px;
	 }
	
#page-company #summary .column .text {
	padding: 30px 0 30px 290px;
	 }

#page-company #summary .column .text .name {
	margin: 0 0 10px 0;
	font-size: 124%;
	font-weight: bold;
	 }



/*================================================
 * recruit PAGE
 ================================================*/

#page-recruit #totalinfo .column .leftcolumn {
	border: 1px solid #CCC;
	background-color: #FFF;
	width:980px;
	float:left;
	margin: 25px 0 0 0;
	 }

#page-recruit #totalinfo .column .rightcolumn {
	border: 1px solid #CCC;
	background-color: #FFF;
	width:318px;
	float:right;
	 }

#page-recruit #totalinfo .column .leftcolumn .inner {
	padding: 9px;
	 }
	
#page-recruit #totalinfo .column .leftcolumn .ph {
	margin: 0 25px 0 0;
	float:left;
	 }
	
#page-recruit #totalinfo .column .leftcolumn .text {
	padding: 30px 0 0 0;
	float:left;
	 }
	
#page-recruit #totalinfo .column .leftcolumn .text p.lead {
	margin: 0 0 15px 0;
	 }

#page-recruit #totalinfo .column .leftcolumn .text p.btn {
	margin: 0 0 20px 0;
	 }

#page-recruit #totalinfo .column .leftcolumn .text p.pdf {
	border-left: 3px solid #7fac04;
	padding: 0 0 0 8px;
	font-size:88%;
	 } 

#page-recruit #totalinfo .column .rightcolumn {
	text-align:center;
	} 

#page-recruit #totalinfo .column .rightcolumn dl {
	padding: 55px 0 0 0;
	}

#page-recruit #totalinfo .column .rightcolumn dl dt {
	margin: 0 0 25px 0;
	font-size: 124%;
	font-weight:bold;
	}

#page-recruit #totalinfo .column .rightcolumn dl dd {
	line-height: 1.8;
	} 
	
	

#page-recruit #contents .lead_txt {font-size:13px; line-height:24px; padding:25px 0 40px 0;}
#page-recruit #contents .sec {}
#page-recruit #contents .sec h3 {margin-bottom:10px;}
#page-recruit #contents .sec p {font-size:13px; line-height:24px;}
#page-recruit #contents .sec01 .img {float:left; width:408px; margin:0 10px 0 0;}
#page-recruit #contents .sec01 p {width:560px; float:right; text-align:left;}
#page-recruit #contents .sec02 .img {float:right; width:238px; margin:0 0 0 10px;}
#page-recruit #contents .sec03 .img {float:left; width:202px; margin:0 10px 0 0;}
#page-recruit #contents .sec04 .img {float:right; width:202px; margin:0 0 0 10px;}
#page-recruit #contents .sec05 .img {float:left; width:409px; margin:0 10px 0 0;}
#page-recruit #contents .sec06 .img {float:right; width:409px; margin:0 0 0 10px;}
#page-recruit #contents .sec08 .img {float:left; width:202px; margin:0 10px 0 0;}
#page-recruit #contents .sec09 .img {float:right; width:202px; margin:0 0 0 10px;}
#page-recruit #contents .sec10 .img {float:right; width:204px; margin:0 0 0 10px;}
#page-recruit #contents .sec10 {padding-bottom:40px;}
#page-recruit #contents .sec11 .img {float:left; width:320px; margin:20px 10px 0 0px;}
#page-recruit #contents .sec11 {padding-bottom:40px;}
#page-recruit #contents .sec11 p {width:650px; float:right; text-align:left; margin:20px 0px 0 0px}
#page-recruit #contents .btn02 {width:152px; padding:10px 0 40px 0; float:right;}


/*================================================
 * ladies PAGE
 ================================================*/

#page-ladies .section {
	 margin: 0 0 50px 0;
	 }

#page-ladies .section h2{
	 margin: 0 0 30px 0;
	 }	

#page-ladies .section .lead{
	 margin: 0 0 20px 0;
	 }	

#page-ladies .section .lead{
	 margin: 0 0 20px 0;
	 }	

#page-ladies .section .sec{
	border-bottom: 1px solid #ccc;
	 margin: 0 0 30px 0;
	 padding: 0 0 30px 0;
	 }

#page-ladies .section .sec.bottom {
	border-bottom: none;
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 }	

#page-ladies .section .title-head{
	 margin: 0 0 5px 0;
	 position:relative;
	 }

#page-ladies .section .title-head .title01{
	 margin: 0 0 5px 0;
	 font-size: 124%;
	 color: #7fac04;
	 font-weight:bold;
	}

#page-ladies .section .title-head .title02{
	 margin: 0 0 5px 0;
	 font-size: 124%;
	 font-weight:bold;
	}

#page-ladies .section .title-head .price{
	font-size: 124%;
	font-weight:bold;
	color: #600;
	position: absolute;
	top:0;
	right:0;
	}

#page-ladies .section .column{
	}

#page-ladies .section .column .leftcolumn{
	float:left;
	width: 580px;
	}

#page-ladies .section .column .rightcolumn{
	float:right;
	display:inline;
	}

#page-ladies .section .column0201{
	text-align:center;
	}

#page-ladies .section .column0201 ul{
	margin: 0 0 20px 0;
	}

#page-ladies .section .column0201 ul li{
	margin: 0 8px 0 0;
	display:inline;
	}

#page-ladies .section .column0201 ul li.edge{
	margin: 0 0 0 0;
	}

#page-ladies .section .column0401 ul li{
	margin: 0 10px 0 0;
	float:left;
	}

#page-ladies .section .column0401 ul li.edge{
	margin: 0 0 0 0;
	}

#page-ladies .section .column0501 .leftcolumn{
	margin: 0 0 0 0;
	float:left;
	width: 480px;
	}

#page-ladies .section .column0501 .rightcolumn{
	margin: 0 0 0 0;
	float:right;
	width: 480px;
	}

#page-ladies .section .column0501 li{
	margin: 0 10px 0 0;
	float:left;
	}

#page-ladies .section .column0501 li.edge{
	margin: 0 0 0 0;
	}


#page-ladies .section .column0502 li{
	margin: 0 10px 10px 0;
	float:left;
	}

#page-ladies .section .column0502 li.edge{
	margin: 0 0 10px 0;
	}


/*================================================
 * privacy PAGE
 ================================================*/
 
 #page-privacy .section p{
	margin: 0 0 1.5em 0;
	}


/*================================================
 * policy PAGE
 ================================================*/

#page-policy .lead {
	width:718px;
	margin:0 auto 30px auto;
	}

#page-policy section {
	 margin: 0 0 50px 0;
	 }

#page-policy section h2{
	 margin: 0 0 25px 0;
	 }

#page-policy section .sec {
	margin:0 0 40px 0;
}

#page-policy section .txtarea {
	width:630px;
	float:left;
	}

#page-policy section .image {
	width:330px;
	float:right;
	}

#page-policy section .border {
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	}

#page-policy section .sec .find {
	margin-bottom:10px;
}

#page-policy a:link {
   color:#7fac04;
   text-decoration: underline;
   font-weight:bold;
}

#page-policy a:visited {
   color:#7fac04;
   text-decoration: underline;
   font-weight:bold;
}

#page-policy a:hover {
   color:#7fac04;
   text-decoration: none;
   font-weight:bold;
}

#page-policy a:active {
   color:#7fac04;
   text-decoration: none;
   font-weight:bold;
}




/*================================================
 * shop PAGE
 ================================================*/

#page-shop ul#s-navi {
	position:absolute;
	top:30px;
	left:330px;
	 }

#page-shop ul#s-navi li {
	margin: 0 3px 0 0;
	 float:left;
	 }
	 
	 
#page-shop ul#s-navi2 {
	position:absolute;
	top:30px;
	left:245px;
	 }

#page-shop ul#s-navi2 li {
	margin: 0 3px 0 0;
	 float:left;
	 }
 
 #page-shop #shop {margin-top:60px; padding-top:10px;}
	 

#page-shop #shop .section .column01 {
	 margin: 0 0 50px 0;
	 }
 
#page-shop #shop .section .column01 .leftcolumn {
	 margin: 0 0 0 0;
	 float:left;
	 display:inline;
	 width: 520px;
	 }

#page-shop #shop .section .column01 .leftcolumn p {
	 margin: 0 0 20px 0;
	 font-size: 108%;
	 }

#page-shop #shop .section .column01 .leftcolumn p.lead {
	 margin: 0 0 25px 0;
	 }
	
#page-shop #shop .section .column01 .rightcolumn {
	 margin: 0 0 0 0;
	 float:right;
	 display:inline;
	 }


/*================================================
 * schedule PAGE
 ================================================*/
#page-shop #schedule   { padding-top:20px; margin-top:40px;}
#page-shop #schedule .title-head {
	border-bottom: 1px solid #7fac04;
	 margin: 0 0 30px 0;
	 padding: 0 0 10px 0;
	 position:relative;
	 }

#page-shop #schedule .title-head p.notice{
	font-size: 88%;
	position:absolute;
	bottom:10px;
	right:0;
	width: 498px;
	text-align:right;
	 }

#page-shop #schedule .gcalender{
	margin-bottom:30px;
	}

#page-shop #schedule .section .sec{
	border-bottom: 1px solid #CCC;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	 }

#page-shop #schedule .section .sec .column .leftcolumn{
	margin: 0 0 0 0;
	width: 145px;
	float:left;
	 }

#page-shop #schedule .section .sec .column .rightcolumn{
	margin: 0 0 0 0;
	width: 805px;
	float:right;
	 }

#page-shop #schedule .section .sec .column .rightcolumn p.name{
	margin: 0 0 10px 0;
	font-size: 124%;
	font-weight: bold;
	 }


#page-shop #schedule .section .sec .column .rightcolumn dl{
	margin: 0 0 0 0;
	 }

#page-shop #schedule .section .sec .column .rightcolumn dl dt{
	margin: 0 0 10px 0 ;
	width: 75px;
	float: left;
	clear:both;
	 }

#page-shop #schedule .section .sec .column .rightcolumn dl dd{
	margin: 0 0 10px 75px;
	 }

#page-shop #schedule .section .sec .column .rightcolumn dl dd p.comments,
#page-shop #schedule .section .sec .column .rightcolumn dl dd p.qanda{
	margin: 0 0 10px 0;
	 }

#page-shop #schedule .section .sec .column .rightcolumn dl dd p.notice{
	font-size: 88%;
	 }

#page-shop #schedule .section .sec .column .rightcolumn .monthly{
	padding: 20px 0 0 0;
	 }

#page-shop #schedule .section .sec .column .rightcolumn .monthly table.cal{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	 }

#page-shop #schedule .section .sec .column .rightcolumn .monthly table.cal td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #FFF;
	padding: 2px;
	text-align:center;
	width:20px;
	 }

#page-shop #schedule .section .sec .column .rightcolumn .monthly table.cal td.holiday{
	color:#ac2404;
	 }

#page-shop #schedule .section .sec .column .rightcolumn .monthly table.cal td img{
	vertical-align:middle;
	 }

#page-shop #schedule .section .sec .column .rightcolumn .monthly p.month{
	margin: 0 0 5px 0;
	font-weight: bold;
	 }


/*================================================
 * service PAGE
 ================================================*/
#page-shop #service  { padding-top:20px; margin-top:40px;}

#page-shop #service .section {
	 margin: 0 0 20px 0;
	 }
	
#page-shop #service .section .sec {
	border-bottom: 1px solid #CCC;
	 margin-bottom: 25px;
	 padding: 0 0 25px 0;
	 }

#page-shop #service .section h3 {
	border-left: 5px solid #7fac04;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px; font-size:150%;}

#page-shop #service .section p.lead {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	color:#7fac04;
	font-size: 124%;
	 }
	
#page-shop #service .section .sec .menuname {
	 margin: 0 0 10px 0;
	 font-size: 124%;
	 font-weight: bold;
	 position:relative;
	 }

#page-shop #service .section .sec .menuname .price {
	position:absolute;
	color: #600;
	top:0;
	right:0;
	 }

#page-shop #service .section .sec .menuname .details {
	 font-size: 12px;
	 }

#page-shop #service .section .sec strong {
	 margin: 0 0 10px 0;
	 font-style: italic;
	 }

#page-shop #service .section .column01 .sec {
	width:480px;
	float:left;
	 }

#page-shop #service .section .column01 .sec .menuname {
	margin: 0 0 0 0;
	 }
	
#page-shop #service .section .column01 .sec p {
	padding:10px 0 0 0;
	 }


#page-shop #service .section h2 {
    cursor:pointer;
	background: url(../../yokohama/images/service/plus.png) #7fac04 no-repeat 945px center;
	width:956px;
	padding:12px;
}
#page-shop #service .section .inner{
    display:none;
	margin-bottom:40px;
    }
#page-shop #service .section h2.active{
	background: url(../../yokohama/images/service/minus.png) #7fac04 no-repeat 945px center;}
	
#page-shop #service .section h2.over {opacity:0.5;}

#page-shop .btn_top{ text-align:right;}


	

#page-shop #service .section .sec01 {
	border-bottom: 1px solid #CCC;
	 margin-bottom: 25px;
	 padding: 0 0 25px 0;
	 }
	
#page-shop #service .section .sec01 .menuname {
	 margin: 0 0 10px 0;
	 font-size: 124%;
	 font-weight: bold;
	 position:relative;
	 }

#page-shop #service .section .sec01 .menuname .price {
	position:absolute;
	color: #600;
	top:0;
	right:0;
	 }

#page-shop #service .section .sec01 .menuname .details {
	 font-size: 12px;
	 }

#page-shop #service .section .sec01 strong {
	 margin: 0 0 10px 0;
	 font-style: italic;
	 }

#page-shop #service .section .column01 .sec01 {
	width:480px;
	height: 60px;
	float:left;
	 }

#page-shop #service .section .column01 .sec01 .menuname {
	margin: 0 0 0 0;
	 }
	
#page-shop #service .section .column01 .sec01 p {
	padding:10px 0 0 0;
	 }

#page-shop #service .section .sec01 .menuname {
	 margin: 0 0 10px 0;
	 font-size: 124%;
	 font-weight: bold;
	 position:relative;
	 }

#page-shop #service .section .sec01 .menuname .price {
	position:absolute;
	color: #600;
	top:0;
	right:0;
	 }