@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: 63px;
	height: 81px;
	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 h1#autumn a {
	display: block;
	width: 124px;
	height: 91px;
	background: url(../totalbeauty/images/side_logo2.gif) no-repeat 0 0;
	margin: 0 0 55px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#contentArea #menuArea h1#autumn 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_navi2.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: 46px; background-position: 0 -46px; }
#contentArea #menuArea #sideNavi li#navi02 a:hover,
#contentArea #menuArea #sideNavi li#navi02.current a  { width: 150px; height: 15px; left: 0; top: 46px; background-position: -150px -46px !important; }

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

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

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

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

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

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

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

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

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

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

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

#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,
#contentArea #menuArea #sideNavi li#navi13 a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}


#contentArea #menuArea #sideNavi2 {
	position: relative;
	width: 150px;
	height: 410px;
	margin: 0;
	padding: 0;
}
#contentArea #menuArea #sideNavi2 li a {
	position: absolute;
	background: url(../totalbeauty/images/side_navi2.png);
	text-indent: -9999px;
	text-decoration: none !important;
	overflow: hidden;
	cursor: pointer;
}
#contentArea #menuArea #sideNavi2 li#navi01 a:link,
#contentArea #menuArea #sideNavi2 li#navi01 a:visited   { width: 150px; height: 45px; left: 0; top: 0; background-position: -150px 0; }

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

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

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

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

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

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

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

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

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

#contentArea #menuArea #sideNavi2 li#navi11 a:link,
#contentArea #menuArea #sideNavi2 li#navi11 a:visited   { width: 150px; height: 45px; left: 0; top: 309px; background-position: -150px -309px; }

#contentArea #menuArea #sideNavi2 li#navi12 a:link,
#contentArea #menuArea #sideNavi2 li#navi12 a:visited   { width: 150px; height: 45px; left: 0; top: 355px; background-position: -150px -355px; }

#contentArea #menuArea #sideNavi2 li#navi13 a:link,
#contentArea #menuArea #sideNavi2 li#navi13 a:visited   { width: 150px; height: 45px; left: 0; top: 400px; background-position: -150px -400px; }

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


/*----------------------------------------------------------
 - autumn collection
----------------------------------------------------------*/

.fancybox_detail {
	display:none;
	text-align:center;
}
.left_img{ float:left; width:310px}
.fancybox_inner{ width:200px; margin: 0 auto; text-align:left; padding:100px 10px 0 0; float:right}
.fancybox_inner_cap{ border-bottom: 1px #CCC dotted; padding-bottom: 20px}
.fancybox_inner p{ margin-bottom: 20px;text-align:center;}
.fancybox_inner_nail p{ margin-bottom: 20px;text-align:center;}

.wrap {
	width: 700px;
	overflow: hidden;
}
.box {
	width: 230px;
	margin:0 3px 3px 0;
	float: left;
	display: inline;  /* IE6 fix */
	position:relative;
}
.box .name{
	display:none;
}
.box:hover .name{
	position:absolute;
	bottom:5px;
	right:5px;
	background-color:black;
	width: auto;
	height: auto;
	filter: alpha(opacity=40);
  	-moz-opacity:0.4;
  	opacity:0.4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
	color:white;
	padding:1px 5px;
	display:block;
	font-size:10px;
}