@charset "Shift_JIS";

#container{
         width: 1000px ;            
         margin: 0px auto ;
            
         
}

#headline{
         width: 980px ;
         height : 20px;
         color : rgb(255, 255, 255);
         padding: 10px ;
         background-color : rgb(191, 191, 191); 
          
}
    


#header{
         width: 960px ;
         height : 80px; 
         margin: 0px ;
         padding: 20px ;
         background-color: #99cccc ;
}

#leftside{
          float: left ;
          width: 200px ;
          height : auto ;
          margin: 0px ;
          background-color : #e6eae9;
          padding: 5px ;               
}

#center{
        float: left ;
        width : 554px;
        height : inherit; 
        margin: 0px ;
        padding: 20px ;
        
}

#rightside{
           float: left ;
           width : 184px;
           margin: 0px
           padding: 4px ;
           border : 2px solid;
           color: #b0c4de ;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 4px;
}

#footer{
        clear: both ;
        width : 980px;
        height : 100px;
        margin: 0px ;
        padding: 10px;
        background-color: #336699 ;
        
}

       
#field{
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  width : 180px;
  float : left;
}

#section{
  width : 560px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  float : right;
}

#picture01{
  clear : left;
  float : left;
}

#picture02{
  float : right;
}