/* ====================================================================== */
/* common */
/* ====================================================================== */
#page_title {
    overflow: hidden;
}

#page_title h1 {
    float: left;
}

#page_title p {
    float: right;
    margin: 5px 0;
}

/* ナビゲーション */
#global_nav > li#nav_inquiry {
    background: url(/en/common/img/common/icon_inquiry_w.png) no-repeat 188px center #f59600;
}

#global_nav > li#nav_inquiry span {
    color: #fff;
}

/* ====================================================================== */
/* inquiry */
/* ====================================================================== */
.txt_read {
    margin: 0 0 20px;
}

.comment_box {
    margin: 0 0 40px;
}

/* common
----------------------------------------------*/
#form {
    width: 920px;
}

#select_form,
#basic_form {
    text-align: left;
    width: 100%;
}

th,
td {
    border: #dcdcdc solid 1px;
    padding: 20px;
}

th {
    background: #f0f0f0;
    width: 30%;
}

th,
.required {
    color: #323c50;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}

.required {
    display: block;
    position: relative;
    padding: 0 0 0 70px;
}

.required:before {
    content: url(/en/common/img/inquiry/icon_required.gif);
    position: absolute;
    top: -3px;
    left: 0;
}

.th02 {
    vertical-align: top;
}

td {
    width: 70%;
}

/* デザイン */
input[type=text],
textarea {
    border: #cecece solid 1px;
    padding: 2%;
    outline: none;
}

/* ラジオボタン、チェックボックス */
.entry_check {
    margin: 0 20px 0 4px;
}

/* select */
select {
    border: #cecece solid 1px;
    font-size: 14px;
    font-size: 1.4rem;
    outline: none;
}

/* 注釈
----------------------------------------*/
.notice,
.example,
.format {
    font-size: 12px;
    font-size: 1.2rem;
}

/* 赤 */
.notice {
    color: #dc0000;
}

.notice_th {
    color: #dc0000;
    font-size: 11px;
    font-size: 1.1rem;
    margin: 15px 0 0;
}

/* 例 */
.example {
    color: #555;
    margin: 0 0 0 10px;
}

/* 形式 */
.format {
    color: #333;
    margin: 0 0 0 15px;
}

/* select_form
----------------------------------------------*/
#select_form {
    margin: 0 0 30px;
}

/* ご要望・ご相談 */
.comment_text {
    width: 96%;
}

/* basic_form
----------------------------------------------*/
#basic_form {
    margin: 0 0 40px;
}

input[type="text"].textarea01 {
    width: 570px;
}

input[type="text"].textarea03 {
    width: 400px;
}

.hyphen {
    padding: 0 5px;
}

#address_td dt,
.name_td {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

/* 住所 */
#address_td dl {
    display: table;
    margin: 0 0 15px;
    width: 100%;
}

#address_td dl.last {
    margin: 0;
}

#address_td dt,
#address_td dd {
    display: table-cell;
}

#address_td dt {
    width: 12%;
}

input[type="text"].zipcode {
    width: 140px;
}

#address_td dl dt#yubin_num {
    vertical-align: top;
    padding: 10px 0 0;
}

.yubin {
    overflow: hidden;
    margin: 5px 0 0;
}

.yubin .notice {
    float: left;
    margin: 3px 10px 0 0;
}

.btn_yubin {
    float: left;
}

/* 名前 */
input[type="text"].water {
    width: 197px;
}

.name_area {
    margin: 0 25px 0 10px;
}

.name_area_last {
    margin: 0 0 0 10px;
}

/* 電話,FAX番号 */
input[type="text"].number {
    width: 300px;
}

/* Eメールアドレス */
input[type="text"].mail_box {
    margin: 0 0 15px;
    width: 533px;
}

/* btn
----------------------------------------------*/
#form_btn {
    margin: 0 auto 50px;
}

#btn_confirm {
    text-align: center;
}

/* ssl
----------------------------------------------*/
#ssl_box {
    margin: 0 auto;
    width: 800px;
}

#ssl_box h3 {
    border-bottom: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0;
}

#ssl_logo_box {
  display: table;
}

#ssl_logo {
  display: table-cell;
  padding: 4px 10px 0 0;
  vertical-align: top;
  width:  90px;
}

#ssl_txt {
  display:  table-cell;
  vertical-align: top;
  width: 700px;
}

#ssl_txt h4 {
    font-weight: bold;
    margin: 0 0 3px;
}

#ssl_txt p {
    font-size: 12px;
    font-size: 1.2rem;
}

/* ====================================================================== */
/* confirm */
/* ====================================================================== */
#page_inquiry_confirm #address_td dl dt#yubin_num {
    padding: 0;
}

#page_inquiry_confirm #email_td p:first-child {
    margin: 0 0 15px;
}

/* btn
----------------------------------------------*/
#page_inquiry_confirm #form_btn {
    overflow: hidden;
    width: 365px;
}

#btn_back {
    float: left;
    width: 164px;
}

#btn_send {
    float: right;
    width: 164px;
}

/* ====================================================================== */
/* send */
/* ====================================================================== */
#thanks_txt {
    border: #ff9b00 solid 1px;
    margin: 0 45px;
    padding: 180px 0;
    width: 830px;
}

#thanks_txt p {
    color: #323c50;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
}

/* ====================================================================== */
/* error */
/* ====================================================================== */
#error_read {
    background: #fdf2f2;
    border: #df0000 solid 2px;
    margin: 0 0 30px;
    padding: 30px;
}

#error_read p {
    background: url(/ja/common/img/inquiry/icon_err.gif) no-repeat left center;
    color: #df0000;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 0 0 84px;
}

.error_item {
    background: #fdf2f2;
}

.error_txt {
    color: #df0000;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 8px;
}