html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background: #71a3e3 url(images/bg-blue.png) repeat-x;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
/**	header
========================================= */
#title {
	font: bold 1.4em/1.4 Georgia, 'Times Newroman', times, sans;
	margin: 12px 0 18px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 3px 6px #333;
}
time {
	color: #fff;
	font: 0.75em/1.2 monaco, 'Courier New', monospace;
	padding-left: 16px;
}
/**	section
========================================= */
#home {
	margin: 16px auto;
	width: 50%;
}
#home article {
	border-radius: 6px;
	background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
	background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
}
#home article a {
	display: block;
	padding: 8px;	
	color: #ffefdf;
	text-shadow: #333 -1px -1px 5px;
	cursor: pointer;
	text-decoration: none;
}
#home article a:hover {
	color: #fff;
}
/**	Video
========================================= */
#video {
	margin: 16px auto;
	width: 640px;
	height: 360px;
}

/**	footer
========================================= */
footer {
	background: #45484d; /* Old browsers */
	background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); 
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
}
footer section {
	padding: 8px 5px;
	color: #fff;
}
footer nav {
	text-align: left;
	margin-bottom: 8px;
	padding: 6px;
}
footer nav a {
	text-decoration: none;
	display: inline-block;
	padding: 3px 6px;
	margin-right: 4px;
	border-radius: 6px;
	background: -webkit-linear-gradient(top, #d4e4ef 0%,#86aecc 100%);
	background: -moz-linear-gradient(top, #d4e4ef 0%, #86aecc 100%); 
	color: #4d4d4d;
	text-shadow: -1px -1px 1px #fff;
}
footer nav a:hover {
	background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8  100%);
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8  100%);
	color: #333;
}
footer nav a#down {
	background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%); 
}