/* tag */

body {
	background: #fff ;
	color: #333 ;
	font-family: Verdana , Arial , sans-serif ;
	margin: 0 ;
	padding: 0 ;
}

a {
	color: #00f ;
	text-decoration: none ;
}

a:hover {
	color: #666 ;
	text-decoration: underline ;
}

/* id */

#container {
	border: 1px solid #ddd;
	margin: 5px auto 0 auto ;
	padding: 0 ;
	width: 700px ;
}

h1#header {
	background: #449 ;
	color: #fff ;
	font-size: 130% ;
	font-weight: bold ;
	margin: 5px ;
	padding: 5px ;
	text-align: center ;
}

#search_box {
	border: 1px solid #ddd;
	margin: 10px auto ;
	padding: 0 ;
	width: 350px ;
}

#search_box h2 {
	background: #def ;
	font-size: 100% ;
	font-weight: bold ;
	margin: 5px ;
	padding: 3px ;
	text-align: center ;
}

#search_box form {
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
}

#search_box p { 
	font-size: 80% ;
	line-height: 130% ;
	margin: 5px ;
	padding: 0 ;
	text-align: center ;
}

#footer {
	color: #bbb ;
	font-size: 70% ;
	margin: 0 auto 0 auto ;
	padding: 5px ;
	text-align: center ;
	width: 700px ;
}

/* class */

.contents {
	margin: 10px ;
	padding: 0 ;
}

.contents h2 {
	border-bottom: 1px solid #449 ;
	border-left: 8px solid #449 ;
	font-size: 100% ;
	font-weight: bold ;
	margin: 0 ;
	padding: 3px 8px ;
}

.contents p { 
	font-size: 80% ;
	line-height: 130% ;
	margin: 5px ;
	padding: 0 ;
}

.contents pre { 
	font-size: 80% ;
	line-height: 130% ;
	margin: 5px 20px ;
	padding: 0 ;
}

.contents ul {
	list-style-type: none ;
	margin: 5px 20px ;
	padding: 0 ;
}

.contents li {
	font-size: 80% ;
	margin: 0 ;
	padding: 0 ;
}