@charset "utf-8";
* {
 margin:0;	/* 全てのプロパティの余白とパディングをリセットしています。*/
 padding:0;
}
wrapper {
	width: 1280px;	/* 幅固定（700px）でセンタリングします。*/
	height:100%;
/*	margin: 0 auto;*/
	line-height: 1.5;
	border: solid 1px #D2D2D2;
}
#main {
	width: 100%;		/* メニューとコンテンツを囲んでいるセレクタです。 */
}
#header {
	width: 700px;
	height: 50px;		 /* サイトロゴの高さに合わせて調節して下さい。*/
	background-color: #66FFFF;
}
#menu {
	margin-top:30px;
	margin-left:5px;
	width: 150px;	     /* floatの width 指定は必須です。*/
	float: left;
	border:#000 0px solid	/* テスト用 */
/*	background-color: #FFFF99;*/
}
#contents {
	float: left;
	/*width: 1000px;   floatの width 指定は必須です。*/
	width:100%;
	height:100%;
/*	background-color: #F0F0F0;*/
}
#footer {
	clear: both;  /* float をクリアしています。*/
	width: 700px;
	height: 50px;
	text-align: center;
/*	background-color: #D2D2D2;*/
}
#menu ul {
	list-style: none;
	margin-left: 1em;
}
h1, h2, p {
  margin: 0 1em;
}

#works {
	position: absolute;
	top:112px;
	left:110px;
	height:0px;
}