@charset "utf-8";
#contents {
  padding-bottom: 75px;
}

#main {
  font-size: 100%;
}

/* main-visual */
#main-visual-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 75px;
  padding: 15px 0;
  background: url(/index-images/mv-bg.png) repeat top left;
}

#main-visual-overlay-left,
#main-visual-overlay-right {
  position: absolute;
  width: 700px;
  top: 20px;
  left: 50%;
  background-image: url(/index-images/mv-overlay.png);
  background-repeat: no-repeat;
  z-index: 1000;
  height: 260px;
}

#main-visual-overlay-left {
  margin-left: -1060px;
  background-position: right top;
}

#main-visual-overlay-right {
  margin-left: 360px;
  background-position: left top;
}

#main-visual {
  width: 700px;
  margin: 0 auto;
}

#main-visual li {
  width: 700px;
  height: 270px;
}

#main-visual li img {
  width: 690px;
  margin: 0 5px 0 5px;
}

/* news */
#news {
  position: relative;
  width: 700px;
}
#news .btn {
  position: absolute;
  top: 0;
  right: 10px;
}
#news dl {
  margin: 10px 10px 0 0;
  padding-bottom: 10px;
  background: url(/index-images/news_line.png) repeat-x left bottom;
  zoom: 1;
  font-size: 120%;
}
#news dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#news dl dt {
  float: left;
  width: 7em;
}
#news dl dd.icon {
  float: left;
  width: 75px;
  height: 17px;
  background: url(/news/images/ico-info.png) no-repeat top left;
  text-indent: -9999px;
}
#news dl dd {
  overflow: hidden;
}
#news dl a {
  color: #111;
  text-decoration: none;
}
#news dl a:hover {
  text-decoration: underline;
}
#news dl .kreva {
  background: url(/news/images/ico-kreva.png) no-repeat top left !important;
}
#news dl .ul {
  background: url(/news/images/ico-ul.png) no-repeat top left !important;
}
#news dl .ku {
  background: url(/news/images/ico-ku.png) no-repeat top left !important;
}
#news dl .sonomi {
  background: url(/news/images/ico-sonomi.png) no-repeat top left !important;
}
#news dl .mcu {
  background: url(/news/images/ico-mcu.png) no-repeat top left !important;
}
#news dl .ktcc {
  background: url(/news/images/ico_ktcc.gif) no-repeat top left !important;
}
#news dl .konishi {
  background: url(/news/images/ico-konishi.png) no-repeat top left !important;
}
#news dl .jumicchi {
  background: url(/news/images/ico-jumicchi.png) no-repeat top left !important;
}

#news dl .jmc {
  background: url(/news/images/ico-jmc.png) no-repeat top left !important;
}
#news dl .watabiki {
  background: url(/news/images/ico-watabiki.png) no-repeat top left !important;
}
#news dl .chiharu {
  background: url(/news/images/ico_chiharu.png) no-repeat top left !important;
}
#news dl .little {
  background: url(/news/images/ico_little.png) no-repeat top left !important;
}


#news-inner {
  overflow: auto;
  width: 680px;
  height: 380px;
  margin: 20px 0 0 20px;
}

/* aside */
#aside #aside-artists {
  margin-bottom: 0;
}

/* artists */
#artists {
  border-top: solid 1px #ddd;
  background: url(/index-images/artists-bg.png) repeat top left;
}

#artists-inner {
  width: 960px;
  margin: 0 auto;
  padding: 55px 0 70px;
  background: url(/index-images/artists-bg-inner.png) no-repeat top center;
}
#artists-inner #tab {
  width: 258px;
  height: 22px;
  margin: 30px 0 20px 20px;
  zoom: 1;
}
#artists-inner #tab:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#artists-inner #tab li {
  float: left;
  margin-right: 50px;
}
#artists-inner #tab .active img,
#artists-inner #tab a:hover img {
  visibility: hidden;
}
#artists-inner #tab a {
  display: block;
  height: 22px;
}
#artists-inner #tab a.tab01 {
  width: 87px;
}
#artists-inner #tab a.tab02 {
  width: 71px;
}
#artists-inner #tab a.tab01:hover,
#artists-inner #tab .active a.tab01 {
  background: url(/index-images/artists-tab-bg.png) no-repeat top left;
}
#artists-inner #tab a.tab02:hover,
#artists-inner #tab .active a.tab02 {
  background: url(/index-images/artists-tab-bg.png) no-repeat top right;
}
#artists-inner .area {
  display: none;
  width: 940px;
  margin-left: 20px;
}
#artists-inner .area ul {
  width: 940px;
  zoom: 1;
}
#artists-inner .area ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#artists-inner .area li {
  position: relative;
  float: left;
  width: 160px;
  height: 260px;
  margin-right: 35px;
  background: url(/index-images/artists-bnr-bg.png) repeat top left;
}
#artists-inner .area .last {
  margin-right: 0 !important;
}
#artists-inner .area img {
  position: absolute;
  top: 0;
  left: 0;
}
#artists-inner .area a:hover img {
  top: -5px;
  left: -5px;
}