@charset "UTF-8";

html {
	background-color:red;
	margin: 0px;
	padding: 0px 50px;
}

body {
	background-color:yellow;
	margin: 0px;
	padding: 10px 50px;
	min-width:850px;
	min-height:910px;
}

h2 {
	background-color:#00ffff50;
	width:40%;
	text-align:center;
	border-radius: 18px 18px 18px 18px; /* 左上・右上・右下・左下 */
	margin: 20px auto;
	padding: 10px 10px 10px 10px;
	border:solid #0000ff50;
}

h3 {
	background-color:cyan;
	margin: 5px;
	padding: 2px 10px;
	width: 95%;
	border-radius: 18px 18px 18px 18px; /* 左上・右上・右下・左下 */
}

#all {
	display:table;
	width:100%;
	/*background:lavender;*/
	/*border:solid 2px;*/
	padding: 0px 0px 0px 0px;
}

#left {
	display:table-cell;
	width:50%;
	padding: 0px 0px 0px 0px;
	/*background:skyblue;*/
	/*border:solid 2px;*/
}

#right {
	display:table-cell;
	width:50%;
	padding: 0px 0px 0px 0px;
	/*background: orange;*/
	/*border:solid 2px;*/
}

#explain {
	/*height:444px;*/
	/*height:969px;*/
	/*height: 120vh;*/
	height: 75vh;
	width:96%;
	min-width:400px;
	/*max-width:800px;*/
	border: 1px solid #0000ff;
	font-size:14pt;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px; /* 左上・右上・右下・左下 */
}

#menu {
	width:95%;
	border: 1px solid #0000ff;
	font-size:14pt;
	margin: 5px;
	padding: 5px;
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px; /* 左上・右上・右下・左下 */
}

#editor, #error {
	/*height:400px;*/
	height:40vh;*/
	width:97%;
	min-width:400px;
	max-width:800px;
	border: 1px solid #0000ff;
	font-size:14pt;
	margin: 5px;
	padding: 5px;
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px; /* 左上・右上・右下・左下 */
	z-index:1;
}

#error {
	overflow:auto;
	word-break: break-all;
	white-space: pre-line;
}

.classname, #fname {
	font-size:14pt;
}

#name {
	vertical-align:1px;
	margin:0px;
	padding:1px;
	border:1px solid;
	border-radius: 3px 3px 3px 3px; /* 左上・右上・右下・左下 */
	font-size:12pt;
	/*width:24em;*/
	width:180px;
	background:white;
}

.run, #dl {
	font-size:14pt;
	margin: 5px 3px;
	padding: 3px;
}

.choose {
	font-size:9pt;
	vertical-align:2px;
}

#img {
	/*height:120px;*/
	/*width:800px;*/
	border: 1px solid #0000ff;
	margin: 5px;
	padding: 0px;
	border-radius: 10px 10px 10px 10px; /* 左上・右上・右下・左下 */
	background:white;
}

/* 画像の拡大
.zoom img:hover {
        transform: scale(3.3, 3.3);
        transition: 0.1s;
	z-index: 100;
}*/