.clearfix:after {
	clear:both;
	display:table;
	content:'';
}

img {
	width:100%;
}

#body {
	padding:5px;
	width:960px;
	margin:0 auto;
}

#slide {
	border:1px black dotted;
	height:150px;
	overflow:hidden;
}

#slide img {
	margin-top:-30px;
}

#slide:hover img{
	width:104%;
	margin-left:-2%;
}

#menu {
	border:1px black dotted;
	height:30px;
	margin-top:10px;
	
}

#menu:hover img{
	width:104%;
	margin-left:-2%;
}

#contents {
	margin-top:10px;
	overflow:hidden;
}

#message {
	border:1px black dotted;
	height:216px;
	width:475px;
	float:left;
	border-radius:20px;
	overflow:hidden;
}

#message>div img {
	margin-top:-20px;
}

#message:hover img{
	width:104%;
	margin-left:-2%;
	overflow:hidden;
}

#banner {
	width:477px;
	float:left;
	margin-left:5px;
}

#banner>div img{
	margin-top:-20px;
}

#banner>div {
	border:1px black dotted;
	height:45px;
	margin-top:10px;
	overflow:hidden;
}

#banner>div:first-child {
	margin-top:0;
}

#banner>div:hover img{
	opacity:0.8;
	width:104%;
	margin-left:-2%;
}


#foot {
	border:1px black dotted;
	height:40px;
	margin-top:10px;
	text-align:center;
	padding-top:10px;
}