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

*{ margin : 0; padding : 0; }

img { border:0; }

a { outline: none; }

body {
	-webkit-text-size-adjust: 100%;
	font-size:13px; color:#666666; background:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
	position:relative;
	width:100%; margin:0 auto;
}

/* p{font-weight:bold;font-size:20px; color:#fff; padding:10px; line-height:1.5; margin:0;} */

/* header ******************************************/
/***************************************************/
#header{ width:100%; background:url(../../image/head-footer-bg.jpg); padding:0; height:8px;}


/* contents ****************************************/
#contents{ width:950px; height:auto; margin:0 auto 30px; }


/* サイドメニュー***********************************/
/***************************************************/
#side{ position:relative; width:280px; height:auto; float:left; }
#side ul { margin:0; padding:0; }
#side li { list-style:none; text-indent:-9999px; }
.toplogo { width:256px; height:240px; }
.menubase { width:256px; height:288px;}
.menu01 { background:url(../../image/menu/menu01_off.jpg); }
.menu01 a { display:block; width:256px; height:57px; }
.menu01 a:hover { background:url(../../image/menu/menu01_on.jpg); }

.menu02 { background:url(../../image/menu/menu02_off.jpg); width:256px; height:57px; }
.menu02 a { display:block; width:256px; height:57px; }
.menu02 a:hover { background:url(../../image/menu/menu02_on.jpg); }

.menu03 { background:url(../../image/menu/menu03_off.jpg); width:256px; height:57px; }
.menu03 a { display:block; width:256px; height:57px; }
.menu03 a:hover { background:url(../../image/menu/menu03_on.jpg); }

.menu04 { background:url(../../image/menu/menu04_off.jpg); width:256px; height:57px; }
.menu04 a { display:block; width:256px; height:57px; }
.menu04 a:hover { background:url(../../image/menu/menu04_on.jpg); }

.menu05 { background:url(../../image/menu/menu05_off.jpg); width:256px; height:60px; }
.menu05 a { display:block; width:256px; height:60px; }
.menu05 a:hover { background:url(../../image/menu/menu05_on.jpg); }

.menu_tell { margin-top:10px; margin-left:6px; }
.menu_onlineshop { margin-top:30px; margin-left:6px; background:url(../../image/menu/onlinshop_btn_off.jpg); }
.menu_onlineshop a { display:block; width:250px; height:110px; }
.menu_onlineshop a:hover { background:url(../../image/menu/onlinshop_btn_on.jpg); }
.menu_carbon { margin-top:10px; margin-left:6px; background:url(../../image/menu/carbonoffset_btn_off.jpg); }
.menu_carbon a { display:block; width:250px; height:96px; }
.menu_carbon a:hover { background:url(../../image/menu/carbonoffset_btn_on.jpg); }


/* メインコンテンツ ********************************/
/***************************************************/
#main{ width:670px; float:left; background:#FFFFFF; }

/* 共通タイトル設定 ********************************/
/***************************************************/
.contents-title { width:670px; height:29px; margin-bottom:20px; }
.contents-subtitle { width:670px; height:29px; margin:30px 0 0 0; }
.contents-margin { margin-top:50px; }

.contents_left { position:relative; width:435px; margin-right:20px; float:left; }
.contents_right { position:relative; width:215px; float:left; }

/* Slidepro ******************************************/
/***************************************************/
.top_box { padding:0; margin:0 0 0 0; height:300px; }

/* since1971 ***************************************/
/***************************************************/
.since_main { width:670px; margin-top:20px; height:430px; }
.since1971 { width:444px; height:430px; padding-right:20px; line-height:180%; float:left; }
.since1971photo { width:206px; height:430px; float:left; }
.since_text01 { margin:26px 0 6px 0; font-size:13px; }
.since_text02 { margin:0 0 6px 0; font-size:13px; }

/* TOPへボタン *************************************/
/***************************************************/
.clear { clear:both; }
.totop { width:670px; height:24px; text-align:right; margin-bottom:110px; }
.totopmargin { margin-top:40px; }


/* 01 農作物 ***************************************/
/***************************************************/
.nousaku-contents { position:relative; width:670px; height:auto; }
.nousaku-contents ul { padding:0; margin:0; list-style:none; }
.nousaku-contents li { position:relative; width:670px; height:180px; }
.nousaku-01bg { background:url(../../image/crop/nousaku01-bg.jpg) no-repeat top; }
.nousaku-02bg { background:url(../../image/crop/nousaku02-bg.jpg) no-repeat top; }
.nousaku-03bg { background:url(../../image/crop/nousaku03-bg.jpg) no-repeat top; }
.nousaku-04bg { background:url(../../image/crop/nousaku04-bg.jpg) no-repeat top; }
.nousaku-05bg { background:url(../../image/crop/nousaku05-bg.jpg) no-repeat top; }
.nousaku-06bg { background:url(../../image/crop/nousaku06-bg.jpg) no-repeat top; }
.nousaku_txt { position:absolute; top:40px; left:2px; width:166px; height:120px; font-size:11px; }
.nousaku_txt_bold { font-weight:bold; font-size:14px; }

/* 02 農園の取り組み *******************************/
/***************************************************/
.torikumi-contents { position:relative; width:670px; height:auto; }
.bold_title { width:100%; height:auto; margin:0; text-align:left; font-weight:bold; font-size:14px; }
.textbox { width:100%; height:auto; margin:0 0 30px 0; text-align:left; font-size:13px; line-height:150%; max-height:999999px; }


.torikumi-box { width:670px; }
.torikumi-box01 { width:396px; float:left; }
.torikumi-box02 { width:234px; float:left; }

.ecofarm-photo { width:215px; height:157px; margin-top:0; }
.colorfultomato { margin-right:10px; float:left; }
.torikumicarbon { width:670px; margin:10px 0 10px 0; }

/* 03 Facebook *************************************/
/***************************************************/
.facebook-image { width:670px; margin-bottom:20px; }
.facebook-subimage { width:506px; height:22px; margin-bottom:0 0 0 0; }
.facebook_txt01 { width:670px; margin:10px 0 10px 0; line-height:180%; }
.facebook_link { width:317px; height:24px; margin:20px 0 0 0; }

/* 04 about ****************************************/
/***************************************************/
.about_td1 { background:#c8b282; width:130px; height:60px; border-top:#666666 solid 1px; border-bottom:#666666 solid 1px; color:#FFFFFF; letter-spacing:2px; }
.about_td2 { width:510px; height:40px; border-top:#666666 solid 1px; padding:10px; border-bottom:#666666 solid 1px; }

.about table { border-collapse:collapse; margin:10px 0 30px 0;  }


/* 05 contact **************************************/
/***************************************************/
.contact-subimage { width:506px; height:20px; margin-bottom:0; }
.contact_txt01 { width:400px; height:143px; float:left; padding-top:10px; margin:0 0 40px 0; line-height:180%; }
.contact_image { width:234px; height:153px; float:left; }


/* footer ******************************************/
/***************************************************/
.footer_base { position:relative; width:100%; height:140px; background:url(../../image/head-footer-bg.jpg) repeat-x; }
.footer_box { position:relative; width:970px; height:140px; margin:0 auto; }
.f-logo { position:absolute; top:10px; left:0; }
.f-top { position:absolute; top:16px; left:290px; }
.f-crop { position:absolute; top:16px; left:470px; }
.f-torikumi { position:absolute; top:16px; left:600px; }
.f-facebook { position:absolute; top:70px; left:290px; }
.f-about { position:absolute; top:70px; left:470px; }
.f-contact { position:absolute; top:70px; left:600px; }