@charset "utf-8";

body {
	background-color: #396F55;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
}
h1 {
	margin: 0;
	padding-top: 20px;
	text-align: center;
}
h2 {
	margin: 0;
	text-align: center;
	color: #ffffff;
	padding: 20px;
	font-size: 16px;
}
h3 {
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
img {
	border-style: none;
}
div#header {
	width:100%;
	height:25px;
	background:url("./images/rectangle.gif") repeat-x;
}
div#footer {
	clear: both;
	width:100%;
	height:200px;
	background:url("./images/rectangle.gif") repeat-x;
}
div#wrap {
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	overflow:hidden;
}
div#contents {
	margin: 20px auto;
	width: 500px;
}
ul.thumbnail {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.thumbnail li {
	float: left;
	width: 150px;
	height: 140px;
	text-align: center;
}
ul.thumbnail li img {
	vertical-align: top;
}
li img {
	width: 80px;
	height: 100px;
	border-style: none;
}

div#google {
	padding-top: 75px;
}
a {
	color: #00cc00;
	font-size: 12px;
}
a:active {
	color: #ff0000;
}
a:visited {
	color: #006600;
}
a:hover {
	background-color: #ccffcc;
	text-decoration: none;
}
h3 a,
h3 a:visited {
	color: #ffffff;
	font-size: 16px;
}