@charset "UTF-8";

/* スタイルリセット */

div,span,p,a,ul,li,dl,dt,dd,ol,table,th,td,form,font,b{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.1em;
	}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	font-weight: normal;
	}

img{
	margin: 0;
	padding: 0;
	border: 0;
	}

table,td{
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset,blockquote{
	margin: 0;
	padding: 0;
	border: 0;
	}

input{
	margin: 0;
	padding: 0;
	}
	
em,th,var{
	font-style: normal;
	font-weight: normal;
	}
	
/* スタイルリセット */


/* ベーススタイルセット */
html{
	width: auto;
	height: auto;
	font-family: 'Osaka', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック';
	}

body{
	width: 802px;
	text-align: center;
	margin: 0 auto 20px auto;
	font-size:13px;
	color: #666;
	}

a:link{color: #2ea857; text-decoration: none;}
a:visited{color: #ffc25c; text-decoration: none;}
a:active{color: #ffc25c; text-decoration: none;}
a:hover{color: #ffc25c; text-decoration: none;}
a:focus{outline: none;}

/* ベーススタイルセット 終わり*/



h1{width: 800px; height: auto; padding: 10px 0 0 0; text-align: left}
.whole{width: 800px; height: auto; text-align: left; border: 1px solid #000000}
.whole:after{display: block; content: ""; height: auto; clear: both;}

.header{width: 800px; height: 150px; margin: 0; position: relative;}

#index{background: url(../img/logo_vege.gif) no-repeat right 0}
#shopping-top{background: url(../img/top-header_bg.jpg) no-repeat right 0}
#law{background: url(../img/logo_tokutei.gif) no-repeat right 0}
#aboutvf{background: url(../img/logo_about.gif) no-repeat right 0}
#material{background: url(../img/logo_mater.gif) no-repeat right 0}
#spice{background: url(../img/logo_spice.gif) no-repeat right 0}
#vegetable{background: url(../img/logo_vege.gif) no-repeat right 0}
#recip{background: url(../img/logo_recip.gif) no-repeat right 0}
#qa{background: url(../img/logo_qa.gif) no-repeat right 0}
#gyoumu{background: url(../img/logo_tokutei.gif) no-repeat right 0}
#voice{background: url(../img/logo_koe.gif) no-repeat right 0}
#mailmagazine{background: url(../img/logo_mail.gif) no-repeat right 0}
#inquiry{background: url(../img/logo_mail.gif) no-repeat right 0}
#factory{background: url(../img/logo_top.gif) no-repeat right 0}
#mailform{background: url(../img/inquiry-top.jpg) no-repeat right 0}
#detail{background: url(../img/logo_order.gif) no-repeat right 0}



.header .site-logo{width: auto; height: auto; display: block; position: absolute; left: 30px; top: 0; z-index: 10}

.header h2{width: 300px; height: 85px; margin: 0 260px 0 185px; padding: 0; font-weight: bold; color: #eb6112; text-indent: -9999px; overflow: hidden; display: block; background: url(../img/h2_bg.gif) no-repeat bottom;}


.header ul{width: 800px; height: auto; padding: 15px 0 10px 0; background: #eb6112; position: absolute; top: 7.8em; z-index: 5;}
.header li{width: auto; height: auto; margin: 0; float: left; padding: 2px 12px 2px 12px; border-left: 1px solid #ffffff;}
.header #m-1{padding: 2px 18px 2px 190px; border: 0;}

.header ul li a:link{color:#ffffff; text-decoration:none}
.header ul li a:visited{color:#ffffff; text-decoration:none}
.header ul li a:hover{color:#3cb371; text-decoration:underline}
.header ul li a:active{color:#3cb371; text-decoration:underline}




.container{width: auto; height: auto; margin: 10px 0; padding: 0 5px}
.container:after{display: block; content: ""; height: 1px; margin-top: -1px; clear: both}


.main{width: 610px; height: auto; float: right; margin: 0}
.main:after{display: block; content: ""; height: 1px; margin-top: -1px; clear: both}


.left-main{width: 610px; height: auto; float: left; margin: 0}
.left-main:after{display: block; content: ""; height: 1px; margin-top: -1px; clear: both}


.contents{width: 420px; height: auto; float: left; margin: 0}
.contents:after{display: block; content: ""; height: 1px; margin-top: -1px; clear: both}


.gotop{width: auto; height: auto; margin: 10px 20px 10px 0; text-align: right; display: block; clear: both}


.red-bold{color: red; font-weight: bold}
.red{color: red}
.bold{font-weight: bold}
.main .border-none{border: 0}


.right-menu{width: 180px; height: auto; float: right; margin: 0}

.right-menu dl{width: 100%; height: auto; padding: 0 0 10px 0}
.right-menu dt{width: auto; height: auto}
.right-menu dd{width: 100%; height: auto; margin: 2px 0 0 0; padding: 0 0 2px 0; border-bottom: 1px dotted #ccc; clear: both}
.right-menu dl dd:after{display: block; content: ""; height: 1px; margin-top: -1px; clear: both}
.right-menu dd span{width: 120px; height: auto; float: right; margin: 15px 0 0 0}
.right-menu dd img{float: left}

.right-menu div{width: 100%; height: auto; padding: 10px 0; background: #ffffe0}
.right-menu div h4{width: auto; height: auto; margin: 0 0 10px 0; padding: 10px 0; background: #ffdac1}
.right-menu div span{width: auto; height: auto; margin: 5px 10px 0 0; text-align: right; display: block}
.right-menu div p{width: auto; height: auto; margin: 0 10px 5px 10px; color: #666}




.main-menu{width: 181px; height: auto; float: left; margin: 0}

.main-menu dl{width: 100%; height: auto; padding: 0 0 10px 0;}
.main-menu dt{width: auto; height: auto}
.main-menu dd{width: 100%; height: auto; margin: 2px 0 0 0; padding: 0 0 2px 0; border-bottom: 1px dotted #ccc; clear: both}
.main-menu dl dd:after{display: block; content: ""; height: 1px; margin-top: -1px; clear: both}
.main-menu dd span{width: 120px; height: auto; float: left; padding: 10px 0 0 10px; display: block;}
.main-menu dd img{float: right; margin: 0;}


.main-menu div{width: auto; height: auto; padding: 0 0 10px 0; text-align: center}
.main-menu div img{margin: 0 auto 5px auto}




.footer{width: 800px; height: auto; padding: 30px 0 0 0; font-size: 11px; color: #ffffff; clear: both}
.footer p{clear: both; width: 800px; height: auto; text-align: center; padding: 8px 0; background: #eb6112}
.footer p a{width: auto; padding: 0 20px}
.footer span{width: auto; padding: 0 0 0 10px}

.googlemap{width: auto; text-align: right; margin: 10px; display: block;}