@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
		Font-size Adjustment
----------------------------------------------------------- */

	75%    = 9px	|	125%   = 15px	|	175%   = 21px
	83.3%  = 10px	|	133.3% = 16px	|	183.3% = 22px
	91.7%  = 11px	|	141.7% = 17px	|	191.7% = 23px
	100%   = 12px	|	150%   = 18px	|	200%   = 24px
	108.3% = 13px	|	158.3% = 19px	|	208.3% = 25px
	116.7% = 14px	|	166.7% = 20px	|	216.7% = 26px


/* -----------------------------------------------------------
		reset
----------------------------------------------------------- */
* {margin:0;padding:0;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol,ul      { list-style-type: none; }
dt,dd,li   { text-indent: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
table      { border-collapse: separate; }
caption,th { text-align: left; }

img        { border:none; vertical-align:bottom; }

.clear hr { display: none; border: none; height:0px; }/*clearfix*/.clearfix { clear: both; min-height: 1px;/*IE7用…高さが設定されてあれば回避可能*/ zoom: 1; height:auto; background-color:transparent; }.clearfix:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロチEけレベル要素に */ clear: both; height: 0; visibility: hidden; background-color:transparent; }.clearfix { min-height: 1px; }/*-WinIE6 and below *//* Hides from IE-mac \*/* html .clearfix { height: 1%; }/* End hide from IE-mac */

.center    { text-align:center; }
.right     { text-align:right; }
.alignleft { float:left; margin:0 20px 20px 0; }
.alignright{ float:right; margin:0 0 20px 20px; }
.children  { margin-top:6px; }
.closeup   { font-size:14px; font-weight:bold; color:#ed1d87; }

.tx10      { font-size:10px; font-weight:normal; }
.tx11      { font-size:11px; font-weight:normal; }
.tx12      { font-size:12px; }
.tx14      { font-size:14px; }
.tx16      { font-size:16px; }
.tx18      { font-size:18px; }

.pa_btm0   { padding-bottom: 0px !important; }
.pa_btm5   { padding-bottom: 5px !important; }
.pa_btm10  { padding-bottom: 10px !important; }
.pa_btm20  { padding-bottom: 20px !important; }
.pa_btm30  { padding-bottom: 30px !important; }
.ma_btm0   { margin-bottom: 0px !important; }
.ma_btm5   { margin-bottom: 5px !important; }
.ma_btm10  { margin-bottom: 10px !important; }
.ma_btm20  { margin-bottom: 20px !important; }
.ma_btm30  { margin-bottom: 30px !important; }
.ma_btm40  { margin-bottom: 40px !important; }
.ma_btm50  { margin-bottom: 50px !important; }
.pa_top30  { padding-top: 30px !important; }

.lineh     { line-height:1.4;}


/* -----------------------------------------------------------
		font
----------------------------------------------------------- */
body {
	line-height: 1.8;
	background-color:#000;
	color: #fff;
	font-family: 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Osaka', arial, sans-serif, verdana, Helvetica;
	font-size: 75%; /* = 12px */
}
p       {line-height: 1.8;}
dl,dt,dd,ul,ol,li {
	line-height: 1.6;
}
textarea,input {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ", Verdana, Arial, sans-serif;
	font-size: 100%;
}

strong   { font-weight:bold; }


/* -----------------------------------------------------------
		link
----------------------------------------------------------- */
a	  { color:#666; text-decoration:none; /cursor:pointer; }
a:link    { color:#fff; }
a:visited { color:#c5c5c5; }
a:hover   { color:#ccc; text-decoration:underline; }
a:active, a:focus  { color:#886a2f; }

/* -----------------------------------------------------------
		header
----------------------------------------------------------- */
#header { height: 260px; }
#header h1 { padding: 10px; margin: 0 auto; text-align: right; width: 960px; }
#header #logo { width: 300px; margin: 50px auto; }
#top_navi { width: 700px; margin: 50px auto; padding-left: 100px; }
#top_navi ul li { float: left; display: inline; margin: 0 10px 0 10px; }

/* -----------------------------------------------------------
		contents
----------------------------------------------------------- */
#wrapper {  }
#content { padding: 10px; width: 960px; margin: 30px auto; }

#desc { text-align: center; }
.main_text {line-height: 1.6; color:#000000; font-size:16px; font-family:'ＭＳ Ｐ明朝'; font-weight:bold;}
.underline {line-height: 1.6; text-decoration: underline; color:#000000; padding-bottom: 20px; font-size:16px; font-family:'ＭＳ Ｐ明朝'; font-weight:bold;}


/* -----------------------------------------------------------
		footer
----------------------------------------------------------- */
#footer { bottom: 0; position: fixed; padding: 10px; background: rgba(0,0,0,0.5); height: 180px; width: 100%; border-top: #333 1px solid; }
#footer_cont { width: 960px; margin: 0 auto; }
#info_area { float: left; height: 150px; width: 650px; }
#info_area #news { margin-top: 20px; }
#info_area #news li { margin-bottom: 10px; }

#shopInfo { float: right; width: 300px; height: 150px; margin-right: 10px; }
#shopInfo p { margin-bottom: 5px; }

/* -----------------------------------------------------------
		shop
----------------------------------------------------------- */
#shop { font-size: 14px !important; clear: both; width: 720px; height: 600px; overflow-y: scroll; padding: 0 50px 0 50px; margin: 0 auto; }
#shop dl { width: 450px; margin: 5px auto 10px; border-bottom: 1px dotted #fff; padding-bottom: 5px; }
#shop dt { float: left; width: 200px; padding: 0 0 10px 20px; clear: both; }
#shop dd { }
#shop #map { height: 280px; width: 450px; margin: 30px auto; }

#shop_photo { margin: 0 0 30px; }
#shop_photo li { width: 170px; float: left; display: inline; margin-right: 5px; }

#map h3 { margin: 0 0 10px; font-weight: bolder; }

#calendar {text-align:center; height: 400px; width: 430px !important; padding:10px; background:#fff;}

/* -----------------------------------------------------------
		menu
----------------------------------------------------------- */
#menu { clear: both; width: 700px; height: 600px; overflow-y: scroll; padding: 0 100px 0 100px; }
#menu dl { margin-top: 20px; }
#menu dt { float: left; width: 250px; padding: 0 0 5px 5px; clear: both; height: 30px; }
#menu dd { height: 50px; padding-right: 5px; font-size: 16px !important; font-weight: bolder; }
#menu div { padding: 0 5px 5px; }
#menu strong { font-size: 14px; }

.menu_border_bottom { width: 100%; border-bottom: 1px dotted #fff; margin-top: 10px; padding: 0 !important; }

.fancybox-bg { background: none; }
#fancybox-outer { background-color: transparent !important; }

/* -----------------------------------------------------------
		hairstyle
----------------------------------------------------------- */
#hairstyleList { width: 920px; margin: 0 auto; }
.clearfix { clear: both; min-height: 1px;/*IE7用…高さが設定されてあれば回避可能*/ zoom: 1; height:auto; background-color:transparent; }
.ri-grid{ margin: 30px auto 30px; position: relative; height: auto; }
.ri-grid-loading{ width: 100px; height: 100px; background: transparent url(../yamane/images/loading.gif) no-repeat center center; }
.ri-grid ul { list-style: none; display: block; width: 100%; margin: 0; padding: 0; }
.ri-grid ul:before,
.ri-grid ul:after{ content: ''; display: table; }
.ri-grid ul:after { clear: both; }
.ri-grid ul { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } 
.ri-grid ul li { -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; -ms-perspective: 400px; perspective: 400px;	margin: 0; padding: 0; float: left; position: relative; display: block; overflow: hidden; background: #000; width: 190px !important; height: 300px !important; }

.ri-grid ul li a { display: block; outline: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; background-color: #333; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* Grid wrapper sizes */
.ri-grid-size-1{ width: 55%; }
.ri-grid-size-2{ width: 100%; }
.ri-grid-size-3{ width: 100%; margin-top: 0px; }

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{ content: ""; position: absolute; z-index: -2; bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
.ri-shadow:after{ right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }
.ri-grid-loading:after,
.ri-grid-loading:before { display: none; }
#ModelsList { width: 920px; margin: 0 auto; position:relative; }
#ModelsList li { width: 150px; height: 185px; display: inline-block; vertical-align: top; margin-bottom: 5px; zoom:1; }
#ModelsList li img{ width: 150px; height: 185px; }

#movie{ width: 640px; height: 360px; margin: 0 auto; text-align: center; }

#profileCont { width: 640px; min-height: 360px; height: auto; margin: 0 auto; padding: 10px 0; }

#Lblock { float: left; width: 25%; }

.staffPhoto { float: left; width: 280px; }

#Rblock { float: right; width: 70%; }

.staffName {font-size: 18px; font-weight: bolder;}
.staffLink { float: left; margin: 65px 0; width: 445px; border-top: #ddd solid 1px; }
.staffLink a {color: #fff; text-decoration: none;}
.staffLink li { display: inline; float: left; }
.blogBtn { background: #eaeaea; text-align: center; padding: 10px 0 10px; width: 95px; color: #666666; margin-right: 10px; }
.fbBtn { background: #d6e1e8; text-align: center; padding: 10px 0 10px; width: 95px; color: #666666; margin-right: 10px; }
.reserveBtn { background: #dbc0c0; text-align: center; padding: 10px 0 10px; width: 120px; color: #666666; }
.staffComment { font-weight: normal; margin-top: 30px; line-height: 150%; }
.staffComment dl { width: 450px; border-bottom: 1px dotted #333; }
.staffComment dt { font-size: 13px; float: left; width: 80px; position: absolute; padding: 0px 0px 10px 10px; text-align: center; }
.staffComment dd { font-size: 13px; padding: 0px 0px 10px 50px;	}



.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(img/common/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(img/common/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.scroll-pane { width: 100%; height: 600px; overflow: auto; }
.horizontal-only { height: auto; max-height: 600px; }

#fancybox-overlay { background-color: rgb(0, 0, 0); opacity: 0.85 !important; }