@import "fonts.css";
@import "reset.css";

.cf:after { 
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
	overflow:hidden;/*add */
}
.cf {
	display: inline-block;
}
/* Hides from IE-mac �_*/
* html .cf {height: 1%;}
.cf {	display: block;	position: relative; }

/*CLASS����w��*/
.hidden { display: none; visibility: hidden; }
.aright { float: right; }
.aleft { float: left; }
.clear { clear: both; }

a { color: #777; }
a:hover { color: #000; }
a.block{
	display:block;
	width:inherit;
	height:inherit;
}
/*@font-face {
    font-family: 'verb_mediumregular';
    src: url('VerbMedium-webfont.eot');
    src: url('VerbMedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('VerbMedium-webfont.woff') format('woff'),
         url('VerbMedium-webfont.ttf') format('truetype'),
         url('VerbMedium-webfont.svg#verb_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 {
	font-family: "verb_mediumregular";
  font-size:36px;
}
body {
	font-family: "verb_mediumregular";
}*/
/**************************************************************************************************
TEXT HIGH LIGHT
**************************************************************************************************/
::-moz-selection{
background:#00c2ff;
color: #FFF;
}
::selection{
background:#00c2ff;
color: #FFF;
}
 
a.block:hover{
  opacity: .7; /* Standard: FF gt 1.5, Opera, Safari */
  /*filter: alpha(opacity=70);*/ /* IE lt 8 */
  /*-ms-filter: "alpha(opacity=70)"; *//* IE 8 */
  -khtml-opacity: .7; /* Safari 1.x */
  -moz-opacity: .7; /* FF lt 1.5, Netscape */
}
a.block:active{
  opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
  /*filter: alpha(opacity=50);*/ /* IE lt 8 */
  /*-ms-filter: "alpha(opacity=50)";*/ /* IE 8 */
  -khtml-opacity: .5; /* Safari 1.x */
  -moz-opacity: .5; /* FF lt 1.5, Netscape */
}
/*#sample {
	background-color: rgba(0,0,0,.8);
	-pie-background:rgba(0,0,0,.8);
	behavior: url(/sp/ruler/css/PIE.htc);
	position: relative;
}*/

html,body{
	background:url(../images/paper_bk_l2.jpg) repeat 0 0;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "Yu Mincho", "游明朝", serif;
 }
.contwrap{
	margin:0 auto;
	width:980px;	
}
.contents{
	position:relative;
}
.wrap{
	width: 100%;
	background: url(../images/stripe-header.png) repeat-x center top;
}
.afterf{
	height:45px;
	width:100%;
	background-color:#fff6e5;
	background:url(../images/bg_3.jpg) repeat-x top center;		
}
/*　=HEADER AREA */
#top h1{
	margin:31px 0 0 20px;
}
.gnavi{
	background:url(../images/bg-gnavi.png) no-repeat center center;
	width:589px;
	height:154px;
}
.gnavi li{
	height:43px;
	float:left;
	margin:97px 0 0 0;
	text-align:center;
}
.gnavi li a{
	width:100%;
	height:43px;
	background-position:center center;
	background-repeat:no-repeat;
	padding:0 16px;
}
.gnavi .home{
	margin:97px 0 0 32px;
}
.gnavi .campaign{
	margin:97px 32px 0 0;
}
.gnavi .home a{
	width:61px;
	background-image:url(../images/gnavi-home.png);
}
.gnavi .salon a{
	width:57px;
	background-image:url(../images/gnavi-salon.png);
}
.gnavi .menu a{
	width:62px;
	background-image:url(../images/gnavi-menu.png);
}
.gnavi .gallery a{
  position: relative;
  top: 2px;
	width:77px;
	background-image:url(../images/gnavi-gallery.png);
}
.gnavi .campaign a{
	width:104px;
	background-image:url(../images/gnavi-campaign.png);
}
.gnavi .trouble a{
	width:104px;
	background-image:url(../images/gnavi-troublenail.png);
}
/*　=FOOTER AREA */
footer{
	background: url(../images/stripe-footer.png) no-repeat center bottom;
}
footer .inbox{
	padding: 40px 0 0;
	background: url(../images/footer-line.png) no-repeat center top;
}
footer .aleft{
	width:390px;
}
footer .aright{
	width:590px;
}
footer h5{
	width:209px;
	height:121px;
	margin-right:182px;
	margin-bottom:19px;
}
.social{
	width:162px;
	height:218px;
	background:url(../images/footer-chest.png) no-repeat bottom center;
	margin:0 37px 0 0;
	float:right;
}
.social li a{
	width:63px;
	height:63px;
	background-position: center center;
	background-repeat:no-repeat;
	margin:0 auto;
}
.social .ameba{
	margin:0 auto 11px auto;
}
.social .insta{
	margin:0 auto 6px auto;
}
.social .ameba a{
	background-image:url(../images/social-ameba.png);	
}
.social .insta a{
	width:64px;
	height:64px;
	background-image:url(../images/social-instagram.png);
	background-size:64px 64px;
}
address{
	margin-bottom:18px;
	font-style:normal;
}
address span{
	font-size:12px;
	line-height:20px;
}
address .zipcode,address .tel,address .searvicetime{
	margin-right:13px;
}
.copy{
	font-size:10px;
	line-height:10px;
}
.map{
	float:right;
	width:301px;
	height:208px;
}