body {
	font-family: 宋体, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
	#wrapper{
       position: absolute;
       top: 50%;
       left: 50%;
       margin-top: -240px;
       margin-left: -320px;
       width: 640px;
       height: 480px;
		border:solid black 1px;
	}
	#d1,#d2,#d3,#d4,#d5,#d6{
		position:absolute;
		border:1px black solid;
		margin-left:0;
		margin-right:auto;
		width:100px;
		text-align:center;
	}
	#d1{
		margin:5px;
	}
	#d2{
		top:20px;
		margin:10px 0 0 5px;
	}
	#d3{
		top:40px;
		margin:15px 0 0 5px;
	}
	#d4{
		top:60px;
		margin:20px 0 0 5px;
	}
	#d5{
		top:80px;
		margin:25px 0 0 5px;
	}
	#d6{
		top:100px;
		margin:30px 0 0 5px;
	}
	#content{
		position:absolute;
		border:1px solid black;
		width:525px;
		height:470px;
		left:110px;
		top:5px;
	}
	.contents{
		padding:10px;
		display:none;
	}
	#content1{
		display:block;
	}
ul{list-style:square;}   
ul li{padding:5px;}
a {
	text-decoration: none;
}
a:hover {
	background:orange
	}