@charset "utf-8";

/*
	* Name: mailformpro.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com
*/


/* Stylesheet Document */

@media all {

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

	form#mailformpro {
	}

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

	form#mailformpro table tr th span.optionally,
		form#mailformpro table tr th.necessary span.necessary {
			border: none;
			border-radius: 2px;
			box-shadow: none;
			font-size: 80%;
			margin: 0 8px 0 0;
			padding: 2px 4px 2px 4px !important;
			text-shadow: none;
			vertical-align: baseline;
			word-break: normal;
	}

	form#mailformpro table tr th span.optionally {
		background-color: #e1e1e1;
		color: #655e5d;
	}

	form#mailformpro table tr th.necessary span.necessary {
		background-color: #bf161e;
		color: #ffffff;
	}

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

	form#mailformpro table tr td span.example {
		color: #bf161e;
		font-size: 80%;
	}

	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: float;
		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: 180px !important;
		width: 100% !important;
	}

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

	form#mailformpro div.mfp_err {
		color: #D84646;
		text-align: center;
	}

	form#mailformpro table tr td  div.mfp_err {
		background: url("../../img/icon_error.png") left 7px no-repeat;
		clear: both;
		display: none;
		margin-bottom: 2px;
		margin-top: 2px;
		min-height: 10px;
		padding-left: 14px;
		text-align: left;
	}

	form#mailformpro div.mfp_ok {
		display: none !important;
	}

	form#mailformpro div.mfp_buttons {
		clear: both;
	}

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

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

	form#mailformpro div.mfp_buttons ul li input {
		border: none;
		cursor: pointer;
		text-indent: 0;
	}

	div#mfp_loading {
		background-image: url("../../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;
	}

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

	div#mfp_overlay div#mfp_overlay_inner div.mfp_buttons {
		background-color: #f2f2f2;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 0 auto 0 auto;
		padding: 12px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		width: 70%;
	}

	div#mfp_overlay div#mfp_overlay_inner div.mfp_buttons button {
		background-color: #70b014;
		border: none;
		box-sizing: border-box;
		border-radius: 4px;
		color: #FFFFFF;
		font-size: 100%;
		margin-bottom: -8px;
		margin-left: 0;
		margin-right: 0;
		padding: 8px 16px 8px 16px;
		width: 100%;
	}

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

}