/* --------------------MAIN CHARA-------------------- */


.cm_01 a{
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm01.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_01 a:hover, .cm_01 a.on{
background-position:right bottom;
}
.cm_02 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm02.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_02 a:hover, .cm_02 a.on{
background-position:right bottom;
}
.cm_03 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm03.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_03 a:hover, .cm_03 a.on{
background-position:right bottom;
}
.cm_04 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm04.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_04 a:hover, .cm_04 a.on{
background-position:right bottom;
}
.cm_05 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm05.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_05 a:hover, .cm_05 a.on{
background-position:right bottom;
}
.cm_06 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm06.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_06 a:hover, .cm_06 a.on{
background-position:right bottom;
}
.cm_07 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm07.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_07 a:hover, .cm_07 a.on{
background-position:right bottom;
}
.cm_08 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm08.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_08 a:hover, .cm_08 a.on{
background-position:right bottom;
}
.cm_09 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm09.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_09 a:hover, .cm_09 a.on{
background-position:right bottom;
}
.cm_10 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cm10.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cm_10 a:hover, .cm_10 a.on{
background-position:right bottom;
}


/* --------------------SUB CHARA-------------------- */

.cs_01 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs01.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_01 a:hover, .cs_01 a.on{
background-position:right bottom;
}
.cs_02 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs02.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_02 a:hover, .cs_02 a.on{
background-position:right bottom;
}
.cs_03 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs03.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_03 a:hover, .cs_03 a.on{
background-position:right bottom;
}
.cs_04 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs04.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_04 a:hover, .cs_04 a.on{
background-position:right bottom;
}
.cs_05 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs05.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_05 a:hover, .cs_05 a.on{
background-position:right bottom;
}
.cs_06 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs06.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_06 a:hover, .cs_06 a.on{
background-position:right bottom;
}
.cs_07 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs07.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_07 a:hover, .cs_07 a.on{
background-position:right bottom;
}
.cs_08 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs08.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_08 a:hover, .cs_08 a.on{
background-position:right bottom;
}
.cs_09 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs09.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_09 a:hover, .cs_09 a.on{
background-position:right bottom;
}
.cs_10 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs10.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_10 a:hover, .cs_10 a.on{
background-position:right bottom;
}
.cs_11 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs11.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_11 a:hover, .cs_11 a.on{
background-position:right bottom;
}
.cs_12 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs12.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_12 a:hover, .cs_12 a.on{
background-position:right bottom;
}
.cs_13 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs13.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_13 a:hover, .cs_13 a.on{
background-position:right bottom;
}
.cs_14 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs14.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_14 a:hover, .cs_14 a.on{
background-position:right bottom;
}
.cs_15 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs15.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_15 a:hover, .cs_15 a.on{
background-position:right bottom;
}
.cs_16 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs16.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_16 a:hover, .cs_16 a.on{
background-position:right bottom;
}
.cs_17 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs17.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_17 a:hover, .cs_17 a.on{
background-position:right bottom;
}
.cs_18 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs18.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_18 a:hover, .cs_18 a.on{
background-position:right bottom;
}
.cs_19 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs19.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_19 a:hover, .cs_19 a.on{
background-position:right bottom;
}
.cs_20 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs20.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_20 a:hover, .cs_20 a.on{
background-position:right bottom;
}
.cs_21 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs21.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_21 a:hover, .cs_21 a.on{
background-position:right bottom;
}
.cs_22 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs22.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_22 a:hover, .cs_22 a.on{
background-position:right bottom;
}
.cs_23 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs23.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_23 a:hover, .cs_23 a.on{
background-position:right bottom;
}
.cs_24 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs24.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_24 a:hover, .cs_24 a.on{
background-position:right bottom;
}
.cs_25 a {
display:block;
width:44px;
height:40px;
background:url(../chara/img/cs25.gif) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:5px;
}
.cs_25 a:hover, .cs_25 a.on{
background-position:right bottom;
}