@charset "Shift-JIS";
/*--------------------------------------------------
/* reset
--------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
td,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th,
td {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}

/* ---------------------------------------------------------
/* a
--------------------------------------------------------- */
a {
  outline: none;
  text-decoration: none;
}
a:visited {
}
a:hover {
}
a:active {
}

/*--------------------------------------------------
/* cfix
--------------------------------------------------*/
.cfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cfix {
  display: inline-table;
  min-height: 1%;
}
* html .cfix {
  height: 1%;
}
.cfix {
  display: block;
}

/*--------------------------------------------------
/* font
--------------------------------------------------*/
body {
  background: #05124F url(../img/bg1.jpg) no-repeat center top;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%; /* 10px */
}


/*--------------------------------------------------
/* 
--------------------------------------------------*/
#wrap {
  background: url(../img/bg2.jpg) no-repeat center 686px;
}
#main {
  margin: 0 auto;
  padding: 0 0 18px;
  position: relative;
  width: 960px;
}
#visual {
  background: url(../img/bg1.jpg) no-repeat center top;
  text-align: center;
}
#item {
  background: url(../img/item_bg.png) no-repeat right top;
  height: 331px;
  position: absolute;
  top: 550px;
  width: 960px;
}
#item .btn {
  margin: 7px 0 0;
}
#movie {
  background: url(../img/movie_bg.png) no-repeat;
  height: 299px;
  position: absolute;
  left: 178px;
  top: 580px;
  width: 954px;
}
#movie iframe {
  background: #000;
  position: absolute;
  top: 7px;
  left: 7px;
}
#song {
  margin: 228px 0 0 0;
  position: relative;
}
#song .btn {
  position: absolute;
  top: 276px;
  left: 621px;
}
#share {
  margin: 80px 0 0 0;
}
#share li {
  float: left;
}
#footer {
  background: #030C34;
  margin: -8px 0 0;
  padding: 28px 0;
}
#footer ul {
  margin: 0 auto;
  width: 960px;
}
#footer li {
  color: #FFF;
  font-size: 130%;
  float: left;
}
#footer .sep {
  padding: 0 12px;
}
#footer .copy {
  float: right;
}
#footer a {
  color: #FFF;
}
#footer a:hover {
  text-decoration: underline;
}