body{
  text-align:center;
  margin:0px;
  padding:0px;
}
#header{
 width:700px;
 height:80px;
 background-color:#32d4a9;
 text-align:left;
}

#header h1{
 font-size:24px;
 font-family:'Comic Sans MS';
 margin-bottom:2px;
 color:white;
 padding-top:20px ;
 padding-left:20px ;
 }

#header p {
 font-size:12px;
 color:white;
 padding-left:20px ;
 margin-top:1px;
 }
/* ===  
#header div {
 background-color:#336666;
 width:700px;
 text-align:left;
 padding-top:3px;
 padding-bottom:-15px;}
=== */
#gnavi{position:absolute;
 background-color:#336666;
 width:700px;
 hight:20px;
 top:0;left:0;
 text-align:left;
 margin:0;
 padding-top:0.85em;
 padding-bottom:0;}

#gnavi li{
  display:inline;
  font-size:10px;
  font-weight:bold;
  color:white;
  margin:0;
  padding:0;
 }
#gnavi li a {
  color:white;
  text-decoration:none}
#gnavi li a:hover{color:orange}

.data {font-size:12px;
       font-weight:bold;
       color:#66cc33;
       text-align:left;
       width:700px;
      margin-top:3px;
      margin-left:0;
      margin-right:auto;}

#contents {position:relative;
 width:700px;
 }

#titol {
 padding-top:50px;
 width:700px;
 hight:300px;}

#titol h2 {
  font-size:20px;
  text-align:left;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding-left:10px;
  margin-top:1em;
  margin-bottom:5px;}

#titol img {
  float: left;
  margin-top: 10px;
  margin-bottom:10px;
  margin-right:10px;
}
#titol p{
  font-size:12px;
  color:#333333;
  line-height:20px;
  text-align:left;
  margin:5px 5px 5px 5px;
  padding:0px 5px 5px 5px;
}
#main{
  float:left;
  top:350;
  left:0;
  width:500px;}

#main h3{
  font-size:16px;
  text-align:left;
  font-weight:bold;
  border-style:solid;
  border-color:#336666;
  padding:5px 5px 5px 10px;
  margin:10px 10px 10px 0px;
  background-color:#fff;
  border-width:0px 0px 2px 20px;
}

#main p{ 
  font-size:12px;
  color:#333333;
  line-height:20px;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px;
  }
h2 {
  font-size:20px;
  text-align: left;
  font-weight: bold;
  border-style:solid;
  border-color:#32d4a9;
  border-width:0px 0px 4px 0px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding:2px 4px 2px 6px;
  margin:0px 5px 0px 5px;
  }

.font1{
  padding:0px 0px 0px 5px;
  margin:0px 0px 0px 0px;
  background:#cccccc;
  color:#0000ff;
  font-size:12px;
  font-weight:bold;
  text-align:left;
}
.font2{
  background:#fff;
  color:#cc00cc;
  font-size:12px;
  text-align:left;
}
.font3{
  background:#fff;
  color:#0000ff;
  font-size:12px;
  text-align:left;
}
.font4{
  background:#fff;
  color:#6699ff;
  font-size:11px;
  text-align:center;
}
.font4 a:visited {  
  color:#5e8eab;
  background: transparent;
}
.font4 a:hover{
  background:#cccccc;
  color:#0000ff;
  text-decoration:none;
}
.font5{
  padding:0px 0px 0px 5px;
  margin:0px 0px 0px 0px;
  background:#cccccc;
  color:#339900;
  font-weight:bold;
  font-size:12px;
  text-align:left;
}
#side{
  top:350;
  margin-left:500px;
  padding-top:30px;}

#side p{ 
  font-size:12px;
  color:#333333;
  line-height:20px;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px;
  } 
#side img {
    margin-right:7px;
    margin-bottom:6px;
    text-align:center;
    padding-top:0px;
    }
#main2{
  float:right;
  top:0;
  right:0;
  padding-top:30px;
  width:500px;}

#main2 h3{
  font-size:16px;
  text-align:left;
  font-weight:bold;
  border-style:solid;
  border-color:#32d4a9;
  padding:5px 5px 5px 10px;
  margin:10px 10px 10px 0px;
  background-color:#fff;
  border-width:0px 20px 2px 0px;
}

#main2 p{ 
  font-size:12px;
  color:#333333;
  line-height:20px;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px;
  }
#side2{
  top:0;
  margin-right:500px;
  padding-top:30px;}

#side2 p{ 
  font-size:12px;
  color:#333333;
  line-height:20px;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px;
  } 
#side2 img {
   margin-right:7px;
   margin-bottom:6px;
   text-align:center;
   padding-top:0px;
    }
#footer{
 clear:both;
 width:700px;
 height:25px;
 background-color:#32d4a9;
 color:#ffffff;
 padding:7px 5px 5px 10px;
}
#footer p{
   text-align:center;
   font-style:normal;
   font-size:12px;
   line-height:20px;
}
#footer a{
  color:#0000be;
  text-decoration:none
}
#footer a:hover{
  background:#f0e68c;
  color:#00ced1;
  text-decoration:none;
}
.address{
 width:700px;
 font-size:12px;
 font-weight:bold;
 font-style:normal;
 color:#5e8eab;
 
 padding-top:4px;
 margin-top:20px;
 padding-left:10px;
 padding-bottom:10px;
 text-align:center;
}
.address a{
  color:#5e8eab;
}