body {
  margin:2% 2%;
  color: #ffffff;
  background: #000000;
}

.contens {
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
}

.link {
}

A:link {
  color: #00ff00;
  text-decoration: none;
}

A:visited {
  color: #C0FFFF;
  text-decoration: none;
}

A:active {
  color: #40f040;
  text-decoration: none;
}

/* IE 4.0/NN6.0以降らしい */
A:hover {
  color: #01FFF0;
  text-decoration: underline;
}

/* 見出し */
H1 {
  font-size: x-large;
  text-align: center;
  background: #0173FF;
  color: #ffffff;
}

H2 {
  font-size: large;
  text-align: left;
  background: #01FFB4;
  color: #000000;
}

H3 {
  font-size: medium;
  text-align: left;
  background: #C0FF01;
  color: #000000;
}

ADDRESS {
  text-align:right;
}

/* 注釈、コメントなんか。フォントを-1程度に */
.comment {
  font-size: small;
}

/* 見られなくてもいいようなコメント。-2程度のサイズ */
.notation {
  font-size: x-small;
}

/* ほとんど隠すようなコメント。色を薄暗く */
.secret {
  font-size: x-small;
  color: #696969;
}

/* きつめの強調 */
.emphasis {
  font-size: x-large;
  color: red;
}

/* TOPページへ戻る */
.totop {
  text-align: right;
  font-size: small;
}

/* 一つ上のページへ戻る */
.toup {
  text-align: right;
  font-size: small;
}

/* pre-processer */
.pp {
  color: lime;
  font-weight: bold;
}