body        {
          margin: 0px;
          margin:0px;
          padding: 0;
          background-color: #ccccff;
          color: #000000;
   }

/*=====ヘッダ=====*/

     .header     {
          padding: 18px;
          width: 100%;
          height: 70px;
          background-color: #99cc33;
          bacdground-image: url(images/03_header.jpg);
          background-repeat:no-repeat;
          text-align: center;
          text-decoration: underline;
          font-size:30px;
          color: purple;
          line-height:1.5em;
   }

/*=====メニュー=====*/

     .menu        {
          margin: 0;
          padding: 4px;
          border-top: 1px solid #1e113c;
          border-bottom: 2px solid #1e113c;
          background-color: #808080;
   }

     .menu a      {
          float: left;
          display: block;
          margin-right:4px;
          padding: 3px;
          width: 100px;
          font-size: 12px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
   }

/*



*/
     .floatclear        {
          clear: left;
   }



     h2                 {
          font-color: white;
   }

     h3                 {
          font-color: #3399cc;
   }

     .card1             {
          width: 95px;
          height: 25px;
          background-color: olive;
          color: white;
          margin: 10px;
          padding: 1;
          font-size: 1.2em;
          text-align: center;
          padding-top:4px;
   }
     .card2             {
          width: 80px;
          height:23px;
          background-color: #9999ff;
          color: black;
          font-size: 1.2em;
          margin: 10px;
          padding: 1px;
          text-align: center;
          padding-top: 4px;
   }

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

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

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

     hr.sample08            {
          text-align: center;  
          color:silver;
          height:5px;
          width:50%;
   }

     p                    {
          margin-left: 120px;
          margin-right: 120px;
          text-indent:1em;
          font-weight: 700;
          line-height:1.5em;
   }

     .text1               {
          margin: 50px;
          font-size: 1.2em;
          color: purple;
   }

     .text2               {
          color: red;
   }