@charset "UTF-8";
/* CSS Document */

html,body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
}

a{
	height:57px;
	border:none;
	font-weight:bold;
	padding:0px;
	cursor:pointer;
	margin:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:inline;
	
}

a .inner{
	padding:21px 15px 0px 15px;
	background-image:url(img/bt_grey_inner.gif);
	float:left;
	height:36px;
	background-repeat:repeat-x;
	text-align:center;
}

a .left{
	height:57px;
	background-image:url(img/bt_grey_left.gif);
	width:10px;
	float:left;
}

a .right{
	height:57px;
	background-image:url(img/bt_grey_right.gif);
	width:10px;
	float:left;
}

a:hover,a.active{
	color:#FFF;
	margin:0px;
	padding:0px;
	border:none;
}
a:hover .inner ,a.active .inner{
	background-image:url(img/bt_red_inner.gif);
}
a:hover .left ,a.active .left{
	background-image:url(img/bt_red_left.gif);
}
a:hover .right ,a.active .right{
	background-image:url(img/bt_red_right.gif);
}




a.inactive:hover,a.inactive{
	color:#aaa;
	margin:0px;
	padding:0px;
	border:none;
	cursor:default;
}
a.inactive:hover .inner ,a.inactive .inner{
	background-image:url(img/bt_grey_inner.gif);
}
a.inactive:hover .left ,a.inactive .left{
	background-image:url(img/bt_grey_left.gif);
}
a.inactive:hover .right ,a.inactive .right{
	background-image:url(img/bt_grey_right.gif);
}

.divBox{
	background-color:#f1f1f1;
	padding:5px;
	float:left;
	margin:5px 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	width:290px;
}

div#level a{
	margin-left:1px;
}

div#new a .inner{
	width:95px;
}
div#change a .inner{
	width:240px;
}
div#container{
	width:320px;
	margin:auto;
}
h1 span{
	visibility:hidden;
	font-size:12px;
}

h1 {
	padding:0px;
	margin:25px 0px 10px 0px;
	display:block;
	width:320px;
	height:75px;
	background-image:url(img/logo.jpg);
	background-position:15px 0px ;
	background-repeat:no-repeat;
}

#kanaContent{
	background-color:#FFF;
	float:left;
	margin:4px 4px 0px 4px;
	width:258px;
	border:2px solid #e0e0e0;
	text-align:center;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#666;
	font-size:18px;
}

#arrow{
	background-image:url(img/arrDown.gif);
	height:16px;
	width:280px;
	float:left;
	margin:0px 4px;
	background-position:center;
	background-repeat:no-repeat;
	margin-top:-2px;
}

#history{
	color:#666;
	float:left;
	margin-bottom:10px;
}

td{
	vertical-align:top;
}

p,h2,ul,li{
	color:#666;
	padding:5px;
	margin:0px;
}

ul{
	margin:0px;
	padding:10px;
}

span {
	display:block;
	color:#666;
	padding:5px 5px 5px 5px
}

strong a{
	color:#666;
	text-decoration:none;
	display:inline;
	float:none;
}

span a{
	float:right;
	height:auto;
	font-weight:normal;
	color:#666;
	text-decoration:none;
	padding-left:5px;
}

span a.first{
	padding-right:5px;
	border-right:1px solid #666;
}

span a:hover{
	color:#A72525;
	padding-left:5px;
}

strong a:hover{
	color:#A72525;
}