body {margin:0px;
      padding:0px;
      font-size:14px; 
      line-height:140%;
      background:#ffffff;
      font-family:Meiryo;
      color:#333333;
}

#wrapper{ width:820px;
           
        background:url(bg.gif) repeat-y;
        margin:0px auto 0px auto;
        padding:0px;
        border: 0px solid #33CC99; 
}

#header{width:800px;
        height:30px;
        margin:0px 0px 0px 10px;
        
        background:#ffffff;  <!--ここをwrapperと同じ背景色にしないとスペースができる-->
}     


.cont1{ 
        width:720px;
        height:20px;
        padding:20px;
        margin:20px 0px 0px 30px;
        border:0px solid #666666;
        background-color:#ffffcc;
        
}


.cont2-1{float:left; 
        width:185px;
        height:400px;
        padding:20px 10px 0px 10px;
        margin:0px 0px 0px 30px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}
.cont2-2{float:left; 
        width:180px;
        height:400px;
        padding:20px 0px 0px 5px;
        margin:0px 0px 0px 0px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}

.cont2-3{float:left; 
        width:170px;
        height:400px;
        padding:20px 0px 0px 10px;
        margin:0px 0px 0px 0px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}

.cont2-4{float:left; 
        width:180px;
        height:400px;
        padding:20px 0px 0px 10px;
        margin:0px 0px 0px 0px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}


.cont3-1{float:left; 
        width:300px;
        heigh:200px;
        padding:20px;
        margin:0px 0px 0px 30px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}
.cont3-2{float:left; 
        width:400px;
        height:260px;
        padding:20px 0px 0px 20px;
        margin:0px 0px 0px 0px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}

.cont4-1{float:left; 
        width:300px;
        heigh:220px;
        padding:20px;
        margin:0px 0px 0px 30px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}
.cont4-2{float:left; 
        width:400px;
        height:240px;
        padding:20px 0px 0px 20px;
        margin:0px 0px 0px 0px;
        border: 0px solid #666666;
        background-color:#ccffff;
      
}


.cont5{ 
        width:740px;
        height:630px;
        padding:0px 0px 0px 20px;
        margin:0px 0px 0px 30px;
        border: 0px solid #666666;
        background-color:#ccffff;

}



.cont6{ 
        width:720px;
        height:20px;
        padding:10px;
        margin:5px 0px 0px 20px;
        border: 0px solid #666666;
        background:url(bg3.gif);

}





.clears {clear:left;
}

#nav {margin:10px 0px 10px 5px;
      padding:0px;
      list-style:none;
      float:left;
      width:740px;
      background-color:#ffffff;
      text-align:center;
}



#footer{ width:800px;
         height:25px
         padding:0px 0px 0px 0px;
         margin:20px 0px 0px 10px;
         text-align:right;
         border: 0px solid #666666;
}

#nav li {float:left;
         
         background-color:#cccccc;
         margin-right:3px;
         margin-left:0px;
         border:1px solid #000;
         font-size:14px;
         text-align:center;
         width:80px;
         height:22px;
}

#nav a{color:#9900ff;
       display:block;
       text-decoration:none;
       width:80px;
       height:22px;
}
#nav a:hover{color:#fff;
       background-color:#ff66ff;
       text-decoration:none;
       height:22px;
}
.text1{ color:#33ccff;
       font-size:18px;
       font-weight:bold;
}
.text2{ color:#000000;
       font-size:15px;
       font-weight:bold;
      
}
.text3{ color:#ff9900;
       font-size:15px;
       font-weight:bold;
      
}