/**
 * 	各html要素のベーススタイルを定義します。
 */

body, textarea, select, td, th, h1, h2, h3, input, button {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	color: #333333;
	font-size: 9pt;
}

a {
	text-decoration: none;
}
a:link {
	color: #0366d6;
}
a:visited {
	color: #0366d6;
}
a:hover {
	color: #0366d6;
}
a:active {
	color: #0366d6;
}

h1 {
	border-left: 8px solid #b8bcbf;
	padding-left: 10px;
	height: 2em;
	line-height: 2em;
}

hr {
	border: 0.8px dashed #dedede;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
	/*outline: none;*/
	border: 1px solid #b8bcbf;
	box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
	padding: 2px;
	border-radius: 3px;
}

input[type="text"], input[type="email"], input[type="password"], select {
	box-sizing: border-box;
	width: 200px;
}
input.datepicker {
	width: 90px;
}
select.hm {
	width: 40px;
}
input[type="checkbox"], input[type="radio"] {
	margin-right: 3px;
	margin-left: 0;
}
label, input[type='checkbox'], input[type="radio"] {
	cursor: pointer;
}

select:disabled {
	background-color: #e5e5e5;
	cursor: not-allowed;
}
select[multiple] {
	min-width: 150px;
}

th {
	text-align: center;
}


input:valid {
}
input:invalid {
	border: 1px solid #ffb9b9;
	box-shadow: 0px 0px 3px 1px #ffb9b9;
}
textarea:invalid {
	border: 1px solid #ffb9b9;
	box-shadow: 0px 0px 3px 1px #ffb9b9;
}
button:focus {
	box-shadow: 0px 0px 3px 1px #83a6de;
}