@charset "UTF-8";

/*
======== table of content. =================================

summary:トップページワイヤーフレーム定義

- html
- body
- header
- promo_area
- content
- page_func
- footer

=======================================================
*/

/*------------------------------------------------------------------------------
 reset
 -------------------------------------------------------------------------------*/
body, div, p,  ul, ol, li, dl, dt, dd, table, th ,td, img,
h1, h2, h3 ,h4 ,h5, h6, form, select {
	margin: 0;
	padding: 0;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	Osaka,"ＭＳ Ｐゴシック","MS P Gothic",
	Arial,Helvetica,sans-serif;
}

* html body{
	text-align:center;
}

#contents{

}

* html #contents{
	text-align:left;
}

ul{ 
	list-style: none;
 }

ol{
	margin-left:30px;
	margin-bottom:15px;
	font-size:13px;
	line-height:175%;
}

img{ 
	border: 0; 
	vertical-align: bottom;
}

.fr{
	float:right;
}

.fl{
	float:left;
}

.ta_l{
	text-align:left;
}

.ta_r{
	text-align:right;
}

.cb{
	clear:both;
}

.bs_d{
	border-left: 3px double #ddd;
}

.bd_d{
	border-top:2px dotted #ddd;
}

/*------------------------------------------------------------------------------
 general classes
 -------------------------------------------------------------------------------*/
.w385{
	width:385px;
}
.w280{
	width:280px;
}
.w330{
	width:330px;
}
.w215{
	width:215px;
}
.w20{
	width:20%;
}
.w5{
	width:5%;
}
.w10{
	width:10%;
}
.w15{
	width:15%;
}
.w30{
	width:30%;
}
.w40{
	width:40%;
}
.w60{
	width:60%;
}
.w80{
	width:80%;
}

.h40{
	height:40px;
}
.h60{
	height:60px;
}
.h80{
	height:80px;
}
.h100{
	height:100px;
}
.h120{
	height:120px;
}

.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt100{
	margin-top:100px;
}

.ml10{
	margin-left:15px;
}

.mr25{
	margin-right:25px;
}

.mr15{
	margin-right:15px;
}

.mr20{
	margin-right:20px;
}

.mb5{
	margin-bottom:5px;
}
.mb8{
	margin-bottom:8px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.pt20{
	padding-top:20px;
}

.fs10{
	font-size:10px;
}
.fs11{
	font-size:11px;
}

/*------------------------------------------------------------------------------
 anchors
 -------------------------------------------------------------------------------*/
a:link,
a:visited	{
	color:#2f3d02;
	text-decoration: none;
}

a:hover,
a:active	{
	color:#2f3d02;
	text-decoration: underline;
}

a:hover img.fadeimg { opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=75 )"; }


/*-----------------------------------------------------
global_menu
-------------------------------------------------------*/


/*-----------------------------------------------------
promo_area
-------------------------------------------------------*/

/*-----------------------------------------------------
content
-------------------------------------------------------*/
h2{
	margin-bottom:20px;
}

h3{
	margin-left:5px;
	margin-bottom:5px;
}

h4{
	padding:6px 10px 6px 12px;
	color:#6d841d;
	background:url(../img/share/bg_pattern.gif) repeat-x;
	font-size:13px;
}

.container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.txt{
	margin-left:10px;
	margin-bottom:15px;
	font-size:13px;
	line-height:175%;
}

.tbl_atd{
	margin-left:10px;
	margin-bottom:5px;
	font-size:13px;
	line-height:175%;
	text-align:right;
}

.exp{
	margin-left:6px;
	margin-right:6px;
	font-size:13px;
	line-height:175%;
}

.cautions{
	margin-left:5px;
	font-size:11px;
	line-height:160%;
}

.list_atd{
	margin-left: 1.0em;
	clear:both;
	font-size:13px;
	line-height:180%;
}

.list_atd li{
	 text-indent: -1.0em;
}

/*-----------------------------------------------------
header
-------------------------------------------------------*/
#header{
	margin: 0 auto;
	margin-top:10px;
	height:70px;
	width: 960px;
}

h1{
	margin-top:10px;
	float:left;
}

#header_menu {
	float:right;
}

#header_menu li{
	display:inline;
	margin-left:10px;
}

.imagemap a:hover{
	background: rgba(255,255,255,0.3);
}

/*-----------------------------------------------------
gnav
-------------------------------------------------------*/
#gnav {
	width: 960px;
	height:65px;
	margin: 0 auto;
	margin-bottom:15px;
	clear:both;
}

#gnav a:link,
#gnav a:visited,
#gnav a:hover,
#gnav a:active	{
	text-decoration: none;
}

#gnav a:hover{
	cursor: pointer;
}

#gnav .gnavMenu {
	display: block;
	height: 65px;
}

#gnav .gnavMenu span {
	visibility: hidden;
}

#gnav #gnav-1{
	width: 160px;	
}
#gnav #gnav-2,
#gnav #gnav-3,
#gnav #gnav-4{
	width: 160px;
}

#gnav #gnav-5{
	width: 159px;
}

#gnav #gnav-6{
	width: 160px;
}
#gnav #gnav-1,
#gnav #gnav-2,
#gnav #gnav-3,
#gnav #gnav-4,
#gnav #gnav-5,
#gnav #gnav-6 {
	float: left;
	height: 65px;
	background: url(../img/share/globalNav.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

/* gnav-center */
#gnav #gnav-1 {
	background-position: 0px 0;
}
#gnav #gnav-1:hover {
	background-position: 0px -65px;
}
#gnav #gnav-1:visited{
	background-position: 0px -65px;
}
#gnav #gnav-1:active {
	background-position: 0px -65px;
}
#gnav #gnav-1.current {
	background-position: 0px -65px !important;
}

/* gnav-org */
#gnav #gnav-2 {
	background-position: -160px 0px;
}
#gnav #gnav-2:hover {
	background-position: -160px -65px;
}
#gnav #gnav-2.current {
	background-position: -160px -65px !important;
}

/* gnav-training */
#gnav #gnav-3 {
	background-position: -320px 0; 
}
#gnav #gnav-3:hover {
	background-position: -320px -65px; 
}
#gnav #gnav-3.current {
	background-position: -320px -65px !important;
}

/* gnav-institution */
#gnav #gnav-4 {
	background-position: -480px 0px;
}
#gnav #gnav-4:hover {
	background-position: -480px -65px;
}
#gnav #gnav-4.current {
	background-position: -480px -65px !important;
}

/* gnav-gallery */
#gnav #gnav-5 {
	background-position: -640px 0px;
}
#gnav #gnav-5:hover {
	background-position: -640px -65px;
}
#gnav #gnav-5.current {
	background-position: -640px -65px !important;
}

/* gnav-livestock */
#gnav #gnav-6 {
	background-position: -799px 0px;
}
#gnav #gnav-6:hover {
	background-position: -799px -65px;
}
#gnav #gnav-6.current {
	background-position: -799px -65px !important;
}



/*-----------------------------------------------------
topic_path
-------------------------------------------------------*/
#topic_path{
	margin-bottom:20px;
	clear:both;
	width: 100%;
	height:30px;
	color:#666;
	background-color:#eee;
}
#topic_path ul{

}
#topic_path li{
	font-size: 10px;
	margin-left: 5px;
	vertical-align:middle;
	display:inline-block;
	/display:inline;
	/zoom: 1;	
}

/*-----------------------------------------------------
main_area
-------------------------------------------------------*/
#main_area{
	margin:0 auto;
	width:1000px;
}

#snav{
	margin-right:20px;
	margin-bottom:55px;
	width:230px;
	float:left;
}

#snav dl dt{
	margin-top:8px;
	margin-bottom:6px;
}

#snav dl dd{
	margin-bottom:2px;
	padding-left:32px;
	font-size:13px;
	color:#678702;
	line-height:160%;
	background: url(../img/share/icon_allow.gif) no-repeat 10% 50%;	
}

#contents_area{
	margin-bottom:50px;
	width:690px;
	float:left;
}

.caption{
	margin:4px 5px;
	font-size:12px;
}

.caption_c{
	margin:4px 0 4px 15px;
	font-size:11px;
}

.data_tbl {
	padding: 0;
	width: 690px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	text-align:center;
}

.data_tbl tr,
.data_tbl td {
	vertical-align: middle;
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding:8px 8px;
	font-size:13px;
	line-height:170%;
}

.data_tbl th {
	vertical-align: middle;
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding:8px 8px;
	color:#000;
	font-size:13px;
	line-height:155%;
}


/*-----------------------------------------------------
outline（実習センター概要）
-------------------------------------------------------*/
.history_tbl {
	padding: 0;
	width: 690px;
	border-collapse: collapse;
	text-align:center;
}

.history_tbl td {
	vertical-align: top;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:10px 0 10px 6px;
	font-size:13px;
	line-height:170%;
	text-align:left;
	border-collapse:collapse;
}

.history_tbl th {
	vertical-align: top;
	border-top: 1px solid #b6ce21;
	border-bottom: 1px solid #b6ce21;
	border-collapse:collapse;
	margin-right:8px;
	padding:10px 5px 10px 6px;
	color:#000;
	font-size:13px;
	line-height:155%;
	text-align:left;
}

/*-----------------------------------------------------
news（トピックス＆ニュース）
-------------------------------------------------------*/
dl.topic_list{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	padding:0;
	font-size:13px;
	line-height:160%;
}

dl.topic_list dt{
	padding-left:9px;
	font-weight:bold;
	background: url(../img/share/icon_allow.gif) no-repeat 0% 40%;	
}

dl.topic_list dd{
	margin-bottom:12px;
	padding-bottom:10px;
	padding-left:8px;
	padding-right:8px;
	border-bottom:1px dotted #b6ce21;
	overflow: auto;
	width:655px;
}

/*-----------------------------------------------------
gallery（ファームギャラリー）
-------------------------------------------------------*/
#gallery ul li{
		float:left;
		width:220px;
		display:inline-table;
		text-align:center;
		margin-left:10px;
		padding-bottom:13px;
}

#gallery ul li h5.title{
	margin-top:3px;
	font-size:12px;
	line-height:160%;
}

#lightpop-data-close{
	margin-bottom:5px;
}

#lightpop-details-caption{
	line-height:150%;
}

/*-----------------------------------------------------
footerArea
-------------------------------------------------------*/
#footerArea{
	width:100%;
	height:170px;
	clear:both;
}

#pagetop{
	margin:0 auto;
	width:1000px;
	text-align:right;
}

#bnr_area{
	background-color:#eee;	
}

#bnr_area ul{
	padding:10px 0;
	text-align:center;
}

#bnr_area ul li{
	display:inline;
}

#info_area{
	height:100px;
	background-color:#e60019;	
	border:1px solid red;
}

#unvWebsite{
	margin-top:25px;
	float:left;
}

#copyright{
	margin-top:25px;
	float:right;
}