<!--

* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

BODY {
	color : #000858;
	background-color: #efFFFF;
 	background-image: url("img/bg.gif");
 	background-repeat: repeat;
	font-size: 1em ;  
	padding: 5px;
	text-align: center;
	line-height:135%;
}

/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	body {
	padding: 0;
	}
}


hr {
  color : #000880;
}

span   {
  white-space: nowrap;
}

h1 {
  	color : #000858;
  	font-size:  1em;
  	font-weight:  bold;
}

h2 {
  	color : #000858;
  	font-size:  120%;
  	BORDER-RIGHT: #000880 0px solid; 
  	PADDING-RIGHT: 3px; 
  	BORDER-TOP: #000880 0px solid;
  	PADDING-LEFT: 1em; 
  	PADDING-BOTTOM: 3px; 
  	BORDER-LEFT: #000880 2em solid; 
  	PADDING-TOP: 3px; 
  	BORDER-BOTTOM: #000880 3px solid;
}

.item{
  font-size : 95%;
  font-weight : normal;
  line-height : 135%;
  letter-spacing : 0.05em;
}

/* ----- カバー画像 -------------------------------------- */


div#container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

div#container h1 {
	margin: 0.5em 0em 0em 0em;
  	color : #000858;
  	font-size:  95%;
  	font-weight:  bold;
	text-align : auto;
}

div#header {
	margin-top: 0px;
	margin-bottom: 1em;
	float: none;
	clear: both;
	text-align : auto;
}

/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	div#header img {
		width: 600px;
		height: 300px;
		margin: 0;
		padding: 0;
		border: 0;
	}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
	div#header img {
		width: 400px;
		height: 200px;
		margin: 0;
		padding: 0;
		border: 0;
	}
}

/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	div#header img {
		width: 300px;
		height: 150px;
		margin: 0;
		padding: 0;
		border: 0;
	}
}


div#header h4 {
  	color : #000858;
  	font-size:  95%;
  	letter-spacing : 0.05em;
	text-align : center;
	margin: -0.5em 0em 0.5em 0em;
	
}

/* ----- 外側のブロック -------------------------------------- */

div.cover {
   display: table;
   border-spacing: 0.5em 3px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover div#menu p {
   width: 100%;
	 margin-left: auto;
 	margin-right: auto;
 	text-align : center;
   	font-weight:  bold;
}

@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	div.cover div#menu {
	   display: table-cell;
	   width: 30%;
	}

	div.cover div#overview {
	   display: table-cell;
	}
	
		div#menu-sp {
		display: none;
	}	


}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
	div.cover div#menu {
	   display: table-cell;
	   width: 30%;
	}

	div.cover div#overview {
	   display: table-cell;
	}
	
	div#menu-sp {
		display: none;
	}	

	
}

@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/

	div#menu {
		display: none;
	}	


	div.cover {
		display: block;
	}

	div.cover div#menu-sp {
		display: block;
	    width: 100%;
	   	padding: 0px;
	}

	div.cover div#overview {
		display: block;
	    width: 100%;
		padding: 0px;
	}
}

/* ----- メニュー -------------------------------------- */

@media only screen and (min-width: 641px) {
/*ここにPC tablet用スタイルを記述*/

	div#menu {
	}

	div#menu ul {
		margin-top: 1em;
		text-align: left;
	}

	div#menu ul li {
		list-style-type: none;
		margin-left: 1em;
		margin-right: 1em;
		margin-bottom: 1em;
	  	BORDER-RIGHT: #000880 0px solid; 
	  	PADDING-RIGHT: 2px; 
	  	BORDER-TOP: #000880 0px solid;
	  	PADDING-LEFT: 2px; 
	  	PADDING-BOTTOM: 2px; 
	  	BORDER-LEFT: #000880 1em solid; 
	  	PADDING-TOP: 2px; 
	  	BORDER-BOTTOM: #000880 2px solid;
	}

	div#menu ul li#topweb {
		list-style-type: none;
		margin-left: 1em;
		margin-right: 1em;
		margin-bottom: 1em;
	  	BORDER-RIGHT: #000880 0px solid; 
	  	PADDING-RIGHT: 2px; 
	  	BORDER-TOP: #000880 0px solid;
	  	PADDING-LEFT: 2px; 
	  	PADDING-BOTTOM: 2px; 
	  	BORDER-LEFT: #000880 0em solid; 
	  	PADDING-TOP: 2px; 
	  	BORDER-BOTTOM: #000880 0px solid;
	}

	div#menu a {display: block;} 

	div#menu a:link, div#menu a:visited, div#menu a:active	{
	  	text-decoration: none;
	  	padding: 2px 0px 2px 0px;
	  	color: #0000CC;
	  	letter-spacing: 0.05em;
	}

	div#menu a:hover {
		position:relative;
		top: 0px;
		left: 0px;
	  	text-decoration:none; 
	  	background-color:#99FFff;
	  	color:#ff0000;
	   	letter-spacing: 0.05em;
	}
}


@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/

	div#menu-sp ul {
		margin-top: 0;
		text-align: left;
	}


	div#menu-sp ul.dropmenu{
	  *zoom: 1;
	  <!-- IE用の hasLayout を true にするための記述です -->


	  list-style-type: none;
	  width: 100%;
	/*  margin: 5px auto 30px; */
		margin: 0;
	  padding: 0;
	}
	
	
	div#menu-sp ul.dropmenu:before, div#menu-sp ul.dropmenu:after{
	  content: "";
	  display: table;
	}
	
	div#menu-sp ul.dropmenu:after{
	  clear: both;
	}
	
	div#menu-sp ul.dropmenu li{
	  position: relative;
	  
	  width: 25%;
	  
	  float: left;
	  margin: 0;
	  padding: -5em 0 0 0;
	}

	div#menu-sp ul.dropmenu li a{
	  display: block;
	  margin: 0;
	/*  padding: 0em 1em 1em 1em; */
	/*  padding: 15px 0 11px;  */
		padding: 1em 1em 1em 1em;
	  background: #003366;
	 /*   background: #8a9b0f; */

	  color: #fff;
	  font-size: 1em;
	  line-height: 1;
	  text-decoration: none;
	}


	div#menu-sp ul.dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  z-index: 9999;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	}
	
	div#menu-sp ul.dropmenu li ul li{
	  width: 100%;
	}
	
	div#menu-sp ul.dropmenu li ul li a{
	/*  padding: 13px 15px;     関係ない */
	  padding: 0.5em;
	 /*   border-top: 1px solid #7c8c0e; */
	    border-top: 1px solid #000880;
		 /*    background: #6e7c0c; */
		background: #003366;		 
	  text-align: left;
	}

	div#menu-sp ul.dropmenu li ul li#imgli a{
		margin: 0;
		padding: 0;
		border: 0;
	/*  	background: efFFFF;
	  	#6e7c0c; */
	 	text-align : center;
	}


	div#menu-sp ul.dropmenu li:hover > a{
	/*  background: #6e7c0c; */
		background-color: #003366;

	}
	div#menu-sp ul.dropmenu li a:hover{
	/*  background: #616d0b; */
	  	background-color:#99FFff;
	  	color:#ff0000;


	     }
	 
	 
	div#menu-sp ul#normal {
		position: relative; z-index: 8;
	}


	div#menu-sp ul#normal li ul{
	  display: none;
	}
	div#menu-sp ul#normal li:hover ul{
	  display: block;
	}
}


/* ----- 概要 -------------------------------------- */

div#overview {
	text-align: left;
	padding: 0.5em 0.5em;
}

div#overview img {
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0em 0.5em 0em;
	line-height: 1em;
}


/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	div#overview img {
		margin: 0.5em 0.5em 0.5em 0.5em;
		padding: 0.5em 0em 0.5em 0em;
		line-height: 1em;
		max-width : 100% ;
		height : auto ;
	}
}

/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	div#overview {
		margin-left: 5em;
		margin-right: 5em;
	}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
	div#overview {
		margin-left: 2em;
		margin-right: 2em;
	}
}

/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	div#overview {
		margin-left: 0;
		margin-right: 0;
	}
}

div#overview p {
	font-size : 100%;
  	font-weight : normal;
  	line-height : 1.4em;
  	letter-spacing : 0.1em;
  		margin-left: 1em;
}

div#overview p#farm, div#overview p#farm-sp {
	font-size : 95%;
  	font-weight : normal;
  	line-height : 1.4em;
  	letter-spacing : 0.1em;
  		margin-right: 2em;
	text-align: right;
}
/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	p#farm {
		margin-right : 5em;
	}

	p#farm-sp {
		display: none;
	}

}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
	p#farm {
		margin-right : 2em;
	}
	
	p#farm-sp {
		display: none;
	}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	p#farm, p#farm-sp{
		margin-right : 0.5px;
	}
}

/* ----- Access -------------------------------------- */


table#access tr td {
	padding: 0.5em;
}

/* ----- リンクメニュー	・Accessメニュー-------------------------------------- */

div.cover2 {
   display: table;
   border-spacing: 0.5em 3px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover2 div#menu2 {
	text-align: auto;
	margin-bottom: 1em;
}

div.cover2 div#overview2 {
	text-align: auto;
}

div.cover2 div#menu2 p , div.cover2 div#overview2 p {
  font-size : 95%;
  font-weight : normal;
  line-height : 135%;
  letter-spacing : 0.05em;
  margin-bottom: 1em;
 }


div.cover2 div#menu2 table {
	 margin-left: auto;
 	margin-right: auto;
}

div.cover2 div#overview2 table {
	 margin-left: auto;
 	margin-right: auto;
}

@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	div.cover2 div#menu2 {
	   display: table-cell;
	   width: 50%;
	}

	div.cover div#overview2 {
	   display: table-cell;
  	   width: 50%;
	}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
	div.cover2 {
		display: block;
	}

	div.cover2 div#menu2 {
		display: block;
	    width: 100%;
	   	padding: 0px;
	   	margin-bottom: 2em;
	}

	div.cover2 div#overview2 {
		display: block;
	    width: 100%;
		padding: 0px;
	}
}


@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	div.cover2 {
		display: block;
	}

	div.cover2 div#menu2 {
		display: block;
	    width: 100%;
	   	padding: 0px;
	   	margin-bottom: 2em;
	}

	div.cover2 div#overview2 {
		display: block;
	    width: 100%;
		padding: 0px;
	   	margin-bottom: 1em;
	}
}

/* ----- フッター -------------------------------------- */

div#footer {
	margin-top: 0em;
	padding: 10px 10px;
	font-size : 1em;
	float: right;
	clear: right;
 	font-weight:normal;
}

div#footer a:link, div#footerrigh a:visited, div#footerrighr a:active {
  	text-decoration: none;
  	padding: 3px 0px 3px 0px;
  	color: #0000CC;
}

div#footer a:hover {
	position:relative;
	top: 0px;
	left: 0px;
  	text-decoration:none; 
  	background-color:#99FFff;
  	color:#ff0000;
}

a.t_link { 
  text-decoration: none;
  padding: 3px 0px 3px 0px;
  color: #0000CC;
}
a.t_link:hover { 
  text-decoration:none; 
  background-color:#99FFff;
  color:#ff0000;
}
a.t_link:link{ 
text-decoration:none; 
}
a.t_link:visited{ 
text-decoration:none;
}
a.t_link:active{ 
text-decoration:none;
}


/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
}


a.widelink {
  display: block;
  font-size : 85%;
  width: 100%;
  text-decoration: none;
  padding: 0.1em 0px 0.1em 0px;
  color: #0000CC;
  background-color:#EFFFFF;
}
a.widelink:hover {
  background-color:#99FFFF;
  color:#FF0000;
}
a.widelink2{ 
  font-size : 95%;
  line-height : 130%;
  text-decoration: none;
  padding: 0.3em 0px 0.3em 0px;
  color: #0000CC; 
  background-color:#eFFFff;
}
a.widelink2:hover { 
  text-decoration:none;
  background-color:#99ffff;
  color:#ff0000; 
}
a.widelink3 {
  display: block;
  font-size : 95%;
  line-height : 130%;
  width: 100%;
  letter-spacing : 0.03em;
   text-decoration:none;
  padding: 0.5em 0px 0.5em 0px;
  color: #0000CC;
  background-color:#efffff;
}
a.widelink3:hover {
  background-color:#99FFff;
  color:#ff0000;
}