body {background-color: #040a2a; 
  color: #33ffcc;
   }
  /* デフォルトの文字色 #33ff66 水緑色 */
  /* 背景イメージ */
  /* 背景イメージ固定 */
  
h1 {
  color: #ffcc00;
  }
 
h2 {
  color: #33ff00;
  }
  
h3 {
  color: #ff3300;
  }





/* リンクの文字色　まだ見ていない 黄色／黒 */
a:link {
  color: #00ff00;
  background: #000000;
  }
  
/* リンクの文字色　すでに見た状態 赤色 */
a:visited {
  color: #ff0000;
  background: #000000;
  }
  

/* リンクの文字色　マウスが指しているところ　黄色 */
a:hover {
  color: #ffff00;
  background: #000000;
  }
  
/* リンクの文字色　マウスのボタンを押しているとき 紺色 */
a:active {
  color: #0000ff;
  background: #000000;
  }
.navigation { text-align: center }




/* 写真の右側にテキストを回り込ませる */
/* img {float: left } これは img 全部に適用される。*/

.left { float: left }
/* これは写真を左配置して、右側にテキストを回り込ませる。 */

/* 写真の左側にテキストを回り込ませる */
.right { float: right;
  margin-left: lem;
  margin-bottom: lem;
  }

/* 回り込みの解除 */
.clr_l { clear: left }
.clr_r { clear: right }
.clr_b { clear: both }