@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;
}
*/


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

/* 小分類選択 第1希望/第2希望 */
select[name="category2"] > option[value="001"],
select[name="category2"] > option[value="002"],
select[name="category2"] > option[value="008"],
select[name="category2"] > option[value="014"],
select[name="category2"] > option[value="020"],
select[name="category2"] > option[value="028"],
select[name="category2"] > option[value="035"],
select[name="category2"] > option[value="042"],
select[name="category2"] > option[value="049"],
select[name="category2"] > option[value="055"],
select[name="category2"] > option[value="064"],
select[name="category2"] > option[value="076"],
select[name="category2"] > option[value="087"],
select[name="category2"] > option[value="098"],
select[name="category2"] > option[value="107"],
select[name="category2"] > option[value="119"],
select[name="category2"] > option[value="125"],
select[name="category2"] > option[value="131"],
select[name="category2"] > option[value="136"],
select[name="category2"] > option[value="142"],
select[name="category2"] > option[value="151"],
select[name="category2"] > option[value="158"],
select[name="category2"] > option[value="163"],
select[name="category3"] > option[value="001"],
select[name="category3"] > option[value="002"],
select[name="category3"] > option[value="008"],
select[name="category3"] > option[value="014"],
select[name="category3"] > option[value="020"],
select[name="category3"] > option[value="028"],
select[name="category3"] > option[value="035"],
select[name="category3"] > option[value="042"],
select[name="category3"] > option[value="049"],
select[name="category3"] > option[value="055"],
select[name="category3"] > option[value="064"],
select[name="category3"] > option[value="076"],
select[name="category3"] > option[value="087"],
select[name="category3"] > option[value="098"],
select[name="category3"] > option[value="107"],
select[name="category3"] > option[value="119"],
select[name="category3"] > option[value="125"],
select[name="category3"] > option[value="131"],
select[name="category3"] > option[value="136"],
select[name="category3"] > option[value="142"],
select[name="category3"] > option[value="151"],
select[name="category3"] > option[value="158"],
select[name="category3"] > option[value="163"]{
    background-color : #f0f0f0;
    font-weight      : bold;
}

textarea[name="option28"],
textarea[name="option29"],
textarea[name="option30"],
textarea[name="option31"],
textarea[name="option65"]{
    display          : block;
    height           : 5em;
    width            : 40em;
}

/* 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%;
}