body          {
          background-color: #003333;
          color: tan;
          margin-left:30px;
          margin-right:30px;
   }

     .menu a      {
          float: left;
          display: block;
          margin-right:4px;
          margin-left: 20px;
          margin-top: 10px;
          padding: 3px;
          width: auto;  /*=====見出しの width =====*/
          font-size: 12px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
   }

/*=====カーソルが乗ったら色を変える。=====*/  /*  p220  */

     a.sample1:link     {              /*  未訪問のリンク　　　*/
          color: #66ff00; text-decoration: none;
          background-color: green;
          font-size: 12px;
   }

     a.sample1:visited     {           /*   訪問済みのリンク  文字色　　　*/
          color: #6633cc; text-decoration: none;
          background-color: #cccccc;
   }
     a.sample1:hover        {          /* カーソルを乗せると色を変える。*/
          color: #ffff00; text-decoration: none;
          background-color: #800080;
          font-size:12px;      /* カーソルを乗せると文字の大きさを変えられるが変えない　*/
   }
     a.sample1:active      {          /*　クリック中のリンク　　　*/
          color: #ccff33;
   }
     .floatclear        {
          clear: left;
   }
*/=====  ===== =====*/

     #title1       {
          width: auto;
          height: auto;
          position: absolute;
          top: 45px;
          left: 335px;
          font-family: cursive;
          color: gold;
          font-size: 25px;
   }

     #title2       {
          width: auto;
          height: auto;
          position: absolute;
          top: 45px;
          left: 335px;
          filter: glow(color=#green,strength=5);
          font-family: serif;
          font-size: 30px;
   }


     hr          {
         width: 700px;
         border: 5px;
         color: purple;
   }