@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Last Updated: June 2009

	1 : index
	2 : concept
	3 : interview
	4 : products
	5 : media
	6 : policy
	7 : company
	8 : contact
	9 : error
	10 : shoplist

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* **********************************************************************
1 : index
********************************************************************** */
body#index {
	background: url(../../images/bg_body.jpg) left top repeat-x;
}
#index div#wrapper {
	width: 920px;
	height: 592px;
	margin: 0 auto;
	background: url(../../images/bg.jpg) left top no-repeat;
}
#index div#header {
	margin-bottom: 0;
}
#index div#container {
	height: 492px;
	margin-bottom: 0;
}
#index div.primary {
	width: 465px;
	float: left;
}
#index div.secondary {
	width: 435px;
	float: right;
}
#index div.primary h2 {
	margin: 153px 0 54px 0;
}
#index div.primary ul {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#index div.primary ul li {
	width: 200px;
	margin-right: 20px;
	float: left;
}
#index div.primary p.buyBtn {
	margin-top:20px;
}
#index div.secondary p {
	margin-top: 28px;
}
#index div#footer {
	border-top: 0;
}
#index div#notice {
	width:920px;
	margin: 0 auto;
}
#index div#notice p{
	padding: 20px 0 0 0;
	font-size: 85%;
}


/* **********************************************************************
2 : concept
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#concept #header #local h2 {
	width: 240px;
	padding-top: 122px;
	float: left;
}
#concept #header #local ul {
	width: 650px;
	float: right;
	padding-top: 37px;
}
#concept #header #local ul li {
	line-height: 0;
	height: 17px;
	margin-bottom: 6px;
}
/* ------------------------------
container
------------------------------ */
#concept #container div.primary ul li {
	margin-bottom: 20px;
}
#concept #container div.primary ul li p.productImage,
#concept #container div.primary ul li h3 {
	margin-bottom: 10px;
}
#concept #container div.secondary dl {
	margin-bottom: 40px;
}
#concept #container div.secondary dl.intro dt {
	margin-bottom: 15px;
}
#concept #container div.secondary dl.intro dd {
	margin-bottom: 40px;
}
#concept #container div.secondary dl.intro dd p {
	margin-bottom: 10px;
}
#concept #container div.secondary dl.intro dd p.last {
	margin-bottom: 0;
}
#concept #container div.secondary dl.intro dd strong {
	font-size: 110%;
	font-weight: bold;
	padding-right: 20px;
}
#concept #container div.secondary dl.footnote {
	font-size: 90%;
	padding: 20px;
	background: #eaebeb;
}
#concept #container div.secondary dl.footnote dt {
	font-weight: bold;
}
#concept #container div.secondary dl.footnote dd {
	margin-bottom: 1.5em;
}
#concept #container div.secondary dl.footnote dd.last {
	margin-bottom: 0;
}
#concept #container div.secondary p.attn {	
	font-size: 90%;
}


/* **********************************************************************
3 : interview
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#interview #header #local h2 {
	width: 240px;
	padding-top: 63px;
	float: left;
}
#interview #header #local p {
	width: 650px;
	float: right;
	padding-top: 70px;
}
/* ------------------------------
container
------------------------------ */
#interview #container div.block {
	width: 100%;
	margin-bottom: 80px;
	clear: both;
	overflow: hidden;
}
#interview #container div.last {
	margin-bottom: 0;
}
#interview #container div.block p.primary img {
	display: block;
	margin-bottom: 20px;
}
#interview #container div.block div.secondary h3 {
	margin-bottom: 10px;
}
#interview #container div.block div.secondary h4 {
	margin-bottom: 20px;
}
#interview #container div.block div.secondary div.text {
	margin-bottom: 40px;
}
#interview #container div.block div.secondary div.text p {
	margin-bottom: 1em;
}
#interview #container div.block div.secondary div.profile {
	padding: 20px;
	background: #eaebeb;
}


/* **********************************************************************
4 : products
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#products #header {
	margin-bottom: 10px;
}
#products ul#localNav,
#products div.item {
	margin-top: 40px;
	float: left;
}
#products ul#localNav {
	width: 240px;
	margin-right: 30px;
}
#products ul#localNav li {
	height: 50px;
	margin-bottom: 5px;
}
/* ----- common ----- */
#products div#local div.item h3 {
	margin-bottom: 20px;
}
#products div#local p.image {
	float: right;
}
/* ----- 画像位置 ----- */
#products div.gel div.item h2,
#products div.serum div.item h2,
#products div.balm div.item h2 {
	margin-bottom: 42px;
}
#products div.shampoo div.item h2 {
	margin-bottom: 22px;
}
#products div.gel div.item p.volume,
#products div.serum div.item p.volume,
#products div.balm div.item p.volume,
#products div.shampoo div.item p.volume {
	margin-bottom: 42px;
}
#products div.gel p.image,
#products div.serum p.image {
	padding-right: 90px;
}
#products div.balm p.image {
	padding-right: 45px;
}
#products div.shampoo p.image {
	padding-right: 65px;
}

#products div.primary p {
	padding-top: 100px;
}


/* ------------------------------
container
------------------------------ */
#products div.primary p {
	margin-top: 40px;
}
#products div.buyBtn {
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-bottom: #dedede 1px solid;
}
#products div.buyBtn p {
	text-align: right;
}
#products #container p.lead {
	font-weight: bold;
	margin-bottom: 40px;
}
#products #container dl.intro dt {
	margin-bottom: 15px;
}
#products #container dl.intro dd {
	margin-bottom: 40px;
}
#products #container dl.intro dd p {
	margin-bottom: 1em;
}
#products #container dl.intro dd p.last {
	margin-bottom: 0;
}
#products #container dl.intro dd ul {
	padding-left: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
#products #container div.spec {
	font-size: 90%;
	width: 610px;
	padding: 20px;
	margin-bottom: 40px;
	background: #eaebeb;
}
#products #container div.spec span {
	margin-bottom: 1em;
	display: block;
}
#products #container div.spec p.attn {
	font-weight: bold;
}
#products #container dl.howtouse {
	clear: both;
}
#products #container dl.howtouse dt {
	width: 84px;
	float: left;
}
#products #container dl.howtouse dd {
	width: 546px;
	padding-top: 6px;
	float: right;
}


/* **********************************************************************
5 : media
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#media #header #local h2 {
	width: 240px;
	padding-top: 62px;
	float: left;
}
#media #header #local ul {
	width: 650px;
	float: right;
	padding-top: 50px;
}
#media #header #local ul li {
	line-height: 0;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	float: left;
}
#media #header #local ul li.last {
	margin-right: 0;
}
/* ------------------------------
container
------------------------------ */
#media #container div.block {
	width: 100%;
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}
#media #container div.last {
	margin-bottom: 0;
}
#media #container div.block div.secondary p.date {
	margin-bottom: 5px;
}
#media #container div.block div.secondary h3 {
	font-size: 118%;
	font-weight: bold;
	margin-bottom: 15px;
}
#media #container div.block div.secondary2 h3 {
	font-size: 118%;
	font-weight: bold;
	margin-bottom: 15px;
}


/* **********************************************************************
6 : policy
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#policy #header #local h2 {
	padding-top: 62px;
}
/* ------------------------------
container
------------------------------ */
#policy #container div.primary p.declaration {
	font-weight: bold;
	margin-bottom: 40px;
}
#policy #container div.primary ul {
	margin-bottom: 40px;
	padding-left: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
#policy #container div.primary ul li {
	margin-bottom: 5px;
}
#policy #container div.primary p.signature {
	text-align: right;
}
#policy #container div.primary dl dt,
#policy #container div.primary dl dd {
	padding: 10px 0;
}
#policy #container div.primary dl {
	position: relative;
}
#policy #container div.primary dl dt {
	font-weight: bold;
	width: 90px;
	position: absolute;
	left: 0;
}
#policy #container div.primary dl dd {
	width: 540px;
	padding-left: 110px;
	border-bottom: #dedede 1px solid;
}
#policy #container div.primary dl dd p {
	margin-bottom: 1em;
}


/* **********************************************************************
7 : company
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#company #header #local h2 {
	padding-top: 62px;
}
/* ------------------------------
container
------------------------------ */
#company #container div.secondary dl dt,
#company #container div.secondary dl dd {
	padding: 10px 0;
}
#company #container div.secondary dl {
	position: relative;
}
#company #container div.secondary dl dt {
	font-weight: bold;
	width: 90px;
	position: absolute;
	left: 0;
}
#company #container div.secondary dl dd {
	width: 540px;
	padding-left: 110px;
	border-bottom: #dedede 1px solid;
}
#company #container div.primary div.recruit {
	padding: 30px 20px;
	background: #eaebeb;
}
#company #container div.primary div.recruit h3 {
	font-weight: bold;
	margin-bottom: 20px;
}
#company #container div.primary div.recruit p {
	margin-bottom: 1em;
}
#company #container div.primary div.recruit p.last {
	margin-bottom: 0;
}


/* **********************************************************************
8 : contact
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#contact #header #local h2 {
	padding-top: 62px;
}
/* ------------------------------
container
------------------------------ */
#contact #container div.primary {
	clear: both;
	overflow: hidden;
}
#contact #container div.block p.ttl,
#contact #container div.block p.num {
	margin-bottom: 20px;
}
#contact #container div.tel,
#contact #container div.mail {
	width: 305px;
}
#contact #container div.tel {
	float: left;
}
#contact #container div.mail {
	float: right;
}


/* **********************************************************************
9 : error
********************************************************************** */
#error #header #local h2 {
	padding-top: 63px;
}
#error #container {
	padding: 80px;
}
#error #container p.message {
	font-size: 116%;
	font-weight: bold;
}
#error #container p.caption {
	padding-top: 1em;
}


/* **********************************************************************
10 : shoplist
********************************************************************** */
/* ------------------------------
header
------------------------------ */
#shoplist #header #local h2 {
	padding-top: 62px;
}

#shoplist #container ul{
	float: right;
	padding: 0 0 0 10px;
	overflow: hidden;
}
#shoplist #container ul li{
	float: left;
	padding: 0 0 0 10px;
	overflow: hidden;
}
#shoplist #container h3{
	font-size: 118%;
	font-weight: bold;
	padding: 0 0 10px 0;
}

/* ------------------------------
shoplist1Block
------------------------------ */
div.shoplist1Block {
	width: 880px;
	background: #e6e6e6;
	margin: 0 0 20px 0;
	padding: 20px 20px 0 20px;
	overflow: hidden;
}
div.shoplist1Block div.inner {
	width: 880px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
div.shoplist1Block dl{
	width: 280px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	overflow: hidden;
}
div.shoplist1Block dl.last{
	width: 280px;
	float: right;
	padding: 0;
	margin: 0;
}

body#shoplist div.inner p{
	display: block;
	padding: 0 20px 20px 20px;
}
body#shoplist div.inner dt{
	font-weight: bold;
}
body#shoplist div.shoplist1Block div.inner dt{
	border-top: 1px solid #fff;
	padding-top: 20px;
}
body#shoplist div.inner hr{
	width: 780px;
	height: 1px;
	clear: both;
	padding: 0;
	margin: 0 20px 0 20px;
	border: none;
	background: url(../../shoplist/images/bar_1col.gif) left bottom no-repeat;
}

/* ------------------------------
shoplist2Block
------------------------------ */
div.shoplist2Block {
	width: 920px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 5px 0;
}
div.shoplist2Block div.inner {
	width: 920px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
div.shoplist2Block div.inner dl,
div.shoplist2Block_l div.inner dl{
	width: 400px;
	margin: 0;
	background: #e6e6e6;
	padding: 20px;
	overflow: hidden;
}
div.shoplist2Block div.inner dl.left,
div.shoplist2Block_l div.inner dl.left{
	float: left;
}
div.shoplist2Block div.inner dl.right{
	float: right;
}
div.shoplist2Block div.inner dl dd.link,
div.shoplist2Block_l div.inner dl dd.link{
	float: right;
	display: inline;
	padding: 0 0 0 10px;
}
div.shoplist2Block div.inner dl dt,
div.shoplist2Block_l div.inner dl dt{
	padding: 0 0 10px 0;
}