/*Charts*/

/*Charts Charts/*/

.MainLeft{ width:598px;}
.MainLeftIn{ padding:20px 29px; }
.MainRight{ width:182px; float:right;}
.MainRightIn{ padding:0; }

.ListMeta{ padding:0 0 20px;}
.ListMeta h2{ width:25%; float:left; font-weight:bold;}
.ListMeta strong{ width:25%; float:left; font-weight:bold;}
.ListMeta p{ width:74%; float:right; text-align:right;}

.ChartBox{}
.ChartBox .TTL{ background:url(../images/bg_ti_review.gif) no-repeat 0 0; padding:0 5px 2px 5px; margin:0 0 10px;}
.ChartBox .TTL h3{ width:90%; float:left; font-weight:bold; color:#fff;}
.ChartBox .TTL h3 a{text-decoration:none;}
.ChartBox .TTL h3 a:link,
.ChartBox .TTL h3 a:visited{ color:#FFF;}
.ChartBox .TTL h3 a:hover{color:#FF0;}

.ChartBox .TTL span{ width:10%; float:right; font-size:9px; text-align:right;  }
.ChartBox .TTL span a{text-decoration:none; display:block; height:18px; padding:0 15px 0 0}
.ChartBox .TTL span a:link,
.ChartBox .TTL span a:visited{ background:url(../images/arw_up.png) no-repeat right 3px; color:#333;}
.ChartBox .TTL span a:hover{background:url(../images/arw_ov.png) no-repeat right 3px; color:#990000;}
.ChartBox table{width:100%; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0 0 5px;}
.ChartBox table td{border-right:1px dotted #ccc;border-bottom:1px dotted #ccc; vertical-align:top; padding:1px; width:32%;word-break: break-all;}
.ChartBox table td a{ display:block; padding:10px 13px; text-decoration:none;}
.ChartBox table td a img{margin:0 0 10px;}
.ChartBox table td strong{ font-weight:bold; line-height:1.1; padding:0 0 5px; display:block;}
.ChartBox table td span{ display:block; font-size:10px; }
.ChartBox table td span img{margin:0 0 0 5px; vertical-align:middle;}
.ChartBox table td em{ font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"}
.ChartBox table td a:link,
.ChartBox table td a:visited{ color:#333;}
.ChartBox table td a:hover{ color:#f12;}

.ChartBox .ListNavi table{width:auto; border-left:0px dotted #ccc; border-bottom:0px dotted #ccc; margin:0 auto 5px;}
.ChartBox .ListNavi table td{border-right:0px dotted #ccc;border-bottom:0px dotted #ccc; vertical-align:top; padding:0; width:auto;word-break: break-all;}
.ChartBox .ListNavi table td a{ display:block; padding:0; text-decoration:none;}
.ChartBox .ListNavi table td a img{margin:0 0 10px;}
.ChartBox .ListNavi table td span{ display:block; font-size:12px; }
.ChartBox .ListNavi table td a:link,
.ChartBox .ListNavi table td a:visited{ color:#fff;}
.ChartBox .ListNavi table td a:hover{ color:#f12;}





.ChartBox .more{margin:0 0 30px;}
.ChartBox .more a{display:block; text-indent:-9999px; float:right; width:53px; height:18px;}
.ChartBox .more a:link,
.ChartBox .more a:visited{ background:url(../images/bt_more_up.gif) no-repeat 0 0;}
.ChartBox .more a:hover{  background:url(../images/bt_more_ov.gif) no-repeat 0 0;}


.ChartList{border-left:1px dotted #ccc; border-bottom:0px dotted #ccc; margin:0 0 30px;}
.ChartListS{ float:left; width:178px;border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.ChartListS a{ display:block; padding:10px 13px; text-decoration:none; height:140px;}
.ChartListS a img{margin:0 0 10px;}
.ChartListS strong{ font-weight:bold; line-height:1.1; padding:0 0 5px; display:block;}
.ChartListS span{ display:block; font-size:10px; }
.ChartListS span img{margin:0 0 0 5px; vertical-align:middle;}
.ChartListS em{ font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"}
.ChartListS a:link,
.ChartListS a:visited{ color:#333;}
.ChartListS a:hover{ color:#f12;}





.ChartProfile{ padding:0 0 20px;}
.ChartProfileL{ float:left; width:180px;}
.ChartProfileR{ float:left; width:360px;}
.ChartProfile .TTL{ padding:0 0 15px;}
.ChartProfile h3{ font-weight:bold; width:70%; float:left;}
.ChartProfile span{ width:30%; float:right; text-align:right; font-size:10px;}
.ChartProfile p{ padding:0 0 15px;}
.ChartProfile p a{ font-weight:bold;}
.ChartProfile p em{ font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#F00;}

.ChartProfile .SBS  span{ width:auto; float:none; text-align:left; font-size:12px;}

/*.ChartProfile .SBS{text-align:right;}
.ChartProfile .SBS table{ margin:0 0 0 auto; }
.ChartProfile .SBS table td img{margin:0; vertical-align:middle !important;}
.ChartProfile .SBS table td{vertical-align:middle; padding:0 8px 0 0 !important;}
.ChartProfile .SBS table td span{ }
.ChartProfile .SBS table td b{font-weight:normal;}
*/

.ChartBox2{ }
.ChartBox2 .TTL{ background:url(../images/bg_ti_review.gif) no-repeat 0 0; padding:0 0 3px 5px; margin:0 0 1px;}
.ChartBox2 .TTL h3{  font-weight:bold; color:#fff;}
.ChartBox2 table{}
.ChartBox2 tr{}
.ChartBox2 tr.bg01 td{background:#eef0db;}
.ChartBox2 tr.bg02 td{background:#daddd4;}
.ChartBox2 th{ background:#000 url(../chart/images/bg_chartrank_b.gif) no-repeat left bottom; color:#fff; width:19px; text-align:center; vertical-align:top; border-bottom:1px solid #fff; font-size:10px;}
.ChartBox2 td{ vertical-align:top; line-height:1.1; border-bottom:1px solid #fff; border-right:2px solid #fff; padding:0;word-break: break-all;}
.ChartBox2 td p{ float:left; width:92px; padding:0;}
.ChartBox2 td p img{margin:0 5px 0 0; float:left; width:87px;}
.ChartBox2 td .ChartBox2Right{ float:right; width:157px; padding:1px 0 0; position:relative; word-break: break-all;}
.ChartBox2 td strong{display:block; padding:0 1px 3px 0; letter-spacing:-0.5px;}
.ChartBox2 td b{display:block; font-weight:normal; padding:0 5px 3px 0; font-size:10px; letter-spacing:-0.4px; }
.ChartBox2 td em{display:block; font-size:10px; padding:0 0 3px 0;}
.ChartBox2 td span{display:block; font-size:10px; padding:0 5px 0 0;}
.ChartBox2 td a.com{display:block; text-indent:-9999px; width:69px; height:15px; float:left;}
.ChartBox2 td a.com:link,
.ChartBox2 td a.com:visited{background: url(../chart/images/bt_comment_up.gif) no-repeat left center;}
.ChartBox2 td a.com:hover{  background: url(../chart/images/bt_comment_ov.gif) no-repeat left center;}
.ChartBox2 td a.get{display:block; text-indent:-9999px; width:73px; height:15px; float:right;}
.ChartBox2 td a.get:link,
.ChartBox2 td a.get:visited{background: url(../chart/images/bt_getmusic_up.gif) no-repeat 0 0;}
.ChartBox2 td a.get:hover{  background: url(../chart/images/bt_getmusic_ov.gif) no-repeat 0 0}
.ChartBox2 td a.dNon{display:none;}

.ChartBox2 .CommentOpen{display: none; width:297px; position:absolute; bottom:15px; z-index:2;  }
.ChartBox2 .CommentOpen table{ width:297px;}
.ChartBox2 .CommentOpen table th{ white-space:normal; padding:10px 10px 8px; background:url(../chart/images/bg_comment_t.gif);width:100%; text-align:left; border-bottom:none;color:#fff; font-size:10px; line-height:1.5;}
.ChartBox2 .CommentOpen table td{ padding:0; background:none; border-bottom:none; border-right:none; }
.ChartBox2 .CommentOpen table td img{ float:none; margin:0; width:auto;}

.ChartBoxDJ{ }
.ChartBoxDJ p{ padding:0 0 20px; }
.ChartBoxDJ .TTL{ background:url(../images/bg_ti_review.gif) no-repeat 0 0; padding:0 0 3px 5px; margin:0 0 1px;}
.ChartBoxDJ .TTL2{ background:url(../images/bg_red_540_50.gif) no-repeat 0 0; padding:0 0 3px 5px; margin:0 0 1px;}
.ChartBoxDJ .TTL h3{  font-weight:bold; color:#fff;}
.ChartBoxDJ .TTL2 h3{  font-weight:bold; color:#fff;}
.ChartBoxDJ .TTL h3 em{ font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#F9F}
.ChartBoxDJ table{ width:100%; margin:0 0 20px;}
.ChartBoxDJ tr{}
.ChartBoxDJ tr.bg01 td{background:#eef0db;}
.ChartBoxDJ tr.bg02 td{background:#daddd4;}
.ChartBoxDJ th{ background:#000 url(../chart/images/bg_chartrank_b.gif) no-repeat left bottom; color:#fff; width:19px; text-align:center; vertical-align:top; border-bottom:1px solid #fff; font-size:10px;}
.ChartBoxDJ td{ vertical-align:top; line-height:1.4; border-bottom:1px solid #fff; border-right:2px solid #fff; padding:10px;word-break: break-all;}



.ChartLink{ padding:40px 0 20px 0;}
.ChartLink h4{ background:url(../images/bg_red_540.gif) no-repeat;}
.ChartLink table{ margin:5px 0 0; width:100%;}
.ChartLink th{ padding:0 5px 0 0; width:110px; vertical-align:top;}
.ChartLink td{ vertical-align:top; }
.ChartLink td span{ font-size:10px;}
.ChartLink td strong{ font-size:12px; line-height:1.2;}


.ChartLink th{ padding:0 10px 0 0; width:100px; vertical-align:top;}
.ChartLink table{ margin:5px 0;}
.ChartLink th{padding:0 5px 5px 0; font-size:10px;} 
.ChartLink td{padding:0 0 5px 0; font-size:10px;} 
.ChartLink th img{width:100px;}
.ChartLink td strong{display:block; font-size:12px; line-height:1.2;}
.ChartLink td p.PageStore{padding:5px 0;}