@charset "utf-8";

/*
	* Name: mailformpro.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 初期設定 - Mail Form Pro -
	======================================== */

	form#mailformpro {
	}

	form#mailformpro table tr th img {
		margin-left: 4px;
		vertical-align: middle;
	}

	form#mailformpro table tr th.necessary span.necessary {
		background-color: #B32F2F;
		border-radius: 2px;
		color: #FFFFFF;
		font-size: 80%;
		margin-right: 8px;
		padding: 2px 4px 2px 4px;
		vertical-align: baseline;
		word-break: normal;
	}

	form#mailformpro table tr td input {
		font-size: inherit;
		margin-right: 8px;
	}

	form#mailformpro table tr td ul li input,
		form#mailformpro table tr td ol li input {
			margin-right: 2px;
			vertical-align: top;
	}

	form#mailformpro table tr td ul,
		form#mailformpro table tr td ol {
			list-style-type: none;
			margin-left: 0;
	}

	form#mailformpro table tr td ul.double,
		form#mailformpro table tr td ol.double {
			margin-bottom: 20px;
	}

	form#mailformpro table tr td ul.double li,
		form#mailformpro table tr td ol.double li {
			display: inline-block;
			margin-bottom: 2px;
			margin-right: 2%;
			width: 47%;
	}

	form#mailformpro table tr td select {
		font-size: inherit;
	}

	form#mailformpro table tr td dl.address {
		margin: 0;
	}

	form#mailformpro table tr td dl.address dt,
		form#mailformpro table tr td dl.address dd {
			border-top: none;
			font-size: inherit;
			margin-bottom: 8px;
			padding: inherit;
	}

	form#mailformpro table tr td dl.address dt {
		clear: inherit;
		float: left;
		margin-right: 8px;
		text-align: left;
		width: auto;
	}

	form#mailformpro table tr td dl.address dd {
		line-height: inherit;
	}

	form#mailformpro table tr td textarea {
		font-size: inherit;
		height: 120px !important;
		width: 100% !important;
	}

	form#mailformpro table tr td .problem {
		border: solid 1px #CC3300;
	}

	form#mailformpro table tr td  div.mfp_err {
		clear: both;
		color: #D84646;
		display: none;
		margin-bottom: 2px;
		margin-top: 2px;
	}

	form#mailformpro div.mfp_buttons ul {
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
	}

	form#mailformpro div.mfp_buttons ul li {
		float: left;
		margin-left: 12px;
		margin-right: 12px;
	}

	form#mailformpro div.mfp_buttons ul li input {
		background: none;
		background-position: left top;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
		text-indent: -9999px;
	}

	div#mfp_loading {
		background-image: url("../../../common/img/mfp_loading.gif");
	}


	/* ========================================
	   * 初期設定 - MFP Overlay -
	======================================== */

	div#mfp_overlay div#mfp_overlay_inner h4 {
		font-size: 120%;
		margin-bottom: 12px;
	}

	div#mfp_overlay div#mfp_overlay_inner {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		width: 90% !important;
	}

	div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tr th,
		div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tr td {
			box-sizing: border-box;
	}

	div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tr th {
		width: 22%;
	}

	div#mfp_overlay div#mfp_overlay_inner div.mfp_buttons {
		background-color: #F2F2F2;
		border-radius: 4px;
		margin: 0 auto 0 auto;
		padding: 12px;
		width: 60%;
	}

	div#mfp_overlay div#mfp_overlay_inner div.mfp_buttons button {
		box-sizing: border-box;
		display: block;
		font-size: 100%;
		margin-bottom: -8px;
		margin-left: 0;
		margin-right: 0;
		padding: 8px 12px 8px 12px;
		width: 100%;
	}

	div#mfp_overlay div#mfp_overlay_inner div.mfp_buttons button#mfp_button_cancel {
		margin-bottom: 0;
	}

}