/* ページ全体の設定 */
body {
  background-image: url(背景.jpg);
  background-attachment: fixed;
  /* ＭＳ Ｐゴシックを指定（当時の標準） */
  font-family: "MS PGothic", "Osaka", "MS Pゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #333;
  line-height: 1.4;
  margin: 0;
  padding: 20px;
}

/* スクロールバーのカラー（当時のIE風） */
html {
  scrollbar-face-color: #ff99cc;
  scrollbar-track-color: #ffe6f0;
}
/* 現代のブラウザ用のスクロールバー設定 */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #ffe6f0; }
::-webkit-scrollbar-thumb { background: #ff99cc; border: 2px solid #ffe6f0; }

/* 見出し：立体的な境界線（ridge）で囲む */
h2 {
  color: #cc3399;
  text-align: center;
  border: 3px ridge #ff99cc;
  background-color: #fff0f5;
  padding: 8px;
  margin-top: 10px;
}

/* リンク：未訪問と訪問済みの色分け */
a:link { color: #0000ff; text-decoration: underline; } /* 未訪問：青 */
a:visited { color: #800080; } /* 訪問済み：紫 */
a:hover { 
  color: #ff0000; /* ホバーで赤 */
  background-color: #ffff00; /* 背景が黄色（当時の定番） */
}

/* リストの設定 */
ul {
  list-style-type: "★ ";
  padding-left: 20px;
  display: inline-block;
  text-align: left;
}

ul li {
  margin: 10px 0;
  font-size: 1.1em;
}

/* 全体を中央寄せにするための親要素用（必要に応じて） */
div[align="center"] {
  margin-bottom: 20px;
}