@charset "utf-8";

body {
	background:url(../img/bg_common.jpg) center top no-repeat;
}
#bg_character {
	position:relative;
	width:1000px;
	height:815px;
	background:url(../img/bg_character.gif) no-repeat;
}
#bg_character_other {
	position:relative;
	width:1000px;
	height:720px;
	background:url(../img/bg_character_other.gif) no-repeat;
}
#menu_left {
	float:left;
	width:230px;
	margin-left:20px;
}
#menu_left li a , #menu_left li span {
	display:block;
	width:230px;
	height:50px;
}
#menu_character_1 {
	background:url(../img/menu_character_1.png) 0 -50px no-repeat ;
}
.menu_character_1 {
	background:url(../img/menu_character_1.png) no-repeat ;
}
#menu_character_2 {
	background:url(../img/menu_character_2.png) 0 -50px no-repeat ;
}
.menu_character_2 {
	background:url(../img/menu_character_2.png) no-repeat ;
}
#menu_character_3 {
	background:url(../img/menu_character_3.png) 0 -50px no-repeat ;
}
.menu_character_3 {
	background:url(../img/menu_character_3.png) no-repeat ;
}
#menu_character_4 {
	background:url(../img/menu_character_4.png) 0 -50px no-repeat ;
}
.menu_character_4 {
	background:url(../img/menu_character_4.png) no-repeat ;
}
#menu_character_5 {
	background:url(../img/menu_character_5.png) 0 -50px no-repeat ;
}
.menu_character_5 {
	background:url(../img/menu_character_5.png) no-repeat ;
}
#menu_character_6 {
	background:url(../img/menu_character_6.png) 0 -50px no-repeat ;
}
.menu_character_6 {
	background:url(../img/menu_character_6.png) no-repeat ;
}
#menu_character_7 {
	background:url(../img/menu_character_7.png) 0 -50px no-repeat ;
}
.menu_character_7 {
	background:url(../img/menu_character_7.png) no-repeat ;
}
#menu_character_8 {
	background:url(../img/menu_character_8.png) 0 -50px no-repeat ;
}
.menu_character_8 {
	background:url(../img/menu_character_8.png) no-repeat ;
}
#menu_character_9 {
	background:url(../img/menu_character_9.png) 0 -50px no-repeat ;
}
.menu_character_9 {
	background:url(../img/menu_character_9.png) no-repeat ;
}
#menu_character_10 {
	background:url(../img/menu_character_10.png) 0 -50px no-repeat ;
}
.menu_character_10 {
	background:url(../img/menu_character_10.png) no-repeat ;
}
#menu_character_11 {
	background:url(../img/menu_character_11.png) 0 -50px no-repeat ;
}
.menu_character_11 {
	background:url(../img/menu_character_11.png) no-repeat ;
}
#menu_character_12 {
	background:url(../img/menu_character_12.png) 0 -50px no-repeat ;
}
.menu_character_12 {
	background:url(../img/menu_character_12.png) no-repeat ;
}
#menu_character_13 {
	background:url(../img/menu_character_13.png) 0 -50px no-repeat ;
}
.menu_character_13 {
	background:url(../img/menu_character_13.png) no-repeat ;
}
#menu_character_14 {
	background:url(../img/menu_character_14.png) 0 -50px no-repeat ;
}
.menu_character_14 {
	background:url(../img/menu_character_14.png) no-repeat ;
}
#menu_left li a:hover {
	background-position:0 -50px;
}
#area_txt {
	z-index:1;
	position:absolute;
	right:20px;
}
#character_1 {
	width:1000px;
	height:815px;
	background:url(../img/character_1.png) 280px 45px no-repeat;
}
#character_2 {
	width:1000px;
	height:810px;
	background:url(../img/character_2.png) 220px 85px no-repeat;
}
#character_3 {
	width:1000px;
	height:820px;
	background:url(../img/character_3.png) 180px 15px no-repeat;
}
#character_4 {
	width:1000px;
	height:780px;
	background:url(../img/character_4.png) 220px 120px no-repeat;
}
#character_5 {
	width:1000px;
	height:810px;
	background:url(../img/character_5.png) 260px 55px no-repeat;
}
#character_6 {
	width:1000px;
	height:810px;
	background:url(../img/character_6.png) 40px 160px no-repeat;
}
#character_7 {
	width:1000px;
	height:815px;
	background:url(../img/character_7.png) 280px 20px no-repeat;
}
#character_8 {
	width:1000px;
	height:820px;
	background:url(../img/character_8.png) 10px 70px no-repeat;
}
#character_9 {
	width:1000px;
	height:825px;
	background:url(../img/character_9.png) 20px 80px no-repeat;
}
#character_10 {
	width:1000px;
	height:800px;
	background:url(../img/character_10.png) 65px 50px no-repeat;
}
#character_11 {
	width:1000px;
	height:815px;
	background:url(../img/character_11.png) 155px 80px no-repeat;
}
#character_12 {
	width:1000px;
	height:825px;
	background:url(../img/character_12.png) 15px 40px no-repeat;
}
#character_13 {
	width:1000px;
	height:780px;
	background:url(../img/character_13.png) 280px 125px no-repeat;
}
#character_14 {
	width:1000px;
	height:650px;
	background:url(../img/character_14.png) 145px 0 no-repeat;
}
#character_15 {
	width:1000px;
	height:675px;
	background:url(../img/character_15.png) 215px 0 no-repeat;
}
#character_16 {
	width:1000px;
	height:635px;
	background:url(../img/character_16.png) 225px 0 no-repeat;
}
#character_17 {
	width:1000px;
	height:645px;
	background:url(../img/character_17.png) 75px 0 no-repeat;
}
.txt_1 {
	width:355px;
	height:400px;
	background:url(../img/txt_character_1.png) no-repeat;
}
.txt_2 {
	width:355px;
	height:420px;
	background:url(../img/txt_character_2.png) no-repeat;
}
.txt_3 {
	width:340px;
	height:400px;
	background:url(../img/txt_character_3.png) no-repeat;
}
.txt_4 {
	width:335px;
	height:395px;
	background:url(../img/txt_character_4.png) no-repeat;
}
.txt_5 {
	width:360px;
	height:400px;
	background:url(../img/txt_character_5.png) no-repeat;
}
.txt_6 {
	width:375px;
	height:395px;
	background:url(../img/txt_character_6.png) no-repeat;
}
.txt_7 {
	width:340px;
	height:370px;
	background:url(../img/txt_character_7.png) no-repeat;
}
.txt_8 {
	width:370px;
	height:420px;
	background:url(../img/txt_character_8.png) no-repeat;
}
.txt_9 {
	width:360px;
	height:395px;
	background:url(../img/txt_character_9.png) no-repeat;
}
.txt_10 {
	width:360px;
	height:395px;
	background:url(../img/txt_character_10.png) no-repeat;
}
.txt_11 {
	width:370px;
	height:395px;
	background:url(../img/txt_character_11.png) no-repeat;
}
.txt_12 {
	width:340px;
	height:370px;
	background:url(../img/txt_character_12.png) no-repeat;
}
.txt_13 {
	width:320px;
	height:370px;
	background:url(../img/txt_character_13.png) no-repeat;
}
.txt_7 #voice_player , .txt_8 #voice_player , .txt_8 #voice_player , .txt_9 #voice_player , .txt_10 #voice_player , .txt_11 #voice_player , .txt_12 #voice_player , .txt_13 #voice_player  {
	margin-top : 20px ;
}
#voice_player {
	position:relative;
	top:140px;
	left:20px;
	width:305px;
	height:30px;
}