BODY  { background-color: #aaaaaa } /* 全体の背景色 */
TABLE { background-color: #aaaaaa } /* 表の背景色 */
TD    { background-color: #cccccc } /* セルの背景色 */
/* 標準のリンク */
A:link {
  color: #3333AA; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}
/* 訪問済みリンク */
A:visited {
  color: #3333AA; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}
/* 現在開いているリンク */
A:active {
  color: #3333AA; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}
/* マウスカーソルが上に来た時のリンク */
A:hover {
  color: #ff3333; /* リンクの色 */
  background-color: #ffcccc; /* 背景の色 */
  text-decoration: none; /* 文字装飾 */
}

P {                            /* 段落の余白 */
  margin-top:    20px;         /* 上の余白 */
  margin-bottom: 20px;         /* 下の余白 */
  margin-left:   30px;         /* 左の余白 */
  margin-right:  10px;         /* 右の余白 */
}
TABLE {                        /* 表の余白 */
  margin: 50px;                /* ４方向の余白 */
  background-color: #0000cc
}

H1 {
  color: #444499; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 20px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #3333ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
  margin: 30px 50px 10px 20px; /* 上、右、下、左の余白 */
}
H2 {
  color: #444499; /* 文字の色 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 15px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #5555ff; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
  margin: 30px 50px 10px 20px; /* 上、右、下、左の余白 */
}
H3 {
  color: #444499; /* 文字の色 */
  padding-left: 20px; /* 左の余白 */
  border-width: 0px 0px 2px 10px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #8888CC; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
  margin: 30px 50px 0px 20px; /* 上、右、下、左の余白 */
}