<!--

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


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

  img  {
	padding:0;
	margin:0 -2px;
	position:relative;
	left:3px;
	}

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


div#container {
	position: relative;
	width: 100%;
	margin: 0px 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 {
		display: none;
	}
}

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

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


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

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: 20%;
	}

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

@media screen and (max-width: 960px) {
/*ここにスマホ用スタイル tablet用スタイルを記述*/
	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;
	}
	
	div#menu {
		display: none;
	}		
	
	
}


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

@media only screen and (min-width: 961px) {
/*ここに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: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: 960px) {
/*ここにtablet用スマホ用スタイルを記述*/

	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 1.5em;
	  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: 30%;
	  
	  float: left;
	  margin: 0;
	  padding: 0 0 0 0;
	  text-align: center;
	  list-style-type: none;

	}

	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.cover div#overview table {
	 margin-left: auto;
 	margin-right: auto;
}

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

/* 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: 0;
		margin-right: 0;
	}
}

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

div#overview p {
  font-size : 95%;
  font-weight : normal;
  line-height : 135%;
  letter-spacing : 0.05em;
  	margin-top: 1em;
  	margin-bottom: 0.5em;
	text-align: center;
}

div#overview p#farm {
	font-size : 95%;
	text-align: right;
}
/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	p#farm {
		margin-right : 5em;
	}
}

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

/* ----- 詳細図選択メニュー-------------------------------------- */

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


	div#overview ul {
	  display: none;
	}
}

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


	div#overview table#non-pc {
	  display: none;
	}
}


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

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

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

div.cover2 div#menu2 table {
	margin-left: auto;
 	margin-right: auto;
 	padding: 0px;
 	border: 2px #333333 solid;
}

div.cover2 div#overview2 table {
	margin-left: auto;
 	margin-right: auto;
 	border: 1px #333333 solid;
}
div.cover2 div#menu2 table tbody tr td {
 	margin-top: 0em;
}
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
	div.cover2 div#menu2 {
	   display: table-cell;
	   width: 660px;
	   	vertical-align: top;   	
	}

	div.cover div#overview2 {
	   display: table-cell;
	   	vertical-align: top;
	}
}

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

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

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

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

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