.clearfix:after {
	clear: both;
	display: table;
	content: '';
}
* { 
	font-size: 10pt;
}

#body {
	margin: 0 auto;
	width: 958px;
}


#head {
	border: 1px lightgray solid;
	height: 50px;
	box-shadow: 2px 2px 2px #eee;
	margin-top: 8px;
	
}
#head>h1 {
	font-size: 18pt;
	margin-top: 8px;
	margin-left: 10px;
	text-shadow: 2px 2px 2px lightgray;
}



#intro, #banner, #contents, #foot {
	margin-top: 10px;
	
}

#intro>div {
	border: 1px lightgray solid;
	box-shadow: 2px 2px 2px #eee;
	float: left;
	margin-right: 10px;
}
#intro>div:last-child {
	margin-right:0;
}

#intro1{
    width: 100px;
	height:100px;
}

#intro2{
    width: 946px;
	height:100px;
}

#intro3{
    width: 725px;
	height:200px;
}

#banner>div {
	border: 1px lightgray solid;
	box-shadow: 2px 2px 2px #eee;
	width: 228px;
	height: 210px;
	float: left;
	margin-right: 10px;
	}

#banner>div:last-child {
	margin-right:0;
}


#contents>div {
	border: 1px lightgray solid;
	box-shadow: 2px 2px 2px #eee;
	float: left;
	margin-right: 10px;
	
	}
	
#contents1{
    width:650px;
	height:210px;
}

#contents2{
    width: 284px;
	height:100px;
}

#contents3{
    width: 284px;
	height:100px;
	margin-top: 8px;
}

#foot>div  {
	border: 1px lightgray solid;
    box-shadow: 2px 2px 2px #eee;
	float: left;
	box-shadow: 2px 2px 2px #eee;
	margin-right: 10px;
	margin-top: 10px;
}
#foot1{
    width: 946px;
	height: 90px;

}
#foot>div:last-child {
	margin-right:0;
}