@charset "utf-8";
.area1 {
    background-image: url(../img/M_G07_U04_L02_01/imgI-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area2 {
    background-image: url(../img/M_G07_U04_L02_01/imgI-area2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.mouse1 {
    background-image: url(../img/M_G07_U04_L02_01/imgI-click1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 88.11px;
    height: 97.59px;
    left:23%;
    top: 39%;
    position: absolute;
}
.mouse2 {
    background-image: url(../img/M_G07_U04_L02_01/imgI-click1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 88.11px;
    height: 97.59px;
    left: 70%;
    top: 8%;
    position: absolute;
}
.ilus1 {
    background-image: url(../img/M_G07_U04_L02_01/imgI-ilus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 558.19px;
    height: 146.49px;
    left: 4%;
    top: 24%;
    position: absolute;
}
.ilus2 {
    background-image: url(../img/M_G07_U04_L02_01/imgI-ilus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 196.07px;
    height: 116.63px;
    left: 77%;
    top: 7%;
    position: absolute;
}

.flechaAtras {
    width: 80px;
    height: 67px;
    left: 2%;
    top: 85%;
    position: absolute;
}

.flechaSiguiente {
    width: 80px;
    height: 67px;
    left: 91.5%;
    top: 87%;
    position: absolute;
}