@charset "utf-8";

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

/* Grandtop Box Style
---------------------------------------------------- */
#grandTop #contents {
	position:relative;
	padding-top: 17px;
}
#grandTop #contents #main {
	float: left;
	width: 655px;
	padding-bottom:250px;
}
#grandTop #contents #sideBar {
	float: right;
	width: 300px;
	margin-top: 15px;
	padding-bottom:520px;
}
#grandTop #contents #main #topBox {
	width: 655px;
}
#grandTop #contents #main #topBox {
	margin: 15px 0;
}
#grandTop #contents #main #topBox #colL {
	float: left;
	width: 300px;
}
#grandTop #contents #main #topBox #colR {
	float: right;
	width: 339px;
}

/* Grandtop Common Style
---------------------------------------------------- */
#grandTop h2 {
	margin-top: 0;
}

/* Daily News Style
---------------------------------------------------- */
#grandTop #dNews {
	width: 339px;
}
#grandTop #dNews p.update {
	margin-top: 11px;
	text-align: right;
	font-weight: bold;
}
#grandTop #dNews p.update img {
	margin-right: 6px;
	vertical-align: top;
}
#grandTop #dNews dl {
	border-bottom: 1px dotted #b9b9b9;
	margin-top: 13px;
	padding-bottom: 5px;
	position:relative;
}
#grandTop #dNews dl dt {
	color: #28212a;
	font-size: 14px;
	font-weight: bold;
	width: 320px;
}
#grandTop #dNews dl dd.twitter {
	position:absolute;
	right:0;
	top:-3px;
}
#grandTop #dNews dl dd p.more {
	margin: 1px 0 0 0;
}
#grandTop #dNews dl dd p.more a {
	background: url(/images/icon_arrow1.gif) no-repeat left center;
	padding-left: 13px;
}

/* US charts Style
---------------------------------------------------- */
#grandTop #usCharts {
	margin-top: 32px;
	width: 300px;
}
#grandTop #usCharts h2 {
	margin-bottom: 9px;
}
#grandTop #usCharts p.update {
	margin: 13px 0;
	text-align: right;
	font-weight: bold;
}
#grandTop #usCharts p.update img {
	margin-right: 6px;
	vertical-align: top;
}
#grandTop #usCharts dl {
	margin-top: 4px;
	border: 1px solid #c6c6c6;
	padding: 6px 9px;
	width: 280px;
}
#grandTop #usCharts dl dt {
	background: url(/images/icon_arrow2.gif) no-repeat left 4px;
	padding-left: 18px;
	font-size: 14px;
	font-weight: bold;
}

#grandTop #usCharts dl dd {
	margin-top: 4px;
	font-size: 10px;
}

/* JAPAN charts Style
---------------------------------------------------- */
#grandTop #jpCharts,
#grandTop #jpCharts table.chartsTable {
	width: 300px;
}
#grandTop #jpCharts p.update {
	margin-top: 13px;
	text-align: right;
	font-weight: bold;
}
#grandTop #jpCharts p.update img {
	margin-right: 6px;
	vertical-align: top;
}
#grandTop #jpCharts form {
	margin: 7px 0 13px;
	float: right;
}
#grandTop #jpCharts form select {
	width: 240px;
	font-size: 10px;
}
#grandTop #jpCharts p.ttlCharts {
	clear: both;
}
#grandTop #jpCharts p.ttlCharts img {
	padding-top: 7px;
	vertical-align: top;
}
/* IE6 */
* html #grandTop #jpCharts p.ttlCharts img {
	padding-top: 3px;
}
/* IE7 */
*:first-child+html #grandTop #jpCharts p.ttlCharts img {
	padding-top: 3px;
}
#grandTop #jpCharts p.ttlCharts span {
	margin-left: 6px;
	font-size: 24px;
	font-weight: bold;
}
#grandTop #jpCharts p.txtCharts {
	margin-top: 12px;
	font-size: 10px;
}
#grandTop #jpCharts p.detail {
	text-align: right;
	font-weight: bold;
}
#grandTop #jpCharts p.detail a {
	background: url(/images/icon_arrow2.gif) no-repeat left center;
	padding-left: 18px;
}
#grandTop #jpCharts table.chartsTable {
	margin-top: 10px;
}
#grandTop #jpCharts table.chartsTable td {
	padding: 6px 0;
	vertical-align: top;
}
#grandTop #jpCharts table.chartsTable td.rankThis {
	width: 41px;
	text-align: center;
	vertical-align: middle;
	color: #accb00;
	font-size: 24px;
}
#grandTop #jpCharts table.chartsTable td.cover {
	width: 73px;
}
#grandTop #jpCharts table.chartsTable td.cover img {
	border: 1px solid #bcbfb8;
	width: 72px;
}
#grandTop #jpCharts table.chartsTable td.ta {
	padding: 7px 13px;
}
#grandTop #jpCharts table.chartsTable td.ta div {
	font-weight: bold;
}
#grandTop #jpCharts table.chartsTable td.ta .title {
	font-size: 14px;
}
#grandTop #jpCharts table.chartsTable td.ta .artist {
	margin-top: 14px;
}
#grandTop #jpCharts table.chartsTable tr.color td {
	background-color: #f6f6f6;
}
#grandTop #jpCharts fieldset {
	visibility: hidden;
}

/* News Release Style
---------------------------------------------------- */
#grandTop #newsRelease {
	position: relative;
	margin-top: 22px;
	width: 300px;
}
#grandTop #newsRelease h2 {
	background-color: #303030;
	width: 288px;
	padding: 7px 0 7px 12px;
}
#grandTop #newsRelease p.detail {
	position: absolute;
	top: 7px;
	right: 14px;
	font-size: 10px;
}
#grandTop #newsRelease p.detail a {
	text-decoration: none;
}
#grandTop #newsRelease p.detail a:link,
#grandTop #newsRelease p.detail a:visited {
	color: #d9d9d9;
}
#grandTop #newsRelease p.detail a:hover,
#grandTop #newsRelease p.detail a:active {
	color: #f9f9f9;

}
#grandTop #newsRelease dl {
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	width: 278px;
	padding: 6px 10px 20px;
}
#grandTop #newsRelease dl dt {
	float: left;
	clear: both;
	width: 70px;
	padding: 5px 0 0 0;
}
#grandTop #newsRelease dl dd {
	background: url(/images/icon_arrow3.gif) no-repeat left 8px;
	margin-left: 70px;
	padding: 5px 0 0 15px;
}
#grandTop #newsRelease a:link,
#grandTop #newsRelease a:visited {
	color: #555;
}
#grandTop #newsRelease a:hover,
#grandTop #newsRelease a:active {
	color: #9f9f9f;
}

/* Hot Shot Discs Style
---------------------------------------------------- */

#grandTop #hsDiscs p.update {
	margin-top: 13px;
	text-align: right;
	font-weight: bold;
}
#grandTop #hsDiscs p.update img {
	margin-right: 6px;
	vertical-align: top;
}

#grandTop #hsDiscs,
#grandTop #hsDiscs table.hsDiscsTable {
	width: 300px;
}
#grandTop #hsDiscs table.hsDiscsTable {
	margin-top: 10px;
}
#grandTop #hsDiscs table.hsDiscsTable td {
	padding: 6px 0;
	vertical-align: top;
}
#grandTop #hsDiscs table.hsDiscsTable td.cover {
	width: 74px;
}
#grandTop #hsDiscs table.hsDiscsTable td.cover img {
	border: 1px solid #bcbfb8;
	width: 72px;
}
#grandTop #hsDiscs table.hsDiscsTable td.ta {
	padding: 7px 5px 7px 10px;
}
#grandTop #hsDiscs table.hsDiscsTable td.ta div {
	font-weight: bold;
}
#grandTop #hsDiscs table.hsDiscsTable td.ta .release {
	margin-top: 2px;
}
#grandTop #hsDiscs table.hsDiscsTable td.ta .title {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.4;
}
#grandTop #hsDiscs table.hsDiscsTable td.ta .title strong a {
	background: url(/images/icon_arrow2.gif) no-repeat left 4px;
	padding-left: 16px;
}
#grandTop #hsDiscs table.hsDiscsTable td.ta .title span.icon img {
	margin-left: 4px;
	padding-top: 5px;
}
/* IE6 */
* html #grandTop #hsDiscs table.hsDiscsTable td.ta .title span.icon img {
	padding-top: 2px;
}
/* IE7 */
*:first-child+html #grandTop #hsDiscs table.hsDiscsTable td.ta .title span.icon img {
	padding-top: 2px;
}

#grandTop #hsDiscs table.hsDiscsTable td.ta .artist {
	margin-top: 8px;
}
#grandTop #hsDiscs table.hsDiscsTable tr.color td {
	background-color: #f6f6f6;
}
/* bnrAdSquare Style
----------------------------------------------------  */
#bnrAdSquare {
	margin-top:22px;
}
/* Present Style
---------------------------------------------------- 
#grandTop #present {
	margin-top: 16px;
	border: 1px solid #c6c6c6;
	width: 298px;
}
#grandTop #present .inner {
	margin: 13px 11px 17px;
	width: 276px;
}
#grandTop #present .inner img.imgPresent {
	width: 276px;
}
*/
/* Banner Area Style
---------------------------------------------------- 
#grandTop #bnrArea {
	margin-top: 16px;
}
#grandTop #bnrArea p {
	margin-bottom: 8px;
}
*/
/* Flash alternative Style
---------------------------------------------------- */
#grandTop #topImg1 {
	position:absolute;
	bottom:0;
	margin-top: 22px;
}
#grandTop #topImg1 p {
	margin: 10px 0;
}

/* Slide Banner Style
---------------------------------------------------- */
#grandTop #bottomImg {
	clear: both;
	padding-bottom: 8px;
	width: 975px;
}
/* Twitter Widget Style
---------------------------------------------------- */
#grandTop #widget {
	position:absolute;
	bottom:0;
}
.twtr-hd h4 {
	font-weight:bold;
}