@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for uka nail oil
//  - 2009-09-16 (wed)
//////////////////////////////////////////////////////////*/

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

#headerMessage {
	position: relative;
	width: 700px;
	height: 20px;
}

#headerMessageshoplist {
	position: relative;
	width: 700px;
	margin: 30px 0 20px;
}

#headerMessage #button {
	position: absolute;
	top: 70px;
	width: 145px;
	height: 85px;
	text-align: right;
}

#shoplistdetail {
	width: 674px;
	text-align: left;
	margin: 20px 0 10px 6px;
}

#headerMessage #button a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

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

.entryBlock .innerBlockRight {
	margin: 0;
	padding: 10px 0 0 240px;
}

.entryBlock .innerBlockLeft img {
	margin: 0;
	padding: 4px;
	border: 1px solid #000;
}

.entryBlock .innerBlockRight .buyButton {
	float: right;
	position: relative;
	top: 20px;
	margin: 0;
	padding: 0;
}

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

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

.entryBlock h3{
	font: Georgia, Times, serif;
	font-size: 21px;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #CCCCCC;
}
h3.rose{

	font-size: 20px;
	color:#000000;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #CCCCCC;
}

.entryBlock h3 .caps{
	font: Georgia, Times, serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}



/* - shops Table（販売店リスト）
----------------------------------------------------------*/

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

}

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

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

.shops th {
	font-family:"Century Gothic", Times, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #810000;
	padding: 10px 0px;
	border-bottom: 1px solid #BFBFBF;
}

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


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

.price {
	text-align: right;
}




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

#contentArea #menuArea h1 a {
	display: block;
	width: 150px;
	height: 45px;
	background: url(../concept/images/side_logo.gif) no-repeat 0 0;
	margin: 0 0 20px 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(../concept/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;
}