@font-face {
    font-family: 'misakifont';
    src: url('../font/misaki_gothic.eot?#iefix') format('embedded-opentype'),
    url('../font/misaki_gothic.ttf') format('truetype'),
    url('../font/misaki_gothic.woff') format('woff');
}

.MCBackground {
    background-image: url("../img/dirt66.png");
}

.MCBlockElement {
    padding: 10px;

    background-color: #c6c6c6;

    border: 3px solid #ffffff;
    border-right-color: #555555;
    border-bottom-color: #555555;
}

.MCPopup {
    background-color: #c6c6c6;
    border: 4px solid #555555;
    border-top-color: #ffffff;
    border-left-color: #ffffff;

    color: #404040;
}

.MCPopup a, .MCPopup a:hover, .MCPopup a:focus, .MCPopup a:link {
    color: #404040;
    text-decoration: none;
}

.MCPopupInset {
    background-color: #8b8b8b;
    border: solid 2px #373737;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
}

.MCScrollbar::-webkit-scrollbar {
    width: 13px;
}

.MCScrollbar::-webkit-scrollbar-track-piece {
    /*background: #000000;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);*/
}

/* Handle */
.MCScrollbar::-webkit-scrollbar-thumb {
    background: rgb(192, 192, 192);
    border-bottom: solid 2px #808080;
    border-right: solid 2px #808080;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);*/
}

.MCScrollbar::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(192, 192, 192);
}

.MCButton {
    display: block;
    max-width: 320px;
    padding: 10px;
    margin: 5px;;

    color: #ffffff;
    background-color: #6f6f6f;

    cursor: pointer;

    /* テキスト */
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #383838;
    font-family: 'misakifont', serif;

    /*ボーダー*/
    border: 3px solid #aaaaaa;
    border-right-color: #565656;
    border-bottom-color: #565656;

    /* ドロップシャドウ */
    box-shadow: 0 0 0 2px #000000;
    -webkit-box-shadow: 0 0 0 2px #000000;
    -moz-box-shadow: 0 0 0 2px #000000;
}

.MCButton a, .MCButton a:link, .MCButton a:visited, .MCButton a:hover {
    color: #ffffff;
    text-decoration: none;
    font-family: 'misakifont', serif;
}

.MCButton:disabled {
    cursor: auto;

    background-color: #2c2c2c;

    /*ボーダー*/
    border: none;
}

input[type="range"].MCSlider {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    background-color: #2c2c2c;

    width: 295px;
    height: 35px;
    /*border:0;*/
    /*margin:3px 0;*/
    box-shadow: 0 0 0 2px #000000;
    -webkit-box-shadow: 0 0 0 2px #000000;
    -moz-box-shadow: 0 0 0 2px #000000;
}

/*本体*/
input[type="range"].MCSlider::-webkit-slider-thumb {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    width: 10px;
    height: 35px;

    color: white;
    background-color: #6f6f6f;

    cursor: pointer;

    /* テキスト */
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #383838;

    /*ボーダー*/
    border: 2px solid #aaaaaa;
    border-right-color: #565656;
    border-bottom-color: #565656;

    /* 角丸 */

    /* ドロップシャドウ */
    box-shadow: 0 0 0 2px #000000;
    -webkit-box-shadow: 0 0 0 2px #000000;
    -moz-box-shadow: 0 0 0 2px #000000;
}

input[type="range"].MCSlider:focus {
    outline: none;
}

/*.MCScrollbar::-webkit-scrollbar-button {*/
/*appearance: none;*/
/*-moz-appearance: none;*/
/*-webkit-appearance: none;*/
/*}*/