@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{
	margin:0;
	padding:0;
	height:1310px;
	background:url(../img/bg.jpg) repeat-x;
}

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

ul, ol	{ 
	list-style: none;
 }

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

.fs11{
	font-size:11px;
}

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

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

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

a:hover img.fadeimg { opacity:0.7;filter:alpha(opacity=70);-ms-filter: "alpha( opacity=65 )"; }


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


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

/*-----------------------------------------------------
content
-------------------------------------------------------*/
#top_area{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:540px;
	background: url(../img/bg_img.png);
	background-repeat: no-repeat;
}

h2{
	margin:0;
	padding:0;
	margin-right:11px;
	float:left;
}

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

/*-----------------------------------------------------
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;
}

/*-----------------------------------------------------
gnav
-------------------------------------------------------*/
#gnav {
	width: 960px;
	margin: 0 auto;
	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;
}

#report_area{
	margin:0 auto;
	margin-top:310px;
	padding:0;
	clear:both;
	height:280px;
	width:920px;
	background-color:#fff;
	border:1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../border-radius.htc);
}

*:first-child+html #report_area{
	margin:0 auto;
	margin-top:235px;
	padding:0;
	height:280px;
	width:920px;
	background-color:#fff;
	border:1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(../border-radius.htc);
}

/* IE8用 */  
html>/**/body #report_area{  
	margin /***/:0 auto9;
	margin-top:310px9;
	padding:09;
	clear:both9;
	height:280px9;
	width:920px9;
	background-color:#fff9;
	border:1px solid #dedede9;
}
  
#report_area dl{
	margin-top:14px;
	padding:0;
	font-size:11px;
	line-height:160%;
	height:145px;
	width:440px;
}

*:first-child+html #report_area dl{
	margin-top:14px;
	padding:0;
	font-size:11px;
	line-height:160%;
	height:145px;
	width:360px;
}

#report_area dl dt{
	font-weight:bold;
}

#report_area dl dd{
	margin-bottom:0px;
}

.news_frame{
	margin:10px 0 0 0;
	padding:0;
}

#map{
	width:1000px;
	height:590px;
	margin:0 auto;
	clear:both;
	padding-bottom:18px;
	outline:none;
}

#map a:hover{
	background: rgba(255,255,255,0.3);
}

#map p{
	margin:30px auto;
	margin-bottom:20px;
	text-align:center;
}

.noborder {
	border:none;
	outline:none; 
}  

#box_lft{
	padding:0 0 0 5px;
	width:454px;
	height:280px;
	float:left;
	border-right:1px solid #dedede;
	background:#FFFFFF;
}

#box_rgt{
	padding:0 0 0 5px;
	width:455px;
	height:280px;
	float:left;
	background:#FFFFFF;
}

.icon_list{
	/* margin-top:90px; */
	margin-top:110px;
	margin-right:15px;
	text-align:right;
}

#pagetop{
	margin-right:20px;
	text-align:right;
}

*:first-child+html #pagetop{
	margin-top:29px;
	margin-right:20px;
	text-align:right;
}

/*-----------------------------------------------------
footerArea
-------------------------------------------------------*/
#footerArea{
	background-color:#e60019;
	width:100%;
	height:170px;
}

#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;
}

#message{
	width:380px
}

/* floatの解除 */
.clearfix:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 

 .clearfix { 
    min-height: 1px; /*IE6、7対策*/ 
} 

* html .clearfix { 
    height: 1px; 
    /*\*//*/ /*MAC IE5.x対策*/ 
    height: auto; 
    overflow: hidden; 
    /**/ 
}