@charset "utf-8";

* { max-width: 100%; }
* { padding: 0; margin: 0; }
*:focus{ outline: none ; outline: hidden; background: #FFFF66; }

html { 
    height     : 100%; 
    background :
    linear-gradient( to right bottom, #112191  7%, transparent 20%, #112191 85%) fixed,
    linear-gradient( to left  bottom, #0069D2 12%, transparent 48%, #005700 80%) fixed;
    background-size: 100% 100%;
 }

body {
	min-height : 100%;
	max-width  : 850px;
	margin     : auto; 
	padding    : 0 75px;
	background : #F4F4F4; 
	color      : #000;
	font-family: "メイリオ",Meiryo,"MS UI Gothic";
	border     : solid #172DBD;
	border-width: 0 1px;
 }

header { 
	height : 150px; 
	width  : 100%; 
	padding: 30px 0;
 }
h1  {
	color      : #E7E7E7;
	font-size  : 50px; 
	text-shadow: -2px -2px 0 #555500,2px 2px 0 #555500,2px -2px 0 #555500,-2px 2px 0 #555500,4px 4px 8px #000;
 }
h1,
h1 span { letter-spacing: 20px; }
h1 span { font-size: 80px; color: #F9F900; }

section   { float: right; width: 500px; }

article   { margin: 10px 0 25px 0; }
article   { width : 500px; }
article p { text-indent: 1em; margin-bottom: 10px; }


nav     { float: left; width: 300px; margin-top: 0; }
nav h2  {
	background : linear-gradient( 150deg, #0557D1 30%, #C6FDF4 50%, #0557D1 75%);
	color      : #E9E9E9; 
	font-size  : 20px;
	margin     : 0;
	padding    : 4px 0 3px 30px;
	border-radius: 10px 10px 0 0 ;
	text-shadow : 1px 2px 3px #000;
 }
nav h2:focus { background: #009F00; }

nav ul { 
	border       : solid #666600; 
	border-width : 0 1px 1px; 
	border-radius: 0 0 10px 10px;
 }

ol,
ul     { margin-top: 0; padding: 15px 15px 15px 38px; }
ol a,
ul a   { color: #000 !important; text-decoration: none; }
li     { margin-bottom: 7px; }

aside::before{ content:""; height: 0; visibility: hidden; display: block; clear: both; margin-bottom: 40px; }

aside        { margin: 16px 0; }
figure#count { float: left; width: 360px; margin-top: 7px; font-size: 95%; }
#count img   { display: none; }
aside form   { float: right; }
aside::after { content:""; height: 0; visibility: hidden; display: block; clear: both; }

a:hover,
a:focus   { 
	background    : #FFFF66;
    border-bottom : solid 1px #7CAF85; 
 }

footer {
	margin     : 40px auto 0; 
	padding    : 6px 6px 30px 6px;
	border-top: solid 1px #666600; 
}

small {	font-size: 95%; padding-left: 300px; font-style: normal; }

address a {
	border-bottom : solid 1px #0080FF;
	padding       : 3px 10px;
	color         : #000 !important;
	text-decoration: none;
 }

input { 
	height    : 25px; 
	width     : 290px; 
	font-size : 100%; 
	background: #f6f6f6;
 }
input[type='submit'] {
	width      : 55px; 
	height     : 28px; 
	padding-top: 2px;
	font-size  : 100%;
	margin-left: -3px;
	background : #EBFE3A;
 }
input:hover,
input[type='submit']:hover{ background: #FFFF66; }

#total { 
	color      : #f00; 
	font-family: "Times New Roman",verdana,Arial;
	font-weight: bold;
	font-size  : 145%;
	padding    : 0 3px;
	text-shadow: 1px 0 #555;
 }