@charset "Shift_JIS";

/* == 全体設定 ============================================================ */
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:bold;
}

body {
	text-align:center;
	margin:1em;
	padding:0.5em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
	margin-bottom:1em;
}

th,
td {
	vertical-align:top;

}

a.pdflink {
	/*
	display:block;
	*/
	padding-right:38px;
	background-image:url(pdf_icon2.gif);
	background-position:right;
	background-repeat:no-repeat;
}


/* -- 全体枠 -- */
#wrapper {
	width:780px;
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
}


/* == ヘッダー ============================================================ */
#header {
	padding-bottom:0.5em;
	background:#fff;
}
#header h1 {
	color:#FF0000;
	font-weight:normal;
	margin-bottom:0;
}


/* == コンテンツ ========================================================== */
#contents {}
#contents h2 {
	color:#390;
	font-weight:bold;
	font-size:medium;
}


/* -- メイン枠 ------------------------------------------------------------- */
#mainbox {}


/* -- 新着情報 ------------------------------------------------------------- */
#whatsnew .effect {
	margin-left: 2em;
	color:#CC6600;
}

#whatsnew h3 {
	font-weight:bold;
	margin-bottom:0;
	border-bottom:1px solid #060;
}
#whatsnew div {
	height:6em;
	margin-bottom:0.5em;
	overflow: auto;
	scrollbar-base-color:#B9E8B9;
	scrollbar-darkshadow-color:#B4B4B4;
	scrollbar-arrow-color:#808080;
	scrollbar-highlight-color:#B4B4B4;
	margin-left: 2em;
}
#whatsnew div ul {
	list-style-type:square;
	margin-left: 0em;
}


/* -- 特徴枠 --------------------------------------------------------------- */
#featurebox {
	/*
	padding:20px;
	background:#336433;
	*/
}

/* -- 特徴 -- */
#featurebox .feature {
	margin-bottom:0.5em;
	padding-bottom:0em;
	border-bottom:1px dotted #003333;
	margin-left: 2em;
}
#featurebox .feature h3 {
	font-weight:bold;
	padding-left:0.6em;
	border-left:0.5em solid #060;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
}
#featurebox .feature p {
	margin-left:0.8em;
}


/* -- アトピー -- */
#featurebox .feature p#atopy {}

/* -- スキンケア -- */
#featurebox .feature p#skincare {}

/* -- 花粉症 -- */
#featurebox .feature p#kafun {}

/* -- 風邪予防 -- */
#featurebox .feature p#ugai {}

/* -- 石鹸 -- */
#featurebox .feature p#soap {}

/* -- 報告書 -- */
#featurebox .feature p#report {}


#featurebox .feature em {
	color:#ff6633;
}
#featurebox .feature .effect {
	color:#CC6600;
	margin-left:0.5em;
	padding-left: 0.3em;
}
#featurebox .feature ol.effect {
	/*
	margin-left:2em;
	*/
}


/* -- コラム -- */
#mainbox #colum {
	padding:10px;
	margin-top:1em;
	margin-bottom:1em;
	border:medium double #360;
}
#mainbox #colum p {
	margin-bottom:0.5em;
}
#mainbox #colum p strong {
	color:#f30;
	font-weight:bold;
}
#mainbox #colum ul {
	list-style:none;
	margin-bottom:0;
}
#mainbox #colum ul li {
	display:inline;
}
#mainbox #colum ul li a {
	margin-right:2em;
}


/* -- トピックス -- */
#mainbox h3#topictitle {
	/*
	text-align:center;
	*/
	color:#390;
	font-weight:bold;
	margin-bottom:0.5em;
	margin-top:2em;
	border-bottom:medium dotted #fc0;
}

#mainbox #topic {
	/*
	padding:0;
	margin-left:auto;
	margin-right:auto;
	background:#fc0;
	*/
}

#mainbox .topic {
	color:#030;
	margin-bottom:0.5em;
	background:url(img/icon_topics.gif) no-repeat;
	padding-left:24px;
	_height:2em;
	min-height:2em;
	/*
	padding:5px;
	background:#fff;
	*/
}
#mainbox .topic p {
	margin-bottom:0;
}
#mainbox .topic p a {}
#mainbox .topic p span {
	color:#f63;
}
#mainbox .topic p em {
	color:#00c;
}
#mainbox .topic p strong {
	color:#069;
	font-weight:bold;
}

#mainbox .topic #tohi {}

#mainbox .topic #pet {}

#mainbox .topic #publish a {
	color:#f63;
	font-weight:bold;
}

#mainbox .topic #ringo {}


/* == 商品 ========================================================================= */
#item {}

#item .effect{
	text-align:left;
	margin-left: 2.0em;
}

#item .item {
	margin-bottom:0.5em;
	border:1px solid #B9E8B9;
}
#item .item h4 {
	color:#666;
	font-weight:bold;
	margin-bottom:0.5em;
	padding:0.1em;
	/*
	background:#933;
	*/
	border-bottom:1px solid #B9E8B9;
	border-left:5px solid #B9E8B9;
	border-right:5px solid #B9E8B9;
}
#item .item img {}
#item .item strong {
	color:#f00;
	font-weight:bold;
}

#item #order {}


/* == ナビ ================================================================ */
#navi {}
#navi h5 {
	color:#933;
	font-weight:bold;
	padding-left:0.3em;
	background-image:url(ic158.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-left-width: 1em;
	border-left-style: solid;
	border-left-color: #666600;
	margin-bottom: 0.5em;
}
#navi h5 a {
	color:#933;
	font-weight:bold;
}
#navi ul {
	list-style:none;
	margin-top:-1em;
	margin-left:12px;
}
#navi ul li {
	font-size:small;
}
#navi ul li a {}

#navi #address {
	padding:5px;
	margin-bottom:1em;
	background:#fff;
	border:1px solid #003300;
}
#navi #address h6 {
	color:#060;
	font-weight:bold;
	margin-bottom:0;
}
#navi #address strong {
	color:#60f;
}
#navi #address a {
	display:block;
	text-align:center;
}

#navi .bnrlink {
	text-align:center;
}

#navi .txtlink {
	margin:1em 0;
}


/* == フッター ============================================================ */
#footer {
	clear:both;
	width:100%;
	margin:0 auto;
	background:#fff;
}


/* == レイアウト =========================================================== */

/* == ３カラム ============================================================= */
#layout-three-column {}

/* -- 全体枠 -- */
#layout-three-column #wrapper {
	background:url(img/bg_navi.gif) repeat-y;
}

/* -- コンテンツ -- */
#layout-three-column #contents {
	float:right;
	width:610px;
	text-align:left;
}

/* -- メイン枠 -- */
#layout-three-column #mainbox {
	float:left;
	width:420px;
}

/* -- 商品 -- */
#layout-three-column #item {
	float:right;
	width:165px;
	text-align:center;
}

/* -- ナビ -- */
#layout-three-column #navi {
	float:left;
	width:150px;
	text-align:left;
	padding:5px;
}


/* == ナビ不要 ============================================================= */
#layout-no-navi {}

/* -- 全体枠 -- */
#layout-no-navi #wrapper {
	background:none;
}

/* -- コンテンツ -- */
#layout-no-navi #contents {
	width:780px;
	text-align:left;
}

/* -- メイン枠 -- */
	#layout-no-navi #mainbox {
	float:left;
	width:590px;
}

/* -- 商品 -- */
#layout-no-navi #item {
	float:right;
	text-align:center;
}

/* -- ナビ -- */
#layout-no-navi #navi {
	display:none;
}


/* == 商品不要 ============================================================ */
#layout-no-item {}

/* -- 全体枠 -- */
#layout-no-item #wrapper {
	background:url(img/bg_navi.gif) repeat-y;
}

/* -- コンテンツ -- */
#layout-no-item #contents {
	float:right;
	width:610px;
	text-align:left;
}

/* -- メイン枠 -- */
#layout-no-item #mainbox {
	float:left;
	width:600px;
}


/* -- 商品 -- */
#layout-no-item #item {
	display:none;
}

/* -- ナビ -- */
#layout-no-item #navi {
	float:left;
	width:150px;
	text-align:left;
	padding:5px;
}


/* -- 不要になった指定 -------------------------------------------------------------------- */

/* -- 角丸処理 -- */
b.rtop,
b.rbottom {
	display:block;
	background:#FFF;
}
b.rtop b,
b.rbottom b {
	display:block;
	height:1px;

    overflow: hidden;
	background: #336433;
}
b.r1 {
	margin:0 5px;
}
b.r2 {
	margin:0 3px;
}
b.r3 {
	margin: 0 2px;
}
b.rtop b.r4,
b.rbottom b.r4 {
	margin:0 1px;
	height: 2px;
}

/* -- 角丸処理 -- */
b.rtop2,
b.rbottom2 {
	display:block;
	background:#FFF;
}
b.rtop2 b,
b.rbottom2 b {
	display:block;
	height:1px;

    overflow: hidden;
	background:#fc0;
}

b.rtop2 b.r4,
b.rbottom2 b.r4 {
	margin:0 1px;
	height: 2px;
}


.osusume-box {
	text-align: left;
	list-style-position: inside;
	list-style-type: circle;
	background-color: #FFFFFF;
}