body{
  margin : 0;
  padding : 0;
  text-align : center;
  background-color : #cccccc;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl{
  margin-top : 0;
  margin-bottom : 0;
}
#wrapper{
  margin : auto;
  width : 640px;
  text-align : center;
  color : #000000;
  background-color : #ffffff;
}
#header{
  margin-left : auto;
  margin-right : auto;
  text-align : center;
}
#main{
  margin-top : 40px;
  margin-bottom : 40px;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  width : 567px;
}
#footer{
  line-height : 1.5em;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  width : 567px;
}
h1{
  font-size : 36px;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  line-height : 1.5em;
}
h2{
  font-size : 18px;
  color : #ffffff;
  background-color : #999999;
  text-align : left;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  padding-left : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
}
.image{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
}
.logo{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  padding-top : 20px;
  padding-bottom : 20px;
}
.navi{
  color : #339966;
  font-size : 14px;
  font-weight : bold;
  text-align : center;
  width : 160px;
  margin-right : auto;
  margin-left : auto;
}
.navi a{
  display : block;
  padding-top : 13px;
  padding-bottom : 13px;
  color : #6633cc;
  background-color : #ffffff;
  text-decoration : none;
  border : 1px solid #6633cc;
}
.navi a:hover{
  color : #ffffff;
  background-color : #339966;
  text-decoration : underline;
  border : 1px solid #339966;
}
.navi-c{
  color : #339966;
  font-size : 14px;
  font-weight : bold;
  text-align : center;
  width : 160px;
}
.navi-c a{
  display : block;
  padding-top : 13px;
  padding-bottom : 13px;
  color : #339966;
  background-color : #ffffff;
  text-decoration : none;
  border : 1px solid #339966;
}
.navi-c a:hover{
  color : #6633cc;
  background-color : #ffffff;
  text-decoration : none;
  border : 1px solid #6633cc;
}
.center{
  margin-right : auto;
  margin-left : auto;
  text-align : center;
}
.left{
  margin-right : auto;
  text-align : left;
}
.right{
  margin-left : auto;
  text-align : right;
}
.c-logo{
  padding : 10px;
  text-align : center;
}
.picture{
  padding : 10px;
  text-align : center;
}
.text-b{
  font-size : medium;
  color : #ffffff;
  background-color : #6633cc;
  text-align : left;
  line-height : 1.5em;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  padding-left : 1em;
  padding-right : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-right : auto;
  width : 80%;
}
.text-g{
  font-size : medium;
  color : #ffffff;
  background-color : #339966;
  text-align : left;
  line-height : 1.5em;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  padding-left : 1em;
  padding-right : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : auto;
  width : 80%;
}
.text{
  font-size : medium;
  text-align : center;
  line-height : 1.5em;
  border-bottom : 1px solid #6633cc;
  padding-bottom : 1em;
  margin-bottom : 1em;
}
.caption{
  font-size : 12px;
  text-align : center;
  padding-bottom : 1em;
  margin-bottom : 1em;
  margin-right : auto;
  margin-left : auto;
}
.table-l{
  margin-right : auto;
  text-align : left;
  margin-top : 1em;
  margin-bottom : 1em;
  width : 70%;
}
.table-r{
  margin-left : auto;
  text-align : right;
  margin-top : 1em;
  margin-bottom : 1em;
  width : 70%;
}
.table-c{
  margin-right : auto;
  margin-left : auto;
  text-align : center;
  margin-top : 1em;
  margin-bottom : 1em;
}
.title{
  font-size : medium;
  color : #ffffff;
  background-color : #339966;
  text-align : left;
  line-height : 1.5em;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  padding-left : 1em;
  padding-right : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
}
.contents{
  font-size : medium;
  color : #ffffff;
  background-color : #6633cc;
  text-align : left;
  line-height : 1.5em;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
  padding-left : 1em;
  padding-right : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
}
.cafe{
  padding-top : 1em;
  padding-bottom : 1em;
  padding-left : auto;
  padding-right : auto;
  border : 1px solid #cccccc;
  width : 100%;
}
.top{
  font-size : 12px;
  font-family : monospace;
  text-align : right;
}
.top a{
  color : #6633cc;
  text-decoration : none;
}
.top a:hover{
  color : #339966;
  text-decoration : underline;
}
.copyright{
  font-size : 16px;
  text-align : center;
  padding-top : 1em;
  margin-top : 1em;
  padding-bottom : 1em;
  margin-bottom : 1em;
}

