@charset "utf-8";
/*----------------------------------------
	NOEVIR Corporate web site Toppage style
	ver 2009.06.17
-------------------------------------------*/
	

/* AllReset
------------------------*/
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: medium;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
img,embed{
	vertical-align:bottom;
	}
ul li{
	list-style-type:none;
	margin: 0;
	padding:0;
	}
p {
	margin:0;
	padding:0;
	font-size: small;
	line-height: 1;
	}

/* ClearFix
--------------------*/

/* modern browsers */
.clf:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
	}

/* IE7 */
.clf{display: inline-block;zoom:1;}

/* legacy IE */
* html .clf{height: 1%;}
.clf{display: block;}


/* BaseStyle
------------------------*/
body{
	background:#fff;
	color:#333;
	text-align:center;
	}

a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover,a:visited:hover{color:#c2a122;text-decoration:underline;}
a:active{color:#c2a122;text-decoration:underline;}

div#MainContents{
	width:744px;
	margin:0 auto;
	text-align:left;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}

/* ヘッダー(header)
------------------------*/
div#header{
	border-top:#c2a122 3px solid;
	background:url(../../images/top20081204/header/back.gif) repeat-x;
	width:744px;
	height:56px;
	overflow:hidden;
}
div#header h1{
	float:left;
	width:120px;
	display:inline;
}
div#header ul{
	float:right;
	width:580px;
	display:inline;
	margin: 5px 5px 0 0;
	text-align:right;
}
div#header ul li{
	display:inline;
	margin-left:5px;
	font-size:12px;
	}
div#header ul li.alpha{
	font-family:Arial, Helvetica, sans-serif;
}
div#header ul a{
	background:url(../../images/top20081204/header/bt_window.gif) no-repeat 0px 1px;
	padding-left:12px;
	}
div#header ul a:link{color:#999;text-decoration:none;}
div#header ul a:visited{color:#999;text-decoration:none;}
div#header ul a:hover,
div#header ul a:visited:hover,
div#header ul a:active{
	background:url(../../images/top20081204/header/bt_window_over.gif) no-repeat 0px 1px;
	color:#c2a122;text-decoration:underline;}
	
/* トップイメージFLASH(TopimageFlash)
-------------------------------------*/
div#TopimageFlash{
	width:744px;
	height:374px;
	border-top:#000 10px solid;
	border-bottom:#000 10px solid;
}

/* 上段コンテンツ(SilverBlock)
-----------------------------------------*/
div.SilverBlock{
	width:744px;
	overflow:hidden;
	margin:10px 0;
	}

/* 商品情報・ご購入(Products)
-------------------------------------*/
div#Products{
	width:506px;
	height:197px;
	float:left;
	display:inline;
	margin:0 10px 0 21px;
	background:url(../../images/top20081204/title/silverback.gif) repeat-x;
	border:#ccc 1px solid;
}
div#Products h2{
	margin: 7px 12px 5px 12px;
	padding-bottom:7px;
	border-bottom:#999 1px solid;
	width:482px;
	}
div#Products .Block{
	width:482px;
	margin:0 12px;
}
div#Products .ProductsInfo{
	width:318px;
	float:left;
	display:inline;
	margin-right:5px;
	}
div#Products .item{	
	border:#ccc 1px solid;
	background:#f4edd1;
	padding:5px 3px 3px 6px;
	}
div#Products .item img{
	margin-right:2px;
	}
div#Products .item p{
	margin-bottom:2px;
	}
div#Products .ProductsMore{
	width:158px;
	float:left;
	display:inline;
	}
div#Products .ProductsMore p{
	margin:0 0 4px 0;
	}


/* more NOEVIR(moreNOEVIR)
-------------------------------------*/
div#moreNOEVIR{
	width:182px;
	height:197px;
	float:left;
	display:inline;
	border:#ccc 1px solid;
}

/* 下段コンテンツ(SilverBlock)
-----------------------------------------*/
div.UnderBlock{
	width:702px;
	overflow:hidden;
	margin:0 21px;
	}
div.UnderBlock .LeftBlock{
	width:312px;
	float:left;
	display:inline;
}
div.UnderBlock .RightBlock{
	width:360px;
	float:right;
	display:inline;
}

/* 新製品・フェア情報(newItem)
-------------------------------------*/
div#newItem{
	width:312px;
	}
div#newItem h2{
	width:312px;
	background:url(../../images/top20081204/title/dot1.gif) repeat-x bottom left;
	padding:3px;
	margin:0 0 10px 0;
	}
div#newItem ul{
	text-align:center;
	width:297px;
	margin:0 auto;
	}
div#newItem ul li.left{
	width:146px;
	float:left;
	display:inline;
	margin:0 5px 5px 0;
	}
div#newItem ul li.right{
	width:146px;
	float:left;
	display:inline;
	margin:0 0 5px 0;
	}

/* ノエビアポリシー(policy)
-------------------------------------*/
div#policy{
	width:312px;
	}
div#policy h2{
	width:312px;
	background:url(../../images/top20081204/title/dot1.gif) repeat-x bottom left;
	padding:3px;
	margin:0 0 10px 0;
	}
div#policy ul{
	text-align:center;
	width:302px;
	margin:0 5px;
	}
div#policy ul li.left{
	width:148px;
	float:left;
	display:inline;
	margin:0 5px 5px 0;
	}
div#policy ul li.right{
	width:148px;
	float:left;
	display:inline;
	margin:0 0 5px 0;
	}
div#policy .line{
	background:url(../../images/top20081204/title/dot1.gif) repeat-x;
	width:312px;
	margin:5px 0;
	height:1px;
	}
	
/* お知らせ(info)
-------------------------------------*/
div#info{
	width:312px;
	}
div#info h2{
	width:312px;
	background:url(../../images/top20081204/title/dot1.gif) repeat-x bottom left;
	padding:3px;
	margin:0 0 5px 0;
	}
div#info dl{
	width:302px;
	margin:0 5px;
	}
div#info dt{
	clear:both;
	float:left;
	font-size:11px;
	width:62px;
	margin-top:5px;
	}
div#info dd{
	float:left;
	font-size:11px;
	width:240px;
	margin-top:5px;
	}
div#info .line{
	background:url(../../images/top20081204/title/dot1.gif) repeat-x;
	width:312px;
	margin:5px 0;
	height:1px;
	}

/* 企業情報(CorporateInfo)
-------------------------------------*/
div#CorporateInfo{
	width:360px;
}
div#CorporateInfo h2{
	width:360px;
	background:url(../../images/top20081204/title/dot1.gif) repeat-x bottom left;
	padding:3px;
	margin:0 0 10px 0;
	}
div#CorporateInfo .newsmore{
	margin-left:222px;
	}
div#CorporateInfo ul{
	width:340px;
	margin-left:12px;	
	}
div#CorporateInfo ul li{
	background:url(../../images/top20081204/title/dot1.gif) repeat-x bottom left;
	width:160px;
	padding-bottom:7px;
	float:left;
	display:inline;
	}	
div#CorporateInfo ul li.left{
	margin:0 15px 5px 0;
	}
div#CorporateInfo ul li.right{
	margin:0 0 5px 0;
	}
div#CorporateInfo p.more{
	text-align:right;
	margin-right:10px;
}

/* 関連サイトバナー(banner)
-------------------------------------*/
div#banner{
	width:360px;
	margin-top:25px;
}
div#banner ul li{
	width:170px;
	display:inline;
	}
div#banner ul li img.left{
	margin:0 5px 5px 5px;
	}
div#banner ul li img.right{
	margin:0 5px 5px 0;
	}
div#banner ul.gallery{
	background:url(../../images/top20081204/title/dot1.gif) repeat-x top left;
	padding-top:5px;
	}
div#banner .line{
	width:360px;
	height:1px;
	padding:5px 0;
	background:url(../../images/top20081204/title/dot1.gif) repeat-x top left;
	}

/* フッター(footer)
-------------------------------------*/
div#footer{
	border-top:#c2a122 2px solid;
	width:744px;
	margin:20px 0 0 0;
	overflow:hidden;
	}
div#footer .left{
	width:500px;
	float:left;
	display:inline;
	margin:5px 0 10px 5px;
	}
div#footer .right{
	width:220px;
	float:right;
	display:inline;
	margin:5px 5px 10px 0;
	}
div#footer ul{
	line-height:1;
	}
div#footer ul li{
	display:inline;
	font-size:10px;
	}
div#footer ul li a:link{color:#333;text-decoration: none;}
div#footer ul li a:visited{color:#333;text-decoration: none;}
div#footer ul li a:hover,a:visited:hover{color:#c2a122;text-decoration:underline;}
div#footer ul li a:active{color:#c2a122;text-decoration:underline;}
div#footer address{
	color:#999;
	text-align:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
div#footer p{
	line-height:1;
}
