<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@import url(default.css);
@import url(base.css);

	#main{padding-bottom:50px;}


	#content{
		width:725px;
	}

@media screen and (max-width:1020px){
		
	#content{
		width:90%;
		margin:0 auto;
		padding-left:0;
		float:none;
	}
			
}


/* index */


	#index #content h2{
		width:100%;
		height:170px;
		color:#666;
		font-size:2.0em;
		letter-spacing:0.05em;
		border:none;
		background-image:url(../guide/images/img_contentmain.png);
		background-position:100% 0;
		background-repeat:no-repeat;
		-moz-box-shadow:0 0 0 1px #ccc inset;
		-webkit-box-shadow:0 0 0 1px #ccc inset;
		box-shadow:0 0 0 1px #ccc inset;
	}

@media screen and (max-width:1020px){

	#index #content h2{
		height:140px;
		padding-left:0;
		font-size:1.8em;
		background-size:auto 100%;
		text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
		0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
		0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
	}

}

@media screen and (max-width:640px){

	#index #content h2{
		height:100px;
	}

}

@media screen and (max-width:420px){

	#index #content h2{
		height:70px;
		font-size:1.2em !important;
	}

}

	#index #content h2 div{
		display:table-cell;
		height:180px;
		line-height:1.05em;
		vertical-align:middle;
		position:relative;
		left:35px;
	}

@media screen and (max-width:1020px){

	#index #content h2 div{height:160px;}

}

@media screen and (max-width:640px){

	#index #content h2 div{
		height:120px;
		font-weight:500;
	}

}

@media screen and (max-width:420px){

	#index #content h2 div{
		height:90px;
		left:20px;
	}

}

	#index #content h2 span{
		display:block;
		margin-left:0;
		font-size:0.5em;
	}






		#cap-guide{
			margin:30px 0;
			color:#2c6234;
		}

		.sp-content{
			padding:15px 3% 18px;
			width:42%;
			float:left;
			margin:0 4% 40px 0;
			-moz-box-shadow:0 0 0 1px #ccc inset;
			-webkit-box-shadow:0 0 0 1px #ccc inset;
			box-shadow:0 0 0 1px #ccc inset;
		}
		.sp-content:nth-of-type(2){margin-right:0;}

	@media screen and (max-width:640px){

		.sp-content{
			width:90%;
			padding:10px 5%;
			float:none;
			margin:0 auto 20px;
		}		
		.sp-content:nth-of-type(2){margin-bottom:40px;}
		
	}
		

			.sp-content a{
				text-decoration:none;
			}

			.sp-content h3{
				margin-bottom:10px;
				color:#c33;
				font-size:1.1em;
				font-weight:700;
			}
	
		@media screen and (max-width:1020px){
	
			.sp-content h3{
				font-size:1.0em;
			}
			
		}

			.sp-content p{
				margin:0;
				font-size:90%;
				line-height:1.5em;
			}
			
			.sp-content p .img_sp-content{
				float:left;
				margin:5px 15px 0 0;
			}

			.lnk_to-detail{margin-top:7px;}




			#workscontent h4{
				width:620px;
				margin:0 auto 17px;
			}



	/* 会長挨拶 */
	
	#message #main{
		/*background:url(../guide/images/img_kaicho.jpg) no-repeat 40% 71px;*/
	}
	
	#message #content{
	}
	
	/*#message h3.ttl_subcontent{
		height:350px;
		text-indent:-9999px;
	}*/

		#messagewrap{
			width:100%;
			margin:10px 0 0;
			padding-bottom:13px;
			background-image:url(../guide/images/shadow_naname.png);
			background-repeat:no-repeat;
			background-position:100% 100%;
		}
	
	@media screen and (max-width:640px){
		
		#messagewrap{background-image:none;}
	
	}
		
			#message-inner{
				padding:15px 50px 60px;
				background-color:#f8f8f8;
			}
	
		@media screen and (max-width:1020px){
	
			#message-inner{
				padding:15px 5% 50px;
			}

		}
	
		@media screen and (max-width:640px){

			#message-inner{
				padding:0;
				background-color:#fff;
			}

		}
		
		#message #content p{
			line-height:200%;
			text-align:justify;
			text-justify:inter-ideograph;
			-ms-text-justify:inter-ideograph;
		}


			#message #content p#messagesig{
				width:100%;
				margin:15px 0 0;
				text-align:right;
				float:left;
			}
			
			#message #content p img#kaichophoto{
				margin:5px 0 10px 30px;
				float:right;
				position:relative;
				left:5px;
			}
	
		@media screen and (max-width:1000px){
			
			#message #content p img#kaichophoto{
				width:180px;
			}
	
		}
	
		@media screen and (max-width:640px){
			
			#message #content p img#kaichophoto{
				width:150px;
			}
	
		}
		
		@media screen and (max-width:480px){
	
			#message #content p img#kaichophoto{
				display:block;
				margin:0 auto 20px;
				float:none;
				left:0;
			}

		}
		

			#message #content #imgnamebox{
				width:75px;
				height:14px;
				margin-top:10px;
				float:right;
			}
			#message #content #imgnamebox img{width:100%;}



	/* 経済連とは */
	
	#about #main{background:url(../guide/images/img_about.jpg) no-repeat 100% 71px;}
	
@media screen and (max-width:1020px){
	
	#about #main{
		background:none;
	}

}
	
	#about #content{
		max-width:760px;
		width:100%;
		background-image:url(../guide/images/img_about.jpg);
		background-repeat:no-repeat;
		background-position:0 26px;
		background-size:100% auto;
	}


@media screen and (max-width:1020px){
		
	#about #content .inner{
		width:90%;
		margin:0 auto;
		padding-left:0;
	}
			
}
	
	#about h3.ttl_subcontent{
		height:280px;
		text-indent:-9999px;
	}
	
@media screen and (max-width:600px){
	
	#about h3.ttl_subcontent{height:200px;}
	
}
	
@media screen and (max-width:480px){
	
	#about h3.ttl_subcontent{height:160px;}
	
}
	
@media screen and (max-width:370px){
	
	#about h3.ttl_subcontent{height:120px;}
	
}

		#aboutnote{
			max-width:500px;
			width:100%;
			margin:0 auto;
			font-size:1.1em;
			letter-spacing:0.05em;
		}
	
	@media screen and (max-width:770px){

		#aboutnote{
			font-size:1.0em;
		}
	
	}
	
		#about #content ol{
			width:540px;
			margin:40px auto 20px;
		}

			#about #content li{
				color:#5C6600;
				padding:11px 0 18px 55px;
				font-size:1.7em;
				list-style:none;
				background-repeat:no-repeat;
			}

			#about #content li:nth-of-type(1){background-image:url(../guide/images/lbl_num1.gif);}
			#about #content li:nth-of-type(2){background-image:url(../guide/images/lbl_num2.gif);}
			#about #content li:nth-of-type(3){background-image:url(../guide/images/lbl_num3.gif);}
			#about #content li:nth-of-type(4){background-image:url(../guide/images/lbl_num4.gif);}
			#about #content li:nth-of-type(5){background-image:url(../guide/images/lbl_num5.gif);}

	
	@media screen and (max-width:770px){

		#about #content ol{
			width:100%;
			margin:40px 0 20px;
		}

			#about #content li{
				padding:2px 0 18px 38px;
				font-size:1.3em;
				background-size:30px auto;
			}

	}
	
	@media screen and (max-width:480px){

		#about #content ol{
			margin:40px 0 10px;
		}
		
	}
	
	@media screen and (max-width:480px){

			#about #content li{
				padding:0 0 15px 30px;
				font-size:1.1em;
				line-height:1.5em;
				background-size:20px auto;
				background-position:0 1px;
			}

	}
	
			#yajirushidown{
				width:87px;
				margin:30px auto 35px;
				text-align:center;
			}
			#yajirushidown img{width:100%;}
	
		@media screen and (max-width:770px){
	
			#yajirushidown{
				width:40px;
				margin:0 auto 15px;
			}
	
		}

			.capaboutmain{
				width:320px;
				height:40px;
				margin:0 auto 15px;
				padding:5px 0 0 50px;
				color:#c30;
				font-size:2.4em;
				font-family:"kozuka-mincho-pro",serif;
				font-weight:700;
				background-image:url(../guide/images/dot_capaboutmain.png);
				background-repeat:no-repeat;
			}
	
		@media screen and (max-width:770px){

			.capaboutmain{
				width:100%;
				height:20px;
				margin:0 0 15px;
				padding:0 0 10px 38px;
				font-size:1.4em;
				background-size:20px auto;
				background-position:5px 50%;
			}
	
		}
	
		@media screen and (max-width:480px){

			.capaboutmain{
				height:20px;
				margin:0 0 10px;
				padding:0 0 8px 30px;
				font-size:1.4em;
				background-size:20px auto;
				background-position:0 5px;
			}
	
		}
		



	/* 組織概要 */
	
		#outline .datalist{
			width:665px;
			margin-left:10px;
		}
		
			#outline .datalist th{
				line-height:1.3em;
			}
		
			#outline .datalist td img{width:70px;}
	
	@media screen and (max-width:1020px){
		
		#outline #content{
			width:90%;
			margin:0 auto;
			padding-left:0;
		}
	
		#outline .datalist{
			width:100%;
			margin-left:0;
		}
		
	}
	
		@media screen and (max-width:640px){
		
			#outline .datalist th{
				font-size:0.9em;
			}
		

			#outline .datalist th{
				padding:5px 10px 5px 15px;
			}

			#outline .datalist td{
				padding:5px 10px 5px 10px;
				line-height:1.5em;
			}
		
		}

		#organization{width:100%;}




	/* 経済連の歩み */

		.historylist{
			margin-left:10px;
			width:705px;
			border-collapse:collapse;
		}

	@media screen and (max-width:1020px){

		.historylist{
			margin-left:0;
			width:100%;
		}

	}


			.historylist th{
				padding:10px 15px 10px 20px;
				color:#2c6234;
				font-weight:normal;
				border:1px solid #ccc;
				border-left:none;
				vertical-align:top;
			}

			.historylist td{
				padding:10px 15px 10px 15px;
				border:1px solid #ccc;
				border-right:none;
			}
			
			.historylist td img{
				width:70px;
				position:relative;
				top:1px;
			}

		@media screen and (max-width:640px){

			.historylist th{
				padding:10px 5px;
				font-size:0.9em;
				line-height:1.2em;
			}

			.historylist td{
				padding:10px;
				font-size:0.9em;
				line-height:1.5em;
			}
			
			.historylist td img{
				width:65px;
				top:2px;
			}

		}

	/* 事業概要 */
	
	#works #content{
		width:720px;
	}
	
@media screen and (max-width:1020px){
	
	#works #content{
		width:90%;
		margin:0 auto;
		padding-left:0;
	}
	
}



	
	#works #worksindex{
		width:705px;
		margin:0 auto;
	}
	
		#works #worksindex li{
			list-style:none;
			width:205px;
			float:left;
			margin:0 15px 25px;
		}
	
@media screen and (max-width:800px){
	
	#works #worksindex{
		width:600px;
	}
	
		#works #worksindex li{
			width:180px;
			margin:0 10px 10px;
		}
		#works #worksindex li img{width:100%;}
		
}
	
@media screen and (max-width:710px){
	
	#works #worksindex{
		width:470px;
	}
	
		#works #worksindex li{
			width:205px;
			margin:0 15px 25px;
		}
		
}
	
@media screen and (max-width:690px){
	
	#works #worksindex{
		width:400px;
	}
	
		#works #worksindex li{
			width:180px;
			margin:0 10px 10px;
		}
		
}
	
@media screen and (max-width:480px){
	
	#works #worksindex{
		width:280px;
	}
	
		#works #worksindex li{
			width:130px;
			margin:0 5px 5px;
		}
		
}
	
	
			#works #worksindex li:hover{
				filter: alpha(opacity=70);
				-moz-opacity:0.70;
				opacity:0.70;
			}



	.works #worksindex{
		width:100%;
		height:33px;
		margin:0 auto;
		background:url(../guide/works/images/bg_tag.png) repeat-x 0 100%;
	}
	
		.works #worksindex li{
			width:calc(94% / 7);
			margin-right:1%;
			height:30px;
			list-style:none;
			float:left;
			position:relative;
			top:3px;
			background-image:url(../guide/works/images/bg_tab.jpg);
		}
		.works #worksindex li:nth-last-of-type(1){margin-right:0;}

				
		.works #worksindex li a,
		.works #worksindex li span{
			display:block;
			width:100%;
			height:100%;
			color:#fff;
			font-size:0.9em;
			font-weight:500;
			text-align:center;
			text-decoration:none;
			line-height:30px;
			background-image:url(../guide/works/images/bg_tag.png);
			background-repeat:repeat-x;
			background-position:0 100%;
		}
		.works #worksindex li span{
			color:#633;
			background-image:url(../guide/works/images/bg_paper.jpg);
			background-repeat:repeat;
			background-position:0 0;
			position:relative;
		}
		
		#einou #worksindex li:nth-of-type(2){height:33px;top:0;}
		#einou #worksindex li:nth-of-type(2) span{font-weight:700;line-height:33px;}
		
		#nousan #worksindex li:nth-of-type(3){height:33px;top:0;}
		#nousan #worksindex li:nth-of-type(3) span{font-weight:700;line-height:33px;}
		
		#engei #worksindex li:nth-of-type(4){height:33px;top:0;}
		#engei #worksindex li:nth-of-type(4) span{font-weight:700;line-height:33px;}
		
		#chikusan #worksindex li:nth-of-type(5){height:33px;top:0;}
		#chikusan #worksindex li:nth-of-type(5) span{font-weight:700;line-height:33px;}
		
		#seisanshizai #worksindex li:nth-of-type(6){height:33px;top:0;}
		#seisanshizai #worksindex li:nth-of-type(6) span{font-weight:700;line-height:33px;}
		
		#seikatsu #worksindex li:nth-of-type(7){height:33px;top:0;}
		#seikatsu #worksindex li:nth-of-type(7) span{font-weight:700;line-height:33px;}
		

		.works #worksindex li a:hover{
			filter: alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}

	
@media screen and (max-width:640px){

	.works #worksindex{
		height:auto;
		background-image:none;
	}

	.works #worksindex{zoom:1;}
	.works #worksindex:after{
	  content:""; 
	  display:block; 
	  clear:both;
	}

	
		.works #worksindex li{
			width:calc(98% / 3);
			margin-right:1%;
			margin-bottom:5px;
			top:0;
			background-image:none;
		}
		.works #worksindex li:nth-of-type(4){margin-right:0;}
		.works #worksindex li:nth-of-type(1){
			width:100%;
			margin-right:0;
		}
		
		.works #worksindex li a{
			background-image:url(../guide/works/images/bg_tab.jpg);
		}

		#einou #worksindex li:nth-of-type(2){height:30px;}
		#einou #worksindex li:nth-of-type(2) span{line-height:30px;}

		#nousan #worksindex li:nth-of-type(3){height:30px;}
		#nousan #worksindex li:nth-of-type(3) span{line-height:30px;}

		#engei #worksindex li:nth-of-type(4){height:30px;}
		#engei #worksindex li:nth-of-type(4) span{line-height:30px;}

		#chikusan #worksindex li:nth-of-type(5){height:30px;}
		#chikusan #worksindex li:nth-of-type(5) span{line-height:30px;}

		#seisanshizai #worksindex li:nth-of-type(6){height:30px;}
		#seisanshizai #worksindex li:nth-of-type(6) span{line-height:30px;}

		#seikatsu #worksindex li:nth-of-type(7){height:30px;}
		#seikatsu #worksindex li:nth-of-type(7) span{line-height:30px;}

}





			#workscontent{
				background:url(../guide/works/images/bg_paper.jpg);
				width:100%;
				margin:0 auto;
				padding-bottom:30px;
			}
		
		
				#maincap{
					margin:0;
					padding:20px 0; 	
					color:#300;
					font-size:1.9em;
					font-family:"kozuka-mincho-pro",serif;
					font-weight:700;
					text-align:center;
				}
				#maincap span{color:#336b00;}
		
			@media screen and (max-width:770px){
		
				#maincap{
					padding:15px 0; 	
					font-size:1.5em;
				}
				
			}
		
			@media screen and (max-width:480px){
		
				#maincap{
					padding:10px 0; 	
					font-size:1.0em;
				}
				
			}


				#workinner{
					margin:0 5%;
					padding:10px 3% 30px;
					background-color:#fff;
					box-shadow:2px 2px 4px -2px #999;
				}
		
			@media screen and (max-width:480px){

				#workinner{
					padding:5px 3%;
				}
		
			}

			#workscontent header{
				margin-bottom:20px;
				padding:15px 0 10px;
				border-bottom:1px solid #cca3a3;
				
			}

			#workscontent header{zoom:1;}
			#workscontent header:after{
			  content:""; 
			  display:block; 
			  clear:both;
			}


				#workscontent h4{
					width:auto;
					margin-right:30px;
					margin-left:10px;
					color:#cc6633;
					font-size:3.0em;
					font-family:"kozuka-mincho-pro",serif;
					font-weight:700;
					letter-spacing:0.05em;
					float:left;
				}

					#worksitem{
						color:#004200;
						font-size:1.6em;
						font-family:"kozuka-mincho-pro",serif;
						font-weight:700;
						position:relative;
					}
					#einou #worksitem{top:-10px;}

					#worksitem p{
						margin:0 0 -11px;
						color:#000;
						font-size:0.65em;
					}

	
			@media screen and (max-width:1020px){

				#workscontent h4{
					margin-right:20px;
					font-size:2.4em;
				}
	
					#worksitem{font-size:1.4em;}
	
			}
	
			@media screen and (max-width:770px){

				#workscontent h4{
					margin:0 0 15px;
					text-align:center;
					float:none;
				}
	
					#worksitem{
						font-size:1.2em;
						text-align:center;
					}					
					#einou #worksitem{top:0;}
					#worksitem p{margin-bottom:0;}
	
			}
	
			@media screen and (max-width:480px){

				#workscontent h4{font-size:1.8em;}
	
					#worksitem{font-size:1.0em;}	
									
					#worksitem p{
						font-size:0.8em;
						line-height:1.4em;
					}
	
			}

			@media screen and (max-width:370px){

					#einou #worksitem{letter-spacing:0;}					
	
					#worksitem p{
						font-size:0.7em;
					}

			}



		/* 事業概要詳細共通 */


			#workscontent h5{
				clear:both;
				background-image:url(../guide/works/images/ico_circle_blue.gif);
				background-repeat:no-repeat;
				background-position:0 6px;
				font-size:1.2em;
				font-weight:700;
				color:#369;
				padding-left:20px;
				margin-bottom:8px;
			}
		
		@media screen and (max-width:640px){

			#workscontent h5{
				font-size:1.1em;
			}
		
		}

			#workscontentmain{
				width:98%;
				margin:0 auto;
			}
			
				#workscontentmain p{
					margin:0 0 25px 20px;
				}

			#workscontentmain2{
				width:98%;
				margin:0 0 0 34px;;
			}
			
				.workscontentdetail{
					float:left;
				}
			
					.workscontentdetail p{
						margin:0 0 25px 10px;
					}
			
					#workscontentmain p .floatright,
					.workscontentdetail p .floatright{margin:5px 0 10px 4%;}
					#workscontentmain p .floatleft,
					.workscontentdetail p .floatleft{margin:5px 4% 10px 0;}
			
				@media screen and (max-width:640px){

					#workscontentmain p .floatright,
					.workscontentdetail p .floatright,
					#workscontentmain p .floatleft,
					.workscontentdetail p .floatleft{
						display:block;
						margin:0 auto 10px;
						float:none;						
					}

				}
			

		/* 営農 */

			#einou dl{
				margin:0 auto;
				width:98%;
			}

				#einou dt{
					margin-bottom:10px;
					padding-left:20px;
					color:#5c6600;
					font-size:1.2em;
					font-weight:bold;
					background-image:url(../guide/works/images/ico_circle_lightgreen.gif);
					background-repeat:no-repeat;
					background-position:0 6px;
				}

				#einou dd{margin:0 0 30px 20px;}
				#einou dd:nth-last-of-type(1){margin-bottom:20px;}
	
			@media screen and (max-width:640px){

				#einou dt{
					background-position:0 5px;
					font-size:1.1em;
				}

				#einou dd{
					margin:0 0 30px;
				}
				#einou dd:nth-last-of-type(1){margin-bottom:20px;}

			}

		/* 農産 */

			#nousan #workinner{
				background-image:url(../guide/works/images/bg_nousan.png);
				background-repeat:no-repeat;
				background-position:100% 0;
				text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;

			}



		/* 園芸 */

			#engei #workinner{
				background-image:url(../guide/works/images/bg_engei.png);
				background-repeat:no-repeat;
				background-position:100% 0;
				text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;

			}

			#engei #workscontentmain .floatleft:nth-last-of-type(1){
				max-width:270px;
				width:90%;
			}


		/* 畜産 */

			#chikusan #workinner{
				background-image:url(../guide/works/images/bg_chikusan.jpg);
				background-repeat:no-repeat;
				background-position:100% 0;
				text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
			}
			
				#chikusan #workscontentmain p{margin:0 5px 30px 20px;}
				
				#chikusan #workscontent ul{margin:0 15px 0 25px;}
	
				
			@media screen and (max-width:640px){
				
				#chikusan #workscontent ul{margin:0 15px 0 10px;}

			}
				
			@media screen and (max-width:420px){
				
				#chikusan #workscontentmain p{margin:0 5px 30px;}

				#chikusan #workscontent ul{margin:0 5px;}

			}

					#chikusan #workscontent li{
						width:100%;
						height:auto !important; 
						margin:0 0 20px 5px;
						list-style:none;
						line-height:1.7em;
					}

					#chikusan #workscontent li{zoom:1;}
					#chikusan #workscontent li:after{
					  content:""; 
					  display:block; 
					  clear:both;
					}

	
						#chikusan #workscontent li img{
							width:100px;
							margin-right:20px;
							float:left;
						}

	
						#chikusan #workscontent li p{
							width:calc(100% - 120px);
							margin:0;
							float:right;
						}
					
					@media screen and (max-width:420px){
					
						#chikusan #workscontent li img{
							display:block;
							width:100px;
							margin:0 auto 15px;
							float:none;
						}

	
						#chikusan #workscontent li p{
							width:100%;
							float:none;
						}
	
					}



		/* 生産資材 */
				
			
					#seisanshizai #workscontentmain h5{
						clear:both;
					}
						
				@media screen and (max-width:420px){
				
					#seisanshizai #workscontentmain p{
						margin-left:0;
					}

				}
				
					#seisanshizai #workscontentmain img:nth-last-of-type(1){
						max-width:255px;
						width:100%;
					}


		/* 生活 */
			
							

			#seikatsu #banarea{
				clear:both;
				width:100%;
				margin:30px auto 0;
				padding-top:30px;
				border-top:1px dashed #ccc;
				text-align:center;
			}
						
		@media screen and (max-width:480px){
				
			#seikatsu #banarea{
				margin-top:0;
				padding-top:15px;
			}
						
		}
		
					#seikatsu #banarea a:hover{
						filter: alpha(opacity=80);
						-moz-opacity:0.80;
						opacity:0.80;
					}



	/* データベース */
	
	#dbtop #main{
		background:url(../guide/images/img_database.jpg) no-repeat 100% 100px;
	}

@media screen and (max-width:1020px){
	
	#dbtop #main{
		background:none;
	}

}
	
	#dbtop #content{
		max-width:760px;
		width:100%;
		background-image:url(../guide/images/img_database.jpg); 
		background-repeat:no-repeat; 
		background-position:0 56px; 
	}

@media screen and (max-width:1020px){
	
	#dbtop #content{
		background-position:0 41px; 
	}
		
	#dbtop #content .inner{
		width:90%;
		margin:0 auto;
		padding-left:0;
	}
			
}

@media screen and (max-width:770px){
	
	#dbtop #content{
		background-size:770px auto;
	}
			
}

@media screen and (max-width:480px){
	
	#dbtop #content{
		background-size:480px auto;
	}
			
}
	

	#dbtop #content h2{border:none;}

	
	#dbtop h3.ttl_subcontent{
		height:190px;
		padding-top:15px;
	}

@media screen and (max-width:770px){
	
	#dbtop h3.ttl_subcontent{
		height:170px;
	}
			
}

@media screen and (max-width:480px){
	
	#dbtop h3.ttl_subcontent{
		height:80px;
	}
			
}
	

		#dbtop #content ul{
			width:655px;
			padding:30px 0 0 30px;
		}

	@media screen and (max-width:480px){

		#dbtop #content ul{
			width:100%;
			padding:30px 0 0;
		}

	}

			#dbtop #content li{
				margin:7px 10px 15px;
				padding-left:23px;
				font-size:1.2em;
				list-style:none;
				background:url(../shared/ico_yajirushi.gif) no-repeat 0 6px;
			}

		@media screen and (max-width:480px){

			#dbtop #content li{
				margin:7px 0 15px;
				padding-left:23px;
				font-size:1.0em;
				line-height:1.7em;
			}

		}
		
				#dbtop #content li a{
					color:#2c6234;
					text-decoration:none;
				}

					#dbtop #content li a:hover{
						text-decoration:underline;
						color:#c30;
					}

		/* データベース詳細 */


		#dbdetail h3.ttl_subcontent{
			margin:9px 0 20px 5px;	
		}


		#dbdetail #content ul#contentlist{
			max-width:725px;
			width:100%;
			padding:0 0 17px;
			margin-bottom:40px;
			border-bottom:1px dotted #ccc;
		}

			#dbdetail #content li{
				width:300px;
				margin:7px 0 0 12px;
				padding-left:16px;
				font-size:90%;
				list-style:none;
				line-height:130%;
				float:left;
				background:url(../common/arrow_squre3_red.gif) no-repeat 0 3px;
			}
			/*#dbdetail #content li:nth-of-type(2n){width:355px;}*/

				#dbdetail #content li a{
					color:#2c6234;
					text-decoration:none;
				}

				#dbdetail #content li span{color:#f00;}

					#dbdetail #content li a:hover{
						text-decoration:underline;
						color:#c30;
					}

			#dbdetail h4{
				margin-bottom:20px;
				padding-left:22px;
				color:#2c6234;
				font-size:1.5em;
				font-weight:700;
				line-height:1.4em;
				background-image:url(../shared/ico_circle_green.gif);
				background-repeat:no-repeat;
				background-position:0 5px;
			}

		@media screen and (max-width:1020px){

			#dbdetail h4{
				font-size:1.3em;
				background-position:0 4px;
			}

		}

		@media screen and (max-width:770px){

			#dbdetail h4{
				margin-bottom:15px;
				padding-left:17px;
				font-size:1.1em;
				background-position:0 4px;
				background-size:10px auto;
			}

		}
		
		@media screen and (max-width:370px){

			#dbdetail h4{
				margin-bottom:10px;
				font-size:1.0em;
				background-position:0 3px;
			}

			#dbdetail h4 br{display:none;}

		}
		
			.remark{
				font-size:90%;
			}


			/* 主な農畜産物の生産量と全国順位 */

				#nousanbutsu{
					width:100%;
					margin:0 auto;
				}

					#nousanbutsu table{
						width:100%;
						border-collapse:collapse;
					}

						#nousanbutsu th,
						#nousanbutsu td{
							border:1px solid #ccc;
							text-align:center;
							padding:5px 0;
						}

						#nousanbutsu th{
							font-size:0.8em;
							font-weight:normal;
							line-height:1.2em;
							background:#ffe0cc;
						}
						
					@media screen and (max-width:480px){
						
						#nousanbutsu th{
							font-size:0.7em;
						}
						
					}
						
					@media screen and (max-width:770px){
						
						#nousanbutsu th:nth-of-type(1) img{
							width:30px;
						}
						
					}
						
					@media screen and (max-width:480px){
						
						#nousanbutsu th:nth-of-type(1) img{
							width:24px;
						}
						
					}
					
						#nousanbutsu tr:nth-of-type(1) th{
							background:#f60;
							color:#fff;
							width:61px;
						}
						#nousanbutsu .headerth th.leftcell{width:55px;}

						#nousanbutsu .headerth th span{
							font-size:80%;
							color:#ffe0cc;
						}

						#nousanbutsu td{
							line-height:1.5em;
							font-size:0.9em;
						}
							
					@media screen and (max-width:480px){
						
						#nousanbutsu td{
							line-height:1.3em;
							font-size:0.8em;
						}
						
					}

						#nousanbutsu td.k-item{
							background:#c30;
							color:#fff;							
						}
						#nousanbutsu .headertd td{font-size:80%;}


			/* 本県農業産出額に占める品目別産出額 */

				#hinomokubetsu{
					width:100%;
					margin:0 auto;
				}

					#hinomokubetsu table{
						width:100%;
						border-collapse:collapse;
					}

						#hinomokubetsu th,
						#hinomokubetsu td{
							border:1px solid #ccc;
							text-align:center;
							padding:5px 0;
						}

						#hinomokubetsu th{
							font-weight:normal;
							line-height:1.2em;
							background:#ffe0cc;
							width:61px;
							font-size:0.8em;
						}

						#hinomokubetsu tr:nth-of-type(1) th,
						#hinomokubetsu tr:nth-of-type(3) th{
							background:#f60;
							color:#fff;
							width:61px;
						}
						#hinomokubetsu tr th:nth-of-type(1){white-space:nowrap;}

						#hinomokubetsu td{
							line-height:1.3em;
							font-size:0.9em;
						}
						#hinomokubetsu td .sfont{font-size:0.9em;}

					@media screen and (max-width:480px){
			
						#hinomokubetsu th{
							font-size:0.7em;
						}

						#hinomokubetsu td{
							font-size:0.8em;
						}

					}

			/* 本県農業産出額の推移、平成13年を基準にした本県耕地面積の推移、本会要員数の推移 */

				#sansyutugaku,
				#kouchimenseki,
				#yoinsu,
				#keikakuhinmoku{
					text-align:center;
				}
				
				#sansyutugaku img{width:100%;}
				#kouchimenseki img{width:100%;}
				#keikakuhinmoku img{width:100%;}


			/* 農業の主要データ、本県耕地面積の推移 */

				#shuyoudata,
				#kouchimenseki2,
				#kumiaiin,
				#toriatsukaidaka{
					width:100%;
					margin:0 auto;
				}

					#shuyoudata table,
					#kouchimenseki2 table,
					#kumiaiin table,
					#toriatsukaidaka table{
						width:100%;
						border-collapse:collapse;
					}

						#shuyoudata th,
						#shuyoudata td,
						#kouchimenseki2 th,
						#kouchimenseki2 td,
						#kumiaiin th,
						#kumiaiin td,
						#toriatsukaidaka td{
							font-size:90%;
							border-left:1px solid #ccc;
							text-align:center;
						}
						#kumiaiin th,
						#kumiaiin td{
							font-size:85%;
							text-align:right;
							border-bottom:1px dotted #ccc;
						}
						#toriatsukaidaka th,
						#toriatsukaidaka td{
							font-size:85%;
						}
						
						#toriatsukaidaka td:nth-last-of-type(11){
							white-space:nowrap;
						}

						
						#shuyoudata th.bordernone,
						#shuyoudata td.bordernone,
						#kouchimenseki2 th.bordernone,
						#kouchimenseki2 td.bordernone,
						#kumiaiin th.bordernone,
						#kumiaiin td.bordernone,
						#toriatsukaidaka th.bordernone,
						#toriatsukaidaka td.bordernone{
							border-left:none;
						}
						#shuyoudata th,
						#kouchimenseki2 th,
						#kumiaiin th,
						#toriatsukaidaka th{
							font-weight:normal;
							line-height:1.2em;
							background:#ffe0cc;
							padding:5px 0;
						}

					@media screen and (max-width:770px){
			
						#shuyoudata th,
						#kouchimenseki2 th,
						#kumiaiin th,
						#toriatsukaidaka th{
							font-size:0.9em;
						}

					}

					@media screen and (max-width:480px){
			
						#shuyoudata th,
						#kouchimenseki2 th,
						#kumiaiin th,
						#toriatsukaidaka th{
							font-size:0.8em;
						}

					}

						#shuyoudata .headerth th,
						#kouchimenseki2 .headerth th,
						#kumiaiin .headerth th,
						#toriatsukaidaka .headerth th{
							background:#f60;
							color:#fff;
						}

						#shuyoudata td,
						#kouchimenseki2 td,
						#kumiaiin td,
						#toriatsukaidaka td{
							line-height:150%;
							padding:10px 10px;
						}
	
					@media screen and (max-width:770px){

						#shuyoudata td,
						#kouchimenseki2 td,
						#kumiaiin td,
						#toriatsukaidaka td{
							padding:10px 2px;
							line-height:1.2em;
							font-size:0.9em;
						}
	
					}
	
						#shuyoudata th{width:105px;}
						#kouchimenseki2 th{width:145px;}
						#kumiaiin td{width:83px;padding:5px 10px;}
						#toriatsukaidaka th{width:58px;padding:5px 0;}
						#toriatsukaidaka th.bordernone{width:auto;}
						#toriatsukaidaka td{padding:5px;text-align:right;}
						
						#shuyoudata th.shortcell{width:70px;}
						#kouchimenseki2 th.shortcell{width:85px;}
						#kumiaiin td.shortcell{width:65px;padding:10px 5px;}
						#toriatsukaidaka td.shortcell{width:65px;padding:5px 0;text-align:center;}
						#toriatsukaidaka td.shortcell2{
							width:20px;
							padding:5px 0;
							text-align:center;
						}
						
						#shuyoudata .bgcgray td,
						#kouchimenseki2 .bgcgray td,
						#kumiaiin .bgcgray td,
						#toriatsukaidaka .bgcgray td{
							background:#e8efda;
						}
						#toriatsukaidaka .bgcgray td{border-bottom:1px solid #fff;}
						#toriatsukaidaka td.shortcell2{background:#7da15c;color:#fff;}
						
						#toriatsukaidaka .bgcbrown td{
							background:#f2edc2
						}

							#shuyoudata td.alignright,
							#kouchimenseki2 td.alignright{
								text-align:right;
							}
							
							#shuyoudata td.alignleft,
							#kouchimenseki2 td.alignleft,
							#kumiaiin td.alignleft,
							#toriatsukaidaka td.alignleft{
								text-align:left;
								border-left:none;
							}
							
							#kumiaiin th,
							#kumiaiin td.aligncenter,
							#toriatsukaidaka td.aligncenter{
								text-align:center;
							}
			
			.unit{
				margin:0 auto 5px;
				font-size:80%;
				text-align:right;
				width:665px;
			}

			#dbdetail h4.shortmargin{
				margin-bottom:3px;
			}






	/* 事業所一覧 */

		#officelist h4{
			margin:30px 0 10px 10px;
		}

		#officelist #content table{
			margin-left:10px;
			width:705px;
			border-top:1px solid #ccc;
			font-size:0.9em;
			line-height:1.5em;
		}

	@media screen and (max-width:1020px){

		#officelist #content table{
			margin-left:0;
			width:100%;
		}

	}

			#officelist #content th{
				border-bottom:1px dotted #ccc;
				padding:7px 0 7px 18px;
				background:url(../common/ico_shortline_gray.gif) no-repeat 5px 15px;
				font-weight:normal;
				color:#2c6234;
				text-align:left;
				width:160px;
				vertical-align:top;
			}
			#officelist #content th a{
				color:#2c6234;
				text-decoration:none;
			}
			#officelist #content th a:hover{text-decoration:underline;}
				
		@media screen and (max-width:640px){
			#officelist #content th{
				width:auto;
				padding-left:0;
				background:none;
				white-space:nowrap;
			}
		}


			#officelist #content td{
				border-bottom:1px dotted #ccc;
				padding:7px 0 7px 10px;
				vertical-align:top;
			}
			#officelist #content td:nth-last-of-type(1){width:90px;}

		@media screen and (max-width:770px){
			#officelist #content td:nth-last-of-type(1){width:50px;}	
		}

		@media screen and (max-width:420px){
			#officelist #content td:nth-of-type(2){display:none;}	
			#officelist #content td:nth-last-of-type(1){width:34px;}	
		}
	
				#officelist #content td img:hover{
					filter: alpha(opacity=70);
					-moz-opacity:0.70;
					opacity:0.70;
				}
			
			#officelist #content td.address{width:250px;}

			.accessbtn{
				display:block;
				width:70px;
				padding:5px 10px 3px 3px;
				color:#fff;
				font-size:0.7em;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				letter-spacing:0;
				white-space:nowrap;
				line-height:1.1em;
				background-color:#2c6234;
				background-image:url(../shared/dot_triangle-yellow.png);
				background-size:4px auto;
				background-repeat:no-repeat;
				background-position:95% 50%;
				border-radius:3px;				
			}

		@media screen and (max-width:420px){

			.accessbtn{
				width:32px;
				height:32px;
				padding:2px 0 0 2px;
				font-size:0.6em;
				font-weight:500;
				line-height:1.3em;
				letter-spacing:-0.1em;
				background-image:none;
				border-radius:17px;				
				display:-webkit-flex;
				display:flex;
				-webkit-align-items:center;
				align-items:center;
			}

		}



	/* 事業所詳細 */


@media screen and (max-width:1020px){

	#officedetail #content{
		width:90%;
		margin:0 auto;
		padding-left:0;
	}
			
}


		#officedetail #content h4{
			float:left;
			margin:0 30px 15px 5px;
			padding-left:17px;
			background:url(../shared/ico_circle_pink.gif) no-repeat 0 7px;
			color:#c86234;
			font-weight:bold;
			font-size:110%;
		}

		#officedetail #content p{
			margin:19px 0 15px;
		}

		#gmap{
			clear:both;
			width:100%;
			height:440px;
			border:1px solid #ccc;
			margin:0;
		}

		#gmap iframe{width:100%;}



	/* 県内JA一覧 */
	
	#jalist #content{
	}


@media screen and (max-width:1020px){
		
	#jalist #content{
		width:90%;
		margin:0 auto;
		padding-left:0;
	}
			
}
	
	

	#jamap{
		max-width:532px;
		width:100%;
		margin:0 auto;
		position:relative;
		z-index:100;
	}

		#jamap img{
			width:100%;
		}

		/*#jamap img[usemap]{
			width:100%;
			height:auto;
		}*/


	#jalist h3.ttl_subcontent{margin:9px 0 20px 5px;}

		#jalinklist{margin:20px 0 0 50px;}

	@media screen and (max-width:640px){
			
		#jalinklist{margin:20px 0 0;}
				
	}
	

			#jalinklist li{
				background-image:url(../shared/ico_circle_red.gif);
				background-repeat:no-repeat;
				background-position:0 9px;
				padding-left:12px;
				width:318px;
				float:left;
				list-style:none;
				margin:0 5px 10px 0;
				font-size:95%;
			}

				#jalinklist li h4{
					float:left;
					width:110px;
				}

			@media screen and (max-width:640px){
					
				#jalinklist li h4{
					float:none;
				}
						
			}
	

				#jalinklist li h4 a{
					color:#2C6234;
					text-decoration:none;
				}

					#jalinklist li h4 a:hover{
						color:#c30;
						text-decoration:underline;
					}

					#jalinklist li p{margin:0;}


	/* 食の安全・安心 */
	
		#anzen h4{
			margin:0 0 15px 5px;
			padding-left:23px;
			color:#c86234;
			font-size:1.7em;
			font-family:"kozuka-mincho-pro",serif;
			background-image:url(../shared/dot_circle-pink.png);
			background-repeat:no-repeat;
			background-position:0 8px;
		}

		@media screen and (max-width:640px){
		
			#anzen h4{
				margin-left:0;
				padding-left:18px;
				font-size:1.4em;
				background-position:0 10px;
				background-size:10px auto;
			}
	
		}

			.textnote{
				margin:10px 5px 30px 25px;
			}

		@media screen and (max-width:640px){
	
			.textnote{
				margin:10px 5px 30px 5px;
			}

		}

			.btn-to-content{
				width:410px;
				height:34px;
				margin:0 auto 60px;				
				border-radius:17px;
				background-color:#c30;
				background-image:url(../shared/dot_yajirushi-clear.png);
				background-repeat:no-repeat;
				background-position:97% 50%;
				background-size:13px auto;
			}
			
			.btn-to-content a{
				display:block;
				width:93%;
				height:100%;
				color:#fff;
				padding-left:7%;
				font-size:1.2em;
				font-weight:700;
				text-decoration:none;
				line-height:35px;
				background-image:url(../shared/dot_circle-yellow.png);
				background-repeat:no-repeat;
				background-position:12px 50%;
				background-size:8px auto;
			}

		@media screen and (max-width:640px){

			.btn-to-content{
				width:280px;
				height:30px;
				margin:0 auto 30px;				
				border-radius:15px;
				background-position:97% 50%;
				background-size:13px auto;
			}
			
			.btn-to-content a{
				width:95%;
				padding-left:5%;
				font-size:0.8em;
				line-height:31px;
				background-image:none;
			}

		}

			
			.btn-to-content:hover{
				filter: alpha(opacity=70);
				-moz-opacity:0.70;
				opacity:0.70;
			}
			
		#anzen #main h5{
			margin:0 0 5px 25px;
			color:#2c6234;
		}

	@media screen and (max-width:640px){
			
		#anzen #main h5{
			margin:0 0 5px;
		}

	}
		
			#anzen #creationdate{
				text-align:right;
				margin:0 15px 0 0;
				font-size:0.9em;
				max-width:760px;
				width:130px;
				float:right;
			}

			#anzen #zanryuchart{
				margin-right:5%;
			}

		@media screen and (max-width:640px){
				
			#anzen #zanryuchart{
				margin-right:0;
			}
	
		}
		
			
			#anzen #zanryuchart p{
				/*display:none;*/
				margin:0;
			}
			
			#anzen #zanryuchart h6{
				margin:0 0 5px 30px;
				color:#c30;
				font-size:100%;
				font-weight:bold;
			}
			
			#anzen #zanryuchart table{
				clear:both;
				margin:5px 0 10px 25px;
				width:100%;
				border-collapse:collapse;				
			}

		@media screen and (max-width:640px){
			
			#anzen #zanryuchart table{
				margin:5px 0 10px;
			}

		}
		
				#anzen #zanryuchart th,
				#anzen #zanryuchart td{
					border:1px solid #ccc;
				}

				#anzen #zanryuchart th{
					padding:5px;
					background:#eee;
					font-weight:normal;
				}

				#anzen #zanryuchart .tableheader th{
					padding:5px 2px;
					font-size:85%;
					line-height:1.3em;
					background:#e6f2ff;
					color:#369;
				}
				
				#anzen #zanryuchart td{
					padding:5px 8px;
				}

			@media screen and (max-width:640px){
				
				#anzen #zanryuchart td{
					font-size:0.9em;
					line-height:1.3em;
				}
	
			}
		
				
				#anzen #zanryuchart .tablelast{margin:5px 0 30px 25px;}
							
				#anzen #zanryuchart .tablefooter td{
					background:#ffe6e6;
					font-weight:bold;
				}


			#anzen .notebox{
				margin:20px 0 0 0;
				padding:20px 10px 0;
				color:#c30;
				font-size:1.1em;
				border-top:1px dotted #369;
			}

		@media screen and (max-width:640px){
				
			#anzen .notebox{
				font-size:1.0em;
			}
	
		}


	
	@media screen and (max-width:1020px){
			
		#brandmark #content .inner{
			max-width:685px;
			width:100%;
			margin:0 auto;
		}
			
	}

	/* くまもと農畜産物統一ブランドマーク */
	
	
	@media screen and (max-width:1020px){
		
		#brandmark #content{
			width:90%;
			margin:0 auto;
			padding-left:0;
		}
		
	}
		
		#trademark{
			margin-right:30px;
			float:left;
		}
	
	@media screen and (max-width:770px){
			
		#trademark{
			width:220px;
		}
			
	}
	
	@media screen and (max-width:640px){
			
		#trademark{
			display:block;
			margin:0 auto 20px;
			float:none;
		}
			
	}
	
	@media screen and (max-width:420px){
			
		#trademark{
			width:180px;
		}
			
	}
		
			#trademarknote{
				font-family:"kozuka-mincho-pro",serif;
				font-weight:700;
				font-size:2.5em;
				line-height:1.4em;
			}
	
		@media screen and (max-width:770px){
			
			#trademarknote{
				font-size:2.0em;
				line-height:1.4em;
			}
			
		}
		
		@media screen and (max-width:640px){
			
			#trademarknote{
				font-size:1.6em;
				text-align:center;
			}
			
		}
		
		@media screen and (max-width:480px){
			
			#trademarknote{
				font-size:1.4em;
			}
			
		}
		
			
			#trademarknote span{
				color:#00a63c;
			}
	
		#captrademark{
			margin:50px 0 0 5px;
			color:#c30;
			font-size:1.6em;
			font-weight:700;
		}

	@media screen and (max-width:640px){
		
		#captrademark{
			font-size:1.3em;
		}
	
	}

		#trademarkmessage{
			width:675px;
			padding:0 5px;
			height:380px;
			background-image:url(../guide/images/bg_trademark-message.jpg);
			background-repeat:no-repeat;
			background-position:0 100%;
			background-size:100% auto;
		}
	
	@media screen and (max-width:770px){
		
		#trademarkmessage{
			width:100%;
		}
		
	}


	/* TC-CM */

	
	@media screen and (max-width:1020px){
		
		#cm #content{
			width:90%;
			margin:0 auto;
			padding-left:0;
		}
		
	}
	

	
		#linkcm li{
			float:left;
			width:220px;
			margin:10px 4px 0;
			list-style:none;			
		}
	
			#linkcm li img:hover{
				filter: alpha(opacity=70);
				-moz-opacity:0.70;
				opacity:0.70;
			}
	
			#linkcm li p{
				text-align:center;
				font-size:90%;
				margin:5px 0 0;
				line-height:140%;
			}
	
			#linkcm li .aligncenter a{text-decoration:none;}
			#linkcm li .aligncenter a:hover{text-decoration:underline;}
			
		#cmplayer{
			text-align:center;
			height:400px;
			margin-bottom:10px;
			padding:15px 0;
			/*background:url(../guide/cm/images/bg_cmplayer.jpg);*/
		}
			
			#cmplayer iframe{
				max-width:640px;
				width:100%;
				height:400px;
				margin:0 auto;
				background:#eee;
			}


	
	@media screen and (max-width:640px){		
			
		#cmplayer{
			text-align:center;
			height:360px;
			margin-bottom:10px;
			padding:0;
			/*background:url(../guide/cm/images/bg_cmplayer.jpg);*/
		}
			
			#cmplayer iframe{
				width:100%;
				height:360px;
			}

	}
	
	
	
	
	
	
	</pre></body></html>