/*------------- vars --------------*/

:root {

	--mainBackgroundColor: #ffffff;
	--mainTextColor: #000000;
}


#copyright {
	background-image: url('/_pic/S_Mark.png');
}


.openMenuButton {
	background-image: url('/_pic/menu_close.png');
}

.openMenuButton.opened {
	background-image: url('/_pic/menu_open.png');
}


/* ----- link button ----- */

.links {
	overflow: hidden;
}

.links a {
	display: block;
	width: 50%;
	float: left;
	color: var(--mainTextColor);
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: var(--mainBackgroundColor);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 1.68em;
}

.links a.buttonLeft {
	text-align: left;
}

.links a.buttonRight {
	text-align: right;
}


.links a:hover {
	color: #ff0000;
	background-color: #E4E4E4;
}

.links a:hover.buttonLeft {
}

.links a:hover.buttonRight {
}

.links a.buttonLeft > span {
	padding-left: 0%;
}

.links a.buttonRight > span {
	padding-right: 0%;	
}