@charset "utf-8";
/* CSS Document */

.image .h1{
	background:url(img/h1.jpg) no-repeat;
}

.contents01{
	width:696px;
	padding:8px 0 0 0;
	margin:0 0 0 30px;
}

.contents01 ul{
	width:696px;
}

.contents01 ul:after{
	clear:both;
	content:"";
	display:block;
}

.contents01 li{
	float:left;
	margin:8px 8px 0 0;
}

.contents01 li a:link,
.contents01 li a:visited{
	display:block;
	text-decoration:none;
	padding:8px 12px;
	border-radius:4px;
	background:#cbd0d4;
}

.contents01 li a:active,
.contents01 li a:hover,
.contents01 li a.select:link,
.contents01 li a.select:visited{
	display:block;
	color:#fff;
	border-radius:4px;
	padding:8px 12px;
	background:#888c92;
}

.contents02{
	width:692px;
	margin:16px 0 0 24px;
}

.contents02 ul{
	width:692px;
}

.contents02 ul:after{
	clear:both;
	content:"";
	display:block;
}

.contents02 li{
	width:173px;
	height:173px;
	float:left;
	text-align:center;
}

.contents02 li a:link,
.contents02 li a:visited{
	display:block;
	width:173px;
	height:173px;
	background:url(img/thum-bg.png) no-repeat;
}

.contents02 li a:hover,
.contents02 li a:active{
	display:block;
	width:173px;
	height:173px;
	background:url(img/thum-bg-on.png) no-repeat;
}

.contents02 li img{
	width: 145px;
	margin:14px;
}