@charset "UTF-8";

/*////////////////////////////////////////////////////////////////////////////////
	レイアウト
////////////////////////////////////////////////////////////////////////////////*/

html{ margin:0; padding:0;}

body {
	font-size: 14px;
	width:100%;
	margin: 0 auto;
	background:url(../img/common/bg_header.gif) repeat-x 0 0;
}

#header,#header-inner,#header_left,#header_right,#gnav,#pan,
#contents,#contents-hd,#contents-inner,#contents-ft,#footer,#footer-inner,
#two-column #contents,#two-column #contents-inner,#two-column #contents-hd,#two-column #contents-ft,#two-column #sub{
/*	position: relative;*/
}

#wrapper {
	width: 904px;
	margin: 0px auto 0px;
	text-align: left;
}

#header {
	background-repeat: repeat-x;
	background-position: left top;
}
#header-inner {
	width: 904px;
	margin: 5px auto 0;
	padding: 0px;
	position: relative;
}

#header_left {
	width: 570px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#header_right {
/* 	float: right; */
	margin: 0px;
	padding-top:20px;
/* 	width: 290px; */
	position: absolute;
	right: 0;
}

#pan{
	display: block;
	font-size: 12px;
}

#contents {	clear:both; margin-bottom: 120px;}

.top #contents-inner {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: repeat-y;
}



/*-------------------------------------------
-------------contents W900-------------------
---------------------------------------------*/

#contents-hd01{
	background: url(../img/pattern01/bg_top.jpg) no-repeat 0 0;
	height: 50px;
}
#contents-ft01{
	background: url(../img/pattern01/bg_bottom.jpg) no-repeat 0 0;
	height: 50px;
}
#contents-inner01 {
	background: url(../img/pattern01/bg_middle.jpg) repeat-y 0 0;
	padding: 10px 30px;
}

/*-------------------------------------------
-------------contents W670-------------------
---------------------------------------------*/

#two-column #contents {
	float: left;
	width: 670px;
}
#two-column #contents-hd{
	background: url(../img/pattern02/bg_top.jpg) no-repeat 0 0;
	height: 50px;
}
#two-column #contents-inner {
	background: url(../img/pattern02/bg_middle.jpg) repeat-y 0 0;
	padding: 10px 30px;
}
#two-column #contents-ft{
	background: url(../img/pattern02/bg_bottom.jpg) no-repeat 0 0;
	height: 50px;
}

#two-column #sub {
	width: 215px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#two-column #sub strong{
	font-size: 14px;
	color: #86732D;
	border-left: 2px solid #E3DDC3;
	letter-spacing: 2px;
	padding: 4px 0 4px 13px;
	display: block;
	margin-bottom: 8px;
	font-weight: normal;
}

#two-column #sub dl,
#two-column #sub p{
	margin-bottom: 15px;
}

/*------------------------------------県産米-----------------------------------*/


#two-column ul.menu li{
	margin: 0px;
	padding: 0px;
}


#two-column ul.menu li a {
	background-image: url(../img/common/sub_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-right: 5px;
	display: block;
}

#two-column ul.menu {
	background-image: url(../img/common/sub_menu_end_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 5px;
}

/* IE6 Hack*/
*html body#two-column ul.menu li {
	height: 1%;
}


/*------------------------------------レシピ-----------------------------------*/


#two-column .launchBox {
	padding-bottom: 20px;
	display: block;
}

#two-column .recipe {
	display: block;
	padding-top: 1px;
	padding-bottom: 15px;
}

#two-column .recipe li{
	padding-bottom: 6px;
}


/*////////////////////////////////////////////////////////////////////////////////
	#contents
////////////////////////////////////////////////////////////////////////////////*/

h1{
	padding-bottom: 20px;
}

h3{
	font-size: 18px;
	color: #6A5622;
	padding-bottom: 0.5em;
}

h4{
	font-size: 14px;
	color: #6A5622;
	padding-bottom: 0.5em;
}

#contents-inner .end {
	padding-bottom: 0px;
}

/*--------------------------------------------*/
/* トップページ */
#contents-inner01 #infomation {
	width: 265px;
}
#contents-inner01 #infomation dl {
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 3px;
	padding-left: 3px;
}

#contents-inner #infomation dt {
	color: #000000;
	font-size: 12px;
}
#contents-inner #infomation dd {
	font-size: 12px;
	line-height: 1.5em;
}

/*--------------------------------------------*/
/*101002*/

body.top div#flashcontent,
p.flashContent{
	margin: 20px 0 15px 0;
}

body.top div#indexWrap{
	width: 904px;
	margin-top: 20px;
}

body.top div#leftContents{
	float: left;
	width:655px;
}

body.top div#rightContents{
	float: right;
	width:215px;
}

body.top div#leftContents h2{
	float: left;
	margin-bottom:15px;
}
body.top div#leftContents p#btnTopics{
	float: right;
}

body.top div#leftContents dl {
/* 	background-image: url(../img/dotline.gif); */
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
	border-top:1px solid #eee;
	width: 655px;
}

body.top div#leftContents dt,
body.top div#leftContents dd {
	padding: 10px 0;
	margin-top:2px;
	border-bottom:1px solid #eee;
}

body.top div#leftContents dt {
	float: left;
	width: 135px;
	color: #33CE2E;
	font-size: 12px;
	background:#F4F2E7;
	color:#7D6831;
	padding-left: 5px;
}

body.top div#leftContents dt span{
	padding-left: 6px;
	padding-top: 1px;
	letter-spacing: 1px;
}

body.top div#leftContents dd {
	float: right;
	width: 510px;
	font-size: 12px;
}

body.top div#leftContents dd a{
	padding-left:15px;
	
	display: block;
    width: 490px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;	
	
}

/*--------------------------------------------*/

div#fBannerWrap{
	width: 655px;
	padding-top: 35px;
}

body.top ul#footerBannerBox{
	float: left;
}

body.top ul#footerBannerBox li{
	display: inline;
	float: left;
	margin: 0 24px 0 0;
	padding-right:24px;
	background:url(../img/common/dotline_tate.gif) repeat-y top right;
}
/*

body.top ul#footerBannerBox li.firstItem{
	padding-left:0;
	margin-left:0;
	background:none;
}
*/

body.top div#rightContents ul{}
body.top div#rightContents ul li{
	margin-bottom:12px;
}

body.top div#rightContents ul li#bnrJaTown{
	position: relative;
}

body.top div#rightContents ul li#bnrJaTown img#meshimaru{
	position: absolute;
	top: 48px;
	right: 6px;
}

body.top div#rightContents ul li#bnrMonthTopics{}
body.top div#rightContents ul li#bnrMonthTopics span{
	font-size: 11px;
	padding: 4px 0 0 2px;
	display: block;
}


#seisanshaSlider{
	width: 185px;
	height: 153px;
	float: right;
}

#seisanshaSlider img{
	width: 185px;
	height: 153px;
}


/*////////////////////////////////////////////////////////////////////////////////
	#gnav
////////////////////////////////////////////////////////////////////////////////*/

#gnav ul {
	padding: 0px;
	margin: 0px;
}

#gnav ul li {
	list-style-type: none;
	float: left;
	display:inline;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#gnav ul li a {
	height: 36px;
	display: block;
	text-decoration: none;
	background-image: url(../img/gnav.jpg);
	color: #FFFFFF;
	overflow: hidden;
}

/*--------------------------------------------*/
/* トップページ */
#gnav ul li#top {
	width: 112px;
}
#gnav ul li#top a:link,#gnav ul li#top a:visited {
	background-position: 0px 0px;
}
#gnav ul li#top a:hover,#gnav ul li#top a:visited:hover {
	background-position: 0px -40px;
}
.top #gnav ul li#top a:link,.top #gnav ul li#top a:visited {
	background-position: 0px -80px;
}



/*////////////////////////////////////////////////////////////////////////////////
	#pan
////////////////////////////////////////////////////////////////////////////////*/

#pan ul{}

#pan ul li{
	float: left;
	display: block;
	padding: 8px 5px 4px 0;
}
#pan ul li a{
	padding-right: 5px;
}

/*////////////////////////////////////////////////////////////////////////////////
	#footer  #101004
////////////////////////////////////////////////////////////////////////////////*/

div#footer{
	background:url(../img/common/bg_footer.gif) repeat-x left bottom;
	margin-top: 80px;
	clear: both;
	position: relative;
}

div#footerInner{
	width:904px;
	padding: 90px 0 15px;
	margin:0 auto;
	margin-bottom:0;
	padding-bottom:0;
	position: relative;
}

div#footer ul#jaLogoSet{
	float: left;
	width: 300px;
}
div#footer ul#jaLogoSet li{
	float: left;
	line-height:normal;
}
div#footer ul#jaLogoSet li img{
	vertical-align: top;
	padding-bottom: 15px;
}

address{
	float: right;
	width:345px;
}

address img{
	vertical-align: bottom;
	padding-top: 7px;
}

a#pageTop{
	width: 904px;
	text-align: right;
	position: absolute;
	top: -20px;
	left: 0;
	margin: 0 auto;
	text-align: right;
}


/*////////////////////////////////////////////////////////////////////////////////
	フォーム
////////////////////////////////////////////////////////////////////////////////*/

form{
	margin: 0px;
	padding: 0px;
}



/*////////////////////////////////////////////////////////////////////////////////
	その他設定
////////////////////////////////////////////////////////////////////////////////*/

/* テーブルリスト */
#contents-inner table.list {
	background-image: url(../img/spacer.gif);
	border: 2px solid #CCCCCC;
}
#contents-inner .list tr {
	background-image: url(../img/spacer.gif);
}
#contents-inner .list td,#contents-inner .list th {
	background-image: url(../img/spacer.gif);
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font-size: 12px;
	vertical-align: middle;
}
#contents-inner .list th {
	background-color: #E6E6E6;
	text-align: center;
	white-space: nowrap;
}
#contents-inner .list th.dotline,#contents-inner .list td.dotline {
	border-left-width: 0px;
	background-image: url(../img/dotline_tate.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#contents-inner .list td.dotline2 {
	border-top-width: 0px;
/* 	background-image: url(../img/dotline.gif); */
	background-repeat: repeat-x;
	background-position: left top;
}

#contents-inner .list td.sub,#contents-inner .list td.sub1,#contents-inner .list td.sub2,#contents-inner .list td.sub3 {
	background-color: #F7F7F7;
	text-align: center;
	vertical-align: middle;
	width: 140px;
	white-space: nowrap;
}
#contents-inner .list td.sub1 {
	background-color: #FBE1ED;
	color: #B6575B;
}
#contents-inner .list td.sub2 {
	background-color: #E6E7F8;
	color: #666699;
}
#contents-inner .list td.sub3 {
	background-color: #F3EDCF;
	color: #B5855A;
}


/* リンクアイコン */
.arrow {
	background: url(../img/common/ic_arrow.gif) no-repeat 0 0;
	padding: 3px 0 2px 16px;
}
.win {
	background: url(../img/common/ic_win.gif) no-repeat 0 2px;
	padding: 0 0 0 13px;
}
.dl {
	background: url(../img/common/ic_dl.gif) no-repeat 0 0;
	padding: 0px 0 2px 16px;
}
.arrow_m {
	background: url(../img/common/ic_arrow_m.gif) no-repeat 0 0;
	padding: 3px 0 2px 16px;
}


/*--------------------------------------------*/

/* 2010.10 STYLES */
/*--------------------------------------------*/

ul#gNavi{
/* 	padding:10px 0 0px; */
/* 	margin: 0 0 10px 0; */
	clear: both;
	width: 904px;
}

ul#gNavi li{
	float: left;
/* 	display: block; */
}

/*
ul#gNavi li a img{
	height:50px;
}

ul#gNavi li a:hover img{
	height:50px;
}
*/


/*-------------------------------------*/
/* 130917_recipe navigation */

li#gNavi07{
	position: relative;
}

li#gNavi07 ul.sNav{
	background: #B2923B;
/* 	background: #666666; */
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 9999;
}

li#gNavi07 ul.sNav li{
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
	width: 130px;
	position: relative;
	z-index: 9999;
}

li#gNavi07 ul.sNav li a{
	padding: 10px 13px 9px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	display: block!important;
	font-style: 12px;	
	text-decoration: none;
	position: relative;
	z-index: 9999;
}

li#gNavi07 ul.sNav li:hover,
li#gNavi07 ul.sNav li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}