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

/* メールフォーム関連ここから */
/* 必須 */
section #contents{
	margin-top:0;
}

ul#mfp_phase_stat{
	display:none;
	padding:10px 40px;
}

form#mailformpro dl dt{
	float:none;
	text-align:left;
	line-height:20px;
}

section #contents .must{
	background-color:#de0000;
	width:30px;
	box-shadow:none;
	line-height:20px;
	text-align:center;
	font-size:11px;
	margin-right:10px;
	margin-left:0px;

	text-shadow: 1px 1px 0 #570d05;
	behavior:url(/htc/ie-css3.htc);	

	-webkit-border-radius:5px;
	-moz-border-radius:5x;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	behavior:url(/htc/PIE.htc);	
}

section #contents form#mailformpro .mfp_colored{
	background:none;
}

/* パンくず */
section #contents ul#mfp_phase_stat li{
	font-size:13px;
	color:#FFFFFF;

	-webkit-border-radius:10px;
	-moz-border-radius:10x;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	behavior:url(/htc/PIE.htc);	
}


section #contents ul#mfp_phase_stat li.mfp_active_phase{
	background:#E94716;
	background-image:url(../img/submit_on_bg.gif);
	background-repeat:repeat;
	box-shadow:none;

	text-shadow: 1px 1px 0 #9B2A10;
	behavior:url(/htc/ie-css3.htc);	
}

section #contents ul#mfp_phase_stat li.mfp_phase_arrow{
	box-shadow:none;
	text-shadow:none;
	color:#333;
}

section #contents ul#mfp_phase_stat li.mfp_inactive_phase{
	background:#999999;
	background-image:url(../img/submit_off_bg.gif);
	background-repeat:repeat;
	box-shadow:none;
	color:#c3c3c3;
}

section #contents form#mailformpro dl.mailform{
	
}

/* dt */
section #contents form#mailformpro dl dt{
	width:100%;
	font-size:13px;
	color:#000000;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	clear:both;
	line-height:30px;
	padding:15px 0px 5px;
}

/* dd */
section #contents form#mailformpro dl dd{
	width:100%;
	padding:5px 0 15px 0;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	border-top:none;
}

section #contents form#mailformpro dl dd ol li{
	padding-bottom:10px;
}

section #contents form#mailformpro input,
section #contents form#mailformpro textarea{
	margin-top:0;
	padding:6px;
	width:auto;
	
	border:1px solid #DDD;

	-webkit-border-radius:5px;
	-moz-border-radius:5x;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0px 0px 7px #EEE;
	-webkit-box-shadow:0px 0px 7px #EEE;
	-o-box-shadow:0px 0px 7px #EEE;
	-ms-box-shadow:0px 0px 7px #EEE;
	box-shadow:inset 0px 0px 7px #EEE;
	behavior:url(/htc/PIE.htc);	
}

section #contents form#mailformpro .name input{
	width:42%;
}

section #contents form#mailformpro .tel input{
	width:90%;
}

section #contents form#mailformpro .email input{
	width:90%;
}

section #contents form#mailformpro .contact textarea{
	width:90%;
}

#info table{
	width:100%;
	height:auto;
	font-size:1.3rem;
	color:#535353;	
}

#info table tr{
	width:100%;
	height:auto;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;

}

#info table th{
	width:229px;
	padding:12px 22px 12px 0;
	box-sizing:border-box;
	text-align:right;
	color:#333;
	font-weight:bold;
	vertical-align:middle;
}

#info table td{
	padding:12px 0 12px 25px;
	background:URL(../img/company_img/vertical_border.gif) left no-repeat;
	box-sizing:border-box;
}

#info table td li{
	counter-increment:cnt;
}

#info table td li:before{
	display:marker;
	content:counter(cnt)"：";
}


form#mailformpro input[type="checkbox"]{
	margin-top:0px;
}

form#mailformpro .checkbox{
	line-height:2.0em;
}

form#mailformpro .checkbox span{
	margin-right:15px;
}

/* 確認ボタン 　スマホ*/
#kakunin{
	width:100%;
	height:50px;
	background-color:#E94716;
	background-image:url(../img/submit_on_bg.gif);
	border:none;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	behavior:url(/css/htc/PIE.htc);
}
#kakunin:after{
	font-size:22px;
	color:#FFFFFF;
	content:"確認画面へ";
	text-shadow: 1px 1px 0 ##9B2A10;	
}
#kakunin:hover{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
#reset{
	width:100%;
	height:50px;
	background-color:#333;	
	background-image:url(../img/submit_off_bg.gif);
	border:none;
	margin-top:0px;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	behavior:url(/css/htc/PIE.htc);
}
#reset:after{
	font-size:22px;
	color:#FFFFFF;
	content:"リセット";
	text-shadow: 1px 1px 0 #464648;
}
#reset:hover{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */	
}

/* 確認画面 */
section #contents table#mfp_confirm_table{
	width:95%;
	margin:10px auto 20px;
	border:1px solid #ddd;
}

section #contents div.mfp_buttons{
	margin-top:60px;
	padding-bottom:40px;
}

section #contents div.mfp_buttons button#mfp_button_send{
	width:100%;
	height:50px;
	font-size:22px;
	text-shadow: 1px 1px 0 #9B2A10;	
	background-image:url(../img/submit_on_bg.gif);
	background:#E94716;
	border:none;
}

section #contents div.mfp_buttons button#mfp_button_cancel{
	width:100%;
	height:50px;
	font-size:22px;
	text-shadow: 1px 1px 0 #464648;	
	background-image:url(../img/submit_off_bg.gif);	
	border:none;
	/*margin-top:-10px;	*/
}

div#mfp_phase_confirm h4{
	font-size:1.6rem;
}

table#mfp_confirm_table tr th{
	text-align:left;
	width:10%;
}

table#mfp_confirm_table tr td{
	width:90%;
}