/* ==================== */
/*    ▼ inquire ▼     */
/* ==================== */

/*************************
○table structure○
*************************/

#wrapper_form {
    background-color: #fff;
    width: 600px;
    margin-left: 30px;
    margin-top: 20px;
}

form#inquiry {
    font-size : 1.25em ;
    
}

form#inquiry table {
    font-size : 1em ;
    margin-top : 0 ;    /* テーブル上の間隔 */
    margin-bottom : 20px ; /* テーブル下の間隔 */
    margin-left: 15px;  /* テーブル左の間隔 */
}

#inquiry table,
#inquiry caption,
#inquiry table tr th.center_th { 
    width : 590px ;        /* テーブル幅 */
    
}

#inquiry td,
#inquiry th,
#inquiry table caption { 
    padding : 5px 5px 5px 10px ;        /* セルパディング */
}


/* ●罫線の色 */
form#inquiry table   { background   : #DCDCDC ; }
form#inquiry caption { border-color : #DCDCDC ; }

/* ●文字の大きさ */
#inquiry th,td { font-size : 80% ; }

/* ●注意書きの書式 */
#inquiry .attention {
    font-size : 90% ;
    font-style : normal ;
}
/* ●必須事項の書式 */
#inquiry .colored {
    color: red;
}
/* ●エラーメッセージの書式 */
#inquiry span.error {
    color: blue;
    font-weight: bold;
}

/* ●caption */
#inquiry caption {
    background : #AAA ;   /* キャプション背景 */
    color : #FFF ;         /* キャプション文字色 */
}

/* ●th */
#inquiry table th {
    width : 15em ;         /* th幅 */
    background : #F0F0F0 ;    /* th背景 */
    color : #000 ;        /* th文字色 */
    vertical-align : middle ; /* thの水平位置 */
    font-size : 0.8em ;  /* thのフォントサイズ */
    font-weight : normal ;  /* thのフォントスタイル */
}

/* ●td  */
#inquiry td {
    background : white ;   /* td背景 */
    vertical-align : top ; /* tdの水平位置 */
}

/* ●tnote */
#inquiry p#tnote {
    padding : 0 0 5px ;
    text-align : left ;
    font-size: 0.8em;
}

/* ●同意チェックボタン */

#inquiry table tr th.left_th {
    text-align: left;
    background-color: #fff;
    width: 590px;
}

#inquiry table tr th .check_agree {
    margin: 5px 0 5px 250px;
}


/* ●確認ボタン,リセットボタン */
#inquiry table tr th.center_th {
    text-align: center;
    background-color: #fff;
    
}
#inquiry table tr th.center_th input#_submit,
#inquiry table tr th.center_th input#_reset {
    padding: 3px 10px 3px 10px;
}

p#send_ok {
    margin-left: 40px;
}

/* ●tooltip */
.inquiry_tooltip {
    margin-left: 20px;
}
.inquiry_tooltip ul {
    list-style: none;
    font-size: 14px;
}
.inquiry_tooltip li {
    width: 200px;
    float: left;
    margin-bottom: 10px;
}


/* ==== ▼ basic ▼ ==== */

#inquiry.center {
    text-align : center ;
}

#inquiry table,
#inquiry #tnote,
#tnote,
#timg {
    margin : 0;
    margin-left : 25px ;  /* テーブル左のマージン */
}

#inquiry caption {
    margin-left : 10px ;
    position : relative; right : 10px ;
}

#inquiry.center table,
#inquiry.center caption,
#inquiry.center #tnote {
    margin : 0 auto ;
}

#timg {
    text-align: left;
}
#timg img#inav_img {
    width: 600px;
    margin-left: -5px;
}

#inquiry table,
#inquiry caption {
    font-size : 1em ;
    padding : 0 ;
    line-height:1.4;
}

#inquiry caption {
    border-width : 1px ;
    border-style : solid ;
    border-bottom : none ;
}

#inquiry table {
    border-collapse : separate ;
    text-align : left ;
}

#inquiry table td  * {
vertical-align : middle ;
}


/* ●table.in_tbl */
#inquiry table.in_tbl {
    border: none;
    background: #fff;
    width: 396px;
    margin: 0;
    padding: 0;
}
#inquiry table.in_tbl th {
    font-size: 1em;
    margin: 0;
    padding: 2px 0 2px 0;
    background: #fff;
    font-weight: bold;
    width: 198px;
    vertical-align: middle;
}
#inquiry table.in_tbl td {
    width: 198px;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

/* ==== ▲ basic ▲ ==== */