@charset "utf-8";

/* ----------------------------------------------------------- */
/* color */
/* ----------------------------------------------------------- */

/* 文字色 ------------------------ */

/* 各ページのタイトル文字色 */
#pageTitle, .subTitle, .category li a:hover, .entry li a:hover,
.archives li a:hover 
{ color: #6C4D39; }

/* h1などの文字色 */
body, a, #header h1, #header h1 a, #topNews li a:hover, .blogTitle a,
.menuTitle, .entry-title a, .staffName, table#salonInformation, 
table#staffProfile, table#menuPrice, .print a
{ color: #FFF; }

/* newTopicsの文字色 */
#topNews li a, .newsTitle 
{ color: #c8ae91; }

/* マウスオーバー時文字色 */
.pagetop a:hover, .pagetop a:hover, .print a:hover
{ color: #8c0820; }

/* その他文字色 */
.menuName span { color: #F60; }
.asset-meta, .writer   { color:#999; }


/* ボーダー色 ------------------------ */
.subTitle               { border-top: 1px dotted #6C4D39; }
#topNews li, .newsTitle { border-bottom: 1px dotted #6C4D39; }
/* tableボーダー色 */
table#salonInformation, table#staffProfile, table#menuPrice 
{
    border-top:1px solid #6C4D39;
    border-left:1px solid #6C4D39;
}

/* talbeボーダー色2 */
#salonInformation th, #salonInformation td, #staffProfile th,
#staffProfile td, table#menuPrice th, table#menuPrice td 
{
    border-right:1px solid #6C4D39;
    border-bottom:1px solid #6C4D39;
}

/* その他ボーダー色 */
#navigation li         { border-left: 1px dotted #FFFFFF; }
#footer                { border-top:1px solid #000000; }



/* 背景色 ---------------------------- */
body { background:#000; }

#contents {
	background :rgba( 0,0,0,0.8 );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C4000000, endcolorstr=#C4000000, gradienttype=0);/* IE6、IE7対応 */
}
#topNews {
	background :rgba( 0,0,0,0.8 );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C4000000, endcolorstr=#C4000000, gradienttype=0);/* IE6、IE7対応 */
}

#topNews li a:hover { background: #8c0820; }

/* talbeタイトル背景色 */
#salonInformation th, #staffProfile th
{ background: #362621; }
.menuTitle, #side-column p.title { background: #392a2a; }
.category li a, .entry li.title, .entry li a , .archives li.title, .archives li a
{ background: #241D1A; }
.category li a:hover, .entry li a:hover , .archives li a:hover, .pagetop a:hover, .pagetop a:hover, .print a:hover
{ background: #FFFFFF; }
.entry-title a, .blogTitle a, #navigation li a:hover, .print a { background: #93776c; }
.pagetop a { background: #333; }



/* ----------------------------------------------------------- */
/* body */
/* ----------------------------------------------------------- */
body {
	font-size:small;
	height:100%;
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------- */
/* page */
/* ----------------------------------------------------------- */

#pageTitle {
	font-size: 40px;
	font-family: 'Crimson Text', arial, serif;
	font-weight: 100;
	line-height: 30px;
	position: relative;
}

.subTitle {
	font-size: 10px;
	text-indent: 10px;
	padding-bottom: 10px;
}


/* ----------------------------------------------------------- */
/* header */
/* ----------------------------------------------------------- */
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:85px;
	z-index:20;
}
	
#header h1, #header h1 a{
	font-size: 10px;
	font-weight: 100;
}

/* ----------------------------------------------------------- */
/* common */
/* ----------------------------------------------------------- */

#wrapper {
	width: 820px;
	margin: 0px auto;
}

#contents {
	position: relative;
	top:30px;
	z-index:10;
	/width: 100%;/* IE6、IE7対応 */
	/height:100%;/* IE6、IE7対応 */
	width: 100%\9;/* IE6、IE7対応 */
	height:100%\9;/* IE6、IE7対応 */
	}

#main {
	padding: 20px;
}

#bgFlash {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	_height:99%;
	z-index:1;
}


/* ----------------------------------------------------------- */
/* newsとbanner */
/* ----------------------------------------------------------- */
#topNews {
	position:absolute;
	bottom: 75px;
	left: 20px;
	width: 260px;
	height:130px;
	z-index:30;
	}
	
#topNews li {
	padding: 3px 0;
}

.newsTitle {
	font-family: 'Crimson Text', arial, serif;
	font-size: 14px;
}

#banner {
	position:absolute;
	bottom: 75px;
	right: 20px;
	width: 191px;
	height:70px;
	z-index:31;
}

.day { font-size: 10px; }

/* ----------------------------------------------------------- */
/* access.html */
/* ----------------------------------------------------------- */
#map {
	padding: 10px 0;
}

table#salonInformation {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
#salonInformation th {
    background-position:left top;
    padding:0.3em 1em;
	width: 180px;
	vertical-align: middle;
}
#salonInformation td {
    padding:1em 1em;
	width: 600px;
}

/* ----------------------------------------------------------- */
/* staff.html */
/* ----------------------------------------------------------- */
.staffBox {
	width: 100%;
	margin: 0 auto;
}

.staff-list {
	width: 100%;
	margin: 10px auto;
}

.staff-list li {
	width: 80px;
	float: left;
	margin-right: 2px;
	padding-bottom: 10px;
	text-align: center;
}

.staffName {
	font-size: 10px;
}

table#staffProfile {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
#staffProfile th {
    background-position:left top;
    padding:0.3em 1em;
	width: 100px;
	vertical-align: middle;
	font-weight: 100;
}
#staffProfile td {
    padding:1em 1em;
}

/* ----------------------------------------------------------- */
/* menu.html */
/* ----------------------------------------------------------- */
table#menuPrice {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
table#menuPrice th {
    background-position:left top;
    padding:0.3em 1em;
	width: 600px;
	vertical-align: middle;
	font-weight: 100;
	text-align: left;
}
table#menuPrice td {
    padding:1em 1em;
	width: 180px;
}

.menuName {
	font-size: 16px;
	padding: 4px 0;
	font-weight: bold;
}

.menuName span {
	font-weight: bold;
}

.menuTitle {
	font-size: 18px;
	padding: 2px 0px 2px 10px;
}

/* ----------------------------------------------------------- */
/* /blog/ */
/* ----------------------------------------------------------- */
#blog-column {
	width: 560px;
	float: left;
	margin-top: 10px;
}

#side-column {
	width: 200px;
	float: right;
	margin-top: 10px;	
}

.blogTitle a {
	line-height: 150%;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 10px 3px 5px;
}

.writer {
	font-size: 10px;
	background: url(../images/common/dot-line.png) repeat-x left top;
	line-height: 130%;
	margin-bottom: 10px;
	padding: 3px 0;
}

.entryField {
	padding: 0px 0px 30px;
	margin-bottom: 2px;
}

.category, .entry, .archives {
	margin-bottom: 5px;
}


#side-column p.title {
	text-indent: 0;
	width: 200px;
	height: 20px;
	padding: 3px 3px 3px 5px;
	font-family: 'Crimson Text', arial, serif;
}

.category li a {
	width: 200px;
	height: 20px;
	padding: 3px 3px 3px 5px;
	text-indent: 10px;
	display: block;
}


.entry li.title {
	text-indent: 0;
	width: 200px;
	height: 20px;
	padding: 3px 3px 3px 5px;
	font-family: 'Crimson Text', arial, serif;
	
}

.entry li a {
	width: 200px;
	height: 20px;
	padding: 3px 3px 3px 5px;
	text-indent: 10px;
	display: block;
}


.archives li.title {
	text-indent: 0;
	width: 200px;
	height: 20px;
	padding: 3px 3px 3px 5px;
	font-family: 'Crimson Text', arial, serif;
}

.archives li a {
	width: 200px;
	height: 20px;
	padding: 3px 3px 3px 5px;
	text-indent: 10px;
	display: block;
}

.entry-title a {
	line-height: 150%;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 10px 3px 5px;
}
.asset-meta {
	font-size: 10px;
	background: url(../images/common/dot-line.png) repeat-x left top;
	line-height: 130%;
	margin-bottom: 10px;
	padding: 3px 0;
}

.mt-image-none, .mt-image-center, .mt-image-left, .mt-image-right {
	max-width: 100%;
	height:auto;
}

/* ----------------------------------------------------------- */
/* navigation */
/* ----------------------------------------------------------- */
#navigation {
	position:absolute;
	top:10px;
	left:180px;
}

#navigation li {
	display: block;
	width: 80px;
	height:40px;
	float: left;
	text-align: center;
	line-height: 40px;
	font-family: 'Crimson Text', arial, serif;
	font-size: 12px;
}

#navigation li a {
	display: block;
	width: 70px;
	height: 40px;
	margin: 0 auto;
}



/* ----------------------------------------------------------- */
/* footer */
/* ----------------------------------------------------------- */
#footer {  
    position: fixed;
	bottom:0;
	_bottom:-1px;
	left:0;
	width:100%;
	height: 60px;
	background:url(../images/common/bg_footer.jpg);
	z-index:20;
}

* html #footer {
	position: absolute;
}

#footer .footerIn {
	position:relative;
}

#footer div.copyright {
	position:absolute;
	top:6px;
	right:20px;
	text-align: right;
}

	
#footer .logo {
	position:absolute;
	top:6px;
	left:20px;
}

.copyright .tel {
	font-family: 'Crimson Text', arial, serif;
	font-size: 20px;
}

.font-s {
	font-size: 9px;
}

/* ----------------------------------------------------------- */
/* その他 */
/* ----------------------------------------------------------- */

.pagetop {
	font-size:10px;
	text-align:right;
	height: 100px;
	clear: both;
}


.print {
	font-size:10px;
	text-align: center;
	display: block;
	position: absolute;
	right: 0px;
	font-family: verdana,arial,helvetica,clean,sans-serif;

}
.print a, .pagetop a{
	padding: 5px;
}
	


/* ----------------------------------------------------------- */
/* centering */
/* ----------------------------------------------------------- */

div.centeringTest div.box {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	/* 横幅を必ず付ける事 .staffPhoto, .staffComment参照 */
}

/*for IE6 */
* html .centeringTest div.box {
	display: inline;
	zoom: 1;
}
 
/*for IE7 */
*:first-child+html .centeringTest div.box {
	display: inline;
	zoom: 1;
}


/* ----------------------------------------------------------- */
/* clearfix */
/* ----------------------------------------------------------- */

.clearfix {
	zoom:1;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
     /* for IE6 */  
    * html .clearfix {  
     display:inline-block;  
     }
     /* for IE7 */  
     *+html .clear<span class="hilite">f</span>ix {  
     display:inline-block;  
     }  


/* ==================================================== */
/* 汎用 class
/* ==================================================== */

.inner  { padding: 10px; }
.inner2 { padding: 10px 0; }
.inner3 { padding: 10px 10px 20px; }
.inner4 { padding: 0px 0px 20px; }
.inner5 { padding: 15px; }

.border-r { border-right: 1px dotted #FFFFFF; }
.border-b { border-bottom: 1px dotted #FFFFFF; }

.date { font-size: 10px; color: #6C4D39 }