/* css */
@font-face {
  font-family: 'fuizi';
  src: url('fuizi.woff') format('woff');
}

body{
	text-align:center;
	font-size:140%;
}

#wrapper{
	width:600px;
	height:600px;
	margin:0 auto;
	padding-top:20px;
	background-color:#ffffff;
}

#box01{
	width:130px;
	height:55px;
	margin:10px;
	padding-top:75px;
	background-color:#ff99ff;
	float:left;
	font-family:"fuizi";
}

#box02{
	width:130px;
	height:55px;
	margin:10px;
	padding-top:75px;
	background-color:#ffffcc;
	float:left;
	font-family:"fuizi";
}
#box03{
	width:130px;
	height:130px;
	margin:10px;
	background-color:#99ffff;
	float:left;
	font-family:"fuizi";
}
#box04{
	width:130px;
	height:130px;
	margin:10px;
	background-color:#99ff99;
	float:left;
}

#box05{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#cccccc;
	float:left;
	font-family:"fuizi";
}

#box06{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#cc99ff;
	float:left;
	font-family:"fuizi";
}

#box07{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#ffcc99;
	float:left;
	font-family:"fuizi";
}

#box08{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#9999ff;
	float:left;
	font-family:"fuizi";
}

#box09{
	width:130px;
	height:130px;
	margin:10px;
	background-color:#ccff99;
	float:left;
}

#box10{
	width:130px;
	height:130px;
	margin:10px;
	background-color:#99ccff;
	float:left;
}

#box11{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#9999cc;
	float:left;
	font-family:"fuizi";
}

#box12{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#cc9999;
	float:left;
	font-family:"fuizi";
}

#box13{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#cc99cc;
	color:#444444;
	float:left;
	font-family: 'Chela One', cursive;
}

#box14{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#ffff99;
	color:#444444;
	float:left;
	font-family: 'Chela One', cursive;
}

#box15{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#ffcccc;
	color:#444444;
	float:left;
	font-family: 'Chela One', cursive;
}

#box16{
	width:130px;
	height:55px;
	padding-top:75px;
	margin:10px;
	background-color:#66cc99;
	float:left;
	font-family: 'Chela One', cursive;
}
a{
	display:block;
	width:130px;
	background-color:#eeeeee;
	border:none;
	text-decoration:none;
}

a:link{
	color:#444444;
}

a:visited{
	color:#888888;
}

a:hover{
	color:#ff9933;
}

a:active{
	color:#ff0033;
}