@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for Total Beauty
//  - 2009-09-16 (wed)
//////////////////////////////////////////////////////////*/

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

.entryBlock .innerBlockLeft {
	float: left;
	width: 300px;
	margin: 0;
	padding: 20px 0 0 0;
}

.entryBlock .innerBlockRIght {
	margin: 0;
	padding: 10px 0 0 335px;
}


/* - hair collection
----------------------------------------------------------*/
.entryBlock .bot {
	margin-bottom: 30px;
}



/* - Bridal PriceList
----------------------------------------------------------*/

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

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


/* - Esthetic PriceList
----------------------------------------------------------*/

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

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


/* - Nail PriceList
----------------------------------------------------------*/

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

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


/* - Hedherapy PriceList
----------------------------------------------------------*/

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

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


/* - PriceList
----------------------------------------------------------*/
.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 td .sub {
	font-size: 80%;
	color: #666;
	padding: 10px 6px;
}

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

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

.price {
	text-align: right;
}

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


/* - Outworks
----------------------------------------------------------*/

.entryBlock #outworks {
	margin: 0;
	padding: 10px 0;
}

.entryBlock #outworks dl {
	clear: both;
	width: 700px;
	margin: 0;
	padding: 10px 0;
	_padding: 5px 0;
}

.entryBlock #outworks dt {
	float: left;
	width: 100px;
	font-family: Georgia;
	margin: 0;
	padding: 0;
}

.entryBlock #outworks dd {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
}

.entryBlock #outworks .blog {
	margin-top: 30px;
}


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

#contentArea #menuArea h1 a {
	display: block;
	width: 124px;
	height: 91px;
	background: url(../totalbeauty/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(../totalbeauty/images/side_navi.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: 45px; 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: 15px; left: 0; top: 45px; background-position: 0 -45px; }
#contentArea #menuArea #sideNavi li#navi02 a:hover,
#contentArea #menuArea #sideNavi li#navi02.current a  { width: 150px; height: 15px; left: 0; top: 45px; background-position: -150px -45px !important; }
#contentArea #menuArea #sideNavi li#navi03 a:link,
#contentArea #menuArea #sideNavi li#navi03 a:visited   { width: 150px; height: 15px; left: 0; top: 66px; background-position: 0 -66px; }
#contentArea #menuArea #sideNavi li#navi03 a:hover,
#contentArea #menuArea #sideNavi li#navi03.current a  { width: 150px; height: 15px; left: 0; top: 66px; background-position: -150px -66px !important; }
#contentArea #menuArea #sideNavi li#navi04 a:link,
#contentArea #menuArea #sideNavi li#navi04 a:visited   { width: 150px; height: 15px; left: 0; top: 88px; background-position: 0 -88px; }
#contentArea #menuArea #sideNavi li#navi04 a:hover,
#contentArea #menuArea #sideNavi li#navi04.current a  { width: 150px; height: 15px; left: 0; top: 88px; background-position: -150px -88px !important; }
#contentArea #menuArea #sideNavi li#navi05 a:link,
#contentArea #menuArea #sideNavi li#navi05 a:visited   { width: 150px; height: 15px; left: 0; top: 110px; background-position: 0 -110px; }
#contentArea #menuArea #sideNavi li#navi05 a:hover,
#contentArea #menuArea #sideNavi li#navi05.current a  { width: 150px; height: 15px; left: 0; top: 110px; background-position: -150px -110px !important; }
#contentArea #menuArea #sideNavi li#navi06 a:link,
#contentArea #menuArea #sideNavi li#navi06 a:visited   { width: 150px; height: 15px; left: 0; top: 131px; background-position: 0 -131px; }
#contentArea #menuArea #sideNavi li#navi06 a:hover,
#contentArea #menuArea #sideNavi li#navi06.current a  { width: 150px; height: 15px; left: 0; top: 131px; background-position: -150px -131px !important; }
#contentArea #menuArea #sideNavi li#navi07 a:link,
#contentArea #menuArea #sideNavi li#navi07 a:visited   { width: 150px; height: 15px; left: 0; top: 154px; background-position: 0 -154px; }
#contentArea #menuArea #sideNavi li#navi07 a:hover,
#contentArea #menuArea #sideNavi li#navi07.current a  { width: 150px; height: 15px; left: 0; top: 154px; background-position: -150px -154px !important; }
#contentArea #menuArea #sideNavi li#navi08 a:link,
#contentArea #menuArea #sideNavi li#navi08 a:visited   { width: 150px; height: 45px; left: 0; top: 183px; background-position: -150px -183px; }
#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#navi08 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;
}