@charset "utf-8";



#black {
	/*
	background-color:#000;
	opacity:0.7;	
	*/
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: -500px;
	left: -500px;
	width: 2000px;
	height: 2000px;
	z-index: 99999;
}

#whiteBack1 {
	background-color: #eee;
	position: absolute;
	top: 600px;
	left: 800px;
	width: 690px;
	height: 520px;
	z-index: 100000;
}

#whiteBack2 {
	background-color: #eee;
	position: absolute;
	top: 600px;
	left: 800px;
	width: 690px;
	height: 520px;
	z-index: 100000;
}

#whiteBack3 {
	background-color: #eee;
	position: absolute;
	top: 600px;
	left: 800px;
	width: 690px;
	height: 520px;
	z-index: 100000;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}


#graphTable {
	border: 2px solid #000;
	box-sizing: border-box;
}

#graphTable td {
	border: 1px solid #aaa;
	box-sizing: border-box;
}

#graphTable tr:nth-last-child(7) td {
	border-bottom: 2px solid #000 !important;
	box-sizing: border-box;
}

/*
.vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
*/

.contentBtn {
	z-index: 999;
	cursor: pointer;

}

.editText {
	cursor: pointer;
}

.graphTitle {
	font-size: 2.0rem;
	font-weight: 900;

}

.check {
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.checkImg {
	display: block;
	margin: 0 auto;
	height: 39px;
}

td {
	width: 65px;
	height: 44px !important;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}

.name td {
	text-align: left;
	vertical-align: middle;
	background-color: rgb(243, 239, 228);
	overflow: visible;
	cursor: pointer;
	white-space: nowrap;
}

.vertical td span {
	font-size: 1.6rem;
	display: block;
	margin: 0 auto;
	height: 186px;
	max-height: 186px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

@media all and (-ms-high-contrast: none) {
	.vertical td span {
		width: 40px;
		/*IE�̌����ڒ���*/
	}
}

.tableNumtr td {
	cursor: pointer;
}

.horizon td {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	text-align: center;
	overflow: hidden;
}

.horizon td span {
	font-size: 1.6rem;
}

.tableNumtr td {
	width: 160px;
	font-size: 1.6rem;
	min-width: 160px;
	max-width: 160px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

#black {
	/*
	background-color:#000;
	opacity:0.7;	
	*/
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: -500px;
	left: -500px;
	width: 2000px;
	height: 2000px;
	z-index: 99999;
}

#whiteBack {
	background-color: #eee;
	position: absolute;
	top: 700px;
	left: 800px;
	width: 880px;
	height: 400px;
	z-index: 100000;

}

#graphView {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(1);
}

#tableView {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(1);
}

input {
	font-size: 40px;
	text-align: center;
}

/* help */
.helpBtnThis {
	position: absolute;
	left: 1110px;
	top: 30px;
	cursor: pointer
}

.helpText {
	display: none;
	background: #fff;
	border: 3px solid #969696;
	padding: 15px;
	font-size: 18px;
	width: 430px;
	position: absolute;
	left: 670px;
	top: 50px;
	z-index: 10000;
}

.helpText p {
	margin: 0;
	padding: 0;
}

.selectOption {
	box-sizing: border-box;
	padding-right: 10px;
	display: none;
	font-size: 38px;
	border: 1px solid #000;
	width: 265px;
	height: 50px;
	cursor: pointer;
	text-align: right;
	background-color: #fff;
	overflow: hidden;
}

.checkOff {
	position: absolute;
	top: 120px;
	left: 840px;
	width: 40px;
	display: block;
	cursor: pointer;
}

.checkOn {
	position: absolute;
	top: 120px;
	left: 840px;
	width: 40px;
	display: none;
	cursor: pointer;
}

.checkOnText {
	position: absolute;
	top: 120px;
	left: 900px;
	width: 350px;
}