@charset "utf-8";

::selection { background-color: #777; }
::placeholder{	color: #777; }

header{
	clear: both; float: left;
	padding: 5px 0 10px 0; margin: 0; width: 100%; height: auto;
	background-color: #222;
	border-bottom: 1px #555 solid;
}
header h1{
	float: left;
	padding: 0; margin: 0; width: 100%; height: 45px;
	text-align: center; color: #f90; font-size: 125%; line-height: 45px;
}
@media screen and (min-width: 1280px){
	header h1{
		padding: 0 0 0 5px; margin: 0; width: 240px; height: 45px;
		text-align: left; line-height: 65px;
	}
}
#link_box{
	float: right;
	padding: 0;
	width: 100%;
}
@media screen and (min-width: 1280px){
	#link_box{
		width: auto;
	}
}
#link_box div{
	float: left;
	padding: 0; margin-top: 10px;
	width: calc(100% / 2 - 5px); height: 45px;
	border: 1px #777 dashed;
	background-color: #333;
	text-align: center; color: #fff; font-size: 107%; line-height: 45px;
	text-decoration: none;
	cursor: pointer;
}
#link_box div:nth-child(odd){
	margin-right: 10px; 
}
@media screen and (min-width: 1280px){
	#link_box div{
		float: left;
		padding: 0 15px; margin: 0 0 0 10px;
		width: 320px;
		border: 1px #999 dashed; border-radius: 4px;
	}
	#link_box div:nth-child(odd){
		margin-right: 0; 
	}
}
#link_box div:hover{ background-color: #555; cursor: pointer; }