body{
	margin: 0;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ', 'Meiryo','ＭＳ Ｐゴシック','MS PGothic'
}

#container{
	width: 100%;
	margin: 0 auto;
}

.controll_cnt{
	width: 30em;
	position: fixed;
	right: 0;
	top: 0;
	background-color: #808080;
	opacity: 0.6;
}

.controll_cnt:hover{
	opacity: 1.0;
}

.controller{
	padding: 0.5em;
	display: none;
}

.ctrl_show{
	display: block;
}

.controller th{
	text-align: left;
}

#toggle_btn{
	background-color: #808080;
	border: 1px solid #202020;
	text-align: center;
	padding: 0.2em;
	cursor: pointer;
}

#toggle_btn:hover{
	background-color: #f0f0f0;
}

#toggle_btn:active{
	background-color: #303030;
}

.video_ctrl{
	background-color: #808080;
	padding: 0.1em 0.5em;
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0.6;
}

.video_ctrl:hover{
	opacity: 1.0;	
}

.play,.stop{
	background-color: #f0f0f0;
	padding: 0.2em 0.5em;
	margin: 0 0.2em;
	color: #0f0f0f;
	border: 1px solid #00aaff;
	cursor: pointer;
}

.play:hover,.stop:hover{
	background-color: #ffffff;
}

.play:active,.stop:active{
	background-color: #e0e0e0;
}