body {
  color: #aaa;
  font-size: 14px;
  font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  letter-spacing: 1px;
  -webkit-text-size-adjust: 100%;
  background: #000;
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
}

b {
  font-weight: bold;
}

i {
  display: inline-block;
}

em {
  font-style: normal;
}

select, button, input, textarea {
  display: block;
  width: 100%;
  -webkit-appearance: none;
}

section, nav, article, header, footer {
  display: block;
}

header {
  width: 960px;
  margin: 40px auto;
  clear: both;
}

.header-data {
  float: left;
  margin: 0 60px 0 0;
}

.header-logo {
  float: left;
  margin: 0 0 0 95px;
}

.header-btn {
  float: left;
  margin: 60px 0 0 200px;
}

#main-container {
  width: 960px;
  margin: 10px auto;
  background: #000 ;
  border-left: #373737 5px solid;
  border-right: #373737 5px solid;
  border-top: #373737 5px solid;
  clear: both;
}

.cnt-left {
  width: 214px;
  height: 990px;
  display:inline-block;
  background: url("../images/menu_bg.jpg") repeat-y center top;
  text-align: center;
  margin: 2px 0 0 2px;
}

.cnt-right {
  width: 690px;
  height: 5000px;
  float: right;
  margin: 15px 30px 0 0;
}

.fixed {
    position: fixed;
    top: 10px;
    width: 214px;
    height: 990px;
    z-index: 10000;
}
.newsBox {
  width: 400px;
  margin: 30px 0;
  clear: both;
}

.newsBox a {
  text-decoration: underline;
}

.newsBox a:hover {
  text-decoration: none;
}

#news {
  width: 690px;
}
.newsBox dl {
  padding: 0;
  margin:  0 0 30px 0;
}

.newsBox dt {
  background: url("../images/news_icon.gif") no-repeat left 5px;
  padding: 0 0 0 25px;
  margin: 15px 0;
}

.newsBox dd {
  background: url("../images/news_line.gif") repeat-x left bottom;
  padding: 0 0 20px 0;
  margin:0;
  line-height: 25px;
}

.snsBox {
  width: 290px;
  margin: 30px 0;
  clear: both;
}

.cnt-right iframe {
  width: 400px;
  background: #000;
}