@charset "utf-8";

h3 {
	background-image: url(../html/images/bg_pink.png);
	width: 660px;
	height: 32px;
	padding-left: 3px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 22px;
	color: #666;
}
#main {
	width: 680px;
	float: left;
}
article {
	width: 660px;
	margin: 0 auto;
}
article h2 {
	background-image: url(../html/images/bg_pink.png);
	width: 660px;
	height: 32px;
	padding-left: 3px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 22px;
	color: #666;
}
article p {
	width: 660px;
	margin: 20px auto 0;
}
#member {
	width: 660px;
	margin: 25px auto 0;
}
#member h3 {
	padding-bottom: 10px;
}
#member table {
	margin-top: 15px;
}
#member table th {
	font-weight: bold;
	text-align: left;
	border: none;
}
#member table td {
	padding-left: 15px;
	border: none;
}
#graph {
	width: 660px;
	margin: 30px auto 0;
	overflow: hidden;
}
#graph h3 {
}
#comment_hexagon {
	height: 350px;
	/*margin-bottom: 100px;*/
}
#graph #comment {
	margin-top: 36px;
	width: 300px;
	float: left;
}
#hexagon {
	margin-top: 15px;
	width: 330px;
	float: right;
}
#graph table {
	width: 660px;
}
#graph table,th,td {
	border: solid 1px #999;
}
#graph th {
	font-weight: bold;
	color: #444;
}
#graph #orange {
	background: #FFAD90;
}
#graph #blue {
	background: #CCFFFF;
}
#graph #red {
	background: #FF5F50;
}
#graph #purple {
	background: #ccf;
}
#graph #yollow {
	background: #ffc;
}
#graph #green {
	background: #AEFFBD;
}
#graph td {
	padding-left: 8px;
}
ul {
	margin-top: 15px;
}
ul li {
	list-style: none;
}
#member_link {
	width: 660px;
	margin: 25px auto 30px;
}
#member_link h3 {
	margin-bottom: 10px;
}
#side {
	width: 300px;
	/*background: #eee;*/
	float: right;
	background: url(../html/images/icon.png) no-repeat;
	background-position: 73px 13px;
}
#side h4 {
	font-weight: bold;
	font-size: 30px;
	color: #aaa;
	text-align: center;
	margin-top: 8px;
	text-shadow: 1px 1px 1.5px #000;
	
}
#side .banner {
	margin: 10px 10px 0;
}