/* ---------------------------------

::: index :::

classes
slider
news
members
sidebar
banners
blog
footer banners

--------------------------------- */
/* ---------------------------------

classes

--------------------------------- */
.top-row {
  margin-bottom: 10px;
}
/* ---------------------------------

slider

--------------------------------- */
#top-slider {
  position: relative;
  width: 514px;
  height: 208px;
  overflow: hidden;
  padding: 10px 26px 10px 10px;
  background-color: #000;
}
#top-slider li {
  width: 514px;
}
#top-slider li img {
  vertical-align: bottom;
}
#top-slider .pager {
  position: absolute;
  top: 10px;
  right: 0;
  width: 26px;
  text-align: center;
}
#top-slider .pager a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  overflow: hidden;
  height: 10px;
  width: 10px;
  margin: 5px auto;
  background-color: #666;
  text-indent: -20px;
}
#top-slider .pager a.active {
  background-color: #fff;
}

/* ---------------------------------

news

--------------------------------- */
/* ノーマル時のトップ */
#top-new {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  height: 208px;
  width: 360px;
  padding: 10px;
  background: #646464 url("../img/bg/naname.png");
}
#top-new .content {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  height: 153px;
  padding: 10px;
  background-color: #fff;
}


/* 五十嵐対策中のみサイズ変更のため↑を適用。もとに戻す時はこれ↓を使用
#top-new {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  height: 259px;
  width: 360px;
  padding: 10px;
  background: #646464 url("../img/bg/naname.png");
}
#top-new .content {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  height: 204px;
  padding: 10px;
  background-color: #fff;
}
 */

#top-new .content .ps-scrollbar-x {
  display: none;
}
#top-new li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
#top-new li p {
  margin-bottom: 1em;
}
#top-new li strong {
  font-weight: bold;
}
#top-new li time {
  display: block;
  font-size: .83em;
  color: #666;
}

.top-news__title {
  position: relative;
}

  .top-news__more {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    padding: 2px 24px 2px 12px;
    color: #03c;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  }

  .top-news__more:hover {
    background-color: #f3f3f3;
  }

  .top-news__more .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 18px;
    background-color: #ccc;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }



/* ---------------------------------

members

--------------------------------- */
#top-members {
  width: 702px;
}
#top-members h1 img {
  vertical-align: bottom;
}

/* ---------------------------------

sidebar

--------------------------------- */
#top-sidebar {
  width: 230px;
}

/* ---------------------------------

banners

--------------------------------- */
#top-banners li {
  margin-bottom: 10px;
}
#top-banners li img {
  vertical-align: bottom;
}

/* ---------------------------------

blog

--------------------------------- */
#top-blog {
  padding: 10px;
  margin-bottom: 15px;
  background: #16499a url("../img/bg/naname.png");
}
#top-blog .list {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  height: 300px;
  margin-bottom: 10px;
  background-color: #fff;
}
#top-blog .list .box {
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
}
#top-blog .list .box:nth-child(even) {
  background-color: #eee;
}
#top-blog .list .box img {
  float: left;
  margin-right: 10px;
}
#top-blog .list .box .blog_title {
  font-size: .83em;
}
#top-blog .list .box .blog_line {
  display: none;
}
#top-blog .tw-dboys {
  margin-right: 10px;
}

/* ---------------------------------

footer banners

--------------------------------- */
#top-footer-banners {
  margin-bottom: 50px;
}




/* DBOYS対策
--------------------------------- */
.top-row-left {
  float: left;
}
.top-row-right {
  float: right;
}
#top-bannerlink {
  position: relative;
  width: 530px;
  height: 30px;
  overflow: hidden;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #023592;
}

/* D2対策
--------------------------------- */
#top-d2bannerlink {
  position: relative;
  width: 530px;
  height: 30px;
  overflow: hidden;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #a41144;
}

/* 年始番組対策
--------------------------------- */
#top-dbmedialink {
  position: relative;
  width: 530px;
  height: 30px;
  overflow: hidden;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #fc120b;
}