@charset "Shift_JIS";

/* useful layout
-----------------------------------------------------------
 1. 
 2. 
 3. 
-----------------------------------------------------------
*/

#cont-right { color:#666; }


/* 1. お役立ちコンテンツ
-----------------------------------------------------------*/

ul.smenu {
clear:both;
list-style-type: none;
padding: 0;
margin: 0;
}

ul.smenu li { margin: 0; padding: 0; }

 #cont-left-yaku ul li img {vertical-align: middle; margin:-9px 5px 0 0; }

a.menu-deco {
border-bottom:1px dashed #845f04;
display:block;
margin:0pt;
padding:5px 3px;
}

a.menu-deco:hover {
background:#fef2ec;
}

a.active-menu-deco {
border-bottom:1px solid #ccc;
background:#fef2ec;
color:#CC3300;
display:block;
margin:0pt;
padding:5px 3px;
}

a.active-menu-deco:hover {
border-bottom:1px solid #ccc;
background:#fef2ec;
color:#CC3300;
display:block;
margin:0pt;
padding:5px 3px;
}

a.active-menu-deco:visited {
border-bottom:1px solid #ccc;
background:#fef2ec;
color:#CC3300;
display:block;
margin:0pt;
padding:5px 3px;
}

ol.ssmenu {
border-bottom:1px dashed #845f04;
background-color:#f4f4f4;
padding:0 10px 0 30px;
_padding:0 10px 0 30px;
_margin:0;
}

ol.ssmenu li {
_background-color:#f4f4f4;
padding:3px 0;
}

a.ssmenu-deco{
display:block;
/* color: #0b67c2; */
}

a.active-ssmenu-deco{
display:block;
color:#CC3300;
}

a.active-ssmenu-deco:hover{
display:block;
color:#CC3300;
}

a.active-ssmenu-deco:visited{
display:block;
color:#CC3300;
}

.yaku-title {
border-top:2px solid #E6E6E6;
border-bottom:2px solid #E6E6E6;
border-right:2px solid #E6E6E6;
border-left:7px solid #E6E6E6;
}

.yaku-title img {
padding:0 0 0 10px;
margin:5px 0 2px 0;
}

.yaku-title h1 {
margin:0;
padding:0 0 5px 10px;
font-size:1.6em;
font-weight: bold;
}

h1.beauty-h1 { color:#8e3617; }
h1.helth-h1 { color:#2f853a; }


/* お役立ちコンテンツ　見出し背景画像 */
.bg-hiyake { background:#fff url("../../useful/hiyake/img/hiyake_bg.gif") center right no-repeat; }
.bg-nskin { background:#fff url("../../useful/nskin/img/nskin_bg.gif") center right no-repeat; }
.bg-shigaisen { background:#fff url("../../useful/shigaisen/img/bg.gif") center right no-repeat; }
.bg-aki { background:#fff url("../../useful/aki/img/aki_bg.gif") center right no-repeat; }
.bg-shiwa { background:#fff url("../../useful/shiwa/img/shiwa_bg.gif") center right no-repeat; }
.bg-mag { background:#fff url("../../useful/mag/img/mag_bg.gif") center right no-repeat; }
.bg-cola { background:#fff url("../../useful/cola/img/cola_bg.gif") center right no-repeat; }
.bg-fuyu { background:#fff url("../../useful/fuyuskin/img/fuyu_bg.gif") center right no-repeat; }
.bg-keana { background:#fff url("../../useful/keana/img/keana_bg.gif") center right no-repeat; }
.bg-nikibi { background:#fff url("../../useful/nikibi/img/nikibi_bg.gif") center right no-repeat; }

/* お役立ちコンテンツまとめページ */
#page-name { padding: 0; margin:0; }

#page-name h1{
	border-top: 2px solid #E6E6E6;
	width:561px;
	height:54px;
	padding: 0;
	margin:0;
}

#page-name h1 span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

#page-name h1.yaku {background:#fff url("../img/yaku/title_yaku.gif") 0 0px no-repeat;} /* プライバシーポリシー */

.table-border {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;

}

.table-border td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size:0.8em;
color:#333;
}


/* 美容系ページ内 h2 h3 */
h2.yaku-beauty, h2.yaku-helth {
margin:20px 0 10px 0;
padding:0 0 5px 0;
border-bottom: 1px solid #ccc;
font-size: 1.4em;
color:#333;
}

.yaku-beauty b {
color:#fff;
background-color: #ae5c1a;
padding: 0 6px 2px 6px;
margin-right:5px;
}

.yaku-helth b {
color:#fff;
background-color: #3d9649;
padding: 0 6px 2px 6px;
margin-right:5px;
}

h3.yaku-beauty, h3.yaku-helth {
margin:0;
padding:0;
font-size: 1.2em;
/* clear:both; */
}

h3.yaku-beauty {
color:#8e3617;
}

h3.yaku-helth {
color:#3d9649;
}


.text-box-yaku {
padding:0 15px 0 0;
}

.text-box-yaku ul {
padding:10px 0 10px 25px;
}

.text-box-yaku p {
padding:0 0 10px 0;
}

.text-box-yaku a {
color:#003399;
}

.yaku-indeximg {
float:left;
padding:0 10px 0 0;
}

.yaku-indeximg img {
display:block;
}

.page-goback {
padding:5px 0;
border-top:1px solid #E6E6E6;
border-bottom:1px solid #E6E6E6;
}

.page-goback span {
float:right;
}


/* インデックス 目次 */
ol.i-mokuji {
margin:5px 0;
color:#003399;
}

ol.i-mokuji li {
margin:5px 0 0 0;
padding:0;
}



/* 3. おすすめ商品
-----------------------------------------------------------*/

.yaku-osusume {
margin:20px 0 15px 0;
}

h2.text-midashi {
margin:5px 0 0 0;
border-bottom:2px solid #e6e6e6;
font-size: 1.2em;
font-weight:bold;
}

.product-box{ width:27%; /*border: 1px dashed #7492DF; */margin:10px 10px 0 0; padding: 10px; text-align:center;  float:left;}

.product-text { margin: 5px 0 0 0; }

.product-text p { 
	margin: 7px 0; padding:0;
	font-size: 12px;
	line-height: 1.6; 
}

.product-box form {
margin:0;
padding:0;
}