@charset "utf-8";

/* ************************************************************************** **
    文字のフォントを変更したい場合、コメントアウトを解除し
    指定したいフォントを記述してください。
** ************************************************************************** */

/* 文字のフォント */
/*
*{
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
*/


/* ************************************************************************** **
    テンプレートの「table.input_form」および「table.input_form」の色を
    変更したい場合、それぞれのコメントアウトを解除し、色を指定してください。
** ************************************************************************** */

/* 枠線の色 */
/*
div.input_form,
table.input_form,
table.input_form > tbody > tr{
    border-color     : #78c800;
}
*/

/* 枠線内の背景の色 */
/*
div.input_form,
table.input_form{
    background-color : #f9ffe3;
}
*/

/* 枠線内の背景の色(カーソルの乗せた場合) */
/*
div.input_form:hover,
table.input_form > tbody > tr:hover{
    background-color : #e9ffc8;
}
*/

/* ラベルタグの背景の色(カーソルを乗せた場合) */
/*
label:hover{
    background-color : #bfff00;
}
*/


/* ************************************************************************** **
    ここから下にスタイルシートを記述してください。
** ************************************************************************** */

/* table.coi */
table.coi{
    border-collapse  : collapse;
    margin           : 1em 0px;
    
}
table.coi > thead > tr{
    background-color : #e0f0d9;
}
table.coi > thead > tr > th,
table.coi > tbody > tr > td{
    border           : 1px black solid;
    padding          : 0.5em;
}
table.coi > tbody > tr > td:nth-of-type(2){
    text-align       : center;
}
table.coi > thead > tr > th:nth-of-type(3),
table.coi > tbody > tr > td:nth-of-type(3){
    text-align       : center;
    white-space      : nowrap;
}
table.coi > tbody > tr > td:nth-of-type(4) > input{
    box-sizing       : border-box;
    max-width        : 50em;
    width            : 100%;
}


/* */
    /* input_form3 */
    table.input_form3{
        background-color : #fafafa;
        border           : 2px #d0d0d0 solid;
        margin           : 1em 0em;
        width            : 100%;
    }
    table.input_form3 > caption{
        text-align       : left;
    }
    table.input_form3 > tbody > tr:hover{
        background-color : #f0f0f0;
    }
    table.input_form3 > tbody > tr > th,
    table.input_form3 > tbody > tr > td{
        border           : 1px #d0d0d0 solid;
        padding          : 0.5em 1em;
    }
    table.input_form3 > tbody > tr > th{
        text-align       : left;
    }
    table.input_form3 > tbody > tr > td{
        text-align       : left;
        width            : 33em;
    }