@charset "utf-8";

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

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


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

/* テキストボックス */
.input_form input[name="email_1"]{
    width               : 30em;
}


.input_form input[name="option3"]{
    width               : 30em;
}
.input


/* リスト(※) */
ul.notes{
    color               : #fc0202;
    display             : block;
    font-size           : 90%;
    margin              : 0px 0px 0.3em 0px;
    padding             : 0px;
}
ul.notes > li{
    list-style          : none;
    margin-left         : 10em;
    text-indent         : -10em;
}
ul.notes > li::before{
    content             : "※";
}

/* phone */
table.phone td:nth-of-type(1) input{
    width            : 10em;
}
table.phone td:nth-of-type(2){
    padding-left     : 1em;
    white-space      : nowrap;
}
table.phone td:nth-of-type(3) input{
    width            : 5em;
}
table.phone td{
    vertical-align   : baseline;
}
table.phone td > caption{
    caption-side     : top;

}
/* input_form */
table.input_form > caption{
    caption-side     : top;
    text-align       : left;
}
table.input_form > tbody > tr:hover{
    background-color : #f0f0f0;
}
table.input_form > thead > tr > th,
table.input_form > thead > tr > td,
table.input_form > tbody > tr > th,
table.input_form > tbody > tr > td{
    display          : block;
    text-align       : left;
}
}
/* 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_form input[name="option2"]{
    width               : 30em;
}
.input
*/


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