@charset "UTF-8";
/* CSS Document */

a {
	text-decoration: underline;
	color: #603;
}

a:hover {
	text-decoration: none;
	color: #603;
}

#wrapper p {
	font-size: 12px;
	color: #333;
}

#wrapper #body h3 {
	font-size: 14.5px;
	color: #333;
	padding-bottom: 10px;
}



#body {
	width: 750px;
	margin: 0px auto 0px;
}


/* ニュース */

#wrapper #body_news {
	background-image: url(image/bg_news.jpg) ;
	background-repeat:no-repeat;
	padding-right: 350px;
	padding-left: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper #body_news h3 {
	font-size: 15px;
	padding-bottom: 20px;
}
#wrapper #body_news p {
	padding-bottom: 15px;
}
#wrapper #body_news h4 {
	padding-bottom: 20px;
}


/* 会社情報 */

#body_company {
	width: 840px;
	margin: 0px auto 0px;
}

#wrapper #body_company #company_body .company_info {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 2em;
	color:#fff;
}

#body_company #company_title {
	background-image:url(image/title_company.jpg);
	height: 82px;
	margin-top: 50px;
}

#body_company #company_body {
	background-image:url(image/bg_company.jpg);
}

#body_company #company_body_bottom {
	background-image:url(image/bg_company_bottom.jpg);
	height: 29px;
	margin-bottom: 30px;
}

#wrapper #body_company .company_link {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	line-height: 1.5em;
	color:#666;
}

/* 生産者紹介 - リコメンド */

#body_recommend {
	width: 650px;
	margin: 80px auto 80px;
}

#wrapper #body_recommend h3 {
	font-size: 16px;
	color: #333;
	padding-top: 12px;
	padding-bottom: 25px;
}

/* 生産者紹介 */

#wrapper #body_farmer h3 {
	font-size: 16px;
	color: #333;
	padding-top: 12px;
	padding-bottom: 25px;
}

#wrapper #body_farmer h4 {
	font-size: 14px;
	color:#600;
	padding-bottom: 10px;
}

#body_farmer {
	width: 750px;
	margin: 0px auto 50px;
}

.farmer_image {
	float: left;
	padding-right: 15px;
	margin-bottom: 50px;
}

#brown {
	color: #600;
	font-weight:bold;
}


/* レイアウト */

#wrapper {
	background-image:url();
	background-color:;
	width: 840px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:150%;
	margin: 0px auto 0px ;
}

#header {
	background-image:url(image/header.jpg);
	height: 82px;
}

#g_navi {
	height: 51px;
	background-image:url(image/bg_g_navi.jpg);
}

#header_bar {
	background-image:url(image/header_bar.jpg);
	height: 15px;
	margin-bottom: 30px;
}

#footer {
	background-image:url(image/footer_2.jpg);
	height: 32px;
}



/* ヘッダー */

#wrapper #header a img {
	border: none;
	float: right;
	margin-right: 22px;
	padding-top: 28px;
}



/* ナビ */

ul#g_navi, ul#g_navi li, ul#g_navi li a {
	margin:0px; 
	padding:0px;				
	display: block;
	height: 51px;
}


ul#g_navi li {
	float: left;
}

ul#g_navi li a {
	overflow: hidden;
	text-indent: -100000em;
}


#wrapper ul#g_navi li#news {
	background-image:url(image/header_btn_news_on.jpg) no-repeat;
}

#wrapper ul#g_navi li#news a {
	background-image:url(image/header_btn_news.jpg) no-repeat;
	width: 104px;
}


ul#g_navi li#company {
	background-image:url(image/header_btn_company_on.jpg) no-repeat;
}

ul#g_navi li#company a {
	background-image:url(image/header_btn_company_on.jpg) no-repeat;
	width: 106px;
}

#wrapper ul#g_navi li#shop {
	background-image:url(image/header_btn_shop.jpg) no-repeat;
}

#wrapper ul#g_navi li#shop a {
	background-image:url(image/header_btn_shop_on.jpg) no-repeat;
	width: 105px;
}

ul#g_navi li#farmer {
	background-image:url(image/header_btn_farmer_on.jpg) no-repeat;
}

ul#g_navi li#farmer a {
	background-image:url(image/header_btn_farmer_on.jpg) no-repeat;
	width: 105px;
}


ul#g_navi li#blog {
	background-image:url(image/header_btn_blog_on.jpg) no-repeat;
	width: 105px;
}

ul#g_navi li#blog a {
	background-image:url(image/header_btn_blog_on.jpg) no-repeat;
	width: 105px;
}



ul#g_navi li a:hover,
ul#g_navi li.current a {
	background-image: none 
}


/* ヘッダーバー */

.news#header_bar {
	background-image:url(image/header_bar_news.jpg);
}

.company#header_bar {
	background-image:url(image/header_bar_company.jpg);
}

.shoplocation#header_bar {
	background-image:url(image/header_bar_shoplocation.jpg);
}

.farmer#header_bar {
	background-image:url(image/header_bar_farmer.jpg);
}


/* ボディー */




#wrapper #body .shop_info {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	line-height: 1.5em;
}

#wrapper #body .shop_info_2 {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	line-height: 1.5em;
}




/* フッター */




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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#wrapper #top_flash {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.red {
	color: #C00;
}
#wrapper #copyright p {
	padding-bottom: 5px;
	font-size: 10px;
	color: #333;
	padding-right: 10px;
	padding-top: 20px;
}