@charset "utf-8";
/*
機　　能　　名：お問い合わせページCSS
作　　成　　日：2013/05/20

/* ***************************************
	
**************************************** */

div#contact {
}
/* h3 */
div#contact div#main_contents h3.txt {
color:#B31E34;
}

div#contact div#main_contents div.form_list {
background:url(../images/contact/contact_btm.gif) 0 bottom no-repeat;
padding-bottom:10px;
margin:0 auto;
width:656px;
}
div#contact div#main_contents div.form_list_in {
background:url(../images/contact/contact_top.gif) 0 top no-repeat;
padding-top:10px;
}
div#contact div#main_contents div.form_list_in2 {
background:#F2E9CC;
padding:20px 25px;
}

div#contact div.form_list li {
position:relative;
padding:0 0 20px 180px;
}
div#contact div.form_list li span.h {
position:absolute;
top:6px;
left:0;
width:160px;
}

div#contact div.form_list li em {
color:#fff;
background:#c00;
position:absolute;
top:0px;
right:0px;
font-size:0.8em;
xfont-weight:bold;
padding:2px 3px;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
div#contact div.form_list li input.text {
border:1px solid #CCC;
padding:5px 3px;
font-size:1.2em;
}
/*div#contact div.form_list li input[type="radio"] {
xborder:none;
xmargin:0;
}*/
div#contact div.form_list li.radio label {
margin-right:5px;
}
div#contact div.form_list li.radio label:hover {
cursor:pointer;
color:#ccc;
}
div#contact div.form_list li.radio label input {
border:none;
margin:0;
padding:0;
margin-right:3px;
position:relative;
top:-2px;
}

div#contact div.form_list li input.mf_name1,
div#contact div.form_list li input.mf_name2,
div#contact div.form_list li input.mf_name3,
div#contact div.form_list li input.mf_name4,
div#contact div.form_list li input.mf_kana1,
div#contact div.form_list li input.mf_kana2 {
width:174px;/* total 180px */
}
div#contact div.form_list li input.mf_name1,
div#contact div.form_list li input.mf_name3,
div#contact div.form_list li input.mf_kana1 {
margin-right:15px;
}

div#contact div.form_list li input.mf_add,
div#contact div.form_list li input.mf_mail {
width:404px;/* total 410px */
}

div#contact div.form_list li input.mf_tel,
div#contact div.form_list li input.mf_mail {
ime-mode:disabled;
}

div#contact div.form_list li textarea {
border:1px solid #CCC;
padding:5px 3px;
font-size:1.2em;
width:404px;
}



/* btn_box */
div#contact div.form_list div#btn_box {
text-align:center;
}
div#contact div.form_list div#btn_box ul {
padding-top:0;
}
div#contact div.form_list div#btn_box li {
padding:0;
}

/* errmsg */
div#contact div#errmsg {
background:url(../images/contact/error_box_bg.gif) 0 0 repeat;
border:5px solid #CC0000;
margin:20px 10px;
padding:10px 30px;
text-align:left;
}
div#contact div#errmsg_in {
background:url(../images/contact/error_img.png) left center no-repeat;
padding:7px 0;
}

div#contact div#errmsg ul {
padding:7px 0 7px 70px;
}
div#contact div#errmsg ul li {
display:block;
line-height:24px;
}
div#contact div#errmsg ul li strong {
color:#CC0000;
font-weight:bold;
margin-right:5px;
}

/* confirm */
div#contact div.form_list ul.confirm {
margin-bottom:40px;
}
div#contact ul.confirm li {
border-bottom:1px solid #FFF;
padding:0 10px 20px 200px;
margin-bottom:20px;
line-height:1.5;
}
div#contact div.form_list ul.confirm li span.h {
position:absolute;
top:0px;
left:10px;
font-weight:bold;
}


/* btn_box */
div#btn_box ul {
position:relative;
margin-top:20px;
}
div#btn_box li#form_back_btn {
position:absolute;
top:-1em;
left:0;
}