body,h1,ul,li {
    margin: 0;
    padding: 0;
}
body {
    font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック";
}
header {
    margin: 0;
    padding: 0;
    background-color: #BF0000;
}
header h1 a {
    margin: 0;
    padding: 10px;
    font-size: 32px;
    font-weight: bold;
    font-family: cursive;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
    text-decoration: none;
}
.credit-logo {
  margin: 10px 0;
  text-align: center;
}
.copyright {
    height        : 35px;
        background-color: #BF0000;
    color        : #fff;
    line-height    : 35px;
}
.usage{
  margin: auto;
  width: 540px;
}
.category-area{
  display: block;
  margin: auto;
  font-size: 14px;
  width: 540px;
}
ul.category-list{
  width: 540px;
  list-style-type: none;
}
ul.category-list  li{
  padding: 0;
  float: left;
  width: 270px;
}
ul.category-list li:before {
    content: "♦ ";
    color: red;
}
.ranking-area{
  display: block;
  margin: auto;
  width: 540px;
}
table{
  width: 540px;
  border-collapse: collapse;
  border-spacing: 0;
}
table th,table td{
  padding: 5px 10px 5px 10px;
  text-align: left;
}
table tr:nth-child(odd){
  background-color: #eee
}