@charset "utf-8";

/* reset */
* { 
	margin:0;
	padding:0; 
}
ol,ul {
	list-style:none;
}
header, nav, aside, main, section, footer {
	display:block;
}

/* common */
hr {
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
}
* html hr { /* for IE */
	border-top:1px solid;
}
*:first-child+html hr { /* for IE7 */
	border-top:1px solid;
}

a { color:#005F30; }
a:link { color: #0000ff; }
a:visited{ color:#990099; }
a:hover  { color:#ff0000; }
a:active { color:#57770C; }

html {
	height:100%;
}

#canvas {
	width: 100%;
	height:100%;
	min-height:100%;
	overflow: hidden;
	position: fixed;
	top:0px;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0; 
	color:#000000;
	text-align:center;
	font-size:16px;
	line-height:23px; 
	font-family:'メイリオ','ＭＳ Ｐゴシック','MS PGothic',Verdana,osaka,Meiryo,sans-serif;
	background-color: #c2f2c2;
}

h1 {
	font-size: 15px;
	font-weight: normal;
}

header {
	text-align:left;
	background-color:#726A63;
	height: 20px;
	padding: 2px;
	color: #ffffff;
	font-size: 12px;
	line-height:20px;
	white-space: nowrap;
	position: relative;
}

main {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

footer {
	text-align: center;
	background-color:#726A63;
	height: 20px;
	padding: 2px;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	white-space: nowrap;
	position: relative;
}