@charset "utf-8";
body {
	font-family: sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	
	background-color: #404080;
	-webkit-text-size-adjust:none;
	
	margin: 8px;
	padding-bottom: 32px;
}

.middleBanner{ margin:16px 0px 16px 0px; }
.topBanner{ margin:0px 0px 20px 0px; }

@media screen and (max-width: 336px){
	.middleBanner{ margin:16px -8px 16px -8px; }
	.topBanner{ margin:-6px -8px 20px -8px; }
}

.middleRect{ margin:16px 0px 16px 0px; }

a:link { color: #00FFFF; }
a:visited { color: #FFAAFF; }
a:active { color: #FFFF80; }

.titlecaption {
	font-size: 2em;
}

.linktitle {
	font-size: 1.5em;
}

.middleButton {
	font-size: 1.2em;
}

.smallFont {
	font-size: 0.8em;
}

.errormessage {
	color: #FFFF00;
}

.noticemessage {
	color: #FFFF00;
}

.rankingTable {
	background-color: #8080C0;
}

.rankingTableHeader {
	background-color: #6060A0;
}

.rankingTableElemNotice {
	/*
	color: #FFFF00;
	background-color: #505090;
	*/
	background-color: #905050;
}

.rankingTableElem {
	background-color: #505090;
}

.largeFont {
	font-size: 1.5em;
}

.formInputFont {
	font-size: 1.0em;
}

.buttonLink {
	background-color: #505090;
	border-width: 2px;
	border-top-color: #D0D0FF;
	border-left-color: #D0D0FF;
	border-right-color: #202060;
	border-bottom-color: #202060;
	border-style: solid;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

h1 {
	font-size: 1.3em;
}
.pageHeader {
	margin-top: 0px;
	margin-bottom: 8px;
}
.showScore {
	margin-top: 8px;
	margin-bottom: 8px;
}

h2 {
	font-size: 1.3em;
	border-left-width: 0.5em;
	border-left-color: #FF66CC;
	border-left-style: solid;
	padding-left: 0.5em;
	margin-top: 1em;
	
	bordef-top-width: 4px;
	border-top-color: #FF66CC;
	border-top-style: solid;
	padding-top: 4px;
}

h2.moreTopMargin {
	margin-top: 2em;
}

h3 {
	font-size: 1.2em;
	border-left-width: 0.4em;
	border-left-color: #A0A0FF;
	border-left-style: solid;
	padding-left: 0.5em;
	
	bordef-top-width: 4px;
	border-top-color: #A0A0FF;
	border-top-style: solid;
	padding-top: 4px;
}

h3.moreTopMargin {
	margin-top: 1.5em;
}

hr {
	background-color: #A0A0FF;
	height: 4px;
	border-style: none;
	border-width: 0px;
}