﻿/*
+==============================================================================
|
|    Copyright(c) 2020 IMS. All Rights. Reserved.
|
|  ・システム     ： クリーニング店向けＰＯＳシステム
|
+==============================================================================
|
|   ボタン系共通スタイルシート
|
|=== 改 版 履 歴 ==============================================================
| Date         Author           Reference                              Version
|==============================================================================
| 2020/02/27   IMS下平          新規作成                               1.0.0
|
|
===============================================================================
*/
@charset "UTF-8";

/* ファンクションボタン：確定タイプ */
.func-btn-type-confirm {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #013c95;
    border: 1px solid #013c95;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：確定タイプ：マウスホバー時 */
.func-btn-type-confirm:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #0065d8;
    border: 1px solid #0065d8;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：確定タイプ：無効時 */
.func-btn-type-confirm:disabled {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #d7d3d3;
    border: 1px solid #d7d3d3;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：取消タイプ */
.func-btn-type-cancel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #c0272d;
    border: 1px solid #c0272d;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：取消タイプ：マウスホバー時 */
.func-btn-type-cancel:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #f05a24;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：取消タイプ：無効時 */
.func-btn-type-cancel:disabled {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #d7d3d3;
    border: 1px solid #d7d3d3;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：その他 */
.func-btn-type-other {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #413f3f;
    border: 1px solid #413f3f;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：その他：マウスホバー時 */
.func-btn-type-other:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #645c5c;
    border: 1px solid #645c5c;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* ファンクションボタン：その他：無効時 */
.func-btn-type-other:disabled {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #d7d3d3;
    border: 1px solid #d7d3d3;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 140px;
    font-size: 18px !important;
}

/* 通常ボタン：緑 */
.normal-btn-green {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #00a26c;
    border: 1px solid #00a26c;
    border-radius: 4px;
    cursor: pointer;
}

.normal-btn-green:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #80d000;
    border: 1px solid #00a26c;
    border-radius: 4px;
    cursor: pointer;
}

    .normal-btn-green:disabled {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #ffffff;
        background: #d7d3d3;
        border: 1px solid #d7d3d3;
        border-radius: 4px;
        cursor: pointer;
    }

/* 通常ボタン：オレンジ */
.normal-btn-orange {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #f05a24;
    border-radius: 4px;
    cursor: pointer;
}
.normal-btn-orange:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #f05a24;
    border-radius: 4px;
    cursor: pointer;
}

/* 通常ボタン：黒 */
.normal-btn-black {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #413f3f;
    border: 1px solid #413f3f;
    border-radius: 4px;
    cursor: pointer;
}
.normal-btn-black:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #645c5c;
    border: 1px solid #645c5c;
    border-radius: 4px;
    cursor: pointer;
}

/* 通常ボタン：赤 */
.normal-btn-red {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #c0272d;
    border: 1px solid #c0272d;
    border-radius: 4px;
    cursor: pointer;
}

.normal-btn-red:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #f05a24;
    border-radius: 4px;
    cursor: pointer;
}

/* 通常ボタン：青 */
.normal-btn-blue {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #013c95;
    border: 1px solid #013c95;
    border-radius: 4px;
    cursor: pointer;
}

.normal-btn-blue:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #0065d8;
    border: 1px solid #0065d8;
    border-radius: 4px;
    cursor: pointer;
}

div.btn-list-update {
    display: table;
    top: 0px;
    right: 10px;
    z-index: 2;
    width: 65px;
    height: 49px;
    background-image: url("../Content/Themes/images/list-koushin.png") !important;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

div.btn-list-delete {
    display: table;
    top: 0px;
    right: 10px;
    z-index: 2;
    width: 65px;
    height: 49px;
    background-image: url("../Content/Themes/images/list-sakujo.png") !important;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

div.btn-list-delete-cancel {
    display: table;
    top: 0px;
    right: 10px;
    z-index: 2;
    width: 65px;
    height: 49px;
    background-image: url("../Content/Themes/images/list-sakujo-torikeshi.png") !important;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}


div.btn-list-mode-cancel {
    display: table;
    top: 0px;
    right: 10px;
    z-index: 2;
    width: 65px;
    height: 49px;
    background-image: url("../Content/Themes/images/mode_cancel.png") !important;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

div.btn-list-modify {
    display: table;
    top: 0px;
    right: 10px;
    z-index: 2;
    width: 65px;
    height: 49px;
    background-image: url("../Content/Themes/images/modify.png") !important;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

.btn-base {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #54c3ff;
    background: -webkit-gradient( linear, left top, left bottom, from(#edfaf7), to(#8afbff));
    background: linear-gradient( top, #edfaf7 0%, #8afbff);
    background: -ms-linear-gradient( top, #edfaf7 0%, #8afbff); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #54c3ff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
}

    .btn-base:hover {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #ffffff;
        background: -webkit-gradient( linear, left top, left bottom, from(#8cf7ff), to(#8afbff));
        background: linear-gradient( top, #8cf7ff 0%, #8afbff);
        background: -ms-linear-gradient( top, #8cf7ff 0%, #8ce8ff); /* IE対応用 */
        border-radius: 20px;
        border: 1px solid #54c3ff;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
        cursor: pointer;
    }

    .btn-base:disabled {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #54c3ff;
        background: -webkit-gradient( linear, left top, left bottom, from(#f5f5f5), to(#cfcfcf));
        background: linear-gradient( top, #f5f5f5 0%, #cfcfcf);
        background: -ms-linear-gradient( top, #f5f5f5 0%, #cfcfcf); /* IE対応用 */
        border-radius: 20px;
        border: 1px solid #969696;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    }

.btn-calculate-base {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #413f3f;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}

.btn-calculate-base:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #645c5c;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}

.btn-calculate-clear {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #c0272d;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}

.btn-calculate-clear:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}



/*
.btn-calculate-base {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #fcfcfc;
    background: -webkit-gradient( linear, left top, left bottom, from(#55e1e6), to(#4aaac2));
    background: linear-gradient( top, #55e1e6 0%, #4aaac2);
    background: -ms-linear-gradient( top, #86b3e3 0%, #788bc4); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #788bc4;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    height: 65px;
    max-height: 65px;
    min-height: 65px;
    font-size: 30px;
}
*/

.btn-calculate-base:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #fcfcfc;
    background: -webkit-gradient( linear, left top, left bottom, from(#559be6), to(#4a68c2));
    background: linear-gradient( top, #559be6 0%, #4a68c2);
    background: -ms-linear-gradient( top, #559be6 0%, #4a68c2); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #4a68c2;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    height: 65px;
    max-height: 65px;
    min-height: 65px;
    font-size: 30px;
}

.btn-calculate-base-disable {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #54c3ff;
    background: -webkit-gradient( linear, left top, left bottom, from(#f5f5f5), to(#cfcfcf));
    background: linear-gradient( top, #f5f5f5 0%, #cfcfcf);
    background: -ms-linear-gradient( top, #f5f5f5 0%, #cfcfcf); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #969696;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    padding: 0px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    height: 65px;
    max-height: 65px;
    min-height: 65px;
    font-size: 30px;
}

.btn-calculate-plus {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #fcfcfc;
    background: -webkit-gradient( linear, left top, left bottom, from(#55e1e6), to(#4aaac2));
    background: linear-gradient( top, #55e1e6 0%, #4aaac2);
    background: -ms-linear-gradient( top, #86b3e3 0%, #788bc4); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #788bc4;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    height: 90%;
    font-size: 30px;
}

    .btn-calculate-plus:hover {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #fcfcfc;
        background: -webkit-gradient( linear, left top, left bottom, from(#559be6), to(#4a68c2));
        background: linear-gradient( top, #559be6 0%, #4a68c2);
        background: -ms-linear-gradient( top, #559be6 0%, #4a68c2); /* IE対応用 */
        border-radius: 20px;
        border: 1px solid #4a68c2;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
        cursor: pointer;
        width: 80px;
        max-width: 80px;
        min-width: 80px;
        height: 90%;
        font-size: 30px;
    }

.btn-text {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    background: #ffffff;
    border: 1px solid #808080;
    cursor: pointer;
    padding: 0px;
}


    .btn-text:disabled {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        background: #F5F5F5;
        border: 1px solid #E5E5E5;
        cursor: pointer;
        padding: 0px;
    }

.btn-staff, .btn-staff:hover {
    height: 40px;
    width: 220px;
    max-width: 220px;
    min-width: 220px;
    font-size: 20px;
}

.btn-number-small, .btn-number-small:hover {
    height: 40px;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    font-size: 20px !important;
}

.btn-number-middle, .btn-number-middle:hover {
    height: 40px;
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    font-size: 20px !important;
}

.btn-number-large, .btn-number-large:hover {
    height: 40px;
    width: 200px;
    max-width: 200px;
    min-width: 200px;
    font-size: 20px !important;
}

.btn-date, .btn-date:disabled {
    height: 40px !important;
    width: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    font-size: 18px !important;
}

.btn-large, .btn-large:hover {
    height: 90px;
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    font-size: 21px !important;
}

.btn-middle, .btn-middle:hover {
    height: 38px;
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    font-size: 15px !important;
}

.btn-small, .btn-small:hover {
    height: 25px;
    width: 60px;
    max-width: 60px;
    min-width: 60px;
    font-size: 14px !important;
}

.btn-footer, .btn-footer:hover {
    height: 40px;
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    font-size: 22px !important;
}

.btn-large-width {
    height: 40px;
    width: 220px;
    max-width: 220px;
    min-width: 220px;
    font-size: 20px;
}

.btn-delete {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ff0000;
    background: -webkit-gradient( linear, left top, left bottom, from(#edfaf7), to(#8afbff));
    background: linear-gradient( top, #edfaf7 0%, #8afbff);
    background: -ms-linear-gradient( top, #edfaf7 0%, #8afbff); /* IE対応用 */
    border-radius: 20px;
    border: 1px solid #54c3ff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
}

    .btn-delete:hover {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #ffffff;
        background: -webkit-gradient( linear, left top, left bottom, from(#8cf7ff), to(#8afbff));
        background: linear-gradient( top, #8cf7ff 0%, #8afbff);
        background: -ms-linear-gradient( top, #8cf7ff 0%, #8ce8ff); /* IE対応用 */
        border-radius: 20px;
        border: 1px solid #54c3ff;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
        cursor: pointer;
    }

    .btn-delete:disabled {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #ff0000;
        background: -webkit-gradient( linear, left top, left bottom, from(#f5f5f5), to(#cfcfcf));
        background: linear-gradient( top, #f5f5f5 0%, #cfcfcf);
        background: -ms-linear-gradient( top, #f5f5f5 0%, #cfcfcf); /* IE対応用 */
        border-radius: 20px;
        border: 1px solid #969696;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 10px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    }

.btn-normal-table {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #000000;
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: linear-gradient( top, #ffffff 0%, #eeeeee);
    background: -ms-linear-gradient( top, #ffffff 0%, #eeeeee); /* IE対応用 */
    border: 0px;
    cursor: pointer;
}

    .btn-normal-table:hover {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #000000;
        background: -webkit-gradient( linear, left top, left bottom, from(#f0f0f0), to(#e1e1e1));
        background: linear-gradient( top, #f0f0f0 0%, #e1e1e1);
        background: -ms-linear-gradient( top, #f0f0f0 0%, #e1e1e1); /* IE対応用 */
        border: 0px;
        cursor: pointer;
    }

    .btn-normal-table:disabled {
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
        color: #000000;
        background: -webkit-gradient( linear, left top, left bottom, from(#e9e9e9), to(#dfdfdf));
        background: linear-gradient( top, #e9e9e9 0%, #dfdfdf);
        background: -ms-linear-gradient( top, #e9e9e9 0%, #dfdfdf); /* IE対応用 */
        border: 0px;
    }

.btn-tablecell-delete, .btn-tablecell-delete:hover {
    width: 98px;
    max-width: 98px;
    height: 48px;
    max-height: 48px;
    font-size: 18px !important;
    color: #ff0000;
}

.btn-tablecell-delete:disabled {
    width: 98px;
    max-width: 98px;
    height: 48px;
    max-height: 48px;
    font-size: 18px !important;
    color: #000000;
}

.btn-orange {
    background-color: #ffa500;
    margin: 0px;
    padding: 0px;
    color: #ffffff !important;
    font-size: 14px;
    cursor: pointer;
}

.btn-red {
    background-color: #FF0000;
    margin: 0px;
    padding: 0px;
    color: #FFD700 !important;
    font-size: 14px;
    cursor: pointer;
}

.btn-light-green {
    background-color: #CBFFD3;
    margin: 0px;
    padding: 0px;
    color: #000000 !important;
    font-size: 14px;
    cursor: pointer;
}

.btn-dark-green {
    background-color: #66CC33;
    margin: 0px;
    padding: 0px;
    color: #000000 !important;
    font-size: 14px;
    cursor: pointer;
}

.btn-green {
    background-color: #00CC00;
    margin: 0px;
    padding: 0px;
    color: #000000 !important;
    font-size: 14px;
    cursor: pointer;
}
