/*--character--*/

.cont_main{
height: 1110px;
}

.chara_01{
}
#tab_area ul li{
float: left;

}

#tab_area{
width: 1046px;
margin: 0 auto;
position: relative;
}

#tab_area .bg{
position: absolute;
top: 0;
left: 50%;
margin-left: -524px;
z-index: 30000;
}


.tab{
position: absolute;
top: 158px;
left: 50%;
margin-left: -406px;
z-index: 40000;
}

#panel_area{
width: 1046px;
margin: 0 auto;
padding-top: 94px;
}

.panel{
position: relative;
}

.panel li{
position: absolute;
height: 100px;
}

.panel li div{
position: absolute;
}
.panel li div.chara_inner{
position: relative;
}


.panel li p{
position: absolute;
}


#chara_01 .serif_01{
top: 278px;
left: 132px;
}

#chara_01 .chara_01{
top: 373px;
left: 40px;
}

#chara_01 .text_01{
top: 459px;
left: 519px;
}

#chara_02 .serif_01{
top: 282px;
left: 115px;
}

#chara_02 .chara_01{
top: 342px;
left: 60px;
}

#chara_02 .text_01{
top: 459px;
left: 519px;
}

#chara_03 .serif_01{
top: 286px;
left: 97px;
}

#chara_03 .chara_01{
top: 374px;
left: 27px;
}

#chara_03 .text_01{
top: 459px;
left: 519px;
}

#chara_04 .serif_01{
top: 283px;
left: 117px;
}

#chara_04 .chara_01{
top: 375px;
left: 11px;
}

#chara_04 .text_01{
top: 459px;
left: 519px;
}



#chara_05 .chara_01{
top: 338px;
left: 114px;
}


#chara_05 .chara_02{
top: 338px;
left: 573px;
}

#chara_05 .chara_03{
top: 873px;
left: 284px;
}


#chara_06 .chara_01{
top: 338px;
left: 113px;
}

#chara_06 .chara_02{
top: 329px;
left: 572px;
}

#chara_06 .chara_03{
top: 1020px;
left: 113px;
}

#chara_06 .chara_04{
top: 1009px;
left: 572px;
}

#chara_06 .chara_05{
top: 1697px;
left: 113px;
}

#chara_06 .chara_06{
top: 1697px;
left: 572px;
}


#chara_07 .chara_01{
top: 338px;
left: 113px;
}

#chara_07 .chara_02{
top: 338px;
left: 572px;
}