@charset "utf-8";

/* CSS Document */

/*---------------レイアウト部分---------------*/
.bgcf3 {
	background: #f3f3f3 !important;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mr20 {
	margin-right: 20px;
}

.w105 {
	width: 105px !important;
}

/*---------------レイアウト部分---------------*/
/*---------------ヘッダー---------------*/
.Header {
	background: #eaf5f8;
	border-bottom: 3px solid #3f5f97;
}

.Header .inHeader {
	max-width: 900px;
	width: 99%;
	margin: 0 auto;
}

.Header .inHeader h1 {
	width: 496px;
	float: left;
	padding: 8px 0 5px 10px;
}

.Header .inHeader .contactNumber {
	float: right;
	margin: 12px 0 5px;
}

.Header .inHeader .contactNumber img {
	display: inline-block;
 *display: inline; /*ie7*/
 *zoom: 1; /*ie7*/
	vertical-align: middle;
}

.Header .inHeader .contactNumber p {
	display: inline-block;
 *display: inline; /*ie7*/
 *zoom: 1; /*ie7*/
	vertical-align: middle;
	color: #142d62;
	font-size: 2em;
	font-weight: bold;
}

/*---------------フォーム画面---------------*/

form .table01 {
	table-layout: fixed;
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 99%;
	*width: 850px;
	max-width: 850px;
	margin-bottom: 40px;
}

form .table01 tr {
	border: 1px dotted #ccc;
	border-collapse: collapse;
}

form .table01 th {
	width: 138px;
	padding: 5px 8px 5px 10px;
	background: #dcf3f9;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
	border-collapse: collapse;
}

form .table01 th p {
	position: relative;
	text-align: left;
	min-height: 18px;
	padding-right: 50px;
}

form .table01 th img {
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -9px;
	width: 36px;
	height: 18px;
}

form .table01 th span {
	display: block;
	font-size: 0.8em;
	line-height: 1.2;
}

form .table01 td {
	padding: 8px 6px;
	border-bottom: 1px dotted #ccc;
	border-collapse: collapse;
}

form .table01 tr td ul li {
	float: left;
	width: 300px;
	line-height: 30px;
accent-color:red;
}

form .table01 tr td p {
	width: 100%;
}

form .table01 tr td p span.Input {
	float: right;
	*float: left;
	width: 100%;
	*width: 215px;
	padding-left: 75px;
	margin-left: -75px;
}

form .table01 tr td input[type="text"] {
	padding: 6px 5px;
	border: 2px solid #bbb;
	*width: 215px;
}

form .table01 tr td .text01 {
	width: 100%;
	*width: 215px;
}

form .table01 tr td .text02 {
	width: 100%;
	*width: 557px;
	font-size: 1.6em;
	line-height: 1.2;
}

form .table01 tr td .text04 {
	width: 100%;
}

form .table01 tr td a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

form .table01 tr td .radioLayout li {
	float: left;
	width: 160px;
	line-height: 30px;
}

form .table02 {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 99%;
	max-width: 850px;
	margin-bottom: 20px;
}

form .table02 caption {
	background: #dcf3f9;
	padding: 8px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

tr td .ok {
	display: inline-block;
	*display: inline; /*ie7*/
	*zoom: 1; /*ie7*/
	vertical-align: middle;
	width: 32px;
}

tr td .ng {
	display: inline-block;
	*display: inline; /*ie7*/
	*zoom: 1; /*ie7*/
	vertical-align: middle;
	width: 32px;
}

.ngText01 {
	clear: both;
	font-size: 12px;
	color: #e73535;
	font-weight: bold;
	padding: 2px 6px;
	margin-top: 5px;
}

.ngText02 {
	font-size: 12px;
	color: #e73535;
	font-weight: bold;
	margin: 5px 0 0 73px;
}

.MobileSetting {
	font-size: 12px;
	padding: 2px 50px 2px 73px;
}

.AddressSettingMsg {
	font-size: 12px;
	display: none;
	padding: 3px 0 0 10px;
}

.InquiryDomain {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
}

.ngText03 {
	font-size: 12px;
	color: #e73535;
	font-weight: bold;
	margin: 5px 0 0 72px;
	display: inline-block;
	*display: inline; /*ie7*/
	*zoom: 1; /*ie7*/
}

tr td .textarea02 {
	padding: 6px 5px;
	width: 100%;
	height: 90px;
	border: 2px solid #bbb;
	vertical-align: middle;
}

/*---------------フォーム画面---------------*/
/*---------------確認画面---------------*/

.button02 {
	width: 235px;
	margin: 0 auto 10px;
}

.button02 input {
	background: url(../image/btn_send_off.png) no-repeat center center;
	text-indent: -9999px;
	width: 235px;
	height: 59px;
	border: none;
	padding: 0;
	cursor: pointer;
	display: block;
}

.button02 input:hover {
	background: url(../image/btn_send_on.png) no-repeat center center;
	text-indent: -9999px;
	width: 235px;
	height: 59px;
	border: none;
	padding: 0;
	cursor: pointer;
	display: block;
}

div.preview01 .table01 {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 99%;
	max-width: 850px;
	margin-bottom: 40px;
}

div.preview01 .table01 tr {
	border: 1px dotted #ccc;
	border-collapse: collapse;
}

div.preview01 .table01 td {
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	border-collapse: collapse;
}

div.preview01 .table01 td p {
	display: block;
	line-height: 25px;
	padding: 5px 0;
}

.Name,
.NameKana,
.Email,
.Tel,
.Fax {
	padding-bottom: 5px;
}

form .table01 tr td .Name,
form .table01 tr td .NameKana {
	float: left;
	width: 50%;
}

@media (max-width: 767px) {

	form .table01,
	div.preview01 .table01 {
		display: block;
		width: 98%;
	}
	form .table01 tbody,
	form .table01 th,
	form .table01 tr,
	form .table01 td,
	div.preview01 .table01 tbody,
	div.preview01 .table01 th,
	div.preview01 .table01 tr,
	div.preview01 .table01 td {
		display: block;
		width: 100%;
	}

	form .table01 tr,
	div.preview01 .table01 tr {
		border: none;
	}

	form .table01 th,
	div.preview01 .table01 th {
		padding: 5px;
	}

	form .table01 th p {
		display: inline-block;
	}

	form .table01 th span {
		display: inline;
	}

	form .table01 tr td .Name,
	form .table01 tr td .NameKana {
		float: none;
		width: 100%;
	}
}