@charset "utf-8";

.base {
	width: 973px;
	padding: 0px 0 20px 0;
	margin: 0px auto;
}

/*********************************** left */
.left {
	width: 198px;
	height:366px;
	padding-top:30px;
	background:transparent url('../images/char-menu.png') no-repeat scroll left bottom;
	float:left;
}

.left ul {
	width: 193px;
	padding-top:74px;
}

.left ul li {
	width: 193px;
	height:70px;	
}

.left ul li a {
	display:block;
	width:193px;
	height: 0;
	padding-top: 68px;
	overflow:hidden;
}

.left ul li a:hover {
	background-position: 0 -68px;
}

/*********************************** right */
.right {
	width :775px;
	height:705px;
	float:left;
}

#char00, #char01 {
	display: none;
	width :703px;
	height:115px;
	padding-top: 590px;
	padding-left:72px
}

#char02, #char03 {
	display: none;
	width :775px;
	height:705px;
}

#char00 {
	display:block;
}

ul.voice {
	width: 310px;
	height: 50px;
}

ul.voice li {
	float: left;
	width: 60px;
	height: 50px;
}

ul.voice li a {
	width: 50px;
	padding-top:50px;
	background-image:url('../images/voice.png');
}

ul.voice li a:hover {
	background-position: 0 -50px;
}