body{
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  background-color:#FFFFFF;
  width: 750px;
  border-right: dotted 1px #99CC66;
  border-left: dotted 1px #99CC66;
  border-bottom: dotted 1px #99CC66;
  background-image: url(img/b-1.gif);
  background-repeat: repeat-x;
}

/* 枠設定 */

#header{
  margin: 0px auto;
  padding: 0px;
  width: 750px;
  background-color: #F0FFD5;
  border-top: solid 15px #003333;
  border-bottom: solid 5px #99CC66;
}

#main{
  margin: 0px;
  padding: 0px;
  width: 750px;
  border-top:  solid 10px #99CC66;
}

#menu{
  margin: 0px;
  padding: 0px;
  width: 150px;
  float: left;
  background-color: #F0FFD5;
}

#main-contents{
  margin: 0px;
  padding: 0px;
  width: 600px;
  float: right;
  background-color: #FFFFFF;
  text-align: left;
}

#under{
  margin: 0px auto;
  padding: 0px;
  width: 750px;
  clear: both;
  text-align: left;
}

#footer{
  clear: both;
  margin: 5px auto 0px;
  padding: 0px;
  width: 750px;
  border-top: solid 5px #99CC66;
}

/* リンク設定 */
a:link{
 color: #003333;
}
a:visited{
 color: #99CC66;
}
a:hover{
 color: #FF9900;
}

/* メニューリンク */
/* （左）サイドメニューリンク　menu=大分類メニューに使用，menu2=小分類メニューに使用 */
a.menu:link{
 text-align: left;
 display: block;
 padding: 8px 0px 8px 10px;
 vertical-align: middle;
 margin: 3px;
 width: 130px;
 color: #003333;
 font-weight: bold;
 text-decoration : none;
 background-color: #F0FFD5;
 border: solid 1px #99CC66;
 font-size: 15px;
 letter-spacing: -2px;
}

a.menu:visited{
 text-align: left;
 display: block;
 padding: 8px 0px 8px 10px;
 vertical-align: middle;
 margin: 3px;
 width: 130px;
 color: #003333;
 font-weight: bold;
 text-decoration : none;
 background-color: #F0FFD5;
 border: solid 1px #99CC66;
 font-size: 15px;
 letter-spacing: -2px;
}

a.menu:hover{
 text-align: left;
 display: block;
 padding: 8px 0px 8px 10px;
 vertical-align: middle;
 margin: 3px;
 width: 130 px;
 color: #003333;
 font-weight: bold;
 text-decoration: none;
 background-color: #FFE8C6;
 border: solid 1px #FF9900;
 font-size: 15px;
 letter-spacing: -2px;
}

a.menu2:link{
 display: block;
 width: 120px;
 height: 20px;
 padding: 3px;
 margin:3px;
 vertical-align: middle;
 color: #003333;
 text-decoration: none;
 border-left: solid 10px #99CC66;
 border-bottom: solid 1px #99CC66;
 font-size: 90%;
}

a.menu2:visited{
 display: block;
 width: 120px;
 height: 20px;
 padding: 3px;
 margin:3px;
 vertical-align: middle;
 color: #003333;
 text-decoration: none;
 border-left: solid 10px #99CC66;
 border-bottom: solid 1px #99CC66;
 font-size: 90%;
}

a.menu2:hover{
 display: block;
 width: 120px;
 height: 20px;
 padding: 3px;
 margin:3px;
 vertical-align: middle;
 color: #003333;
 text-decoration: none;
 border-left: solid 10px #FF9900;
 border-bottom: solid 1px #FF9900;
 font-size: 90%;
}

/* 現在ページのメニュー（それぞれmenu1〜3に対応） */
.now-linkl{
 text-align: left;
 display: block;
 padding: 8px 0px 8px 10px;
 vertical-align: middle;
 margin: 3px;
 width: 130px;
 color: #003333;
 font-weight: bold;
 text-decoration: none;
 background-color: #FFE8C6;
 border: solid 1px #FF9900;
 font-size: 15px;
 letter-spacing: -2px;
}

.now-linkl2{
 display: block;
 width: 120px;
 height: 20px;
 padding: 3px;
 margin:3px;
 vertical-align: middle;
 color: #003333;
 text-decoration: none;
 border-left: solid 10px #FF9900;
 border-bottom: solid 1px #FF9900;
 font-size: 90%;
}

/* トップページ左下サイトマップ等リンク */
.a-1:link{
 margin: 3px;
 padding: 3px 5px 3px 10px;
 font-size: 80%;
 color: #003333;
 border-left: dotted 3px #FF9900;
 text-decoration: none;
}
.a-1:visited{
 margin: 3px;
 padding: 3px 5px 3px 10px;
 font-size: 80%;
 color: #003333;
 border-left: dotted 3px #FF9900;
 text-decoration: none;
}
.a-1:hover{
 margin: 3px;
 padding: 3px 5px 3px 10px;
 font-size: 80%;
 color: #FF9900;
 border-left: dotted 3px #FF9900;
 text-decoration: none;
}

/* 採用ページ */
a.a-2:link{
 border: 1px solid #003333;
 text-align: center;
 background-color: #99CC66; 
 font-size: 120%;
 margin: 5px; 
 padding: 5px; 
 text-decoration: none;
}

a.a-2:visited{
 border: 1px solid #003333;
 text-align: center;
 background-color: #99CC66;
 font-size: 120%;   
 margin: 5px;
 padding: 5px;       
 text-decoration: none;      
}

a.a-2:hover{
 border: 1px solid #003333;
 text-align: center;
 background-color: #003333;
 color: #FFFFFF;
 font-size: 120%;
 margin: 5px;
 padding: 5px;   
 text-decoration: none;          
}

/* サイトマップリンク */
a.a-3:link{
 border-left: solid 7px #FF9900;
 border-bottom: solid 1px #FF9900;
 margin: 10px;
 padding: 0px 10px;
 line-height: 180%;
 text-align: left;
 text-decoration: none;
 color: #003333;
}

a.a-3:visited{
 border-left: solid 7px #FF9900;
 border-bottom: solid 1px #FF9900;
 margin: 10px;
 padding: 0px 10px;
 line-height: 180%;
 text-align: left;
 text-decoration: none;
 color: #003333;
}

a.a-3:hover{
 border-left: solid 7px #FF9900;
 border-bottom: solid 1px #FF9900;
 margin: 10px;
 padding: 0px 10px;
 line-height: 180%;
 text-align: left;
 text-decoration: none;
 color: #FF9900;
}


/* 見出し設定 */
/* ページヘッダ「JA東とくしま」に使用 */
h1{
 color: #003333;
 padding: 10px 20px 0px;
 text-align: left;
 font-size: 300%;
 font-weight: bold;
 margin: 0px;     
}

/* 各ページトピックタイトル */
h2{
 color: #003333;
 margin: 10px 5px 5px;
 padding: 0px 10px;
 text-align: left;
 font-weight: bold;
 border-bottom: solid 2px #FF9900;
 border-left: dotted 3px #FF9900;
 font-size: 140%;
}

/* 各ページトピックサブタイトル */
h3{
 color: #003333;
 margin: 10px 5px 5px 10px;
 padding: 0px 10px;
 text-align: left;
 font-weight: bold; 
 border-bottom: dotted 2px #99CC66;
 font-size: 120%;
}

/* サブサブタイトル */
h4{
 color: #003333;
 font-size: 100%;
 margin: 5px;
 padding: 8px;
}

/* サブサブサブ */
h5{
 color: #006600;
 margin: 5px;
 padding: 5px;
 font-size: 90%;
}

/* 文字スタイル */
/* 各ページ基本文字スタイル */
.s-1{
 font-size: 90%;
 margin: 5px;
 padding: 10px;
 line-height: 150%;
 letter-spacing: 0.5px;
}

/* トップページ（ピックアップ・履歴） */
.s-2{
 font-size: 80%;
 width: 360px;
 height: 150px;
 margin: 5px;
 padding: 10px;
 border: dotted 1px #FF9900;
 line-height: 150%;
 overflow: auto;
}

/* 各ページ「トップに戻る」 */
.s-3{
 font-size: 90%;
 text-align: right;
 margin: 5px;
 padding: 5px;
}

/* トップページ所在地 */
.s-4{
font-size: 90%;
margin: 0px;
padding: 3px;
color: #003333;
background-color: #F0FFD5;
border-bottom: solid 10px #99CC66;
}


/* span */
/* 個人情報案内 */
.sp-1{
 color: #003333;
 border-bottom: dotted 2px #000000;
 padding: 3px;
 margin: 5px;
}

/* 広報・ポジティブリスト */
.sp-2{
 color: #FF0000;
 border-bottom: solid 1px #FF0000;
 padding: 3px;
 margin: 5px;
}

.sp-3{
color: #FF0000;
}

.sp{
 color: #666666;
}

/* フッター住所 */
.f-1{
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-size: 80%;
 color: #FFFFFF;
 background-color: #003333; 
}

/* テーブルスタイル */
/* トップページ（ピックアップ・履歴）に使用 */
.t-1{
 width: 580px;
 margin: 10px;
 padding: 0px;
 border: dotted 2px #99CC66;
 line-height: 150%;
}

/* 概要・ディスクロ（半期） */
.t-2{
 width: 560px;
 margin: 5px;
 padding: 5px;

}

.t-2 td{
 text-align: right;
 font-size: 90%;
 border: solid 1px #F4FFC6;
}

/* 個人情報・採用・産直市・特産品・ATM・沿革 */
.t-3{
 width: 560px;
 margin: 5px;
 padding: 5px;
 font-size: 90%;
 line-height: 150%;
 text-align: left;
}

/* 広報誌 */
.t-4{
 font-size: 90%; 
 text-align: center;
}

.t-4 td{
 width: 33%;
 border: solid 1px #000000;
}

/* 事業案内（事業一覧）・店舗案内 */
.t-5{
 font-size: 90%;
 border: solid 1px #FF9900;
 margin: 5px;
 padding: 3px;
}

.t-5 td{
 border: solid 1px #FF9900;
}

/* サイトマップ */
.t-6{
 text-align: left;
 margin: 10px;
 padding: 15px;
 background-color: #F0FFD5;
}

/* 年末年始執務表 */
.t-7{
 text-align: center;
 margin: 5px;
 padding: 3px;
 font-size: 90%;
 border: solid 1px #99CC66;
}

.t-7 td{
 margin: 3px;
 padding: 3px;
 border: solid 1px #99CC66;
}

/* テーブル背景色 */
.bc1{
 background-color: #CCFF99;
}

.bc2{
 background-color: #FFE8C6;
}

.bc3{
 background-color: #F4FFC6;	
}
/* リストスタイル */
/* ディスクロ・個人情報・事業案内（金融） */
.l-1 li{
 margin: 3px;
 padding: 3px;
 font-size: 90%;
 line-height: 120%;
}

/* 個人情報案内注釈・事業案内 */
.l-2{
 font-size: 80%;
 line-height: 100%;
}