@charset "utf-8";

 /* ====================================================
	全体レイアウト
====================================================*/
body{
	background:url(../img/main_bg.jpg) no-repeat center top #000;
	/* IE6対策（スクロール時の表示ブレ防止） */
    background-attachment: fixed;
	color:#FFF;
	}

#header {
	width: 900px;
	margin: 0 auto 0 auto;
}
#tickerFixed {
	background:url(../img/ticker_bg.png) repeat-x left top;
    width: 100%;
    height: 16px;

}
#mainContainer {
	width: 900px;
	margin: 0 auto 0 auto;
}

#header #title {
	width: 900px;
}

 /* ====================================================
	リンク色
====================================================*/
a:link {color: #fff;}
a:visited {color: #b8a63e;}
a:hover{color: #b8a63e;}
a:active {color: #b8a63e;}


 /* ====================================================
	ヘッダー
====================================================*/
h1 span {
	display:none;
	visibility: hidden;
}
h2 span {
	display:none;
	visibility: hidden;
}

 /* ====================================================
	メニュー
====================================================*/
#mainMenu {
	width: 900px;
	height:62px;
	margin: 0 auto 0 auto;
	clear:both;
}

#mainMenu a {
float:left;
text-decoration:none;
text-indent:-9999px;
display:block;
width:900px;
height:62px;
background:url(../img/main_menu.png) no-repeat left top;
}

#mainMenu a.m1 {width:65px;}
#mainMenu a.m2 {width:62px; background-position:-65px 0;}
#mainMenu a.m3 {width:70px; background-position:-127px 0;}
#mainMenu a.m4 {width:124px; background-position:-197px 0;}
#mainMenu a.m5 {width:54px; background-position:-321px 0;}
#mainMenu a.m6 {width:105px; background-position:-375px 0;}
#mainMenu a.m7 {width:61px; background-position:-480px 0;}
#mainMenu a.m8 {width:48px; background-position:-541px 0;}
#mainMenu a.m9 {width:102px; background-position:-589px 0;}
#mainMenu a.m10 {width:91px; background-position:-691px 0;}
#mainMenu a.m11 {width:61px; background-position:-782px 0;}
#mainMenu a.m12 {width:57px; background-position:-843px 0;}

#mainMenu a.m1:hover {background-position:0 -62px;}
#mainMenu a.m2:hover {background-position:-65px -62px;}
#mainMenu a.m3:hover {background-position:-127px -62px;}
#mainMenu a.m4:hover {background-position:-197px -62px;}
#mainMenu a.m5:hover {background-position:-321px -62px;}
#mainMenu a.m6:hover {background-position:-375px -62px;}
#mainMenu a.m7:hover {background-position:-480px -62px;}
#mainMenu a.m8:hover {background-position:-541px -62px;}
#mainMenu a.m9:hover {background-position:-589px -62px;}
#mainMenu a.m10:hover {background-position:-691px -62px;}
#mainMenu a.m11:hover {background-position:-782px -62px;}
#mainMenu a.m12:hover {background-position:-843px -62px;}

#mainMenu a.m1Active {width:65px; background-position:0 -62px;}
#mainMenu a.m2Active {width:62px; background-position:-65px -62px;}
#mainMenu a.m3Active {width:70px; background-position:-127px -62px;}
#mainMenu a.m4Active {width:124px; background-position:-197px -62px;}
#mainMenu a.m5Active {width:54px; background-position:-321px -62px;}
#mainMenu a.m6Active {width:105px; background-position:-375px -62px;}
#mainMenu a.m7Active {width:61px; background-position:-480px -62px;}
#mainMenu a.m8Active {width:48px; background-position:-541px -62px;}
#mainMenu a.m9Active {width:102px; background-position:-589px -62px;}
#mainMenu a.m10Active {width:91px; background-position:-691px -62px;}
#mainMenu a.m11Active {width:61px; background-position:-782px -62px;}
#mainMenu a.m12Active {width:57px; background-position:-843px -62px;}


 /* ====================================================
	メインコンテンツ　レイアウト
====================================================*/
#mainContainer #wrapper{
	width:900px;
	position:relative;
	}
#mainContainer #left {
	width: 250px;
	position:absolute;
	top:0;
	left:0;
}
#mainContainer #center {
	width: 446px;
	position:absolute;
	top:0;
	left:252px;
	background:url(../img/mainContents_bg.png) repeat left top;
}
#mainContainer #right {
	width: 200px;
	position:absolute;
	top:0;
	left:700px;
	background:url(../img/mainContents_bg.png) repeat left top;
}

 /* ====================================================
	LEFTコンテンツ
	
	UPDATE (#left)
====================================================*/
#left #update {
	height: 495px;
	width: 250px;
	background:url(../img/mainContents_bg.png) repeat left top;
}

/*-------------------------------
jScrollPane
--------------------------------*/
/*.holder1 {
	float: left;
	width:230px;
	margin:0;
	padding:0 0 0 10px;
}
#pane1 {
	height: 430px;
	clear: both;
}
.scroll-pane1 {
	width: 230px;
	overflow: auto;
	float: left;
}

#update .holder1 #pane1 ul li {
	float: left;
	padding:0 0 10px 0;
	width:220px;
	clear:both;
}

#update .holder1 #pane1 ul li dl dt{
	color:#a9a9a9;
	font-size:93%;
	font-weight:bold;
}*/



 /* ====================================================
 	以下、LEFTコンテンツ
====================================================*/
 




 /* ====================================================
 	CENTERコンテンツ
	
	 NEWS (#center)
====================================================*/
/*-------------------------------
jScrollPane
--------------------------------*/
/*.holder2 {
	float: left;
	width:430px;
	margin:0 0 30px 0;
	padding:0 0 0 10px;
}
#pane2 {
	height: 768px;
	clear: both;
}
.scroll-pane2 {
	width: 425px;
	overflow: auto;
	float: left;
}

.holder2 #pane2 ul li {
	float: left;
	padding:15px 0 10px 0;
	width:410px;
	clear:both;
	border-bottom: #5d5e5e solid 1px;
}
.holder2 #pane2 ul li dl dt{
	color:#b03615;
	font-size:93%;
	font-weight:bold;
	line-height:93%;
}
.holder2 #pane2 ul li dl .firstChild{
	color:#fff;
	font-size:116%;
	font-weight:bold;
	padding: 0 0 7px 0;
}
.holder2 #pane2 ul li dl dd{
	color:#dddddd;
}*/



/*---------------------------------------------------------------------------------------------------*/
/* ------------------------------------
 * ディスコメニュー
 * ------------------------------------ */
#discomenu{
	position: absolute;
	top: 33px;
	height: 16px;
	margin: 0 0 0 7px;
	width: 220px;
	display: inline;
	z-index:10;
}
#discomenu #menus {
	height:16px;
}
#discomenu #menus a {
float:left;
text-decoration:none;
text-indent:-9999px;
display:block;
height:16px;
background-image:url(../img/discography/discoMenu.png);
}

#discomenu #menus a.m1 {width:45px;}
#discomenu #menus a.m2 {width:62px; background-position:-45px 0;}
#discomenu #menus a.m3 {width:54px; background-position:-107px 0;}
#discomenu #menus a.m4 {width:59px; background-position:-161px 0;}

#discomenu #menus a.m1:hover {background-position:0 -16px;}
#discomenu #menus a.m2:hover {background-position:-45px -16px;}
#discomenu #menus a.m3:hover {background-position:-107px -16px;}
#discomenu #menus a.m4:hover {background-position:-161px -16px;}

#discomenu #menus a.m1Active {width:45px; background-position:0 -16px;}
#discomenu #menus a.m2Active {width:62px; background-position:-45px -16px;}
#discomenu #menus a.m3Active {width:54px; background-position:-107px -16px;}
#discomenu #menus a.m4Active {width:59px; background-position:-161px -16px;}


/* ------------------------------------
 * jScrollPane
 * ------------------------------------ */
.holder1 {
	position:absolute;
	width:456px;/*この幅を基準に以下、下げていく（横スクロールバー対策）*/
	margin:0 15px 0 0;
	padding:50px 10px 10px 10px;
	/*border: #787878 solid 1px;*/
}
.holder2 {
	position:absolute;
	left:520px;
	top:75px;
	width:340px;
	height:580px;
	margin: 0;
	padding:0;
	border: #787878 solid 1px;
}
.holder3 {
	float: left;
	margin:17px 15px 0 0;
	padding: 10px;
	border: #787878 solid 1px;
}
.holder4 {
	float: left;
	width:510px;
	margin:17px 0 0 0;
	padding: 10px;
	border: #787878 solid 1px;
}

.scroll-pane1 {
	width: 451px;/*holder1より5px下げる*/
	/*height: 608px;*/
	overflow: auto;
	float: left;
}
.scroll-pane2 {
	width: 340px;
	/*height: 608px;*/
	overflow: auto;
	float: left;
	clear: both;
}
.scroll-pane3 {
	width: 343px;
	overflow: auto;
	float: left;
}
.scroll-pane4 {
	width: 510px;
	overflow: auto;
	float: left;
	clear: both;
}

#pane3,#pane4 {
	height: 608px;
	clear: both;
}
#pane1{
	height: 580px;
	clear: both;	
}
#pane2{
	height: 580px;
	clear: both;	
}
#pane2 .list1 li img {
	max-width:280px;
}
/* ------------------------------------
 * ジャケ
 * ------------------------------------ */
.vCenter ul {
width: 436px;/*scroll-pane1より15px下げる*/
}
.vCenter ul li {
/*border: solid 1px #ccc;*/
border-collapse: collapse;
float: left;
margin-right: 5px;
margin-bottom: 5px;
width: 80px;
height:80px;
}
.vCenter ul li p {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 80px !important;
height: 80px !important;
width: auto;
height: auto;
}

.vCenter ul li p img{
max-width:80px;
max-height:80px;
/*width: expression((getImageWidth('picture') > getImageHeight('picture')) ? "80px" : "auto");
height: expression((getImageHeight('picture') > getImageWidth('picture')) ? "80px" : "auto");*/
}

html>/**/body .vCenter ul li {

display: inline-block\9;
float: none\9;
text-align: center\9;
vertical-align: text-top\9;
line-height: 80px\9;
overflow: hidden\9;

}
html>/**/body .vCenter ul li span {
display: inline-block\9;

}
html>/**/body .vCenter ul li p {
vertical-align: middle\9;
display: inline\9;
zoom: 1\9;
}


/* ------------------------------------
 * 詳細
 * ------------------------------------ */
ul.list1{
	padding:10px;
}
ul.list1 .category{
	color:#bcbcbc;
	line-height:75%;
}
ul.list1 .title{
	color:#ffffff;
	font-size:163%;
	font-weight:bold;
	
}
ul.list1 .release{
	color:#bcbcbc;
	
}
dl.list2 {
	line-height: 1.6;
	margin: 0 0 0 0;
	width: 100%%;
}

dl.list2 dt {
	width: 2em;
	float: left;
	text-indent: 0em;
	color:#fff;
}
dl.list2 dd {
	color:#bcbcbc;
	padding: 0 0 0 2em;
}
.detailText{
	padding:35px 0 0 0;
}


/* ------------------------------------
 * DETAILS
 * ------------------------------------ */
.detailsTitle {
	color:#ffffff;
	font-size: 150%;
	font-weight:bold;
	line-height:1.1em;
	background:url(../img/discography/subTitleDetailsBg.png) no-repeat left top;
	width: 483px;
	padding: 5px;
	margin: 0 0 15px 0;
}

.detailsText {
	color:#cccccc;
	font-size: 94%;
	line-height:130%;
	padding:0 0 8px 5px;
	float: left;
	width: 493px;
	clear:both;
}

.detailsSingle {
	color:#ffffff;
	font-weight:bold;
	width: 483px;
	padding:15px 0 0 0;
	margin: 0 0 15px 5px;
	clear:both;
}

.detailsAlbum {
	color:#ffffff;
	font-weight:bold;
	width: 483px;
	padding:15px 0 0 0;
	margin: 0 0 15px 5px;
	clear:both;
}
.thumb {
	width: 483px;
}