@charset "utf-8";

/* ------------------------
	format
------------------------ */

* { margin:0px; padding:0px;font-style:normal;text-indent: 0; font-weight:normal;
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}

a:link {color: #fff;text-decoration: none;}
a:visited {color: #fff;text-decoration: none;}
a:active {color: #fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: underline;}


h1,h2,h3,h4,h5,h6,strong {
	font-weight:normal;
	font-style:normal;}
	
img {border:0px;vertical-align:top;}

ul,ol{list-style-type:none;}

.clear {clear:both;}
p {margin:0 0 10px 0;}


.mb5{margin:0 0 5px 0;}
.mb10{margin:0 0 10px 0;}
.mb15{margin:0 0 15px 0;}
.mb20{margin:0 0 20px 0;}
.mb30{margin:0 0 30px 0;}
.mb40{margin:0 0 40px 0;}
.mb50{margin:0 0 50px 0;}
.mb60{margin:0 0 60px 0;}



/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  


/* ------------------------
	base
------------------------ */

html,body { 
	color:#fff;
	font-size:12px;
	line-height:1.8;
	height:100%;
	position:relative;
}


#container {
	position: relative; 
	overflow:hidden;
}


#maximage {
/*	position:fixed !important;*/
}


.container {

}
	
	
#contents_top{
	background: url(../img/top/main.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
}

#contents_about{
	/*background: url(../img/about/main.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:100%;

}



#wrapper{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	height:100%;
	position:relative;
}

/* ------------------------
	gnavi
------------------------ */

#gnavi{
	float:left;
	background: url(../img/common/bg.png) repeat;
	width:170px;
	padding:80px 30px 20px 30px;
	position: fixed;
	height:100%;
	min-height:100%;
}

body > #gnavi{
	height:auto;
}

#gnavi h1{
	margin:0 0 40px 0;
}
#gnavi ul{
	background: url(../img/common/line.gif) no-repeat top;
	margin:0 0 20px 0;
}

#gnavi ul li{
	background: url(../img/common/line.gif) no-repeat bottom;
	padding:4px 0;
}

#gnavi .salon_info{
	text-align:center;
	position:absolute;
	height:160px; 
	bottom:160px;
	font-size:11px;
}


#gnavi p.open{
	line-height:1.6;
	background: url(../img/common/line.gif) no-repeat bottom;
	padding:0 0 10px 0;
	margin:0 0 6px 0;
}

#gnavi p.address{
	background: url(../img/common/line.gif) no-repeat bottom;
	line-height:1.6;
	padding:0 0 6px 0;
}


/* ------------------------
	contents
------------------------ */

#contents {
	width:635px;
	float:right;
	background: url(../img/common/bg.png) repeat;
	margin:75px 0 0 0;
	padding:40px 50px 40px 50px;
	height:100%;
	overflow:hidden;
	top:0;
	position:relative;
}

body > #contents{
	height:auto;
}

#contents h2{
	background: url(../img/common/line.gif) repeat-x bottom;
	padding:0 0 10px 4px;
	margin:0 0 20px 0;

}

.arrow a{
	background: url(../img/common/arrow.png) no-repeat left center;
	padding:0 0 0 14px;
	color:#CED6DC;
}

h3{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
	border-left:2px solid #8498A8;
	padding:0 0 0 10px;

}

h3 span{
	font-size:12px;
	font-weight:normal;

}

h4{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;

}

dl.main{
	clear:both;
	margin:0 0 30px 0;

}


dl.main dt{
	margin:0 0 10px 0;

}
dl.sub{
	clear:both;
	overflow:hidden;
	margin:0 0 30px 0;

}
dl.sub dt{
	float:right;

}

dl.sub dd{
	float:left;
	width:280px;

}

dl.spec{
	clear:both;
	overflow:hidden;
	margin:0 0 40px 0;

}
dl.spec dt{
	clear:left;
	float:left;
	font-weight:bold;
	padding:5px;
	color:#CED6DC;

}

dl.spec dd{
	padding:5px 5px 5px 80px;
	border-bottom:1px dotted #8498A8;
}

p.title{
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;

}

p.caution{
	clear:both;
	font-size:10px;
	margin:0 0 40px 0;
	text-align:right;

}

dl.spec2{
	clear:both;
	overflow:hidden;
	margin:0 0 10px 0;
	border-top:1px dotted #8498A8;
}
dl.spec2 dt{
	clear:left;
	float:left;
	font-weight:bold;
	padding:5px;
	color:#CED6DC;

}

dl.spec2 dd{
	padding:5px 5px 5px 80px;
	border-bottom:1px dotted #8498A8;
}

p.tel_info{
	background:#fff;
	padding:10px 15px 10px 15px;
	font-size:14px;
	font-weight:bold;
	color:#0A3252;
}

dl.tel_info2{
	clear:both;
	overflow:hidden;
	margin:25px 0 30px 0;

}
dl.tel_info2 dt{
	float:left;

}

dl.tel_info2 dd{
	float:right;
	width:320px;
	line-height:1.4;

}


#access{
	background: url(../img/bg/main_01.jpg) no-repeat ;
	background-size:cover;
	
}