a:link { text-decoration : none; color : brown;  }
a:visited { text-decoration : none; color : brown; }
a:active { text-decoration : none; color : brown; }
a:hover {  color : red;  text-decoration : bold; }
html, body { 
	height: 100%;
}
* { 
	font-family : 'Hiragino Kaku Gothic ProN',Meiryo,Roboto,sans-serif ; 
} 
body, * { 
	margin: 0; 
	padding: 0;
}
body { 
	background: #fffefe;
	word-wrap: break-word;
	color : #555555; 
}
#contents {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding: 5px;
	max-width: 640px;
	margin: auto;
}
ul, ol { 
	margin: 1em 0  0.7em 3em; 
}
@media screen and (max-width: 480px) {
ul li {
	margin-left: -1.4em;
}
ol li {
	margin-left: -1.4em;
}
}
table tr td { 
	padding: 5px; 
	font-size: 1rem; 
}
table tr th { 
	padding: 5px; 
	font-size: 1rem; 	
    background: #555;
    color: #eee;
}
blockquote, section {
	border: solid 1px #aaa;
	padding: 10px 20px;
	margin: 20px 5px;
}
table { 
	margin: 15px 5px;
	border-width: 1px; 
	border-collapse: collapse; 
	border-color: #888;
}
img {
	margin: 5px 0; 
	border-width: 0;
}
p {
	margin: 1rem 0;
}
h4 {
	padding: 5px;
	border-left: solid 14px #a33; 
	border-top: solid 1px #a33; 
	font-size: 1.3rem;
	margin: 2rem 0 1rem 0;
}
pre {
	font-size: 1rem;
}
#title {
	font-size : 1.5rem; 
	font-weight : bold; 
	color : white; 
	text-align : center;
	background-color : brown; 
	text-decoration : none;
	padding: 3px;
	margin-bottom: 10px;
}
#copyright {
	font-size: 0.8rem;
	text-align: center;
	background: #555555;
	color: #bbbbbb;
}