@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for Salons
//  - 2009-09-16 (wed)
//////////////////////////////////////////////////////////*/

/*----------------------------------------------------------
 - Contents Area
----------------------------------------------------------*/

/* - Access Map
----------------------------------------------------------*/

.entryBlock #accessMap {
	margin: 0;
	padding: 0;
}

.entryBlock #accessMap .innerBlockLeft {
	float: left;
	width: 340px;
	margin: 0;
	padding: 0 25px 0 0;
}

.entryBlock #accessMap .innerBlockRight {
	float: left;
	width: 335px;
	margin: 0;
	padding: 0;
}

.entryBlock #accessMap .innerBlockRight dl {
	clear: both;
	width: 335px;
	margin: 0;
	padding: 0 0 10px 0;
}

.entryBlock #accessMap .innerBlockRight dl dt {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0;
}

.entryBlock #accessMap .innerBlockRight dl dd {
	float: left;
	width: 265px;
	margin: 0;
	padding: 0;
}


/* - Campaign
----------------------------------------------------------*/

.entryBlock #campaign {
	margin: 0;
	padding: 20px 0;
}

.entryBlock #campaign dl {
	clear: both;
	width: 700px;
	margin: 0;
	padding: 0 0 20px 0;
}

.entryBlock #campaign dl dt {
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
}

.entryBlock #campaign dl dd {
	float: left;
	width: 610px;
	margin: 0;
	padding: 0;
}


/* - Campaign
----------------------------------------------------------*/

.entryBlock h3 em a {
/*	display: block;*/
	position: relative;
	top: 0px;
	left: 430px;
	color: #a62121;
}

/*
<h3 class="border">
<img src="../images/title_menu_price.gif" alt="menu & price" title="menu & price" />
<em><a href="">詳細情報はこちら</a></em>
</h3>
*/

.entryBlock #menuPrice {
	margin: 0;
	padding: 20px 0;
}

.entryBlock #menuPrice .innerBlockLeft {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 100px 0 0;
}

.entryBlock #menuPrice .innerBlockRight {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

.entryBlock #menuPrice dd {
	width: 300px;
	margin: 0;
	padding: 0;
}

.entryBlock #menuPrice dt {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}

.entryBlock #menuPrice dd {
	float: left;
	width: 80px;
	text-align: right;
	margin: 0;
	padding: 0;
}

.entryBlock #menuPrice dl .bbb {
	font-weight: bold;
	font-size: 16px;
}


/* - Staff
----------------------------------------------------------*/

.entryBlock #staffTable {
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
}

.entryBlock #staffTable li {
	float: left;
	width: 100px;
	min-height: 195px;
	_height: 195px;
	margin: 0;
	padding: 0 49px 0 0;
}

.entryBlock #staffTable li.end {
	margin: 0;
	padding: 0;
}


.entryBlock #staffTable li p {
/*	font-weight: bold;*/
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
	line-height: 140%;
}

.entryBlock #staffTable li p span {
	display: block;
	font-size: 10px;
	margin: 0 !important;
	padding: 0 !important;
}

.entryBlock #staffTable li .linkA {
	position: relative;
	width: 100px;
	height: 15px;
	background: url(../salons/images/btn_blog.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-indent: -9999px;
	text-decoration: none !important;
}

.entryBlock #staffTable li .linkA .blog a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 15px;

}

.entryBlock #staffTable li .linkA .schedule a {
	display: block;
	position: absolute;
	top: 0;
	left: 37px;
	width: 63px;
	height: 15px;
}

.entryBlock #staffTable li .linkA a:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: #fff;
}

.entryBlock #staffTable li .linkB .blog a {
	display: block;
	width: 100px;
	height: 15px;
	background: url(../salons/images/btn_blogL.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-indent: -9999px;
	text-decoration: none !important;
}

.entryBlock #staffTable li .linkB a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #fff;
}

.entryBlock #staffTable li .linkC {
	position: relative;
	width: 100px;
	height: 15px;
	background: url(../salons/images/btn_kiho.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-indent: -9999px;
	text-decoration: none !important;
}

.entryBlock #staffTable li .linkC .oneoven a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 15px;
}

.entryBlock #staffTable li .linkC .modelbank a {
	display: block;
	position: absolute;
	top: 0;
	left: 20px;
	width: 25px;
	height: 15px;
}

.entryBlock #staffTable li .linkC .openers a {
	display: block;
	position: absolute;
	top: 0;
	left: 45px;
	width: 55px;
	height: 15px;
}

.entryBlock #staffTable li .linkC a:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: #fff;
}

/* - Ukain
----------------------------------------------------------*/

.entryBlock #ukain {
	margin: 0;
	padding: 20px 0 0 0;
}

.entryBlock #ukain .innerBlockLeft {
	float: left;
	width: 440px;
	margin: 0;
	padding: 0 30px 0 0;
}

.entryBlock #ukain .innerBlockRight {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}


/* - Menu Table
----------------------------------------------------------*/

.salonMenuBody {
	width: 700px;
	margin-top: 10px;
	line-height: 1.6em;

}

.salonMenuBody table {
	margin-bottom: 30px;
}

.pricelist {
	background: #fff;
	width: 700px;
	border-collapse: collapse;
	text-align: left;
}

.pricelist th {
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #810000;
	padding: 10px 0px;
	border-bottom: 1px solid #BFBFBF;
}

.pricelist td .sub span {
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	padding-top: 30px;
	font-size: 100%;
}

.pricelist td {
	border-bottom: 1px solid #EBEBEB;
	font-size: 100%;
	color: #666;
	padding: 10px 6px;
}


.pricelist tbody tr:hover td {
	color: #810000;
}

.price {
	text-align: right;
}

.pricelist .link {
	font-size: 80%;
	text-align: right;
}


/* - Parts
----------------------------------------------------------*/

.entryBlock .returnToTop {
	text-align: right;
	margin: 0;
	padding: 0;
}

.entryBlock .returnToTop a {
	background: url(../ukanailoil/images/icon_arrow.gif) no-repeat 0 center;
	margin: 0;
	padding: 5px 0 5px 15px;
}


/*----------------------------------------------------------
 - Side Navigation
----------------------------------------------------------*/

#contentArea #menuArea h1 a {
	display: block;
	width: 124px;
	height: 91px;
	background: url(../salons/images/side_logo.gif) no-repeat 0 0;
	margin: 0 0 55px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#contentArea #menuArea h1 a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#contentArea #menuArea #sideNavi {
	position: relative;
	width: 150px;
	height: 410px;
	margin: 0;
	padding: 0;
}

#contentArea #menuArea #sideNavi li a {
	position: absolute;
	background: url(../salons/images/side_navi_2.gif);
	text-indent: -9999px;
	text-decoration: none !important;
	overflow: hidden;
	cursor: pointer;
}

#contentArea #menuArea #sideNavi li#navi01 a:link,
#contentArea #menuArea #sideNavi li#navi01 a:visited   { width: 150px; height: 46px; left: 0; top: 0; background-position: -150px 0; }
#contentArea #menuArea #sideNavi li#navi02 a:link,
#contentArea #menuArea #sideNavi li#navi02 a:visited   { width: 150px; height: 44px; left: 0; top: 46px; background-position: 0 -46px; }

#contentArea #menuArea #sideNavi li#navi03 a:link,
#contentArea #menuArea #sideNavi li#navi03 a:visited   { width: 150px; height: 15px; left: 0; top: 90px; background-position: 0 -90px; }
#contentArea #menuArea #sideNavi li#navi03 a:hover,
#contentArea #menuArea #sideNavi li#navi03.current a  { width: 150px; height: 15px; left: 0; top: 90px; background-position: -150px -90px !important; }

#contentArea #menuArea #sideNavi li#navi04 a:link,
#contentArea #menuArea #sideNavi li#navi04 a:visited   { width: 150px; height: 15px; left: 0; top: 111px; background-position: 0 -111px; }
#contentArea #menuArea #sideNavi li#navi04 a:hover,
#contentArea #menuArea #sideNavi li#navi04.current a  { width: 150px; height: 15px; left: 0; top: 111px; background-position: -150px -111px !important; }

#contentArea #menuArea #sideNavi li#navi05 a:link,
#contentArea #menuArea #sideNavi li#navi05 a:visited   { width: 150px; height: 15px; left: 0; top: 133px; background-position: 0 -133px; }
#contentArea #menuArea #sideNavi li#navi05 a:hover,
#contentArea #menuArea #sideNavi li#navi05.current a  { width: 150px; height: 15px; left: 0; top: 133px; background-position: -150px -133px !important; }

#contentArea #menuArea #sideNavi li#navi06 a:link,
#contentArea #menuArea #sideNavi li#navi06 a:visited   { width: 150px; height: 15px; left: 0; top: 155px; background-position: 0 -155px; }
#contentArea #menuArea #sideNavi li#navi06 a:hover,
#contentArea #menuArea #sideNavi li#navi06.current a  { width: 150px; height: 15px; left: 0; top: 155px; background-position: -150px -155px !important; }

#contentArea #menuArea #sideNavi li#navi07 a:link,
#contentArea #menuArea #sideNavi li#navi07 a:visited   { width: 150px; height: 15px; left: 0; top: 176px; background-position: 0 -176px; }
#contentArea #menuArea #sideNavi li#navi07 a:hover,
#contentArea #menuArea #sideNavi li#navi07.current a  { width: 150px; height: 15px; left: 0; top: 176px; background-position: -150px -176px !important; }

#contentArea #menuArea #sideNavi li#navi08 a:link,
#contentArea #menuArea #sideNavi li#navi08 a:visited   { width: 150px; height: 15px; left: 0; top: 198px; background-position: 0 -198px; }
#contentArea #menuArea #sideNavi li#navi08 a:hover,
#contentArea #menuArea #sideNavi li#navi08.current a  { width: 150px; height: 15px; left: 0; top: 198px; background-position: -150px -198px !important; }

#contentArea #menuArea #sideNavi li#navi09 a:link,
#contentArea #menuArea #sideNavi li#navi09 a:visited   { width: 150px; height: 45px; left: 0; top: 228px; background-position: -150px -228px; }

#contentArea #menuArea #sideNavi li#navi10 a:link,
#contentArea #menuArea #sideNavi li#navi10 a:visited   { width: 150px; height: 45px; left: 0; top: 273px; background-position: -150px -273px; }

#contentArea #menuArea #sideNavi li#navi11 a:link,
#contentArea #menuArea #sideNavi li#navi11 a:visited   { width: 150px; height: 46px; left: 0; top: 318px; background-position: -150px -318px; }

#contentArea #menuArea #sideNavi li#navi12 a:link,
#contentArea #menuArea #sideNavi li#navi12 a:visited   { width: 150px; height: 46px; left: 0; top: 364px; background-position: -150px -364px; }


#contentArea #menuArea #sideNavi li#navi01 a:hover,
#contentArea #menuArea #sideNavi li#navi02 a:hover,
#contentArea #menuArea #sideNavi li#navi09 a:hover,
#contentArea #menuArea #sideNavi li#navi10 a:hover,
#contentArea #menuArea #sideNavi li#navi11 a:hover, 
#contentArea #menuArea #sideNavi li#navi12 a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}