@charset "Shift_JIS";

/* init 
---------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a, img {
  font-family: sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  border: none;
}

ul, li { list-style: none; }
::selection {
  color: #fff;
  background: #000;
}
::-moz-selection {
  color: #fff;
  background: #000;
}

/* start 
---------------------------------------- */
html {
  font-size: 12px;
  line-height: 25px;
  background: #000;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

a { text-decoration: none; }

a:hover {
  
}

/* front 
---------------------------------------- */
#thirteen, #contents, #bg { display: none; }

#thirteen {
  margin: -24px 0 0 -525px;
  width: 1050px;
  height: 48px;
  z-index: 4;
  top: 50%;
  left: 50%;
  position: absolute;
}

#contents {
  margin: -275px 0 0 -500px;
  width: 1000px;
  height: 550px;
  top: 50%;
  left: 50%;
  position: absolute;
}

#text {
  z-index: 3;
  position: absolute;
}

#header { width: 1000px; }

#header:after {
  display: block;
  clear: both;
  content: "";
}

#header h1 { float: left; }
#header p { float: right; }

#info {
  padding: 292px 0 0;
  width: 1000px;
  clear: both;
}

#info:after {
  display: block;
  clear: both;
  content: "";
}

#info ul {
  z-index: 3;
  float: left;
}

#info li { height: 20px; }

#info p {
  padding: 125px 0 0;
  float: right;
}

#bg {
  z-index: 2;
  top: 50px;
  position: absolute;
}

#phosphorescent {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  background: url(../img/phosphorescent.jpg) no-repeat 50% 50%;
  overflow: hidden;
  position: absolute;
}

#tweet {
  z-index: 3;
  right: 50px;
  top: 17px;
  position: fixed;
}

/* player */
.audiojs {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  width: 38px;
  z-index: 3;
  top: 10px;
  right: 10px;
  background: none;
  position: fixed;
}

.audiojs .play-pause { border: none; }
.audiojs .scrubber, .audiojs .time, .audiojs .error-message { display: none; }
