body{
	background-color:#222;
	font-family:"Verdana";
	font-size:14px;
	color:#aaa;
	margin: 0;
	box-sizing:border-box;
	min-height: 100vh;
	overflow-y: scroll;
	text-align:center;
	}
body *{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; border-spacing:0px;}
a,a:visited{color:#55aaff;text-decoration:none;}
a:hover{text-decoration:underline;}
a{
	color:#55aaff;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
img{margin:0;padding:0;}

.bigblock{
	display:inline-block;
	}
.butter{
	cursor:pointer;
	-moz-user-select:none;
	user-select: none;
	}
hr {
	margin: 1em;
	border: 1px solid #555;
	}



#topbar{
	background: #000;
	padding:4px 0 5px;
	}
	#topbar .butter{
		margin:0 5px;
		}
	#topbar .butter:hover{
		color:white
		}
	
#display{
	padding:40px 0 0 0;
	height:140px;
	text-align:center;
	font-family:"MS Gothic";
	}
	#display .char{
		font-size:5em;
		display:inline-block;
		}
	#display .answer{
		font-family: "Verdana";
		font-size:20%;
		opacity:0;
		-moz-user-select: none;
		user-select: none;
		}
	#display.reveal .answer{
		opacity:1;
		}
	/*#display span:nth-child(2n) {
		color:#eee;
		}*/
	
#revealer {
	background: #333333;
	display: inline-block;
	padding: 0 10px;
	}
	#revealanswer {
		padding: 4px 0 2px;
		cursor:pointer;
		}
	#revealanswer span {
		margin:0 2px;
		}
	/*#revealanswer span:nth-child(2n) {
		color:#eee;
		}*/
	.override{
		font-size: 0.75em;
		}






#setting{
	padding:10px;
	background-color:#333333;
	width:300px;
	text-align:center;
	}
	input{
		padding:2px 6px;
		border:none;
		border-radius:none;
		background:#555;
		color:white;
		}
	#myguess{
		width:100%;
		margin-bottom:5px;
		}
	#optionstoggler{
		padding:5px;
		}
	#optionstoggler span{
		font-size:80%;
		}
	#extras{
		font-size:80%;
		}
	.shortinput{
		width:30px;
		margin:1px;
		}
	#hidden1, #hidden2, #hidden3{
		display:inline-block;
		}





#hiralist{
	font-family:Meiryo, sans-serif;
	position:absolute;
	top:0;
	left:-160px;
	font-size:1.4em;
	}
#katalist{
	font-family:Meiryo, sans-serif;
	position:absolute;
	top:0;
	right:-160px;
	font-size:1.4em;
	}
#latinlist{
	font-family:Meiryo, sans-serif;
	position:absolute;
	top:0;
	right:-400px;
	font-size:1.1em;
	}
	
table{
	-moz-user-select:none;
	user-select:none;
	}
td{
	width:25px;
	padding:0;
	text-align:center;
	color:#666;
	cursor:pointer;
	}
table tr:first-child td,
table tr td:first-child {
	background-color:#141414;
	font-size:80%;
	color:#aaa;
}
table td.active{
	background-color:#333;
	color:white;
}