@charset "utf-8";



::selection {
  background-color: #777;	/* テキスト洗濯時の色 */
}




/* MENU BOX */
#waku{
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%;
	background-color: #000;
}
#local_video{		/* <video> タグの領域 */
	display: none;/**/
	position: absolute; top: 0px; left: 0px;
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%; height: 100%;
	background-color: #000;
}

/* 結果表示 BOX */
#kekka{
	display: none;/**/
	clear: both; float: left;
	width: 100%;
	background-color: #000;
}
#msg, #msgt{	/* 読み取ったテキスト */
	clear: both; float: left;
	padding: 4px 4px 0px 4px; margin: 0; width: 100%; min-height: 100px;
	background-color: #121212;
	border: 1px #555 solid; border-radius: 4px;
	text-align: left; color: #fff; font-size: 113%; line-height: 35px;
}
#msgt{ display: none; }
#msg2_textarea_button_box{
	clear: both; float: left;
	margin: 10px 0px 20px 0px; padding: 0 0 5px 0; width: 100%;
}
#msg2_textarea_button_box div{
	float: left;
	padding: 5px 0; margin: 0px 5px 0px 0px; width : calc(100% / 2 - 5px);
	background-color: #333;
	border: 1px #777 solid; border-radius: 4px;
	text-align: cnter; color: #fff; font-size: 100%;
}
#textarea_b4{ width: 60px; }	/* 選択 */
#textarea_b5{ width: 55px; }	/* TOP */
#textarea_b5 a{ text-decoration: none; }


/* HTML

<div id="waku">
	<video id="local_video"></video>
	<div id="kekka">
		<div id="msg2_textarea_button_box">
			<div id="textarea_b4" onClick="js_textarea_copy()">コピー</div><div id="textarea_b5"><a href="../index.html">TOP</a></div>
		</div>
		<div id="msg"></div>
		<textarea id="msgt"></textarea>
	</div>
	<canvas id="picture"></canvas>
</div>
*/



#picture{
/*	display: none;/**/
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%; height: 100%;
	background-color: #f90;
}

#oshirase_b{
	display: none;/**/
	clear: both; float: left;
	position: fixed;
	width: 100%; height: 100%;
	background-color: #000;
}
#oshirase_t{
	float: left;
	padding: 10px;
	background-color: #333;
	border: 1px #fff solid; border-radius: 4px;
	text-align: left; color: #fff; font-size: 100%; line-height: 26px;

	/* 幅や高さ不明の時のセンタリング */
	position: absolute; top: 50%; left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}






footer{
	clear: both; float: left;
	padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; width: 100%;
}
small{
	clear: both; float: left;
	padding: 0px 0px; width: 100%;
	text-align: center; color: #fff; font-size: 88%; line-height: 20px;
}