/* タグ */
body {
	font-size:14pt; /* 文字大きくする必要あり(じゃないと動きもっさり */
	font-weight:plain;
	user-select: none;
/*	position:absolute;*/

/*	background-image: url(image/baseBack09.png);*/
	background-size: 1420px, auto;
	background-clip: padding-box;
    background-repeat : no-repeat;
	/*	background-size: contain;*/
	/*	background-origin: content-box;*/
	/*	background-clip: content-box;*/
	/*	background-position: right bottom;*/
	background-position: auto;
}

h1 {
	color:white;
	padding:0px 5px 0px 5px;
	font-size:14pt;
	margin:0px 0px 0px 0px;
/*	background-color: greenyellow;*/
	background-color: #505050;
	white-space: nowrap; /* 改行しない */
	width:auto;
}

table {
	border-collapse: separate;
	border-spacing: 8px;
	border: solid 2px #333;
	padding:0px;
	user-select: text;    /* 選択可能 */
}
  
table tr td {
	background-color:#9beae5;
	border: solid 1px #333;
	padding:0px;
	user-select: text;    /* 選択可能 */
}


/* id */
#inputChk  {
    table-layout: auto;   /* セル幅の自動調整 */
	white-space:  nowrap; /* 改行禁止 */
	user-select: text;    /* 選択可能 */
}

#result  {
    table-layout: auto;   /* セル幅の自動調整 */
	white-space:  nowrap; /* 改行禁止 */
	user-select: text;    /* 選択可能 */
}

/* id="optionRow" の要素だけを非表示にする */
#optionRow {
  display: none;
}

/* input表の見た目 */
.inTbl {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1em;
}

.inTblHeaderLeft {
  background-color: #38CBFA;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 6px;
}

.inTblHeaderRight {
  background-color: #FF5340;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 6px;
}

.inTblDataLeft {
  background-color: #f4f9ff;
  padding: 6px;
  vertical-align: top;
}

.inTblDataRight {
  background-color: #fff4f4;
  padding: 6px;
  vertical-align: top;
}

/* タイプのラベル表示（共通） */
.type-label {
  font-weight: bold;
  display: inline-block;
  width: 1.5em;
  text-align: right;
  margin-right: 4px;
}

/* タイプのラベル表示（タイプ毎） */
.type-ノ  { color: rgba(151, 151, 151, 1); }
.type-炎  { color: rgba(212, 60, 50, 1); }
.type-水  { color: rgba(65, 137, 221, 1); }
.type-草  { color: rgba(89, 156, 61, 1); }
.type-電  { color: rgba(246, 205, 69, 1); }
.type-氷  { color: rgba(110, 210, 245, 1); }
.type-格  { color: rgba(238, 135, 51, 1); }
.type-毒  { color: rgba(138, 70, 192, 1); }
.type-地  { color: rgba(133, 85, 47, 1); }
.type-飛  { color: rgba(141, 190, 233, 1); }
.type-超  { color: rgba(220, 80, 118, 1); }
.type-虫  { color: rgba(148, 159, 55, 1); }
.type-岩  { color: rgba(177, 168, 137, 1); }
.type-霊  { color: rgba(108, 54, 115, 1); }
.type-竜  { color: rgba(82, 97, 211, 1); }
.type-悪  { color: rgba(79, 65, 64, 1); }
.type-鋼  { color: rgba(105, 153, 177, 1); }
.type-妖  { color: rgba(223, 120, 231, 1); }
.type-ス  { color: rgba(255, 255, 255, 0.6); }