html {
	width: 100%;
	height: 100%;
}
body {
  width: 100%;
  height: 100%;
  background-color: #666666;
  color: #333333;
	font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 18px;  
}
p {
	margin: 0;
  padding: 0.2em;
  text-indent: 1em;
  line-height: 1.5em;
  
}
html, body, div{
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0;
	padding: 1em;
	font-size: 1.2em;
	color: #ffffff;
  background-color: #3366cc;
	
}
h1 .leader {
	font-size: 1em;
	letter-spacing: 2pt;
	padding: 0 1em;
	color: #ffcc33;
}
h1 .comment {
	float: right;
	font-size: 1em;
	color: #00cccc;

}
h2 {
	margin: 1em 0;
	padding: 0.2em 1em;
	font-size: 1.2em;
	color: #ffffff;
	background-color: #996600;
}
h2  a {
	font-size: 1em;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
h2 img {
	height: 0.8em;
	vertical-align: middle;
	margin: 0 0.5em 0 2em;
	padding: 0;
	border: 0;
}
h2 img.icon {
	height: 1.2em;
	vertical-align: middle;
	margin: 0 0.2em;
	padding: 0;
	border: 0;
	
}
#container {
  margin: 0 auto;
  padding: 0 5%;
  width: 90%;
  max-width: 60em;
  background-color: #ffffff;
}
#header {
  padding: 0.5em;
}
#footer p {
	width: 80%;
	text-align: center;
	margin: 0.2em 0;
	padding: 0.2em 10%; 
}
.pureitem {
	padding: 1em 5%;
	width: 90%;
	
}
.space {
	height: 10em;
}
.information {
	width: 80%;
	padding: 0.5em;
	margin: 1em auto;
	color: #333333;
	background-color: #cccccc;
	border-radius: 0.5em;
}