﻿@charset "UTF-8";

/* 全体レイアウト */

div#contents h1 {
	margin-right: 20px;
	margin-left: 20px;
	}

div#main {
	width: 740px;
	float: left;
	margin-left: 20px;
	}

div#side {
	width: 210px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 0px;
	padding-bottom: 16px;
	background: url(/image/side_bg_vine.png) 0px 0px repeat-y #f99;
	}

/* 商品説明部分・全体 */
div.description {
	margin: 0em auto;
	padding: 0px;
	}

/* 親ボックスの高さ検出用 */
div.description:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear:both;
	}


/* 商品画像部分 */
div#main div.description div.itemimage {
	float: right;
	width: 380px;
	text-align: center;
	padding: 10px 0px 0px;
	}

div#main div.description div.itemimage * {
	text-align: center;
	}


/* 商品説明左部分 */
div.comment {
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;
	}

/* 商品説明右部分 */
div.comment2 {
	float: right;
	width: 380px;
	text-align: center;
	margin: 0em auto 0em;
	padding: 1em 0em 1.5em 0em;
	}

div#main div.description * h1 {
	color: #666;
	text-align: right;
	margin: 1em 0em 0.5em;
	padding: 0em;
	font-size: 182%;
	font-family: 'HGP創英角ｺﾞｼｯｸUB',Osaka,sans-serif;
	font-weight: normal;
	border: none;
	background: none;
	height: auto;
	}

div#main div.description * h1 span.copy,
div#main div.description * h1 span.sort {
	font-size: 66%;
	font-family: 'HGP創英角ｺﾞｼｯｸUB',Osaka,sans-serif;
	font-weight: normal;
	vertical-align: middle;
	}

div#main div.description * h1 span.copy {
	color: #366;
	}

div#main div.description * h1 span.sort {
	color: #666;
	white-space: nowrap;
	}

div#main div.description * div.text h2 {
	color: #666;
	text-align: right;
	line-height: 140%;
	margin: 0;
	padding: 0;
	font-size: 123.1%;
	font-family: 'HGP創英角ｺﾞｼｯｸUB','HGPｺﾞｼｯｸE',Osaka,sans-serif;
	font-weight: normal;
	border: none;
	background: none;
	height: auto;
	}

div#main div.description * div.text h2 span.note {
	color: #666;
	}

div.comment div.text {
	text-align: right;
	margin: 16px 0em;
	padding: 0em;
	line-height: 140%;
	}

div.comment div.item-faq,
div.comment div.zenseibun,
div.comment div.seibun,
div.comment div.use,
div.comment div.text dl,
div.comment div.text ol,
div.comment div.text ul,
div.comment p,
div.comment div.text p {
	width: 300px;
	text-align: left;
	margin: 0.5em 0em 1em 60px;
	padding: 0em;
	} 

div.comment div.text dl dd,
div.comment p,
div.comment div.text p {
	font-family: 'ＭＳ ゴシック',monospace;
	font-size: 93%;
	} 

div.comment div.text ol li,
div.comment div.text ul li {
	margin: 4px 0px 4px 1em;
	padding: 0px;
	} 

/* ＵＶ製品共通 */
table.spf-meyasu {
	margin: 0.5em 0em 1em 90px;
	border: solid 1px #333;
	}

table.spf-meyasu th,
table.spf-meyasu td {
	padding-right: 8px;
	padding-left: 8px;
	border: solid 1px #333;
	}

table.spf-meyasu th {
	text-align: center;
	background-color: #cfc;
	}

/* ハービアン共通 */
div#main * ul.herblist {
	margin: 1em 0em 1em 162px;
	}

div#main * div.text p.link {
	text-align: right;
	}


/* 商品データ部分 */
div.comment2 div.item-faq,
div.comment2 div.zenseibun,
div.comment2 div.seibun,
div.comment2 div.use {
	width: 300px;
	margin: 1.5em auto 0em;
	padding: 0em;
	}

div.item-faq,
div.use {
	line-height: 110%;
	}

div.zenseibun,
div.seibun {
	line-height: 100%;
	}

div#main * div.item-faq h2,
div#main * div.binding h2,
div#main * div.tkhn-contents h2,
div#main * div.zenseibun h2,
div#main * div.seibun h2,
div#main * div.use h2 {
	height: 1em;
	margin: 0em auto;
	padding: 0em;
	vertical-align: middle;
	font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	border: none;
	background: none;
	background-color: #cfc;
	}

div.comment div.item-faq p,
div.comment div.use p,
div.comment div.seibun p,
div.comment2 p {
	text-align: left;
	margin: 1em 0px;
	padding: 0em;
	}

div#main * div.use p {
	font-family: 'ＭＳ ゴシック',monospace;
	font-size: 93%;
	}

div#main div.item-faq h2 a,
div#main div.zenseibun h2 a {
	font-weight: bold;
	}


/* 成分表示 */
div#main * div.seibun ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	}/* 親ボックスの高さ検出用 */

div#main * div.seibun ul li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px 12px 0px 6px;
	line-height: 120%;
	background: url(/image/kugiri_seibun.png) right no-repeat;
	}

div#main * div.seibun ul li.last {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	line-height: 120%;
	background: none;
	}

div#main * div.seibun p.notes {
	margin-left: 6px;
	}


/* サプリ栄養表示共通 */
table.eiyouseibun {
	margin: 0.5em auto;
	border: solid 1px #333;
	}

table.eiyouseibun caption,
table.eiyouseibun td,
table.eiyouseibun th {
	padding: 4px 8px;
	}

table.eiyouseibun td,
table.eiyouseibun th {
	border: solid 1px #333;
	}

table.eiyouseibun caption {
	text-align: center;
	}

table.eiyouseibun th {
	text-align: center;
	background-color: #cfc;
	}

table.eiyouseibun td {
	text-align: right;
	}

/* スキンケア読本ページ */
div#data-tkhn {
	clear: both;
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	}

div#main * div.binding h2,
div#main * div.tkhn-contents h2 {
	width: 380px;
	}

div#data-tkhn div.binding p {
	text-align: center;
	}
div#data-tkhn div.tkhn-contents dl {
	width: 360px;
	margin: 1em auto 1em;
	}
div#data-tkhn div.tkhn-contents dl * {
	text-align: left;
	}
div#data-tkhn div.tkhn-contents dl dt {
	font-weight: bold;
	line-height: 120%;
	margin: 16px 0px 4px 12px;
	padding: 0px 0px 2px 20px;
	background-image: url("/image/h_mark.png");
	background-repeat: no-repeat;
	background-position: left -2px;
	text-indent: 0px;
	}
div#data-tkhn div.tkhn-contents dl dd {
	margin-left: 20px;
	}
div#data-tkhn div.tkhn-contents dl dd ul li {
	margin: 0px 0px 1em 1em;
	}
div#data-tkhn div.tkhn-contents dl dd ul {
	margin-top: 0em;
	margin-left: 0em;
	}
div#data-tkhn div.tkhn-contents dl dd ul li ol {
	margin-top: 0em;
	margin-bottom: 0px;
	}
div#data-tkhn div.tkhn-contents dl dd ul li ol li {
	list-style-type: decimal;
	margin: 0px 0px 0.2em 3em;
	font-size: 80%;
	}
div#data-tkhn div.tkhn-contents dl * li {
	padding: 0;
	line-height: 110%;
	}
div#data-tkhn div.tkhn-contents dl.kihon {
	float: left;
	background-color: #fff;
	}
div#data-tkhn div.tkhn-contents dl.ouyou {
	float: right;
	background-color: #fff;
	}
div#data-tkhn div.tkhn-contents dl.kihon dt {
	margin-left: 120px;
	}
div#data-tkhn div.tkhn-contents dl.kihon dd {
	margin-left: 140px;
	}

div#ad-tkhn-starter {
	clear: both;
	width: 560px;
	margin:16px auto;
	border: solid 2px #096;
	}

div#ad-tkhn-starter p,
div#ad-tkhn-starter ul {
	margin: 16px;
	}

div#ad-tkhn-starter p,
div#ad-tkhn-starter ul li a {
	font-weight: bold;
	}

/* 購入リスト部分 */
div.shoplist {
	clear: both;
	margin-top: 1.5em;
	width: 100%;
	}

p.notes {
	width: 720px;
	margin: 0.5em auto 0em;
	padding: 0em 1em;
	}

div.shoplist form {
	margin: 0em auto;
	padding: 0px;
	}

table.list {
	width: 720px;
	margin: 0em auto 0.5em;
	}

table.list th,
table.list td {
	font-size: 100%;
	}

table.list td.itemname a,
table.list td.itemnamesub a {
	text-decoration: underline;
	}

table.list th.category {
	padding: 16px 0px 8px;
	font-weight: bold;
	}

td.campaign p {
	width: 180px;
	text-align: left;
	}

div.kagoireru {
	width: 720px;
	text-align: right;
	margin: 0em auto 0.5em;
	padding: 0px;
	}
div.kagoireru input {
	margin: 0px;
	padding: 0px;
	}


span.sp {
	color: #f00;
	}

/* 別シリーズ製品へのリンク */
ul.categorylink {
	margin-left: 48px;
	}
ul.categorylink li {
	list-style-image: url(../image/shop_comenu_listtop12.png);
	}
ul.categorylink li a {
	color: #396;
	line-height: 120%;
	}
ul.categorylink li a:hover {
	color: #f33;
	}

/* キャンペーンバナー表示部分 */
div#mc_bnr {
	margin-bottom: 8px;
	}


/* ページ下部上に戻るリンク */
p#bottom-return {
	position: relative;
	width: 1000px;
	margin: 8px auto;
	padding: 0;
	}
