.PRELOAD {display:none;}
.hidden {display:none;}

body {
    background-image: url("imags/main/bg.png");
    background-size: 100% 100%;
    background-attachment: fixed;
}
img {
    vertical-align: sub;
}
.vam {
    vertical-align: middle;
}
p, h1, h2, h3, h4, h5, h6, li, div, td {
    font-family: "Open Sans", sans-serif;
    margin: 0px;
}
a, a:visited {color: #DB064D;}
a:hover, a:active {color: #ff2030;}
table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.wind {
    border: 0;
    position: absolute;
    z-index: 10;
    background-color: #191919;
    color: white;
    width: min-content;
    min-width: 400px;
    left: 50%;
    transform: translate(-50%, 0);
}
.wind.wdhdsel {z-index: 12;}
.windheader {
    border: 0;
    padding: 0;
    margin: 0;
    height: 38px;
    font-size: 20px;
    cursor: default;
    z-index: 9;
    color: #fff;
}
.wdhdsel .windheader {z-index: 11;}
.wdhdlabel {
    background: linear-gradient(90deg,#191919,#191919 10%,#4C4C4C 90%,#4C4C4C);
    box-shadow:inset 0px 2px 0px 0px #191919;
}
.wdhdsel .wdhdlabel {
    background: linear-gradient(90deg,#191919,#191919 10%,#DB064D 90%,#DB064D);
    box-shadow:inset 0px 2px 0px 0px #191919;
}
.windbody {
    border: 2px solid #191919;
    background: linear-gradient(180deg,#191919,#191919 10%,#262626 100%,#262626);
    padding: 2px 8px 2px 8px;
}
.wdhdsel .windbody {border: 2px solid #DB064D;}
.wdhdright {content: url("imags/main/wd.png");}
.wdhdsel .wdhdright {content: url("imags/main/wd_selec.png");}
.wdhdiconi {content: url("imags/main/ic_info.png");}
.wdhdsel .wdhdiconi {content: url("imags/main/ic_info_sel.png");}
.wdhdiconlink {content: url("imags/main/ic_link.png");}
.wdhdsel .wdhdiconlink {content: url("imags/main/ic_link_sel.png");}
.wdhdiconsms {content: url("imags/main/ic_chat.png");}
.wdhdsel .wdhdiconsms {content: url("imags/main/ic_chat_sel.png");}
.wdhdiconmidi {content: url("imags/main/ic_midi.png");}
.wdhdsel .wdhdiconmidi {content: url("imags/main/ic_midi_sel.png");}
.wdhdiconnavi {content: url("imags/main/ic_navi.png");}
.wdhdsel .wdhdiconnavi {content: url("imags/main/ic_navi_sel.png");}

@media screen and (max-width: 960px) {
    body {
        background-size: 300vw 200vh !important
    }
    .wind {
        top: 0 !important; left: 0 !important;
        position: static !important;
        transform: translate(0,0) !important;
    }
}
        
marquee, .val {
    background-color: #191919;
    border: 2px #000000 solid;
}
.sublight {
    background-color: #4C4C4C;
    border: 2px #191919 solid;
    padding: 10px;
}
.slidiv {
    height: 4px;
    margin-left:8px;margin-right:8px;
    flex-grow: 1;
    background-color: #191919;
    border: 2px #191919 solid;
}
.slidact {
    height: 4px;
    background-color: #4C4C4C;
}
.slidcur {
    position: relative;
    vertical-align: top;
    transform: translateX(-50%);
}
.lightupbutton:hover { filter: contrast(75%); cursor:pointer; }
.butpause {content: url("imags/main/midi_pause.png");}
.butloopon {content: url("imags/main/midi_loop_on.png");}
.butloop1 {content: url("imags/main/midi_loop_one.png");}

.curpage {background-color:#84243A;}
.dumblink {cursor:pointer;}