@charset "Shift_JIS";

/* ------------------ font　------------------------------------------------------  */
h1 {    font-size:140%; }
h2 {    font-size:90%; }
h3{    font-size:80%; }
h4 {    font-size:80%; }
p { font-size: 80%; }
ul { font-size: 80%; }
ol { font-size: 80%; }
dd { font-size: 80%; }
.note { font-size:75%; }
.small { font-size:70%; }

#head_copy p.copy { font-size:70%;}
ul.head_help li { font-size:75%;}

#pannav {font-size:	70%;}

.corp_tb th,.corp_tb td {font-size:80%;}
.tb_form th,.tb_form td{font-size:80%;}
.tbl_history {font-size:80%;}

#footer p.foot_link {font-size:70%;}
#footer p.copyright { font-size:70%;}

#farmer dt{	font-size: 90%;}
.store {font-size:80%;}
#foot_address { font-size:70%;}
#top_lohas h3  {    font-size:90%; }

/* ------------------ basic　------------------------------------------------------  */
/*	ボディ設定	*/

body{
	font-size:100%;
	color: #333333;
	text-align: center;
	background: #fff url(../img_common/bg.gif) repeat-x;
	margin: 0; padding: 0;
}

/*	イメージボーダー消去設定	*/

img{ border: none; }

/*	アドレスタグのフォントスタイルを斜体から通常にする	*/

address{ font-style: normal; }

/*	リンク設定		*/

a:link { color: #005F80; }
a:visited { color: #800080; }
a:hover { color: #005F80; text-decoration: none; background: #D7F2FF; }
a:active { color: #005F80; text-decoration: none; background: #D7F2FF; }
a:focus { color: #005F80; text-decoration: none; background: #D7F2FF; }

/*	IE以外のブラウザがアンカーにリンク反応しないように設定		*/

a[name]:hover,active,focus{ color:#fff; }


/*		全てのコンテンツが入るボックス設定		*/

#basic{
	width: 776px;
	margin: 0px auto;
	text-align: left;
	background:url(../img_common/basic_bg.gif) repeat-y;
}


/* ------------------ head　------------------------------------------------------  */
#head_copy {
	width: 776px;
	background:#F8F3E7;
	margin: 0; padding:0;
}

#head_copy p.copy {
 margin: 0 ; padding: 8px 0 0 4px;
}

#header {
	width: 760px;
	margin: 0; padding:0;
}

#header p {
	margin: 0; padding: 0;
}
ul.head_help {
    width:225px;
	list-style-type: none;
	margin: 0; padding: 0;
	float: right;
}
ul.head_help li {
	float: left;
	width:75px;
	height:15px;
	margin: 30px 0 0 0;
	padding: 0 0 0 15px;
	background:url(../img_common/allow.gif) no-repeat ;
    voice-family: "\"}\"";
	voice-family: inherit;
	width:60px;
}

html>body ul.head_help li {
	width:60px;
}
ul.head_help li a {	display: block;}
.to_blog{float:right;margin: 16px 0 0 0; padding:0;}

ul.head_help li.blog {background:none;}

ul.head_help a:link {	color: #666666; text-decoration: none;}
ul.head_help a:visited {	color: #666666; text-decoration: none;}
ul.head_help a:hover,ul.head_help a:active,ul.head_help a:focus { color: #34854F;  text-decoration: none; background: #E0F5BC; }
/* ------------------ nav　------------------------------------------------------  */
/* グローバルナビ ------------------------------------------------------ */

#nav_gl {
	width: 760px;
	margin: 0; padding:0;
	clear:both;
}
#nav_gl p.navg {
    margin: 0; padding: 0;
}


/* ローカルナビ ------------------------------------------------------ */

#nav_lo,#nav_lo_page {
	display:none;
}

#nav_lo h2,#nav_lo_page h2 { margin: 70px 0 0 0;}

/* ローカルナビ　項目　*/

#nav_lo ul { margin: 0;	padding: 0; list-style-type: none;}

#nav_lo li a:link,#nav_lo li a:visited,#nav_lo li a:hover ,#nav_lo li a:active,#nav_lo li a:focus {
	width:135px;
	height: 31px;
	margin: 0 0 0 14px;
	padding: 9px 0 0 0;
	display:block;
	text-indent: 15px;
	text-decoration: none;
    voice-family: "\"}\"";
	voice-family: inherit;
	height: 22px;
}

html>body #nav_lo li a:link, html>body #nav_lo li a:visited, html>body #nav_lo li a:hover,
html>body #nav_lo li a:active, html>body #nav_lo li a:focus {
	height: 22px;
}
#nav_lo li a:link,#nav_lo li a:visited {background: url(../img_common/navl_on.gif) no-repeat; color:#3A8248;}
#nav_lo li a:hover ,#nav_lo li a:active,#nav_lo li a:focus {
	background: url(../img_common/navl_ov.gif) no-repeat; color:#A44B1D;}


/* ローカルナビ　カレントメニュー設定　*/
#nav_lo li.nav_lo_cur {
	width:135px;
	height: 31px;
	margin: 0 0 0 14px;
	padding: 9px 0 0 0;
	display:block;
	text-indent: 15px;
	text-decoration: none;
	background: url(../img_common/navl_ov.gif) no-repeat; color:#A44B1D;
    voice-family: "\"}\"";
	voice-family: inherit;
	height: 22px;
}

html>body #nav_lo li.nav_lo_cur {
	height: 22px;
}


/* ローカルナビ ページ内リンク ------------------------------------------------------ */

#nav_lo_page h2.tweline { margin: 55px 0 0 0;}
#nav_lo_page ul { margin:10px 0 0 0; padding: 0; list-style-position:inside; text-indent:12px;}
#nav_lo_page li a:link,#nav_lo_page li a:visited { color:#3A8248; text-decoration:none;}
#nav_lo_page li a:hover ,#nav_lo_page li a:active,#nav_lo_page li a:focus { text-decoration:underline; background:none; }

/* ぱんくずナビ ------------------------------------------------------ */
#nav_pan {
	width: 100%;
	height: 19px;
	margin: 0;
	padding: 0;
	color:#666666;
}

#nav_pan a:link {	color: #666666; text-decoration: none;}
#nav_pan a:visited {	color: #666666; text-decoration: none;}
#nav_pan a:hover { color: #34854F;  text-decoration: none; background: #E0F5BC; }
#nav_pan a:active{ color: #34854F;  text-decoration: none; background: #E0F5BC; }
#nav_pan a:focus { color: #34854F;  text-decoration: none; background: #E0F5BC; }
/* ------------------ contents　------------------------------------------------------  */
/* 共通ＣＳＳ　------------------------------------------------------  */

#container p,#container dd,#container ol,#container td,#container th { line-height: 150%; letter-spacing: 0.02em; color: #333333; }
.clear { clear: both; }
.orange { color: #F57700; }
.black { color: #000; }
.green { color: #066926; }
.red { color: #990000; }
.blue { color: #003399; }
.center { text-align: center;}
.t_left { text-align:left;}
.mp0 { margin:0; padding:0;}
.mpb0 {margin-bottom:0; padding:0;}
.mpt3 {margin-top:3px; padding:0;} 
.bg_green { background:#E8F2BB;}
.bg_glay { background:#F5F5F5;}

h1.title { margin: 0; padding: 0; }
.f_left { margin: 0 20px 0 0; padding: 0; float: left;}
.f_right { margin: 0 0 0 20px; padding: 0; float: right;}
.f_right10 { margin: 0 0 0 10px; padding: 0; float: right;}
.f_left10 { float:left; margin-right:10px; }
.page_top { text-align:right; clear: both; margin:5px 0 10px 0; padding:0;}

/*コンテナ　------------------------------------------------------  */

#container {
	clear: both;
	width: 776px;
	margin: 0; padding: 0 8px;
	background: url(../img_common/container_bg.gif) repeat-y;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 760px;
}

html>body #container {
	width: 760px;
}

/*トップページ　------------------------------------------------------  */

#contents_top {
	clear: both;
	width: 760px;
	margin: 0; padding: 0;
}

#top_flash { margin:4px; padding:0;}
.top_shelf {
	margin:0 0 0 7px; padding:0;
	width:748px;
	clear:both;
}


.itembox {
	width:185px;
	margin:0 2px 0 0; padding:0 ;
	background: url(../img_top/itembox_bg.gif) repeat-y;
	float:left;
}
.item_ex1,.item_ex2,.item_ex3,.item_ex4 {
	width:185px;
	margin:10px 0 0 0; padding:10px 5px 3px 15px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width:165px
}

html>body .item_ex1 ,html>body .item_ex2, html>body .item_ex3, html>body .item_ex4 {
	width:165px
}
.item_ex1 { background: url(../img_top/item_kamo.jpg) no-repeat;}
.item_ex2 { background: url(../img_top/item_imo.jpg) no-repeat;}
.item_ex3 { background: url(../img_top/item_kurozu.jpg) no-repeat;}
.item_ex4 { background: url(../img_top/item_sotya.jpg) no-repeat;}


#top_lohas {
	width: 440px; height: 190px;
	margin:0 0 0 2px; padding:0;
	float:left;
	background: url(../img_top/lohas_bg.gif)  no-repeat;
}
.lohas_ex {
	width: 292px;
	margin:7px 0 0 3px; padding:0;
	float: left;
}
p.lohas_link {
	width: 130px;
	margin:10px 5px 0 0; padding:0;
	float: right;
}
#top_lohas h3 { color:#E9BA6B;}


ul.customer {
	width: 297px;
	height: 190px;
	margin:0 1px 0 0; padding:0;
	float: right;
	list-style: none;
	background:url(../img_top/cust_bg.gif) no-repeat;
}
ul.customer li{
	margin:0; padding:0;
}
li.cust_title {
	width: 297px;
	margin:0; padding:0;
}
ul.customer li.cust_body {
	width: 297px;
	height: 32px;
	margin: 7px 0 18px 0; padding: 0;
	clear:both;
}
.cust_logo {
	margin: 0 ; padding: 0;
	float: left;
	clear:both;
}
.f_right2 { margin: 0 2px 0 20px; padding: 0; float: right;}

/* コンテンツ------------------------------------------------------  */

#main { width:100%; margin-top: 10px;}
#contents {	width: 597px;}
.contents_foot { clear:both; width: 597px; height:20px; background: url(../img_common/contents_foot.gif) no-repeat; }


/* 商品ページ共通------------------------------------------------------  */

p#column_title { margin:0; padding:0;}

#plates {
	width: 597px;
	padding:0px 20px;
	background:url(../img_common/bg_contents.gif);
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 557px;
}

html>body #plates {
	width: 557px;
}

#pod_ti_inq {
	width: 557px;
	margin:0;
	padding:15px 0 0 0;
}
.pod_title { width:448px; float:left; text-align:center;}
#container .pod_title p { line-height: 130%; color:#666666; }
.pod_inq { width:107px; background:url(../contents/articles/img/form_s_bg.jpg); float:left;}
.pod_form_p { margin: 8px 0 0 8px;}

/* 特徴 */
#feature { width: 556px; clear:both; margin-bottom:40px;}
.f_pod,.f_pod2 {width:182px; float:left; background:url(../contents/articles/img/feature_bg.gif);}
.f_pod2 { margin-right: 5px; margin-left: 5px;}
#feature p { margin: 10px 12px 5px 10px;}
.feature_foot {width:182px; height:15px; background:url(../contents/articles/img/feature_foot.gif) no-repeat;}

/* お問合せ店舗・オンライン */
#inq { margin:20px auto 0 auto; clear:both; text-align:center;}


/*さつまいも冷麺　------------------------------------------------------  */
#story_pod { width:100%;}
#story_pod h2 { width: 109px; float:left; padding:0; margin:0 0 40px 0;}
.story_right {
	width:446px;
	padding:10px 15px 40px 0; float:left;
	background:url(../contents/articles/img/r_story_bg.jpg) no-repeat;
    voice-family: "\"}\"";
	voice-family: inherit;
	width:431px;
}

html>body .story_right {
	width:431px;
}

/*有機資材　------------------------------------------------------  */
.org_list { width: 555px; clear:both; padding:10px 0;}
dl.orglist_box_l {width:262px; height:230px; float:left; margin:0; padding:0;}
dl.orglist_box_r {width:262px; height:230px; float:right; margin:0; padding:0;}
dl.orglist_box_long {
       width:556px; height:230px; float:left;
	   background: url(../contents/articles/img/org_list_bg.jpg) no-repeat right top;
       margin:0; padding:0;
}
.org_list dt,.org_list dd {margin:0; padding:0;}

#farmer {
	width: 555px;
	clear:both;
	background: url(../contents/articles/img/org_farm_bg.jpg) no-repeat;
}
#farmer h3{
	margin:0 0 3px 0;padding:0 15px;
	font-weight: normal;
	color: #3F8919;
}
#farmer dl{margin:0; padding:0 15px;}
#farmer dt{	margin:0;padding:0;	font-weight: bold;	color: #751D1C;}
#farmer dd{margin:8px 0 10px 0; padding:0; }

/*曽於茶　------------------------------------------------------  */
#pod_lr { width: 555px; clear:both;}
.pod_left{width: 267px; float:left;}
.pod_right{width: 268px; float:right;}
#container #pod_lr p {color:#595F49; margin-top: 10px;}
#pod_lr h2 { margin:0; padding:0;}

#feature_y { width: 556px; clear:both; margin-bottom:20px; background:url(../contents/articles/img/feature_bgy.gif);}
.f_pod_y,.f_pod2_y {width:182px; float:left; background:url(../contents/articles/img/feature_bg_y.gif);}
.f_pod2_y { margin-right: 5px; margin-left: 5px;}
#feature_y p { margin: 10px 12px 5px 10px;}
.feature_fy { width:555px; clear:both; height:15px; background:url(../contents/articles/img/feature_fy.gif) no-repeat;}

/*くろず納豆　------------------------------------------------------  */
#contents .k_exp{margin-left:10px; color:#4B6F20;}

dl.k_feat1{	width:555px; height: 216px;margin: 0;padding: 0;}
dl.k_feat1 dt{ height:47px; margin: 0;padding: 0;}
dl.k_feat1 dd{ height: 169px; margin: 0;padding: 0; background: url(../contents/articles/img/k_bg_feat1.jpg);text-align: center;}

dl.k_feat2{	width:272px; height: 151px;margin: 0;padding: 0;	float: left;}
dl.k_feat2 dt{ height:48px; margin: 0;padding: 0;}
dl.k_feat2 dd{ height: 103px; margin: 0;padding: 0; background: url(../contents/articles/img/k_bg_feat2.jpg);text-align: center;}

dl.k_feat3{	width:283px; height: 151px;margin: 0;padding: 0;	float: right;}
dl.k_feat3 dt{ height:48px; margin: 0;padding: 0;}
dl.k_feat3 dd{ height: 103px; margin: 0;padding: 0 0 0 25px; background: url(../contents/articles/img/k_bg_feat3.jpg);text-align: center;}

.k_tb {margin: 0;padding: 0;}
.k_tb td { background:#F9F4E6;	border: 1px solid #F2E9CE;}
#contents .k_tb td p {margin: 10px 15px;padding: 0; color:#785212;}

/*海外事業　------------------------------------------------------  */
h1#page_title {
	height:82px;
	margin:0 0 10px 0;
	padding:40px 0 0 0;
	background: url(../contents/overseas/img/t_head.jpg) no-repeat;
    voice-family: "\"}\"";
	voice-family: inherit;
	height:42px;
}

html>body h1#page_title {
	height:42px;
}
.over_taipei { width:306px; float: left; margin-right:20px;}
.over_japan { width:229px;float: right;}
#contents .over_exp {
	width:395px;
	height:134px;
	margin:5px auto;
	padding:30px 35px;
	clear:both; color:#A44B1D;
	background: url(../contents/overseas/img/over_ex_bg.jpg) no-repeat;
    voice-family: "\"}\"";
	voice-family: inherit;
	width:325px;
	height:74px;
}

html>body #contents .over_exp {
	width:325px;
	height:74px;
}

/*日本有機５つの魅力 ------------------------------------------------------  */
.pod_appeal { width:100%; clear:both;}
.pod_appeal h2 { margin:0;}
.pod_appeal ul { margin-top:0; margin-bottom:0;}
.pod_appeal_l { width:273px; float:left;}
.pod_appeal_r { width:272px; float:right;}

/*環境への取組み ------------------------------------------------------  */
.pod_enviro { width:100%; clear:both;}
.pod_enviro_l { width:375px; float:left;}
.pod_enviro_r { width:180px; float:right;}
.tbl_logo { border: 1px solid #CCCCCC; clear:both; margin-top: 20px;}
#container .tbl_logo ul { line-height:120%; margin:0; padding:0; list-style:none;}
.t_enviro_h2 { margin-top: 40px; clear:both;}
.faming_ex { margin: 10px 0 0 0; padding:0; }
#container p.board { background:#234323; color:#fff; padding: 15px;}

/*会社概要　------------------------------------------------------  */
.corp_tb { background:#CCCCCC; margin:10px 0px;}
.corp_tb th{ background:#ECE9D8; font-weight: normal;}
.corp_tb td{ background:#FFFFFF;}
.tbl_history { clear:both;}
#container .tbl_history th { font-weight: normal; color:#076135; text-align:right;}
.bg_staff { background:url(../contents/aboutus/img/bg_name.gif) no-repeat; text-indent:16px; margin:5px 0; padding:0;}
#container .ex_staff { margin:0 0 5px 0; line-height: 120%;}

/*取扱店店舗　------------------------------------------------------  */
.store { background: #CCCCCC;}
.store td { background: #fff;}
.store td.glayline {  background:#EFEFEF; }
#container .store th { background:#E8F2BB; text-align:left; color:#076135;}


/*お問い合わせ　------------------------------------------------------  */
.tb_form { background:#CCCCCC;}
.tb_form th { background: #E8F2BB; text-align: left;}
.tb_form td { background: #fff;}
th.inq { background:#F7F4D5;}
.form_ad {
	width: 605px;
	height:119px;
	margin:0;
	padding: 50px 0 0 20px;
	background: url(../cgi-bin/form/img/bg_form_ad.jpg) no-repeat;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 535px;
	height:99px;
}

html>body .form_ad {
	width: 535px;
	height:99px;
}

.sub_t {width: 555px; margin:0; padding: 0; background: url(../cgi-bin/form/img/sub_t_bg.gif) repeat-y;}
.sub_t_co,.sub_t_cu { width: 275px; margin:0; padding: 0;}
.sub_t_co {float:left;} .sub_t_cu {float:right;}
.sub_t_p {margin:0; padding: 0 20px;}

/*サイトマップ　------------------------------------------------------  */
ul.sitemap {margin:0 0 0 5px; padding:10px;list-style: none;}
ul.sitemap li {line-height:2.5em;}
ul.sitemap li.leaf {
	background: url(../img_common/leaf.gif) no-repeat left center;
	margin:0; padding: 0;
	text-indent: 30px;
}
.pod_pds { width: 500px; clear:both;}
.pod_pds_l{ width: 240px; float:left;}
.pod_pds_r{ width: 250px; float:right;}

/* ------------------ foot　------------------------------------------------------  */
#footer {
	clear: both;
	width: 760px;
	margin:20px 0 0 0 ;	padding:10px 0 0 0 ;
	text-align: center;
	background:#F7F0E1;
}

#footer p.foot_link {margin:0;padding:0;color: #666666}

#footer p.foot_link a:link {color: #666666; text-decoration: none;}
#footer p.foot_link a:visited {	color: #666666; text-decoration: none;}
#footer p.foot_link a:hover {	color: #34854F; text-decoration: none; background:none}
#footer p.foot_link a:active { color: #34854F; text-decoration: none; background:none}
#footer p.foot_link a:focus { color: #34854F; text-decoration: none; background:none}

#footer p.copyright { font:Arial, Helvetica, sans-serif; text-align: center; margin:0; padding:0; color:#B6754B;}

address { color:#666666;}
#foot_address {
	width: 776px;
	margin: 0px auto;
	text-align: center;
	background:url(../img_common/basic_foot_bg.gif) no-repeat;
	padding-top: 25px;
}