@charset "UTF-8";

/* ================================================================
				/contact/index.html 用設定
	================================================================	*/
#contactTop {
		padding-top:20px;
		width:653px;
	}

/* 選択 */
#contactTop #formSelect {
		padding:0 5px 20px;
	}
	
#contactTop #formSelect ul {
		background:url('/common/img/dotline_v.gif') repeat-y 321px 0;
	}
	
	#contactTop #formSelect ul li {
			float:left;
			width:321px;
			margin-right:15px;
		}
	
	#contactTop #formSelect ul li.list-r {
			width:307px;
			margin-right:0;
		}
	
		#contactTop #formSelect ul li .tit{
				padding-top:10px;
			}

		#contactTop #formSelect ul li .summary{
				padding-top:20px;
			}

		#contactTop #formSelect ul li .thumb{
				padding-top:15px;
			}

		#contactTop #formSelect ul li .img-c{
				text-align:center;
			}

/* お問い合わせ連絡先 */
#contactTop .contact-info {
	border-top:1px solid #aeb5bd;
	padding-top:20px;
	text-align:center;
	}
	

/* セキュリティサイン */
#contactTop #secure-sign {
		padding-top:20px;
	}

	#contactTop #secure-sign .lavel{
			float:left;
			width:100px;
			margin-right:10px;
		}

	#contactTop #secure-sign .txt{
			float:left;
			width:510px;
		}




/* ================================================================
				/contact/form/index.html 用設定
				/contact/form/doc.html 用設定
	================================================================	*/
#contactForm {
	width: 653px;
}

#contactForm .fl {
	float: left;
}
#contactForm .fr {
	float: right;
}

#contactForm .pt10{
	padding-top:10px;
}

#contactForm .pb30 {
	padding-bottom:30px;
}


#container .mainarea #contactForm .pagetop {
	padding-top:10px;
}



	#contactForm .stepflow{
		padding:20px 0 0 10px;
	}

		#contactForm .stepflow p.tit{
			float:left;
			width:139px;
			padding-top:5px;
			margin-right:13px;
			text-align:right;
		}

		#contactForm .stepflow ol{
			float:left;
		}

			#contactForm .stepflow ol li{
				float:left;
				width:146px;
				margin-right:5px;
			}

	#contactForm .errMsg{
		margin:20px 100px 0;
		border:2px solid #ff0000;
		padding:15px 20px;
		font-weight:bold;
		color:#ff0000;
	}



.cts {
}

.cts h2{
	padding-top:20px;
}

.cts .summary{
	padding:20px 10px 0;
	font-weight:bold;
}

.cts .summary strong{
	font-weight:bold;
	color:#ff0000;
}

.cts .formList{
	padding:20px 10px 0;
}

.cts .formList strong{
	font-weight:bold;
	color:#ff0000;
}

.cts .formList input,
.cts .formList label,
.cts .formList textarea {
	padding:0;
	margin:0;
}


.cts .formList input[type="radio"],
.cts .formList input[type="checkbox"] {
	vertical-align:text-bottom;
	vertical-align:text-top;
	vertical-align:middle;
	margin-right:6px;
}

.cts .formList label.w01 {
	width:120px;
}

.cts .formList textarea.txtbox01 {
	height:200px;
	width:100%;
}



.cts .formList .capt{
	display:block;
	padding-top:2px;
	font-size:90%;
	font-weight:normal;
}

.cts .formList .capt-i{
	font-size:90%;
	font-weight:normal;
}

	.cts .formList li{
		border-bottom:1px solid #aeb5bd;
	}

	.cts .formList li.noline,
	.cts .formList li#form-iss,
	.cts .formList li#form-dns{
		border-bottom:none;
	}

	.cts .formList li.first-child{
		border-top:1px solid #aeb5bd;
	}

	/* 選択肢(設定1) */
	.cts .formList li table.seat{
		border-collapse:collapse;
		padding:0;
		margin:0;
	}

		.cts .formList table.seat tr{
			vertical-align:top;
		}
		

		.cts .formList table.seat th{
			width:190px;
			background:#e7f2fd;
			text-align:left;
		}

		.cts .formList table.seat th p.frm {
			width:auto;
			padding:10px 20px;
		}

		.cts .formList table.seat td{
			padding:4px 4px 10px 20px;
			text-align:left;
		}

			.cts .formList table.seat td ol.slct{
			}

				.cts .formList table.seat td ol.slct li{
					float:left;
					border:none;
					padding-top:6px;
					margin-right:12px;
					white-space:nowrap;
				}

				.cts .formList table.seat td ol.slct li.edger{
					margin-right:0;
				}

				.cts .formList table.seat td ol.slct li.mr01{
					margin-right:20px;
				}

				.cts .formList table.seat td ol.slct li.w01{
					width:11.5em;
				}

				.cts .formList table.seat td ol.slct li.w02{
					width:8.5em;
				}

				.cts .formList table.seat td ol.slct li.w03{
					width:12em;
				}

				.cts .formList table.seat td ol.slct li.w04{
					width:7em;
				}


	/* 入力不可エリア設定 */
	.cts .formList li.disable{
		color:#7a7a7a;
		border-bottom:1px solid #c3d5e5;
	}

		.cts .formList li.disable table.seat th{
			background:#f5fafe;
		}







		/* 選択肢(設定2) */

		.cts .formList table.seat2 tr{
			vertical-align:top;
		}
		

		.cts .formList table.seat2 th{
			width:190px;
			background:#e7f2fd;
			text-align:left;
		}

		.cts .formList table.seat2 th p.frm {
			width:auto;
			padding:6px 20px;
		}

		.cts .formList table.seat2 td{
			padding:6px 4px 6px 20px;
			text-align:left;
		}

			/* 入力エリア */
			.cts .formList table.seat2 td .inputbox{
			}

			.cts .formList table.seat2 td .inputbox li{
				padding-top:12px;
				border-bottom:none;
			}

			.cts .formList table.seat2 td .inputbox li.first-child{
				padding-top:0;
				border-top:none;
			}

			.cts .formList table.seat2 td .inputbox .hyfn{
				padding:0 6px;
			}

			.cts .formList table.seat2 td .inputbox .example{
				padding-left:10px;
			}

			.cts .formList table.seat2 td .w01{
				width:25px;
			}
			.cts .formList table.seat2 td .w02{
				width:32px;
			}
			.cts .formList table.seat2 td .w04{
				width:120px;
			}
			.cts .formList table.seat2 td .w05{
				width:160px;
			}
			.cts .formList table.seat2 td .w08{
				width:260px;
			}
			.cts .formList table.seat2 td .w10{
				width:300px;
			}

				.cts .formList table.seat2 td .inputbox li dl{
				}

					.cts .formList table.seat2 td .inputbox li dl dt{
						float:left;
						width:120px;
						font-weight:bold;
					}

					.cts .formList table.seat2 td .inputbox li dl dd{
						float:left;
						width:280px;
					}



	/* 選択肢(設定3) */
	.cts .formList li table.seat3{
		border-collapse:collapse;
	}

		.cts .formList table.seat3 tr{
			vertical-align:top;
		}
		

		.cts .formList table.seat3 th{
			width:190px;
			background:#e7f2fd;
			text-align:left;
		}

		.cts .formList table.seat3 th p.frm {
			width:auto;
			padding:10px 20px;
		}

		.cts .formList table.seat3 td{
			padding:4px 4px 10px 20px;
			text-align:left;
		}

			.cts .formList table.seat3 td ol.slct{
			}

				.cts .formList table.seat3 td ol.slct li{
					float:left;
					border:none;
					padding-top:6px;
					margin-right:12px;
				}

				.cts .formList table.seat3 td ol.slct li.edger{
					margin-right:0;
				}

				.cts .formList table.seat3 td ol.slct li.w01{
					width:4em;
				}

				.cts .formList table.seat3 td ol.slct li.w02{
					width:7em;
				}

				.cts .formList table.seat3 td ol.slct li.w03{
					width:8em;
				}

	.cts .formList li ul {
		padding-top:20px;
	}


	/* ボタンエリア */
	#contactForm #btnarea {
		width:442px;
		margin: 0 auto;
		padding-top:30px;
	}

	#contactForm #btnarea li.b-submit {
		float:right;
		width:216px;
	}

	#contactForm #btnarea li.b-reset {
		float:left;
		width:216px;
	}


/* セキュリティサイン */
#contactForm #secure-sign {
		padding-top:30px;
	}

	#contactForm #secure-sign .lavel{
			float:left;
			width:100px;
			margin-right:10px;
		}

	#contactForm #secure-sign .txt{
			float:left;
			width:520px;
			color:#a0a0a0;
		}


/* 脚注 */
#contactForm #captionfoot {
		padding-top:20px;
	}

#contactForm #captionfoot li {
		padding-left:1em;
		text-indent:-1em;
	}



/* 送信完了メッセージ */
#contactForm #thanksMsg {
	padding:20px 10px 200px;
	}

	#contactForm #thanksMsg p {
		padding-top:20px;
		font-size:110%;
		}

	#contactForm #thanksMsg .txtmain {
		padding-top:0px;
		font-weight:bold;
		}

	#contactForm #thanksMsg .b-home {
		padding-top:40px;
		text-align:left;
		}