.showGraphBtnOFF {
    width: 146px;
    height: 40px;
    background-image: url("../res/btn/graphBtn0.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtnOFF:hover {
    background-image: url("../res/btn/graphBtn1.png");
}


.showGraphBtnOFF:active {
    background-image: url("../res/btn/graphBtn2.png");
}

.showGraphBtnON {
    width: 146px;
    height: 40px;
    background-image: url("../res/btn/graphBtn2.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn1 {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphRed0.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn1:hover {
    background-image: url("../res/btn/graphRed1.png");
}


.showGraphBtn1:active {
    background-image: url("../res/btn/graphRed2.png");
}

.showGraphBtn1ON {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphRed2.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn2 {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphBlue0.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn2:hover {
    background-image: url("../res/btn/graphBlue1.png");
}


.showGraphBtn2:active {
    background-image: url("../res/btn/graphBlue2.png");
}

.showGraphBtn2ON {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphBlue2.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn3 {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphGreen0.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn3:hover {
    background-image: url("../res/btn/graphGreen1.png");
}


.showGraphBtn3:active {
    background-image: url("../res/btn/graphGreen2.png");
}

.showGraphBtn3ON {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphGreen2.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}


.showGraphBtn4 {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphPink0.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.showGraphBtn4:hover {
    background-image: url("../res/btn/graphPink1.png");
}


.showGraphBtn4:active {
    background-image: url("../res/btn/graphPink2.png");
}

.showGraphBtn4ON {
    width: 80px;
    height: 32.25px;
    background-image: url("../res/btn/graphPink2.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.markBtn {
    width: 130px;
    height: 38px;
    background-image: url("../res/btn/kotaeawase0.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.markBtn:hover {
    background-image: url("../res/btn/kotaeawase1.png");
}


.markBtn:active {
    background-image: url("../res/btn/kotaeawase2.png");
}