@charset "utf-8";

body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 85%;
	margin: 20px;
}

/* (1)モダンブラウザ用の記述（生成内容でfloatをclear） */
div#container:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/* (1)ここまで */

div#container {
	/* (2)IE 6, 7用の記述（幅を明示的に指定） */
	width: 100%;
	/* (2)ここまで */
	/* (3)Mac版のIE 5.x用の記述（overflow: hiddenを指定） */
	/*\*//*/
	overflow: hidden;
	/**/
	/* (3)ここまで */
	border: 5px solid black;
	background-color: #e1ddd9;
}

div#box-A,
div#box-B,
div#box-C {
	margin: 5px;
	padding: 10px;
	float: left;
	width: 100px;
	height: 100px;
	color: #fff;
	background-color: #c60;
	border: 5px solid #c00;
}

div#box-D {
	margin: 5px;
	background-color: #fff;
	border: 1px dotted black;
}