@charset "UTF-8";

html, body { height: 100%; }

.cf { zoom: 1; }
.cf:after {
  clear: both;
  content: "";
  display: block;
}

body {
  margin: 0;
  padding: 0;
  background-color: #141417;
}

#index-container {
  width: 920px;
  height: 560px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url("/_img/top/bg_index.jpg") no-repeat 0 0;
}

h1 {
  width: 442px;
  height: 49px;
  text-indent: -9999px;
  position: absolute;
  top: 40px; left: 315px;
  background: url(/_img/top/title.jpg) no-repeat 0 0;
}

ul#youtube {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 200px; left: 310px;
}

ul#youtube li {
  width: 290px;
  margin: 0 5px;
  float: left;
}

ul.menu {
  position: absolute;
  left: 315px;
  top: 485px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.menu li {
  display: inline;
  float: left;
}

ul.menu li a {
  display: block;
  margin: 0;
  padding: 0;
  height: 11px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -10000px;
}

ul.menu li.bio a { width: 50px; background-image: url(/_img/common/bio.jpg); }
ul.menu li.bio a:hover { background-image: url(/_img/common/bio-over.jpg); }
ul.menu li.schedule a { width: 90px; background-image: url(/_img/common/schedule.jpg); }
ul.menu li.schedule a:hover { background-image: url(/_img/common/schedule-over.jpg); }
ul.menu li.discography a { width: 110px; background-image: url(/_img/common/discography.jpg); }
ul.menu li.discography a:hover { background-image: url(/_img/common/discography-over.jpg); }
ul.menu li.blog a { width: 60px; background-image: url(/_img/common/blog.jpg); }
ul.menu li.blog a:hover { background-image: url(/_img/common/blog-over.jpg); }
ul.menu li.link a { width: 60px; background-image: url(/_img/common/link.jpg); }
ul.menu li.link a:hover { background-image: url(/_img/common/link-over.jpg); }
ul.menu li.contact a { width: 80px; background-image: url(/_img/common/contact.jpg); }
ul.menu li.contact a:hover { background-image: url(/_img/common/contact-over.jpg); }

.facebook_btn {
	width: 80px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 475px;
	right: 30px;
	background: url(/_img/top/facebook.png) no-repeat 0 0;
}

.facebook_btn a:hover {
	background-position: 0 -32px;
}

#footer {
  width: 915px;
  font-size: 10px;
  font-weight: bold;
  color: #333;
  text-align: right;
  position: absolute;
  bottom: 10px; right: 15px;
}

#footer a {
  font-weight: normal;
  color: #666;
}