body {
  margin:0px;
  color:#999999;
  background-color:#000000;
  font-size:10px;
}

h1,h2,h3,h4,h5,strong {
  font-weight:normal;
  font-size:10px;
  display:inline;
}

.recruit {
    float:right;
}
.logo {
    float:left;
    margin:0px 0px 0px 25px;
}
.bookmark {
    float:left;
    margin-top:50px;
}

.contents {
  display:block;
  margin:auto;
  padding:5px 5px;
  color: #ffffff;
  border:2px solid #999999;
  width:846px;
  background-color:#000000;
  font-size:12px;
}

.menu {
  width:100%;
  text-align:center;
}
.menu td {
  width: 94px;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  background-color:#333333;
  border:1px solid #ffffff;
}
.menu a {
  display:block;
  padding: 5px 0px;
  width: 100%;
  color:#ffffff;
  text-decoration:none;
  background-color:#000000;
}
.menu a:hover {
  color:#000000;
  background-color:#ffffff;
}

.mainArea {
  display:block;
  margin:5px auto;
  padding:0px;
  width:820px;
}

.mainArea .banner {
  display:block;
  margin:15px 0px;
  filter:Alpha(opacity=70)
}

.leftArea {
  float:left;
  display:block;
  width: 220px;
  text-align:center;
  margin:0px;
}
.rightArea {
  float:right;
  display:block;
  width: 590px;
  text-align:center;
  margin:0px;
}

.contentsEnd {
  clear:both;
  width:800px;
}

.copyright {
  display:block;
  clear:both;
  width:860px;
  margin:auto;
  text-align:center;
  background-color:#999999;
  color:#000000;
  font-size:10px;
}

a {
  color:#cccccc;
}

a:hover {
  color:#ffffff;
}

img {
  border:0px;
}