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


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

input[name="option7"]{
    width            : 30em;
}

ul.list{
    padding-left     : 0px;
}
ul.list > li{
    list-style       : none;
    margin-left      : 1em;
    text-indent      : -1em;
}
ul.list > li::before{
    content          : "・";
}

table#coi{
    background-color : #fafafa;
    border           : 2px #d0d0d0 solid;
    border-collapse  : collapse;
    margin           : 1em 0px;
}
table#coi > caption{
    text-align       : left;
}
table#coi > tbody > tr:hover{
    background-color : #f0f0f0;
}
table#coi > thead > tr > th,
table#coi > tbody > tr > td{
    border           : 1px #d0d0d0 solid;
    padding          : 0.5em;
}
table#coi > thead > tr > th{
    white-space      : nowrap;
}
table#coi > tbody > tr > td:nth-last-of-type(2),
table#coi > tbody > tr > td:nth-last-of-type(1){
    text-align       : center;
}
table#coi > tbody > tr > td:nth-last-of-type(1) > input{
    width            : 100%;
}