@charset "shift-jis";
/* ===================================================================
リセット
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
	height:100%;
}
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;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #333;
	font-size: 75%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/*--- clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* for IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* IE6透過 */
.iepngfix {  
	behavior:expression(IEPNGFIX.fix(this));  
} 

/* ===================================================================
 ここからcss表記
=================================================================== */
body {
	text-align:center;
}

#wrapper {
	width:840px;
	text-align:left;
	margin:0 auto;
}



/* ===================================================================
 ヘッダー
=================================================================== */
#header {
}


/* ロゴ */
#header #logo {
	float:left;
	width:272px;
	height:80px;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin-top:20px;
}
#header #logo a {
	float:left;
	width:272px;
	height:80px;
	display:block;
}


/* プライバシーポリシー */
#header #priv {
	float:right;
	width:147px;
	height:30px;
	background-image:url(../img/priv.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
}
#header #priv a {
	float:right;
	width:147px;
	height:30px;
	display:block;
}


/* メニュー */
#header #menu {
	clear:both;
	padding-top:20px;
}

#header #menu li {
	float:left;
	width:135px;
	height:35px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	display:inline;
}
#header #menu li a {
	float:left;
	width:135px;
	height:35px;
	display:inline;
}

#header #menu1 {
	background:url(../img/menu/menu1.gif) 0 0;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu1 a:hover {
	background:url(../img/menu/menu1.gif) 0 35px;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu1 a {
	_margin-right:3px;
}


#header #menu2 {
	background:url(../img/menu/menu2.gif) 0 0;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu2 a:hover {
	background:url(../img/menu/menu2.gif) 0 35px;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu2 a {
	_margin-right:3px;
}

#header #menu3 {
	background:url(../img/menu/menu3.gif) 0 0;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu3 a:hover {
	background:url(../img/menu/menu3.gif) 0 35px;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu3 a {
	_margin-right:3px;
}

#header #menu4 {
	background:url(../img/menu/menu4.gif) 0 0;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu4 a:hover {
	background:url(../img/menu/menu4.gif) 0 35px;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu4 a {
	_margin-right:3px;
}

#header #menu5 {
	background:url(../img/menu/menu5.gif) 0 0;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu5 a:hover {
	background:url(../img/menu/menu5.gif) 0 35px;
	margin-right:6px;
	_margin-right:3px;
}
#header #menu5 a {
	_margin-right:3px;
}

#header #menu6 {
	background:url(../img/menu/menu6.gif) 0 0;
}
#header #menu6 a:hover {
	background:url(../img/menu/menu6.gif) 0 35px;
}



/* ===================================================================
 コンテンツ
=================================================================== */
#contents {
	margin-top:13px;
	margin-bottom:50px;
}

#pan {
	text-align:right;
	font-size:11px;
	color:#666;
}
#pan a {
	color:#666;
	text-decoration:none;
}
#pan a:hover {
	color:#999;
	text-decoration:underline;
}



/* ===================================================================
 コンテンツ-下層
=================================================================== */
#newsbgt {
}

/* 右 */
#r_content {
	float:right;
	width:640px;
	
}


/* 左 */
#l_menu {
	float:left;
	width:200px;
}


/* メニュー */
#menutitle {
	background-repeat:no-repeat;
	width:170px;
	height:64px;
	text-indent:-99999px;
	margin-bottom:15px;
}
#menutitle a {
	width:170px;
	height:64px;
	display:block;
}


#l_menu h4 {
	margin-top:15px;
}
#l_menu h4 a {
	display:block;
}


/* ページの先頭へ */
#pagetop {
	clear:both;
	margin:30px auto;
	background-image:url(../img/pagetop.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
	width:101px;
	height:24px;
}
#pagetop a {
	margin:30px auto;
	width:101px;
	height:24px;
	display:block;
}



/* ===================================================================
 トップページ
=================================================================== */
#topimg {
	height:300px;
	width:840px;
	margin-top:12px;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-image:url(../img/top/top.jpg)
}

#topimg2 {
	height:300px;
	width:840px;
	margin-top:12px;
}


/* 左 */
#l_news {
	float:left;
	width:420px;
}

#l_news h2 {
	background-image:url(../img/top/new.gif);
	height:30px;
	width:420px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin-bottom:5px;
}


#l_news dl {
	height:265px;
}

#l_news dt {
	clear:both;
	float:left;
	width:100px;
	margin-left:5px;
	margin-bottom:20px;
	font-size:12px;
}

#l_news dd {
	margin-left:110px;
	width:310px;
	margin-bottom:20px;
	font-size:12px;
}
*html #l_news dd {
	margin-left:120px;
	width:290px;
}

/*バナー*/
#top_bnr_area{
	clear:both;
	margin:30px 0;
}

#top_bnr_area p{
	margin-bottom:10px;
}

/* 野菜のカット */
#l_news .fb-like-box {
	margin-bottom:10px;
}

#l_news #mamecut {
	width:420px;
	height:93px;
	background-repeat:no-repeat;
	background-image:url(../img/mamecut.jpg);
	background-repeat:no-repeat;
	text-indent:-99999px;
}
#l_news #mamecut a {
	width:420px;
	height:93px;
	display:block;
}


/* 野菜の豆知識 */
#l_news #mamemame {
	width:420px;
	height:93px;
	background-repeat:no-repeat;
	background-image:url(../img/mamemame.jpg);
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin-top:10px;
}
#l_news #mamemame a {
	width:420px;
	height:93px;
	display:block;
}


/* 右 */
#r_bana {
	float:right;
	width:392px;
}

#r_bana ul li {
	background-repeat:no-repeat;
	height:285px;
	width:195px;
	float:left;
	margin-bottom:6px;
}


/* ファーム */
#r_bana #farm {
	background-image:url(../img/top/farm.jpg);
	margin-right:2px;
}
#r_bana #farm a {
	color:#333;
}


/* マルミツフーズ */
#r_bana #foods {
	background-image:url(../img/top/mfoods.jpg);
}
#r_bana #foods a {
	color:#333;
}

#r_bana ul li h3 {
	text-indent:-99999px;
}

#r_bana ul li p {
	margin-top:200px;
	padding:12px;
	font-size:12px;
}

#r_bana #safty {
	background-image:url(../img/top/safty.gif);
	background-repeat:no-repeat;
	width:392px;
	height:124px;
	text-indent:-99999px;
}
#r_bana #safty a {
	width:392px;
	height:124px;
	display:block;
}

#r_bana #jas {
	background-image:url(../img/top/jas.gif);
	background-repeat:no-repeat;
	width:392px;
	height:93px;
	text-indent:-99999px;
}
#r_bana #jas a {
	width:392px;
	height:93px;
	display:block;
}


/* 商品 */
#products {
	clear:both;
	margin-top:20px;
}

#products h3 {
	background-image:url(../img/top/products.gif);
	background-repeat:no-repeat;
	width:840px;
	height:30px;
	text-indent:-99999px;
	margin-bottom:15px;
}

#products #slideshow {
	width: 840px;
}

#products #slideshow ul {
	height: 1%; /* IE fix */
}

#products #slideshow .slides {
	overflow: hidden;
	width:840px;
}

#products #slideshow .slides ul {
	width:840px;
}

#products #slideshow .slides li {
	width:840px;
	height:150px;
	float: left;
}

#products #slideshow .slides li img {
	margin-right:20px;
}



/* ===================================================================
 フッター
=================================================================== */
#footer {
	clear:both;
	height:90px;
	background-image:url(../img/ten.gif);
	background-repeat:repeat-x;
}

#footer_in {
	width:840px;
	margin:0 auto;
	height:90px;
}


/* 右上の葉 */
#footer #ha {
	float:right;
	margin-right:30px;
}

#footer dl {
	clear:both;
	float:right;
	margin-top:-50px;
	position:relative;
	zoom:1;
}

#footer dl dt {
	float:left;
	width:170px;
	height:40px;
	background-image:url(../img/logo2.jpg);
	background-repeat:no-repeat;
	text-indent:-99999px;
}

#footer dl dd {
	margin-left:180px;
	color:#4F2500;
	margin-bottom:2px;
	font-size:12px;
}