@charset "Shift_JIS"; 		/* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造（全体構造〜フッターの設定まで）
2.汎用スタイルシート
3.トップページ
4.会社概要
5.製品紹介
6.お問い合わせ

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px; /* 各ブラウザの独自解釈をリセット */
	padding: 0px;
}
div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

body {
  font-size: 0.8em; /* 基本のフォントサイズ */
  text-align:center;
  line-height: 1.5em; /* 基本の行間 */
  height:100%;
  background:url(../images/body-base.gif) repeat;
}
#body-base {background:url(../images/bodyback.jpg) repeat-x;}

body,div {  
  scrollbar-base-color:#eeeeee;
  scrollbar-face-color:#dddddd;
}
#wrapper {
  width: 760px; /* 基本ページ幅 */
  color: #4a2e1a; /* 基本文字色 */
  margin:0px auto; /* 新しいブラウザ用中央揃え */
  text-align:left;  /* 内容を左揃えに戻す */
}

td,th {text-align:left;}

hr { visibility:hidden;}

ul { list-style: none;}

/* リンク
---------------------------------------------------- */
a:link {
  color: #558C40; /* リンクの色 */
}
a:visited {
  color: #558C40; /* 訪問済みリンクの色 */
}
a:hover, a:active {
  color: #d53624; /* マウスオーバー、アクティブリンクの色 */
}

/* ヘッダ
---------------------------------------------------- */
#header {
	background: url(../images/header.jpg) no-repeat;
	width:760px;
	height:84px;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
}

h1    { font-size:11px; margin-top:10px; margin-left:10px;}
h2    { margin: 0px; float:left;}
h2 a  { background: transparent; text-decoration:none;}
h2 img{ vertical-align:bottom;}


/* ナビゲーション
---------------------------------------------------- */
#navigation-top {
  width:774px;
  height:32px;
  float:right;
}

#navigation-top ul {
  list-style: none; /* リストを消す */
  float:left

}
#navigation-top li {
  height:32px;  /* ナビボタン縦幅 */
  width:86px;
  display:block;
  float:left;   /* 横並び */
}

#navigation-top li a {
  text-decoration: none; /* ■Firefox等で線が表示されないようにする */
  background: transparent;
}


/* ページ本体
---------------------------------------------------- */
#pagebody {
	width: 760px; /* ■IE用バグ対策 */
	padding-top:5px;
	margin:0px auto;
}



/* フッタ
---------------------------------------------------- */
#footer{
  width:760px;
  text-align:center;
  height:35px;
  font-size:12px;
  line-height:200%;
  vertical-align:middle;
  padding-top:15px;
  margin:0px auto;
}
#footer img {float:right;}

/* 各ページ見出し
---------------------------------------------------- */
#content {
	width: 760px; /* コンテンツ部分の横幅 */
	padding:5px 0px 20px 0px;
	background:#ffffff;
}
#content2 {
	width: 720px; /* コンテンツ部分の横幅 */
	padding:20px;
	background:#ffffff;
}
#content2 h3{ margin-bottom:20px;}

#p2-1{background:url(../images/p2-1.jpg) no-repeat; width:760px; height:77px;}

h3{ clear:both; margin: 0px; background-repeat:no-repeat;}
h4 {font-size:16px; margin-bottom:20px;}

  
/* 汎用スタイルシート
---------------------------------------------------- */
.clear {clear:both;}
.img-left {float:left;}
.img-right {float:right;}
.center {text-align:center;}
.red{color:#c90511}

.pt {padding-top:10px;}
.pb {padding-bottom:0px;}
.mt {margin-top:10px;}
.mb {margin-bottom:10px;}

.fm { font-size:medium;}
.f10 {font-size:10px;}
.green {color:#5a9543;}

#pagetop {float:right; padding-top:10px;}




/* トップページ
---------------------------------------------------- */
.text {padding:15px;}
.text1 {padding:15px 10px 15px 15px;}

.topleft { float:left; width:380px;}

.topright {
		float:right;
		width:375px;
		background:url(../images/p1-2back.gif) repeat-y;
}
.copytop { padding:20px 0px; border-top:1px solid #c4c4c4;}
.copytop img { float:left;}

.copy { background:#ffffff; }
.copy p {padding:15px;}

/* 最新NEWS
---------------------------------------------------- */
.leftbox-blog {float:left; width:500px; overflow:hidden; font-size:80%;}
.rightbox-blog {float:right; width:200px;}
.dot {border-bottom:1px dotted #cccccc; margin-bottom:20px; padding-bottom:5px;}


/* 旬の野菜
---------------------------------------------------- */
.mt50 {margin-top:50px;}
.f16g {color:#5a9543; margin-top:70px; font-size:14px;}
.gm20 {color:#5a9543; margin-top:20px;}
.mt20 {margin-top:20px;}
.mtb20 {margin:20px 0px;}
.mb20 {margin-bottom:20px;}

/* お百姓さんの顔
---------------------------------------------------- */
.bc-p {margin:10px 0px; padding:10px; background:#ffe9d8;}
.leftbox-g {float:left; width:330px; padding:10px; background:#efefef; margin:5px 0px;}
.rightbox-g {float:right; width:330px; padding:10px; background:#efefef; margin:5px 0px;}
.leftbox-g img {float:left; margin-right:15px;}
.rightbox-g img {float:left; margin-right:15px;}

/* 野菜名産地
---------------------------------------------------- */
.sanchi-table {border:1px solid #cccccc; border-collapse:collapse; padding:5px; width:350px;}
.sanchi-table td {border:1px solid #cccccc; border-collapse:collapse; padding:5px;}
.sanchi-table th {border:1px solid #cccccc; border-collapse:collapse; padding:5px; background:#e9ffb0; text-align:center; width:105px;}
.bc { background:#ddc664; text-align:center;}

/* 野菜ソムリエ
---------------------------------------------------- */
.pl15 {padding-left:30px;}
.title { border-left:5px solid #5a9233; border-bottom:1px solid #5a9233; padding-left:5px; padding-bottom:2px;}


/* 飲食店業者様
---------------------------------------------------- */
.leftbox {float:left; width:350px;}
.rightbox{float:right; width:350px;}


/* 会社概要
---------------------------------------------------- */
#p8-2{background:url(../images/p8-2.gif) no-repeat; width:720px; height:30px; margin-bottom:20px;}
#com {width:450px; padding:10px 20px; border:1px solid #dfdfdf; margin-top:20px; border-collapse:collapse; float:left;}
#com td {padding:5px; border-collapse:collapse; border:1px solid #dfdfdf;}
#com th {padding:5px; border-collapse:collapse; background:#dfdfdf; border-bottom:1px solid #ffffff; width:130px;}
#com-back {background:url(../images/company-back.jpg) no-repeat bottom; width:720px; height:1%;}


/* 採用情報
---------------------------------------------------- */
#p9-2{background:url(../images/p9-2.gif) no-repeat; width:720px; height:30px; margin-bottom:20px;}
#p9-3{background:url(../images/p9-3.gif) no-repeat; width:720px; height:30px; margin-bottom:20px;}
#contact {width:720px; padding:10px 20px; border:1px solid dfdfdf; margin-top:20px; border-collapse:collapse;}
#contact td {padding:5px; border-collapse:collapse; border:1px solid #dfdfdf;}
#contact th {padding:5px; border-collapse:collapse; background:#dfdfdf; border-bottom:1px solid #ffffff; width:200px;}