@charset "utf-8";

/**************************************
	import css
**************************************/
@import url("/guide/hajimete/css/margin.css");
@import url("/guide/hajimete/css/table.css");
@import url("/guide/hajimete/css/menu.css");
@import url("/guide/hajimete/css/general.css");
@import url("/guide/hajimete/css/tools.css");

/*

	jp top インクルード ranking

*/
.ranking{
	position: relative;
	margin-bottom: 30px;
}
.ranking::after{
	content:url("/common/images/ranking-top-style-red.gif");
	position: absolute;
	top:-1px;
	left:0;
	/*background:url(/common/images/ranking-top-style-red.gif) #fff 0 0 no-repeat;*/
}
#rankingWrap{
	border: #cccccc solid 1px;
}
#rankingWrap h3{
	text-align: center;
	margin-top: 23px;
	margin-bottom: 17px;
}
#rankingWrap #ranking{
	width:690px;
	margin:0 auto 20px auto; 
}
#rankingWrap #ranking h4{
	margin-bottom: 25px;
}
#rankingWrap #ranking ul{
	margin-bottom: 15px;
}
#rankingWrap #ranking ul::after{
	content:' ';
	visibility: hidden;
	height: 0;
	clear: both;
}
#rankingWrap #ranking ul li{
	width: 120px;
	margin-left: 17px;
	display:inline-block;
	vertical-align: top;
	position: relative;
	font-size:12px;
	font-weight: bold;
}
#rankingWrap #ranking ul li:first-child{
	margin-left: 0;
}
#rankingWrap #ranking ul li img{
	display: block;
	margin-bottom: 10px;
}
#rankingWrap #ranking ul li.rank1::after{
	content:url("/common/images/ico-ranking-no1.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#rankingWrap #ranking ul li.rank2::after{
	content:url("/common/images/ico-ranking-no2.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#rankingWrap #ranking ul li.rank3::after{
	content:url("/common/images/ico-ranking-no3.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#rankingWrap #ranking ul li.rank4::after{
	content:url("/common/images/ico-ranking-no4.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#rankingWrap #ranking ul li.rank5::after{
	content:url("/common/images/ico-ranking-no5.png");
	position: absolute;
	top: -10px;
	left: 0;
}
#rankingWrap #ranking .rank_info{
	text-align: right;
}
#rankingWrap #ranking ul li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#rankingWrap #ranking ul li a:link {
	text-decoration:none;
	color: #333;
}
#rankingWrap #ranking ul li a:visited {
    text-decoration:none;
	color: #333;
}
#rankingWrap #ranking ul li a:hover {
    text-decoration:underline;
	color: #23c3d6;
}
#rankingWrap #ranking ul li a:active {
    text-decoration:none;
	color: #333;
}

.rank_info {
	font-size:x-small;
	line-height:140%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}