@charset "UTF-8";

/*----------------------------------------------------------
 *
 * フォーム内のレイアウト
 *
 *--------------------------------------------------------*/
form#mailform {
	margin: 0px auto;
	padding: 0px;
	}
	
	/* テーブル
	----------------------------------------------------*/
	table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	table.mailform tr td ul li {
		float: left;
		padding: 0px 10px 0px 0px;
	}
	#base table.mailform tr td ol {
		margin:0;
		padding:0;
	}
	table.mailform tr td p,table.mailform tr td div,table.mailform tr td span {
		clear: both;
	}

	
	/* 見出しセル内の要素
	----------------------------------------------------*/
	.must {
		color:#f00;
	}

	/* セル内のフォームパーツ
	----------------------------------------------------*/
	
	/* 隠しオブジェクト
	----------------------------------------------------*/
	div#mailfrom_hidden_object			{ width: 1px; height: 1px; overflow: hidden;}
	div#mailfrom_hidden_object input	{ margin: 10px;}
	
	/* ステータス
	----------------------------------------------------*/
	div#mfp_closed					{display: none;}
	div.mfp_disp					{display: none;}
	div#input_time_disp				{padding: 10px;}
	div#expires_time_disp			{padding: 10px; text-align: center;}
	div#expires_time_disp strong	{ font-size: 18px;	color: #CC0000;}
	div#limit_disp					{ padding: 10px;	text-align: center;}
	div#limit_disp strong			{ font-size: 24px; color: #CC0000;}
	
	/* 状態表示
	----------------------------------------------------*/
	div.mfp_err {
		text-align: left;
		margin: 3px 0px 0px 0px;
		padding: 3px 0px 3px 17px;
		color: #FF0000;
		font-size: 12px;
		line-height:1;
		display: none;
		background-image: url(../images/mfp_error.gif);
		background-repeat: no-repeat;
		background-position: 0px 1px;
	}
	
	/* フラグ
	----------------------------------------------------*/
	input.mfp { padding: 2px;}
	
	/* ボタン
	----------------------------------------------------*/
	div#mfp_buttons {
		padding:10px 0px 0;
		text-align: center;
	}
	div#mfp_buttons ul {
		width: 148px;
		height: 39px;
		overflow: hidden;
		margin: 0px auto;
	}
	div#mfp_buttons ul li {
		width: 148px;
		height: 39px;
		overflow: hidden;
		float: left;
	}

	/*--確認画面へ*/
	input#button_mfp_goconfirm {
		border: none;
		border-style: none;
		cursor: pointer;
		}
		input#button_mfp_goconfirm.default {
			padding:8px 12px;
			background:#999;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			font-size:16px;
			font-weight:bold;
			color:#fff;
		}
	input#button_mfp_reset {
		width: 180px;
		height: 60px;
		overflow: hidden;
		background-color: #FFFFFF;
		background-image: url(../images/mfp_reset.gif);
		border: none;
		border-style: none;
		cursor: pointer;
		/*text-indent: -5000px;*/
	}
	.reset_over		{ background-image: url(../images/mfp_reset_over.gif);}
	.reset_out		{ background-image: url(../images/mfp_reset.gif);}
	.confirm_over	{ background-image: url(../images/mfp_confirm_over.gif);}
	.confirm_out	{ background-image: url(../images/mfp_confirm.gif);}

/*//////////////////////////////////////////////////*/


/*----------------------------------------------------------
 *
 * 以下、確認画面関連
 *
 *--------------------------------------------------------*/
ul.confirm_layer {
	width: 560px;
	padding: 0px;
	margin: 0px;
}
	* html ul.confirm_layer {
		background:#fff;
	}
ul.confirm_layer li {
	width: 560px;
	list-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.confirm_middle {
	background-image: url(../images/mfp_table_background.png);
	_background: none;
	/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_background.png', sizingMethod='scale');*/
}
li.confirm_top {
	height: 33px;
	background-image: url(../images/mfp_table_top.png);
	_background: none;
	/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_top.png', sizingMethod='scale');*/
}
li.confirm_bottom {
	height: 33px;
	background-image: url(../images/mfp_table_bottom.png);
	_background: none;
	/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_bottom.png', sizingMethod='scale');*/
}
div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#disabled_submit input {
	margin: 10px;
}
table.infield {
	width: 500px;
	margin: 0px auto 0px auto;
}
table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 14px;
	border-bottom: solid 1px #CCCCCC;
	color: #232323;
}
table.infield tr td {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;
}
table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	border-left: solid 2px #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
.mfp_color {
	background-color: #E8EEF9;
}
div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	width: 294px;
	height: 33px;
	padding-top: 10px;
}
div.buttons {
	margin: 0px auto 0px auto;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}
/*//////////////////////////////////////////////////*/

dl.mailform {
	padding: 0px 15px;
}

dl.mailform dt {
	float: left;
	width: 180px;
	clear: both;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	padding: 5px 0px 0px 0px;
}
dl.mailform dt span {
	display: block;
	font-size: 10px;
	color: #999999;
}
dl.mailform dd {
	padding: 10px 10px 15px 190px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 12px;
}