@charset "utf-8";

/* フォーム類
------------------------------*/
/* form_nav */
#main_container h2 {
    margin-bottom: 0px;
}

ul.form_nav {
    background-color: #FBDDE3;
    line-height: 1;
    height: 22px;
}

ul.form_nav li {
    display: inline;
    float: left;
}

ul.form_nav li img {
    display:block;
}

/* top txt */
#top_txt {
    text-align: justify;
    line-height: 1.6;
    clear: both;
    margin-top:18px;
}

#top_txt p {
    padding:4px 0 0px 0;
}

/* form_area */
#form_area {
    tex-align:center;
    background-color:#E9EEB4;
    margin-top:20px;
}

#form_area div,
#form_area form {
    border:solid 1px white;
    width:560px;
    background-color:white;
    margin:0 0 0 73px;
}

#form_area table {
    margin:15px 30px;
    width:500px;
}

#form_area table,
#form_area th,
#form_area td {
    text-align:left;
}

div#contact h3,
#form_area caption {
    color:#FF3399;
    padding-left:20px;
    text-align:left;
    background-image: url(../images/ico_jwel_red_s.jpg);
    background-repeat: no-repeat;
    background-position: 4px 0.4em;
}

#form_area table th {
    width:130px;
    font-weight:normal;
}

#form_area table th span {
    display:block;
    padding:6px 7px;
}

#form_area table th span label {
    padding-right:4px;
}

#form_area table th span em {
    display:block;
    font-style: normal;
    color: #666;
    font-size: 0.92em;
    line-height:1.3;
}

#form_area table td {
    border-left:solid 6px white;
    padding:6px 7px 6px 12px;
}

#form_area table td span em {
    font-size:0.92em;
    font-style:normal;
    color: #666;
    margin:0 0 0 3px;
    color:#FF3399;
}

#form_area table th,
#form_area table td {
    background-color:#fff;
    border-bottom:solid 1px #f1f1f1;
    vertical-align:top;
}

#form_area table tr.even-row th,
#form_area table tr.even-row td {
    background-color:#f1f1f1;
}

/* contact */
#form_area div#contact{
    margin:15px 30px;
    width:500px;
}

div#contact h3{
    font-size:1em;
    font-weight:normal;
    line-height:1.61;
}
#form_area div#contact table{
    margin:0px 0px 15px;
    width:500px;
}
div#contact caption {
    padding-bottom:5px;
    color:#555;
    padding-left:0px;
    text-align:left;
    background-image: none;
    line-height:1.3;
}
div#contact caption label{vertical-align:middle;font-size:1.2em;}
div#contact caption input{
    height:16px;width:16px;
    vertical-align:top;
    padding:0;
}
table#contact td em{font-style:normal;padding-right:6px;}
div#contact th,
div#contact td{background-color:#f1f1f1;padding-bottom:6px;}
div#contact td label{display:block;}

/* button */
#form_area #button {
    text-align:center;
    padding:10px 0;
}

#form_area td p.zip button,
#form_area #button button {
    background-color:white;
    border:0;
}

/* input focus */
#form_area td .idle {
    background-color: white;
}

/* zip */
#form_area td p.zip {
    padding-bottom:4px;
}

#form_area td p.zip span {
    display:inline;
    padding-right:4px;
}

#form_area td p.zip input,
#form_area td p.zip button {
    vertical-align:middle;
}

#form_area td span {
    display:block;
    font-size:0.94em;
    color:#888;
    line-height:1.3;
    margin-top:4px;
}

/* input width */
#form_area td input,
#form_area td select,
#form_area td textarea {
    border:solid 1px #888;
    padding:2px 4px;
    background-color: #ffc;
}

#contact td input#other_time,
#form_area td input {
    width:20em;
}

#form_area td p.zip input {
    width:5em;
}

#form_area td textarea {
    width:20em;
    height:5em;
}

#form_area td select {
    width:12em;
    margin-bottom:4px;
}

/* 必須表示 */
#form_area th span strong {
    background-color:#FF0066;
    color:white;
    font-style:normal;
    padding:0 1px;
    font-weight: normal;
    font-size: 0.9em;
    border: solid 1px #FF0066;
    line-height: 1;
    border-top-width: 2px;
}

#form_area table caption span {
    padding-right:6px;
}

#form_area table caption strong {
    background-color:#f06;
    color:white;
    font-style:normal;
    padding:0 3px;
    font-weight: normal;
    font-size: 0.9em;
    border-top:solid 2px #f06;
}

/* error */
#error {
    display:none;
    margin:40px;
    padding:6px 12px 10px 12px;
    border:double 3px red;
    background-color:#f8f8f8;
    color:red;
}

#error ul {
    list-style-type: square;
    margin-left: 2em;
}

#error h3 {
    font-size:1em;
}

#form_area td .error {
    background-color:pink;
}