*{
	margin:		0px;
	padding:	0px;
	border:		0px;
}

body{
	background: #000000;
	
	/* スクロールバー非表示 */
	overflow: hidden;

	/* 画像選択ドラッグ禁止 */
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-khtml-user-drag: none;
	-ms-user-select: none;
	
	/* サーフェスアクション無効 */
	-ms-touch-action:none;	 /* for IE */
	touch-action:none;
}

/* 視力体験（JavaScriptでここに共通タグを埋め込む） */
#id_eyesight{
    position:	fixed;
    width:		100%;
    height:		100%;
	top:		0px;
	left:		0px;
}

/* ウインドウサイズ取得＆フルスクリーンターゲット */
#id_window{
	background: #000000;
    position:	fixed;
    width:		100%;
    height:		100%;
	top:		0px;
	left:		0px;
	visibility:	hidden;
}

/* キャンバス */
#id_canvas{
	position:	absolute;
	top:		0px;
	left:		0px;
}

/* ダミー動画 */
/* 画面上に表示していないとiOSでキャプチャできない */
#id_video{
	position:	absolute;
	top:		0px;
	left:		0px;
    width:		2px;
    height:		2px;
}


/* インターフェイス */
#id_if{
	position:	absolute;
	left:		0px;
	top:		0px;
}

/* 表示モード */
#id_if_mode_0{
	position:	absolute;
	left:		65px;
	top:		570px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_0.png);
	background-size: cover;
}
#id_if_mode_1{
	position:	absolute;
	left:		305px;
	top:		570px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_1.png);
	background-size: cover;
}
#id_if_mode_2{
	position:	absolute;
	left:		545px;
	top:		570px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_2.png);
	background-size: cover;
}
#id_if_mode_3{
	position:	absolute;
	left:		785px;
	top:		570px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_3.png);
	background-size: cover;
}
#id_if_mode_4{
	position:	absolute;
	left:		785px;
	top:		270px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_4.png);
	background-size: cover;
}
#id_if_mode_5{
	position:	absolute;
	left:		785px;
	top:		370px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_5.png);
	background-size: cover;
}
#id_if_mode_6{
	position:	absolute;
	left:		785px;
	top:		470px;
	width:		200px;
	height:		80px;
	background-image: url(../image/if_mode_6.png);
	background-size: cover;
}

#id_effect_black{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		800px;
	height:		800px;
	background-image: url(../image/effect_black.png);
	background-size: cover;
}



#id_input{
	position:	absolute;
	left:		0px;
	top:		0px;
}

#id_input_0{
	position:	absolute;
	left:		48px;
	top:		469px;
	width:		192px;
	height:		176px;
	background-color:	white;
}

#id_input_0_text{
	position:	absolute;
	left:		58px;
	top:		469px;
	width:		128px;
	height:		47px;
	background-image: url(../image/text_0.png);
	background-size: cover;
}

#id_input_0_percent{
	position:	absolute;
	left:		196px;
	top:		550px;
	width:		35px;
	height:		47px;
	background-image: url(../image/percent.png);
	background-size: cover;
}

#id_input_0_num_0{
	position:	absolute;
	left:		148px;
	top:		550px;
	width:		42px;
	height:		52px;
	background-image: url(../image/number.png);
	background-size: cover;
}

#id_input_0_num_1{
	position:	absolute;
	left:		103px;
	top:		550px;
	width:		42px;
	height:		52px;
	background-image: url(../image/number.png);
	background-size: cover;
}

#id_input_0_num_2{
	position:	absolute;
	left:		58px;
	top:		550px;
	width:		42px;
	height:		52px;
	background-image: url(../image/number.png);
	background-size: cover;
}

#id_input_0_up_0{
	position:	absolute;
	left:		149px;
	top:		516px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_input_0_down_0{
	position:	absolute;
	left:		149px;
	top:		605px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}

#id_input_0_up_1{
	position:	absolute;
	left:		104px;
	top:		516px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_input_0_down_1{
	position:	absolute;
	left:		104px;
	top:		605px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}

#id_input_0_up_2{
	position:	absolute;
	left:		59px;
	top:		516px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_input_0_down_2{
	position:	absolute;
	left:		59px;
	top:		605px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}


#id_input_1{
	position:	absolute;
	left:		298px;
	top:		469px;
	width:		152px;
	height:		176px;
	background-color:	white;
}

#id_input_1_text{
	position:	absolute;
	left:		308px;
	top:		469px;
	width:		128px;
	height:		47px;
	background-image: url(../image/text_1.png);
	background-size: cover;
}

#id_input_1_num_0{
	position:	absolute;
	left:		398px;
	top:		550px;
	width:		42px;
	height:		52px;
	background-image: url(../image/number.png);
	background-size: cover;
	background-color: white;
}

#id_input_1_num_1{
	position:	absolute;
	left:		353px;
	top:		550px;
	width:		42px;
	height:		52px;
	background-image: url(../image/number.png);
	background-size: cover;
	background-color: white;
}

#id_input_1_num_2{
	position:	absolute;
	left:		308px;
	top:		550px;
	width:		42px;
	height:		52px;
	background-image: url(../image/number.png);
	background-size: cover;
	background-color: white;
}

#id_input_1_up_0{
	position:	absolute;
	left:		399px;
	top:		516px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_input_1_down_0{
	position:	absolute;
	left:		399px;
	top:		605px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}

#id_input_1_up_1{
	position:	absolute;
	left:		354px;
	top:		516px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_input_1_down_1{
	position:	absolute;
	left:		354px;
	top:		605px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}

#id_input_1_up_2{
	position:	absolute;
	left:		309px;
	top:		516px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_input_1_down_2{
	position:	absolute;
	left:		309px;
	top:		605px;
	width:		40px;
	height:		32px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}

#id_circulator_fun{
	position: absolute;
	left:		220px;
	top:		31px;
	width:		608px;
	height:		608px;
	background-image: url(../image/propeller.png);
	background-size: cover;
}

#id_connect{
	position:	absolute;
	left:		800px;
	top:		560px;
	width:		80px;
	height:		64px;
	background-image: url(../image/bt_up.png);
	background-size: cover;
}

#id_download{
	position:	absolute;
	left:		900px;
	top:		560px;
	width:		80px;
	height:		64px;
	background-image: url(../image/bt_down.png);
	background-size: cover;
}

#id_dbg{
	position:	absolute;
	left:		0px;
	top:		0px;
}

#id_btn_img{
	position:	absolute;
	top:		300px;
	left:		100px;
	z-index: 	10;
}