html,
body {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
  color: #333333;
  background-color: #ffffff;
  line-height:1.3;
}

a {
  color: #1487bd;
  text-decoration: none;
}

a:hover {
  color: #0f5373;
  text-decoration: underline;
}

a:visited {
  color: #789dae;
}

#main {
  width: 100%;
  float: none;
}

.news-list li {
  width: 450px;
}

.read-inner,
.yoyaku-inner,
.news-inner {
  width: 980px;
  margin: 0 auto;
  padding: 30px 0;
}

footer-inner {
  width: 980px;
  margin: 0 auto;
}

#footer {
  padding: 10px 0;
  background: #ffffff;
}

.footer {
  clear: both;
  font-size: 70%;
  text-align: center;
  color: #333333;
  width: 1024px;
  margin: 0 auto;
}

.footer ul.nav-footer {
  margin-bottom: 20px;
}

.footer ul.nav-footer li {
  float: left;
  margin-right: 8px;
}

.footer div.terms {
  margin-bottom: 10px;
}

.footer ul.nav-footer:after {
  content: "";
  display: block;
  clear: both;
}

span.rensai-title {
  font-size: 70%;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.footer a {
  color: #333333;
  text-decoration: none;
}

div.footer ul.nav-footer li {
  float: left;
  margin-bottom: 3px;
  margin-right: 10px;
  padding-left: 11px;
}

div.footer div.terms {
  line-height: 1.4;
  margin-bottom: 20px;
  padding: 5px 10px;
}

#header-img {
    margin: 0 auto;
    padding: 0;
    width: 1030px;
}

#read-img {
    margin: 0 auto;
    padding: 0;
    width: 1030px;
}
#chara-img {
    margin: 0 auto;
    padding: 0;
    width: 1030px;
}

#jinbutsu {
  background: #FFD600;
  padding: 15px;
  width: 300px;
  border-radius: 10px;
}

#yoyaku {
  background: #7bbd31;
  width: 1030px;
  margin: auto;
}

.btn {
  width: 280px;
  height: 85px;
  background: #333333;
  color: #ffffff;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 15px;
  text-align: center;
  padding: 4px 10px 4px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
  text-decoration: none !important;
}
a.btn,a.btn:visited{
  color:white;
}
a.btn:hover{
  color:#333333
}

.btn:hover {
  color: #d62028;
  background-color: #f5f5f5;
  text-decoration: none !important;
}


.news-list{
  width:980px;
}
.news-list:after { content: ""; display: block; clear: both; }
.news-list li{
  display:inline-block;
  float:left;
  width:460px;
  margin-right:20px;
  margin-bottom:20px;
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
}
.news-list li:after { content: ""; display: block; clear: both; }
.news-list li img{
  float:left;
  margin-right:10px;
}
.news-list li a{
  font-weight:bold;
}


.tachiyomi {
  width: 1030px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}