/* CSS Document */

/*========================================================================

	ファイル名  : /css/rank.css
	概要　　　  : このCSSは/rank/配下のスタイル全般を定義したファイルです。
	サイト名　  : 
	URL         : http://www.oricon.co.jp/rank/
	コピーライト: All rights reserved by 
 	作成日      : 2011.08.03
	更新日      : 2011.11.15
	--------------------------LIST--------------------------
	
	 *** 00: Base ***

	 *** 01: Layout ***

	 *** 02: Top ***
	 
	 *** 03: bigjump ***

	 *** 04: Ranking ***
	
	 *** 05: Common ***
	
	----------------------------------------------
	
========================================================================*/


/*======================================================================

  00: Base
	
=======================================================================*/
/*div.topBar_menu_left a {
	width: 142px;
}*/
div.topBar_menu {
	font-size: 10px;
}
div.topBar_menu_center {
	width: 509px;
}

/*　IE6　*/
*html div.topBar_menu_center {
margin:0px 0px 0px 140px;
text-align:center;
width:auto;
}

.top_banner,
.top_banner div{
	width: 975px!important;
}

div#header0709 #gr_seach_area .oriconStyle a{
    margin: 12px 33px 0 8px!important;
}

.gnavi_975 {
	background-color: #0e53b5;
	padding-bottom: 5px!important;
	width: 976px!important;
}

.navi975px3_on a{
background-position: -196px -0px;
width:97px;
}

#gr_top_centering {
	margin: 0 auto;
	width: 975px;
}
#column3Main {
	float: left;
	width: 670px;
	margin-top: 10px;
}
#column3Right {
	float: right;
	width: 300px;
	overflow: hidden;
	margin-top: 10px;
}

.footer {
	clear: both;
	width: 100%!important;
}


/*======================================================================

  01: Layout
	
=======================================================================*/
#rank {
	width: 670px;
}
	#rank h1 {
		margin-bottom: 10px;
	}
	
#rank_box_top {
	background: url(http://contents.oricon.co.jp/rank/img/bg_rank_box.gif) no-repeat left top;
	padding-top: 9px;
	width: 665px;
}
#rank_box_btm {
	background: url(http://contents.oricon.co.jp/rank/img/bg_rank_box.gif) no-repeat left bottom;
	padding-bottom: 9px;
}
#rank_box_inr {
	background: url(http://contents.oricon.co.jp/rank/img/bg_rank_box_inr.gif) no-repeat left top #2db7f2;
	padding: 0 4px;
}

.section {
	width: 665px;
}
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.section {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .section {height: 1%;}
.section {display: block;}
/* End hide from IE-mac */

.twitter{
font-size: 11px;
padding: 5px 0px 10px 0px;
text-align: right;
float:left;
}

.mixi{
font-size: 11px;
padding: 5px 5px 0px 0px;
text-align: right;
float:left;
}

.facebook{
font-size: 11px;
padding: 5px 0px 10px 0px;
text-align: right;
float:left;
}

#rank .date{
padding: 5px 0px 0px 0px;
text-align: right;
float:right;
}
#rank .date span{
color:#CC3300;
}
#rank .date img{
	vertical-align:middle;
	margin-right:5px;
}


/*======================================================================

  02: Top
	
=======================================================================*/

/* rankbtn
 -------------------------------------------------- */
ul#rankbtn {
	background: url(http://contents.oricon.co.jp/rank/img/term.gif) no-repeat left top;
	width: 651px;
	height: 42px;
	padding: 3px 3px 0;
	overflow: hidden;
}
	ul#rankbtn li {
		float: left;
		width: 163px;
		height: 42px;
		overflow: hidden;
		position: relative;
	}
		ul#rankbtn li img {
			position: absolute;
			top: -3px;
		}
		ul#rankbtn li.daily {	width: 162px;	}
		ul#rankbtn li.daily img {	left: -3px;	}
		ul#rankbtn li.weekly img {	left: -165px;	}
		ul#rankbtn li.monthly img {	left: -328px;	}
		ul#rankbtn li.year img {	left: -491px;	}
		ul#rankbtn li.daily a:hover img,
		ul#rankbtn li.weekly a:hover img,
		ul#rankbtn li.monthly a:hover img,
		ul#rankbtn li.year a:hover img, 
		ul#rankbtn li.current a img {
			top: -48px;
			zoom: 1; /* for IE6,7 BUG */
		}

/* ranklist
 -------------------------------------------------- */
.ranklist {
	width: 652px;
	padding: 0 2px 0 3px;
}
.ranklist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ranklist {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .ranklist {height: 1%;}
.ranklist {display: block;}
/* End hide from IE-mac */

	.ranklist .item {
		width: 162px;
		float: left;
		background-color: #ffffff;
		border-right: 1px solid #2db7f2;
		border-bottom: 1px solid #2db7f2;
		padding-bottom: 5px;
		overflow:hidden;
	}
	
	/**/
		.ranklist .item a {
			color: #666666;
			display: block;
			position: relative;
			z-index: 9;
		}
		.ranklist .item a:hover{
			cursor: pointer;
			text-decoration: none!important;
		}
		.ranklist .item a:hover h2 img,
		.ranklist .item a:hover .item_img img,
		.ranklist .item a:hover .item_btn img,
		.ranklist .item a:hover .item_ttl {
			filter:alpha(opacity=70);
			opacity:0.7;
			-moz-opacity:0.7;
			color: #888888;
			text-decoration: none!important;
		}
	/**/
	
	
	
	.ranklist .box_hover{
			cursor: pointer;
			text-decoration: none!important;
		}
		
	.ranklist .box_hover .item_btn img {
		margin-top: 0.5px\9; /* for IE8 */
	}
	
	.ranklist .box_hover img,
	.ranklist .box_hover .item_ttl{
			filter:alpha(opacity=70);
			opacity:0.7;
			-moz-opacity:0.7;
			color: #888888;
			text-decoration: none!important;
	}
		.ranklist .item p.readmore{
			display: none;
		}	
		
		.ranklist .item h2 {
			background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat right 2px #23569a;
			height: 17px;
			padding: 6px 8px 7px;
		}
		.ranklist .item .item_img {
			padding: 1px;
			width: 160px;
			height: 160px;
			text-align: center;
		}
		.ranklist .item .item_ttl {
			padding: 10px 5px;
		}
			.ranklist .item .item_ttl dl dt {
				font-weight: bold;
				margin-bottom: 5px;
				white-space: pre;           /* CSS 2.0 */
				white-space: pre-wrap;      /* CSS 2.1 */
				white-space: pre-line;      /* CSS 3.0 */
				white-space: -pre-wrap;     /* Opera 4-6 */
				white-space: -o-pre-wrap;   /* Opera 7 */
				white-space: -moz-pre-wrap; /* Mozilla */
				white-space: -hp-pre-wrap;  /* HP Printers */
				word-wrap: break-word;      /* IE 5+ */
			}
			.ranklist .item .item_ttl dl dd {
				font-size: 76.9%;
				white-space: pre;           /* CSS 2.0 */
				white-space: pre-wrap;      /* CSS 2.1 */
				white-space: pre-line;      /* CSS 3.0 */
				white-space: -pre-wrap;     /* Opera 4-6 */
				white-space: -o-pre-wrap;   /* Opera 7 */
				white-space: -moz-pre-wrap; /* Mozilla */
				white-space: -hp-pre-wrap;  /* HP Printers */
				word-wrap: break-word;      /* IE 5+ */
			}
		.ranklist .item .item_btn {
			text-align: center;
		}
		

/* ranklist_s
 -------------------------------------------------- */
.ranklist_s {
	width: 652px;
	padding: 0 2px 0 3px;
	margin-top: 10px;
}
	.ranklist_s .item_s {
		border-bottom: 1px solid #2db7f2;
	}
	.ranklist_s .box_hover{
			cursor: pointer;
			text-decoration: none!important;
		}
	
	.ranklist_s .box_hover img,
	.ranklist_s .box_hover .ranktable td{
			filter:alpha(opacity=70);
			opacity:0.7;
			-moz-opacity:0.7;
			color: #888888;
			text-decoration: none!important;
		}
		.ranklist_s .item_s p.readmore{
			display: none;
		}	
		.ranklist_s .box_hover .item_btn img {
			margin-top: 0.5px\9; /* for IE8 */
		}
		
	.ranktable {
		border-collapse: collapse;
		background-color: #ffffff;
		width: 651px;
		}
		.ranktable th {
			background-color: #23569a;
			vertical-align: middle;
			padding-left: 10px;
			width: 150px;
			height: 32px;
		}
		.ranktable td.item_ttl {
			padding: 5px;
			width: 320px;
			font-weight: bold;
			color: #666666;
		}
		.ranktable td.item_ttl div {
			width: 320px;
			word-break: break-all;
			white-space: pre;           /* CSS 2.0 */
			white-space: pre-wrap;      /* CSS 2.1 */
			white-space: pre-line;      /* CSS 3.0 */
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
		
		.ranktable td.item_btn {
			text-align: center;
			width: 151px;
		}
		.ranktable td.item_btn a {
			text-decoration: none!important;
		}


/* release
 -------------------------------------------------- */
#release {
	background-color: #ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: relative;
	width: 648px;
	margin: 10px 3px 0 6px;
}
	#release h3 {
		float: left;
		margin-left: -5px;
		width: 176px;
		height: 28px;
		overflow: hidden;
	}
		#release h3 span {
			position: relative;
			display: block;
			width: 176px;
			height: 28px;
			overflow: hidden;
	}
		#release h3 img {
			position: absolute;
			left: 0;
			top: -225px;
	}
	#release ul{
		width: 437px;
		padding: 6px 20px;
		float: left;
		display: inline;
	}
		#release ul li{
			display: inline;
		}
			#release ul li a{
				background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat left -117px;
				padding: 0 10px;
			}


/* cntbox
 -------------------------------------------------- */
.cntbox {
	background: url(http://contents.oricon.co.jp/rank/img/bg_contbox.gif) repeat-x bottom;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 27px;
}
	.cntbox h2 {
		padding: 5px 0;
		background: url(http://contents.oricon.co.jp/rank/img/ttl_rank.gif) repeat-x top;
		height: 23px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		}
	.cntbox h2 img {
		margin-left: -1px;
	}
	.cntbox_inr {
		padding: 10px 10px 5px;
	}
	.cntbox_inr:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.cntbox_inr {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .cntbox_inr {height: 1%;}
	.cntbox_inr {display: block;}
	/* End hide from IE-mac */	
	
	.cntbox_inr .item_img {
		text-align: center;
		margin-bottom: 10px;
	}
	.rank1_ttl {
		font-weight: bold;
		min-height:25px;
		height: auto !important;
		height: 25px;
		text-indent: -33px;
		padding-left: 33px;
		white-space: pre;           /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap;  /* HP Printers */
		word-wrap: break-word;      /* IE 5+ */
	}
	.cntbox_inr span.rank1 {
		margin-bottom: -5px;
	}
	.cnt_btn{
		position: absolute;
		bottom: 5px;
		left: 10px;
	}


/* cntbox_bigjump
 -------------------------------------------------- */
#cntbox_bigjump {
	width: 437px;
	float: left;
}
	#cntbox_bigjump .cntbox_inr {
		width: 417px;
	}
	.cnt_bigjump_box {
		background-color: #f3f3f3;
		float: left;
		width: 136px;
		margin-right: 4px;
		margin-bottom: 5px;
	}
		.cnt_bigjump_box h3 {
			background-color: #23569a;
			text-align: center;
			padding:5px 5px 2px; 
		}
		.cnt_bigjump_box_inr {
			padding: 10px;
			text-align: center;
		}
		.cnt_bigjump_box_inr .up {
			width: 74px;
			margin: 0 auto 1px;
		}
		.cnt_bigjump_box_inr dl.item_ttl dt {
			font-weight: bold;
			white-space: pre;           /* CSS 2.0 */
			white-space: pre-wrap;      /* CSS 2.1 */
			white-space: pre-line;      /* CSS 3.0 */
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
		.cnt_bigjump_box_inr dl.item_ttl dd {
			font-weight: bold;
			white-space: pre;           /* CSS 2.0 */
			white-space: pre-wrap;      /* CSS 2.1 */
			white-space: pre-line;      /* CSS 3.0 */
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
	#cntbox_bigjump .last { /* for IE6 BUG */
		_margin-right: -1px;
	}
	
	.cnt_bigjump_box .notitle {
		text-align: center;
		margin-top: 20px;
	}


/* cntbox_pastrank
 -------------------------------------------------- */
#cntbox_pastrank {
	width: 213px;
	float: right;
}
	#cntbox_pastrank p.lead {
		font-weight: bold;
		text-align: center;
		font-size: 14px;
		margin-bottom: 10px;
	}
	#cntbox_pastrank h3 {
		color: #cc0000;
		font-size: 11.5px;
		text-indent: -33px;
		padding-left: 33px;
		margin-bottom: 5px;
	}
	#cntbox_pastrank h3 span.rank1 {
		margin-bottom: -14px;
	}
		#cntbox_pastrank .item_img {
			float: left;
			width: 80px;
		}
		#cntbox_pastrank dl.item_ttl {
			float: right;
			width: 100px;
			white-space: pre;           /* CSS 2.0 */
			white-space: pre-wrap;      /* CSS 2.1 */
			white-space: pre-line;      /* CSS 3.0 */
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
		#cntbox_pastrank dl.item_ttl dt {
			font-weight: bold;
			margin-bottom: 5px;
		}


/* cntbox_talent
 -------------------------------------------------- */
#cntbox_talent {
	float: left;
	width: 159px;
	margin-right: 7px;
}


/* cntbox_stablo
 -------------------------------------------------- */
#cntbox_stablo {
	float: left;
	width: 159px;
	margin-right: 7px;
}


/* cntbox_snap
 -------------------------------------------------- */
#cntbox_snap {
	width: 327px;
	float: right;
}
	#cntbox_snap .cnt_snap_box {
		background: url(http://contents.oricon.co.jp/rank/img/bg_snap.gif);
		width: 140px;
		padding: 5px;
	}
	#cntbox_snap #girl {
		float: left;
	}
	#cntbox_snap #men {
		float: right;
	}
		#cntbox_snap .cnt_snap_box .item_img{
			margin-bottom: 5px;
		}
		#cntbox_snap .cnt_snap_box .rank1_ttl {
			text-indent: -20px;
		}
	#cntbox_snap .cnt_btn {
		left: 15px;
	}
	
	
	
/* cntbox_android
 -------------------------------------------------- */
#cntbox_android {
	float: left;
	width: 159px;
	margin-right: 7px;
}


/* cntbox_iphone
 -------------------------------------------------- */
#cntbox_iphone {
	float: left;
	width: 159px;
	margin-right: 7px;
}


/* cntbox_trend
 -------------------------------------------------- */
#cntbox_trend {
	float: left;
	width: 159px;
	margin-right: 7px;
	font-size: 10px;
}
	#cntbox_trend ul {
		margin-top: 10px;
	}
		#cntbox_trend ul li {
			list-style-type: disc;
			list-style-position: inside;
		}


/* cntbox_cs
 -------------------------------------------------- */
#cntbox_cs {
	width: 159px;
	float: right;
	font-size: 10px;
}
	#cntbox_cs ul {
	}
		#cntbox_cs ul li {
			list-style-type: disc;
			list-style-position: inside;
		}


/* cntbox_news
 -------------------------------------------------- */
#cntbox_news {
	clear: both;
	width: 663px;
	padding-bottom: 0;
}
	#cntbox_news .cntbox_inr p{
		margin-bottom: 5px;
	}
	#cntbox_news .cnt_btn{
		position: static;
		clear: both;
		padding: 5px 0;
		text-align: right;
	}
	

/* cntbox_enquete
 -------------------------------------------------- */
#cntbox_enquete {
	width: 663px;
	padding-bottom: 0;
}
	#cntbox_enquete h3 {
		font-size: 12px;
		margin-bottom: 5px;
	}
	#cntbox_enquete ul {
	}
		#cntbox_enquete ul li {
			list-style-type: disc;
			list-style-position: inside;
			margin-bottom: 5px;
		}
	#cntbox_enquete .cnt_btn{
		position: static;
		clear: both;
		padding: 5px 0;
		text-align: right;
	}


/* cntbox_special
 -------------------------------------------------- */
#cntbox_special {
	width: 663px;
	padding-bottom: 10px;
}
	.cnt_special_box {
		float: left;
		width: 110px;
		margin-right: 10px;
	}
		.cnt_special_box dl.item_ttl dt {
			margin-bottom: 5px;
		}
		
	ul#cnt_special_list {
		float: right;
		width: 163px;
	}
		ul#cnt_special_list li {
			background: url(http://contents.oricon.co.jp/rank/img/btn.png) no-repeat left -220px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
					position: relative;
			margin-bottom: 5px;
			padding: 5px;
		}
		ul#cnt_special_list li a {
			background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat 5px -116px;
			font-weight: bold;
			padding-left: 15px;
		}



/* CSS Sprite
 -------------------------------------------------- */
#category_single,
#category_album ,
#category_dvd,
#category_e_album,
#category_enka,
#category_dvd_music,
#category_dvd_movie,
#category_dvd_anime,
#category_bluray,
#category_book,
#category_comic,
#category_paperbook,
#category_indies_single,
#category_indies_album,
#category_karaoke,
#category_expect_single,
#category_expect_album,
#category_chakuuta,
#category_cinema,
#category_anime,
#category_game,
#category_ds,
#category_ps2{
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 17px;
}

#category_single img,
#category_album img,
#category_dvd img,
#category_e_album img,
#category_enka img,
#category_dvd_music img,
#category_dvd_movie img,
#category_dvd_anime img,
#category_bluray img,
#category_book img,
#category_comic img,
#category_paperbook img,
#category_indies_single img,
#category_indies_album img,
#category_karaoke img,
#category_expect_single img,
#category_expect_album img,
#category_chakuuta img,
#category_cinema img,
#category_anime img,
#category_game img,
#category_ds img,
#category_ps2 img{
	position: absolute;
	left: 0;
}

#category_single { width: 86px;}
#category_single img { top: 0;}
#category_album {width: 84px;}
#category_album img{top: -17px;}
#category_dvd {width: 68px;}
#category_dvd img{top: -68px;}
#category_e_album {width: 93px;}
#category_e_album img { top: -34px;}
#category_enka {width: 69px;}
#category_enka img { top: -51px;}
#category_dvd_music {width: 68px;}
#category_dvd_music img { top: -85px;}
#category_dvd_movie {width: 68px;}
#category_dvd_movie img { top: -102px;}
#category_dvd_anime {width: 80px;}
#category_dvd_anime img { top: -119px;}
#category_bluray {width: 91px;}
#category_bluray img { top: -136px;}
#category_book {width: 94px;}
#category_book img { top: -153px;}
#category_comic {width: 52px;}
#category_comic img { top: -170px;}
#category_paperbook {width: 33px;}
#category_paperbook img { top: -187px;}
#category_indies_single {width: 145px;}
#category_indies_single img { top: -204px;}
#category_indies_album {width: 145px;}
#category_indies_album img { top: -221px;}
#category_karaoke {width: 63px;}
#category_karaoke img { top: -238px;}
#category_expect_single {width: 108px;}
#category_expect_single img { top: -254px;}
#category_expect_album {width: 111px;}
#category_expect_album img { top: -272px;}
#category_chakuuta {width: 89px;}
#category_chakuuta img { top: -289px;}
#category_cinema {width: 63px;}
#category_cinema img { top: -306px;}
#category_anime {width: 72px;}
#category_anime img { top: -323px;}
#category_game {width: 47px;}
#category_game img { top: -340px;}
#category_ds {width: 111px;}
#category_ds img { top: -374px;}
#category_ps2 {width: 141px;}
#category_ps2 img { top: -357px;}


.nextrank {
	display: inline-block;
	width: 151px;
	height: 22px;
	position: relative;
	overflow: hidden;
}
	.nextrank img {
		position: absolute;
		top: 0;
		left: 0;
	}


#cnt_bigjump,
#cnt_pastrank,
#cnt_talent,
#cnt_stablo,
#cnt_snap,
#cnt_android,
#cnt_iphone,
#cnt_trend,
#cnt_cs,
#cnt_news,
#cnt_enquete,
#cnt_special{
	display: block;
	position: relative;
	overflow: hidden;
	height: 16px;
}
#cnt_bigjump img,
#cnt_pastrank img,
#cnt_talent img,
#cnt_stablo img,
#cnt_snap img,
#cnt_android img,
#cnt_iphone img,
#cnt_trend img,
#cnt_cs img,
#cnt_news img,
#cnt_enquete img,
#cnt_special img{
	position: absolute;
	left: 0;
}
#cnt_bigjump{	width: 176px;}
#cnt_bigjump img{	top: -33px;}
#cnt_pastrank{ width: 121px;}
#cnt_pastrank img{ top: -49px;}
#cnt_talent{ width: 152px;}
#cnt_talent img{ top: -65px;}
#cnt_stablo{ width: 155px;}
#cnt_stablo img{ top: -81px;}
#cnt_snap{ width: 170px;}
#cnt_snap img{ top: -97px;}
#cnt_android{	width: 147px;}
#cnt_android img{ top: -113px;}
#cnt_iphone{ width: 147px;}
#cnt_iphone img{ top: -129px;}
#cnt_trend{ width: 125px;}
#cnt_trend img{ top: -145px;}
#cnt_cs{ width: 124px;}
#cnt_cs img{ top: -161px;}
#cnt_news{ width: 152px;}
#cnt_news img{ top: -177px;}
#cnt_enquete{	width: 121px;}
#cnt_enquete img{ top: -193px;}
#cnt_special{	width: 93px;}
#cnt_special img{ top: -209px;}


#btn_bigjump,
#btn_pastrank,
#btn_talent,
#btn_stablo,
#btn_snap_girl,
#btn_snap_men,
#btn_android,
#btn_iphone,
#btn_trend,
#btn_cs,
#btn_news,
#btn_enquete{
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 22px;
}
#btn_bigjump img,
#btn_pastrank img,
#btn_talent img,
#btn_stablo img,
#btn_snap_girl img,
#btn_snap_men img,
#btn_android img,
#btn_iphone img,
#btn_trend img,
#btn_cs img,
#btn_news img,
#btn_enquete img{
	position: absolute;
	left: 0px;
}

#btn_bigjump{	width: 417px;}
#btn_bigjump img{	top: -198px;}
#btn_pastrank{ width: 193px;}
#btn_pastrank img{ top: -176px;}
#btn_talent{ width: 139px;}
#btn_talent img{ top: -21px;}
#btn_stablo{ width: 139px;}
#btn_stablo img{ top: -44px;}
#btn_snap_girl{	width: 139px;}
#btn_snap_girl img{	top: -66px;}
#btn_snap_men{ width: 139px;}
#btn_snap_men img{	top: -88px;}
#btn_android{	width: 139px;}
#btn_android img{	top: -21px;}
#btn_iphone{ width: 139px;}
#btn_iphone img{ top: -21px;}
#btn_trend{	width: 139px;}
#btn_trend img{	top: -110px;}
#btn_cs{ width: 139px;}
#btn_cs img{ top: -132px;}
#btn_news{ width: 139px;}
#btn_news img{ top: -154px;}
#btn_enquete{	width: 139px;}
#btn_enquete img{	top: -110px;}
	

/*======================================================================

  03: bigjump
	
=======================================================================*/
#bigjump {
	margin: 20px 0;
}

#bigjump .item_box {
	margin: 0 5px;
	padding-bottom: 10px;
	position: relative;
}
	#bigjump .item_box h2 {
		background-color: #23569a;
		padding: 10px;
		width: 627px;
	}
	#bigjump .item_box_inr {
		background-color: #ebebeb;
		padding: 10px;
	}

#bigjump #dvd {
	padding-bottom: 0;
}
#bigjump #rank_explain {
	position: absolute;
	top: 4px;
	right: 38px;
	z-index: 10;
}

#bigjump .item {
	width: 208px;
	float: left;
	background: url(http://contents.oricon.co.jp/rank/bigjump/img/bg_item_top.gif) no-repeat top;
	padding-top: 9px;
	_margin-right: -1px;
}
#bigjump .item_btm {
	width: 208px;
	background: url(http://contents.oricon.co.jp/rank/bigjump/img/bg_item_btm.gif) no-repeat bottom;
	padding-bottom: 9px;
}
#bigjump .item_inr {
	background: url(http://contents.oricon.co.jp/rank/bigjump/img/bg_item_inr.gif) repeat-y center;
	padding: 0 14px;
	width: 180px;
}

#bigjump .fb {
	width: 160px;
	min-height: 21px;
	height: auto!important;
	height: 21px;
	margin: 0 10px 3px;
}

#bigjump table.rank_table {
	width: 160px;
	margin: 0 10px;
	border-collapse: collapse;
}
	#bigjump table.rank_table td {
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		padding: 5px 3px;
	}
	#bigjump table.rank_table td.last {
		background-color: #999999;
		width: 28%;
	}
	#bigjump table.rank_table td.now {
		background-color: #ff6600;
		width: 28%;
	}
	#bigjump table.rank_table td.up {
		border-right: 0;
		width: 44%;
	}
		.up span {
			display: inline-block;
			width: 36px;
			height: 14px;
			background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat 0 -90px;
			text-indent: -9999px;
		}

#bigjump .item_img {
	width: 160px;
	height: 160px;
	text-align: center;
	margin: 0 10px;
}

#bigjump dl.item_ttl {
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	width: 180px;
}
	#bigjump dl.item_ttl dt {
		font-size: 113%;
	}
	
#bigjump .notitle {
	width: 160px;
	text-align: center;
	margin: 0 10px;
}




/*======================================================================

  04: Ranking
	
=======================================================================*/

.disnon {
  display: none;
}

#ranknav_area {
	clear: both;
	min-height:145px;
	height: auto !important;
	height: 145px;
}
#ranknav_area02 {
	clear: both;
	min-height:80px;
	height: auto !important;
	height: 80px;
}

.rank_bnr {
 background-color: #2DB7F2;
 margin: 0 3px 5px;
 height: auto;
}


/*-------------------------------------------------
   rank_nav
 -------------------------------------------------- */
#ranknav {
	/*clear: both;*/
	width: 665px;
	background-color: #32b9f2;
	padding-bottom: 5px;
	border-bottom-k-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}

/* ranknav_main
 -------------------------------------------------- */
#ranknav ul#ranknav_main {
	margin-bottom: 4px;
}
#ranknav ul#ranknav_main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#ranknav ul#ranknav_main {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #ranknav ul#ranknav_main {height: 1%;}
#ranknav ul#ranknav_main {display: block;}
/* End hide from IE-mac */

	#ranknav ul#ranknav_main li {
		float: left;
		width: 133px;
		height: 26px;
		position: relative;
		overflow: hidden;
	}
	#ranknav ul#ranknav_main li#enquete {
		width: 132px;
	}
		#ranknav ul#ranknav_main li img {
			position: absolute;
			top: 0;
		}
		#ranknav ul#ranknav_main li#music img { left: 0;}
		#ranknav ul#ranknav_main li#other img { left: -133px;}
		#ranknav ul#ranknav_main li#dvd img { left: -266px;}
		#ranknav ul#ranknav_main li#book img { left: -399px;}
		#ranknav ul#ranknav_main li#enquete img { left: -532px;}
		#ranknav ul#ranknav_main li:hover img,
		#ranknav ul#ranknav_main li.current img {
			top: -26px;
			zoom: 1; /* for IE6,7 BUG */
		}
		#ranknav ul#ranknav_main li:hover {
			cursor: pointer;
		}

/* ranknav_sub
 -------------------------------------------------- */
#ranknav ul.ranknav_sub {
	background-color: #ffffff;
	width: 642px;
	margin: 0 4px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	padding: 5px 7px;
	letter-spacing: -0.4em;
}
	#ranknav ul.ranknav_sub li {
		height: 36px;
		position: relative;
		overflow: hidden;
		letter-spacing: normal;
		display:inline-block;
		/display:inline;
		/zoom: 1;
	}
	#ranknav ul.ranknav_sub li img {
		position: absolute;
	}
		#ranknav ul.ranknav_sub li a:hover img {
			zoom: 1; /* for IE6,7 BUG */
		}
		
		

/* music_sub */
#ranknav ul#music_sub li {	width: 128px;}
#ranknav ul#music_sub li img {	top: -52px;	}
#ranknav ul#music_sub li a:hover img,
#ranknav ul#music_sub li.current img { top: -88px;	}

#ranknav ul#music_sub li#single { width: 129px;}
#ranknav ul#music_sub li#i_album { width: 129px;}

#ranknav ul#music_sub li#single img { left: 0;}
#ranknav ul#music_sub li#album img { left: -129px;}
#ranknav ul#music_sub li#e_album img { left: -257px;}
#ranknav ul#music_sub li#i_single img { left: -385px;}
#ranknav ul#music_sub li#i_album img { left: -513px;}

/* other_sub */
#ranknav ul#other_sub li {	width: 107px;}
#ranknav ul#other_sub li img {	top: -125px;	}
#ranknav ul#other_sub li a:hover img,
#ranknav ul#other_sub li.current img {	top: -161px;	}

#ranknav ul#other_sub li#enka img { left: 0;}
#ranknav ul#other_sub li#anime img { left: -107px;}
#ranknav ul#other_sub li#karaoke img { left: -214px;}
#ranknav ul#other_sub li#k_single img { left: -321px;}
#ranknav ul#other_sub li#k_album img { left: -428px;}
#ranknav ul#other_sub li#chakuuta img { left: -535px;}

/* dvd_sub */
#ranknav ul#dvd_sub li {	width: 107px;}
#ranknav ul#dvd_sub li img {	top: -197px;	}
#ranknav ul#dvd_sub li a:hover img,
#ranknav ul#dvd_sub li.current img {	top: -233px;}

#ranknav ul#dvd_sub li#dvds img { left: 0;}
#ranknav ul#dvd_sub li#music img { left: -107px;}
#ranknav ul#dvd_sub li#movie img { left: -214px;}
#ranknav ul#dvd_sub li#dvd_anime img { left: -321px;}
#ranknav ul#dvd_sub li#bluray img { left: -428px;}
#ranknav ul#dvd_sub li#cinema img { left: -535px;}

/* book_sub */
#ranknav ul#book_sub li { width: 214px;}
#ranknav ul#book_sub li img { top: -269px;}
#ranknav ul#book_sub li a:hover img,
#ranknav ul#book_sub li.current img { top: -305px;}

#ranknav ul#book_sub li#books img { left: 0;}
#ranknav ul#book_sub li#comic img { left: -214px;}
#ranknav ul#book_sub li#paperbook img { left: -428px;}

/* game_sub */
#ranknav ul#game_sub li { width: 321px;}
#ranknav ul#game_sub li img { top: -341px;	}
#ranknav ul#game_sub li a:hover img,
#ranknav ul#game_sub li.current img { top: -377px;	}

#ranknav ul#game_sub li#games img { left: 0;}
#ranknav ul#game_sub li#ds img { left: -321px;}

/* enquete_sub */
#ranknav ul#enquete_sub li {	width: 321px;}
#ranknav ul#enquete_sub li img {	top: -413px;}
#ranknav ul#enquete_sub li a:hover img,
#ranknav ul#enquete_sub li.current img {	top: -449px;}

#ranknav ul#enquete_sub li#search img { left: 0;}
#ranknav ul#enquete_sub li#list img { left: -321px;}



/* calender
 -------------------------------------------------- */
#calender {
	background-color: #f5f5f5;
	width: 616px;
	margin: 10px 4px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	padding: 10px 20px 0;
	-moz-box-shadow: 0px 3px 3px 0px #3283a6;　/* Firefox用 */
	-webkit-box-shadow: 0px 3px 3px 0px #3283a6;　/* Safari,Google Chrome用 */
	box-shadow: 0px 3px 3px 0px #3283a6;
}

#calender_inr {
	background-color: #f5f5f5;
	width: 616px;
	position: relative;
}

/* yearlist */
#yearlist {
	float: left;
	width: 120px;
	padding: 5px 5px 2px;
	background: url(http://contents.oricon.co.jp/rank/img/bg_yearlist.gif);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
}
	#yearlist div.prev, 
	#yearlist div.next {
		width: 120px;
		height: 20px;
		position: relative;
		overflow: hidden;
		margin-bottom: 3px;
	}
	#yearlist div.prev:hover, 
	#yearlist div.next:hover {
		cursor: pointer;
	}
	
		#yearlist div.prev img {
			position: absolute;
			top: -406px;
			left: -183px;
		}
		#yearlist div.next img {
			position: absolute;
			top: -406px;
			left: -63px;
		}
		#yearlist div.disabled img {
			top: -386px;
		}
	
	#yearlist ul li {
		background-color: #ffffff;
		border: 1px solid #ffffff;
		height: 16px;
		text-align: center;
		font-weight: bold;
		padding: 3px;
		margin-bottom: 3px;
		color: #138CD3;
		position: relative;
	}
	#yearlist ul li.current {
		background-color: #ffffcc;
		border: 1px solid #b5b54d;
	}
	#yearlist ul li.current_or {
		background-color: #ff6600;
		border: 1px solid #b56600;
	}
		#yearlist ul li.current_or a {
			color: #ffffff;
		}
	#yearlist ul li:hover {
		cursor: pointer;
	}
		#yearlist ul li a{
			display: block;
		}
		
		#yearlist ul li .year {
			position: absolute;
			top: 3px;
			right: 8px;
		}
			#yearlist ul li .year span {
				display: inline-block;
				position: relative;
				overflow: hidden;
				width: 28px;
				height: 15px;
			}
				#yearlist ul li .year span img {
					position: absolute;
					top: -270px;
					left: 0;
				}
		
		

/* monthlist */
#monthlist {
	float: right;
	width: 478px;
	border: 1px solid #b4b4b5;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
	margin-bottom: 10px;
}
#monthlist_inr {
	width: 456px;
	padding:10px;
	background-color: #eeeeef;
	border: 1px solid #d1d1d2;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
}
	#monthlist div.prev {
		float: left;
		width: 25px;
	}
	#monthlist div.next {
		float: right;
	}
	#monthlist div.prev:hover, 
	#monthlist div.next:hover {
		cursor: pointer;
	}
	
		#monthlist div.prev span, 
		#monthlist div.next span {
			display: block;
			width: 20px;
			height: 30px;
			position: relative;
			overflow: hidden;
			margin-bottom: 3px;
		}
		#monthlist div.prev img {
			position: absolute;
			top: -386px;
			left: -20px;
		}
		#monthlist div.next img {
			position: absolute;
			top: -416px;
			left: -20px;
		}
		/*#monthlist div.current img {
			left: -20px;
		}*/
		#monthlist div.disabled img {
			left: 0;
		}
		
		#month_carousel {
			float: left;
		}
			dl.month {
				float: left;
				width: 95px;
				padding: 0 3px;
				font-weight: bold;
			}
				dl.month dt {
					background-color: #ffffff;
					border: 1px solid #ffffff;
					text-align: center;
					margin-bottom: 2px;
					padding: 5px;
					font-size: 14px;
				}
				dl.month dd {
					background-color: #ffffff;
					text-align: center;
					margin-bottom: 2px;
					padding: 5px 3px;
					font-size: 12px;
				}
				dl.month dd.empty {
					background-color: #eeeeef;
				}
				dl.month dt.current {
					background-color: #ffffcc;
					border: 1px solid #b5b54d;
				}
				dl.month dt.current_or {
					background-color: #ff6600;
					border: 1px solid #ff6600;
				}
					dl.month dt.current_or a {
						color: #ffffff;
					}
				dl.month dd.current {
					background-color: #ff6600;
				}
					dl.month dd.current a {
						color: #ffffff;
					}
					

/* dailylist */
#dailylist {
	clear: both;
	width: 606px;
	height: 22px;
	padding: 5px;
	border: 1px solid #b4b4b4;
	border-bottom: 0;
	background: url(http://contents.oricon.co.jp/rank/img/ttl_rank.gif) left -297px;
	border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	position: relative;
}
	p#dailylist_ttl {
		float: left;
		width: 110px;
		height: 13px;
		padding-top: 5px;
	}
		p#dailylist_ttl span {
			display: inline-block;
			width: 104px;
			height: 13px;
			position: relative;
			overflow: hidden;
		}
		p#dailylist_ttl img {
			position: absolute;
			left: 0;
			top: -284px;
		}
		
	#dailylist ul {
		letter-spacing: -0.4em;
		width: 496px;
		height:22px;
		float: left;
	}
		#dailylist ul li {
			letter-spacing: normal;
			display:inline-block;
			/display:inline;
			/zoom: 1;
			background-color:#ffffff;
			width: 60px;
			font-weight: bold;
			text-align: center;
			padding: 3px 0;
			margin-right: 2px;
			height: 16px;
		}
			#dailylist ul li.current {
				background-color: #ff6600;
			}
				#dailylist ul li.current a {
					color: #ffffff;
				}

/* open
 -------------------------------------------------- */
.open {
	margin: -5px 0 20px 200px;
}
.open:hover {
	cursor: pointer;
}
	.open span {
		display: inline-block;
		width: 270px;
		height: 30px;
		position: relative;
		overflow: hidden;
	}
	.open span img {
		position: absolute;
		top: -446px;
		left: 0;
	}
	
/* close
 -------------------------------------------------- */
.close {
	margin: -5px 0 20px 200px;
}
.close:hover {
	cursor: pointer;
}
	.close span {
		display: inline-block;
		width: 270px;
		height: 30px;
		position: relative;
		overflow: hidden;
	}
	.close span img {
		position: absolute;
		top: -476px;
		left: 0;
	}
	
	
/*-------------------------------------------------
   rank_nav02
 -------------------------------------------------- */
#ranknav02 {
	/*clear: both;*/
	width: 578px;
	background-color: #32b9f2;
	padding-bottom: 5px;
	border-bottom-k-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	margin: 0 auto;
}

/* ranknav_main
 -------------------------------------------------- */
#ranknav02 ul#ranknav_main {
	margin-bottom: 4px;
}
#ranknav02 ul#ranknav_main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#ranknav02 ul#ranknav_main {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #ranknav02 ul#ranknav_main {height: 1%;}
#ranknav02 ul#ranknav_main {display: block;}
/* End hide from IE-mac */

	#ranknav02 ul#ranknav_main li {
		float: left;
		width: 115px;
		height: 26px;
		position: relative;
		overflow: hidden;
	}
	
	#ranknav02 ul#ranknav_main li#music {	width: 116px;}
	#ranknav02 ul#ranknav_main li#enquete {	width: 117px;}
	
		#ranknav02 ul#ranknav_main li img {
			position: absolute;
			top: 0;
		}
		#ranknav02 ul#ranknav_main li#music img { left: 0;}
		#ranknav02 ul#ranknav_main li#other img { left: -116px;}
		#ranknav02 ul#ranknav_main li#dvd img { left: -231px;}
		#ranknav02 ul#ranknav_main li#book img { left: -346px;}
		#ranknav02 ul#ranknav_main li#enquete img { left: -461px;}
		#ranknav02 ul#ranknav_main li:hover img,
		#ranknav02 ul#ranknav_main li.current img {
			top: -26px;
			zoom: 1; /* for IE6,7 BUG */
		}
		#ranknav02 ul#ranknav_main li:hover {
			cursor: pointer;
		}
		
		

/* ranknav_sub
 -------------------------------------------------- */
#ranknav02 ul.ranknav_sub {
	background-color: #ffffff;
	width: 555px;
	margin: 0 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	padding: 5px 7px;
	letter-spacing: -0.4em;
}
	#ranknav02 ul.ranknav_sub li {
		height: 36px;
		position: relative;
		overflow: hidden;
		letter-spacing: normal;
		display:inline-block;
		/display:inline;
		/zoom: 1;
	}
	#ranknav02 ul.ranknav_sub li img {
		position: absolute;
	}
		#ranknav02 ul.ranknav_sub li a:hover img {
			zoom: 1; /* for IE6,7 BUG */
		}

/* music_sub */
#ranknav02 ul#music_sub li { width: 111px;}
#ranknav02 ul#music_sub li img {	top: -52px;	}
#ranknav02 ul#music_sub li a:hover img,
#ranknav02 ul#music_sub li.current img { top: -88px;	}

#ranknav02 ul#music_sub li#single img { left: 0;}
#ranknav02 ul#music_sub li#album img { left: -111px;}
#ranknav02 ul#music_sub li#e_album img { left: -222px;}
#ranknav02 ul#music_sub li#i_single img { left: -333px;}
#ranknav02 ul#music_sub li#i_album img { left: -444px;}

/* other_sub */
#ranknav02 ul#other_sub li { width: 93px;}
#ranknav02 ul#other_sub li img {	top: -125px;	}
#ranknav02 ul#other_sub li a:hover img,
#ranknav02 ul#other_sub li.current img {	top: -161px;	}

#ranknav02 ul#other_sub li#chakuuta { width: 90px;}

#ranknav02 ul#other_sub li#enka img { left: 0;}
#ranknav02 ul#other_sub li#anime img { left: -92px;}
#ranknav02 ul#other_sub li#karaoke img { left: -186px;}
#ranknav02 ul#other_sub li#k_single img { left: -279px;}
#ranknav02 ul#other_sub li#k_album img { left: -372px;}
#ranknav02 ul#other_sub li#chakuuta img { left: -465px;}

/* dvd_sub */
#ranknav02 ul#dvd_sub li { width: 93px;}
#ranknav02 ul#dvd_sub li img { top: -197px;	}
#ranknav02 ul#dvd_sub li a:hover img,
#ranknav02 ul#dvd_sub li.current img { top: -233px;}

#ranknav02 ul#dvd_sub li#cinema { width: 90px;}

#ranknav02 ul#dvd_sub li#dvds img { left: 0;}
#ranknav02 ul#dvd_sub li#music img { left: -92px;}
#ranknav02 ul#dvd_sub li#movie img { left: -186px;}
#ranknav02 ul#dvd_sub li#dvd_anime img { left: -279px;}
#ranknav02 ul#dvd_sub li#bluray img { left: -372px;}
#ranknav02 ul#dvd_sub li#cinema img { left: -465px;}

/* book_sub */
#ranknav02 ul#book_sub li { width: 185px;}
#ranknav02 ul#book_sub li img { top: -269px;}
#ranknav02 ul#book_sub li a:hover img,
#ranknav02 ul#book_sub li.current img { top: -305px;}

#ranknav02 ul#book_sub li#books img { left: 0;}
#ranknav02 ul#book_sub li#comic img { left: -185px;}
#ranknav02 ul#book_sub li#paperbook img { left: -370px;}

/* game_sub */
#ranknav02 ul#game_sub li { width: 277px;}
#ranknav02 ul#game_sub li img { top: -341px;	}
#ranknav02 ul#game_sub li a:hover img,
#ranknav02 ul#game_sub li.current img { top: -377px;	}

#ranknav02 ul#game_sub li#games img { left: 0;}
#ranknav02 ul#game_sub li#ds img { left: -278px;}

/* enquete_sub */
#ranknav02 ul#enquete_sub li {	width: 277px;}
#ranknav02 ul#enquete_sub li img {	top: -413px;}
#ranknav02 ul#enquete_sub li a:hover img,
#ranknav02 ul#enquete_sub li.current img {	top: -449px;}

#ranknav02 ul#enquete_sub li#search img { left: 0;}
#ranknav02 ul#enquete_sub li#list img { left: -278px;}

	
	
	

/* rank_ttl
 -------------------------------------------------- */
h1#rank_ttl {
	font-size: 16px;
}
	h1#rank_ttl span {
		font-size: 12px;
		font-weight: normal;
	}


/* rank_select
 -------------------------------------------------- */
.rank_select {
	background-color: #ffffff;
	padding: 10px;
	width: 631px;
	margin: 0 3px;
}
.rank_select:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.rank_select {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .rank_select {height: 1%;}
.rank_select {display: block;}
/* End hide from IE-mac */

	.rank_select ul li {
		float: left;
		width: 95px;
		height: 21px;
		overflow: hidden;
		position: relative;
	}
	.rank_select ul li.rank01 {	width: 75px;}
	.rank_select ul li.rank02 {	width: 85px;}
	.rank_select ul li.rank07 {	width: 86px;}
	.rank_select ul li.rank11 {	width: 90px;}
	.rank_select ul li.rank15 {	width: 105px;}

	.rank_select ul li img {
		position: absolute;
		top: 0;
	}
	.rank_select ul li.rank01 img {	left: 0;}
	.rank_select ul li.rank02 img {	left: -95px;}
	.rank_select ul li.rank03 img {	left: -190px;}
	.rank_select ul li.rank04 img {	left: -285px;}
	.rank_select ul li.rank05 img {	left: -380px;}
	.rank_select ul li.rank06 img {	left: -475px;}
	.rank_select ul li.rank07 img {	left: -665px;}
	.rank_select ul li.rank08 img {	left: -570px;}
	
	.rank_select ul li.rank11 img {	left: -760px;}
	.rank_select ul li.rank12 img {	left: -855px;}
	.rank_select ul li.rank13 img {	left: -950px;}
	.rank_select ul li.rank14 img {	left: -1045px;}
	.rank_select ul li.rank15 img {	left: -1140px;}
	
	
#rank_select_top { margin-bottom: 10px;}
#rank_select_top ul li.current img { top:-21px;}

#rank_select_btm { margin-top: 10px;}
#rank_select_btm ul li.current img { top:-42px;}


/* rankitem_box , rankitem_box_s
 -------------------------------------------------- */
.rankitem_box,
.rankitem_box_s {
	background-color: #23569a;
	width: 651px;
	margin: 0 3px 5px;
}
.rankitem_box:after,
.rankitem_box_s:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.rankitem_box,
.rankitem_box_s{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .rankitem_box,
* html .rankitem_box_s{height: 1%;}
.rankitem_box,
.rankitem_box_s{display: block;}
/* End hide from IE-mac */

	.rankitem_box .rank_number,
	.rankitem_box_s .rank_number {
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		font-size: 24px;
		width: 50px;
		padding-top: 10px;
		float: left;
	}
	
	.rankitem_box_inr	{
		background-color: #ffffff;
		float : left;
		width: 581px;
		padding: 10px;
	}
		.rankitem_box_inr .item_img	{
			float: left;
			margin-bottom: 10px;
			_margin-bottom: 0px;
			*margin-bottom: 0px;
		}
		.rankitem_box_inr .item_ttl {
			float: right;
			margin-bottom: 10px;
			_margin-bottom: 0px;
			*margin-bottom: 0px;
			
		}
		.rankitem_box_inr .item_ttl h2 {
			font-weight: bold;
			font-size: 18px;
			margin-top: 5px;
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
		.rankitem_box_inr .item_ttl h3 {
			font-size: 14px;
			margin: 5px 0 8px;
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
		
		
	
	/* rankitem_box
	 -------------------------------------------------- */
		.rankitem_box .rankitem_box_inr .item_img	{
			width: 160px;
		}
			.rankitem_box .rankitem_box_inr .item_img div	{
				text-align: center;
			}
			
		.rankitem_box .rankitem_box_inr .item_ttl {
			width: 411px;
			_width: 412px;
		}
			.rankitem_box .rankitem_box_inr .item_ttl dl {
				position: ralative;
				margin-bottom: 10px;
			}
				.rankitem_box .rankitem_box_inr .item_ttl dl dt {
					position: absolute;
					width: 9.5em;
					margin-bottom: 7px;
				}
				.rankitem_box .rankitem_box_inr .item_ttl dl dd {
					padding-left: 9.5em;
					margin-bottom: 7px;
				}
				
			.rankitem_box .rankitem_box_inr ul.iteminfo li,
			.rankitem_box .rankitem_box_inr ul.itembuy li {
				width: 136px;
				height: 26px;
				overflow: hidden;
				position: relative;
				float: left;
				margin: 0 0 5px 1px;
			}
				.rankitem_box .rankitem_box_inr ul.iteminfo li img {
					position: absolute;
					top: -294px;
				}
				.rankitem_box .rankitem_box_inr ul.itembuy li img {
					position: absolute;
					top: -320px;
				}
				.rankitem_box .rankitem_box_inr ul.iteminfo li.pv img,
				.rankitem_box .rankitem_box_inr ul.itembuy li.amazon img { left: 0;}
				.rankitem_box .rankitem_box_inr ul.iteminfo li.chakuuta img,
				.rankitem_box .rankitem_box_inr ul.itembuy li.sevennet img { left: -136px;}
				.rankitem_box .rankitem_box_inr ul.iteminfo li.music img,
				.rankitem_box .rankitem_box_inr ul.itembuy li.hmv img { left: -272px;}
				.rankitem_box .rankitem_box_inr ul.itembuy li.rakuten img { top: -172px; left: -272px;}
				.rankitem_box .rankitem_box_inr ul.iteminfo li.music_none img { top: -446px; left: -272px;}
				
		/* musiclist */
		.musiclist {
			clear: both;
			border-top: 1px solid #cccccc;
			padding-top: 10px;
		}
			.musiclist h4 {
				float: left;
				margin-right: 10px;
				margin-bottom: 10px;
			}
			.musiclist table {
				clear: both;
				width: 100%;
				border-collapse: collapse;
			}
				.musiclist table td {
					padding: 5px;
					white-space: pre;           /* CSS 2.0 */
					white-space: pre-wrap;      /* CSS 2.1 */
					white-space: pre-line;      /* CSS 3.0 */
					white-space: -pre-wrap;     /* Opera 4-6 */
					white-space: -o-pre-wrap;   /* Opera 7 */
					white-space: -moz-pre-wrap; /* Mozilla */
					white-space: -hp-pre-wrap;  /* HP Printers */
					word-wrap: break-word;      /* IE 5+ */
				}
				.musiclist table tr.odd td {
					background-color: #eeeeee;
				}
				.musiclist table td.buy {
					width: 65px;
				}

	/* rankitem_box_s
	 -------------------------------------------------- */
		.rankitem_box_s .rankitem_box_inr .item_img	{
			width: 90px;
			margin-bottom: 0;
		}
			.rankitem_box_s .rankitem_box_inr .item_img div	{
				text-align: center;
			}
		
		.rankitem_box_s .rankitem_box_inr .item_ttl {
			width: 390px;
			float: left;
			border-right: 1px dotted #cccccc;
			margin-bottom: 0;
		}
			.rankitem_box_s .rankitem_box_inr .item_ttl h2 {
				margin-top: 7px;
			}
			.rankitem_box_s .rankitem_box_inr .item_ttl h3 {
				margin-top: 8px;
			}
		
			.rankitem_box_s .rankitem_box_inr .item_ttl dl.left {
				width: 195px;
				float: left;
			}
			.rankitem_box_s .rankitem_box_inr .item_ttl dl.right {
				width: 195px;
				float: left;
			}
			
			.rankitem_box_s .rankitem_box_inr .item_ttl dl dt {
				clear: both;
				float: left;
				padding-right: 0.5em;
				margin-bottom: 5px;
			}
			.rankitem_box_s .rankitem_box_inr .item_ttl dl dd {
				margin-bottom: 5px;
				/zoom: 1;
			}
			
			
			
		.rankitem_box_s ul.iteminfo {
			float: right;
			width: 85px;
		}
			.rankitem_box_s ul.iteminfo li {
				width: 85px;
				height: 23px;
				position: relative;
				overflow: hidden;
				margin-bottom: 2px;
			}
				.rankitem_box_s ul.iteminfo li a {
					zoom: 1; /* for IE6,7 BUG */
				}
				.rankitem_box_s ul.iteminfo li img {
					position: absolute;
					top: -346px;
				}
				.rankitem_box_s .rankitem_box_inr ul.iteminfo li.pv img { left: 0;}
				.rankitem_box_s .rankitem_box_inr ul.iteminfo li.chakuuta img { left: -85px;}
				.rankitem_box_s .rankitem_box_inr ul.iteminfo li.music img { left: -170px;}
				.rankitem_box_s .rankitem_box_inr ul.iteminfo li.amazon img { left: -255px;}
				.rankitem_box_s .rankitem_box_inr ul.iteminfo li.music_none img { top: -472px; left: -272px;}



/* cntbox_recommend
 -------------------------------------------------- */
#cntbox_recommend {
	padding-bottom: 5px;
	background-image: none;
}
	#cnt_recommend {
		display: block;
		position: relative;
		overflow: hidden;
		height: 16px;
		width: 280px;
	}
		#cnt_recommend img {
			position: absolute;
			left: 0;
			top: -254px;
		}
		
	.cnt_recommend_box {
		background-color: #f3f3f3;
		width: 213px;
		float: left;
		margin-right: 1px;
		position: relative;
		padding-bottom: 30px;
	}
	.cnt_recommend_box2 {
		background-color: #f3f3f3;
		width: 213px;
		float: left;
		margin-right: 1px;
		position: relative;
		padding-bottom: 30px;
	}
		.cnt_recommend_box h3 {
			background-color: #23569a;
			color: #ffffff;
			padding: 5px;
			/font-size: 14px;
		}
		.cnt_recommend_box2 h3 {
			background-color: #9b2456;
			color: #ffffff;
			padding: 5px;
			/font-size: 14px;
		}
		.cnt_recommend_box_inr {
			padding: 10px 10px 5px;
		}
		.cnt_recommend_box_inr:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.cnt_recommend_box_inr {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html .cnt_recommend_box_inr {height: 1%;}
		.cnt_recommend_box_inr {display: block;}
		/* End hide from IE-mac */
		
		.cnt_recommend_box_inr .item_img {
			float: left;
			width: 80px;
		}
		.cnt_recommend_box_inr .item_ttl {
			float: right;
			width: 100px;
		}
		.cnt_recommend_box_inr .item_ttl h4 {
			font-weight: bold;
			white-space: pre;           /* CSS 2.0 */
			white-space: pre-wrap;      /* CSS 2.1 */
			white-space: pre-line;      /* CSS 3.0 */
			white-space: -pre-wrap;     /* Opera 4-6 */
			white-space: -o-pre-wrap;   /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			white-space: -hp-pre-wrap;  /* HP Printers */
			word-wrap: break-word;      /* IE 5+ */
		}
			.cnt_recommend_box_inr .item_ttl h5 {
				font-weight: normal;
				font-size: 100%;
				margin-bottom: 5px;
				white-space: pre;           /* CSS 2.0 */
				white-space: pre-wrap;      /* CSS 2.1 */
				white-space: pre-line;      /* CSS 3.0 */
				white-space: -pre-wrap;     /* Opera 4-6 */
				white-space: -o-pre-wrap;   /* Opera 7 */
				white-space: -moz-pre-wrap; /* Mozilla */
				white-space: -hp-pre-wrap;  /* HP Printers */
				word-wrap: break-word;      /* IE 5+ */
			}
		
		.cnt_recommend_box .cnt_btn {
			left: 38px;
			bottom: 8px;
		}
		.cnt_recommend_box2 .cnt_btn {
			left: 38px;
			bottom: 8px;
		}
		
	.btn_recommend{
		display: block;
		position: relative;
		overflow: hidden;
		height: 22px;
		width: 139px;
	}
	.btn_recommend img{
		position: absolute;
		left: 0;
		top: -21px;
	}
	.btn_recommend2 {
		display: block;
		position: relative;
		overflow: hidden;
		height: 22px;
		width: 139px;
	}
	.btn_recommend2 img{
		position: absolute;
		left: 0;
		top: -21px;
		left: -139px;
	}
	

/* CSS Sprite
 -------------------------------------------------- */
.rankup,
.rankdown,
.stay,
.new{
	display: inline-block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	position: relative;
}
	.rankup img {
		position: absolute;
		left: 0;
		top: -150px;
	}
	.rankdown img {
		position: absolute;
		left: 0;
		top: -180px;
	}
	.stay img {
		position: absolute;
		left: 0;
		top: -210px;
	}
	.new img {
		position: absolute;
		left: 0;
		top: -240px;
	}

/* btn_review */
.rankitem_box .btn_review {
	display: inline-block;
	width: 97px;
	height: 13px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
	.rankitem_box .btn_review img {
		position: absolute;
		left: 0;
		top: -270px;
	}
	
.rankitem_box_s .btn_review {
	display: inline-block;
	width: 77px;
	height: 13px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
	.rankitem_box_s .btn_review img {
		position: absolute;
		left: -97px;
		top: -270px;
	}
	
	
/* musiclist */
.ttl_musiclist {
	width: 56px;
	height: 13px;
	position: relative;
	overflow: hidden;
}
	.ttl_musiclist img {
		position: absolute;
		left: 0;
		top: -271px;
	}
	
.btn_list {
	display: inline-block;
	width: 65px;
	height: 11px;
	position: relative;
	overflow: hidden;
}
	.btn_list img {
		position: absolute;
		left: 0;
		top: -283px;
	}

.btn_buy {
	display: inline-block;
	width: 63px;
	height: 17px;
	position: relative;
	overflow: hidden;
}
	.btn_buy img {
		position: absolute;
		left: 0;
		top: -369px;
	}


span.new img {
    margin: 0;
    vertical-align: middle;
}


.btn_spint {font-size:10px; height:9px; background:url(http://contents.oricon.co.jp/rank/img/btn.png) 0 -283px no-repeat; margin-top:7px; padding-left:7px; display:inline-block;}

.btn_download {float:right; display:inline-block; margin:0 5px;}


/*======================================================================

  05: Common
	
=======================================================================*/


/* CSS Sprite
 -------------------------------------------------- */
.up {
	background-color: #ff6600;
	color: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-weight: bold;
	text-align: center;
	padding: 5px 3px;
}
	.up span {
		display: inline-block;
		width: 36px;
		height: 14px;
		background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat 0 -90px;
		text-indent: -9999px;
	}

.rank1 {
	background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat left top;
	display: inline-block;
	height: 25px;
	width: 33px;
	overflow: hidden;
}
.rank2 {
	background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat left -26px;
	display: inline-block;
	height: 25px;
	width: 33px;
	overflow: hidden;
}
.rank3 {
	background: url(http://contents.oricon.co.jp/rank/img/icon.png) no-repeat left -57px;
	display: inline-block;
	height: 25px;
	width: 33px;
	overflow: hidden;
}

.last {
	margin-right: 0;
}

/* CSS整理の為移行
 -------------------------------------------------- */
div.top_banner{
	background-image: url(http://contents.oricon.co.jp/img/bg_top_banner.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

div.top_banner div{
	text-align:center;
}
div.footer{
	background-color:#FFFFFF;
	padding: 2px 0px 2px 0px;
	padding-top:10px;
}
.sm-margin{
	margin:0px 0px 5px 0px;
}
.midashi{
	border-top:solid 3px #729BC5;
	border-bottom:solid 1px #BBBBBB;
	background-color:#E3EEF9;
	font-size:100%;
	font-weight:bold;
	padding:6px 0px 2px 5px;
	margin-bottom:5px;
}


/* clearfix
 -------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */