@charset "shift_jis";

.audiojs audio { position: absolute; left: -1px; }
.audiojs { width: 266px; height: 40px; background: white; overflow: hidden; font-family: monospace; font-size: 12px; background-image: none; border-radius: 7px; }
.audiojs .play-pause { width: 24px; height: 24px; padding: 8px; margin: 0px; float: left; overflow: hidden; border-right: none; }
.audiojs p { display: none; width: 24px; height: 24px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber {position: relative; float: left; width: 122px; background: #dedede; height: 6px; margin: 17px 0 17px 0; border-top: none; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 6px; width: 0px; background: red; z-index: 1; background-image: none; }
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 6px; width: 0px; background: #aaa; background-image: none; cursor: pointer; }
.audiojs .time { float: right; height: 26px; line-height: 1; margin: 0px 0px 0px 0; padding: 14px 10px 0px 0; border-left: none; color: #999; text-shadow: none; }
.audiojs .time em { padding: 0px 2px 0px 0px; color: black; font-style: normal; font-weight: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }



.audiojs .error-message { float: left; display: none; margin: 0px 8px 0 3px; height: 37px; width: 295px; overflow: hidden; line-height: 1; white-space: nowrap; color: red; padding-top: 13px; 
  text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }



.audiojs .play { background-image: url(../images/player_bnts.png); background-position: 0 0; background-repeat: no-repeat; }
.audiojs .play:hover { background-position: 0 -24px; }
.audiojs .loading { background: url(../images/player_bnts.png) -48px -24px no-repeat; }
.audiojs .error { background: url(../images/player_bnts.png) -48px 0 no-repeat; }
.audiojs .pause { background-image: url(../images/player_bnts.png); background-position: -24px 0; background-repeat: no-repeat; }
.audiojs .pause:hover { background-position: -24px -24px; }

.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }

.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }

.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }'