@charset "shift_jis";
/* CSS Document */

#topics-box {
	float:left;
	height: 459px;
	width: 100%;
	text-align: left;
	background-color: #000;
}


#topics-content {
	float:right;
	height: 800px;
	width: 740px;
	background-image: url(../../image/menu-bar.jpg);
	background-repeat: repeat-x;
	text-align: left;
	margin-bottom: 5px;
}

#topics-content2 {
	float:right;
	height: 154px;
	width: 220px;
	background-image: url(../../image/menu-bar.jpg);
	background-repeat: repeat-x;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

li {
	list-style:none;
	margin-top: 3px;
	margin-bottom: 3px;
}


#topics-left {
	float:left;
	clear: left;
	height: 470px;
	width: 140px;
	font-size: 12px;
	color: #CCC;
	padding-top: 8px;
	padding-left: 15px;
	text-align: left;
	background-color: #203B4F;
	filter: alpha(style=1, opacity=100, finishopacity=0, startx=0, starty=30, finishx=0, finishy=350);
}

#topics-navi {
	float:left;
	clear: left;
	height: 22px;
	width: 140px;
	background-image: url(../../files/bgmenu00.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 12px;
	color: #CCC;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
}

#topics-navi a {color:#CCC}

#topics-navi:hover {
	background: url(../../files/bgmenu00.png) repeat-x 0 -117px;
	color: #eeeeee;
	text-decoration: underline;
}

.t-box{
	float:left;
	height: 200px;
	width: 100%;
}