@charset "utf-8";

/*
============================= home CSS =============================
	home only css
===================================================================
*/
body#p-home {
	background: url(/img/front/home/top_main_backimg.png) repeat-x 0 0;
}
#topVisual {
	clear:both;
	width: 950px;
	margin: 0 auto 20px;
	padding-bottom: 10px;
}
#topVisual #topLeft {
	float: left;
	width: 500px;
}
#topVisual #topLeft p.topcatch {
	width: 500px;
	height: 222px;
}
#topVisual #topLeft p.topcatch span {
	background: url(/img/front/home/top_image.png) no-repeat 0 0;
}
#topVisual #topLeft ul li {
	float: left;
	width: 250px;
	height: 34px;
	color: #0A4F9C;
	font: 167% sans-serif;
}
#topVisual #topLeft ul li.meterQ {
	background: url(/img/front/home/meter_q_back.png) no-repeat;
}
#topVisual #topLeft ul li.meterA {
	background: url(/img/front/home/meter_a_back.png) no-repeat;
}
#topVisual #topLeft ul li span {
	display: none;
}
#topVisual #topLeft ul li em {
	line-height: 34px;
	display: block;
	font-style: normal;
	width: 205px;
	text-align: right;
	font-weight: bold;
}
#topVisual #topRight {
	float: right;
	width: 400px;
	padding-top: 25px;
}
#topVisual #topRight ul li {
	float: left;
	width: 185px;
	height: 111px;
	display: block;
	margin:0 10px 10px 0;
}
#topVisual #topRight ul li a {
	width: 185px;
	height: 111px;
}
#topVisual #topRight ul li.topMenu01 a span {
	background: url(/img/front/home/top_menu01.png) no-repeat 0 0;
}
#topVisual #topRight ul li.topMenu02 a span {
	background: url(/img/front/home/top_menu02.png) no-repeat 0 0;
}
#topVisual #topRight ul li.topMenu03 a span {
	background: url(/img/front/home/top_menu03.png) no-repeat 0 0;
}
#topVisual #topRight ul li.topMenu04 a span {
	background: url(/img/front/home/top_menu04.png) no-repeat 0 0;
}
#topVisual #topRight ul li a:hover span {
	background-position: bottom;
}
#mainContents h2.topicsTTL {
	width: 380px;
	height: 51px;
	margin-bottom: 10px;
}
#mainContents h2.topicsTTL span{
	background: url(/img/front/home/recommend_topics_ttl.png) no-repeat 0 0;
}
#mainContents p.starPickup {
	width: 84px;
	height: 83px;
	position: absolute;
	top: -7px;
	right: 10px;
}
#mainContents p.starPickup span {
	background: url(/img/front/home/recommend_star.png) no-repeat 0 0;
}