@font-face {
  font-family: 'Noto Sans Japanese Thin';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese Bold';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }


.realtimerank	{
	width:750px;
	height:300px;

	background:url(http://1.10.11.16/rack-kan/images/realtimerank-enet.jpg) no-repeat;

	position:relative;
}

.dailyrank	{
	width:750px;
	height:300px;

	background:url(http://1.10.11.16/rack-kan/images/dailyrank-enet.jpg) no-repeat;

	position:relative;
}

.weeklyrank	{
	width:750px;
	height:300px;

	background:url(http://1.10.11.16/rack-kan/images/weeklyrank-enet.jpg) no-repeat;

	position:relative;
}


.realtimerank img.thumnail,.dailyrank img.thumnail,.weeklyrank img.thumnail {
 width:248px;
 position:absolute;
 right:33px;
 top:22px;
}

.realtimerank span.genre,.dailyrank span.genre,.weeklyrank span.genre {
	display:block;
	position:absolute;
	
	left:0;
	top:118px;

	width:480px;
	text-align:center;

	font-family:'Noto Sans Japanese Bold';
	font-size:20px;
	color:#FFF;

	line-height:0;
	
}

.realtimerank span.time,.dailyrank span.time,.weeklyrank span.time {
	display:block;
	position:absolute;
	
	left:0;
	top:260px;

	width:480px;
	text-align:center;

	font-family:'Noto Sans Japanese Thin';
	font-size:12px;
	color:#FFF;

	line-height:0;
	
}