@charset "utf-8";
/* CSS Document */
.egg { width: 100%; height: 150px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; text-align: center; }
.egg ul li { z-index: 99; cursor: text; }
.eggList { padding-top: 5px; position: relative; }
.eggList li {   background: url(../images/egg_1.png) no-repeat; height: 120px; position: relative;  background-position:center center; }
.eggList li:hover { cursor: url(../images/img-6.png); }
.eggList li span { position: absolute; left: 50%; top: 50%; color: #ff0; font-size: 42px; font-weight: bold; height: 56px; width: 56px; clip: rect(-28px, auto, auto, -28px); margin-top: -28px; margin-left: -28px; }
.eggList li.curr {  background-position:center center; background: url(../images/egg_2.png) no-repeat bottom; cursor: default; z-index: 30; }
.eggList li.curr sup { position: absolute; background: url(../images/img-4.png) no-repeat; background-size:80%; background-position:center center; width: 232px; height: 181px; top: -36px; left: -34px; z-index: 80; }
.hammer {background: url(../images/img-6.png) no-repeat; width: 74px; height: 87px; position: absolute; text-indent: -9999px; z-index: 15; left: 55%; margin-left:90px; top: -10px; }
.resultTip {background: #ffc; width: 100px; padding: 6px; z-index: 500; top: 200px; left: 10px; color: #f60; text-align: center; overflow: hidden; display: none; z-index: 50; }
.resultTip b { font-size: 14px; line-height: 24px; }