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;
}
#wrapper1{
  margin : auto;
  width : 800px;
  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;
}
#mob{
  margin-top : 40px;
  margin-bottom : 40px;
  background-color : #ffffff;
  margin-left : auto;
  margin-right : auto;
}
#s_table1{
  border : 1px solid #339966;
  margin-left : auto;
  margin-right : auto;
  margin-top : 30px;
  margin-bottom : 30px;
  padding-bottom : 30px;
  width : 560px;
}
#s_table2{
  border : 1px solid #999999;
  margin-left : auto;
  margin-right : auto;
  margin-top : 30px;
  margin-bottom : 30px;
  width : 500px;
}
#w-link{
  margin-top : 30px;
  margin-bottom : 30px;
  margin-right : auto;
  margin-left : auto;
  width : 567px;
  text-align : center;
  color : #339966;
  background-color : #ffffff;
}
#footer{
  line-height : 1.5em;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  width : 567px;
}
h1{
  font-size : 18px;
  font-family : monospace;
  color : #ffffff;
  background-color : #999999;
  text-align : center;
  line-height : 1.5em;
  margin-bottom : 1em;
}
.logo-1{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
}
.logo-2{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  margin-top : 40px;
  margin-bottom : 10px;
}
.picture{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 40px;
}
.center{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
}
.headline{
  font-size : 14px;
  font-weight : bold;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  color : #ffffff;
  background-color : #339966;
  margin-left : auto;
  margin-right : auto;
  padding-left : 2em;
  width : 480px;
}
.text{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  margin-top : 1em;
  padding-bottom : 1em;
}
.s_text{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  margin-left : auto;
  margin-right : auto;
  margin-top : 1em;
  padding-bottom : 1em;
  width : 35em;
}
.gray{
  font-size : 14px;
  font-weight : bold;
  font-family : monospace;
  text-align : center;
  line-height : 1.5em;
  color : #ffffff;
  background-color : #999999;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 1em;
  width : 400px;
}
.m_gray{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  padding-left : 1em;
  background-color : #cccccc;
}
.gray-l{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  background-color : #cccccc;
  padding-left : 1em;
}
.gray-r{
  font-size : 14px;
  font-family : monospace;
  text-align : right;
  background-color : #cccccc;
  padding-right : 1em;
}
.purple-c{
  font-size : 14px;
  font-family : monospace;
  text-align : center;
  color : #ffffff;
  background-color : #993399;
}
.purple-l{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  background-color : #ffccff;
}
.purple-r{
  font-size : 14px;
  font-family : monospace;
  text-align : right;
  background-color : #ffccff;
}
.white-l{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
}
.white-r{
  font-size : 14px;
  font-family : monospace;
  text-align : right;
}
.green{
  font-size : 14px;
  font-weight : bold;
  font-family : monospace;
  text-align : center;
  line-height : 1.5em;
  color : #ffffff;
  background-color : #339966;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 2em;
  width : 480px;
}
.s_white{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  margin-left : auto;
  margin-right : auto;
  width : 29em;
}
.s_gray{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  background-color : #cccccc;
  margin-left : auto;
  margin-right : auto;
  width : 29em;
}
.home{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  margin-top : 20px;
  margin-bottom : 20px;
}
.data{
  font-size : 14px;
  font-family : monospace;
  line-height : 1.5em;
  text-align : center;
  color : #ff9900;
  margin-left : auto;
  margin-right : auto;
  padding : 10px;
  border : 1px solid #ff9900;
}
.genre{
  display : block;
  padding : 10px;
  font-size : 14px;
  font-family : monospace;
  font-weight : bold;
  text-align : left;
  line-height : 1.5em;
  list-style-type : none;
  margin-left : auto;
  margin-right : auto;
  color : #ffffff;
  background-color : #339966;
  width : 480px;
}
.list{
  font-size : 14px;
  font-family : monospace;
  text-align : left;
  line-height : 1.5em;
  margin-top : 1em;
  margin-bottom : 1em;
  list-style-type : none;
  margin-left : auto;
  margin-right : auto;
  width : 360px;
}
.list a{
  display : block;
  padding : 10px;
  color : #6633cc;
  background-color : #ffffff;
  text-decoration : none;
  border : 1px solid #6633cc;
}
.list a:hover{
  color : #ffffff;
  background-color : #339966;
  text-decoration : underline;
  border : 1px solid #339966;
}
.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;
}