@charset "utf-8";
/* CSS Document */

#mail_form{
	position: relative;
}

#result{
	margin: 20px;
}
/*エラーメッセージボックス*/
#result ul.error{
	border: 1px dotted #f33;
	background: #fff url(../../images/icon/error.gif) no-repeat 5px 5px;
	list-style: disc none outside;
}
#result ul.error li{
	margin: 5px 5px 5px 60px;
}
#result ul.error li.title{
	list-style: none none outside;
	margin: 5px 0 5px 40px;
	color: #f33;
	font-weight: 600;
}

/*送信中、送信結果*/
#mail_form p{
	margin: 20px;
}

/*form around*/
dl#form{
	margin: 15px 60px 15px 60px;
}
dl#form dt{
	margin: 0 0 5px 0;
	padding: 0;
}
dl#form dd{
	padding: 0 0 5px 15px;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #bfb6b2;
	color: #8396a2;
	line-height: 2em;
}
dl#form dt label{
	border-left: 4px solid #bfb6b2;
	padding: 2px 0 2px 0.5em;
	color: #606060;
	font-size: 1.1em;
}
dl#form dt label.focus{
	border-left: 4px solid #7fc31c;
	color: #7fc31c;
}
dl#form dt.must label{
	font-weight: 600;
}
dl#form dt.btn{
	border: none;
	text-align: center;
	color: #8396a2;
}
dl#form dd.btn{
	border: none;
	text-align: center;
}
dl#form dd.btn input{
	background: #fff url(../../images/bg/btn.gif) repeat-x bottom;
	border: 1px solid #8396a2;
	padding: 2px 4px 2px 4px;
	letter-spacing: 0.5em;
	margin: 0 5px 0 5px;
}
dl#form dd.btn input.over{
	background: #fff url(../../images/bg/btn_over.gif) repeat-x bottom;
	border: 1px solid #7fc31c;
}

/*form item*/
#mail_form{
	border: 1px solid #ccc;
	margin: 20px;
}
#mail_form h3{
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
input, textarea{
	border: 1px solid #aaa;
	padding: 2px;
}
input.focus, textarea.focus{
	border: 1px solid #7fc31c;
	background: #def;
}
input.err, textarea.err{
	border: 1px solid #f33;
	background: #ff9;
}
#m_from, #m_tel{
	ime-mode: disabled;
}