body {
  font-family: "Segoe UI", sans-serif;
  margin:0; padding:0; background:#f9f9fc; color:#333;
}
header {
  text-align:center; padding:1rem; background:#4a90e2; color:#fff;
  font-size:1.5rem; font-weight:bold; box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.container { padding:1rem; max-width:1200px; margin:0 auto; }

h2 { margin-top:2rem; font-size:1.2rem; color:#4a90e2; border-bottom:2px solid #ddd; padding-bottom:0.3rem; }


#aa-bg {
    font-size:12pt;
    font-family:"ＭＳ Ｐゴシック";
    line-height:normal;
    white-space: pre; /* 改行・スペースを保持 */
    position: fixed;           /* 画面に固定 */
    bottom: 20px;              /* 右下からの距離 */
    right: 50px;
    white-space: pre;          /* 改行・スペースを保持 */
    font-size: 12pt;
    line-height: normal;
    color: rgba(0,0,0,0.2);   /* 薄くして背景感 */
    z-index: 0;
}

.content {
    position: relative;
    z-index: 1;          /* 前景コンテンツ */
    padding: 2rem;
}


/* フッターの全体的なスタイル */
.footer {
    background-color: #333; /* 黒色の背景 */
    color: white; /* 文字を白に */
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.footer a {
    color: #b0e3b0; /* 淡いブルー */
    text-decoration: none; /* 下線を消す */
    font-weight: bold; /* 文字を太字にして目立たせる */
    transition: color 0.3s ease, transform 0.3s ease; /* ホバー時のエフェクト */
}

/* フッター内のリンク（ホバー時） */
.footer a:hover {
    color: #ff6347; /* オレンジ色 */
    transform: translateY(-3px); /* 少し上に動かす */
}

/* フッター内のコンテンツ */
.footer-content {
    max-width: 1200px; /* 最大幅 */
    margin: 0 auto;
}

/* フッターのテキストスタイル */
.footer p {
    font-size: 1rem;
    margin-bottom: 10px;
    font-family: 'Arial', sans-serif;
}