body {
  background-color: #000000;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto,
    "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "Meiryo UI", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;

  background-image: url(img/000.png);
  background-position: top left; /* ← 左上から敷き詰め */
  background-repeat: repeat;     /* ← 縦横にリピート */
  background-size: auto;         /* ← 元のサイズで表示 */
  background-attachment: scroll; /* ← 固定せず通常スクロール */
}


/* -------------------------------
   ページ全体
-------------------------------- */
html {
  font-size: 12px; /* 基準サイズ */
  line-height: 1.2; /* 行間少し狭め */
  font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #208020;
  background-color: #fafafa;
}

/* -------------------------------
   見出し
-------------------------------- */
h1, h2, h3, h4, h5{
  margin-top: 0.3em;
  margin-bottom: 0.3em; /* ブロック間隔を狭める */
}

h1 {
  font-size: 2.2rem;   /* 32px */
  font-weight: bold;
  color: #2c3e50;
  border-bottom: 2px solid #208040;
  padding-bottom: 0.3em;
}

h2 {
  font-size: 1.5rem; /* 24px */
  font-weight: bold;
  color: #102080;
  border-left: 5px solid #f44336;
  padding-left: 0.5em;
}

h3 {
  font-size: 1.3rem; /* 19.2px */
  color: #555;
  background-color: #fafafa;
}


h4 {
  font-size: 1.6rem; /* 19.2px */
  color: #555;
  background-color: #ffff50;
}

h5 {
  font-size: 1.6rem; /* 19.2px */
  color: #fff;
  background-color: #000000;
}

h6 {
  font-size: 1.3rem; /* 24px */
  font-weight: bold;
  color: #008000;
  border-left: 5px solid #f44c0c0;
  padding-left: 0.5em;
}






/* -------------------------------
   本文・段落
-------------------------------- */
p {
  font-size: 1rem;
  line-height: 1.6;  /* 少し詰める */
  margin-top: 0.3em;
  margin-bottom: 0.3em; /* 上下間隔狭め */
  color: #333;
  padding-left: 0.5em;
}

/* -------------------------------
   リンク
-------------------------------- */
a {
  font-size: 1rem;
  color: #0066cc;
  text-decoration: none;
  transition: color 0.2s;
}

a:hover {
  color: #f44336;
  text-decoration: underline;
}

/* -------------------------------
   カラムごとの文字サイズ・配置・色・間隔
-------------------------------- */
.left {
  text-align: center;      
  font-size: 1.5rem;     
  color: #208020;
  line-height: 1.3;
}

.center {
  text-align: center;    
  font-size: 1.5rem;     
  color: #222;
  line-height: 1.3;
}

.bottom {
  text-align: right;     
  font-size: 1rem;
  font-weight: bold;
  color: #f44336;
  line-height: 1.3;
}

/* カラム内の見出し配置も個別調整 */
.left h2 { text-align: left; }
.center h2 { text-align: left; }
.bottom h2 { text-align: right; }

.special {
  color: #007020; /* 文字色 */
  font-weight: bold;
  border-left: 5px solid #f44336;
  padding-left: 0.5em;
}


/* -------------------------------
   スマホ対応（レスポンシブ）
-------------------------------- */
@media (max-width: 768px) {
  html { font-size: 13px; }
  .center { text-align: center; } /* 中央カラムも左寄せに */
}

@media (max-width: 480px) {
  html { font-size: 12px; }
}


/** 広告エリア */
.bg_test99 {
    color:  #000;                           /* 文字色指定 */
    width:  750px;                          /* 幅指定 */
    height: 100px;                          /* 高さ指定 */

    background-color: rgb(255, 255, 255);     /* 背景色指定 */
    padding:  0px;                         /* 余白指定 */
    float:  center;                          /* 位置指定 */
    position:  relative;                    /* 位置指定 */
    top: 20px;                             /* 位置指定 */
    center: 0px; /* 左から200px */
}