body {
	font-family:Verdana;
	background-color:#eef5ed;
}

a {
	color:#4d99b7;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

h1 {
	text-align: center;
	color: #8e6264;
}

table {
	border-collapse:collapse;
	border:1px solid #dae2ef;
}
td {
	border-left:1px solid #dae2ef;
	border-right:1px solid #dae2ef;
	text-align:center;
	padding:.3em .4em;
}

.checkrow {
	background-color: #f7f7f7;
}

.kana {
	cursor: pointer;
	font-size:140%;
	white-space:nowrap;
}

#rikaichan-window {
	display:none!important;
}

.romaji {
	white-space:nowrap;
	display:block;
	font-size:85%;
}

#kanabox {
	margin:auto;
	width:42em;
	padding:.7em 2em 0em 2em;
	background-color:#fff;
	border-radius:3px;
}

#options {
	margin:1.5em auto;
	width:1100px ;
	padding:0;
	background-color:#fff;
	border-radius:3px;
}

#options_inner {
	padding:0 1.4em 1.4em 1.4em;
}

h2 {
	background-color:#e6e1e1;
	color:#8e6264;
	margin:0;
	padding:.3em .5em;
	border-radius:3px 3px 0px 0px;
}

h3 {
	color:#6f4749;
	border-bottom:1px dotted #c0b0b1;
	padding-bottom:9px;
	padding-left:.4em;
	margin-top:1.6em;
}

.checkall a {
	color:#4d99b7;
	cursor:pointer;
}

.checkall {
	float:right;
	font-size:85%;
}

h2 .checkall {
	font-size:70%;
	padding-top:3px;
}

#kana_con {
	text-align:center;
	font-size:300%;
}

#stroke {
	width:2em;
}

#input {
	text-align:center;
	margin-top:.8em;
}

#input_box {
	width:16em;
	border:1px solid #eee;
	padding:6px;
	text-align:center;
	font-size:100%;
	color:#3d1e1e;
}

ul#tools, #count {
	margin-top:1em;
	font-size:78%;
}

ul#tools {
	padding:0px;
	display:inline-block;
}

ul#tools li {
	display:inline;
	list-style-type: none;

	margin-right:1.2em;
	font-weight: bold;
}

ul#tools li a {
	color:#4d99b7;
	cursor:pointer;
}

#count {
	float:right;
}

#show_options {
	display: none;
}
#show_options + div {
	display:none;
}
#show_options:checked + div {
	display:block;
}

#message {
	text-align:center;
	font-size:90%;
	margin-top:1em;
}

#answer {
	text-align:center;
	margin-bottom:.4em;
	font-size:90%;
	visibility:hidden;
}

#wrong {
	margin-top: 10px;
	color:red;
	text-align: center;
}

.font_example {
	font-size:2.2em;
}

.font_example img {
	width:47px;
}

#explanation {
	line-height:1.6em;
}

.help {
	cursor:help;
	border-bottom:1px dotted #aaa;
}

.haraka{
	width: 13px;
}
.haraka2{
	width: 25px;
}

.harakat-form{

}
.haraka3{
	width: 15px;
}