@charset "utf-8";

ul,ol { display:block; margin:0; padding:0;}
li { display:block; list-style:none;}

.clear:after {
	content:"";
	display:block;
	clear:both;
}
.c-both { clear:both;}

table, th, td {
	vertical-align:top;
}
table {
	font-size:1em;
}

/* ページの基本構造
============================================================ */

#container {
	padding-top:10px;
	width:740px;
	margin:0 auto;
}

body.n0710b #contents {}

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

p.headRead  .font_xs { color:#2B8C2E; font-size:1.1em;}

h1 { font-size:2.4em; color:#333; margin-bottom:10px; }

h2 { font-size:1.3em; display:block; background-color:#C0E066; border:1px solid #6B6B6B; padding:4px;}
p.read { margin:5px 10px; line-height:1.4; font-size:1.3em;}
p.read strong { line-height:1.4; color:#FF3300; font-weight:bold;}
p.read  .font_xs  { font-size:1.1em;}

.movieLink  { float:right; margin:10px 0 0 ; _margin:10px 0 0;}

.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.2em;}

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; 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;}

p.sellstop { font-size:1.3em; line-height:1.4; margin-top:1em; color:#FF0000; margin:5px 20px 20px;}

h1 {
	margin-top:3px;
}
h1 .sellstart {
	color:#FF0000;
	font-size:50%;
	padding-left: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:83%; 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;}

/* ページ毎指定
============================================================ */

/* n0710b flashのページ*/
body.n0710b h1 {
	margin:0 0 0 5px;
	float:left;
	width:200px;
}
 
body.n0710b p.stopsell {
	display:block;
	font-size:1.3em;
	color:#FF0000;
	float:right;
	width:450px;
	text-align:right;
}
body.n0710b .fla {
	clear:both;
	margin-left:5px;
	margin-bottom:0;
}

/* m01 フィッティ ７DAYSマスク・お得用マスク */ 
body.m01 .itemImg { display:block; margin:0 20px 20px; float:none;}
body.m01 .zukai li { width:120px; line-height:1.4;}

.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:20px;} /* IE7以外のモダンブラウザ */

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

.method_L,
.use_L { margin:5px 5px 0 20px; width:402px; float:left; _margin-left:10px;}

.method_R,
.use_R { margin:5px 20px 0 5px; width:279px; float:right; _margin-right:10px;}

body.m01 ul.methodItem { width:231px;}

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

/* m03 ウィルスプロテクター ＢＮ９９ＤＸ */ 
body.m03 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:386px;}

/* m04 フィッティ アロマメントールマスク*/  
body.m04 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:561px;}
body.m04 .zukai li { width:140px; line-height:1.4; _margin-right:10px;}
body.m04 .hoosoku { display:block; clear:both; width:500px; padding-left:15px;}
body.m04 .hoosoku h3 { font-size:1.2em; display:inline; font-weight:bold; padding:3px; border:1px solid #666;}
body.m04 .hoosoku p { font-size:1.2em; display:block; line-height:1.2; margin-top:5px;}

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


/* m05 フィッティ やわらか呼吸空間立体ガーゼマスク*/ 
body.m05 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:386px;}

/* m06 当てシートがずれない大人/女性・子供マスク*/ 
body.m06 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:386px;}

/* m07 抗菌給食マスク*/ 
body.m07 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:547px;}

/* m08 オリオンマスク１８枚合せ*/ 
body.m08 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:530px;}

/* m09 花粉専科マスク*/ 
body.m09 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:540px;}

/* m10 お買い得ガーゼマスク*/ 
body.m10 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:325px;}

/* m11 キッズマスク*/ 
body.m11 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:540px;}

/* m12 キャラクタープリント付きガーゼマスク*/ 
body.m12 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:206px;}

/* m13 キャラクターシール付き不織布マスク*/ 
body.m13 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:197px;}

/* m14 フィッティ ７DAYSマスク立体ドーム型 */
body.m14 .merit { clear:none; margin:0 20px 20px 0; _margin:0 10px 10px 0; float:right; width:426px;}
body.m14 .zukai li { width:140px; line-height:1.4; _margin-right:10px;}