/* ユーザエリア008指定
---------------------------------------------*/

/* エリア指定 */

#artistBnArea {
  width: 315px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#artistBnArea #inner {
  margin: 0px auto;
  padding: 0px;
  background: url(../../images/main/top/sideArea_bgm.png) repeat-y;
}

#artistName {
  margin: 0px auto 0px 0px;
  padding: 5px 0px 0px 0px;
  background: url(../../images/main/top/pickArea_bgt.png) 2px bottom no-repeat;
  width: 312px;
}

.artistBottom {
  height: 12px;
  margin: 0px;
  padding: 0px;
  background: url(../../images/main/top/sideArea_bgb.png) 0px 0px no-repeat;
}

@media screen and (max-width:767px) {
  .artistBottom {
    height: auto;
    margin: 0px;
    padding: 0px;
    background: none;
  }
}

#artistBnArea li {
  /* width: 294px; */
  /* margin: 0px auto 0px 11px; */
  /* padding-bottom: 4px; */
  font-size: 20px;
  text-align: left;
  -moz-box-shadow: 0px 0px 4px #000;
  /* Firefox用 */
  /* -webkit-box-shadow: 0px 0px 4px #000; */
  /* Safari,Google Chrome用 */
}

#artistBnArea li a {
  width: 95%;
  height: 44px;
  margin: 0px auto 0.1em;
  padding: 0px;
  color: #fff !important;
  display: block;
  text-decoration: none;
  background: url(../../images/main/top/artist_bn_bg_off.png) 0px / 100% no-repeat;
}

#artistBnArea li a:hover {
  text-decoration: none;
  background: url(../../images/main/top/artist_bn_bg_on.png) 0px!important no-repeat;
}

#artistBnArea li a span {
  margin: 0px;
  padding: 13px 0px 0px 20px;
  display: block;
  float: left;
}

#artistBnArea li a span.sub {
  margin: 0px;
  padding: 13px 0px 0px 10px;
  font-size: 12px;
}