@charset "utf-8";

/* ----------------------------------------------------------------
    Modules= Form Table
----------------------------------------------------------------- */
body#contact table.tableTypeForm{
border:0;
width:100%;
}

body#contact table.tableTypeForm th,
body#contact table.tableTypeForm td{
padding:10px 7px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#fff;
}

body#contact table.tableTypeForm tbody th,
body#contact table.tableTypeForm tbody td{
vertical-align:top;
}

body#contact table.tableTypeForm tbody th{
padding-right:15px;
width:143px;
color:#fff;
background-color:#869ebc;
text-align:left;
}

body#contact table.tableTypeForm tbody td{
background-color:#f7f7f7;
}

body#contact table.tableTypeForm tbody td.note{
width:47px;
background-color:#e0edff;
text-align:center;
}

body#contact table.tableTypeForm tbody td.note span{
padding:2px;
color:#fff;
font-size:81.25%;
}

body#contact table.tableTypeForm tbody td.note span.must{
background-color:#b3180f;
}

body#contact table.tableTypeForm tbody td.note span.option{
background-color:#1853a2;
}

body#contact p.form_button{
text-align:center;
}

body#contact table.tableTypeForm tbody td input:focus,
body#contact table.tableTypeForm tbody td textarea:focus{
background-color:#ffe;
}

body#contact table.tableTypeForm tbody td table,
body#contact table.tableTypeForm tbody td table th,
body#contact table.tableTypeForm tbody td table td{
margin:0;
padding:0;
border:none;
font-size:100%;
}

body#contact table.tableTypeForm tbody td table td input{
margin-bottom:0;
}

body#contact table.tableTypeForm tbody td span.add{
margin-left:10px;
}


/* ----------------------------------------------------------------
    Modules= Form Table Error
----------------------------------------------------------------- */
body#contact table.tableTypeForm tbody tr.error td strong{
padding:2px 0 2px 30px;
background:url("../../contact/images/icon_exclamation.gif") 0 0 no-repeat;
font-size:110%;
}

body#contact table.tableTypeForm tbody tr.error th{
background-color:#d97c77;
}

body#contact table.tableTypeForm tbody tr.error td{
background-color:#fff1f0;
}

body#contact table.tableTypeForm tbody tr.error td.note{
background-color:#ffe2e0;
}


/* ----------------------------------------------------------------
    Modules= Warning
----------------------------------------------------------------- */
body#contact p.warning{
padding:6px 0 6px 8px;
color:#fff;
background-color:#bb0a00;
font-weight:bold;
font-size:85%;
}


/* ----------------------------------------------------------------
    Modules= Index List
----------------------------------------------------------------- */
body#contact div.catalog{
margin-bottom:20px;
width:690px;
overflow:hidden;
}

body#contact ul.indexListForm{
width:711px;
}

body#contact ul.indexListForm li{
margin-right:21px;
margin-bottom:25px;
float:left;
width:216px;
}

body#contact ul.indexListForm li.checked{
background:#d5e9f7;
}

body#contact ul.indexListForm li dt{
position:relative;
padding-left:31px;
background:url("../images/indexListForm_dt_bg.gif") repeat-y 0 0;
font-size:120%;
font-weight:bold;
line-height:1.5;
}

body#contact ul.indexListForm span.check{
position:absolute;
top:0;
left:0;
display:block;
padding:8px;
}

body#contact ul.indexListForm span.check input{
position:absolute;
top:7px;
left:8px;
margin:0;
padding:0;
}

* html body#contact ul.indexListForm span.check input{ top:4px; left:5px; }
*+html body#contact ul.indexListForm span.check input{ top:4px; left:5px; }

body#contact ul.indexListForm label{
display:block;
padding:5px 0 3px 9px;
cursor:pointer;
zoom:1;
}

body#contact ul.indexListForm dd{
padding:6px 7px 10px;
}

body#contact ul.indexListForm dd p{
margin:0 0 5px;
line-height:1.7;
}

body#contact ul.indexListForm li dl dd img{
margin-left:25px;
}

/* _____ indexListForm: optis _____ */

body#contact ul.indexListForm li.optis{
float:none;
width:690px;
}

body#contact ul.indexListForm li.optis li{
float:none;
width:auto;
}

body#contact ul.indexListForm li.optis dd{
float:left;
}

body#contact ul.indexListForm li.optis dd.image{
width:202px;
}

body#contact ul.indexListForm li.optis dd.body{
width:460px;
}

body#contact ul.indexListForm li.optis dd.body *{
margin-bottom:3px;
}


/* ----------------------------------------------------------------
    shinshun / inputForm
----------------------------------------------------------------- */
body#contact table.tableTypeForm td.required ul li{
width:110px;
float:left;
}

/* 必須 入力アイテム */
body.inputForm input[type=text].required,
body.inputForm select.required{
background-color: #fc9;
}

/* エラー  入力アイテム */
body.inputForm input[type=text].error{
border:1px solid #f33;
}

/* エラーメッセージ ラベル */
body.inputForm form label.error{
margin-top:7px;
display:block;
color:#e50000;
}

p em.notice{
color:#e50000;
}