@charset "utf-8";
H1 {
  margin-top: 30px;
}

body {
	background-color: #000000;
	color: #bbbbbb;
	text-align: center; 
	vertical-align: middle;
}

div#bg {
	height: 100%; 
	text-align: center; 
	vertical-align: middle;
}

div#bg2 {
	margin-top: auto; 
	margin-bottom: auto;
}

div#stage {
  font-size: 24px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

div#odai_div {
  width: 960px;
  font-size: 36px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  border: 1px solid #666666;
}

div#odai_div_kana_0 {
  width: 960px;
  font-size: 24px;
  line-height: 130%;
  color: #bcbcbc;
  overflow: hidden;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

div#odai_div_kana_0_r {
  width: 960px;
  font-size: 20px;
  line-height: 130%;
  color: #bcbcbc;
  overflow: hidden;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

div#odai_div_kana_1 {
  width: 600px;
  font-size: 20px;
  overflow: hidden;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

div#odai_div_kana_2 {
  width: 600px;
  font-family: 'Courier New';
  font-size: 32px;
  overflow: hidden;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

div#data_div {
  height: 40px;
  margin-top: 0px;
  margin-bottom: 40px;
  margin-left: 50px;
}

div#debug {
  margin-bottom: 50px;
}

div#count {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 36px;
}

div#count_en {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 24px;
}

div#key_map {
  width: 960px;
  font-size: 36px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -40px;
  padding-top: 10px;
  padding-bottom: -10px;
  border: 1px solid #000000;
}

table.key_line {
  border: 0px #000000;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

tr.key_line_tr {  
  border: 0px #000000;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.f_key_left {
  color: #000;
  height: 30px;
  font-size: 16px;
  margin-top: 2px;
  margin-left: 50px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-top: 0px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: center;
  border: 1px solid;
}

.f_key_right {
  color: #000;
  height: 30px;
  font-size: 16px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-top: 0px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: center;
  border: 1px solid;
}

.f_key_bottom {
  color: #666666;
  height: 30px;
  font-size: 16px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: center;
  border: 1px solid;
}

td.key_td {
  color: #000;
  font-size: 16px;
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-top: 0px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: center;
  border: 2px solid;
}

.key {
  color: #666666;
  width: 42px;
  height: 30px;
  font-size: 16px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;  
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: center;
  border: 1px solid;
}

span.span_data {
  font-size: 40px;
}

span.ji {
  color: #eeeeee;
}

span.ji_666 {
  color: #666666;
}

span.ji_k {
  color: #aaaaaa;
}

span.ji_k_666 {
  color: #666666;
}

span#clear_sp {
  font-size: 18px;
}

span#clear_sr {
  font-size: 60px;
}

span#kanji {
  color: #bcbcbc;
}

span#kana {
  
}

span#en {
  
}

span#hit {
  margin-left: 10px;
  font-size: 18px;
}

span#chara {
  margin-left: 10px;
  font-size: 18px;
}

span#miss {
  margin-left: 10px;
  font-size: 18px;
}

input {
  font-size: 16px;
}

select {
  font-size: 20px;
}

table {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  border: 1px solid #444;
  border-collapse: collapse;

}

th {
  text-align: left;
  background: #404;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #444;
  border-collapse: collapse;

}

td {
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #444;
  border-collapse: collapse;

}