@charset "utf-8";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

body {background:#a0a0a0; color:#000; font-size:12px; font-family:Arial, Universe, "ヒラギノ角ゴ Pro W3", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif; line-height:1.5;}
a {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* margin */
.mT05 {margin-top: 5px !important;}
.mT08 {margin-top:8px !important;}
.mT10 {margin-top:10px !important;}	.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}	.mT28 {margin-top:28px !important;}
.mT30 {margin-top:30px !important;}	.mT35 {margin-top:35px !important;}
.mT50 {margin-top:50px !important;}
.noNavi {margin-top:38px !important; padding-top:10px!important;}

/* padding */
.pL20 {padding-left:20px !important;}

/* float style */
.left {float:left;} .right {float:right;} .clear {clear:both;}
.center {text-align:center !important;}
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}

/* font */
.bold {font-weight:bold;}
.orange {color:#ea6000;}
.arial {font-family:Arial;}
.fs11 {font-size:11px !important;}		.fs15 {font-size:15px !important;}

.none {display:none;}

/* link */
a.ls1{color:#0B4075;}
a.ls1:hover{text-decoration:underline;}

a.ls2{color:#0B4075;text-decoration:underline;}
a.ls2:hover{text-decoration:underline;}

a.ls3{color:#333333;text-decoration:none;}
a.ls3:hover{color:#0b4075;text-decoration:none;}

/* text color & style */
.c6{color:#666666;line-height:150%;font-size:12px;}
.ts12{font-size:12px;}

span.copy{display:block;color:#333333;font-size:11px;text-align:right;margin-top:5px;}

/*********************************
 *
 * WRAPPER
 *
 *********************************/

#wrapper {width:100%; background-color:#fff;}


/*********************************
 *
 * HEADER
 *
 *********************************/

#header {background-color:#793327; margin-top: -18px;}
	#header h1 {position:absolute; top:30px;}
		#header h1 a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
	
	#header ul.h_cnac {position:absolute; top:26px; left:245px;}
		#header ul.h_cnac li {font-size:1px;}

			#header ul.h_cnac li a {display:block;}
			/* NCXX FARMとは */
			#header ul.h_cnac li.m1 a {font-size:12px; color:#fff; width:140px; height:13px; margin-bottom:7px;}
			#header ul.h_cnac li.m1 a:hover {}
			/* 野菜をつくる理由 */
			#header ul.h_cnac li.m2 a {font-size:12px; color:#fff; width:140px; height:13px; margin-bottom:9px;}
			#header ul.h_cnac li.m2 a:hover {}
			/* おいしく育てる技術 */
			#header ul.h_cnac li.m3 a {font-size:12px; color:#fff; width:140px; height:13px;}
			#header ul.h_cnac li.m3 a:hover {}

	#header ul.h_link {position:absolute; top:26px; left:450px;}
		#header ul.h_link li {margin-bottom:10px; font-size:1px;}
			#header ul.h_link li a {display:block;}
			/* 育てている野菜 */
			#header ul.h_link li.m1 a {font-size:12px; color:#fff; width:105px; height:13px;}
			#header ul.h_link li.m1 a:hover {}
			/* ドキュメント */
			#header ul.h_link li.m2 a {font-size:12px; color:#fff; width:105px; height:13px;}
			#header ul.h_link li.m2 a:hover {}
			/* ニュース */
			#header ul.h_link li.m3 a {font-size:12px; color:#fff; width:105px; height:13px;}
			#header ul.h_link li.m3 a:hover {}
	
	#header ul.h_cont {position:absolute; top:26px; left:598px;}
		#header ul.h_cont li {font-size:1px;}
			#header ul.h_cont li a {display:block;}
			/* OnlineShop */
			#header ul.h_cont li.m1 a {font-size:12px; color:#fff; width:114px; height:13px; margin-bottom:7px;}
			#header ul.h_cont li.m1 a:hover {}
			/* Video Archive */
			#header ul.h_cont li.m2 a {font-size:12px; color:#fff; width:114px; height:13px; margin-bottom:10px;}
			#header ul.h_cont li.m2 a:hover {}
			/* なし */
			/*
			#header ul.h_cont li.m4 a {width:114px; height:10px; margin-bottom:9px; background:url(../images/header/hnavi.gif) -435px -40px no-repeat;}
			#header ul.h_cont li.m4 a:hover {background:url(../images/header/hnavi_h.gif) -482px -40px no-repeat;}
			*/
			/* Access */
			#header ul.h_cont li.m3 a {font-size:12px; color:#fff; width:114px; height:13px;}
			#header ul.h_cont li.m3 a:hover {}
	
	#header ul.h_lang {position:absolute; top:26px; left:848px;}
		#header ul.h_lang li {/*margin-bottom:10px;*/font-size:1px;}
			#header ul.h_lang li a {display:block;}
			
			#header ul.h_lang li.m1 a {width:52px; height:14px; background:url(../images/header/hnavi.gif) -632px 0px no-repeat;}
			#header ul.h_lang li.m1 a:hover {background:url(../images/header/hnavi_h.gif) -632px 0px no-repeat;}
	
	#header ul.h_icon {position:absolute; top:60px; left:835px;}
		#header ul.h_icon li {font-size:1px;float:left;width:20px;height:21px;margin-right:5px;}
		#header ul.h_icon li.last{margin-right:0px;}
			#header ul.h_icon li a {display:block;}
			
			#header ul.h_icon li.m1 a {width:20px;height:21px;background:url(../images/header/navi_fb.png) 0px 0px no-repeat;}
			#header ul.h_icon li.m2 a {width:20px;height:21px;background:url(../images/header/navi_tw.png) 0px 0px no-repeat;}
			#header ul.h_icon li.m3 a {width:20px;height:21px;background:url(../images/header/navi_insta.png) 0px 0px no-repeat;}


/*********************************
 *
 * MAIN
 *
 *********************************/

#main {width:900px; margin:0 auto;}
#mainimg {width:900px; margin:0 auto;}

/* ul.gnavi */
ul.gnavi {width:900px; height:38px; line-height: 38px; background-color:#eae1d8}
	ul.gnavi li {float:left; font-size:14px;}
		ul.gnavi li h2 a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* pankuzu */
p.pankuzu {margin-top:15px; font-size:12px;}


/*********************************
 *
 * CONTENTS
 *
 *********************************/

#contents {padding-bottom:50px;}

/* tbl_cmnNews */
table.tbl_cmnNews {width:450px; margin-top:3px;}
	table.tbl_cmnNews th, table.tbl_cmnNews td {padding:8px 0 0 6px; color:#333;}
	table.tbl_cmnNews th {width:73px;}
		table.tbl_cmnNews th a {color:#333;}
		table.tbl_cmnNews th a:hover {color:#0b4075;}

/* tbl_cmnTopics */
table.tbl_cmnTopics {}
	table.tbl_cmnTopics td {width:160px; padding-right:25px; font-size:11px;}
		table.tbl_cmnTopics td h3 {margin-bottom:8px; font-size:13px; font-weight:bold;}

/* tbl_sympo */
table.tbl_sympo {float:left; width:570px;}
	table.tbl_sympo th, table.tbl_sympo td {padding:25px 0; border-bottom:1px solid #999; font-size:11px; line-height:1.3;}
	table.tbl_sympo th {width:185px;}
		table.tbl_sympo td h3 {margin:8px 0; font-size:14px; font-weight:bold;}
		table.tbl_sympo td p a {color:#ea6000;}
		table.tbl_sympo td p a:hover {text-decoration:underline;}

/* futureBox */
div.futureBox {float:right; width:305px;}

/* feature */
dl.feature {width:285px; margin-left:20px;}
	dl.feature dt {padding:15px 0; font-weight:bold;}
		dl.feature dt p {display:table-cell; margin:0; vertical-align:middle;}
		* html dl.feature dt p {display:inline; zoom:1;}
		*:first-child+html dl.feature dt p {display:inline; zoom:1;}
			dl.feature dt p img {padding-right:20px;}
	dl.feature dd {padding-bottom:17px; border-bottom:1px solid #999; font-size:11px; line-height:1.3;}

/* arhCmnBox */
div.arhCmnBox {/* background:url(../images/bg_contents.gif) right top repeat-y; border-bottom:1px solid #666; */}

/* arhCmninner */
div.arhCmninner {float:left; width:570px;}

/* tbl_arhCmn */
table.tbl_arhCmn {width:100%;}
	table.tbl_arhCmn th, table.tbl_arhCmn td {padding:25px 0; border-bottom:1px solid #999; font-size:11px; line-height:1.3;}
	table.tbl_arhCmn th {width:185px;}
		table.tbl_arhCmn td h3 {margin:8px 0; font-size:14px; font-weight:bold;}
		table.tbl_arhCmn td p a {color:#ea6000;}
		table.tbl_arhCmn td p a:hover {text-decoration:underline;}

/* add */
div.add {}
	div.add {padding-left:430px;}
div.add2 {}
	div.add2{padding-right:4px;}

/* pageBox */
div.pageBox {overflow:hidden; position:relative; padding-top:30px;}
	div.pageBox ul {float:left; position:relative; left:50%;}
		div.pageBox ul li {float:left; position:relative; left:-50%; margin-right:15px; color:#413d3c; font-size:13px;}
		div.pageBox ul li.vst {padding:1px 3px; border-bottom:1px solid #333;}
			div.pageBox ul li a {display:block; padding:1px 5px; color:#413d3c;}
			div.pageBox ul li a:hover {background:#413d3c; color:#fff;}
			div.pageBox ul li a.pre {width:20px; height:17px; margin-top:2px; padding:0; background:url(../images/btn_pre_white.gif) 0 -17px no-repeat;}
			div.pageBox ul li a.pre:hover {background:url(../images/btn_pre_white.gif) no-repeat;}
			div.pageBox ul li a.next {width:20px; height:17px; margin-top:2px; padding:0; background:url(../images/btn_next_white.gif) 0 -17px no-repeat;}
			div.pageBox ul li a.next:hover {background:url(../images/btn_next_white.gif) no-repeat;}

/* pageBoxBk */
div.pageBoxBk {overflow:hidden; position:relative; padding-top:30px;}
	div.pageBoxBk ul {float:left; position:relative; left:50%;}
		div.pageBoxBk ul li {float:left; position:relative; left:-50%; margin-right:15px; color:#fff; font-size:13px;}
		div.pageBoxBk ul li.vst {padding:1px 3px; color:#666;}
			div.pageBoxBk ul li a {display:block; padding:1px 5px; color:#fff;}
			div.pageBoxBk ul li a:hover {color:#3399ff;}
			div.pageBoxBk ul li a.pre {width:20px; height:18px; margin-top:2px; padding:0; background:url(../images/btn_pre_bk.gif) 0 -18px no-repeat;}
			div.pageBoxBk ul li a.pre:hover {background:url(../images/btn_pre_bk.gif) no-repeat;}
			div.pageBoxBk ul li a.next {width:20px; height:18px; margin-top:2px; padding:0; background:url(../images/btn_next_bk.gif) 0 -18px no-repeat;}
			div.pageBoxBk ul li a.next:hover {background:url(../images/btn_next_bk.gif) no-repeat;}

/* back */
div.back a {display:block; width:65px; height:9px; margin:30px auto 0 auto; background:url(../images/btn_back_a.gif) 0 0px no-repeat;}
div.back a:hover {background:url(../images/btn_back_b.gif) no-repeat;}


/*********************************
 *
 * RIGHTNAVI
 *
 *********************************/

/* bnrBox */
div.bnrBox {float:right; width:285px;}
	div.bnrBox ul {}
		/*div.bnrBox ul li {margin-bottom:20px;}*/
		div.bnrBox ul li {margin-bottom:0px;line-height:1.0px;}


/*********************************
 *
 * FORM
 *
 *********************************/

.notice{color: red; font-size: 11px !important;margin-bottom: 5px;}


/*********************************
 *
 * FOOTER
 *
 *********************************/
div#footer {width:100%; background:#eae1d8;}
/*table#tbl_footer {width:100%;}
	table#tbl_footer td.lBtn, table#tbl_footer td.rBtn {width:50px; vertical-align:middle;}
		table#tbl_footer td.lBtn a {display:block; width:50px; height:50px; background:url(../images/footer/l_btn.gif) 0 -50px no-repeat;}
		table#tbl_footer td.lBtn a:hover {background:url(../images/footer/l_btn.gif) no-repeat;}
		table#tbl_footer td.rBtn a {display:block; width:50px; height:50px; background:url(../images/footer/r_btn.gif) 0 -50px no-repeat;}
		table#tbl_footer td.rBtn a:hover {background:url(../images/footer/r_btn.gif) no-repeat;}
	table#tbl_footer td.cnt {width:100%; padding:10px 0;}
		table#tbl_footer td.cnt div.f_cntBox {overflow:hidden; width:800px;}
			table#tbl_footer td.cnt div.cntBox dl {float:left; width:179px; border-right:1px solid #B5B5B6;}
				table#tbl_footer td.cnt div.cntBox dl dt {padding:5px 15px 0 20px;}
					table#tbl_footer td.cnt div.cntBox dl dt p.date {color:#666; font-size:11px;}
					table#tbl_footer td.cnt div.cntBox dl dt div {margin-top:10px; color:#fff; line-height:1.2;}
						table#tbl_footer td.cnt div.cntBox dl dt div img {padding-right:12px;}
				table#tbl_footer td.cnt div.cntBox dl dd {padding:13px 15px 15px 20px; color:#fff; font-size:11px;}
					table#tbl_footer td.cnt div.cntBox dl dd a {color:#fff;}
					table#tbl_footer td.cnt div.cntBox dl dd a:hover {background:#666; color:#ccc; text-decoration:none;}
*/

/*********************************
 *
 * GRAPH
 *
 *********************************/
div#scg{width:1001px;margin:0 auto;}
table#tbl_footer {width:901px;}
	table#tbl_footer td.lBtn, table#tbl_footer td.rBtn {width:50px; vertical-align:top;padding:100px 0 0 0;}
		table#tbl_footer td.lBtn a {display:block; width:50px; height:50px; background:url(../images/footer/l_btn.gif) 0 -50px no-repeat;}
		table#tbl_footer td.lBtn a:hover {background:url(../images/footer/l_btn.gif) no-repeat;}
		table#tbl_footer td.rBtn a {display:block; width:50px; height:50px; background:url(../images/footer/r_btn.gif) 0 -50px no-repeat;}
		table#tbl_footer td.rBtn a:hover {background:url(../images/footer/r_btn.gif) no-repeat;}
	table#tbl_footer td.cnt {width:10; padding:10px 0;}
		
		div#graphWindow{position:relative;min-height:160px;_height:160px;width:901px;}
			div#loading{width:100%;position:absolute;top:72px;left:0px;}
				div#graphWindow ul#socialGraph li.graph{width:901px;}
					div#graphWindow ul#socialGraph li.graph table.cntBox{border-left:1px solid #B5B5B6; border-collapse: collapse;}
						div#graphWindow ul#socialGraph li.graph table.cntBox td{width:149px; border-right:1px solid #B5B5B6;padding:0px 15px 0px 15px;}
							div.graphH{padding:5px 0 0}
								div.graphH p.date {color:#666; font-size:11px;margin-bottom:10px;}
								div.graphH p a.left{width:48px;}
								div.graphH p a.right{width:75px;word-wrap:break-word;padding:0px 1px;}
								div.graphH a.userlink{word-wrap:break-word;color:#ffffff;}
								div.graphH a.userlink:hover{background:#333333;}
							div.graphB{padding-top:13px;}
							div.graphB p.text{width:149px;word-wrap:break-word;color:#ffffff;font-size:11px;}
							div.graphB p.text a{word-wrap:break-word;color:#cccccc;background:#666666;}
							div.graphB p.text a:hover{color:#FFFFFF;background:#333333;}


/* f_link */
div#footer div.f_link {overflow:hidden; position:relative; padding-top:30px;}
div#footer ul.f_link {float:left; position:relative; left:50%;}
	div#footer ul.f_link li {float:left; position:relative; left:-50%; margin-right:20px; color:#fff; font-size:11px;}
		div#footer ul.f_link li a {color:#000;}
		div#footer ul.f_link li a:hover {text-decoration:underline;}
#footer p.copyright {clear:both; padding:15px 0; color:#000; font-size:11px; text-align:center;}
* html #footer p.copyright {padding-top:7px;}


/* BT IMG*/
img.btImg{vertical-align:top;}

/* h3 title bk purple */
h3.purple{
	background:url(../images/h3_title_purple.gif) no-repeat;
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:120%;
	padding:5px 0 0 10px;
}

.border_bottom{border-bottom: 1px solid #666666;}