@charset "Shift_JIS";

/*===========================================================

目次

1.基本共通設定
2.ヘッダ
3.文字サイズ変更
4.メインコンテンツ
5.サイドメニュー
6.フッタ
7.ボタン
8.おまけのCSS

=============================================================*/


/*===========================================================
1.基本共通設定
=============================================================*/

body {
	background: url(../images/bg_body.gif);
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
}

.base {
	background: url(../images/base03.gif) repeat-y;
	width: 810px;
	margin: 0px auto 20px;
}

/*フロート解除*/
.clear {
	clear: both;	
}

/*ページの見出し*/
h1 {
	display: none;
}

/*ページタイトル*/
h2 {
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: normal;
	color: #333333;
	width: 570px;
	margin: 0px;
	padding: 3px 0px 0px 5px;
	border-left: 7px solid #336633;
	position: absolute;
	top: 15px;
	z-index: 3;
}

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


/*リンク文字------------*/
a {
	color: #336633;
	text-decoration: none;
}

a:hover {
	color: #EE6600;
	text-decoration: underline;
}
/*---------------------------*/


/*文字サイズ----------------*/
.fs01 {
	font-size: 0.65em;
	line-height: 1.3em;
}

.fs02 {
	font-size: 0.8em;
	line-height: 1.3em;
}

.fs03 {
	font-size: 0.8em;
	line-height: 1.7em;
}

.fs04 {
	font-size: 0.9em;
	line-height: 1.3em;
}

/*文字サイズ*/

.fs07 {
	font-size: 0.7em;
}
.fs09 {
	font-size: 0.8em;
}
.fs10 {
	font-size: 1.0em;
}
.fs12 {
	font-size: 1.2em;
}
.fs14 {
	font-size: 1.4em;
}
.fs16 {
	font-size: 1.6em;
}
/*---------------------------*/

/*文字色-------------------*/
.fc01 {
	color: #FFFFFF;
}

.fc02 {
	color: #444444;
}

.fc03 {
	color: #336633;
}

.fc04 {
	color: #990000;
}

.fc06 {
	color: #0000FF;
}

.fc07 {
	color: #FF0000;
}
/*---------------------------*/



/*===========================================================
2.ヘッダ
=============================================================*/
.header_box {
	background: url(../images/base01.jpg) no-repeat;
	width: 810px;
	height: 145px;
	position: absolute;
	top: 0px;
	z-index: 1;
}

/*ヘッダメニュー---------------*/
.header_box ul {
	background: #000000 url(../images/base02.gif) no-repeat center bottom;
	width: 805px;
	height: 40px;
	padding: 0px 0px 0px 5px;
	margin: 105px 0px 0px;
}

.header_box li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.header_box a {
	background: url(../images/btn_menu.gif) no-repeat 10px center;
	height: 26px;
	padding: 9px 0px 0px 20px;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
}

.header_box .menu01 a {
	width: 85px;
}

.header_box .menu02 a {
	width: 105px;
}

.header_box .menu03 a {
	width: 95px;
}

.header_box a:hover {
	background: url(../images/btn_menu_o.gif) no-repeat 10px center;
	color: #FFCC00;
	text-decoration: none;
}
/*-----------------------------*/


/*===========================================================
3.文字サイズ変更
=============================================================*/

.size_box {
	width: 180px;
	height: 40px;
	position: absolute;
	top: 0px;
	z-index: 2;
	margin-left: 630px;
}

.size_box ul, .size_box li {
	margin: 0px;
	padding: 0px;
}

.size_box li {
	float: left;
	list-style: none;
}

.size_box .fontsize {
	background: url(../images/btn_size00.gif) no-repeat;
	width: 59px;
	height: 40px;
}

.size_box .fontsize span {
	display: none;
}

.size_box .size_l a {
	background: url(../images/btn_size03.gif) no-repeat;
	width: 32px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}

.size_box .size_m a {
	background: url(../images/btn_size02.gif) no-repeat;
	width: 32px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}

.size_box .size_s a {
	background: url(../images/btn_size01.gif) no-repeat;
	width: 37px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}

.size_box .size_l a:hover {
	background: url(../images/btn_size03_o.gif) no-repeat;
}

.size_box .size_m a:hover {
	background: url(../images/btn_size02_o.gif) no-repeat;
}

.size_box .size_s a:hover {
	background: url(../images/btn_size01_o.gif) no-repeat;
}



/*===========================================================
4.メインコンテンツ
=============================================================*/

.contents_box {
	width: 580px;
	float: left;
	padding: 145px 0px 0px 25px;
}

/*パンクズリスト*/
.contents_box .pankuzu {
	width: 580px;
	border-bottom: 1px solid #999999;
	padding: 5px 0px 8px;
}

/*コンテンツ内容*/
.contents_box .main {
	width: 580px;
	margin: 10px 0px 20px;
}



/*===========================================================
5.サイドメニュー
=============================================================*/

.sidemenu_box {
	width: 170px;
	float: right;
	padding: 145px 15px 0px 0px;
}

/*サイドメニュー--------------*/
.sidemenu_box  .sidemenu {
	background: url(../images/sidemenu01.gif) repeat-y;
	width: 170px;
}

.sidemenu ul {
	margin: 0px;
	padding: 0px;
}

.sidemenu li {
	list-style: none;

}

.sidemenu li a {
	background: url(../images/arrow.gif) no-repeat 10px center;
	width: 136px;
	margin: 0px 5px;
	padding: 8px 0px 8px 23px;
	border-bottom: 1px dotted #666666;
	color: #336633;
	text-decoration: none;
	display: block;
}

.sidemenu li a:hover {
	background: url(../images/arrow_o.gif) no-repeat 12px center;
	color: #EE6600;
	text-decoration: underline;
}

.sidemenu_box .end {
	background: url(../images/sidemenu02.gif) no-repeat;
	width: 170px;
	height: 40px;
}
/*-----------------------------*/
/*全農バナー*/
.sidemenu_box .banner00  {
	background: url(../../images/jpg/JA_sengenS.jpg) no-repeat;
	width: 157px;
	height: 100px;
	margin: 10px 5px 0px;
	text-indent: -9999px;
	display: block;
	border-top:    1px solid #999999;
	border-right:  2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left:   1px solid #999999;
}
/*上州麦豚バナー*/
.sidemenu_box .banner01 a {
	background: url(../images/banner01.gif) no-repeat;
	width: 160px;
	height: 40px;
	margin: 10px 5px 0px;
	text-indent: -9999px;
	display: block;
}

/*上州和牛・上州牛バナー*/
.sidemenu_box .banner02 a {
	background: url(../images/banner02.gif) no-repeat;
	width: 160px;
	height: 40px;
	margin: 10px 5px 0px;
	text-indent: -9999px;
	display: block;
}
/*肉の駅バナー*/
.sidemenu_box .banner03 a {
	background: url(../../images/banner03.gif) no-repeat;
	width: 160px;
	height: 40px;
	margin: 10px 5px 0px;
	text-indent: -9999px;
	display: block;
}
/*PB商品ウインナー*/
.sidemenu_box .banner04 a {
	background: url(../../images/banner04.gif) no-repeat;
	width: 160px;
	height: 40px;
	margin: 10px 5px 0px;
	text-indent: -9999px;
	display: block;
}



/*===========================================================
6.フッタ
=============================================================*/

.footer_box {
	width: 760px;
	background: url(../images/base04.gif) no-repeat center bottom;
	padding: 30px 25px;
}

/*フッタメニュー--------------*/
.footmenu {
	width: 760px;
	padding: 0px 0px 5px;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #999999;
}

.footmenu ul , .footmenu li{
	margin: 0px;
	padding: 0px;
}

.footmenu li {
	list-style: none;
	float: left;
}

.footmenu a {
	background: url(../images/arrow.gif) no-repeat 0px center;
	padding: 0px 13px;
	display: inline;
}

.footmenu a:hover {
	background: url(../images/arrow_o.gif) no-repeat 2px center;
}
/*-----------------------------*/

/*会社名、著作権*/
address {
	text-align: center;
	font-style: normal;
}

/*JavaScript無効時*/
noscript {
	text-align: center;
}



/*===========================================================
7.ボタン
=============================================================*/

.data a {
	background: url(../images/btn_data.gif) no-repeat;
	width: 105px;
	height: 20px;
	padding: 22px 0px 18px 95px;
	color: #444444;
	text-decoration: none;
	display: block;
}

.download a {
	background: url(../images/btn_download.gif) no-repeat;
	width: 105px;
	height: 20px;
	padding: 22px 0px 18px 95px;
	color: #444444;
	text-decoration: none;
	display: block;
	border-style:none;
	border-color:#cccccc;
	border-width:1px;
}

.password a {
	background: url(../images/btn_pass.gif) no-repeat;
	width: 105px;
	height: 20px;
	padding: 22px 0px 18px 95px;
	color: #444444;
	text-decoration: none;
	display: block;
}

.bunseki a {
	background: url(../images/btn_bunseki.gif) no-repeat;
	width: 105px;
	height: 20px;
	padding: 22px 0px 18px 95px;
	color: #444444;
	text-decoration: none;
	display: block;
	border-style:none;
	border-color:#cccccc;
	border-width:1px;
}

.data a:hover {
	background: url(../images/btn_data_o.gif) no-repeat;
	color: #EE6600;
}

.download a:hover {
	background: url(../images/btn_download_o.gif) no-repeat;
	color: #EE6600;
}

.password a:hover {
	background: url(../images/btn_pass_o.gif) no-repeat;
	color: #EE6600;
}

.bunseki a:hover {
	background: url(../images/btn_bunseki_o.gif) no-repeat;
	color: #EE6600;
}


/*===========================================================
8.おまけのCSS
=============================================================*/

/*下線入り文章*/
.kasen {
	padding-bottom: 1px;
	border-bottom: 1px dotted #999999;
	line-height: 2em;
	display: inline;
}

/*ふせん風の枠*/
.fusen {
	padding: 3px 3px 3px 5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 20px solid #999999;
}

/*実線の枠*/
.waku01 {
	width: 300px;
	padding: 5px;
	border: 1px solid #006633;
}

/*破線の枠*/
.waku02 {
	width: 300px;
	padding: 5px;
	border: 1px dashed #006633;
}

/*フォームボタン(IEのみ動作らしい)*/
.btn input {
	width: 300px;
	padding: 5px;
	background: #DCF0C8;
}