@charset "utf-8";
@import url(default.css);
/*
	div#wrapper: font-size: 93% 12px
	10px: 82.8% (0.93 x 0.8279 = 77%)
	11px: 91% (0.93 x 0.91 = 85%)
	13px: 107.5% (0.93 x 1.075 = 100%)
	14px: 116% (0.93 x 1.16 = 108%)
	16px: 132% (0.93 x 1.32 = 123.1%)
	18px: 149% (0.93 x 1.489 = 138.5%)
	20px: 165% (0.93 x 1.65 = 153.9%)
	22px: 180% (0.93 x 1.795 = 167%)
	24px: 195.6% (0.93 x 1.956 = 182%)
	25px: 203% (0.93 x 2.03 = 189%)
	26px: 212% (0.93 x 2.118 = 197%)
	http://developer.yahoo.com/yui/fonts/
*/
body {
	background: #000 url(../images/common/back.jpg) center top no-repeat;
	color: #666;
	line-height: 1.5;
}

a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover {
}

.a_right {
	text-align: right;
}
p.pagetop {
	padding: 20px 0 10px;
	text-align: right;
}
.red {
	color: red;
}

/* ========================== outline ========================== */
div#wrapper {
	width: 950px;
	margin: 0 auto;
	font-size: 93%;
}
div#HEAD {
	position: relative;
	height: 105px;
	background: url(../images/common/hd_bg.jpg) 0px 55px no-repeat;
	overflow: hidden;
}
div#HEAD img.logo {
	margin-left: 20px;
}/*
div#HEAD ul {
	position: absolute;
	right: 8px;
	bottom: 49px;
	width: 420px;
}
div#HEAD ul li,
div#HEAD ul li a {
	display: inline;
	float: left;
	width: 104px;
	height: 25px;
}
div#HEAD ul li {
	margin-right: 1px;
}
div#HEAD ul li a {
	text-indent: -9999px;
}
div#HEAD ul li a {
	background-image: url(../images/common/hd_b_o.jpg);
}
div#HEAD ul li.b1 a {
	background-position: 0px 0px;
}
div#HEAD ul li.b1 a:hover {
	background-position: 0px -25px;
}
div#HEAD ul li.b2 a {
	background-position: -105px 0px;
}
div#HEAD ul li.b2 a:hover {
	background-position: -105px -25px;
}
div#HEAD ul li.b3 a {
	background-position: -210px 0px;
}
div#HEAD ul li.b3 a:hover {
	background-position: -210px -25px;
}
div#HEAD ul li.b4 a {
	background-position: -315px 0px;
}
div#HEAD ul li.b4 a:hover {
	background-position: -315px -25px;
}
*/
div#HEAD ul {
	position: absolute;
	right: 8px;
	bottom: 49px;
	width: 430px;
}
div#HEAD ul li,
div#HEAD ul li a {
	display: inline;
	float: left;
	width: 85px;
	height: 25px;
}
div#HEAD ul li {
	margin-right: 1px;
}
div#HEAD ul li a {
	text-indent: -9999px;
}
div#HEAD ul li a {
	background-image: url(../images/common/hd_bb_o.jpg);
}
div#HEAD ul li.b1 a {
	background-position: 0px 0px;
}
div#HEAD ul li.b1 a:hover {
	background-position: 0px -25px;
}
div#HEAD ul li.b2 a {
	background-position: -85px 0px;
}
div#HEAD ul li.b2 a:hover {
	background-position: -85px -25px;
}
div#HEAD ul li.b3 a {
	background-position: -170px 0px;
}
div#HEAD ul li.b3 a:hover {
	background-position: -170px -25px;
}
div#HEAD ul li.b4 a {
	background-position: -255px 0px;
}
div#HEAD ul li.b4 a:hover {
	background-position: -255px -25px;
}
div#HEAD ul li.b5 a {
	background-position: -340px 0px;
}
div#HEAD ul li.b5 a:hover {
	background-position: -340px -25px;
}
div#HEAD ul li.b6 a {
	background-position: -425px 0px;
}
div#HEAD ul li.b6 a:hover {
	background-position: -425px -25px;
}
/* ================================ gnavi
*/
ul#gnavi li {
	float: left;
}
ul#gnavi li,
ul#gnavi li a {
	display: block;
	width: 190px;
	height: 61px;
}
ul#gnavi li a {
	background-image: url(../images/common/n.jpg);
}
ul#gnavi li a:hover {
	background-color: #fff;
}
ul#gnavi li a:hover img,
body.about ul#gnavi li.n1 a img,
body.products ul#gnavi li.n2 a img,
body.shop ul#gnavi li.n3 a img,
body.cart ul#gnavi li.n3 a img,
body.salon ul#gnavi li.n4 a img,
body.column ul#gnavi li.n5 a img {
	visibility: hidden;
}
ul#gnavi li.n1 a {
	background-position: 0px 0px;
}
body.products ul#gnavi li.n1 a {
	background-position: 0px -61px;
}
ul#gnavi li.n2 a {
	background-position: -190px 0px;
}
body.products ul#gnavi li.n2 a {
	background-position: -190px -61px;
}
ul#gnavi li.n3 a {
	background-position: -380px 0px;
}
body.shop ul#gnavi li.n3 a,
body.cart ul#gnavi li.n3 a {
	background-position: -380px -61px;
}
ul#gnavi li.n4 a {
	background-position: -570px 0px;
}
body.salon ul#gnavi li.n4 a {
	background-position: -570px -61px;
}
ul#gnavi li.n5 a {
	background-position: -760px 0px;
}
body.column ul#gnavi li.n5 a {
	background-position: -760px -61px;
}

/* ================================ tnavi
*/
ul#tnavi li {
	float: left;
}
ul#tnavi li,
ul#tnavi li a {
	display: block;
	width: 190px;
	height: 60px;
}
ul#tnavi li a {
	background-image: url(../images/common/gn_o.jpg);
}
ul#tnavi li a:hover {
	background-color: #fff;
}
ul#tnavi li a:hover img,
body.about ul#tnavi li.n1 a img,
body.products ul#tnavi li.n2 a img,
body.shop ul#tnavi li.n3 a img,
body.salon ul#tnavi li.n4 a img,
body.contact ul#tnavi li.n5 a img,
body.cart ul#tnavi li.n3 a img {
	visibility: hidden;
}
ul#tnavi li.n1 a {
	background-position: 0px 0px;
}
body.about ul#tnavi li.n1 a {
	background-position: 0px -60px;
}
ul#tnavi li.n2 a {
	background-position: -190px 0px;
}
body.products ul#tnavi li.n2 a {
	background-position: -190px -60px;
}
ul#tnavi li.n3 a {
	background-position: -380px 0px;
}
body.shop ul#tnavi li.n3 a,
body.cart ul#tnavi li.n3 a {
	background-position: -380px -60px;
}
ul#tnavi li.n4 a {
	background-position: -570px 0px;
}
body.salon ul#tnavi li.n4 a {
	background-position: -570px -60px;
}
ul#tnavi li.n5 a {
	background-position: -760px 0px;
}
body.contact ul#tnavi li.n5 a {
	background-position: -760px -60px;
}



div#contents {
	width: 950px;
	padding-top: 10px;
	background-color: #fff;
	overflow: hidden;
}
div#contents div#main {
	float: right;
	width: 100%;
	margin-left: -210px;
}
div#main h1 {
	width: 710px;
	margin-left: 225px;
}
div#contents div#sub {
	float: right;
	width: 200px;
	padding-left: 10px;
}
div#foot {
	margin-bottom: 30px;
	padding: 10px 0 16px;
	background-color: #ebede8;
	color: #4d4d4d;
	font-size: 82.8%;
	text-align: center
}
div#foot a:link,
div#foot a:visited {
	color: #4d4d4d;
	text-decoration: none;
}
/* ============================== subnavi
*/
div#sub ul {
	width: 200px;
	margin-top: 4px;
	overflow: hidden;
}
div#sub ul li {
	margin-bottom: 8px;
}
div#sub ul li a {
	display: block;
	width: 200px;
	height: 61px;
	background-image: url(../images/common/sn_o.jpg);
}
div#sub ul li a:hover {
	background-color: #fff;
}
div#sub ul li a:hover img,
div#sub.soap ul li.s1 a img,
div#sub.water ul li.s2 a img,
div#sub.lotion ul li.s3 a img,
div#sub.cream ul li.s4 a img,
div#sub.cleansing ul li.s5 a img,
div#sub.shamp ul li.s6 a img,
div#sub.other ul li.s7 a img,
div#sub.lineup ul li.s8 a img,
div#sub.new ul li.s9 a img,
div#sub.new ul li.s10 a img {
	visibility: hidden;
}
div#sub ul li.hold a:hover img {
	visibility: visible;
}
div#sub ul li.s1 a {
	background-position: 0px 0px;
}
div#sub.soap ul li.s1 a {
	background-position: -200px 0px;
}
div#sub ul li.s2 a {
	background-position: 0px -61px;
}
div#sub.water ul li.s2 a {
	background-position: -200px -61px;
}
div#sub ul li.s3 a {
	background-position: 0px -122px;
}
div#sub.lotion ul li.s3 a {
	background-position: -200px -122px;
}
div#sub ul li.s4 a {
	background-position: 0px -183px;
}
div#sub.cream ul li.s4 a {
	background-position: -200px -183px;
}
div#sub ul li.s5 a {
	background-position: 0px -244px;
}
div#sub.cleansing ul li.s5 a {
	background-position: -200px -244px;
}
div#sub ul li.s6 a {
	background-position: 0px -305px;
}
div#sub.shamp ul li.s6 a {
	background-position: -200px -305px;
}
div#sub ul li.s7 a {
	background-position: 0px -366px;
}
div#sub.other ul li.s7 a {
	background-position: -200px -366px;
}
div#sub ul li.s8 a {
	background-position: 0px -427px;
}
div#sub.lineup ul li.s8 a {
	background-position: -200px -427px;
}
div#sub ul li.s9 a {
	background-position: 0px -488px;
}
div#sub.new ul li.s9 a {
	background-position: -200px -488px;
}
div#sub ul li.s10 a {
	background-position: 0px -549px;
}
div#sub.new ul li.s10 a {
	background-position: -200px -549px;
}

div#main div.trace,
div#main div.section {
	width: 710px;
	margin-left: 225px;
}
div#main div.section {
	margin-bottom: 20px;
}
div.trace {
	padding-bottom: 4px;
	font-size: 82.8%;
}


/* ========================== outline end ========================== */

/* =======================	top
*/
body.home div#HEAD {
	position: relative;
	height: 406px;
	background-image: none;
	overflow: visible;
}
body.home div#HEAD ul {
	bottom: 350px;
}
body.home div#HEAD img.logo {
	position: absolute;
	left: 20px;
	width: 288px;
	z-index: 8;
}
body.home div#slideshow,
body.home div#carol {
	position: relative;
	top: 56px;
	height: 350px;
}
body.home div#slideshow  img {
	display: none;
	width: 950px;
	height: 350px;
}
body.home div#contents div#main {
	float: left;
	margin-right: -235px;
	margin-left: 0;
	color: #666;
}
body.home div.hdline {
	display: inline;
	float: left;
	width: 320px;
	margin-left: 25px;
}
body.home div.hdline h2,
body.home div.hdline p {
	margin-bottom: 16px;
}
body.home div.hdline ul {
	margin-bottom: 48px;
}
body.home div.hdline ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 110px;
	border-bottom: dotted #666 1px;
	overflow: hidden;
}
body.home div.hdline ul li.end {
	border-bottom-style: none;
}
body.home div.hdline ul li a img {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: -110px;
	border: solid #ccc 1px;
}
body.home div#contents div#sub {
	float: left;
	width: 220px;
	padding-left: 0px;
}
body.home div#sub ul {
	width: 220px;
}
body.home div#sub ul li a {
	display: block;
	width: 220px;
	height: 61px;
	background-image: url(../images/top/no.jpg);
}
body.home div#sub ul li.t1 {
	margin-bottom: 0px;
}
body.home div#sub ul li.t2,
body.home div#sub ul li.t2 a {
	height: 45px;
}
body.home div#sub ul li.t2 a {
	background-position: 0px -61px;
}
body.home div#sub ul li.t3 a {
	background-position: 0px -106px;
}
body.home div#sub ul li.t4 a {
	background-position: 0px -167px;
}
body.home div#sub ul li.t5 a {
	background-position: 0px -228px;
}
body.home div#sub ul li.t6 a {
	background-position: 0px -289px;
}
body.home div#sub ul li.t7,
body.home div#sub ul li.t7 a {
	height: 81px;
}
body.home div#sub ul li.t7 a {
	background-position: 0px -350px;
}



/* ============================= about
*/
body.about div.section h2,
body.co div.section h2 {
	width: 670px;
	margin: 16px auto 20px;
	padding-left: 16px;
	background: url(../images/about/bar.jpg) no-repeat;
	color: #666;
	font-size: 132%;
	font-weight: bold;
	line-height: 37px;
}
body.about div.section h3 {
	width: 630px;
	height: 30px;
	margin: 0px auto 10px;
	padding-left: 10px;
	background: url(../images/about/bg.jpg) no-repeat;
	color:#333;
	line-height: 30px;
}
body.about div.section p {
	width: 620px;
	margin: 0px auto 30px;
}
body.about div.section img.cp {
	display: block;
	margin: 20px auto;
}
body.co div.section table {
	width: 633px;
	margin: 30px auto;
}
body.co div.section table th {
	border-right: solid 2px #999;
}
body.co div.section table th,
body.co div.section table td {
	padding: 10px;
	border-bottom: solid 1px #999;
	vertical-align: top;
}
body.co div.section table tr.end th,
body.co div.section table tr.end td {
	border-bottom-style: none;
}/*
body.co div.section div#map {
	width: 665px;
	height: 665px;
	margin: 20px auto;
}*/
body.co div.map img {
	margin-left: 30px;
}
body.co div#sub ul li a {
	background-image: none;
}
body.co div#sub ul li a:hover img {
	visibility: visible;
}
body.gr div.section p {
	width: 620px;
	margin: 20px auto;
}
body.co div.map div,
body.site div.section div.ask {
	width: 596px;
	padding: 15px;
	margin: 20px auto;
	border: solid #999 2px;
}
body.co div.map div p,
body.site div.section div.ask p {
	margin-bottom: 12px;
	font-size: 165%;
	font-weight: bold;
	text-align: left;
}

body.gr div.section p.gp1 {
	margin-bottom: 48px;
}
body.gr div.section p.gp2 {
	margin-bottom: 36px;
}
body.gr div.section p.gp3 {
	width: 480px;
	margin-left: 80px;
	overflow: hidden;
}
body.gr div.section p.gp3 span {
	float: right;
}


/* ============================== site
*/
body.site div.section h2 {
	width: 610px;
	margin: 16px auto;
	padding: 8px 10px;
	background-color: #666;
	color: #fff;
	font-size: 116%;
}
body.site div.section table,
body.site div.section p,
body.site div.section dl {
	width: 642px;
	margin: 20px auto;
}
body.site div.section table th,
body.site div.section table td {
	padding: 8px 16px;
	border-bottom: solid #333 1px;
}
body.site div.section table th {
	border-right: solid #333 1px;
	background: url(../images/site/bg_com.jpg) right top repeat-y;
}
body.site div.section table tr.nb * {
	border-bottom-style: none;
}
body.site div.section dl dt {
	width: 626px;
	height: 30px;
	padding-left: 16px;
	background: url(../images/site/bg_h.jpg) no-repeat;
	line-height: 30px;
}
body.site div.section dl dd {
	margin-bottom: 6px;
	padding: 16px;
}
body.site div.section dl dd p {
	display: inline;
}
body.site div.section dl dd a:link {
	color: #00a9d9;
}
body.site div.section div {
	width: 602px;
	margin: 0 auto;
	padding: 20px 20px 0px;
	border: solid #666 1px;
}
body.site div.section div.ab {
	width:660px;
	margin-bottom: 300px;
	margin-left: 24px;
	border-style: none;
}
body.site div.section div p {
	width: 602px;
	margin: 0px 0px 20px;
}
body.site div.section div p strong {
	font-size: 180%;
}
body.site div#sub ul li a {
/*	background-image: url(../images/site/no.jpg);*/
	background-image: none;
}
body.site div#sub ul li a:hover img {
	visibility: visible;
}

/* ============================= column, salon, waht's new, press
*/
body.column div#main h1,
body.salon div#main h1,
body.info div#main h1,
body.press div#main h1,
body.yoyogi div#main h1,
body.shoplist div#main h1 {
	margin-bottom: 20px;
}
body.column div#main p.pager,
body.info div#main p.pager,
body.salon div#main p.pager {
	width: 710px;
	margin-left: 225px;
	padding-bottom: 40px;
	text-align: center;
}
body.column div#main div.section p.pager {
	width: 690px;
	margin-left: 0;
}
body.column div#main p.pager span.current {
	font-size: 132%;
}
body.column div#main div.section,
body.salon div#main div.section,
body.info div#main div.section,
body.press div#main div.section,
body.press div#main div.pr {
	width: 690px;
	margin-left: 235px;
}
body.column div.section h2,
body.salon div.section h2,
body.press div.pr h2,
body.yoyogi div.section h2,
body.shoplist div.section h2 {
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 8px #000;
	font-size: 149%;
	font-weight: bold;
}
body.column div.bn,
body.column div.bn2,
body.info div.bn {
	width: 686px;
	margin-left: 237px;
}
body.column div.bn h2,
body.column div.bn2 h2,
body.info div.bn h2,
body.press div.section h2 {
	width: 670px;
	margin: 16px auto 20px;
	padding-left: 16px;
	background: url(../images/about/bar.jpg) no-repeat;
	color: #666;
	font-size: 132%;
	font-weight: bold;
	line-height: 37px;
}
body.column div.section p,
body.salon div.section p,
body.yoyogi div.section p {
	margin: 10px 0 20px;
}
body.column div.section p.imagecontainer,
body.salon div.section p.imagecontainer {
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
}
body.column div.section p.imagecontainer img,
body.salon div.section p.imagecontainer img {
	margin-bottom: 10px;
}
body.column div.bn ul,
body.column div.bn2 ul,
body.info div.bn ul,
body.press div.section dl {
	width: 686px;
	margin-bottom: 30px;
}
body.column div.bn ul li,
body.column div.bn2 ul li,
body.info div.bn ul li,
body.press div.section dl dt,
body.press div.section dl dd {
	width: 566px;
	padding: 8px 0 8px 120px;
	border-bottom: dotted 1px #999;
	overflow: hidden;
}
body.column div.bn2 ul li {
	padding-left: 160px;
}
body.info div.bn ul li,
body.press div.section dl dt,
body.press div.section dl dd {
	width: 600px;
	padding-left: 40px;
}
body.info div.bn ul li img {
	float: right;
	margin-left: 20px;
}
body.press div.section dl dt {
	padding-bottom: 0;
	font-size: 132%;
}
body.press div.section dl dd {
	padding-top: 20px;
	padding-bottom: 20px;
}
body.press div.pr p {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
body.column div.bn ul li img {
	float: left;
	margin-left: -120px;
}
body.column div.bn2 ul li img {
	float: left;
	margin-left: -160px;
}
body.column div#sub ul li a,
body.salon div#sub ul li a {
	background-image: none;
}
body.column div#sub ul li a:hover img,
body.salon div#sub ul li a:hover img {
	visibility: visible;
}

/* =========================== shop1 yoyogi
*/
body.yoyogi div.section p {
	line-height: 2;
}
body.yoyogi div.section p em {
	color: #1eb3de;
	font-weight: bold;
}
body.yoyogi div.section img.p {
	float: left;
	margin-right: 24px;
	margin-bottom: 20px;
}
body.yoyogi div.section p.y {
	clear: both;
}
body.yoyogi div.section p.y span {
	display: block;
	padding-left: 1.8em;
	text-indent: -1.8em;
}


/* ============================ shoplist
*/
body.shoplist h3 {
	margin-bottom: 20px;
	margin-top: 30px;
}
body.shoplist div.list p {
	width: 460px;
	margin-bottom: 20px;
	padding: 16px 20px;
	border: solid 1px #ccc;
	line-height: 2;
}



/* clearfix */

.clearfix:after,
body.home div.hdline ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
body.home div.hdline ul li {display: inline-block;}

/* \*/
* html .clearfix,
* html body.home div.hdline ul li {height: 1%;}

.clearfix,
body.home div.hdline ul li {display: block;}
/* */