/* common */
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:#565e3d url(../images/bg_pc.jpg) center top repeat-x; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

html,body { height:100%; }

/* wrapper all */
#wrapperAll { min-height: 600px; max-height: 100%; height: 100%; position: relative; }
#wrapperAll:after { content: ""; display: block; clear:both;}
#inner { }

/* footer */
#pageFooter { box-sizing: border-box; -moz-box-sizing: border-box; background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100px; position: absolute; bottom: 20px; }
#pageFooterInner { padding: 25px 30px 60px 30px; min-width: 640px; margin-right:auto; margin-left: auto;}
#pageFooter h1 { float: left; color: #fff; font-size: 9px; font-weight: normal; font-family: "Arial", sans-serif; }
#pageFooter h1 img { display: inline-block; padding-right: 10px; }
#pageFooter h2 { float: right; padding-top: 10px; }
#pageFooter p { clear:both; padding-top: 5px; }
#pageFooter:after { display: block; clear: both; content: ""; }

#contents { background:url(../images/bg.png) 0 0 no-repeat; width: 410px; height: 220px; margin-top: -210px; margin-left: -225px;padding: 20px; position: absolute; top:50%; left:50%; }
#contentsInner {  }
#contents h3 { text-align: center; padding-top: 10px; margin-bottom: 23px; }

/* player */
#soundPlayer { margin:0 auto 10px auto; width: 296px; text-align: left; }
#jp_container_1 { background: none !important; }
div.jp-interface { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }

/* フォーム部分 */
#textForm { padding-bottom: 10px; width: 210px; margin: 0 auto 0 auto; }
#textForm:after { display: block; content: ""; clear: both;}
#textForm input { padding: 8px 0 8px 0; color: #666; background: #eee; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; box-shadow: 2px 2px 4px 0px #999999 inset; -webkit-box-shadow: 2px 2px 4px 0px #999999 inset; -moz-box-shadow: 2px 2px 4px 0px #999999 inset; -ms-box-shadow: 2px 2px 4px 0px #999999 inset; -o-box-shadow: 2px 2px 4px 0px #999999 inset; font-size: 1.8em; border: 1px solid #EEE; text-align: center; width: 110px; float: left; }
#playButton { width: 84px; height: 46px; background:url(../images/btn02.png) 0 0 no-repeat; font-weight: bold; line-height: 45px; text-align: center; float: right; margin-right: 5px; font-size: .90em; color: #fff;}
#playButton:hover { background-position: 0 -46px; cursor: pointer;}

#notInstall { font-size: 11px; padding-top: 8px; text-align: center;}

a.jp-play, a.jp-pause { width: 81px; height: 39px; background:url(../images/btn02.png) 0 0 no-repeat; overflow: hidden; -webkit-background-size:auto; background-size:auto; }
a.jp-play { background-position: -168px 0; }
a.jp-pause{ background-position: -168px -39px; display: none; }

div.jp-audio  { width: 294px; }
div.jp-audio div.jp-progress { top: 18px; }
div.jp-audio ul.jp-controls { width: 78px; height: 39px; }
div.jp-audio div.jp-type-single div.jp-progress { left: 105px; width:170px; }
div.jp-audio div.jp-type-single div.jp-interface { height: 52px; }

/*  for ie8 */
#textForm input { border: 1px solid #999\9; }
#pageFooter { background:url(../images/headerbg.png)\9; }