html {
	height: auto;

	/* 文字選択拒否 */
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}

body {
	height: auto;
	margin: 0px;
	background: #ada59e;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body.wait, body.wait *{
	cursor: wait !important;
}

.container{
	display: table;
	margin: 0 auto;
	height: 99.5%;
	width: 99.5%;
}
	.container_outside{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		height: 100%;
		width: 100%;

		background: -moz-linear-gradient(top,#d6ccc4 0%,#ed9e84);
		background: -webkit-gradient(linear, left top, left bottom, from(#d6ccc4), to(#ed9e84));
		background: -ms-linear-gradient(top, #d6ccc4, #ed9e84);
		filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d6ccc4', endColorstr='#ed9e84')";

		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

		.container_inside{
			display: inline-block;
			height: 99%;
			width: 99.5%;

			color: #000000;
			background: #9e9691;

			border: none;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;

			box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
			-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
		}

.canvas{
	display: table;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}
	.canvas_outside{
		display: table-cell;
		height: 100%;
		width: 100%;

		background: -moz-linear-gradient(top, #f7c4a2 0%,#fef5f0);
		background: -webkit-gradient(linear, left top, left bottom, from(#f7c4a2), to(#fef5f0));
		background: -ms-linear-gradient(top, #f7c4a2, #fef5f0);
		filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7c4a2', endColorstr='#fef5f0')";
	}
		.canvas_inside{
			display: inline-block;
			height: 100%;
			width: 100%;
		}

/* in headerBox
-----------------------------------------------------*/
#headerBox{
	display: inline-block;
	width: 100%;
	text-align: left;
	/*background: #f4b084;*//*210727del*/
    background: #f4ded0;
	color: #565151;
}
	.headerRow{
		display: table;
		width: 100%;
	}
/* 1 row
-----------------------------------------------------*/
		#titleLabel{
			display: block;
			font-size: 2em;
		}

/* 2 row
-----------------------------------------------------*/
		.headerCell{
			display: table-cell;
			vertical-align: middle;
		}
			.headerCell:nth-child(1){
				width: 23%;
			}
			.headerCell:nth-child(2){
				width: 22%;
			}
			.headerCell:nth-child(3){
				width: 54%;
			}
			/*
			-----------------------------------------------------*/
			#headerInfoRow{
				display: inline-block;
				color: #565151;
				margin: 0px 4px;
			}
			/*
			-----------------------------------------------------*/
			#headerCommandRow{
				display: inline-block;
				width: 100%;
				text-align: right;
			}
				#commandArea{
					display: inline-block;
				}

/* in botton
-----------------------------------------------------*/
.btn_outside {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 100px;
	padding: 2px;

	background: -moz-linear-gradient(top,#cebfb2 0%,#cebfb2);
	background: -webkit-gradient(linear, left top, left bottom, from(#cebfb2), to(#cebfb2));
	background: -ms-linear-gradient(top, #cebfb2, #cebfb2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cebfb2', endColorstr='#cebfb2')";

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.btn_outside:hover {
	background: -moz-linear-gradient(top,#c4b2a5 0%,#a88e7a);
	background: -webkit-gradient(linear, left top, left bottom, from(#c4b2a5), to(#a88e7a));
	background: -ms-linear-gradient(top, #c4b2a5, #a88e7a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c4b2a5', endColorstr='#a88e7a')";
}
	.btn_body {
		display: inline-block;
		position: relative;
		width: 96px;
		padding: 5px 0;
		cursor:pointer;
		color: #FFFFFF;
		font-weight: bolder;
		background: #42546b;

		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;

		-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
		text-shadow: 0px 0px 3px rgba(0, 0, 0,0.5);
	}
	.btn_body:hover {
		color: #f29b7c;
	}

/* in footerBox
-----------------------------------------------------*/
#footerBox{
	display: inline-block;
	width: 100%;
	text-align: left;
	background: #f4b084;
}
	.footerRow{
		display: table;
		font-size: 0.8em;
		color: #565151;
	}
		.footerCell{
			display: table-cell;
			text-align: left;
			vertical-align: bottom;
		}