html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  background-color: #00abac;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 1;
 }
ol, ul { list-style: none; }
img { border: 0; }

* { box-sizing: border-box; }

/* table */
table
{
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  box-sizing: border-box;
}

/* margin padding */
.mg0 { margin: 0 !important; }
.mgt6 { margin-top: 6px !important; }
.mgt8 { margin-top: 8px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt60 { margin-top: 60px !important; }
.mgt76 { margin-top: 76px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl26 { margin-left: 26px !important; }
.w80 { width: 80px !important; }
.w200 { width: 200px !important; }
.w450 { width: 450px !important; }

/* font */
.fs10 { font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs24 { font-size: 24px !important; }
.bold { font-weight: bold !important; }

/* position */
.left { float: left; }
.right { float: right; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

/* clearfix(CSS Hack) */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* layout */
.wrapper {
  background-image: url(../images/bg.png);
  background-color: #00abac;
  background-position: top center;
  background-repeat: repeat-y;
  background-size: auto;
  width: 1024px;
  min-height: 1500px;
  padding: 0 120px 40px;
  margin: 0 auto;
}
.box-sale {
  width: 116px;
  position: fixed;
  top: 60px;
  right: 0;
}
.box-gly {
  background: #e6e6e6;
  border: 1px #000 solid;
  height: 32px;
  line-height: 32px;
}
.box-caution {
	background: #ebebeb;
	padding: 8px;
	font-size: 12px !important;
}
ul.caution {
	font-size: 12px !important;
}
ul.caution li {
	list-style: disc;
	margin: 5px 0 0 20px;
	line-height: 1.2;
}
.tunes {
  width: 290px;
}
p.name {
  font-size: 20px !important;
  height: 30px;
  line-height: 30px;
  width: 253px !important;
  float: left;
}
.box-review {
  padding: 40px 0;
  border-bottom: 1px #777 solid;
}
.box-review p {
  line-height: 1.5;
}
.review-txt {
	padding-top: 28px;
	border-top: 1px #ddd solid;
}
.footer {
  margin-top: 36px;
  padding-left: 300px;
}
.copyright {
  text-align: center;
  margin-top: 20px;
}
.copyright span {
  display: inline-table;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
}

/* btn */
.btn-purchase {
  background: #cb1508;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-top: 60px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 290px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
}
.btn-purchase:hover {
  opacity: 0.8;
}
.btn-fb {
  display: table-cell;
  height: 30px;
  width: 30px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  margin-left: 26px;
}
.btn-fb a {
  background: url(../images/btn-fb.png) 0 0 no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  margin-left: 26px;
  line-height: 30px;
}
.btn-home {
  display: table-cell;
  height: 30px;
  line-height: 30px;
}

/* audiojs */
audio {
  width: 30px;
  }
.audiojs {
  box-shadow: none;
  border-right: 0 !important;
  width: 36px !important;
  height: 30px !important;
}
.scrubber, .loaded, .time {
  display: none;
}
.play {
  margin: 0;
  padding: 0;
  height: 30px !important;
  width: 30px !important;
}
.play-pause {
  border-right: 0px !important;
  height: 30px !important;
  /*background: rgba(0, 0, 0, 0) url("../js/player-graphics.gif") no-repeat scroll -2px -1px;*/
  margin: 0;
  padding: 1px 5px !important;
  width: 36px !important;
}

/* wappen */
.wappen {
  position: absolute;
  top: 0;
  left: 0;
}