@charset "utf-8";

#contents { /*margin-left:12px;*/ margin-bottom:20px; width:740px;}

table {
	font-size:1em;
}

/* ページの基本構造
============================================================ */
h1 { margin:10px 0 0;}
h2 { clear:both; font-size:1.3em;}
div.p01 { background-color:#EEF0AD;}
div.p02 { background-color:#CEE8CD;}
/*div.p03 { background-color:#CDE2EE;}*/

img.i01a { display:inline; margin:15px 0 10px 50px;}
img.i01b { display:inline; margin:15px 0 10px 20px;}
div.read { display:block; float:left; margin:30px 0 15px 50px; width:400px; _margin-left:25px;}
img.i01c { display:block; float:right; margin:0 50px 15px 0; _margin-right:25px;}
img.i01d { display:block; clear:both; margin-left:20px;}
img.i01e { margin:10px 0 15px 30px;}
img.i03a { margin:15px 0 2px 20px;}

div.read h2 { color:#0D3594; display:block; font-size:1.4em; font-weight:bold; line-height:1.3; margin-bottom:3px;}
div.read p { line-height:1.3; font-size:1.3em;}

/* float背景バグ対策 */
*+html body .fittyBody { min-height:1em;} /* IE7用*/
body .fittyBody { _height:1em;} /* IE4-6用 read macIE5 */
html>/**/body .fittyBody:after  { /* IE7以外のモダンブラウザ */
	content:"";
    display:block;
    clear:both;
    height:1px;
    overflow:hidden;
}

.midashiL {
	font-size:1.2em;
	font-weight:bold;
	background-color:#81C92D;
	border:1px solid #2B8C2E;
	border-left:5px solid #2B8C2E;
	display:block;
	color:#FFFFFF;
	padding:4px;
	margin:0 10px 10px;
}


.kanrenLink { margin-left:15px; margin-bottom:10px;}
.kanrenLink li { display:inline; margin-left:7px; vertical-align:middle;}
.nomalMark, .kumaMark {
	font-size:1.3em;
}
/*
------------------------------------------------------------ */

p.headRead { font-size:1.3em; position:relative; line-height:1.3; color:#2B8C2E; font-weight:bold;}

p.headRead  .font_xs { color:#2B8C2E;}
/*
h1 { font-size:large; color:#333; margin-bottom:10px;}
*/

body .merit h2 ,
body .method h2 ,
body .use h2 ,
body .recommend h2 { font:1.3em; display:block; background-color:#C0E066; border:1px solid #6B6B6B; padding:4px;}

p.read { margin:5px 10px; line-height:140%; font-size:1.3em;}
p.read strong { line-height:1.4; color:#FF0000;}

.itemImg  { display:block; margin:0 0 20px 20px; _margin:0 0 10px 10px; float:left;}

body .merit ,
body .method ,
body .use ,
body .recommend { margin:5px 20px 20px; _margin-bottom:20px; clear:both;_height:0;}

.zukai { margin-top:10px;}
.zukai li { float:left; margin-left:10px; line-height:1.4; _margin-left:5px; font-size:1.1em !important;}

body .zukai li { margin-bottom:0;}
*+html body .zukai li { margin-bottom:0;} /* IE7用*/
body .zukai li { _margin-bottom:0;} /* IE4-6用 read macIE5 */
html>/**/body .zukai li { margin-bottom:10px;} /* IE7以外のモダンブラウザ */

.zukai img { display:block;}

p.chuuki { clear:both; display:block; margin:10px; font-size:1.3em; line-height:1.4;}

img.methodImg { float:left; display:block; margin:10px 0 10px 10px; _margin-left:5px;}
ul.methodItem { float:left; display:block; margin:6px 0 0 10px;}
ul.methodItem li { float:left; display:block;}


ul.listItem { margin:5px 0 10px 20px; _margin:3px 0 0 10px; list-style-position:inside;}
ul.listItem li { display:list-item; list-style:disc; line-height:1.4; font-size:1.3em;}

/* m02 フィッティ ウィルス・花粉 吸着分解マスク */ 
body .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:426px;}
body .zukai li { width:140px; font-size:1.3em; line-height:1.4; _margin-right:10px;}

/* テーブル
------------------------------------------------------------ */

table.detail { width:700px; display:block; clear:both; margin:0 20px 20px; border-collapse:collapse; text-align:center; background-color:#FFF;}

table.detail th { background-color:#C0E066; text-align:left;}
table.detail th, 
table.detail td {
	border:1px solid #6B6B6B;
	padding:2px 3px;
	vertical-align:middle;
	line-height:1.4;
	font-size:1.3em;
}
table.detail td.tit {
	text-align:left;
	background-color:#E8F4B8;
	padding-top:0.2em;
}

table.detail .price { display:block; font-size:1.1em; line-height:1.4;}
table.detail strong { color:#333; display:block; line-height:1.4; font-weight:bold;}

table.detail .itemTd img { display:block; margin:10px auto;}

/* テーブル
------------------------------------------------------------ */

body.product table.detail { margin-bottom:0;}

.catalog { display:block; font-size:11px; margin:5px 0 20px 20px; width:150px;}
.catalog a { display:block; margin-top:5px; text-decoration:none;}
.catalog img { margin-top:3px;}

/* ナビゲーション
------------------------------------------------------------ */
ul#navi {
	width:740px;
	height:51px;
	float:left;		/* mac IE5.x対策 */
	overflow:hidden;
	border-bottom:9px solid #3658A6;
}

ul#navi li {
	display:block;
	float:left;
	height:100%;
}

ul#navi a {
	display:block;
	height:100%;
	text-indent: -1000em;
	text-decoration:none;	/* nn7対策 */
}

#navi .n01 { width:303px;}
#navi .n02 { width:321px;}
#navi .n03 { width:116px;}

/* inActive */
#navi .n01 a { background:#FFF url(img/menu_01.gif) no-repeat 0 0;}
#navi .n02 a { background:#FFF url(img/menu_02.gif) no-repeat 0 0;}
#navi .n03 a { background:#FFF url(img/menu_03.gif) no-repeat 0 0;}

/* Active */
#navi .on a {	background-position: 0 -51px;}

/* hover */
#navi a:hover { background-position: 0 -51px;}