@charset "shift_jis";

/* info
++++++++++++++++++++++++++++++++++++++++++++++++++
CSS : category top

media : screen,tv
filename : top.css
--------------------------------------------------
template
flasharea
topic
	-list
++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* template
================================================== */
div#mainbody {
	padding-bottom: 123px;
	/* HACK start : for MacIE \*//*/
	padding-bottom: 0;
	/* HACK end : for MacIE */
}
div#footer {
	height: 123px;
	background-position: 0 48px;
}
div#footer ul {
	top: 68px;
}

/* flasharea
================================================== */
div#flasharea {
	margin-bottom: 15px;
}

/* topic
================================================== */
div#topic {
	margin-bottom: 15px;
}
div#topic h2 {
	height: 20px;
	/* HACK start : hide from MacIE \*/
	overflow: hidden;
	/* HACK end : hide from MacIE */
	background: transparent url(../../com_img/ttl_topic.gif) no-repeat left top;
	text-indent: -9999px;
}
/* list
-------------------------------------------------- */
div#topic ul {
	width: 100%;
	padding: 9px 0 0 9px;
	background-color: #343D46;
	color: inherit;
	text-align: center;
}
html>body div#topic ul {
	width: auto;
}
div#topic li {
	display: inline;
}
html>body div#topic li a,
html>body div#topic li a:hover,
html>body div#topic li a:focus {
	background-color: transparent;
	color: #F90;
	text-decoration: none;
}
div#topic li a img {
	margin-right: 9px;
	margin-bottom: 9px;
	border: 1px solid #900;
}
div#topic li a:hover img,
div#topic li a:focus img {
	border: 1px solid #FFF;
}
div#topic li a:active img {
	border: 1px solid #F00;
}