@charset "Shift_JIS";


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background: #006400 url(back.jpg); /* 全体の背景（斜線の背景画像） */
color: #228b22; /* 全体の文字色 */
font-size: 92%; /* 全体の文字サイズ */
line-height:120%;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #556b2f; }
a:visited { color: #556b2f; }
a:hover { color: #556b2f; }
a:active { color: #556b2f; }

/* --- コンテナ --- */
#container {
width: 780px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
}

/* --- ページ --- */
#page {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
border-bottom: none; /* ページの下境界線 */
}

/* --- ヘッダ --- */
#header {
background-color: #228b22; /* ヘッダの背景色 */
}

/* --- コンテンツ --- */
#content {
padding: 20px 40px 50px 40px;
background-color: #f5f5dc; /* コンテンツの背景色 */
}

/* --- 画像回り込み --- */
.float
      {
         float: right;
         margin-right: 3em;
      }
.floatclear
      {
         clear: both;
      }

/* --- 見出し --- */  
h1 {
border-bottom:1px solid #228b22;
padding:0 0 2px 0;
text-align: left;
}

.sub {
display:block;
font-size:60%;
color:#228b22;
margin:2px 0 0 0 ;
text-align:right;
}


h4 {
  border-top-color: #228b22; /* 上枠の色 */
  border-bottom-color: #228b22; /* 下枠の色 */
  padding: 4px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 1px 0px; /* 枠の幅 */
  line-height: 150%; /* 行の高さ */
}      


/* --- フッタ --- */
#footer {
padding: 10px 50px 10px 50px;
background-color: #eee8aa; /* フッタの背景色 */
}