canvas { position: absolute;
	
		}

#layer { z-index: 3;}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5rem;
}
sub {
    bottom: -0.25rem;
}

.main {
	width : 850px;
	
}

.clearfix::after {
	content : '';
	display : block;
	
	clear : both;
}
.canvas-container {

	margin : 5px;
	padding : 10px;
	display:block;
	width : 850px;
	height : 850px;
	 
}
@charset "UTF-8";
.form-container {
	display:block;
	color : #fff;
	margin : 5px;
	border-color : #7799bb;
	border-style :double;
	background : #234	
}
.setting-form{
	display:block;
	width : 100%;
	height : 40px;
	padding : 5px;
}
.form-text{
	margin :5px;
}
.form-input-num{
	margin :2px;
	float : left; 
	width : 40px;
	
}
.input-base{
	/* position:relative; */
	margin : 2px 5px 0;	
	float : left; 
	display:block;
	width : 100px;
	height : 40px;
	border-color : #7799bb;
	border-style : double;

	
}

.form-base {
	display:block;
	
	/* width : 100%; */
}

.input-base .input-form{
	
	width :64px;
	
}
.input-button{
	margin : 2px 5px 2px;	

	float : left; 
	width : 80px;
	height : 30px;
	border-color : #7799bb;
	border-style : double;

	
}
.input-hozon{
	margin : 2px 8px 0px;	

	float : left; 
	width : 120px;
	height : 30px;
	border-color : #7799bb;
	border-style : double;

	
}
.form-header {
	padding : 10px 5px 0;	
	
}

.equation {
	font-size : 1.8rem;
}
.equation sup{
	font-size : 1.4rem;
}
.poly-setting{
	position: relative;
	width : 400px;
	height : 30px;
	margin : 0;
	float :left;
}
.input-base-depth{
	width : 140px;
	height : 30px;
	margin : 0;
	float :left;
}
.form-depth {
	margin : 0 8px 2px;
	width : 80px;
	height: 40px;
}
.exe-button{
	margin : 2px 20px 10px;
	height :30px;
	font-weight : bold;
	
}
.hozon-button{
	display:block;
	width : 850px;
	height : 860px;
	float :left;
}
.con-img {
	float :left;
	display:block;
	width : 100%;
	padding : 10px 5px 0;	
	height : 860px;
}