/* -------------------------------------------- */
.none {
    display: none;
}
.hidden {
    visibility: hidden;
}
.relative {
    position: relative;
}
/* -------------------------------------------- */
.scale-bg {
    position: fixed;
    top   : 0px;
    left  : 0px;
    width : 100%;
    height: 100%;
    z-index: 10000;
    cursor: col-resize;
}
/* -------------------------------------------- */
.system--background img {
    min-height: 100%;
    min-width : 1024px;
    width : 100%;
    height: auto;
    position: fixed;
    bottom : 0;
    left: 0;
}
@media screen and (max-width: 1024px){
    .system--background img {
        left: 50%;
        margin-left: -512px;
    }
}
/* -------------------------------------------- */
.editor--box--area {
    position: relative;
    background-repeat  : no-repeat;
    background-position: center center;
}
.editor--box--area--space {
    position: absolute;
    border  : 2px dashed #ff0000;
}
.editor--box--area--vector {
    position: absolute;
}
/* -- カラーピッカー -------------------------- */
.form--editor--clip--picker--color {    /* ********** TEST ********** */
    width : 32px;
    height: 32px;
}
.form--editor--clip--color--item {    /* ********** TEST ********** */
    width : 32px;
    height: 32px;
}
/* -- クリップアート選題---------------------- */
.pop--clip--category img {
    width: 32px;
    heiht: 32px;
}
.pop--clip--item img {
    width: 32px;
    heiht: 32px;
}
/* -- スケール -------------------------------- */
.scale-btn {
    position: relative;
}
.scale-btn ul {
    position: absolute;
    top  : 0px;
    right: 0px;
    padding: 0;
    margin : 0;
}
.scale-btn ul li {
    display: inline;
    padding: 0;
    margin : 0;
}
.scale-btn ul li a {
    background-color: #29444f;
    border: 1px solid #aaa;
    padding: 2px 8px;
    color: #FFF;
}
/* -------------------------------------------- */
/* TEST */
.form--background--item {
    width : 32px;
    height: 24px;
    border: 1px solid #000;
}