@charset "utf-8";

/* contact.css
------------------------------------------ */

/* inputArea
------------------------------------------ */
#BODY {margin:0 0 10px 0;padding:10px;width:1135px; background:#ffffff;}
#BODY .inputArea{margin:0;padding:20px 60px 30px 30px;border:1px solid #dbdbdb;}


/* formSec */
#BODY .inputArea .formSec p{font-size:90%;}
#BODY .inputArea .formSec ol li{margin-top:30px;padding-left:30px;zoom:1;list-style-type: none;}
#BODY .inputArea .formSec ol li h2{font-weight:normal;margin-bottom:10px;}
#BODY .inputArea .formSec ol li h2 span{color:#FF0000;}
#BODY .inputArea .formSec ol li.first{background:url(/common/img/contact/icon_input_num01.gif) no-repeat left top;}
#BODY .inputArea .formSec ol li.num2{background:url(/common/img/contact/icon_input_num02.gif) no-repeat left top;}
#BODY .inputArea .formSec ol li.num3{background:url(/common/img/contact/icon_input_num03.gif) no-repeat left top;}
#BODY .inputArea .formSec ol li.num4{background:url(/common/img/contact/icon_input_num04.gif) no-repeat left top;}
#BODY .inputArea .formSec ol li.num5{no-repeat left top;}
#BODY .inputArea .formSec ol li.last{background:url(/common/img/contact/icon_input_num05.gif) no-repeat left top;}
/* #BODY .inputArea .formSec ol li.last{background:url(../img/icon_input_num05.gif) no-repeat left top;} */
#BODY .inputArea .formSec ol li label{cursor:pointer;}
#BODY .inputArea .formSec ol li input,
#BODY .inputArea .formSec ol li textarea,
#BODY .inputArea .formSec ol li select{border:1px solid #dbdbdb;}
#BODY .inputArea .formSec ol li input{width:490px;margin-top:7px;padding:5px;}
#BODY .inputArea .formSec ol li select{width:502px;margin-top:7px;padding:5px;}
#BODY .inputArea .formSec ol li textarea{width:808px;margin-top:7px;}
#BODY .inputArea .formSec ol li.contact h2{float:none;width:auto;}
#BODY .inputArea .formSec ul{margin-top:15px;}
#BODY .inputArea .formSec ul li{text-align:center;}

#BODY .inputArea .formSec .example_text{margin-top:10px;margin-left: 0px;font-size:14px;}
#BODY .inputArea .formSec .example_text dl{margin-top:10px;}

/* customerCenter */
#BODY .customerCenter{width:450px;margin:30px auto 0;padding:20px;border:1px solid #dbdbdb;}
#BODY .customerCenter dl dd{position:relative;zoom:1;line-height:2.0;}
#BODY .customerCenter dl dd dl dt{position:absolute;left:0;top:0;zoom:1;}
#BODY .customerCenter dl dd dl dd{margin-left:3em;}
#BODY .customerCenter dl dd dl dd ul li{font-size:100.01%;line-height:1.4;}
#BODY .customerCenter p.attentionNewYear{margin-top:10px;}
#BODY .customerCenter p.attentionNewYear span{font-weight:bold;}

/* cautionSec */
#BODY .inputArea .cautionSec{margin-top:30px;}
#BODY .inputArea .cautionSec ul{margin-top:5px;}
#BODY .inputArea .cautionSec ul li{padding-left:0.75em;text-indent:-0.75em;font-size:100.01%;line-height:1.4;}
#BODY .inputArea .cautionSec ul li span.element{margin-right:0.25em;}


#BODY .inputArea .cautionSec .upper_caution .customerCenter ul li{margin-left:20px;padding-left:0.75em;color: #555555;list-style-type: disc;line-height:2.0;}
#BODY .inputArea .cautionSec p{font-size: 100%;}
#BODY .inputArea .cautionSec .upper_caution .contact_top_alert{font-size:100.01%;color: #F00;margin-top:20px;margin-bottom:5px;}

/* transmittedArea
------------------------------------------ */
#BODY .transmittedArea{margin:0 20px;padding:20px 60px 30px 30px;border:1px solid #dbdbdb;}
#BODY .transmittedArea h2{text-align:center;}
#BODY .transmittedArea p{font-size: 100%;color: #000;text-align: center;}



/* pageTop
------------------------------------------ */
#BODY .pageTop{display:none;}

/* recaptcha
------------------------------------------ */
.contact-create__recaptcha {
    margin: 0 auto 10px;
    padding: 19px 30px 19px 30px;
    width: 256px;
  }
.contact-create__recaptchaText {
    width: 60%;
    margin: 0 auto 10px;
    color:#555555;
    font-size: 0.9em;
}

.contact-create__recaptchaText li{
    list-style: disc;
}
/* FOOTER
------------------------------------------ */
#FOOTER .btnClose{display:block;}


/* FOOTER
------------------------------------------ */
p.red{
    color:red;
    font-size: 100%;
    padding-left: 10px;
}

.standard_form table th {
    width: 10em;
}

.formT th span {
    color: #C90000;
    margin-left: 4px;
}
table.formT th {
    vertical-align: top;
    background-color: #F3EFE6;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left bottom;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-size: 108%;
    width: 12em;
    text-align: left;
}
table.formT th, table.formT td {
    padding: 11px;
    border: 1px solid #D5D2D2;
}

table.formT {
    width: 95%;
    border: 1px solid #D5D2D2;
    margin: 10px;
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #D5D2D2;
    border-right-color-value: rgb(213, 210, 210);
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #D5D2D2;
    border-left-color-value: rgb(213, 210, 210);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}
table {
    border: medium none;
    border-top-width: medium;
    border-right-width-value: medium;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: medium;
    border-left-width-value: medium;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-spacing: 0px;
    border-collapse: collapse;
}
body, div, pre, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, th, td, address, table {
    margin: 0px;
    margin-top: 0px;
    margin-right-value: 0px;
    margin-bottom: 0px;
    margin-left-value: 0px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    padding: 0px;
    padding-top: 0px;
    padding-right-value: 0px;
    padding-bottom: 0px;
    padding-left-value: 0px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
}
* {
    margin: 0px;
    margin-top: 0px;
    margin-right-value: 0px;
    margin-bottom: 0px;
    margin-left-value: 0px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    padding: 0px;
    padding-top: 0px;
    padding-right-value: 0px;
    padding-bottom: 0px;
    padding-left-value: 0px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    border: 0px none;
    border-top-width: 0px;
    border-right-width-value: 0px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 0px;
    border-left-width-value: 0px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}

.bg_imp_boxTs {
    background-color: white;
}

.bg_imp_boxTs .contact_top_alert {
    font-size: 150.37%;
    font-weight: bold;
    color: #F00;
    padding: 0px 0px 0px 25px;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
    margin: 0px;
    padding: 0px;
}
.ttl span {
    color: #000;
    font-size:154%;
    padding-top: 10px;
    padding-left: 27px;
    padding-left-value: 27px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    display: block;
    height: 36px;
    line-height: 32px;
}
.standard_form .ttl {
    font-size: 154%;
}
.ttl {
    font-weight: bold;
    font-size: 124%;
}

.ttl_doc {
    font-weight: bold;
    font-size: 124%;
    padding: 20px 0px;

}

.ttl_doc > span {
    font-size: 124%;
    color: #000;
    border-bottom: 1px solid #DBDBDB;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 0px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    padding: 0px 0px 0px 25px;
    padding-top: 0px;
    padding-right-value: 0px;
    padding-bottom: 0px;
    padding-left-value: 25px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    display: block;
    line-height: 1.5;
}
.ttl_doc > span > span {
    font-size: 75%;
    font-weight: normal;
}

span {
    color: #555;
}
.txt_agent {
    padding: 0px 20px;
    margin-bottom: 18px;
    margin-left: 10px;
    font-size: 90%;
    color: black;
}

#check_ta {
    width: 95%;
    margin: 10px;
    margin-bottom: 30px;

    padding: 9px 5px;
    padding-top: 9px;
    padding-right-value: 5px;
    padding-bottom: 9px;
    padding-left-value: 5px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    min-height: 19px;
    background-color: #FFF1F1;
    border: 1px solid #D5D2D2;
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #D5D2D2;
    border-right-color-value: rgb(213, 210, 210);
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #D5D2D2;
    border-left-color-value: rgb(213, 210, 210);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    word-wrap:break-word;
}

.button_spacer_1{
    height: 30px;
}

.contact_validation_msg{
    color: #F00;
    font-size: 110%;
    font-weight:bold;
}

/* 個人情報エリア
------------------------------------------ */
#BODY .inputArea .formSec .txt_c{
    height: 30px;
    margin-top: 30px;
	font-size:100%;
}