@charset "Shift_JIS";
/*===========================================================

目次

1.基本共通設定
2.ヘッダ
3.文字サイズ変更
4.メインコンテンツ
5.サイドメニュー
6.フッタ
7.ボタン
8.おまけのCSS
9.サブメニュー
10.アイテムタイトル
11.
=============================================================*/


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

BODY {
  background : url(../images/bg_body.gif) repeat;
  margin: 0px;
  padding: 0px;
  font-size: 1.0em;
}
.base {
  background : url(../images/base03.gif) repeat-y;
  width: 810px;
  margin: 0px auto 20px;
}
.box {
  background: url(http://www.gunmasyokuniku.co.jp/gif/Background14.gif);
}
/*フロート解除*/
.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: 10px;
  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 {
  padding: 4px 0px 0px 0px;
  font-size: 0.9em;
  line-height: 1.3em;
}
.fs05 {
  font-size: 1.0em;
  line-height: 1.3em;
}
.fs06 {
  font-size: 0.7em;
  line-height: 1.2em;
}
.fs07 {
  font-size: 1.2em;
  line-height: 1.3em;
}
.fs08 {
  font-size: 1.5em;
  line-height: 1.5em;
}
.fs02a {
  background: url(../images/line.gif) repeat-x;
  font-size: 0.8em;
  line-height: 1.3em;
}
.fs02b {
  background : url(../images/line01.gif) repeat-x;
  font-size: 0.8em;
  line-height: 1.3em;
}
.fs02c {
  background : url(../images/line02.gif) repeat-x;
  font-size: 0.8em;
  line-height: 1.3em;
}
.fs02d {
  font-size: 0.7em;
  line-height: 1.1em;
}
.fs03a {
  line-height: 1.0em;
}
/*---------------------------*/

/*文字色-------------------*/
/*白*/
.fc01 {
  color: #FFFFFF;
}
/*濃いグレー*/
.fc02 {
  color: #444444;
}
/*緑*/
.fc03 {
  color: #336633;
}
/*赤*/
.fc04 {
  color: #990000;
}
/*白*/
.fc05 {
  color: #008CBB;
}
/*---------------------------*/



/*===========================================================
2.ヘッダ
=============================================================*/
.header_box {
  background : url(../images/jpg/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;
  background : url(../images/backboard00.gif) no-repeat;
  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;
}
/*上州牛認証*/
.sidemenu_box .banner05 A {
  background : url(../images/jpg/gyu_kakunin.jpg) no-repeat;
  width: 157px;
  height: 40px;
  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 .banner06 A {
  background : url(../images/jpg/banner061.jpg) no-repeat;
  width: 160px;
  height: 72px;
  margin: 10px 5px 0px;
  text-indent: -9999px;
  display: block;
}
/*取扱店紹介リンク*/
.sidemenu_box .banner07 A {
  background : url(../images/jpg/banner07.jpg) no-repeat;
  width: 160px;
  height: 75px;
  margin: 10px 5px 0px;
  text-indent: -9999px;
  display: block;
}
/*PR 奥利根もちぶたリンク*/
.sidemenu_box .banner08 A {
  background : url(../images/jpg/banner08.jpg) no-repeat;
  width: 160px;
  height: 50px;
  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;
}
.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;
}
.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;
}
/*赤ふせん風の枠*/
.fusen1 {
  padding: 3px 3px 3px 5px;
  background-color: #ffe6f2;
  border-top: 1px solid #990000;
  border-right: 1px solid #990000;
  border-bottom: 1px solid #990000;
  border-left: 20px solid #990000;
}
/*緑ふせん風の枠*/
.fusen2 {
  padding: 3px 3px 3px 5px;
  background-color: #e1ffe1;
  border-top: 1px solid #006633;
  border-right: 1px solid #006633;
  border-bottom: 1px solid #006633;
  border-left: 20px solid #006633;
}
/*実線のグレー枠*/
.waku {
  padding: 3px 3px 3px 5px;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
}
/*破線のグレー枠*/
.wakua {
  padding: 5px;
  border: 1px dashed #999999;
}
/*実線の緑枠*/
.waku01 {
  width: 300px;
  padding: 5px;
  border: 1px solid #006633;
}
/*破線の緑枠*/
.waku02 {
  width: 300px;
  padding: 5px;
  border: 1px dashed #006633;
}
/*二重線の緑枠*/
.waku03 {
  padding: 5px;
  border: 3px double #006633;
}
/*実線の緑枠*/
.waku04 {
  padding: 5px;
  border: 1px solid #006633;
}
/*実線の赤枠*/
.waku01a {
  width: 300px;
  padding: 5px;
  border: 1px solid #990000;
}
/*破線の緑枠幅 制御なし*/
.waku02a {
  padding: 5px;
  border: 1px dashed #006633;
}
/*破線の赤枠*/
.waku02_ {
  width: 300px;
  padding: 5px;
  border: 1px dashed #990000;
}
/*破線の赤枠 制御なし*/
.waku02_a {
  padding: 5px;
  border: 1px dashed #990000;
}
/*二重線の赤枠*/
.waku03a {
  padding: 5px;
  border: 3px double #990000;
}
/*二重線の赤枠*/
.waku03b {
  padding: 2px ;
  border: 3px double #990000;
}
/*実線の赤枠*/
.waku04a {
  padding: 5px;
  border: 1px solid #990000;
}
/*凸線の枠*/
.waku05 {
  padding: 5px;
  border: 3px groove #DCF0C8;
}
/*凹線の枠*/
.waku06 {
  padding: 5px;
  border: 3px ridge #DCF0C8;
}
/*上凸凹線の枠*/
.waku07 {
  padding: 5px;
  border: 3px inset #DCF0C8;
}
/*下凸凹線の枠*/
.waku08 {
  padding: 5px;
  border: 3px outset #DCF0C8;
}
/*フォームボタン(IEのみ動作らしい)*/
.btn INPUT {
  width: 300px;
  padding: 5px;
  background: #DCF0C8;
}
/*===========================================================
9.サブメニュー
=============================================================*/
/*全農バナー*/
/*.submenu Table {
  background: url(../images/backboard01.gif) repeat-y;
}
*/

.submenu .btn {
  height: 60px;
  margin: 10px 5px 0px;
  display: block;
  background-repeat:    no-repeat;
  border-top:    1px solid #999999;
  border-right:  2px solid #999999;
  border-bottom: 2px solid #999999;
  border-left:   1px solid #999999;
}
/*.submenu .btn a {
  background: url(../images/txtbox1.gif) no-repeat 12px center;
}
*/
.submenu .btn A:HOVER {
  margin: 5px 0px 0px;
  color: #EE6600;
  text-decoration: underline;
}
/*===========================================================
10.アイテムタイトル
=============================================================*/
/*枠なし*/
.T1 DT{
  /*タイトル部分の設定*/
  color: #414142;
  /*文字色*/
  position: relative;
  z-index: 2;
  padding: 0.3em 1em 0.2em 0.3em;
}
.T1 P SPAN{
  padding-left: 8px;
  border-left: 4px solid #0caf0f;
/*タイトル部の左縦線*/
  }
/*枠あり*/
.T2 DT{
  /*タイトル部分の設定*/
  color: #414142;
  /*文字色*/
  position: relative;
  z-index: 2;
  padding: 0.3em 1em 0.2em 0.3em;
  border-style: solid;
  border-color: #616161;
  /*枠の色*/
  border-width: 1px 1px 2px 1px;
}
.T2 DT SPAN{
  padding-left: 8px;
  border-left: 4px solid #0caf0f;
/*タイトル部の左縦線*/
  }
#text_navi{
  list-style-type:none;
  margin:0px 0px;
  padding:0px;
}
#text_navi LI{
  border-left:#999 solid 1px;
  display:inline;
  padding:0px 1em;
}
#text_navi A{
  color:#cccccc;
  text-decoration:none;
}
#text_navi A:HOVER{
  background-color:#ff9428;
  text-decoration:none;
  color:#ffffff;
}

