@charset "Shift_JIS";


* {
       font-size: 99%; }

body {
       font-size: 90%; 
       background: url(../img/back.jpg) repeat; 
       margin:10 0 0;
       padding:0 0; ; line-height: 130%}


#contents {  
       text-align: center; 
       padding: 0px 0px; 
       width: 814px; 
       margin: 0px 0px}

/*////////// header //////////*/

.heder {  
       width: 800px; margin: 0px 0px; padding: 0px 0px; float: left}

.main {  
       margin: 0px 0px; 
       padding: 0px 0px; float: left}

.footer {  
       padding: 3px 0px 0px; font-size: 70%; line-height: 180%; color: #FFFFFF; float: left; text-align: center}

/* logo */

.logo{
       margin: 20px 0px 0px 10px; 
       padding: 20px 0px 0px 10px; 
       width: 400px; 
       float: left; 
       clear: none}

.hederbt {  margin: 0px 0px; padding: 2px 15px 0px 0px; text-align: right}

.copy {  padding: 5px 0px 0px 20px; color: #333333; margin: 0px 0px; font-size: 12px}



/*////////// menu //////////*/

.menu {  
      margin: 0px 0px; 
      padding: 1px 0px; 
      list-style: none inside; 
      width: 180px; 
      float: left}


.menu02 {  
      margin: 0px 0px 1px; 
      padding: 7px 0px; 
      list-style: none; 
      border: solid; 
      border-width: 1px 1px 1px 0px; 
      border-color: #D3D3D3 #A3A3A3 #A3A3A3 black; 
      background: url(../img/arrow_green.gif) no-repeat 8px center; float: left; width: 185px}
.fooder80 {  font-size: 80%; color: #FFFFFF; margin: 5px 5px; text-align: center; width: 804px}
.footname {  font-size: 110%; font-weight: bold}
a:active {  color: #000000; text-decoration: none}
a:hover {  color: #99CC66; text-decoration: underline}
a {  color: #000000}
#f2 {  margin: 10px 0px 10px 10px; float: right}