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


#chara_new_00 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 47px; top: 64px; z-index: 999;}


#chara_new_01 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 10px; z-index: 999;}
#chara_new_02 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 10px; z-index: 999;}
#chara_new_03 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 10px; z-index: 999;}
#chara_new_04 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 10px; z-index: 999;}
#chara_new_05 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 10px; z-index: 999;}
#chara_new_06 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 10px; z-index: 999;}
#chara_new_07 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 10px; z-index: 999;}


#chara_new_08 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 112px; z-index: 999;}
#chara_new_09 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 112px; z-index: 999;}
#chara_new_10 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 112px; z-index: 999;}
#chara_new_11 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 112px; z-index: 999;}
#chara_new_12 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 112px; z-index: 999;}
#chara_new_13 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 112px; z-index: 999;}
#chara_new_14 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 112px; z-index: 999;}

#chara_new_15 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 214px; z-index: 999;}
#chara_new_16 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 214px; z-index: 999;}
#chara_new_17 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 214px; z-index: 999;}
#chara_new_18 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 214px; z-index: 999;}
#chara_new_19 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 214px; z-index: 999;}
#chara_new_20 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 214px; z-index: 999;}
#chara_new_21 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 214px; z-index: 999;}

#chara_new_22 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 316px; z-index: 999;}
#chara_new_23 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 316px; z-index: 999;}
#chara_new_24 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 316px; z-index: 999;}
#chara_new_25 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 316px; z-index: 999;}
#chara_new_26 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 316px; z-index: 999;}
#chara_new_27 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 316px; z-index: 999;}
#chara_new_28 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 316px; z-index: 999;}

#chara_new_29 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 418px; z-index: 999;}
#chara_new_30 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 418px; z-index: 999;}
#chara_new_31 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 418px; z-index: 999;}
#chara_new_32 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 418px; z-index: 999;}
#chara_new_33 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 418px; z-index: 999;}
#chara_new_34 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 418px; z-index: 999;}
#chara_new_35 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 418px; z-index: 999;}

#chara_new_36 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 520px; z-index: 999;}
#chara_new_37 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 520px; z-index: 999;}
#chara_new_38 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 520px; z-index: 999;}
#chara_new_39 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 520px; z-index: 999;}
#chara_new_40 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 520px; z-index: 999;}
#chara_new_41 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 520px; z-index: 999;}
#chara_new_42 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 520px; z-index: 999;}

#chara_new_43 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 622px; z-index: 999;}
#chara_new_44 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 622px; z-index: 999;}
#chara_new_45 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 622px; z-index: 999;}
#chara_new_46 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 622px; z-index: 999;}
#chara_new_47 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 622px; z-index: 999;}
#chara_new_48 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 622px; z-index: 999;}
#chara_new_49 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 606px; top: 622px; z-index: 999;}

#chara_new_50 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: -6px; top: 724px; z-index: 999;}
#chara_new_51 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 96px; top: 724px; z-index: 999;}
#chara_new_52 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 198px; top: 724px; z-index: 999;}
#chara_new_53 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 300px; top: 724px; z-index: 999;}
#chara_new_54 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 402px; top: 724px; z-index: 999;}
#chara_new_55 { position: absolute; height: 42px; width: 56px; background-image: url(../img/new_std.png); left: 504px; top: 724px; z-index: 999;}



#chara_00 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_yukimura.jpg);}
#chara_01 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_keiji.jpg);}
#chara_02 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_nobunaga.jpg);}
#chara_03 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_mitsuhide.jpg);}
#chara_04 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_goemon.jpg);}
#chara_05 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kenshin.jpg);}
#chara_06 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_oichi.jpg);}
#chara_07 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_okuni.jpg);}
#chara_08 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kunoichi.jpg);}
#chara_09 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_magoichi.jpg);}
#chara_10 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_shingen.jpg);}
#chara_11 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_masamune.jpg);}
#chara_12 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_nohime.jpg);}
#chara_13 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_hanzo.jpg);}#chara_14 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_ranmaru.jpg);}#chara_15 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_hideyoshi.jpg);}
#chara_16 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_yoshimoto.jpg);}
#chara_17 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_tadakatsu.jpg);}
#chara_18 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_ina.jpg);}
#chara_19 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_ieyasu.jpg);}
#chara_20 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_mitsunari.jpg);}
#chara_21 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_nagamasa.jpg);}
#chara_22 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_sakon.jpg);}
#chara_23 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_yoshihiro.jpg);}
#chara_24 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_ginchiyo.jpg);}
#chara_25 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kanetsugu.jpg);}
#chara_26 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_nene.jpg);}
#chara_27 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kotaro.jpg);}
#chara_28 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_musashi.jpg);}
#chara_29 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_toshiie.jpg);}
#chara_30 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_motochika.jpg);}
#chara_31 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_garasha.jpg);}
#chara_32 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kojiro.jpg);}
#chara_33 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_katsuie.jpg);}
#chara_34 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kiyomasa.jpg);}
#chara_35 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kambe.jpg);}
#chara_36 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_muneshige.jpg);}
#chara_37 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kaihime.jpg);}
#chara_38 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_ujiyasu.jpg);}
#chara_39 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_hambe.jpg);}
#chara_40 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_motonari.jpg);}
#chara_41 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_ayagozen.jpg);}
#chara_42 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_masanori.jpg);}







#chara_44 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_takatora.jpg);}
#chara_45 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_naotora.jpg);}
#chara_46 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_munenori.jpg);}
#chara_47 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_nobuyuki.jpg);}
#chara_48 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_yoshitsugu.jpg);}
#chara_49 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_hisahide.jpg);}
#chara_50 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kojuro.jpg);}
#chara_51 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_kagekatsu.jpg);}#chara_52 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_takakage.jpg);}#chara_53 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_koshosho.jpg);}#chara_54 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_toyohisa.jpg);}
#chara_55 { height: 800px; width: 800px; background-repeat: no-repeat; background-image: url(../character/chara_hayakawa.jpg);}


#back{ position: absolute; left: 0px; top: 375px; }
#next{ position: absolute; right: 0px; top: 375px; }


.voice_btn { position: absolute; left: 600px;}
.voice_btn02 { position: absolute; left: 630px;}
.voice_btn03 { position: absolute; left: 615px;}
.voice_btn04 { position: absolute; left: 635px;}


#img_btn { position: absolute; left: 30px; top: 690px; background-repeat: no-repeat;}

#chara_text { width: 710px; margin: 0 auto; position: relative; color: #FFF; padding-top: 10px; padding-bottom: 10px;}

#chara_cv { position: absolute; left: 445px; top: 520px; width: 330px; color: #FFF; font-size: 20px; font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#chara_text_top { position: absolute; width:450px; left: 330px; top: 84px; color: #FFF;  font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#chara_text02 { position: absolute; left: 445px; top: 565px; color: #FFF;  font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}


#cha_pm_01 { position: absolute; bottom: 20px; left: 60px;}
#cha_pm_02 { position: absolute; bottom: 20px; right: 50px;}




#chara_bg { height: 1800px; width: 800px; top: 30px; margin: 0 auto; position: relative; background-image: url(../character/chara_bg.jpg); background-color: #000; background-repeat: no-repeat;}
	
#chara_bg_02 { width: 800px; height: 100px; margin: 0 auto; position: relative; background-image: url(../img/musoenb_bottom.jpg);}
	
#chara_title { width: 800px; margin: 0 auto; position: relative; color: #FFF; padding-top: 30px; padding-bottom: 5px;}

#chara_list { width: 714px; margin: 0 auto; position: relative; color: #FFF; padding-top: 10px;}

.chara_icon_01{ height:100px; width: 100px; background-color:#FFF; margin-top:2px;}
.chara_icon_02{ height: 100px; width: 100px; background-color: #FFF; margin-left:2px; margin-top:2px;}


#chara_layout { overflow: hidden; width: 1000px; margin: 0 auto; position: relative;}
#chara_layout_02 { width: 1000px; margin: 0 auto; position: relative; height: 100px;}

#chara_top { width: 800px; position: relative; height: 770px;}
#zenshin_01 { height: 80px; width: 80px; position: absolute; top: 230px; left: 70px;}
#zenshin_02 { height: 80px; width: 80px; position: absolute; top: 390px; right: 90px;}

.chara_pm { height: 160px; width: 220px; position: absolute; top: 520px; left: 40px;}