*{
	margin:0;
	padding:0;

	box-sizing:border-box;
}

input, select{
	padding:5px;
}

input[type="submit"]{
	cursor:pointer;
}

@media screen and (min-width:751px) {
	table{
		width:calc( 100% - 2em );
		margin:1em;
	}
}

@media screen and (max-width:750px) {
	table{
		width:calc( 100% - 2em );
		margin:1em;

		font-size:85%;
	}
}

table, th, td{
	border:solid #000 1px;
	border-collapse: collapse;
}

th, td{
	padding:5px;
	text-align:center;
}

@media screen and (min-width:751px) {
	th, td{
		padding:5px;
	}
}

@media screen and (max-width:750px) {
	th, td{
		padding:2px;
	}
}

th a{
	display:block;
}

td a{
	display:block;
}

p{
	margin:1em;
}

h1{
	font-size:150%;
	color:#003399;
}

h1 a{
	display:block;

	padding:1em 1em 1em calc( 50px + 1em );
	color:#003399;
	border-bottom:solid 1px #ccc;

	background-image:url("../images/logo.png");
	background-repeat:no-repeat;
	background-size:50px;
	background-position:0 50%;

	font-family:"MS Mincho";
}

@media screen and (max-width:750px) {
	h1 a{
		background-position:10px 50%;
		text-align:center;

		padding-right:0;
		padding-left:0;
	}
}

h1 a{
	color:#003399;
	text-decoration: none;
}

h2{
	margin:1em;
	font-size:120%;
}

h3{
	margin:1em;
	padding-left:0.5em;

	border-left:solid #333 10px;
	font-size:120%;
}

/* /////////////////////////////////////////////////////////// */

.fixedSearchBox{
	padding:5px;

	top:0;
	position:fixed;

	opacity:0.95;
}

@media screen and (min-width:751px) {
	.fixedSearchBox{
		width:1000px;
	}
}

@media screen and (max-width:750px) {
	.fixedSearchBox{
		width:100%;
	}
}

.fixedSearchBox p{
	margin:0;
}

/* /////////////////////////////////////////////////////////// */

@media screen and (min-width:751px) {
	#contents{
		width:1000px;
		margin:0 auto;
	}
}

@media screen and (max-width:750px) {
	#contents{
		width:100%;
	}
}

#search{
	padding:0.2em;
	text-align:center;

	background-color:#ddeeff;
}


#search .query{
	border:solid #999 1px;
}

@media screen and (min-width:751px) {
	#search:not(.fixedSearchBox){
		width:800px;
		margin:1em auto;
	}

	#search .query{
		width:300px;
	}

	#search .submit{
		width:100px;
	}
}

@media screen and (max-width:750px) {
	#search .query{
		width:180px;
	}

	#search .submit{
		width:70px;
	}
}


/* /////////////////////////////////////////////////////////// */


ul#teamYearNavigation{
	list-style-type:none;
	margin:0 1em;
	padding:0;

	font-size:90%;
	display:flex;
	flex-wrap:wrap;
}

ul#teamYearNavigation li{
	display:block;
}

@media screen and (min-width:751px) {
	ul#teamYearNavigation li{
		width:20%;
	}

	ul#teamYearNavigation li:nth-of-type(even){
		background-color:#eee;
	}
}

@media screen and (max-width:750px) {
	ul#teamYearNavigation li{
		width:50%;
	}

	ul#teamYearNavigation li:nth-of-type(4n+2),
	ul#teamYearNavigation li:nth-of-type(4n+3){
		background-color:#eee;
	}
}

ul#teamYearNavigation li a{
	width:100%;
	text-align:center;
	padding:2px 0;
	display:block;
}



ul#teamYearNavigation li a.here{
	font-weight:bold;
	text-decoration:none;

	color:#ff0000;
}

h2#playerHeader{
	background-image:url("../images/player.png");
	background-repeat:no-repeat;
	background-size:50px;
	background-position:10px 50%;
	padding:1em;
	padding-left:75px;
}

h2#playerHeader .playerID{
	font-weight:normal;
	font-size:80%;
}

h2#teamHeader{
	background-image:url("../images/team.png");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:0 50%;
	padding:1em;
	padding-left:75px;
}

h2#leagueHeader{
	background-image:url("../images/league.png");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:0 50%;
	padding:1em;
	padding-left:75px;
}

h2.searchHeader{
	background-image:url("../images/search.png");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:0 50%;
	padding:1em;
	padding-left:75px;
}

/* /////////////////////////////////////////////////////////// */

th.eachLeagueHeader{
	background-color:#000;
	color:#fff;

	text-align:left;
	font-size:140%;
}

.rating{
	font-weight:bold;
}

/* /////////////////////////////////////////////////////////// */

.searchResult{
	margin:1em 3em;
}



/* /////////////////////////////////////////////////////////// */

#footer{
	padding:2em;

	font-size:80%;
	text-align:center;
}