@charset "utf-8";
body {
	background-color: #FFFFFF;
	text-align: center;
}
#pageWrapper {
	background-color: #FFFFff;
	height: 860px;
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
}
#menus {
	height: 43px;
	width: 203px;
/*	padding-top: 408px;
	margin-left: 489px; */
	position: absolute;
	top : 408px;
	left : 0px;
}
#menus li {
	float: left;
}
.popupHolder {
    display : block;
	position: absolute;
	background-repeat: repeat;
}
#fadebox {
    position : absolute;
    display : none;
    background-repeat : repeat;
    z-index : 100;
}
#popup1bio {
	background-image: url(../images/popupItem/BG1-bio.png);
	height: 320px;
	width: 370px;
	left: 0px;
	top: 0px;
    z-index : 1000;
}
#popup2live {
	background-image: url(../images/popupItem/BG2-live.png);
	height: 320px;
	width: 410px;
	left: 365px;
	top: 0px;
    z-index : 1000;
}
#popup3album {
	background-image: url(../images/popupItem/BG3-album.png);
	height: 320px;
	width: 410px;
	left: 770px;
	top: 0px;
    z-index : 1000;
}
#popup4news {
	background-image: url(../images/popupItem/BG4-news.png);
	height: 320px;
	width: 410px;
	left: 0px;
	top: 540px;
    z-index : 1000;
}
#popup5kon {
	background-image: url(../images/popupItem/BG5-konnichiwa.png);
	height: 320px;
	width: 250px;
	left: 405px;
	top: 540px;
    z-index : 1000;
}
#popup6art {
	background-image: url(../images/popupItem/BG6-artwork.png);
	height: 371px;
	width: 530px;
	left: 650px;
	top: 540px;
    z-index : 1000;
}
.popupHolder .closer {
	float: right;
	margin-top: 10px;
	margin-right: 14px;
}
.popupHolder h2 {
	float: left;
	padding-top: 9px;
/*	text-align : center;
	padding-left : 21px; */
}
#popup1bio h2 {
	padding-left : 107px;
/*	width : 314px; */
}
#popup2live h2 {
	padding-left : 178px;
/*	width : 354px; */
}
#popup3album h2 {
	padding-left: 157px;
/*	width : 354px; */
}
#popup4news h2 {
	padding-left : 171px;
/*	width : 354px;	*/
}
#popup5kon h2 {
	width :250px;
	padding-left : 0px;
}
#popup6art h2 {
	padding-left : 192px;
/*	width: 474px; */

}
.popupHolder .frame {
	clear:both;
	text-align : left;
	padding-top:10px;
	margin-left : 10px;
	
}
.popupHolder .frame iframe {
	border : 0px;
}

#popup5kon .mail {
	text-align : center;
	padding-top : 115px;
	padding-bottom : 84px;
}
#popup5kon .socialLink {
	margin-left : 45px;
}
#popup5kon .socialLink li {
	float : left;
	margin-right : 21px;
}

#loading {
	position : absolute;
	display : none;
	font-size : 1em;
	top : 0px;
	left : 0px;
	z-index : 1111;
	color: #0000CE;
	background-color: #C1E3DD;
	border: 1px solid #94C7BA;
	padding: 5px;
}
#error {
	position : absolute;
	display : none;
	font-size : 1em;
	top : 0px;
	left : 0px;
	z-index : 1112;
	color: #CE0000;
	background-color: #E4C0C0;
	border: 1px solid #C99292;
	padding: 5px;
}
#news_container{position:relative; margin:0; width:390px; height:270px; margin-left : 10px;}
#news_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#news_container .customScrollBox .container{position:relative; width:370px; top:0; float:left;}
#news_container .customScrollBox .content{clear:both; width:370px;}

#bio_container{position:relative; margin:0; width:350px; height:270px; margin-left : 10px;}
#bio_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#bio_container .customScrollBox .container{position:relative; width:330px; top:0; float:left;}
#bio_container .customScrollBox .content{clear:both; width:330px;}

#live_container{position:relative; margin:0; width:400px; height:270px; margin-left : 10px;}
#live_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#live_container .customScrollBox .container{position:relative; width:370px; top:0; float:left;}
#live_container .customScrollBox .content{clear:both; width:370px;}

#album_container{position:relative; margin:0; width:390px; height:270px; margin-left : 10px;}
#album_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#album_container .customScrollBox .container{position:relative; width:370px; top:0; float:left;}
#album_container .customScrollBox .content{clear:both; width:370px;}


#art_container{position:relative; margin:0; width:510px; height:350px; margin-left : 10px;}
#art_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#art_container .customScrollBox .container{position:relative; width:490px; top:0; float:left;}
#art_container .customScrollBox .content{clear:both; width:490px;}

 .dragger_container{
	position:relative;
	width:20px;
	height:317px;
	float:left;
	cursor:pointer;
	background-image: url(../images/popupItem/scrollbar-line.png);
	background-repeat: repeat-y;
}
 .dragger{position:absolute; width:20px; height:20px; background:#fff; text-align:center; margin-left:1px; line-height:60px; color:#666; overflow:hidden; cursor:pointer;}
 .dragger_pressed{position:absolute; width:20px; height:20px; background:#ccc; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; cursor:pointer;}