@charset "utf-8";

html {
	overflow-y:scroll;
	scroll-behavior:smooth;
}

/* アウトライン */
body {
	color:#000;
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	margin:0;
}

/* リンク */
a {
	color:#00c;
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration:none;
}

a img {border:0;} /* ie10 */

/* 整形済み */
pre {
	white-space:pre-wrap;
	word-break:break-all;
	margin:0;
	padding:0;
}

pre > * {
	margin:0;
}

/*テーブル*/
table {border-collapse:collapse;}

/* フォーム */
.form_input {display:flex;}

.form_title, .form_detail {
	font-size:14px;
	font-weight:normal;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:5px 0;
	margin:0;
}

.form_title {text-align:center;}

.form_detail {
	border-right:1px solid #ccc;
	vertical-align:top;
	margin:0;
}

.form_input:last-of-type {border-bottom:1px solid #ccc;}

.form_input .input_notice {
	color:red;
	margin:5px 0 0 0;
	display:block;
}

.edit_btn {
	margin:20px 0;
	text-align:center;
	border:none;
}

.edit_btn form {display:inline-block;}

.edit_btn form + form {
	margin-left:20px;
}

.edit_btn button {
	height:2.5em;
	width:150px;
}

/* ヘッダー */
header {
	margin:0;
	position:relative;
	background:url("../image/bg_header.png") repeat-x left top;
}

#logo {display:block;}

.input_btn {
	margin:20px 0;
	text-align:center;
	border:none;
}

.input_btn form {display:inline-block;}

.input_btn button {
	min-height:2.5em;
	min-width:150px;
}

.input_btn button + button {
	margin-left:20px;
}

.change_btn {
	margin-right:20px;
	text-align:right;
	border:none;
}

.change_btn form {
	margin-top:-50px;
}

.change_btn button {
	min-width:150px;
	min-height:2.5em;
}

@media (max-width:1500px) {

	.change_btn form {
		margin-top:10px;
	}

}

/* ナビゲーション */
#navi {
	font-size:14px;
	height:22px;
	color:#fff;
	font-weight:bold;
	margin:0;
}

/* フッター */
footer {background:url("../image/bg_footer.gif") repeat-x left bottom;}

/* 著作権表示 */
.copyright {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-align:center;
	display:block;
	height:30px;
	line-height:30px;
}

.copyright a {
	color:#fff;
}

.copyright a:hover {
	color:#9cf;
}

.error {
	width:900px;
	margin:0 auto;
}

.error p {
	color:red;
}