* {
	}
	html{
		font-size: 62.5%;
	}
	body {
		font-size: 1.2rem;
		font-family: sans-serif;
		margin: 0px;
		background-color: #a0f21d;
		-webkit-touch-callout:none; /*リンク長押しのポップアップを無効化*/
		-webkit-user-select:none; /*テキスト長押しの選択ボックスを無効化*/
	}
	#player {
		position: absolute;	
		left: 0px;	
		top: 0px;	
	}
	#commands {
		position: absolute;	
		left: 48px;
		top: 585px;
	}
	#editor {
		position: absolute;	
		left: 700px;	
		top: 0px;	
	}
	
	#container_back {
		position: absolute;	
		top: 20px;	
		left: 20px;	
		width: 640px;	
		height: 480px;	
		margin: 0px;	
		background-image: url("img/3d_back.png");
		z-index: 1;
	}	
	#container {
		position: absolute;
		top: 40px;
		left: 40px;
		width: 600px;
		height: 440px;
		margin: 0px;
		background-color: rgba(0,0,0,0);
		z-index: 2;
	}
	#robo_canvas {
		z-index: 3;
	}
	#container_label {
		position: absolute;
		left: 249px;
		top: 12px;
		width: 184px;
		height: 36px;
		z-index: 4;
	}
	.canvas_block_back {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 620px;
		background-image: url("img/editor_back.png");
		z-index: 1;
	}
	#canvas_block, #canvas_text {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 560px;
		height: 580px;
		background-color: #fdfeff;
		z-index: 2;
	}
	#canvas_block_label {
		position: absolute;
		left: 232px;
		top: 40px;
		width: 134px;
		height: 36px;
		z-index: 3;
	}
	#status_label {
		position: absolute;
		left: 100px;
		top: 480px;
		width: 460px;
		color: #ff9900;
		z-index: 3;
	}
	#btn_reset {
		position: absolute;
		left: 226px;
		top: 547px;
		z-index: 3;
	}
	#paused {
		position: absolute;
		left: 288px;
		top: 448px;
		z-index: 3;
	}
	#switch {
		position: absolute;
		left: 629px;
		top: 502px;
		z-index: 3;
	}
	#robo_canvas, #canvas_block, #canvas_text, #canvas5 {
		border-radius: 20px;
		-webkit-border-radius: 20px; 
		-moz-border-radius: 20px; 
	}
	#btn_edit_by_text, #btn_edit_by_block {
		position: absolute;
		left: 340px;
		top: 679px;
	}
	#edit_btn_bar {
		position: absolute;
		top: 15px; 
		left: 380px;
	}
	#b_undo {
		position: absolute;
		top: 0px; 
		left: 0px;
	}
	#b_redo {
		position: absolute;
		top: 0px; 
		left: 80px;
	}
	#error {
		position: absolute;
		left: 200px; 
		top: 474px;
		z-index: 2;
	}

	/*snippet*/
	#popup {
		position: absolute;
		top: 492px;
		left: 40px;
		width: 400px;
		height: 180px;
		background-color: #ff0000;
		z-index : 11;
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
		   -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
		        box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	}
	#popupTitle {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 370px;
		height: 20px;
		font-weight: nomal;
		font-size: 1.6rem;
		font-family: sans-serif;
		line-height:2.4rem; 
		color: #ffffff;
		text-align: center;
	}
	#popup_close {
		position: absolute;
		top: -15px;
		left: 371px;
	}
	#canvas_snippet {
		position: absolute;
		top: 30px;
		left: 20px;
		width: 360px;
		height: 120px;
		background-color: #eeeeee;
	}
	#canvas1 {
		background-color: #ffffee;
		font-family: sans-serif;
		font-size: 14px;
		cursor:text;
	}	
	
	/*controls*/
	#btn_pause_bg {
		position: absolute;
		left: 41px;
		top: 500px;
	}
	#btn_pause {
		position: absolute;
		left: 50px;
		top: 508px;
	}
	#panel_axis {
		position: absolute;
		left: 148px;
		top: 505px;
	}
	#panel_g_camera {
		position: absolute;
		left: 148px;
		top: 530px;
	}
	#panel_l_camera {
		position: absolute;
		left: 304px;
		top: 530px;
	}
	#chk1 {
		position: absolute;
		left: 211px;
		top: 503px;
		z-index: 2;
	}
	#chk2 {
		position: absolute;
		left: 271px;
		top: 503px;
		z-index: 2;
	}
	#chk3 {
		position: absolute;
		left: 325px;
		top: 503px;
		z-index: 2;
	}
	#chk4 {
		position: absolute;
		left: 380px;
		top: 503px;
		z-index: 2;
	}
	#chk5 {
		position: absolute;
		left: 211px;
		top: 527px;
		z-index: 2;
	}
	#chk6 {
		position: absolute;
		left: 307px;
		top: 527px;
		z-index: 2;
	}
	#btn_reload_bg {
		position: absolute;
		left: 422px;
		top: 500px;
	}
	#btn_reload {
		position: absolute;
		left: 481px;
		top: 513px;
	}
	#btn_bg {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#btn1 {
		position: absolute;
		left: 31px;
		top: 10px;
		z-index: 2;
	}
	#btn2 {
		position: absolute;
		left: 163px;
		top: 10px;
		z-index: 2;
	}
	#btn3 {
		position: absolute;
		left: 294px;
		top: 10px;
		z-index: 2;
	}
	#btn4 {
		position: absolute;
		left: 426px;
		top: 10px;
		z-index: 2;
	}
	#btn5 {
		position: absolute;
		left: 31px;
		top: 53px;
		z-index: 2;
	}
	#btn6 {
		position: absolute;
		left: 163px;
		top: 53px;
		z-index: 2;
	}
	#btn7 {
		position: absolute;
		left: 294px;
		top: 53px;
		z-index: 2;
	}
	#btn8 {
		position: absolute;
		left: 426px;
		top: 53px;
		z-index: 2;
	}
	
	
	#filer {
		position: absolute;
		top: 0px;
		left: 0px;
	}	
	#block_editor, #text_editor {
		position: absolute;
		top: 50px;
		left: 0px;
	}	
	.escapeBtn {
		position:absolute;
		top: 550px;
		left: 2px;
		z-index:3;
	}	
	#colorChk {
		float: left; 
		margin-left: 20px;
	}
	
	/*スマホ用*/
	#playerBtn { 
		position:absolute; top: 1000px; left:150px; width:320px; height: 60px; font-size: 3.6rem;
		display: none;
	}