@charset "utf-8";	/*　CSS Document　*/

/*-------------------------------------------------------------------------------

 	.form-style フォーム全般

-------------------------------------------------------------------------------*/

.form-style {
	width:730px;
	margin:0 auto;
	/*	padding-top:20px; ★高さ確認★*/
	/*	padding-bottom:145px; ★高さ確認★*/
	line-height: 1.3;
	font-size: small;
	/*background-color: #CCFFCC;★チェック用★*/
}
.form-style h3 {
	border-left:2px solid #1f72b8;
	background:#f4f4f4;
	padding:15px 15px 10px 13px;
	font-size:18px;
	line-height:1.25;
	font-weight:bold;
	margin-bottom:25px;
}
.form-style h4 {
	border-bottom:2px solid #1f71b8;
	padding-bottom:13px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:22px;
}

.form-style p {
	margin:0 auto 15px;
}
.form-style a {
	text-decoration:underline;
}
.form-style a:hover {
	text-decoration:none;
}

.form-style table {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 730px;
	margin:0 0 30px 0;
}
.form-style th {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 15px 15px 15px 15px;
	width: 200px;
	text-align: left;
	vertical-align: top;
}
.form-style th img {
	vertical-align: middle;
}
.form-style td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 15px;
}
.form-style input,
.form-style select,
.form-style textarea {
	padding: 0.3em 0.5em;
	margin:0 0 8px 0;
	max-width: 100%;
}
.form-style span {
	color:#666666;
}
.p-text-box-2 {
	overflow: auto;   /* スクロール表示 */
	width: 690px;
	height: 150px;
	border: 1px solid #abadb3;
	padding:15px;
}
form #f-title {
	display: none;
}
.form-box {
}
.form-box dt {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding:0px 0px 5px 0px;
	font-size: small;
	margin: 0px 0px 8px 0px;
	color: #1f72b8;
}
.form-box dd {
	padding:0px 10px 5px 10px;
	font-size: small;
	margin:0px 0px 20px 0px;
}
.red {
	color:#be1e20;
}


/* どこかで共有する */
.t5 {
	margin-top: 5px;
}
.b2 {
	margin-bottom: 2px;
}
.b10 {
	padding-bottom: 10px;
}
.b20 {
	margin-bottom: 20px;
}
.b30 {
	margin-bottom: 30px;
}
.b40 {
	padding-bottom: 40px;
}
.pb40 {
	margin-bottom: 40px;
}
.b46 {
	margin-bottom: 46px;
}
.pb40 {
	margin-bottom: 40px;
}
.b50 {
	padding-bottom: 50px;
}
.b60 {
	padding-bottom: 60px;
}
.r20 {
	margin-right: 20px;
}

@media screen and (max-width: 1024px) {
	.form-style {
		width: 100%;
	}
	.form-style p {
		padding: 0px 15px;
	}
	.form-style table {
		width: 100%;
	}
	.form-style table th {
		display: block;
		width: 100%;
	}
	.form-style table tr {
		margin-bottom: 15px;
	}
	.form-style table tr td {
		display: block;
		width: 100%;
	}
	.form-style table td:first-child {
		text-align: right;
		background: #cccccc;
	}
	.form-style textarea {
		width: 100% !important;
	}
	.form-style input[type=text], .form-style input[type=password] {
		width: 100% !important;
	}
	.form-style .inputbox {
		padding: 0 15px;
	}
	.form-style table th, .form-style table td {
		display: block;
		width: 100%;
		text-align: left;
		border-right: 1px solid #ccc;
	}
	.form-style form {
		padding: 0 15px;
	}
	.form-style input[name="input_post"] {
		width: 65% !important;
	}
	.form-style input[name*="input_date"] {
		width: 18% !important;
	}
	.p-text-box-2 {
		width: 100%;
	}
}