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


#head_container .page_title h1{
	width:400px;
	height:25px;
	margin:32px auto 32px 32px;
	background-image:url(image/page_titile.png);
	background-repeat:no-repeat;
}
/*
==========================================================
contents
==========================================================
*/
#contents_wrap{
	clear:both;
	width:100%;
	overflow:hidden;
	background-image:url(../commonImage/contents_bg.jpg);
}
#contents{
	width:1020px;
	overflow:hidden;
	margin:0 auto;
}
#contact{
	width:930px;
	margin:0 auto 30px auto;
	padding:40px;
	overflow:hidden;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 3px 0 #777; /* Safari, Chrome用 */
  　-moz-box-shadow: 0px 0px 3px 0 #777; /* Firefox用 */
  　box-shadow: 0px 0px 3px 0 #777; /* CSS3 */
 }

#contact #inner{
	margin:0;
	padding:30px;
	overflow:hidden;
	background-color:#F9F9F3;

 }
#contact #inner p{
	font-size:14px;
	text-align:left;
	line-height:24px;
 }
#contact #inner p img{
	 float:right;
	 margin:0 0 0 20px;
 }
#contact #inner #form{
	margin:40px;

 }

#contact #inner #form h2{
	height:40px;
	width:330px;
	background-image:url(image/contact.jpg);
	background-repeat:no-repeat;
}
#contact #inner #form table{
	   width:100%;
	   text-align:left;
	   border-collapse: collapse;
	   font-size: 14px;
 }
 #contact #inner #form table caption{
	 text-align:left;
	 padding:0 0 10px 0
 }
#contact #inner #form table th{
	width:20%;
	text-align:left;
	border-collapse:collapse;
	padding:8px;
	border-bottom:1px dotted #ccc;
	color:#333;
 }

#contact #inner #form table td{
	width:20%;
	text-align:left;
	border-collapse:collapse;
	padding:8px;
	border-bottom:1px dotted #ccc;
	color:#333;
 }
#contact #inner #form table .txt_box{
	height: 18px;
	border: 1px solid #F4ECAD;
}
#contact #inner #form table textarea{
	height: 100px;
	border: 1px solid #F4ECAD;
}

#sub_btn{
	padding: 30px 0;
	text-align: center;

}


.mfp_achroma,.mfp_colored {
	background-color: rgba(255,255,255,.0);
}
form#mailformpro dl {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
form#mailformpro dl dt {
    float: none;
    width: 30%;
    clear: both;
    font-size: 15px;
    padding: 10px 0px;
    text-align: right;
    border-top: solid 1px #CCC;
    margin: 0px;
}
form#mailformpro dl dd {
	width: 69%;
    border-top: solid 1px #CCC;
    margin: 0px;
    padding: 10px 0;
    font-size: 15px;
    line-height: 1.5em;
    text-align: left;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    padding: .8em;
    margin: 2px;
		font-size: 15px;
}
textarea {
	width: 100% !important;
	height: 100px !important;
}