@charset "utf-8";
/**
 *      contact.css
 *
 *      「お問い合せ」の CSS
 */


/******** お問い合せ ***********/
div#contentBody.contact{
    margin-left:    2em;
}

table.contact {
    margin:0em 0em 0.9em 1em;
    border-collapse: separate;
}

table.contact td{
   /* vertical-align: bottom;*/
    padding: 0em 0.1em 0.1em 0em;
}

table.contact td.telNum, table.contact td.faxNum {
    font-size:120%;
}

table.contact td.col1-address {
    vertical-align: top;
    padding-top:0.1em;
}

table.contact img.mail {
    vertical-align: bottom;
    margin-bottom: 0.2em;
}

/**********問い合わせ先**********************/
table.contact_table
{
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
  background-color:#ffffff;
  border:solid 1px #e0e0e0;
}

table.contact_table th
{
  background-color:#c3d69b;
  padding:4px 6px;
  border:solid 1px #e0e0e0;
  border-bottom:solid 1px #c5c5c5;
  font-size:1.1em;
}

table.contact_table td
{
  padding:4px 6px;
  background-color:#ebf1de;
  border:solid 1px #ffffff;
  border-bottom:solid 1px #c5c5c5;
  border-right:solid 1px #d0d0d0;
  font-size:1.1em;

}


/******お問い合せフォーム*********/

table.contactForm {
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
  background-color:#f5f5f5;
  border:solid 1px #e0e0e0;
}

table.contactForm th {
  background-color:#c3d69b;
  border:solid 1px #e0e0e0;
  border-bottom:solid 1px #c5c5c5;
  padding:4px 6px;
}

table.contactForm td {
  background-color:#ebf1de;
  border:solid 1px #ffffff;
  border-bottom:solid 1px #c5c5c5;
  border-right:solid 1px #d0d0d0;
  font-size:1.1em;
  padding:4px 6px;
}

table.contactForm textarea {
  font-size:95%;
  font-family:     "MS PGothic";
  border:solid 1px #c3d69b;

}

input.confirm {
  font-size:100%;
  padding:0.1em 0.3em;
  background-color: #cccccc;
  font-family:     "MS PGothc";
}

input.textInput{
  font-size:95%;
  font-family:     "MS PGothc";
  border:solid 1px #c3d69b;

}


/*********お問い合わせの確認 contact-form-comfirm ********************/

table#sendConfirm {
    margin-left:2em;
    border:solid gray 1px;
    margin-bottom:1.6em;
    margin-right:2em;
}

table#sendConfirm td {
    padding: 0.3em 0.5em;
    vertical-align:top;
    border:gray solid 1px;
}


/******** 送信成功のページ contact-form-send-success
「お問い合せ有難う御座いました。
後ほど返信いたします。
折り返しご連絡させていただきます。」
 *****/

div#contentBody#sendSuccess
{
    margin-left:10em;
    background-color:pink;
}