* {
	}
	html{
		font-size: 62.5%;
		overscroll-behavior: none;
	}
	body {
		font-size: 1.2rem;
		font-family: sans-serif;
		margin: 0px;
		background-color: #ffffff;
		-webkit-touch-callout:none; /*リンク長押しのポップアップを無効化*/
		-webkit-user-select:none; /*テキスト長押しの選択ボックスを無効化*/
		overscroll-behavior: none;
	}
	#header {
		background-color: #00d3ff;
		width: 100%;
		height: 52px;
	}
	.headerMenuItem {
		float: right; 
		color: #ffffff;
		font-size: 1.6rem;
		font-weight: bold;
		margin-top: 1.2rem;
		margin-right: 3rem;
	}
	#selectlang {
		float: right; 
		margin-top: 1.2rem;
		margin-right: 3rem;
		width: 100px;
		height: 20px;
	}
	#wrapper {
		position:relative;
		margin: 0px;
		width: 1240px;
		height: 650px;
		background-color:#ffffff;
	}
	#player {
		position: absolute;	
		left: 0px;	
		top: 0px;	
	}
	#commands {	
		position: absolute;
		left: 80px;
		top: 565px;	
		width: 553px;
		height: 102px;
		overflow-x: scroll;
		overflow-y: hidden;
	}	
	#commnds_left {	
		position: absolute;
		left: 45px;
		top: 595px;	
		width: 30px;
		height: 30px;
		z-index: 4;
	}
	#commnds_right {	
		position: absolute;
		left: 625px;
		top: 595px;	
		width: 30px;
		height: 30px;
		z-index: 4;
	}
	#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;
	}	
	#app_player {
		position: absolute;
		top: 40px;
		left: 40px;
		width: 600px;
		height: 440px;
		margin: 0px;
		background-color: rgba(0,0,0,0);
		z-index: 2;
	}
	#app_canvas {
		z-index: 3;
	}
	.canvas_block_back {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 606px;
		height: 570px;
		background-color: #e5e5e5;
		z-index: 1;
		border-radius: 40px;
		-webkit-border-radius: 40px; 
		-moz-border-radius: 40px; 
	}
	#canvas_block, #canvas_text {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 560px;
		height: 520px;
		background-color: #fdfeff;
		z-index: 2;
	}
	#paused {
		position: absolute;
		left: 288px;
		top: 448px;
		z-index: 3;
	}
	#app_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: 450px;
		top: 620px;
	}
	#edit_btn_bar {
		position: absolute;
		top: 15px; 
		left: 200px;
	}
	#b_undo {
		position: absolute;
		top: 0px; 
		left: 0px;
	}
	#b_redo {
		position: absolute;
		top: 0px; 
		left: 80px;
	}
	#b_copy {
		position: absolute;
		top: 0px; 
		left: 160px;
	}
	#b_paste {
		position: absolute;
		top: 0px; 
		left: 240px;
	}
	#b_select {
		position: absolute;
		top: 0px; 
		left: 320px;
	}
	#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: 210px;
		top: 505px;
	}
	#chk1 {
		position: absolute;
		left: 211px;
		top: 503px;
		z-index: 2;
	}
	#chk2 {
		position: absolute;
		left: 276px;
		top: 503px;
		z-index: 2;
	}
	#chk3 {
		position: absolute;
		left: 325px;
		top: 503px;
		z-index: 2;
	}
	#btn_info {
		float: right; 
		margin-top: 1.0rem;
		margin-right: 3rem;
		width: 30px;
		height: 30px;
		display: none;
	}
	#btn_reload_bg {
		position: absolute;
		left: 422px;
		top: 500px;
	}
	#btn_reload {
		position: absolute;
		left: 481px;
		top: 508px;
	}
	.ctg_btn {
		position: absolute;
		color: #ffffff;
		font-size: 1.6rem;
		font-weight: border;
		text-align: center;
		line-height: 4.1rem;
		border-radius: 10px;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		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:4;
	}	
	#colorChk {
		float: left; 
		margin-left: 20px;
	}

.fileDown {
	color: #ff0000;
}