@charset "Shift_JIS";
/* =========================================================
　リセット
========================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; }
hr { margin: 5px 0; }
a:focus{ outline: none; }

/*リンク関係*/
a:link,a:visited {text-decoration: none; color: #01976e;}
a:hover,a:active { text-decoration: underline; color: #01976e; }


/* =========================================================
　body
========================================================= */
body { background:url(../image/bg.gif) top center repeat-y; font-size: 13px; line-height: 1.8em; color: #737373; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, Arial, Verdana, sans-serif; }
.cb {clear:both;}


/* =========================================================
　header
========================================================= */
#head{ width:960px; margin:0 auto 10px auto;}
#head-l{ float:left; margin-top:15px;}



/* =========================================================
　menu
========================================================= */
#menu{ width:960px; height:57px; margin:0 auto;}
#menu span { display: none;}
#menu li { height: 57px; float: left; }
/*　各メニューの幅指定　*/
#menu-1 li, #menu-1 a{ width: 138px; }
#menu-2 li, #menu-2 a{ width: 135px; }
#menu-3 li, #menu-3 a{ width: 136px; }
#menu-4 li, #menu-4 a{ width: 137px; }
#menu-5 li, #menu-5 a{ width: 143px; }
#menu-6 li, #menu-6 a{ width: 137px; }
#menu-7 li, #menu-7 a{ width: 134px; }
#menu li a { height: 57px; display: block; background: url(../image/menu2.gif) no-repeat 0 0; }
/*　各メニューリンクエリア指定　*/
#menu-1 a:link, #menu-1 a:visited { background-position: 0 0; }
#menu-1 a:active, #menu-1 a:hover { background-position: 0 -57px; }
#menu-2 a:link, #menu-2 a:visited { background-position: -138px 0; }
#menu-2 a:active, #menu-2 a:hover { background-position: -138px -57px; }
#menu-3 a:link, #menu-3 a:visited { background-position: -273px 0; }
#menu-3 a:active, #menu-3 a:hover { background-position: -273px -57px; }
#menu-4 a:link, #menu-4 a:visited { background-position: -409px 0; }
#menu-4 a:active, #menu-4 a:hover { background-position: -409px -57px; }
#menu-5 a:link, #menu-5 a:visited { background-position: -546px 0; }
#menu-5 a:active, #menu-5 a:hover { background-position: -546px -57px; }
#menu-6 a:link, #menu-6 a:visited { background-position: -689px 0; }
#menu-6 a:active, #menu-6 a:hover { background-position: -689px -57px; }
#menu-7 a:link, #menu-7 a:visited { background-position: -826px 0; }
#menu-7 a:active, #menu-7 a:hover { background-position: -826px -57px; }
#kyoudou{}
#kyoudou a {  height: 25px; width:165px; display: block ; background: url(../image/kyoudou.gif) no-repeat 0 0; }
#kyoudou a:link, #kyoudou a:visited { background:url(../image/kyoudou.gif); }
#kyoudou a:active, #kyoudou a:hover { background:url(../image/hkyoudou.gif); }
#kyoudou2{}
#kyoudou2 a {  height: 25px; width:160px; display:block; background: url(../image/lkyoudou.gif) no-repeat 0 0; padding-left:15px; padding-top:5px; }
#kyoudou2 a:link, #kyoudou2 a:visited { background:url(../image/lkyoudou.gif); text-decoration: none; color: #2e2b2b;}
#kyoudou2 a:active, #kyoudou2 a:hover { background:url(../image/lhkyoudou.gif); text-decoration: none; color: #01976e;}
#next a {  height: 6px; width:106px; display:block; background: url(../image/lkyoudou.gif) no-repeat 0 0; padding-left:15px; padding-top:5px; }
#next a:link, #next a:visited { background:url(../image/lnextcal.gif); text-decoration: none; color: #2e2b2b;}
#next a:active, #next a:hover { background:url(../image/lhnextcal.gif); text-decoration: none; color: #01976e;}

/* =========================================================
　main
========================================================= */
#main{
	width:960px;
	margin:0 auto;
	text-align:left;
}
#pan{margin-bottom:20px; font-size:11px;}
#main-l{width:230px; float:left;}
#main-r{width:720px; float:right; padding-top:2px;}
#main-rl{width:200px; float:left;}
#main-rr{width:465px; float:right;}




/* =========================================================
　contents
========================================================= */
#image{width:100%; height:168px; text-align:center; }
#image-bg{ width:100%; height:178px; background:url(../image/menu-bg.jpg) no-repeat top center; }
#image-bg2{ width:100%; height:178px; background:url(../image/menu-bg2.jpg) no-repeat top center; }
#image-bg3{height:90px; background:url(../image/menu-bg3.jpg) no-repeat top center; }

#imgbox { width:100%; height:372px; margin:0 auto; text-align:center;
background-image: url(../image/s.gif); }
*:first-child+html #imgbox{ margin-bottom:69px;}/* IE7のみ適用 */
#example { width:100%; height:372px; background-repeat: no-repeat; background-position: center top;}
*html #example { width:100%; height:312px; background-image: url(../image/top.gif); background-repeat: no-repeat; background-position: center top;}/* IE6以下のみ適用 */

#contents{
	width:960px;
	margin:0 auto;
}
#contents-l{
	width:425px;
	float:left;
	margin-top:25px;
}
#contents-r{
	width:475px;
	float:right;
	margin-top:25px;
}




#contents-l span{ display:none;}
#contents-r span{ display:none;}
.btn1{ display:block; width:100%; height:62px; background:url(../image/toppen.gif) 0 0;}
a:hover.btn1{ background-position:0 -62px;}

.btn2{ display:block; width:68px; height:14px; background:url(../image/shikyou.gif) 0 0;}
a:hover.btn2{ background-position:0 -14px;}

.btn3{ display:block; width:153px; height:14px; background:url(../image/service.gif) 0 0;}
a:hover.btn3{ background-position:0 -14px;}

.btn4{ display:block; width:88px; height:14px; background:url(../image/calender.gif) 0 0;}
a:hover.btn4{ background-position:0 -14px;}

.btn5{ display:block; width:85px; height:11px; background:url(../image/blog1.gif) 0 0;}
a:hover.btn5{ background-position:0 -11px;}

.btn6{ display:block; width:101px; height:11px; background:url(../image/blog2.gif) 0 0;}
a:hover.btn6{ background-position:0 -11px;}

.btn7{ display:block; width:134px; height:11px; background:url(../image/blog3.gif) 0 0;}
a:hover.btn7{ background-position:0 -11px;}

.btn8{ display:block; width:81px; height:10px; background:url(../image/shintyaku.gif) 0 0;}
a:hover.btn8{ background-position:0 -10px;}


/* =========================================================
　footer
========================================================= */
#footer{ width:100%;  background-color:#19a17c; font-size:11px; color:#FFF;
padding:25px 0; margin-top:20px;}
#footer a:link, #footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ffffff; text-decoration: underline; }
.footbox { width: 960px; margin:0 auto; vertical-align:top; }
.footbox td { vertical-align:top; }
.fb-1 { font-size:14px; border-bottom:2px solid #7dcdb7; line-height:1.6em; }
.fb-2 { margin-top:10px; line-height:1.7em;}

#footer2 { padding: 10px 0; background: #19a17c; border-top: dotted 1px #87d0bc; }
#copyright{ width:960px; margin:0 auto; text-align:right; font-size:10px; color:#FFF; }



/* =========================================================
　font
========================================================= */
.greenbig{color:#01976e;font-size:18px;}
.greeting{ font-size:14px; line-height:30px;}
.green{color:#01976e;}
.green14{color:#01976e; font-size:14px}
.gray16b{ font-size:16px; font-weight:bold;margin-bottom:14px;}
.gb-border{color:#01976e; font-size:18px; font-weight:bold; border-bottom:1px dotted #01976e; }
.pdfdownload{ font-size:12px; line-height:1.2em;}
.title{ margin-bottom:25px; color:#01976e; font-size:18px;}


/* =========================================================
　style
========================================================= */

/* ホーム新着情報 */
.new { width:425x; padding-top:15px; font-size:12px; line-height:16px;}
html>/**/body .new {line-height /*\**/:30px\9;} /* IE8のみ適用 */

/* 派生左部分 */
.m-left { width: 230px; }
.m-left th { text-align: left; vertical-align:top;}
.m-left img { margin:0 10px 0 0;}
.m-left p { margin: 2px 0 14px 0}
.m-left td { background: url(../image/12.gif) no-repeat 3px 7px ;  padding:3px 3px 3px 18px; vertical-align: middle; text-align: left; width: 150px; }

/* わたしたちのしごと */
.works { width: 100%; border-top:1px dotted #bfbfbf; margin-top:15px;  }
.works th {vertical-align: top;  background: #eefffb; border-bottom:1px dotted #bfbfbf; padding:15px 20px 15px 30px; text-align:left;  font-weight: normal;}
.works td { border-bottom:1px dotted #bfbfbf;  padding: 10px; margin:10px; line-height: 1.8em; }


/* 会社概要 */
.company { width: 720px; border-top:1px dotted #bfbfbf;}
.company th {vertical-align: top; background: #eefffb; border-bottom:1px dotted #bfbfbf; padding: 13px 15px 13px 20px; width:25%; text-align:left;  font-weight: normal;}
.company td {vertical-align: top; border-bottom:1px dotted #bfbfbf; padding: 13px 15px 13px 20px;}

/* 市場用語集 */
.yougo { border-top:1px dotted #bfbfbf; }
.yougo th { background-color:#eefffb; border-bottom:1px dotted #bfbfbf; font-weight:normal; padding:5px 5px 7px; text-align:left; vertical-align:top; }
.yougo td { border-bottom:1px dotted #bfbfbf; line-height:160%; padding:5px 5px 7px 3px; vertical-align:top; line-height: 1.8em; }

/* お問い合わせ */
.inq { width: 100%; }
.inq th { background: #eefffb; padding: 5px; text-align: left; font-weight: normal; }
.inq td { padding: 5px 5px 20px 5px; line-height: 1.8em; }

/* ハローキティバナナくん */
#banana{width:720px; background:url(../image/16.jpg) no-repeat; padding-top:276px;}
.bananabox { width: 375px; }
.bananabox th { height:35px; text-align: left; font-weight: normal; vertical-align:top; }
.bananabox td { padding:0 8px; vertical-align:top; line-height:15pt; }

/* お野菜百科レシピ */
#recipe{
	width:960px;
}

.rwaku {
	background:url(../image/recipe-bg.gif) no-repeat;
	width:231px;
	height:250px;
	float:left;
	margin:0 9px 38px 0;
}
.rwaku2 {
	background:url(../image/recipe-bg2.gif) no-repeat;
	width:231px;
	height:250px;
	float:left;
	margin:0 9px 38px 0;
}
.rstit { color: #874c18; padding:10px 4px 0 10px; font-size:12px; text-shadow:1px 1px 1px #ffffff; font-weight:bold; text-align:left; }
.rtit { color: #cc5200 ; font-weight: bold; font-size:16px; text-shadow:1px 1px 1px #ffffff; padding:3px 10px 10px 25px; height:38px; line-height:1.3em;  }
.rtit a { color:#de6727; }
.rimage{  margin:9px 0 9px 9px; width:208px; height:145px; }


/* お野菜百科レシピ（詳細） */
#recipeimage { float:left; width:240px; }
#recipeimage h3 { padding-top:10px; color:#ff707d; line-height:20px; font-size:11pt; text-align:center; margin-top:15px; }
#recipeimage p {  margin-top:20px; line-height:180%; color:#b2865f; }

#recipetext { float:right; width:435px;}
#recipetext-t { background:url(../image/recipe-t1.gif) no-repeat; width:435px; height:65px; padding-top:34px ; font-size:22px; color:#d45714; text-align:center; }
#recipetext h3 { background:url(../image/recipe-t1.gif) no-repeat; width:435px; height:65px; padding-top:34px ; font-size:22px; color:#d45714; text-align:center; }

#recipetext h4 { margin-top:30px; }
#recipetext p { margin-top:15px; line-height:160%; }


/* 生産者一覧 */
.selecterBtns { font-size:11px; width: 545px; margin: 10px 0 40px 0; }
.selecterBtns table { width: 1000px; background:#eefffb; border: 1px solid #b9d8c9; }
.selecterBtns td { width:98px; padding: 5px; text-align:center; }
.selecterBtns a { background:#eefffb; color:#007959; display:block; font-size:11px; line-height:28px; outline:none; padding:0 7px; text-decoration:none; text-align:center;  }
.selecterBtns a:active,
.selecterBtns a:hover { background:#007959; color:#fff; text-align:center;  }

.swaku {
	border-top:2px solid #e3e2e2;
	border-bottom:2px solid #e3e2e2;
	width:300px;
	height:253px;
	float:left;
	margin:0 26px 38px 0;
}
.sstit { background-color:#f4fee6; color: #01976e; padding:10px 4px 0 10px; font-size:16px; font-weight:bold; text-align:left; }
.sstit2 { background-color:#f4fee6; padding:8px 4px 8px 10px; font-size:12px; text-align:left; }
.swaku2 { border-top:1px solid #ccc; width:300px; }
.stit { color: #01976e ; font-weight: bold; font-size:12px; padding:15px 10px 0 10px; }
.stit a { color:#01976e; text-decoration:underline; }
.stit2 { font-size:12px; padding:5px 10px 10px 10px; line-height:1.6em; }
.simage{  margin:10px 0 10px 10px; height:82px; float:right; }

/* 栽培履歴 */
.saibai { width: 100%; border:1px solid #bfbfbf; margin-top:15px;  }
.saibai th {vertical-align: top;  background: #eefffb; border-left:1px dotted #bfbfbf; border-bottom:1px dotted #bfbfbf; color:#01976e; font-size:14px; text-align:center; padding:15px 20px 15px 20px;}
.saibai td {  border-left:1px dotted #bfbfbf; border-bottom:1px dotted #bfbfbf; padding: 10px; margin:10px; line-height: 1.8em; }

/* お野菜百科 */
.oyasai { width: 100%; border:1px solid #cccccc; margin-top:25px;  }
.oyasai td {  padding: 10px; font-size:12px; line-height: 1.6em; }
#oyasai-r{ width:140px; padding-left:20px; float:right;}




/* =========================================================
 20170224 採用バナー追加
========================================================= */
.bnArea {
	margin: 34px 0 40px 0;
}
.bnArea-item a {
	width: 720px;
	height: 161px;
	display: block;
	background: url(../images/bn_recruit_on.jpg) no-repeat left top;
	background-size: 720px 161px;
}
.bnArea-item a:hover img {
	opacity: 0;
}