@charset "UTF-8";
/* ========================================
// reset
======================================== */
#contents, #mainContents {
  width: 100%;
  background: transparent;
  float: none;
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 1;
}

/* ========================================
// 特集部分setting
======================================== */
#my-bkmark {
  background-color: #292929;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MjkyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #292929), color-stop(100%, #000000));
  background-image: -moz-linear-gradient(#292929 0%, #000000 100%);
  background-image: -webkit-linear-gradient(#292929 0%, #000000 100%);
  background-image: linear-gradient(#292929 0%, #000000 100%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF292929', endColorstr='#FF000000');
  padding: 5px 0;
}
#my-bkmark .my_famicom {
  display: block;
  float: left;
}
#my-bkmark li {
  float: right;
  margin-left: 10px;
}
#my-bkmark li.gplus {
  width: 60px;
}
#my-bkmark li.twitter {
  width: 90px;
}
#my-bkmark li:last-child {
  margin-right: 0;
}

#bne-content {
  color: #333333;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  background-color: #FFF;
  padding: 0;
  margin: 0;
}

.bne-content-warapper div, .bne-content-warapper ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bne-content-warapper p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.bne-content-warapper .area {
  position: relative;
}
.bne-content-warapper .my_container {
  width: 990px;
  margin: 0 auto;
  position: relative;
}
.bne-content-warapper .alt {
  display: none;
}
.bne-content-warapper .cl, .bne-content-warapper .my_container {
  zoom: 1;
}
.bne-content-warapper .cl:after, .bne-content-warapper .my_container:after {
  content: "";
  display: block;
  clear: both;
}
.bne-content-warapper .pull-left {
  float: left;
}
.bne-content-warapper .pull-right {
  float: right;
}
.bne-content-warapper .txt-defcolor {
  color: #333333;
}
.bne-content-warapper .txt-black {
  color: #000;
}
.bne-content-warapper .txt-danger {
  color: #dc2314;
}
.bne-content-warapper .txt-mute {
  color: #eee;
}
.bne-content-warapper .small {
  font-size: 12px;
}
.bne-content-warapper .txt-center {
  text-align: center;
}
.bne-content-warapper .txt-right {
  text-align: right;
}
.bne-content-warapper .txt-left {
  text-align: left;
}
.bne-content-warapper .txt-justify {
  text-align: justify;
}
.bne-content-warapper .my_copyright {
  color: #999999;
  font-size: 12px;
  padding: 20px 0;
}

.bne_viewchange {
  padding: 20px 0;
  text-align: center;
  font-size: 14px;
}
.bne_viewchange a,
.bne_viewchange span {
  color: #333333;
  display: inline-block;
  padding: 0.2em 1em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  text-decoration: none;
}
.bne_viewchange a {
  background-color: #FFF;
}
.bne_viewchange a:hover, .bne_viewchange a:focus, .bne_viewchange a:active {
  background-color: #ffec96;
}
.bne_viewchange span {
  background-color: #eee;
}

/* ========================================
// BOX
======================================== */
.bne_vipbox {
  width: 900px;
  height: 200px;
  display: block;
  padding: 16px 40px 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #FFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.bne_vipbox .img {
  border: 4px solid #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}
.bne_vipbox:hover {
  opacity: 0.9;
}
.bne_vipbox + .bne_vipbox {
  margin-top: 22px;
}

.bne_vipbox.vip1 {
  background-image: url("../images/vip1_bg.png");
  text-align: left;
}

.bne_vipbox.vip2 {
  background-image: url("../images/vip2_bg.png");
  text-align: right;
}

.bne_ipbox {
  width: 470px;
  height: 200px;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bne_ipbox:hover img, .bne_ipbox:hover i {
  opacity: 0.8;
}
.bne_ipbox + .bne_ipbox {
  margin-top: 40px;
}
.bne_ipbox img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.bne_ipbox .img {
  float: right;
}
.bne_ipbox .bne_title {
  width: 100%;
  float: none;
  clear: both;
  padding: 18px 0 0 2px;
  line-height: 1em;
  display: block;
}
.bne_ipbox .arrow_next {
  height: 0;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 14px;
  background: url("../images/arrow_dot_next.png");
  padding: 27px 0 0;
  margin: 0 10px 0 0;
}

/* ========================================
// area
======================================== */
#bne_head {
  position: relative;
  padding: 0 0 40px;
}
#bne_head .head_content {
  z-index: 1;
}
#bne_head .bne_bg {
  background: url("../images/headbox1.png") no-repeat top center #fccf00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 190px;
  min-width: 990px;
}
#bne_head .bne_title {
  padding-top: 28px;
  margin-bottom: 33px;
}
#bne_head .bne_logobox > img {
  margin: 0 auto;
}
#bne_head .bne_logobox img {
  display: block;
}
#bne_head .bne_logobox .img {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
#bne_head .bne_logobox .pull-left,
#bne_head .bne_logobox .pull-right {
  padding-top: 10px;
}
#bne_head .bne_logobox .img1,
#bne_head .bne_logobox .img3,
#bne_head .bne_logobox .img5 {
  margin-left: 20px;
}

#bne_head2 {
  height: 190px;
  background: url("../images/headbox2.png");
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
#bne_head2 .bne_textbox {
  color: #FFF;
  background: url("../images/bne_head2_textbox.png") no-repeat top center;
  width: 900px;
  height: 70px;
  padding: 8px 50px 0;
  line-height: 1.75em;
  margin: 0 auto;
}
#bne_head2 .bne_title {
  text-align: center;
  line-height: 1em;
  padding: 20px 0 0;
  margin-bottom: 17px;
}

#bne_viparea {
  background: #fccf00;
  padding: 20px 0 20px;
}
#bne_viparea .my_container {
  background: url("../images/vipbg_head.png") no-repeat top center;
  padding: 20px 0 0;
}
#bne_viparea .bne_vip_wrap {
  background: url("../images/vipbg_foot.png") no-repeat bottom center;
  padding: 0 0 20px;
}

#bne_iparea {
  background: url("../images/iparea_bg.png");
  padding: 40px 0 80px;
}
#bne_iparea .pull-right {
  padding-top: 120px;
}