@charset "UTF-8";

/* カスタマイズ (このCSSは後から定義しているため、同じ定義名は上書きされる) */

/* style.cssの設定を上書き */
#content {
	float: none;
}

/* 共通
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="fax"], input[type="email"], textarea, #i_pref {
	vertical-align:middle;
	max-width:90%;
	line-height:22px;
	height:22px;
	padding:1px 5px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
}
/* 背景色 */
.mfp_colored {
/*    background-color: #EDF3FF;	*/
    background-color: #fff0e6;
}

/* [必須]マーク */
#mailformpro .must {
	padding: 1px 1px;
	line-height: 12px;
	font-size: 9px;
	margin-left: 20px;
}
/* 項目名 英語 */
#mailformpro .i_eng {
	font-size: 10px;
	color: #999999;
	display: block;
}

/* label の枠を消す */
form#mailformpro dd#inquiry_label label {
	border:none;
}

/* radio の枠を消す */
form#mailformpro dl.mailform label.mfp_checked {
	border: none;
	background: none;
	box-shadow: none;
}
form#mailformpro dl.mailform label.mfp_not_checked {
	border: none;
	background: none;
	box-shadow: none;
}

/*  [郵便番号を調べる] */
a#japanpost-link:link{
	color: #0000FF;
}
a#japanpost-link:hover{
	text-decoration: underline;
	color: #CC0000;
}
a#japanpost-link:active{
	color: #0000FF;
}

/*  [全てリセット][確認画面へ] */
#mailformpro .mfp_buttons {
	width: 80%;
	margin: 20px auto 0;
}

/*  [確認画面へ] */
#mailformpro .mfp_element_submit:hover, button#mfp_button_send:hover {
	border: solid 1px #94ddff;
	box-shadow: 0px 4px 28px 8px #94ddff;
	text-shadow: 0px 2px 0px #94ddff;

}
/*  reCAPTCHA認証 エラーの時は [確認画面へ]を押せない (javascript でCLASS名を制御) */
#mailformpro .recaptcha_not_check {
	color: #a9a9a9;
	border-radius: 5px;
	padding: 5px 10px;
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -moz-linear-gradient(top, #EEE, #CCC);
	background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
	text-shadow: 0px 2px 0px #FFF;
	font-size: 18px;
	cursor: pointer;
	outline: none;
}
#mailformpro .recaptcha_not_check:hover {
	border: solid 1px #ccc;
	box-shadow: none;
	text-shadow: 0px 2px 0px #FFF;
	cursor: default;
}


/*  [全てリセット]と[キャンセル] */
#mailformpro .mfp_element_reset, button#mfp_button_cancel {
	float: left;
	font-size: 11px;
	padding: 2px 6px;
}
#mailformpro .mfp_element_reset:hover, button#mfp_button_cancel:hover {
	border: solid 1px #be4c4c;
	box-shadow: 0px 4px 12px #be4c4c;

}
button#mfp_button_cancel {
	margin-left: 3%;
}

/* 「JavaScript」を有効にする必要があります。 */
div#content a.a-font-blue{
	color: #0000FF;
}
div#content a.a-font-blue{
	text-decoration: underline;
}
/*#button_mfp_reset {
	width:  90px;
	height: 30px;
	overflow: hidden;
	float: left;
	background-image: url(_images/mfp_reset4.gif);
	background-repeat: no-repeat;
	border: none;
	border-style: none;
	cursor: pointer;
}
#button_mfp_reset:hover {
	background-position:0 -30px;
}
#button_mfp_goconfirm {
	width: 180px;
	height: 60px;
	overflow: hidden;
	background-image: url(_images/mfp_goconfirm2.gif);
	border: none;
	border-style: none;
	cursor: pointer;
}
#button_mfp_goconfirm:hover {
	background-position:0 -60px;
}*/

/* 確認画面 overlay_confirm
------------------------------------------------------------*/
/* 確認画面 「入力内容をご確認ください」 */
div#mfp_overlay_inner h4 {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}
table#mfp_confirm_table tr.mfp_colored {
/*    background-color: #EDF3FF;	*/
    background-color: #fff0e6;
}
/* thanks画面  */
#thanks_mes {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}



/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

	form#mailformpro dl.mailform {
	/*	width: 80%;		*/
		width: 90%;
		margin: 0 auto;
	}
	form#mailformpro .notes {
		margin-top: 40px;
		margin-left: 60px;
	}
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

	form#mailformpro dl.mailform {
		width: 90%;
		margin: 0 auto;
	}
	form#mailformpro .notes {
		margin-top: 40px;
		margin-left: 60px;
	}

}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){

	form#mailformpro dl.mailform {
		width: 90%;
		margin: 0 auto;
	}
	form#mailformpro dl.mailform span.must {
		margin-left: 0px;
	}
	form#mailformpro .notes {
		margin-left: 10px;
	}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

	form#mailformpro dl.mailform {
		width: 100%;
		margin: 0 auto;
	}
	form#mailformpro dl.mailform span.must {
		margin-left: 0px;
	}
}