.wrapper {background:url(images/bg.jpg);}
    main {position:relative;width:956px;height:612px;background:url(../../../styles/images/sprite-overall.png) -10px -967px;margin:15px auto 0;overflow:hidden;}
        .sprite { background-image: url('images/sprite.png'); background-color: transparent; background-repeat: no-repeat; }
            .cap_h { width: 114px; height: 120px; background-position: -486px -10px; }
            .flower_h { width: 114px; height: 120px; background-position: -362px -134px; }
            .glasses_h { width: 114px; height: 120px; background-position: -238px -134px; }
            .shovel_h { width: 114px; height: 120px; background-position: -114px -134px; }
            .cap { width: 94px; height: 123px; background-position: -10px -10px; }
            .flower { width: 94px; height: 114px; background-position: -114px -10px; }
            .glasses { width: 94px; height: 114px; background-position: -218px -10px; }
            .shovel { width: 94px; height: 114px; background-position: -322px -10px; }
            .molehill { width: 920px; height: 482px; background-position: -10px -264px; margin: 21px auto auto 19px;}
            .g{background-color: transparent;width: 94px; height: 123px; position:absolute;}
            #g4 {left: 52px;top: 38px;}
            #g1 {left: 259px;top: 39px;}
            #g2 {left: 155px;top: 34px;}
            #g3 {left: 368px;top: 65px;}
            
            .target_g {position:absolute;width: 114px; height: 122px; }
                .target_g.cell1 {left: 141px;top: 178px;}
                .target_g.cell2 {left: 592px;top: 95px;}
                .target_g.cell3 {left: 741px;top: 195px;}
                .target_g.cell4 {left: 299px;top: 310px;}

.ui-draggable-dragging{opacity: 0.4;}
@font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }