/* ****************************************************** */
    /* iOSなどのプラットフォーム独自の装飾仕様をクリア */
    /* ****************************************************** */
    input[type="submit"] {
        -webkit-appearance: none;
    }
   
    h1 {
        padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
        color: #494949;/*文字色*/
        background: #f8ea9b;/*背景色*/
        border-left: solid 5px #f86706;/*左線*/
        border-bottom: solid 3px #d7d7d7;/*下線*/
        font-size: 1.5em;
        }

    h2 {
        color: #802f00;/*文字色*/
        background: #f3cfb8;/*背景色*/
        padding: 0.2em 0;/*上下の余白*/
        border-top: solid 3px #802f00;/*上線*/
        border-bottom: solid 3px #802f00;/*下線*/
        }

    /* ****************************************************** */
    /* 注意表示 */
    /* ****************************************************** */
    p.caution {
        padding: 0.2em 0.2em;/*文字の上下 左右の余白*/
        color: #f80707;/*文字色*/
        font-size: 1.5em;
        font-weight: bold;
    }

    /* ****************************************************** */
    /* 現在時刻表示 */
    /* ****************************************************** */
    p.rtClock {
        padding: 0.2em 0.2em;/*文字の上下 左右の余白*/
        color: #0f0000;/*文字色*/
        background: #FFFF00;/*背景色*/
        border-left: solid 5px #fa5509;/*左線*/
        border-bottom: solid 3px #797575;/*下線*/
        font-size: 1.5em;
        width: 350px;
    }

    /* ****************************************************** */
    /* 枠 */
    /* ****************************************************** */
    .box2 {
        padding: 0.5em 1em;
        margin: 1em 0;
        font-weight: bold;
        color: #ee520a;/*文字色*/
        background: #fff;
        border: solid 3px #ee520a;/*線*/
        border-radius: 10px;/*角の丸み*/
        font-size: 1.5em;
    }
    .box2 p {
        margin: 0; 
        padding: 0;
    }

    table, th, td {
        border-collapse: collapse;
        border: 1px solid #9b9696;
        line-height: 1.5;
        font-size: 1.2em;
      }
    
    /* ****************************************************** */
    /* テーブル type06..横用 type07..縦用 */
    /* ****************************************************** */
      table.type06 th {
        width: 150px;
        padding: 5px;
        font-weight: bold;
        vertical-align: middle;
      }
      table.type06 td {
        width: 160px;
        padding: 10px;
        vertical-align: middle;
       }
/*
       table.type06 tr:hover {
        background-color: #FFFF66;  // マウスオーバー時の行の背景色 
        }
       table.type06 td:hover {
        background-color: #00FFFF;  // マウスオーバー時のセルの背景色
        }
*/

       table.type07 th {
        width: 160px;
        padding: 10px;
        font-weight: bold;
        vertical-align: middle;
      }
      table.type07 td {
        width: 160px;
        padding: 10px;
        vertical-align: middle;
       }

       table.type08 th {
        padding: 15px;
        font-weight: bold;
        vertical-align: middle;
      }
      table.type08 td {
        padding: 15px;
        vertical-align: middle;
       }

    /* ****************************************************** */
    /* リボン */
    /* ****************************************************** */      
       .ribbon4 {
        display: inline-block;
        position: relative;
        height: 120px;/*高さ*/
        line-height: 120px;/*高さ*/
        vertical-align: middle;
        text-align: center;
        padding: 0 40px 0 18px;/*文字の左右の余白*/
        font-size: 65px;/*文字サイズ*/
        background: #b96504;/*背景色*/
        color: #FFF;/*文字色*/
        font-weight: bold;
        box-sizing: border-box;
    }
    
    .ribbon4:after {
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        z-index: 1;
    }
    
    .ribbon4:after {
        top: 0;
        right: 0;
        border-width: 60px 15px 60px 0px;
        border-color: transparent #FFF transparent transparent;
        border-style: solid;
    }

    /* ****************************************************** */
    /* ボタン */
    /* ****************************************************** */
    .square_btn {
        position: relative;
        display: inline-block;
        padding: 0.25em 0.5em;
        text-decoration: none;
        color: #FFF;
        background: #fd9535;/*背景色*/
        border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
        border-radius: 4px;/*角の丸み*/
        box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
        font-weight: bold;
        font-size: 2.0em;
    }
    
    .square_btn:active {
        border-bottom: solid 2px #fd9535;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
    }

    .pull-right {
        float: right !important;
      }

    /* ****************************************************** */
    /* input  button submit*/
    /* ****************************************************** */
    input.inwork[type="submit"] {
        background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
        border: 1px solid #2c628b;

        padding:15px 30px;
        margin:20px 20px 20px;
        font-family:Arial, sans-serif;
        font-size:7.0em;
        text-transform:uppercase;
     }
    input.outwork[type="submit"] {
        background-image: linear-gradient(0deg, #FFCCCC, #FFDDFF);
        border: 1px solid #FF0461;
        
        padding:15px 30px;
        margin:20px 20px 20px;
        font-family:Arial, sans-serif;
        font-size:7.0em;
        text-transform:uppercase;
     }
    input.inwork[type="submit"]:hover {
        /* マウスが載ったとき */
        background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
        border: 1px solid #2c628b;
        padding:15px 30px;
        margin:20px 20px 20px;
        font-family:Arial, sans-serif;
        font-size:7.0em;
        text-transform:uppercase;
     }
     input.outwork[type="submit"]:hover {
        /* マウスが載ったとき */
        background-image: linear-gradient(0deg, #FFCCCC, #FFDDFF);
        border: 1px solid #FF0461;
        padding:15px 30px;
        margin:20px 20px 20px;
        font-family:Arial, sans-serif;
        font-size:7.0em;
        text-transform:uppercase;
     }
     input.inwork[type="submit"]:active {
        /* クリックされたとき */
        background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
        border: 1px solid skyblue;
        padding:15px 30px;
        margin:20px 20px 20px;
        font-family:Arial, sans-serif;
        font-size:7.0em;
        text-transform:uppercase;
     }
     input.outwork[type="submit"]:active {
        /* クリックされたとき */
        background-image: linear-gradient(0deg, #FFCCCC, #FFDDFF);
        border: 1px solid #FFB6C1;
        padding:15px 30px;
        margin:20px 20px 20px;
        font-family:Arial, sans-serif;
        font-size:7.0em;
        text-transform:uppercase;
     }

     input.date_search {
        width: 200px;
        height: 60px;
        font-size: 40px;
     }

     input.data_update {
        width: auto;
        font-size: 30px;
        height: 60px;
     }