/**************************** 
	header
*****************************/
.header {
	background-color: var(--system-color-light);
	color: var(--inversion-font);
	height:2.0rem;
}
#link-home {
	cursor : pointer;
}
/* mobile */
@media screen and (max-width:768px) {
	#link-home {
		width: 100%;
	}
}

/**************************** 
	table
*****************************/
table.underLineList {
	display: inline-block;
	border:0px solid var(--ruled-line);
	border-spacing:0;
	border-collapse:collapse;
}
/* Hide the header.(keep elements for reading.) */
table.underLineList > thead {
	display: none;
}
table.underLineList > tbody {
	width: 100%;
}
table.underLineList tr {
	height: 45px;
	border-bottom:1px solid var(--ruled-line);
}
table.contact td {
	padding: 0rem 0.5rem;
	text-align: left;
}
table.contact td:nth-child(1) {
	width: 100px;
	font-weight: bold;
	padding-left:2.0rem;
}
table.contact td:nth-child(2) {
	width: 400px;
}
/* pc */
@media screen and (min-width:501px) {
}
/* mobile */
@media screen and (max-width:500px) {
	table.contact {width: 100%;}
}

/**************************** 
	footer
*****************************/
footer {
	margin-top: 2.0rem;
	background-color: var(--system-color-dark);
	color: var(--inversion-font);
	text-align: center;
}
.ftr_menu {
	background-color: var(--system-color-light);
}
.ftr_menu > a {
	display: inline-block;
	width: 120px;
	line-height: 40px;
	border: 1px solid var(--system-color-light);
	cursor : pointer;
	text-align: center;
	font-size: 0.8rem;
	text-decoration: none;
	color: var(--inversion-font);
}
.ftr_menu > div {
	line-height: 40px;
	border: 1px solid var(--system-color-light);
	cursor : pointer;
	text-align: center;
	font-size: 0.8rem;
}
/* mobile */
@media screen and (max-width:768px) {
	.ftr_menu > div {
		width: 120px;
	}
	.ftr_menu > a {
		width: 120px;
	}
}
/* pc */
@media screen and (min-width:769px) {
	.ftr_menu > div {
		width: 200px;
	}
	.ftr_menu > a {
		width: 200px;
	}
}

.ftr_policy {
	color: var(--inversion-font);
}
.ftr_policy > a {
	width: 180px;
	line-height: 50px;
	font-size: 0.8rem;
	cursor : pointer;
	color: var(--inversion-font);
	text-decoration: underline;
}
.ftr_policy > a:hover {
	text-decoration: none;
}
.ftr_copyright {
	line-height: 60px;
	display: inline-block;
	font-size: small;
}