【テスト】(修正済)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />



<style type="text/css">
<!--

*{
	margin	:0;
	padding	:0;
}

body{
	background-color	:#ccc;
	text-aligh	:center;
}

#container{
	background-color	:#fff;
			width					:800px;
			height				:780px;
			margin				:10px auto;
			padding				:10px 0;
			overflow:hidden;
}

#header{
	background-color			:#a3bed5;
			width				:auto;
			height				:100px;
			margin				:0px 10px;
}

h1{
		color 		:#fff;
		font-size	:30px;
		padding		:10px;
}


#wrapper{
		width						:800px;
		height					:auto;
}

	
#content{
	background-color	:#dcd78a;
			width					:540px;
			height				:310px;
			margin				:10px;
			float					:right;
}

h2{
		color 		:#fff;
		font-size	:26px;
		padding		:10px;
}



#sidebar{
	background-color	:#9cc56e;
			width					:220px;
			height				:290px;
			margin				:10px;
			float					:left;
}

#sidebar li{
	list-style-type	:none;
			padding			:10px 10px	0 10px;
}


#footer{
	background-color	:#e0b9d2;
			width					:auto;
			height				:50px;
			margin				:0 10px;
			clear					:both;
}

p{
		color 				:#fff;
		font-size			:18px;
		padding				:10px;
}


-->
</style>
</head>
<body>

<div id="container">
<div id="header"><h1>ここにタイトルが入る</h1></div>
<div id="wrapper">

<div id="content">
<h2>ここに見出しが入る</h2>
<p>ここに本文が入る</p>
</div>


<div id="sidebar">
<ul>
<li><img src="images/aaa.jpg" width="200" height="80" alt=""/></li>
<li><img src="images/aaa.jpg" width="200" height="80" alt=""/></li>
<li><img src="images/aaa.jpg" width="200" height="80" alt=""/></li>
</ul>
</div>
</div>


<div id="footer">	<p>ここに連絡先のテキストが入る</p></div>
</div>

</body>
</html>