

body{background:url(../images/bg_main.png) center 0 repeat; width:100%; height:100%; min-width:1200px;}
body#top #wrapper{background:url(../images/bg_ribbon.png) center 550px repeat-x; width:100%; height:100%; min-height:1640px;}

/*loader*/
#loader{
	background:url(../images/bg_main.png) #fff center 0 repeat; width:100%; height:100%; 
	position:fixed;
	z-index:100;
	text-align:center;
}

#loader span#load-text{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:12px;
	position:absolute;
	top:48%;
	left:48%;	
	display:none;
}
#loader span#ttl{
	position:absolute;
	top:20%;
	left:50%;	
	margin-left:-325px;
	display:none;
}

#loader #progressbar{
	width:100%;
	height:1px;	
	position:absolute;
	top:48%;
}
#loader #progressbar span{
    display: block;
    width: 0px;
    height: 1px;
    background: #fff;
    }

#overlay{
	display:none;
}



#header{width:100%; height:70px; background:url(../images/header_bg.png) 0 0 repeat-x;}
#header .inner{width:1000px; height:70px; margin:0 auto; position:relative; box-sizing:border-box; text-align:center;}
#header .inner .sns{position:absolute; top:17px; right:15px; letter-spacing:-0.2em; width:85px;}
#header .inner .sns img{display:inline-block; vertical-align:top; letter-spacing:0; padding: 0 2px;}
#header .inner ul{text-align:center; padding:24px;}
#header .inner ul li{display:inline-block; padding: 0 20px;}

#wrapper #main{width:1200px; height:560px; margin:0 auto; position:relative;}
body.sub #wrapper #main{width:100%; height:280px; background:url(../images/sub_bg.png) center 0 no-repeat;}


#wrapper #main .frames{position:absolute; width:296px; height:480px; background:url(../images/frames.png) 0 0 no-repeat;}
#wrapper #main .frames.type01{top:17px; left:98px; z-index:2;}
#wrapper #main .frames.type02{top:17px; left:463px; z-index:2;}
#wrapper #main .frames.type03{top:17px; left:815px; z-index:2;}

#wrapper #main #pra{position:absolute; width:344px; height:482px; top:17px; left:77px; background:url(../images/main_PRA.png) 0 0 no-repeat; z-index:5;}
#wrapper #main #prd{position:absolute; width:362px; height:482px; top:17px; left:437px; background:url(../images/main_PRD.png) 0 0 no-repeat; z-index:5;}
#wrapper #main #prr{position:absolute; width:298px; height:482px; top:17px; left:813px; background:url(../images/main_PRR.png) 0 0 no-repeat; z-index:5;}
#wrapper #main .glow{position:absolute; width:1100px; height:535px; top:17px; left:48px; background:url(../images/glow.png) 0 0 no-repeat; z-index:4	;}

#contents{width:1200px; margin:40px auto 0; letter-spacing:-0.2em; text-align:center;}

body.sub #contents{width:1100px; padding:20px 15px; background:#fff; margin:0 auto; }
body.sub #contents h1{
	height:120px; 
	width:100%; 
	background-image:url(../images/contents_ornament01.png),url(../images/contents_ornament02.png),	url(../images/contents_ornament03.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:top left,top center,top right;
	text-align:center;
	padding-top:70px;
	box-sizing:border-box;
	margin-bottom:20px;
}	
body.sub #contents .inner{
	padding:0 0 140px 0;
	width:100%; 
	background-image:url(../images/contents_ornament_b01.png),url(../images/contents_ornament_b02.png),	url(../images/contents_ornament_b03.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:bottom left,bottom center,bottom right;
	text-align:center;
	box-sizing:border-box;
}	

/*--------------------------------------------------------------
	movie
--------------------------------------------------------------*/

.inner#movieList{
    text-align:center;
    letter-spacing:-0.4em;
}

.inner#movieList .movie{
    display:inline-block;
    *display:inline;
    *zoom:1;
    letter-spacing:0;
    vertical-align:top;
    /*width:335px;*/
    width:330px;
    margin:5px;
}

.inner#movieList .movie iframe{
    padding:4px;
    border:solid 1px #ddd;
}

.inner#movieList .movie span.name{
    display:block;
    color:#c5a8000;
    font-size:12px;
    text-align:center;
    padding:8px 0;
}

/*--------------------------------------------------------------
	news
--------------------------------------------------------------*/

.inner#newsList{
    text-align:center;
    letter-spacing:0em;
}

.inner#newsList #subColumn{padding:10px; text-align:center;}
.inner#newsList #subColumn ul li {display:inline-block;}
.inner#newsList #subColumn ul li a{display:inline-block; vertical-align:top; padding:5px 8px; margin:3px; color:#fff; background:#c5a800; text-decoration:none;}
.inner#newsList #subColumn li a:hover{background:#5B3322; color:#fff;}

.inner#newsList #mainColumn{display:block; letter-spacing:0; padding:20px 0; margin:0 auto; width:880px; position:relative;}
.inner#newsList #mainColumn ul{display:table; width:880px;}
.inner#newsList #mainColumn li a{
    display:block;
    padding:10px 8px;
    border-bottom:dotted 1px #eee;
    text-decoration:none;
    color:#5b3322;
    font-size:13px;
	text-align:left;
}
.inner#newsList #mainColumn li a:hover{
    color:#a28c00;  
}

.inner#newsList #mainColumn li a span{
    display:table-cell;
    letter-spacing:0;
    vertical-align:top;

}
.inner#newsList #mainColumn li a span.date{
    padding-right:1em;
    width:6em;
    color:#c5a800;
	text-align:left;
}

.inner#newsList .paging{
    letter-spacing:0;
    padding:15px 0;
    
}       

.inner#newsList .paging a{
    color:#c5a800;
    text-decoration:none;
    padding:0 5px;
}

.inner#newsList .paging a:hover{
    color:#5b3322;
    text-decoration:underline;
}

/*detail*/

.inner.detail#newsList #mainColumn h2{
    font-size:21px;
    color:#c5a800;
	font-weight:bold;
    padding-bottom:8px;
    padding-right:0px;
	background:url(../images/column_dline.png) bottom center repeat-x;
	text-align:left;
}

.inner.detail#newsList #mainColumn h2 span{
    font-size:12px;
    font-weight:600;
    display:block;
}

.inner.detail#newsList #mainColumn .newsdetail{
    padding:25px 15px;
    font-size:13px;
    color:#5b3322;
    line-height:1.75;
text-align:left;
}
.inner.detail#newsList #mainColumn .newsdetail a{color:#eb2980; text-decoration:none;}
.inner.detail#newsList #mainColumn .newsdetail a:hover{color:#c5a800; text-decoration:underline;}

.inner.detail#newsList #mainColumn .sns,
.inner.detail#discoList #mainColumn .sns{
    position:absolute;
    right:-20px;
    top:0px;
    width:200px;
    letter-spacing:0;
}


------------------------------------
    discography
------------------------------------*/

.inner#discoList{

}

.inner#discoList #subColumn,
.inner#discoList #mainColumn{
	width:890px;
	display:block;
    padding:10px;
	margin:0 auto;
}   
    
.inner#discoList #subColumn{
	text-align:center;
	letter-spacing:0;
}
 
.inner#discoList #subColumn{padding:10px; text-align:center;}
.inner#discoList #subColumn ul li {display:inline-block;}
.inner#discoList #subColumn ul li a{display:inline-block; vertical-align:top; padding:5px 8px; margin:3px; color:#fff; background:#c5a800; text-decoration:none;}
.inner#discoList #subColumn li a:hover{background:#5B3322; color:#fff;} 
 
.inner#discoList #subColumn ul li{
    padding:2px 0;
}
.inner#discoList #subColumn ul ul{
    margin:12px 0;
}
.inner#discoList #subColumn ul ul li{
    padding:0 12px;
}


.inner#discoList #mainColumn{
    width:850px;
    letter-spacing:-0.4em;
}

/*new release*/


.inner#discoList #mainColumn .group{
    letter-spacing:0;
    padding:0 0 25px 0;
    margin-bottom:25px;
    border-bottom:double 3px #ccc;
	text-align:left;
	color:#5B3322;
    /*background:url(../images/w_line.png) 0 bottom no-repeat;*/
}

.inner#discoList #mainColumn .group h2{
    font-size:28px;
    display:block;
	font-weight:bold;
    padding-bottom:8px;
    padding-top:35px;
    color:#c5a800;
}

.inner#discoList #mainColumn .group .top_txt{
    padding:5px;
    font-size:12px;
    line-height:1.75;
}

.inner#discoList #mainColumn .products{
    display:table;
    margin:15px 0;
}

.inner#discoList #mainColumn .products .jkt,
.inner#discoList #mainColumn .products .tracks{
    display:table-cell;
    vertical-align:top;
}

.inner#discoList #mainColumn .products .jkt{width:200px; padding-right:40px;}
.inner#discoList #mainColumn .products .jkt img{max-width:200px;}
.inner#discoList #mainColumn .products .tracks{width:600px;}


.inner#discoList #mainColumn .products .jkt .shop_link,.inner#discoList #mainColumn .products .jkt .download_link{
    margin:5px 0 0 0;
}


.inner#discoList #mainColumn .products .tracks h3{
    font-size:18px;
    color:#c5a800;
    display:block;
    padding-bottom:3px;

}

.inner#discoList #mainColumn .products .tracks h3 span{
    display:block;
    padding:0 0 5px 0;
    font-size:12px;
}


.inner#discoList #mainColumn .products .tracks h4{
    font-size:14px;
    color:#c5a800;
    display:block;
    padding-bottom:5px;

}

.inner#discoList #mainColumn .products .tracks p{
    padding:5px 0;
}

.inner#discoList #mainColumn .products .tracks .tracklist{
    padding:5px 0;
}

.inner#discoList #mainColumn .products .tracks .tracklist strong{
    display:block;
    padding:5px 0;
}

.inner#discoList #mainColumn .products .tracks .tracklist dl{
    margin:3px 0 7px 0;
}

.inner#discoList #mainColumn .bottom_txt{
    padding:5px 0;
    /*background:#f8f8f8;*/
}


/*archive*/

.inner#discoList #mainColumn .archive a{
    padding:25px 10px;
    border:solid 1px #ddd;
    display:block;
    width:250px;
    text-decoration:none;
}

.inner#discoList #mainColumn .archive a:hover{
    background:#c5a800;
    border:solid 1px #c5a800;
    text-decoration:none;
}

.inner#discoList #mainColumn .archive a span{
    display:block;
    padding:10px 10px 5px 10px;
    color:#444;
    text-decoration:none;
}

.inner#discoList #mainColumn .archive a:hover span{
    color:#fff;
    text-decoration:none;
}


.inner#discoList #mainColumn .archive{
    width:272px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    letter-spacing:0;
    margin:8px 8px 0 0;
}

.inner#discoList #mainColumn .archive img{
    display:block;
    margin:0 auto;
	width:200px;
	height:auto;
}
.inner#discoList #subColumn p.series{font-size:14px; font-weight:bold; color:#5b3322; padding:15px 0;}
.inner#discoList #subColumn p.series a{font-size:14px; font-weight:bold; color:#c5a800; text-decoration:none;}
.inner#discoList #subColumn p.series a:hover{font-size:14px; font-weight:bold; color:#5b3322; text-decoration:none;}
.inner#discoList #subColumn p.series a.current{font-size:14px; font-weight:bold; color:#eb2980; text-decoration:none;}

.inner#discoList #mainColumn .group:last-child{border-bottom:none;}
.inner#discoList #mainColumn .group .itemWrap tr{border-bottom:double 3px #ddd;}
.inner#discoList #mainColumn .group .itemWrap tr:last-child{border-bottom:none;}

/*--------------------------------------------------------------
	top contents
--------------------------------------------------------------*/

#contents .column,#contents .column01{background:#fff; padding:15px; border:solid 1px #c5a800; box-sizing:border-box; letter-spacing:0; display:inline-block; vertical-align:top; margin:7px; text-align:left;}

#contents .column#pickup{width:800px;}
#contents .column#mo/vie{width:332px;}
#contents .column01#news{width:566px;}
#contents .column01#twitter{width:566px;}
#contents .column h3,#contents .column01 h3{
	height:90px; 
	width:100%; 
	background-image:url(../images/column_ornament01.png),url(../images/column_ornament02.png),	url(../images/column_ornament03.png),url(../images/column_dline.png);
	background-repeat:no-repeat,no-repeat,no-repeat,repeat-x;
	background-position:top center,top left,top right, bottom center;
	text-align:center;
	padding-top:42px;
	box-sizing:border-box;
	margin-bottom:20px;
}

/*pickup*/
#contents .column#pickup .pickupColumn{letter-spacing:-0.2em; text-align:center;}
#contents .column#pickup .pickupColumn .item{display:inline-block; vertical-align:top; letter-spacing:-0.2em; width:49.5%; padding:0 0.5%; box-sizing:border-box; text-align:left;}
#contents .column#pickup .pickupColumn .item div{display:inline-block; letter-spacing:0; vertical-align:top; }
#contents .column#pickup .pickupColumn .item div.jkt{width:145px;}
#contents .column#pickup .pickupColumn .item div.txt{width:225px;}
#contents .column#pickup .pickupColumn .item div.txt h4{font-size:14px; color:#c5a800; font-weight:bold; margin-bottom:15px;}
#contents .column#pickup .pickupColumn .item div.txt p{color:#5b3322; font-size:12px; line-height:1.6;}
#contents .column#pickup .pickupColumn .item div.txt p strong{font-size:12px; color:#c5a800; font-weight:bold; margin-top:15px; display:block;}

/*movie*/
#contents .column#movie .movie{margin:0 auto; width:280px; text-align:center;}
#contents .column#movie .movie span{color: #5b3322; font-size: 11px; padding: 5px 0; display: block;}

/*news*/
body#top #contents .column01 .inner{ width:100%; height:335px;}
body#top #contents .column01 .inner #scrollbar1{width:530px;  padding-left:5px; height:335px; overflow:auto;}

body#top #contents .column01 .inner ul{display:table; width:510px; font-size:13px;}
body#top #contents .column01 .inner li a{display:block;  padding:8px 8px;  border-bottom:dotted 1px #eee;  text-decoration:none; color:#5b3322;}
body#top #contents .column01 .inner li a:hover{color:#a28c00;  }

body#top #contents .column01 .inner  li a span{display:table-cell;  letter-spacing:0; vertical-align:top;}
body#top #contents .column01 .inner  li a span.date{padding-right:1em;  width:6em; color:#c5a800;}



.copyright{text-align:center; padding:20px 0; }