@charset "UTF-8";
/* CSS Document */


@media only screen and (-webkit-min-device-pixel-ratio : 1),
only screen and (min-device-pixel-ratio : 1) {
	
	
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
		}
body{
	color:#fff;
	margin:0;
    padding: 0;
    position: relative;
    font-size:1.4rem;
	font-family:'�l�r �o�S�V�b�N', Osaka, 'Hiragino Kaku Gothic Pro', '�q���M�m�p�S Pro W3', sans-serif;
	}
header,nav,section,article,hgroup,footer,figure,figcaption,menu {
	display: block;
    clear: both;
    margin: 0;
    padding: 0;
	}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
    font-weight: normal
	}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,textarea {
	margin:0;
	padding:0;
	font-size:100%;
	}
li{
	list-style:none;
	}
img {
	border: 0;
	margin: 0;
	padding: 0;
	display:inline-block;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

dl, dt, dd {
margin: 0;
padding: 0;
}

p{
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
	white-space:normal;
	line-height:1.7;
}

hr{
	margin:0;
	padding:0;
	border:#000000 solid 2px;
}






/*
===== 3: link setting ===========================
*/
a:link{
	outline: none;
	color:#fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

}
a:visited{
	color:#fff;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover,
a:active{
	outline: none;
}


/*share class*/
.clear{clear:both;}
.clearfix:after{
	content:"";display:block;
	height:0;clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-table;
	}
.disp{
	display: inline-block;
	overflow:hidden;
	height:0;
}




.thumb{
    margin:0px;
	padding:0;
    display: block;
	width:100%;
}



.color_red{
	color:#d1171a;
}
.color_green{
	color:#006933;
}
.color_gray{
	color:#9f9fa0;
}
.color_blue{
	color:#1c2783;
}
.color_Orange{
	color:#ed7100;
}


.color_linear{
color:#c6463e;
}

.color_nozomi{
color:#4b6b9a;
}

.color_hikari{
color:#cbc200;
}

.color_common{
color:#218a54;
}

.small {
    font-size: 10px;
}


.large{
	font-size:12px;
}

.x-large{
	font-size:13px;
}

.xx-large{
	font-size:14px;
}

.underline{
	text-decoration:underline;
}

.line-through{
	text-decoration:line-through;
}

/****************************
header
****************************/

header{
margin:0 auto;
padding:0;
text-align: center;
}

/****************************
wrapper
****************************/

.wrapper {
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
}


/****************************
contents
****************************/
.contents {
    margin: 0 auto;
    padding:0;
}





/****************************
news
****************************/
#news {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}

#news h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -619px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}



/****************************
twitter
****************************/
#twitter {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#twitter h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -788px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}


/****************************
social
****************************/
.social {
	padding: 20px 0 0 0;
	text-align: right;
}
 
.social li {
	display: inline-block;
	margin:0 0 0 -10px;
	
}
 
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}




/****************************
artist
****************************/
#artist {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#artist h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -949px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}



/****************************
concert
****************************/
#concert {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#concert h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -1117px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}




/****************************
special
****************************/
#special {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#special h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -1286px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}


/****************************
ringo
****************************/
#ringo {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#ringo h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -1454px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}


/****************************
shop
****************************/
#shop {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#shop h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -1623px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}



/****************************
mail
****************************/

#mail {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#mail h1{
padding: 0 0 10px;
background:url(/images/common/header_title_mailadress.png) no-repeat 50% -24px;
-webkit-background-size:370px auto;
-moz-background-size:370px auto;
-o-background-size:370px auto;
-ms-background-size:370px auto;
background-size:370px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}

#mail.top_mail h1 {
	padding: 0 0 10px;
	background: url(/images/top/imege_object_2x.png) no-repeat 50% -1790px;
	-webkit-background-size: 320px auto;
	-moz-background-size: 320px auto;
	-o-background-size: 320px auto;
	-ms-background-size: 320px auto;
	background-size: 320px auto;
	height: 117px;
	border-top: #fff solid 1px;
	overflow: hidden;
	text-indent: -10000px;
}


/****************************
support
****************************/
#support {
display: block;
margin:20px auto;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#support h1{
padding: 0 0 10px;
background:url(/images/top/imege_object.png) no-repeat  50% -1958px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}




/****************************
footer
****************************/

footer{
border-top:#fff solid 1px;
margin:0 auto;
padding:10px  5%;
}


#copyright{	
display: block;
margin:0 auto;
padding:0;
text-align: center;
text-align:left;
}

#copyright p{
font-size:12px;
margin:5px 0;
line-height:1.5;
}








/*****************
ListBox
******************/

.ListBox {
    display: block;
    margin: 0;
    overflow: hidden;
    padding:0;
	text-align:left;
    line-height: 160%;
}


.ListBox .btn {
	font-weight: normal;
	white-space: normal;
}


.ListBox  .btn.twoRows li{
    margin:0;
	padding:0;
    width:46px;
	display:inline-block;
	vertical-align:middle;
	font-size: 75%;
	min-height:48px;
}


.ListBox  .btn.twoRows  li:last-child{
margin:0;
padding:0 5px 0 0;
width:80%;
max-width:100%;
min-height:100%;
display:inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.ListBox .textWhite  li.none{
    text-align: center;
}

.ListBox .textWhite .btn a{
	border-top: dotted 1px #808080;
	padding:16px 10px;
	width:100%;
	height:100%;
	display: block;
	text-decoration: none;
}


.ListBox .textWhite  .btn a:hover{
	background-color:#333;
	opacity:0.8; 
}


.ListBox .textWhite  .btn:last-child{
	border-bottom: dotted 1px #808080;
}


.ListBox .textBlack .btn a{
	border-top: solid 1px #fff;
	padding:6px 10px;
	width:100%;
	height:100%;
    display: block;
	text-decoration: none;
}



.ListBox .textBlack  .btn{
	border-top: solid 2px #9f9fa0;
	border-bottom: solid 2px #9f9fa0;

}


.ListBox .textBlack  .btn a{
	color:#000000;
}


.ListBox .textBlack  .btn time{
	line-height:1.2;
}


.ListBox .textBlack  .btn p{
	line-height:4;
	font-size:120%;
	display: block;
}



/*****************
titleListBox
******************/



.titleListBox {
display: block;
margin:0 auto;
padding:0 0 10px 10px;
}


  .titleListBox h1{
  margin:0;
  padding:10px 0;
  border-bottom:#FFF solid 1px;
  font-size:90%;
  letter-spacing:0.1em;
  }
  
  .titleListBox h1 span{
  font-size:120%;
  }
  
  .titleListBox h2{
  margin:0;
  padding:0;
  font-size:110%;
  display: inline-block;
  letter-spacing:0.3em;
  }
  
  
  .titleListBox .twoRows li{
  padding:5px 0;
  width:48px;
  display:inline-block;
  font-size: 75%;
  min-height:48px;
  vertical-align:top;
  }
  
  
  .titleListBox .twoRows  li:last-child{
  width:80%;
  max-width:100%;
  display:inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-indent:0;
  }
  
  
  .titleListBox .twoRows  li span{
  font-size:90%;
  font-weight:lighter;
  color:#ccc;
  }
  
  
  
  
  
  .titleListBox .oneRows{
  padding:5px 0 0;
  display:block;
  font-size: 75%;
  vertical-align:top;
  }

  .titleListBox .oneRows p{
	  line-height:1.4;
	  padding:6px 0;
  }

  .titleListBox .oneRows  p span{
  font-size:90%;
  font-weight:lighter;
  color:#ccc;
  }




/*****************
more
******************/
.buttonwrap {
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
}


.buttonwrap a.button{
	display:inline-block;
	margin:5px 0;
	line-height: 1;
	padding: 6px 13px 6px 10px;
	background: #AAA;
	color:#FFF;
	font-size: 75%;
	border: 1px solid #262626;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
	width:75%;
	text-decoration: none;
}	
	
.buttonwrap a:hover{
	background: #CCC;
}



/*****************
more
******************/
.more{
	display:block;
	font-weight: normal;
	white-space: normal;
	overflow: hidden;
}
 
.more:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
 
.more a{
	display:block;
	padding:4px;
	text-align:right;
	font-size:80%;
	letter-spacing:0.1em;
	text-decoration: none;
}

/*****************
moreTop
******************/
.moreTop{
	display:block;
	font-weight: normal;
	white-space: normal;
	overflow: hidden;
	border-top: #fff solid 1px;
}
 
 
.moreTop a{
	display:block;
	padding:4px;
	text-align:left;
	font-size:80%;
	letter-spacing:0.1em;
	text-decoration: none;
}


/********* Icon  *********/

.newIcon{
	width:35px;
	height:20px;
	display:inline-block;
    background:url(/images/disco/icon_item.png) no-repeat  -30px 0;
		-webkit-background-size:320px auto;
		-moz-background-size:320px auto;
		-o-background-size:320px auto;
		-ms-background-size:320px auto;
	background-size:320px auto;
	overflow: hidden;
	vertical-align:middle;
}




 .moreIcon{
	width:20px;
	height:20px;
	display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -180px 0;
		-webkit-background-size:320px auto;
		-moz-background-size:320px auto;
		-o-background-size:320px auto;
		-ms-background-size:320px auto;
	background-size:320px auto;
	overflow: hidden;
	vertical-align:middle;
	overflow: hidden;
	text-indent:-10000px;
 }


 .moreTopIcon{
width:20px;
height:20px;
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -180px 4px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
vertical-align:middle;
-webkit-transform:rotate(180deg);
 }


.triangleIcon{
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -220px 6px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
vertical-align:middle;
 }

.bracketsIcon{
margin:0;
width:15px;
height:20px;
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -33px -18px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
vertical-align:middle;
 }


.brackets2Icon{
margin:0;
width:18px;
height:24px;
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -68px -13px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
vertical-align:middle;
 }



/* �����[�X */
.releaseIcon{
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -36px -130px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
width:22px;
height:25px;
 }


/* ���� */
.demoIcon{
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -110px -130px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
width:22px;
height:25px;
 }


/* ���̑� */
.otherIcon{
display:inline-block;
background:url(/images/disco/icon_item.png) no-repeat  -180px -128px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
width:30px;
height:25px;
 }








/* ringoIcon */
.ringoIcon {
background:url(/images/common/icon01.png) no-repeat  -20px 0;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* dezilleIcon */
.dezilleIcon {
  background:url(/images/common/icon01.png) no-repeat  -100px 0;
  overflow: hidden;
  text-indent: 100%;
  
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* nekoIcon */
.nekoIcon {
background:url(/images/common/icon01.png) no-repeat  -180px 0;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* tokyo */
.tokyoIcon {
background:url(/images/common/icon01.png) no-repeat  -257px 0;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* junpei */
.junpeiIcon {
background:url(/images/common/icon01.png) no-repeat  -20px -80px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* sr */
.srIcon {
background:url(/images/common/icon01.png) no-repeat  -100px -80px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}



/********* bk  *********/


.bk_color_black{
background:#000;
}

.bk_color_white{
background:#fff;
}

/*�ؖ�*/
.bk_wood{
	background:url(/images/common/imege_sp_bk01.png) 50% 0 repeat #764e08;
	background-size:320px auto;
}

/*�����K*/
.bk_brick{
	background:url(/images/common/bk_brick.png) 50% 0 repeat #9e6245;
	background-size:320px auto;
}




.bk_net {
background:url(/images/common/imege_bk_net_2x.png) repeat 0 0;
-webkit-background-size:13px 13px;
-moz-background-size:13px 13px;
-o-background-size:13px 13px;
-ms-background-size:13px 13px;
background-size:13px 13px;
}

.bk_netG {
background:url(/images/common/imege_bk_netg_2x.png) repeat 0 0;
-webkit-background-size:13px 13px;
-moz-background-size:13px 13px;
-o-background-size:13px 13px;
-ms-background-size:13px 13px;
background-size:13px 13px;
}


.bk_ruledline{
width:100%;
background:url(/images/common/imege_bk_ruledline_2x.png) repeat-x 0px 0;
-webkit-background-size:14px 11px;
-moz-background-size:14px 11px;
-o-background-size:14px 11px;
-ms-background-size:14px 11px;
background-size:14px 11px;
}

.bk_bench {
background:url(/images/top/imege_object.png) repeat -74px -2106px;
  overflow: hidden;
  text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


.bk_shop {
background:url(/images/top/imege_object.png) repeat -36px -2218px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


.bk_ringohan {
background: url(/images/top/imege_object.png) repeat -56px -2383px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


.bk_tickets a {
background: url(/images/top/imege_object.png) repeat -27px -2663px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}

.bk_tickets a:hover {
background: url(/images/top/imege_object.png) repeat -27px -2531px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 1.5) {
	
	
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
		}
body{
	color:#fff;
	margin:0;
    padding: 0;
    position: relative;
    font-size:1.4rem;
	font-family:'�l�r �o�S�V�b�N', Osaka, 'Hiragino Kaku Gothic Pro', '�q���M�m�p�S Pro W3', sans-serif;
	}
header,nav,section,article,hgroup,footer,figure,figcaption,menu {
	display: block;
    clear: both;
    margin: 0;
    padding: 0;
	}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
    font-weight: normal
	}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,textarea {
	margin:0;
	padding:0;
	font-size:100%;
	}
li{
	list-style:none;
	}
img {
	border: 0;
	margin: 0;
	padding: 0;
	display:inline-block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

dl, dt, dd {
margin: 0;
padding: 0;
}

p{
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
	white-space:normal;
	line-height:1.7;
}

hr{
	margin:0;
	padding:0;
	border:#000000 solid 2px;
}



/*
===== 3: link setting ===========================
*/
a:link{
	outline: none;
	color:#fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

}
a:visited{
	color:#fff;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover,
a:active{
	outline: none;
}


/*share class*/
.clear{clear:both;}
.clearfix:after{
	content:"";display:block;
	height:0;clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-table;
	}
.disp{
	display: inline-block;
	overflow:hidden;
	height:0;
}




.thumb{
    margin:0px;
	padding:0;
    display: block;
	width:100%;
}



.color_red{
	color:#d1171a;
}
.color_green{
	color:#006933;
}
.color_gray{
	color:#9f9fa0;
}
.color_blue{
	color:#1c2783;
}
.color_Orange{
	color:#ed7100;
}

/****************************
header
****************************/

header{
margin:0 auto;
padding:0;
text-align: center;
}

/****************************
wrapper
****************************/

.wrapper {
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
}


/****************************
contents
****************************/
.contents {
    margin: 0 auto;
    padding:0;
}





/****************************
news
****************************/
#news {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}

#news h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -619px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}



/****************************
twitter
****************************/
#twitter {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#twitter h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -788px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}

/****************************
social
****************************/
.social {
	padding: 20px 0 0 0;
	text-align: right;
}
 
.social li {
	display: inline-block;
	margin:0 0 0 -10px;
	
}
 
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}




/****************************
artist
****************************/
#artist {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#artist h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -949px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}



/****************************
concert
****************************/
#concert {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#concert h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -1117px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}




/****************************
special
****************************/
#special {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#special h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -1286px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}


/****************************
ringo
****************************/
#ringo {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#ringo h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -1454px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}


/****************************
shop
****************************/
#shop {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#shop h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -1623px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}



/****************************
mail
****************************/

#mail {
display: block;
margin:20px auto 10px;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#mail h1{
padding: 0 0 10px;
background:url(/images/common/header_title_mailadress.png) no-repeat 50% -24px;
-webkit-background-size:370px auto;
-moz-background-size:370px auto;
-o-background-size:370px auto;
-ms-background-size:370px auto;
background-size:370px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}

#mail.top_mail h1 {
	padding: 0 0 10px;
	background: url(/images/top/imege_object_2x.png) no-repeat 50% -1790px;
	-webkit-background-size: 320px auto;
	-moz-background-size: 320px auto;
	-o-background-size: 320px auto;
	-ms-background-size: 320px auto;
	background-size: 320px auto;
	height: 117px;
	border-top: #fff solid 1px;
	overflow: hidden;
	text-indent: -10000px;
}


/****************************
support
****************************/
#support {
display: block;
margin:20px auto;
padding:10px 0 0;
border-top:#fff solid 1px;
text-align:center;
}


#support h1{
padding: 0 0 10px;
background:url(/images/top/imege_object_2x.png) no-repeat  50% -1958px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
height:117px;
border-top:#fff solid 1px;
overflow: hidden;
text-indent:-10000px;
}




/****************************
footer
****************************/

footer{
border-top:#fff solid 1px;
margin:0 auto;
padding:10px  5%;
}


#copyright{	
display: block;
margin:0 auto;
padding:0;
text-align: center;
text-align:left;
}

#copyright p{
font-size:12px;
margin:5px 0;
line-height:1.5;
}








/*****************
ListBox
******************/

.ListBox {
    display: block;
    margin: 0;
    overflow: hidden;
    padding:0;
	text-align:left;
    line-height: 160%;
}


.ListBox .btn {
	font-weight: normal;
	white-space: normal;
}


.ListBox  .btn.twoRows li{
    margin:0;
	padding:0;
    width:46px;
	display:inline-block;
	vertical-align:middle;
	font-size: 75%;
	min-height:48px;
}


.ListBox  .btn.twoRows  li:last-child{
margin:0;
padding:0 5px 0 0;
width:80%;
max-width:100%;
min-height:100%;
display:inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.ListBox .textWhite  li.none{
    text-align: center;
}

.ListBox .textWhite .btn a{
	border-top: dotted 1px #808080;
	padding:16px 10px;
	width:100%;
	height:100%;
	display: block;
	text-decoration: none;
}


.ListBox .textWhite  .btn a:hover{
	background-color:#333;
	opacity:0.8; 
}


.ListBox .textWhite  .btn:last-child{
	border-bottom: dotted 1px #808080;
}


.ListBox .textBlack .btn a{
	border-top: solid 1px #fff;
	padding:6px 10px;
	width:100%;
	height:100%;
    display: block;
	text-decoration: none;
}



.ListBox .textBlack  .btn{
	border-top: solid 2px #9f9fa0;
	border-bottom: solid 2px #9f9fa0;

}


.ListBox .textBlack  .btn a{
	color:#000000;

}

.ListBox .textBlack  .btn p{
	line-height:4;
	font-size:120%;
	display: block;
}



/*****************
titleListBox
******************/



.titleListBox {
display: block;
margin:0 auto;
padding:0 0 10px 10px;
}


  .titleListBox h1{
  margin:0;
  padding:10px 0;
  border-bottom:#FFF solid 1px;
  font-size:90%;
  letter-spacing:0.1em;
  }
  
  .titleListBox h1 span{
  font-size:120%;
  }
  
  .titleListBox h2{
  margin:0;
  padding:0;
  font-size:110%;
  display: inline-block;
  letter-spacing:0.3em;
  }
  
  
  .titleListBox .twoRows li{
  padding:5px 0;
  width:48px;
  display:inline-block;
  font-size: 75%;
  min-height:48px;
  vertical-align:top;
  }
  
  
  .titleListBox .twoRows  li:last-child{
  width:80%;
  max-width:100%;
  display:inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-indent:0;
  }
  
  
  .titleListBox .twoRows  li span{
  font-size:90%;
  font-weight:lighter;
  color:#ccc;
  }
  
  
  
  
  .titleListBox .oneRows{
  padding:5px 0 0;
  display:block;
  font-size: 75%;
  vertical-align:top;
  }

  .titleListBox .oneRows p{
	  line-height:1.4;
	  padding:6px 0;
  }

  .titleListBox .oneRows  p span{
  font-size:90%;
  font-weight:lighter;
  color:#ccc;
  }


/*****************
more
******************/
.buttonwrap {
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
}


.buttonwrap a.button{
	display:inline-block;
	margin:5px 0;
	line-height: 1;
	padding: 6px 13px 6px 10px;
	background: #AAA;
	color:#FFF;
	font-size: 75%;
	border: 1px solid #262626;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
	width:75%;
	text-decoration: none;
}	
	
.buttonwrap a:hover{
	background: #CCC;
}



/*****************
more
******************/
.more{
	display:block;
	font-weight: normal;
	white-space: normal;
	overflow: hidden;
}
 
.more:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
 
.more a{
	display:block;
	padding:4px;
	text-align:right;
	font-size:80%;
	letter-spacing:0.1em;
	text-decoration: none;
}

/*****************
moreTop
******************/
.moreTop{
	display:block;
	font-weight: normal;
	white-space: normal;
	overflow: hidden;
}
 
 
.moreTop a{
    display: block;
    padding: 10px 20px;
    text-align: left;
    font-size: 70%;
    font-weight: bold;
    text-decoration: none;
}


/********* Icon  *********/

.newIcon{
	width:35px;
		height:20px;
	display:inline-block;
	background:url(/images/disco/icon_item_2x.png) no-repeat  -30px 0;
		-webkit-background-size:320px auto;
		-moz-background-size:320px auto;
		-o-background-size:320px auto;
		-ms-background-size:320px auto;
	background-size:320px auto;
	overflow: hidden;
	vertical-align:middle;
}



 .moreIcon{
	width:20px;
	height:20px;
	display:inline-block;
	background:url(/images/disco/icon_item_2x.png) no-repeat  -180px 0;
		-webkit-background-size:320px auto;
		-moz-background-size:320px auto;
		-o-background-size:320px auto;
		-ms-background-size:320px auto;
	background-size:320px auto;
	overflow: hidden;
	vertical-align:middle;
	overflow: hidden;
	text-indent:-10000px;
 }



 .moreTopIcon{
width:20px;
height:20px;
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -180px 4px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
vertical-align:middle;
-webkit-transform:rotate(180deg);
 }


.triangleIcon{
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -220px 6px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
vertical-align:middle;
 }

.bracketsIcon{
margin:0;
width:15px;
height:20px;
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -33px -18px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
vertical-align:middle;
 }


.brackets2Icon{
margin:0;
width:18px;
height:24px;
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -68px -13px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
vertical-align:middle;
 }



/* �����[�X */
.releaseIcon{
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -36px -130px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
width:22px;
height:25px;
 }


/* ���� */
.demoIcon{
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -110px -130px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
width:22px;
height:25px;
 }


/* ���̑� */
.otherIcon{
display:inline-block;
background:url(/images/disco/icon_item_2x.png) no-repeat  -180px -128px;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
overflow: hidden;
text-indent:-10000px;
width:30px;
height:25px;
 }








/* ringoIcon */
.ringoIcon {
background:url(/images/common/icon_2x_01.png) no-repeat  -20px 0;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* dezilleIcon */
.dezilleIcon {
  background:url(/images/common/icon_2x_01.png) no-repeat  -100px 0;
  overflow: hidden;
  text-indent: 100%;
  
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* nekoIcon */
.nekoIcon {
background:url(/images/common/icon_2x_01.png) no-repeat  -180px 0;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* tokyo */
.tokyoIcon {
background:url(/images/common/icon_2x_01.png) no-repeat  -257px 0;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* junpei */
.junpeiIcon {
background:url(/images/common/icon_2x_01.png) no-repeat  -20px -80px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


/* sr */
.srIcon {
background:url(/images/common/icon_2x_01.png) no-repeat  -100px -80px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}



/********* bk  *********/


.bk_color_black{
background:#000;
}

.bk_color_white{
background:#fff;
}

/*�ؖ�*/
.bk_wood{
	background:url(/images/common/imege_sp_bk01_2x.png) 50% 0 repeat #764e08;
	background-size:320px auto;
}


.bk_brick{
	background:url(/images/common/bk_brick_2x.png) 50% 0 repeat #9e6245;
	background-size:480px auto;
}



.bk_net {
background:url(/images/common/imege_bk_net_2x.png) repeat 0 0;
-webkit-background-size:13px 13px;
-moz-background-size:13px 13px;
-o-background-size:13px 13px;
-ms-background-size:13px 13px;
background-size:13px 13px;
}

.bk_netG {
background:url(/images/common/imege_bk_netg_2x.png) repeat 0 0;
-webkit-background-size:13px 13px;
-moz-background-size:13px 13px;
-o-background-size:13px 13px;
-ms-background-size:13px 13px;
background-size:13px 13px;
}


.bk_ruledline{
width:100%;
background:url(/images/common/imege_bk_ruledline_2x.png) repeat-x 0px 0;
-webkit-background-size:14px 11px;
-moz-background-size:14px 11px;
-o-background-size:14px 11px;
-ms-background-size:14px 11px;
background-size:14px 11px;
}

.bk_bench {
background:url(/images/top/imege_object_2x.png) repeat -74px -2100px;
  overflow: hidden;
  text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


.bk_shop {
background:url(/images/top/imege_object_2x.png) repeat -36px -2218px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


.bk_ringohan {
background: url(/images/top/imege_object_2x.png) repeat -56px -2383px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}


.bk_tickets a {
background: url(/images/top/imege_object_2x.png) repeat -27px -2661px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}

.bk_tickets a:hover {
background: url(/images/top/imege_object_2x.png) repeat -27px -2531px;
overflow: hidden;
text-indent: 100%;
-webkit-background-size:320px auto;
-moz-background-size:320px auto;
-o-background-size:320px auto;
-ms-background-size:320px auto;
background-size:320px auto;
}
	
}