
/*------------------------*/
/* reset */
html,body,div,p,ul,li,img,h1,h2{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
ul,li{
	list-style:none;
}
img{
	border:0;
	vertical-align:top;
}

/*------------------------*/
/* constracture */
html,body{

}
body{
	background:#ddd;
}
#wrapper{
	width:600px;
	margin:10px auto;
	padding:0;
	background:#fff;
	border:1px solid #aaa;
}
#content{
	padding-left: 80px;
}

h1{
	margin: 0 0 22px 0;
	padding:15px;
	font-weight:bold;
	background:#555;
	color:#fff;
	font-size:14px;
}
h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
}
p.notion{
	font-size:12px;
	margin-bottom:10px;
	color:#888;
}
ul{
	margin:0;
	padding:0;
}
li{
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	width:170px;
	height:83px;
	text-align:left;
	font-size:12px;
}
li.last{
	margin-right:0px;
}
li a{
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
}
li span.txt{
	display:block;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:2px 3px;
}
li span.img{
	display:block;
	width:164px;
	height:60px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}

.a1{
	background-color:#E60012;
}
.a2{
	background-color:#81B0DF;
}
.a3{
	background-color:#F9A91A;
}
.b1{
	background-color:#3272B9;
}
.b2{
	background-color:#E75F75;
}
.b3{
	background-color:#E16E1E;
}
.c1{
	background-color:#44AE49;
}
.c2{
	background-color:#A47B2B;
}
.c3{
	background-color:#489AC6;
}
.d1{
	background-color:#9B3B13;
}
.d2{
	background-color:#6BBA59;
}
.d3{
	background-color:#F08E9D;
}
.e1{
	background-color:#DC5273;
}
.e2{
	background-color:#70BA49;
}
.e3{
	background-color:#FE9900;
}
.f1{
	background-color:#B21E24;
}
.f2{
	background-color:#A89970;
}
.f3{
	background-color:#26551F;
}
.g1{
	background-color:#EB6D9A;
}
.g2{
	background-color:#FF9900;
}
.g3{
	background-color:#87B715;
}
.h1{
	background-color:#44AF35;
}
.h2{
	background-color:#01848D;
}
.h3{
	background-color:#C93639;
}