/* CSS Document */
/***********************************************************************************
. hayfever
. hayfever_super
. pollen

************************************************************************************/

/*------------------------------------------------------------------------------------
                                         . hayfever
----------------------------------------------------------------------------------- */
body{
	text-align:center;
}
h1{
	margin:0 auto;padding:0;
	font-size:8pt;
	color:#999;
	width:785px;
	text-align:left;
}

#leadtitle a{
	display:block;
	background:transparent url(../img/header/header.jpg) no-repeat scroll 0%;
	height:107px;
	text-indent:-9999px;
	width:794px;
}

#hayfever strong{color:#1b5db7;text-indent:0; !important}
#hayfever #detail strong{color:#000;text-indent:0; !important}
img{border:none;}
#hayfever{width:580px;color:#666;font-size:10pt !important;text-align:left;}
#hayfever h2{margin:0;padding:0;width:580px;height:177px;text-indent:-999em;background:url(../img/hayfever/title.jpg) no-repeat;}
#hayfever h2#moretit{margin:15px 0 35px 0;padding:0;text-indent:-999em;background:url(../img/hayfever/stit.gif) no-repeat;border-bottom:2px solid #ffbc09; height:25px;}

#hayfever .icon{ display:block;text-align:right; position:relative; top:-15px;z-index:0;}
#hayfever .icon img{ cursor:pointer;}
#hayfever table span{z-index:2;}

#hayfever .detail_table h3 {
background:transparent url(/img/products/sub_bg.gif) no-repeat scroll 0%;
height:42px;
position:relative;
width:530px;
}
#hayfever .detail_table h3 .product_nm {
left:14px;
position:absolute;
top:0pt;
width:300px;
}
#hayfever .detail_table h3 .product_sub {
left:14px;
position:absolute;
top:27px;
width:500px;
}
#hayfever .detail_table h3 .product_link {
font-size:14px;
left:314px;
line-height:1.2em;
position:absolute;
text-align:right;
top:0pt;
width:213px;
}

form img{
	vertical-align:middle;
}

.box,.box2{margin:0 0 35px 10px;width:570px;zoom:100%;display: inline-block;border:1px solid #999;position:relative;}
.box p{margin:6px 12px;line-height:1.5;font-size:9pt;letter-spacing:0.1em;}

.box{background:no-repeat bottom right;}

.box#item01{background-image:url(../img/hayfever/bg_01.gif);}
.box#item02{background-image:url(../img/hayfever/bg_02.gif);}
.box#item03{background-image:url(../img/hayfever/bg_03.gif);}
.box#item04{background-image:url(../img/hayfever/bg_04.gif);}

.box2{
	background:#ffeccf url(../img/hayfever/img_02.gif) no-repeat left;
}
.box2 *{
	margin:5px 0 5px 60px;
}
.box2 strong{margin:0;}

.box2 h3{
	font-size:100%;
	color:#1b7715;
}


.box h3{
	margin:0;
	padding:0;
	border:1px solid #999;
	text-indent:-999em;
	width:205px;height:66px;
	position:absolute;top:-15px;left:-1px;
	background-color:#fff !important;
	background-position:center !important;
}
.box div p{
	margin:0;
	padding:0 15px 0 0;
	height:20px;
	background-color:#fff !important;
	text-align:right;
	font-weight:bold;
	color:#399832;
}

.box div span{
	font-size:9pt;
	color:#006666;
}

.box#item01 h3{	background:url(../img/hayfever/cap_01.gif) no-repeat;}
.box#item02 h3{	background:url(../img/hayfever/cap_02.gif) no-repeat;}
.box#item03 h3{	background:url(../img/hayfever/cap_03.gif) no-repeat;}
.box#item04 h3{	background:url(../img/hayfever/cap_04.gif) no-repeat;}


.box div{
	border-bottom:1px solid #999;
	height:44px;
	padding:8px 8px 0 8px;
	_padding-bottom:2px;
	text-align:right;
}
.box div h4{
	margin:0;padding:0;
}

.box:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#hayfever #present{
	margin:10px 0 0 0;
	width:581px;
	height:70px;
	text-indent:-999em;
	background:url(../img/hayfever/super_cambnr.jpg) no-repeat;
}
#hayfever #present a{
	display:block;
	width:581px;
	height:70px;
}
#hayfever #pack{
	margin:10px 0 0 90px;
	width:400px;
	height:86px;
	text-indent:-999em;
	background:url(../img/top/top_hayfeversuper.jpg) no-repeat;
}
#hayfever #pack a{
	display:block;
	width:400px;
	height:86px;
}


/*------------------------------------------------------------------------------------
                                         . hayfever_super
----------------------------------------------------------------------------------- */
#hayfever_super{text-align:left;}
#hayfever_super h2#TOPTITLE{
	width:581px;
	height:219px;
	text-indent:-999em;
	background:url(../img/hayfever/super_header.jpg) no-repeat;
}
#hayfever_super p{
	margin:0 20px 0 20px;
}
#hayfever_super #present{
	margin:10px 0 10px 0;
	width:581px;
	height:70px;
	text-indent:-999em;
	background:url(../img/hayfever/super_cambnr.jpg) no-repeat;
}
#hayfever_super #present a{
	display:block;
	width:581px;
	height:70px;
}
#hayfever_super .nutbox{
	clear: both;
	margin:0 15px 0 15px;
}
#hayfever_super .nutbox h3{
	float:left;
	margin:0 0 20px 0;
	width:178px;
	height:101px;
	text-indent:-999em;
}
#hayfever_super .nutbox .readtxt{
	float:left;
	width:374px;
	border-top:1px #45732c solid;
}
#hayfever_super .nutbox .readtxt p{
	margin:5px 0 5px 0;
	padding:0 0 0 10px;
}
#hayfever_super .nutbox span{color:#3f980f;}

#hayfever_super #item1 h3{background:url(../img/hayfever/super_nut1.jpg) no-repeat;}
#hayfever_super #item2 h3{background:url(../img/hayfever/super_nut2.jpg) no-repeat;}
#hayfever_super #item3 h3{background:url(../img/hayfever/super_nut3.jpg) no-repeat;}
#hayfever_super #item4 h3{background:url(../img/hayfever/super_nut4.jpg) no-repeat;}
#hayfever_super #item5 h3{background:url(../img/hayfever/super_nut5.jpg) no-repeat;}
#hayfever_super #item6 h3{background:url(../img/hayfever/super_nut6.jpg) no-repeat;}
#hayfever_super #item7 h3{background:url(../img/hayfever/super_nut7.jpg) no-repeat;}
#hayfever_super #item8 h3{background:url(../img/hayfever/super_nut8.jpg) no-repeat;}
#hayfever_super #item9 h3{background:url(../img/hayfever/super_nut9.jpg) no-repeat;}



/*------------------------------------------------------------------------------------
                                         . hayfever
----------------------------------------------------------------------------------- */

#pollen{
	width:580px;
	margin:0 0 50px 0;
}
#pollen h2{
	width:580px;
	height:234px;
	background:url(../img/hayfever/pollen_mainimg.jpg) no-repeat;
	text-indent:-9999px;
}
#pollen h3{
	width:580px;
	height:40px;
	*height:69px;
	padding:35px 0 0 25px;
	background:url(../img/hayfever/pollen_title.jpg) no-repeat;
	color:white;
}
#pollen table{
	width:570px;
	margin:0;
	padding:0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#pollen table th{
	margin:0;
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	background-color:#DDF1DD;
}
#pollen table td{
	margin:0;
	padding:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}