@charset "UTF-8";
/* CSS Document */
div#centercontent {width:768px; }
div#page {height:1400px; background:url(../images/character-bg.jpg) no-repeat bottom center; position:relative;}
div#monster {width:298px; height:394px; background: url(../images/monster.png) no-repeat; position: absolute; top: 63px; left: 235px;}
div#shadow {width:300px; height:96px; background: url(../images/shadow.png) no-repeat; position: absolute; top: 559px; left: 234px; opacity:0.2;}

@keyframes mmove {from {top: 53px;} to{top: 113px;}}
@-moz-keyframes mmove {from {top: 53px;} to{top: 113px;}}
@-webkit-keyframes mmove {from {top: 53px;} to{top: 113px;}}

@keyframes sfade {from {opacity:0.2;} to{opacity:0.6;}}
@-moz-keyframes sfade {from {opacity:0.2;} to{opacity:0.6;}}
@-webkit-keyframes sfade {from {opacity:0.2;} to{opacity:0.6;}}

div#monster {animation:mmove 2.5s ease-in-out infinite alternate; -webkit-animation:mmove 2.5s ease-in-out infinite alternate; -moz-animation:mmove 2.5s ease-in-out infinite alternate;}
div#shadow {animation:sfade 2.5s ease-in-out infinite alternate; -webkit-animation:sfade 2.5s ease-in-out infinite alternate; -moz-animation:sfade 2.5s ease-in-out infinite alternate;}