
ul#char_list
{
	position: absolute;
	top: 135px;
	left: 75px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10;
	width: 700px;
}

ul#char_list li
{
	position: relative;
	width: 64px;
	height: 64px;
	float: left;
	margin: 2px;
}

img#on_cursor_img
{
	position: absolute;
	top: 137px;
	right: 50px;
}


/* new */
ul#char_list li img.new
{
	position: absolute;
	top: 0px;
	left: -5px;

	-o-animation-name: char_new_mark;
	-o-animation-duration: 1.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: char_new_mark;
	-ms-animation-duration: 1.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: char_new_mark;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: char_new_mark;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

}
@-o-keyframes char_new_mark {
	0% {-o-transform: scale(1.0) rotate(0deg);}
	30% {-o-transform: scale(0.7) rotate(0deg);}
	70% {-o-transform: scale(0.7) rotate(360deg);}
	100% {-o-transform: scale(1.0) rotate(360deg);}
}
@-ms-keyframes char_new_mark {
	0% {-ms-transform: scale(1.0) rotate(0deg);}
	30% {-ms-transform: scale(0.7) rotate(0deg);}
	70% {-ms-transform: scale(0.7) rotate(360deg);}
	100% {-ms-transform: scale(1.0) rotate(360deg);}
}
@-webkit-keyframes char_new_mark {
	0% {-webkit-transform: scale(1.0) rotate(0deg);}
	30% {-webkit-transform: scale(0.7) rotate(0deg);}
	70% {-webkit-transform: scale(0.7) rotate(360deg);}
	100% {-webkit-transform: scale(1.0) rotate(360deg);}
}
@-moz-keyframes char_new_mark {
	0% {-moz-transform: scale(1.0) rotate(0deg);}
	30% {-moz-transform: scale(0.7) rotate(0deg);}
	70% {-moz-transform: scale(0.7) rotate(360deg);}
	100% {-moz-transform: scale(1.0) rotate(360deg);}
}



