@charset "utf-8";

/*コンテンツ共通*/
div#ranking_music{
	width:842px;
	background:#00185a url(http://ct.potora.jp/images/shopping/sp/sp45/head_bg.gif) no-repeat top left;
	font-family:Verdana;
	font-size:12px;
	line-height:17px;
	padding-top:90px;
	margin-left:8px;
	position:relative;
}
div#ranking_music #news{
	background: url(http://ct.potora.jp/images/shopping/sp/sp45/icon_new.gif) no-repeat scroll left center;
	color:#00185A;
	font-weight:bold;
	left:650px;
	padding-left:25px;
	position:absolute;
	top:5px;
}
div#ranking_music a{
	font-family:Verdana;
	color:#333333;
	text-decoration:underline;
}
#ranking_music .pagetop a{
	display:block;
	text-indent:-9999px;
	clear:both;
	width:591px;
	height:15px;
	background:#00185a url(http://ct.potora.jp/images/shopping/sp/sp45/pagetop.gif) no-repeat top right;
	margin:10px 0 20px;
}
/*
div#ranking_music #menu{
	background:#00185a url(http://ct.potora.jp/images/shopping/sp/sp45/bg_menu.gif) no-repeat top left;
	height:87px;
	margin-bottom:15px;
}
*/

div#ranking_music #menu ul{
	margin-left:38px;
	padding-top:48px;
}
div#ranking_music #menu li{
	float:left;
	margin-right:17px;
}
div#ranking_music #menu li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#ranking_music #left #loginarea{
	width:591px;
	height:78px;
	background:#00185a url(http://ct.potora.jp/images/shopping/sp/sp45/bg_login.gif) no-repeat top right;
	margin-bottom:10px;
	position:relative;
}
#ranking_music #left #loginarea p.notice{
	position:absolute;
	top:20px;
	left:120px;
}
#ranking_music #left #loginarea p.link a{
	position:absolute;
	top:33px;
	right:65px;
	width:78px;
	height:22px;
	display:block;
	text-indent:-9999px;
	background:transparent url(https://ct.potora.jp/images/common/btn/btn_login.gif) no-repeat scroll 0 0;
}
#ranking_music #left #loginarea p.link a:hover{
	background-position:0 -22px;
}

/*左コンテンツ*/
#ranking_music #left{
	width:591px;
	float:left;
	margin-left:11px;
	padding-bottom:10px;
}
*html #ranking_music #left{
	margin-left:5px;
}
#ranking_music .l_box{
	width:591px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/left_bgbtm.gif) no-repeat bottom left;
	padding-bottom:10px;
	margin-bottom:10px;
}
#ranking_music #left p.more{
	text-align:right;
	margin-bottom:15px;
}
#ranking_music #left .intro dl{
	margin-bottom:10px;
}
#ranking_music #left .intro dt.shopbnr{
	width:120px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}
#ranking_music #left .intro dd{
	float:left;
	width:407px;
}
#ranking_music #left .intro dd.shopnm1{
	font-weight:bold;
	padding:10px 0 5px 10px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/bg_musico.gif) no-repeat top left;
}
/*
*html #ranking_music #left .intro dd.shopnm1{
	padding:10px 0 0 10px;
}
*/
#ranking_music #left .intro dd.shopnm2{
	height:20px;
	font-weight:bold;
	padding:10px 0 0 10px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/bg_itunes.gif) no-repeat top left;
}
#ranking_music #left .intro dd.grant{
	font-weight:bold;
	margin-top:5px;
	padding-left:13px;
	background:url(http://ct.potora.jp/images/common/icon_point_01.gif) no-repeat scroll left center;
}
#ranking_music #left .intro dd.introduce{
	margin-top:5px;
}
#ranking_music #left .intro .atn{
	clear:left;
	padding: 5px 0pt;
	margin-bottom:10px;
	color:#FF0011;
	border-top:1px dotted #CCCCCC;
}
#ranking_music .l_contents_bg{
	padding:0 18px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/left_bg.gif) repeat-y scroll left center;
}
#ranking_music .l_contents{
	width:555px;
}
#ranking_music .l_contents #artists_bg{
	width:556px;
	height:282px;
	margin:15px 0 10px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/artist_bg.gif) no-repeat scroll left center;
}
#ranking_music .l_contents #artists{
	padding:10px;
}
#ranking_music .l_contents #artists div.jacket{
	float:left;
	width:260px;
}
#ranking_music .l_contents #artists div.intro{
	float:left;
	margin-left:10px;
	width:266px;
}
#ranking_music .l_contents #artists dl{
	margin:5px 10px;
	width:248px;
}
#ranking_music .l_contents #artists dt{
	font-weight:bold;
	font-size:15px;
}
#ranking_music .l_contents #artists dd.ttl{
	font-weight:bold;
	font-size:15px;
	color:#ff0011;
	float:left;
}
*html #ranking_music .l_contents #artists p.btn{
	height:28px;
}
#ranking_music .l_contents #artists p.btn a{
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/btn_artist.gif) no-repeat scroll left top;
	display:block;
	height:28px;
	text-indent:-9999px;
	width:268px;
}
#ranking_music .l_contents #artists p.btn a:visited{
	background-position:0 0;
}
#ranking_music .l_contents #artists p.btn a:hover{
	background-position:0 -28px;
}
#ranking_music .l_contents #artists p.txt{
	margin-top:10px;
}
#ranking_music .l_contents #chart{
	margin:10px 0;
}
#ranking_music .l_contents #chart .infoarea{
	width:556px;
}
#ranking_music .l_contents #chart .infoarea ul{
	position:relative;
	width:556px;
	padding-top:38px;
	position:relative;
	text-align:center;
}
*html #ranking_music .l_contents #chart .infoarea ul{
	padding-top:0px;
	height:38px;
}
#ranking_music .l_contents #chart .infoarea li{
	display:block;
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
	width:144px;
	height:38px;
}
#ranking_music .l_contents #chart .infoarea li.tab1 {
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/chart_tab1_on.gif) no-repeat scroll 0 0;
	margin-left:10px;
}
#ranking_music .l_contents #chart .infoarea li.tab2 {
	background: url(http://ct.potora.jp/images/shopping/sp/sp45/chart_tab2_on.gif) no-repeat scroll 0 0;
	margin-left:154px;
}
#ranking_music .l_contents #chart .infoarea li a{
	display:block;
	height:38px;
	overflow:hidden;
	text-decoration:none;
	width:144px;
}
#ranking_music .l_contents #chart .infoarea li.tab1 a {
	background: url(http://ct.potora.jp/images/shopping/sp/sp45/chart_tab1_off.gif) no-repeat scroll 0 0;
}
#ranking_music .l_contents #chart .infoarea li.tab1 a:hover {
	background: url(http://ct.potora.jp/images/shopping/sp/sp45/chart_tab1_on.gif) no-repeat scroll 0 0;
}

#ranking_music .l_contents #chart .infoarea li.tab2 a {
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/chart_tab2_off.gif) no-repeat scroll 0 0;
}
#ranking_music .l_contents #chart .infoarea li.tab2 a:hover {
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/chart_tab2_on.gif) no-repeat scroll 0 0;
}
#ranking_music .l_contents #chart .dailychart{
	width:556px;
	height:639px;
	background: url(http://ct.potora.jp/images/shopping/sp/sp45/chart_bg.gif) no-repeat scroll 0 0;
}
#ranking_music .l_contents #chart .dailychart .exp{
	padding:5px 10px 0;
}
#ranking_music .l_contents #chart .itembox{
	float:left;
	padding:10px 0;
	margin:0 8px;
	width:262px;
	height:100px;
}
*html #ranking_music .l_contents #chart .itembox{
	margin:0 4px;
}
#ranking_music .l_contents #chart .itembox dl{
	font-size:10px;
	float:left;
	margin:0 10px 0 47px;
	width:97px;
}
*html #ranking_music .l_contents #chart .itembox dl{
	margin:0 5px 0 23px;
}
#ranking_music .l_contents #chart .itembox dt a{
	font-weight:bold;
	color:#FF0011;
}
#ranking_music .l_contents #chart .itembox dd.btn a{
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/btn_details.gif) no-repeat scroll left top;
	display:block;
	height:23px;
	width:83px;
	text-indent:-9999px;
	margin-top:10px;
}
#ranking_music .l_contents #chart .itembox dd.btn a:visited{
	background-position:0 0;
}
#ranking_music .l_contents #chart .itembox dd.btn a:hover{
	background-position:0 -23px;
}
#ranking_music .l_contents #chart .itembox p{
	float:right;
	width:102px;
}
#ranking_music .l_contents #chart .itembox p img{
	border:solid 1px #CCC;
}
#ranking_music .l_contents #event{
	width:556px;
	margin:10px 0;
}
#ranking_music .l_contents #event dl{
	float:left;
	width:277px;
	margin-bottom:5px;
	height:185px;
}
#ranking_music .l_contents #event dt.new{
	text-indent:-9999px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/icon_new.gif) no-repeat scroll left center;
}
#ranking_music .l_contents #event dd{
	margin-right:10px;
}
*html #ranking_music .l_contents #event dd{
	margin-right:5px;
}
#ranking_music .l_contents #event dd.ttl a{
	font-weight:bold;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/arw_gray.gif) no-repeat scroll left top;
	padding-bottom:6px;
	padding-left:20px;
}
#ranking_music .l_contents #event dd.jacket{
	margin-right:10px;
}
#ranking_music .l_contents #event dd.detail{
}
#ranking_music .l_contents #att{
	background:url(http://ct.potora.jp/images/common/line_01.gif) repeat-x scroll left top;
	width:556px;
	padding:10px 0;
}
#ranking_music .l_contents .shoparea{
	margin-bottom:10px;
	text-align:center;
}
#ranking_music .l_contents .shoparea dl{
	float:left;
	margin:10px;
	padding:0 10px;
	width:144px;
	background:url(http://ct.potora.jp/images/common/line_03.gif) repeat-y scroll right top;
}
*html #ranking_music .l_contents .shoparea dl{
	margin:5px;
}
#ranking_music .l_contents .shoparea dl.end{
	background:none;
}
#ranking_music .l_contents .shoparea dl.end{
	background:none;
}
#ranking_music .l_contents .point span{
	font-family:Verdana;
}
#ranking_music .l_contents ul.bnr{
	margin:15px 0 5px;
}
#ranking_music .l_contents ul.bnr li{
	float:left;
	width:138px;
}
#ranking_music .l_contents ul.bnr li img{
	border:1px solid #CCC;
}

/*右コンテンツ*/
#ranking_music #right{
	float:right;
	width:218px;
	margin-right:10px;
	padding-bottom:10px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/right_bgbtm.gif) no-repeat bottom left;
}
*html #ranking_music #right{
	margin-right:5px;
	margin-left:0;
}
#ranking_music #right .itembox01{
	padding:5px 17px;
	width:185px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/right_bg.gif) repeat-y top left;
}
#ranking_music #right .itembox02{
	padding:0 27px;
	width:129px;
	background:url(http://ct.potora.jp/images/shopping/sp/sp45/right_cate_bg.gif) repeat-y top left;
}
#ranking_music #right .itembox02 dl{
	padding:10px 0;
}
#ranking_music #right .itembox02 dd{
	font-family:Verdana;
	text-align:center;
}
#ranking_music #right .itembox02 dd.nm,
#ranking_music #left .shoparea dd.nm{
	font-weight:bold;
}
/*注意事項*/
#sp45_noticebox01 {
	border:1px solid #CCCCCC;
	clear:both;
	font-size:80%;
	margin-bottom:10px;
	margin-left:8px;
}
#sp45_noticebox02 {
	border:1px solid #CCCCCC;
	margin:5px;
	padding:15px;
}
#sp45_noticebox01 li.ttl{
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}