@charset "utf-8";

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

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

/* JAPAN Charts Top Style
---------------------------------------------------- */
#jpCharts #chartsInfo {
/*	background: url(/images/jp_charts/bg_update_wed.gif) no-repeat right bottom;*/
	width: 770px;
	min-height: 103px;
}
/* IE6 */
* html #jpCharts #chartsInfo {
	height: 103px;
}
#jpCharts #chartsInfo p {
	line-height: 1.5;
}
#jpCharts .chartsBox1,
#jpCharts .chartsBox2,
#jpCharts .chartsBox3 {
	width: 780px;
}
#jpCharts .chartsBox1 {
	margin-top: 20px;
	background: url(/images/jp_charts/bg_charts1.gif) no-repeat left top;
	padding-top: 36px;
}
#jpCharts .chartsBox2 {
	margin-top: 25px;
	background: url(/images/jp_charts/bg_charts2.gif) no-repeat left top;
	padding-top: 26px;
}
#jpCharts .chartsBox3 {
	margin-top: 25px;
	background: #f4f6f1 url(/images/jp_charts/bg_charts3.gif) no-repeat left top;
	padding: 32px 27px 20px;
	width: 726px;
}
#jpCharts .chartsBox4 {
	margin-top: 25px;
	background: #f4f6f1 url(/images/jp_charts/bg_charts4.gif) no-repeat left top;
	padding: 32px 0 20px;
	width: 780px;
}
#jpCharts .chartsBox1 .boxL,
#jpCharts .chartsBox2 .boxL,
#jpCharts .chartsBox3 .boxL,
#jpCharts .chartsBox3 .boxC,
#jpCharts .chartsBox4 .boxL {
	float: left;
}
#jpCharts .chartsBox1 .boxR,
#jpCharts .chartsBox2 .boxR,
#jpCharts .chartsBox3 .boxR,
#jpCharts .chartsBox4 .boxR {
	float: right;
}
#jpCharts .chartsBox1 .boxL,
#jpCharts .chartsBox1 .boxR {
	padding: 0 31px 5px 24px;
	width: 324px;
}
#jpCharts .chartsBox2 .boxL,
#jpCharts .chartsBox2 .boxR,
#jpCharts .chartsBox4 .boxL {
	padding: 0 18px 5px 15px;
	width: 216px;
}
#jpCharts .chartsBox2 .boxL {
	margin-right: 16px;
}
#jpCharts .chartsBox3 .boxL,
#jpCharts .chartsBox3 .boxC {
	border-right: 1px solid #d1e2c0;
}
#jpCharts .chartsBox3 .boxL {
	width: 173px;
}
#jpCharts .chartsBox3 .boxC {
	padding-left: 14px;
	width: 233px;
}
#jpCharts .chartsBox3 .boxR {
	padding-right: 14px;
	width: 260px;
}
#jpCharts .chartsBox4 .boxR {
	padding: 0 18px 5px 15px;
	width: 481px;
}
#jpCharts .chartsBox1 p.ttlCharts,
#jpCharts .chartsBox2 p.ttlCharts,
#jpCharts .chartsBox3 p.ttlCharts,
#jpCharts .chartsBox4 p.ttlCharts {
	margin-bottom: 20px;
}
#jpCharts .chartsBox3 p.ttlCharts,
#jpCharts .chartsBox4 p.ttlCharts {
	position: relative;
	line-height: 1;
}
#jpCharts .chartsBox3 p.ttlCharts span {
	position: absolute;
	top : 6px;
	left: 275px;
	font-size: 33px;
	font-weight: bold;
}
#jpCharts .chartsBox4 p.ttlCharts img {
	display: block;
}
#jpCharts .chartsBox4 p.ttlCharts span {
	position: absolute;
	top : 0;
	left: 209px;
	font-size: 28px;
	font-weight: bold;
}
#jpCharts .chartsBox1 p.txtCharts,
#jpCharts .chartsBox2 p.txtCharts,
#jpCharts .chartsBox4 p.txtCharts {
	line-height: 1.5;
}
#jpCharts .chartsBox1 ul.listMenu,
#jpCharts .chartsBox2 ul.listMenu,
#jpCharts .chartsBox4 ul.listMenu {
	margin-top: 15px;
}
#jpCharts .chartsBox3 .chartsList,
#jpCharts .chartsBox4 .chartsList {
	background-color: #fff;
}
#jpCharts .chartsBox3 .chartsList {
	margin-top: 26px;
	width: 712px;
	padding: 20px 0 16px 14px;
}
#jpCharts .chartsBox4 .chartsList {
	margin-top: 10px;
	width: 451px;
	padding: 5px 15px;
}
#jpCharts .chartsBox4 .chartsList .listL {
	float: left;
	width: 155px;
	padding-right: 5px;
}
#jpCharts .chartsBox4 .chartsList .listR {
	float: right;
	width: 275px;
}
#jpCharts .chartsBox4 .chartsList .listR ul.listMenu {
	padding-left: 15px;
	border-left: 1px solid #d1e2c0;
}

/* JAPAN Charts 2nd Style
---------------------------------------------------- */
#jpCharts #chartsDetail {
	width: 780px;
}
#jpCharts #chartsDetail .boxL,
#jpCharts #chartsDetail .boxLyear {
	float: left;
	width: 462px;
}
#jpCharts #chartsDetail .boxL {
	background: url(/images/jp_charts/bg_update_wed.gif) no-repeat right top;
}
#jpCharts #chartsDetail .boxR {
	float: right;
	width: 300px;
}
#jpCharts #chartsDetail p.update {
	font-size: 18px;
}
#jpCharts #chartsDetail p.update img {
	margin-right: 6px;
	vertical-align: middle;
}
#jpCharts #chartsDetail ul.weekList {
	margin-top: 20px;
}
#jpCharts #chartsDetail ul.weekList li {
	display: inline;
	margin-right: 14px;
	color: #9f9f9f;
	font-weight: bold;
}
#jpCharts #chartsDetail p.ttlCharts {
	margin-top: 20px;
}
#jpCharts #chartsDetail p.ttlCharts img {
	padding-top: 8px;
	vertical-align: top;
}
/* IE6 */
* html #jpCharts #chartsDetail p.ttlCharts img {
	padding-top: 3px;
}
/* IE7 */
*:first-child+html #jpCharts #chartsDetail p.ttlCharts img {
	padding-top: 3px;
}
#jpCharts #chartsDetail p.ttlCharts span {
	margin-left: 6px;
	font-size: 29px;
	font-weight: bold;
}
#jpCharts #chartsDetail p.txtCharts {
	margin-top: 20px;
}
#jpCharts #chartsDetail #trend {
	margin-top: 15px;
	border: 1px solid #b4b4b4;
	background: url(/images/bg_trend.gif) repeat-x left top;
	padding: 16px 17px;
	width: 426px;
}
#jpCharts #chartsDetail #trend .ttlTrend {
	color: #5f0009;
	font-size: 14px;
	font-weight: bold;
}
#jpCharts #chartsDetail #trend .txtTrend {
	margin-top: 5px;
	line-height: 2;
}
#jpCharts #chartsDetail #trend .txtTrend span {
	border-bottom: 1px dotted #c84d58;
}

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

/* ranking table */
#jpCharts .ranking table.chartsTable {
	margin-top: 10px;
	width: 780px;
}
#jpCharts .ranking table.chartsTable th,
#jpCharts .ranking table.chartsTable td {
	padding: 6px 0;
	vertical-align: top;
}
#jpCharts .ranking table.chartsTable th {
	border-bottom: 7px solid #fff;
	background-color: #616161;
	text-align: center;
	color: #fff;
	font-size: 10px;
}
#jpCharts .ranking table.chartsTable th.rankThis,
#jpCharts .ranking table.chartsTable th.rankLast,
#jpCharts .ranking table.chartsTable th.cover,
#jpCharts .ranking table.chartsTable th.btn {
	border-right: 2px solid #fff;
}
#jpCharts .ranking table.chartsTable th.rankThis,
#jpCharts .ranking table.chartsTable td.rankThis {
	width: 66px;
}
#jpCharts .ranking table.chartsTable th.rankLast,
#jpCharts .ranking table.chartsTable td.rankLast {
	width: 38px;
}
#jpCharts .ranking table.chartsTable th.cover,
#jpCharts .ranking table.chartsTable td.cover {
	width: 98px;
}
#jpCharts .ranking table.chartsTable th.ta,
#jpCharts .ranking table.chartsTable td.ta {
	text-align: left;
	padding-left: 15px;
}
#jpCharts .ranking table.chartsTable th.btn,
#jpCharts .ranking table.chartsTable td.btn	{
	width: 136px;
	vertical-align: middle;
}
#jpCharts .ranking table.chartsTable th.chartIn,
#jpCharts .ranking table.chartsTable td.chartIn {
	width: 100px;
}
#jpCharts .ranking table.chartsTable td.rankThis,
#jpCharts .ranking table.chartsTable td.rankLast {
	text-align: center;
	vertical-align: middle;
}
#jpCharts .ranking table.chartsTable td.rankThis {
	color: #accb00;
	font-size: 24px;
}
#jpCharts .ranking table.chartsTable td.rankLast {
	font-size: 14px;
}
#jpCharts .ranking table.chartsTable td.cover {
	text-align: center;
}
#jpCharts .ranking table.chartsTable td.cover img {
	border: 1px solid #bcbfb8;
	width: 72px;
}
#jpCharts .ranking table.chartsTable td.ta {
	padding: 7px 13px;
}
#jpCharts .ranking table.chartsTable td.ta div {
	font-weight: bold;
}
#jpCharts .ranking table.chartsTable td.ta .title {
	font-size: 14px;
	padding-top: 1px;
}
#jpCharts .ranking table.chartsTable td.ta .artist {
	margin-top: 14px;
}
#jpCharts .ranking table.chartsTable td.btn img {
	display: block;
	margin-bottom: 8px;
}
#jpCharts .ranking table.chartsTable td.chartIn div {
	margin-left: 10px;
	border: 1px solid #d9dfd1;
	padding: 26px 0;
	width: 76px;
	text-align: center;
	font-size: 18px;
}
#jpCharts .ranking table.chartsTable tr.color td {
	background-color: #f6f6f6;
}
#jpCharts .ranking table.chartsTable tr.last td {
	border-bottom: 6px solid #f6f6f6;
}

/* lower rank */
#jpCharts #lower.ranking table.chartsTable td.chartIn div {
	padding: 15px 0;
}
#jpCharts #lower.ranking table.chartsTable td.btn {
	padding: 8px 0 0;
}

/* year rank */
#jpCharts #year.ranking table.chartsTable td.rankThis {
	font-size: 20px;
}
#jpCharts #year.ranking table.chartsTable th.title,
#jpCharts #year.ranking table.chartsTable td.title {
	padding-left: 15px;
	text-align: left;
}
#jpCharts #year.ranking table.chartsTable th.title {
	border-right: 2px solid #fff;
}
#jpCharts #year.ranking table.chartsTable td.title {
	font-size: 14px;
	font-weight: bold;
}
#jpCharts #year.ranking table.chartsTable th.artist,
#jpCharts #year.ranking table.chartsTable td.artist {
	width: 260px;
	padding-left: 15px;
	text-align: left;
}
#jpCharts #year.ranking table.chartsTable td.artist {
	font-weight: bold;
}
#jpCharts #year.ranking .bar {
	background-color: #f6f6f6;
	width: 780px;
	height: 6px;
	font-size: 0;
}

/* JAPAN Charts AdBanner Style
---------------------------------------------------- */
#jpCharts #bnrAdJpChart {
	text-align: center;
	margin-top: 15px;
}