body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:13pt;
	text-align:center;
	background:#eeeeee;
	color:#555555;
	margin: 5px;
}

video-js {
	margin:0 auto;
	display:block;
}

a {
	color: #0091b2;
	text-decoration: none;
}

a:hover {
	color: #83c8ff;
}

.tryagainlink {
	margin: 1em 0 1em 0;
}

@media (max-width: 980px) {
	.tryagainlink {font-size: 3em; margin: 2em 0 2em 0;}
}

.hls_player {
	text-align:center;
}

a.btn-blk {
	width: 8em;/*ボタンの幅*/
	display: block;/*ブロック要素（縦並び）*/
	background: -moz-linear-gradient(top, #9b9b9b, #797979);
	background: -webkit-linear-gradient(top, #9b9b9b, #797979);
	background: linear-gradient(to bottom, #9b9b9b, #797979);/*背景グラデーション*/
	margin: 1em auto; padding: 0.5em;line-height: 1em;text-decoration: none;/*余白、行高、文字装飾なし*/
	text-align: center;border-radius: 0.3em;/*行揃え、角丸*/
	font-size: 1em;letter-spacing: 0.1em;color: #fff;font-weight: bold;/*文字サイズ、字間、文字色、太文字*/
}

a.btn-blk:visited {text-decoration: none;}/*クリック後も装飾なし*/

a.btn-blk:hover,a.btn-blk:active {background: #e0e0e0;color: #000000;}/*マウスオン時の背景、文字色*/

@media (max-width: 980px) {
	a.btn-blk {width: 12em;font-size: 2em;padding:1em}/*幅980px以下での、ボタンの幅、文字サイズ*/
}