@charset "UTF-8";

#main .topics {
	width:820px;
	margin:10px 0;
}

#main .topics .ttl{
	width:820px;
	height:38px;
	text-indent:-9999px;
	background:url(../img_top/ttl_topics.jpg) no-repeat;
}

#main .topics .ttl h2{
	width:761px;
	height:38px;
	float:left;
	text-indent:-9999px;
}

#main .topics .ttl .btn{
	display:block;
	width:53px;
	height:17px;
	margin:10px 0 0 0;
	text-decoration:none;
	text-indent:-9999px;
	float:left;
	background:url(../img_top/topics_btn.jpg) no-repeat;
}

#main .topics .bottom {
	border:5px solid #CCCCCC;
	width:810px;
}

#main .topics .bottom h3 {
	width:790px;
	background:url(../img_top/bg_list.jpg) no-repeat bottom;
	font-size:12px;
	font-weight:normal;
	padding:10px;
}

#main .banner {
	width:630px;
	margin:0px 90px 10px 100px;
}

#main .banner li{
	float:left;
	width:200px;
	padding:0 10px 0 0;
	font-size:10px;
	line-height:140%;
	list-style:none;
}

#main .join {
	width:790px;
	padding:15px 15px 5px;
	background:url(../img_top/bg_link.gif);
	margin:0 0 10px;
}

#main .join h3 {
	width:237px;
	height:15px;
	margin:0 0 5px;
	text-indent:-9999px;
}

#main .join .publish {
	background:url(../img_top/ttl01.gif) no-repeat;
}

#main .join .support {
	background:url(../img_top/yyl02.gif) no-repeat;
	margin:10px 0 2px 0;
}

#main .join ul {
	margin:0 0 5px;
}

#main .join li {
	background:url(../img_top/liststyle.gif) no-repeat 0 2px;
	padding:0 0 0 14px;
	margin:3px 10px 5px 0;
	float:left;
}