@charset "utf-8";

/* CSS Import Style
---------------------------------------------------- */
@import "01format.css";
@import "02layout.css";
@import "03common.css";

/* US Charts Box Style
---------------------------------------------------- */
#usCharts #main {
	float: right;
	width: 780px;
}
#usCharts #sideBar {
	float: left;
	width: 172px;
}

/* US Charts Top Style
---------------------------------------------------- */
#usCharts #chartsInfo {
	background: url(/images/us_charts/bg_update_fri.gif) no-repeat right bottom;
	width: 770px;
	min-height: 103px;
}
/* IE6 */
* html #usCharts #chartsInfo {
	height: 103px;
}
#usCharts #chartsInfo p {
	width: 667px;
	padding-right: 103px;
	line-height: 1.5;
}
#usCharts .chartsBox1,
#usCharts .chartsBox2 {
	margin-top: 20px;
	padding-top: 20px;
}
#usCharts .chartsBox1 {
	background: url(/images/us_charts/bg_charts1.gif) no-repeat left top;
	width: 779px;
}
#usCharts .chartsBox2 {
	background: url(/images/us_charts/bg_charts2.gif) no-repeat left top;
	width: 780px;
}
#usCharts .chartsBox1 .boxL,
#usCharts .chartsBox2 .boxL{
	float: left;
}
#usCharts .chartsBox1 .boxR,
#usCharts .chartsBox2 .boxR {
	float: right;
}
#usCharts .chartsBox1 .boxL,
#usCharts .chartsBox1 .boxR {
	padding: 0 24px 22px 24px;
	width: 331px;
}
#usCharts .chartsBox2 .boxL,
#usCharts .chartsBox2 .boxR {
	padding: 0 17px 22px;
	width: 215px;
}
#usCharts .chartsBox2 .boxL {
	margin-right: 16px;
}
#usCharts .chartsBox1 p.ttlCharts,
#usCharts .chartsBox2 p.ttlCharts {
	margin: 14px 0 20px;
}
#usCharts .chartsBox1 p.txtCharts,
#usCharts .chartsBox2 p.txtCharts {
	line-height: 1.5;
}
#usCharts .chartsBox1 ul.listMenu,
#usCharts .chartsBox2 ul.listMenu {
	margin-top: 15px;
}

/* Chart List */
#usCharts .chartsBox3,
#usCharts .chartsBox3b {
	width: 789px;
}
#usCharts .chartsBox3 {
	margin-top: 15px;
	background: url(/images/us_charts/bg_charts3.gif) no-repeat left bottom;
}
#usCharts .chartsBox3b {
	margin-top: 25px;
	background: url(/images/us_charts/bg_charts3b.gif) no-repeat left bottom;
}
#usCharts .chartsBox3 .boxL,
#usCharts .chartsBox3 .boxR,
#usCharts .chartsBox3b .boxL {
	float: left;
	padding-bottom: 25px;
	width: 248px;
}
#usCharts .chartsBox3 .boxL,
#usCharts .chartsBox3b .boxL {
	margin-right: 18px;
}
#usCharts .chartsBox3 .boxL p.txtCharts,
#usCharts .chartsBox3 .boxR p.txtCharts,
#usCharts .chartsBox3b .boxL p.txtCharts {
	margin: 8px 20px;
}
#usCharts .chartsBox3 .boxL ul.listMenu,
#usCharts .chartsBox3 .boxR ul.listMenu,
#usCharts .chartsBox3b .boxL ul.listMenu {
	margin: 10px 20px 0;
}
#usCharts .link1 a {
	margin-left: 20px;
	background: url(/images/icon_arrow1.gif) no-repeat left 4px;
	padding-left: 13px;
	line-height: 1.4;
}

/* Glossary */
#tableGlossary1.table1 th,
#tableGlossary2.table1 th {
	width: 110px;
}

/* US Charts 2nd Style
---------------------------------------------------- */
#usCharts #chartsDetail {
	width: 780px;
}
#usCharts #chartsDetail .boxL {
	float: left;
	background: url(/images/us_charts/bg_update_fri.gif) no-repeat right top;
	width: 462px;

}
#usCharts #chartsDetail .boxR {
	float: right;
	width: 300px;
}
#usCharts #chartsDetail p.update {
	font-size: 18px;
}
#usCharts #chartsDetail p.update img {
	margin-right: 6px;
	vertical-align: middle;
}
#usCharts #chartsDetail ul.weekList {
	margin-top: 20px;
}
#usCharts #chartsDetail ul.weekList li {
	display: inline;
	margin-right: 14px;
	color: #9f9f9f;
	font-weight: bold;
}
#usCharts #chartsDetail p.ttlCharts {
	margin-top: 20px;
}
#usCharts #chartsDetail p.ttlCharts img {
	padding-top: 8px;
	vertical-align: top;
}
#usCharts #chartsDetail p.ttlCharts span {
	margin-left: 6px;
	font-size: 29px;
	font-weight: bold;
}
#usCharts #chartsDetail p.txtCharts,
#usCharts #chartsDetail ul.listMenu {
	margin-top: 20px;
}
#usCharts #trend {
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #b4b4b4;
	background: url(/images/bg_trend.gif) repeat-x left top;
	padding: 16px 17px;
	width: 744px;
}
#usCharts #trend .ttlTrend {
	color: #5f0009;
	font-size: 14px;
	font-weight: bold;
}
#usCharts #trend .txtTrend {
	margin-top: 5px;
	line-height: 2;
}
#usCharts #trend .txtTrend span {
	border-bottom: 1px dotted #c84d58;
}

/* ranking menu */
#usCharts .ranking .rankingMenu {
	width: 780px;
	text-align: right;
}
#usCharts .ranking ul.listMenu li {
	display: inline;
	margin-right: 20px;
	font-weight: bold;
}

/* ranking table */
#usCharts .ranking table.chartsTable {
	margin-top: 10px;
	width: 780px;
}
#usCharts .ranking table.chartsTable th,
#usCharts .ranking table.chartsTable td {
	padding: 6px 0;
	vertical-align: top;
}
#usCharts .ranking table.chartsTable th {
	border-bottom: 7px solid #fff;
	background-color: #616161;
	text-align: center;
	color: #fff;
	font-size: 10px;
}
#usCharts .ranking table.chartsTable th.rankThis,
#usCharts .ranking table.chartsTable th.rankLast,
#usCharts .ranking table.chartsTable th.ta,
#usCharts .ranking table.chartsTable th.peak {
	border-right: 2px solid #fff;
}
#usCharts .ranking table.chartsTable th.rankThis,
#usCharts .ranking table.chartsTable td.rankThis,
#usCharts .ranking table.chartsTable th.rankLast,
#usCharts .ranking table.chartsTable td.rankLast {
	width: 66px;
}
#usCharts .ranking table.chartsTable th.ta,
#usCharts .ranking table.chartsTable td.ta {
	text-align: left;
	padding-left: 15px;
}
#usCharts .ranking table.chartsTable th.peak,
#usCharts .ranking table.chartsTable td.peak {
	width: 83px;
}
#usCharts .ranking table.chartsTable th.chartIn,
#usCharts .ranking table.chartsTable td.chartIn {
	width: 100px;
}
#usCharts .ranking table.chartsTable td.rankThis,
#usCharts .ranking table.chartsTable td.rankLast,
#usCharts .ranking table.chartsTable td.peak {
	text-align: center;
	vertical-align: middle;
}
#usCharts .ranking table.chartsTable td.rankThis {
	color: #accb00;
	font-size: 24px;
}
#usCharts .ranking table.chartsTable td.rankLast,
#usCharts .ranking table.chartsTable td.peak {
	font-size: 14px;
}
#usCharts .ranking table.chartsTable td.ta {
	padding: 13px;
}
#usCharts .ranking table.chartsTable td.ta .title {
	font-size: 14px;
	padding-top: 1px;
}
#usCharts .ranking table.chartsTable td.ta .artist {
	margin-top: 6px;
}
#usCharts .ranking table.chartsTable td.chartIn div {
	margin-left: 10px;
	border: 1px solid #d9dfd1;
	padding: 13px 0;
	width: 76px;
	text-align: center;
	font-size: 14px;
}
#usCharts .ranking table.chartsTable tr.color td {
	background-color: #f6f6f6;
}
#usCharts .ranking table.chartsTable tr.last td {
	border-bottom: 6px solid #f6f6f6;
}

/* Chart List */
#usCharts table.chartsListTable {
	margin-top: 30px;
	width: 780px;
}
#usCharts table.chartsListTable th,
#usCharts table.chartsListTable td {
	border-bottom: 2px solid #fff;
	background-color: #f4f6f1;
	padding: 16px 13px;
	vertical-align: top;
}
#usCharts table.chartsListTable th {
	background: #f4f6f1 url(/images/us_charts/bg_charts4.gif) repeat-y left top;
	border-right: 2px solid #fff;
	width: 153px;
}
#usCharts table.chartsListTable td .linkBox {
	margin-top: 10px;
	text-align: right;
}
#usCharts table.chartsListTable td .linkBox a {
	background: url(/images/icon_arrow1.gif) no-repeat left center;
	padding: 0 0 0 17px;
}