@charset "shift_jis";

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

body {
	font-size: 14px;
}

input[type="password"]:focus {
	background: hsl(210, 100%, 94%);
}
input[type="text"]:focus {
	background: hsl(210, 100%, 94%);
}
input[type="text"].code {
	text-align: center;
}
input[type="text"].code:focus {
	text-align: left;
}
.ruby {
	color: hsl(0, 0%, 62%); 
	font-size: 85%;
	margin-bottom: 2px;
}

select:focus {
	background: hsl(210, 100%, 94%);
}

table.view td {
	border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 6px;
}
table.view th {
	background: hsl(0, 0%, 62%);
	border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 0 1px 0;
	color: #fff;
	padding: 6px;
}

textarea:focus {
	background: hsl(210, 100%, 94%);
}

.width-100 {width: 100%;}
.width-120px {width: 120px;}
.width-240px {width: 240px;}
.width-60px {width: 60px;}
.width-84px {width: 84px;}
.width-search {width: calc(100% - 60px);}
.width1 {width: 70.71% !important;}
.width2 {width: 50.00% !important;}
.width3 {width: 35.36% !important;}
.width4 {width: 25.00% !important;}
.width5 {width: 17.68% !important;}
.width6 {width: 12.50% !important;}
.width7 {width: 8.84% !important;}
.width8 {width: 6.25% !important;}
.width9 {width: 4.42% !important;}
.width10 {width: 3.13% !important;}
.width11 {width: 2.21% !important;}
.width12 {width: 1.56% !important;}
.width13 {width: 1.10% !important;}

@media only screen and (min-width:768px){
	.block_form {
		width: 70.71%;
	}
	.block_form.margin-0-auto {
		margin: 0 auto;
	}
	.btnSubmit {
		height: 60px; 
		margin: 16px 0 0 0;
		width: 25%;
	}
	.btnSubmit.reset {
		margin: 16px 0 0 2px;
	}
	table.form {
		border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 1px 0 0 1px;
	}
	table.form td {
		border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 0 1px 1px 0;
		display: table-cell;
		padding: 12px;
	}
	table.form th {
		background: hsl(0, 0%, 62%);
		border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 0 1px 1px 0;
		color: #fff;
		display: table-cell;
		padding: 12px;
		text-align: left;
	}
	table.view {
		border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 1px 0 0 0;
	}
}
@media only screen and (max-width:767px){
	.block_form {
		width: 100%;
	}
	.btnSubmit {
		display: block;
		height: 48px;
		margin-top: 16px;
		width: 100%;
	}
	.btnSubmit.reset {
		margin-top: 2px;
	}
	table.form {
		border-style: none;
	}
	table.form td {
		border-style: none;
		display: block;
		padding: 4px 0 0 0;
	}
	table.form th {
		border-style: none;
		color: hsl(0, 0%, 15%);
		display: block;
		font-weight: bold;
		padding: 12px 0 0 0;
		text-align: left;
	}
	table.form th.width4 {
		width: 100% !important;
	}
	table.view {
		border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 76%) hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 1px 0 0 0;
		font-size: 85%;
	}
}