/* body */

body{
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',san-serif;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #000000;
    background-color: #66cdaa;
    }
    
/* header */

header{
      width: 700px;
      margin: 8px auto;
      padding: 0px;
      background-color: #93ff88;
      border-radius: 20px;
      }
      
header img.center{
                 vertical-align: middle;
                 }
                 
/* main */

#main{
     width: 700px;
     margin: 0px auto;
     }
     
/* nav */

nav{
   float: left;
   width: 180px;
   margin: 10px 0px 0px 0px;
   padding: 0px 0px 20px 0px;
   background-color: #93ff88;
   border-radius: 20px;
   display: block;
   }
   
nav ul{
      margin: 0px;
      padding: 0px;
      line-height: 1.5em;
      }

nav li{
      list-style: none;
      }
      
nav h1{
      text-align: center;
      margin: 10px;
      padding: 0px;
      font-size: 18px;
      line-height: 1.5em;
      }
      
nav a.button0{
             width: 140px;
             height: 20px;
             font-size: 14px;
             font-weight: bold;
             text-decoration: none;
             display: block;
             text-align: center;
             line-height: 20px;
             padding: 10px 20px;
             margin: 0px auto;
             color: #ffffff;
             background-color: #27c01e;
             border-radius: 0px;
             }
      
nav a.button1{
             width: 140px;
             height: 20px;
             font-size: 14px;
             font-weight: bold;
             text-decoration: none;
             display: block;
             text-align: center;
             line-height: 20px;
             padding: 10px 20px;
             margin: 0px auto;
             color: #ffffff;
             background-color: #2de222;
             transition: background-color 0s;
             border-radius: 0px;
             }

nav a.button1:hover{
                   background-color: #93ff88;
                   color: #000000;
                   transition: background-color 0.5s, color 0.5s;
                   }
                   
/* contents */

#contents{
        width: 475px;
        margin: 10px 0px 10px 15px;
        padding: 0px;
        float: left;
        }

#contents h1{
           text-align: left;
           font-size: 16px;
           line-height: 1.5em;
           }
        
#contents h2{
           color: #ff0000;
           text-align: center;
           font-size: 24px;
           line-height: 1.5em;
           }
                   
#contents #info{
               width: 450px;
               margin: 0px;
               padding: 10px;
               text-align: left;
               border: solid 3px;
               border-radius: 30px;
               }
                  
#contents #info .color{
                      color: #ff0000;
                      }
                   
/* contentssub */

#contentssub{
            width: 475px;
            margin: 10px 0px 10px 15px;
            padding: 10px;
            float: left;
            border: solid 5px;
            border-radius: 30px;
            }
#contentssub h1{
               text-align: left;
               font-size: 16px;
               line-height: 1.5em;
               }
               
#contentssub img{
                width: 200px;
                height: 150px;
                display: inline-block;
                }




#contentssub .right{
                   float: right;
                   }
#contentssub .left{
                   float: left;
                   }
                   
#contentssub table{
                  width: 465px;
                  margin: 5px;
                  padding: 3px;
                  border: solid 2px;
                  }
                  
#contentssub th{
               text-align: center;
               width: 70px;
               margin: 0px;
               padding: 3px;
               border: solid 1px; empty-cells: hide;
               }
               
#contentssub td{
               text-align: left;
               margin: 0px;
               padding: 3px;
               border: solid 1px; empty-cells: hide;
               }
                  
#contentssub #list th{
                     text-align: center;
                     width: 70px;
                     margin: 0px;
                     padding: 3px;
                     border: solid 1px; empty-cells: hide;
                     }
                   
#contentssub .center{
                    text-align: center;
                    }
                   
#contentssub ul{
               list-style-type: none;
               }
#contentssub li{
               margin: 8px;
               }

/* footer */

footer{
      text-align: center;
      width: 600px;
      margin: 10px auto 10px;
      }