@charset "shift_JIS";

body {

      margin: 0;

      padding: 0;

      }

h1 {

    margin: 0;

    pading: 1em;

    color: #33ccff;

    }

h2 {

    margin: 0;

    pading: 1em;

    color: #33ccff;

    }

h3 {

    margin: 0;

    pading: 1em;

    color: #0099cc;

    }

p {
    margin: 0;

    pading: 1em;

    color: #000000;

    }

#nav {

      list-style: none;

      margin: 0;

      padding: 0;

      line-height: 1.4em;

      text-align: left;

      color: #fff;

      background: #ff99cc;

      clear: left;

      }

#nav2 {

       list-style: none;

       margin: 0;

       padding: 0;

       line-height: 1.4em;

       text-align: left;

       color: #fff;

       background: #ff3399;

       }

li {

    display: inline;

    }


li a {
 
      padding: 0.2em 1em;

      text-decoration: none;
 
      color: #fff;

      background: transparent;

      }

li a:hover {

            color: #900;
 
            background:#ffc;

}
    

#container {

            text-align: left;

            background: transparent;

            width: 1000px;
            
            }

#header {

         color: #000000;

         background: transparent;

         }

#main {

       width: 600px;

       float: right;
             
       color: #ffffff;

       background: transparent;

       }

#subcontent {

             width: 400px;

             float: left;

             color: #000000;

             background:transparent;

             }

#maincontent {

             width: 400px;

             float: left;

             color: #000000;

             background: transparent;

             }

#extracontent {

               margin-left: 400px;

               color: #000000;

               background: #ffffcc;

               }

#footer {

         width: 1000px;

         clear: both;

         color: #00cc00;

         background: #ff3399;
     
         }