@charset "utf-8";
/* CSS Document */

/*--------------------------------*/
/*共通設定　*/
/*--------------------------------*/
*{
	/* [disabled]margin: 0; */
	padding: 0;
	line-heigt: 1.6em;
	font-family: "ヒラギノ角ゴ Pro w3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,Osaka, "MS Pゴシック", "MS Pgothic", sans-serif;
}

img{
	border: none;
}

body{
	background-image: url('../images/bg01.jpg');
}

.clear {/*回り込み解除*/
	clear:both;
	}

div.plink{
	text-align:right;
	font-size:12px;
	}
div.plink a{
	color:#F66;
	}
div.plink a:hover{
	color:#360;
}
div.plink a:visited{
	color:#F66;
}



/*--------------------------------*/
/*大枠設定　*/
/*--------------------------------*/
body{
	font-size: small;
	text-algin:center;
	word-break: normal;
	word-wrap: break-word;
	}

/*#wrapper{
	width: 900px;
	margin: 0px auto;
	text-align: left;
}*/

#headerbg {
background-image: url(../ikimonogenkimai/imagesg/genkimaihdbg.jpg);
	height:26px;
	width:100%;
	min-width:906px;
}

#header101{
	width: 906px;
	height:26px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size:16px;
	color:#FFF;

}
	

#header102{
	width: 906px;
	height:310px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
	}

#navi101{
	width:906px;
    height:40px;
	margin-right: auto;
	margin-left: auto;
}

#genkimaimain{
	width:906px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 10px;
	font-family: "ヒラギノ角ゴ Pro w3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,Osaka, "MS Pゴシック", "MS Pgothic", sans-serif;
}


#footer101{/*フッターの枠　*/
	width: 906px;
	padding: 2px 20px 10px 20px;
	background-color: #1C5C38;
	margin-right: auto;
	margin-left: auto;
	}

#footer101 ul{/*フッター*/
	list-style:none;
	}


div.banner{
	padding:5px;
	text-align:right;
	font-size:12px;
	color:#FFC;
	
	}

div.banner img{
	height:auto;
	margin-left:10px;
	}

/*--------------------------------*/
/*ナビ　*/
/*--------------------------------*/
#genkimainavi{
  list-style-type: none;
  width: 900px;
  height: 40px;
  padding: 0;
  background: #1C5C38;
  border-bottom: 5px solid #247648;
  border-radius: 3px 3px 0 0;
	margin-right: auto;
	margin-left: auto;
}

#genkimainavi li{
  position: relative;
  width: 150px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

#genkimainavi li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}

#genkimainavi li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}

#genkimainavi li ul li{
  overflow: hidden;
  width: 300px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#genkimainavi li ul li a{
  padding: 13px 15px;
  background: #1C5C38;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#genkimainavi li:hover > a{
  background: #34aa68;
  color: #fce68e;
}
#genkimainavi > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#genkimainavi li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #cbf7f8;
}
#genkimainavi li:hover ul li:first-child{
  border-top: 0;
}
#genkimainavi li:hover ul li:last-child{
  border-bottom: 0;
}
#genkimainavi li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}




/*--------------------------------*/
/*元気米メイン　*/
/*--------------------------------*/

.text101{/*元気米メイン枠内のテキスト*/
	padding:0 3px 3px 0;
	font-size: 16px;
	color: #000;
}

.text101 a{/*リンク下線消す*/
	text-decoration: none;
	color: #F66;
}

.text101 a:hover{/*マウスオン時の文字色*/
	color: #FFF;
}

.text102 a:hover{/*マウスオン時の文字色*/
	color: #F30;
}


.midasi3 {
	margin:20px 0 10px 0;
	padding:5px 10px;
	background: #ee7539;
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


.midasi3 a{
	color:#FFF;
	text-decoration:none;
}
.midasi3 a:hover{
	color:#FC9;
	text-decoration:underline;
}
.midasi3 a:visited{
	color:#FFF;
}







/*--------------------------------*/
/*製品番号から田んぼ情報へのリンクボタン　*/
/*--------------------------------*/

.ibutton {
	margin:20px;
	display: inline-block;
	width: 350px;
	height: 150px;
	text-align: center;
	text-decoration: none;
	font-size:18px;
	line-height: 20px;
	outline: none;
}



.ibutton::before,
.ibutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.ibutton,
.ibutton::before,
.ibutton::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ibutton {
	position: relative;
	background-color: #F06;
	border-radius: 4px;
	color: #FFF;
	line-height: 20px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #ff66a3;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.ibutton:hover {
	top: -4px;
	box-shadow: 0 7px 0 #ff66a3;
}
.ibutton:active {
	top: 3px;
	box-shadow: none;
}


/*--------------------------------*/
/*リンクバナー　*/
/*--------------------------------*/
div.banner2{
	margin:60px 20px 55px 20px;}

div.banner2 img{
	margin:10px 10px 5px 0;
}

div.banner2 h4{
	color:#069}

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

.footer101text a {
	text-decoration: none;
	color: #eee8aa;
}

.footer101text a:hover{
    color: #FC6;
}

.footer101text{
	color: #fdf5e6;
	margin:auto;
	font-size:14px;
}

.footer102text{
	color: #FFF;
	margin:auto;
	font-size:14px;
}

.footerlinktext{
	color: #cbefdb;
	margin-bottom:8px;
	font-size:14px;
	line-height:2em;
	}

.footerlinktext a{
	color: #f8d0b2;
	}

.footerlinktext:hover a{
	color: #FC6;
	}
	

.footermidasi3 {
  margin-top:15px;
  margin-bottom:6px;
  color: #FFF;
  border-left-color: #FFF;
  padding: 3px 0px 0px 6px;
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 2px 10px; /* 枠の幅 */
}

.footer104text{
	color: #FFF;
	text-align:right;
	font-size:14px;
}
