@charset "utf-8";

/* html
------------------------------------------ */

/* body
------------------------------------------ */
body {
  width: 980px;
  margin: 0 auto;
  background: #ffffc7 url(../img/bg.png);
  background-size:74px;
  color: #000000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  /*-webkit-text-size-adjust: none;*/
}
a {
  outline: none;
}
a:link, a:visited {
  color: #000000;
  text-decoration: underline;
}
a:hover, a:active {
  color: #000000;
  text-decoration: underline;
  opacity: 0.7;
}

/* main
------------------------------------------ */

.wbox {
	background-color:#ffffff;
	margin:30px 0;
	padding:0 0;
	border:2px solid #fff;
	text-align:center;
	color:#000000;
	overflow: hidden;
}

.main{
	margin:-25px -30px -30px;
	position:relative;
	text-align:center;
}

.main p{
	margin:0;
	position:absolute;
	bottom:15px;
	right:0;
	left:0;
}

.text{
	padding:30px;
	text-align:center;
	font-size:18px;
	color:#333;
}

.blue{
	background: #e7fffc url(../img/bg_blue.png);
	background-size:19px;
	margin:-10px 0;
	padding:0 0 30px;
user-select:none; 
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none; 
-khtml-user-drag:none;
}

.share{
	position:relative;
	text-align:left;
	padding:30px;
}

.share p{
	display:inline;
	margin:0;
}

/* player
------------------------------------------ */
.play{
	background: #e3daeb url(../img/play_bg.png);
	background-size:974px;
	width:100%;
	height:48px;
	margin:0 0 30px;
}

      /*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
      .audiojs { height: 40px; background: #404040; width: 100%; height: 20px;margin-left:180px;padding:14px 0;box-shadow:none;}
      /*　再生・停止ボタンの高さ、幅、パディングの指定　*/
      .audiojs .play-pause { width: 25px; height: 20px; padding: 0; }
      /*　再生・停止ボタンなどの p 要素　*/
      .audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
      /*　進行状態・ロードの状態を表示する部分　*/
      .audiojs .scrubber { background: #5a5a5a; width: 650px; height: 10px; margin: 5px; }
      /*　進行状態を表示するバーの部分　*/
      .audiojs .progress { height: 10px; width: 0px; background: #ccc; }
      /*　ロード状態を表示するバーの部分　*/
      .audiojs .loaded { height: 10px; background: #000;}
      /*　再生時間の部分　*/
      .audiojs .time { float: left; height: 25px; line-height: 25px; }
      .audiojs .error-message { height: 24px;line-height: 24px; }

/* footer
------------------------------------------ */
#footer {
	font-size:11px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align:center;
	color:#666666;
}

#footer img{margin:auto 15px;}