@charset "UTF-8";	

/* ******************************************
 structure
****************************************** */
#body-wrap{
	width: 980px;
	margin: -10px auto 0 auto;
	text-align: left;
}

#side-wrap{
	float: left;
	position:fixed;
	width: 190px;
}

#main-wrap{
	float: right;
	width: 789px;
	margin-top: 10px;
}

#pankuzu{padding: 5px 0;}

/* ******************************************
 top panel
****************************************** */
/* パネルの設定 */
#toppanel {
    /*position: absolute;*/   /*コンテンツをオーバーラップする */
    position: relative;   /*コンテンツを押し出す */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
#panel .content {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 10px;
}
#panel p {
	font-size: 1em;
	padding: 5px 2px 5px 5px;
	margin-bottom: 5px;
	color: white;
	border-bottom: 1px solid #999;
}
#panel ul{
	margin-bottom: 10px;
}
#panel ul li{
	float: left;
	width: 294px;
	height: 76px;
}
#panel ul li a{
	width: 291px;
	height: 73px;
	display: block;
	text-indent: -9999px;
}
#panel li a#old1{ background: url(../images/topslide.gif) no-repeat 0 0;}
#panel li a#old2{ background: url(../images/topslide.gif) no-repeat -291px 0;}
#panel li a#old3{ background: url(../images/topslide.gif) no-repeat -582px 0;}
#panel li a#old4{ background: url(../images/topslide.gif) no-repeat -873px 0;}
#panel li a#old5{ background: url(../images/topslide.gif) no-repeat 0 -73px;}
#panel li a#old6{ background: url(../images/topslide.gif) no-repeat -291px -73px;}
#panel li a#old7{ background: url(../images/topslide.gif) no-repeat -582px -73px;}
#panel li a#old8{ background: url(../images/topslide.gif) no-repeat 0 -146px;}
#panel li a#old9{ background: url(../images/topslide.gif) no-repeat -291px -146px;}
#panel li a#old10{ background: url(../images/topslide.gif) no-repeat -582px -146px;}
#panel li a#old11{ background: url(../images/topslide.gif) no-repeat -873px -146px;}
#panel li a#old12{ background: url(../images/topslide.gif) no-repeat 0 -219px;}
#panel li a#old13{ background: url(../images/topslide.gif) no-repeat -291px -219px;}
#panel li a#old14{ background: url(../images/topslide.gif) no-repeat -582px -219px;}
#panel li a#old15{ background: url(../images/topslide.gif) no-repeat -873px -219px;}



/* ******************************************
 header
****************************************** */
#header{
  position: relative;   /*コンテンツを押し出す */
	z-index: 100;
	background: url(../images/background.gif) repeat-x;
	height: 261px;
}

/** headerL **/
#headerL {
	background: url(../images/header_bg.png) repeat-y;
	float: left;
	width: 440px;
	height: 257px;
}
#headerL div{
	background: #ffffff;
	width: 428px;
	height: 251px;
	margin: 0 6px 6px 6px;
}
#headerL h1{
	display: block;
	padding-left: 10px;
	margin-bottom: 3px;
	height: 205px;
}
#headerL h1 a:hover{ cursor: pointer; }
#headerL div #ticketBtn{
	background: url(../images/btn_ticket.gif) no-repeat bottom;
	width: 407px;
	height: 40px;
	text-indent: -9999px;
	display: block;
	margin-left: 10px;
}
#headerL div #ticketBtn:hover{background: url(../images/btn_ticket.gif) no-repeat top;}

/** headerR **/
#headerR {
	float: right;
	width: 525px;
}

#hNavi{ margin-bottom: 10px; }
#hNavi li{float: left;}
#hNavi a{ display: block;	height: 29px; text-indent: -9999px;}
#hNavi #hNavi1,#hNavi #hNavi2{padding-right: 5px;}
#hNavi #hNavi1 a{ background: url(../images/hNavi.gif) no-repeat 0 0; width: 196px;}
#hNavi #hNavi2 a{ background: url(../images/hNavi.gif) no-repeat -196px 0; width: 157px; }
#hNavi #hNavi1 a:hover{ background: url(../images/hNavi.gif) no-repeat 0 -29px;}
#hNavi #hNavi2 a:hover{ background: url(../images/hNavi.gif) no-repeat -196px -29px;}
#hNavi #hNavi3 a.open {background: url(../images/hNavi.gif) no-repeat -353px 0; width: 161px; }
#hNavi #hNavi3 a.close {background: url(../images/hNavi.gif) no-repeat -514px 0; width: 161px; }
#hNavi #hNavi3 a:hover.open {background: url(../images/hNavi.gif) no-repeat -353px -29px;}
#hNavi #hNavi3 a:hover.close {background: url(../images/hNavi.gif) no-repeat -514px -29px;}


#gNavi{ margin-bottom: 14px; }
#gNavi li{float: left; height: 46px; text-indent: -9999px;}
#gNavi a{ display: block;	height: 46px;}
#gNavi #gNavi1{ background: url(../images/gNavi.png) no-repeat 0 0; width: 131px;}
#gNavi #gNavi2{ background: url(../images/gNavi.png) no-repeat -131px 0; width: 189px; }
#gNavi #gNavi3{ background: url(../images/gNavi.png) no-repeat -320px 0; width: 205px; }
#gNavi #gNavi1:hover{ background: url(../images/gNavi.png) no-repeat 0 -46px;}
#gNavi #gNavi2:hover{ background: url(../images/gNavi.png) no-repeat -131px -46px;}
#gNavi #gNavi3:hover{ background: url(../images/gNavi.png) no-repeat -320px -46px;}
#gNavi #gNavi1_selected{ background: url(../images/gNavi.png) no-repeat 0 bottom; width: 131px;}
#gNavi #gNavi2_selected{ background: url(../images/gNavi.png) no-repeat -131px bottom; width: 189px; }
#gNavi #gNavi3_selected{ background: url(../images/gNavi.png) no-repeat -320px bottom; width: 205px; }

#headerR p{
	background: url(../images/event_detail.png) no-repeat;
	width: 525px;
	height: 124px;
	text-indent: -9999px;
	margin-bottom: 13px;
}

#socialBlock{
	border-right: dotted 1px #333333; 
	height: 20px;
}
#socialBlock li{float: right; height: 20px; }
#socialBlock li a{
	display: block;
	text-indent: -9999px;
	height: 17px;
}
#socialBlock #social1{border-left: dotted 1px #333333; padding: 0 15px;}
#socialBlock #social1 a{background: url(../images/btn_social.gif) no-repeat 0 0; width: 79px;}
#socialBlock #social1 a:hover{background: url(../images/btn_social.gif) no-repeat 0 bottom;}
#socialBlock #social2{border-left: dotted 1px #333333; padding: 0 15px;}
#socialBlock #social2 a{background: url(../images/btn_social.gif) no-repeat -79px 0; width: 65px;}
#socialBlock #social2 a:hover{background: url(../images/btn_social.gif) no-repeat -79px bottom;}
#socialBlock #social3{
	padding-left: 15px;
}

/* ******************************************
 sidemenu
****************************************** */
ul.sidemenu{
	padding-top: 18px;
	width: 180px;
}

ul.sidemenu li{
	height: 35px;
}

ul.sidemenu li a{
	width: 180px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	border-bottom: 2px #CCC solid;
}
ul.sidemenu li a:hover{border-bottom: 2px #088e90 solid;}

ul.sidemenu li#side1 a{ background: url(../images/sidemenu.gif) no-repeat 0 0; }
ul.sidemenu li#side2 a{ background: url(../images/sidemenu.gif) no-repeat 0 -23px; }
ul.sidemenu li#side3 a{ background: url(../images/sidemenu.gif) no-repeat 0 -46px; }
ul.sidemenu li#side4 a{ background: url(../images/sidemenu.gif) no-repeat 0 -69px; }
ul.sidemenu li#side5 a{ background: url(../images/sidemenu.gif) no-repeat 0 -92px; }
ul.sidemenu li#side6 a{ background: url(../images/sidemenu.gif) no-repeat 0 -184px; }
ul.sidemenu li#side7 a{ background: url(../images/sidemenu.gif) no-repeat 0 -138px; }
ul.sidemenu li#side8 a{ background: url(../images/sidemenu.gif) no-repeat 0 -115px; }
ul.sidemenu li#side9 a{ background: url(../images/sidemenu.gif) no-repeat 0 -207px; }

#contact{
	background: url(../images/btn_contact.gif) no-repeat 0 top;
	width: 180px;
	height: 25px;
	display: block;
	text-indent: -9999px;
}
#contact:hover{background: url(../images/btn_contact.gif) no-repeat 0 bottom;}

#side-wrap #side-sub-menu{
	background: url(../images/sidemenu_bar.gif) no-repeat;
	width: 180px;
	padding: 10px 0;
	margin-top: 10px;
}
#side-wrap #side-sub-menu span{
	float: left;
	width: 27px;
	height: 23px;
	display: block;
	background: url(../images/sidemenu.gif) no-repeat 0 -161px;
}

#side-wrap #side-sub-menu div{
	float: right;
	width: 153px;
}

#side-wrap #side-sub-menu a{
	width: 153px;
	height: 61px;
	text-indent: -9999px;
	display: block;
}

#side-wrap #side-sub-menu a#dl_map{ background: url(../images/btn_map_dl.gif) no-repeat; margin-bottom: 5px;}
#side-wrap #side-sub-menu a#dl_shop{ background: url(../images/btn_shop_dl.gif) no-repeat;}


#side-wrap #side-border{
	background: url(../images/sidemenu_bar.gif) no-repeat;
	width: 180px;
	height: 4px;
}

/* ******************************************
 main-wrap
****************************************** */
#art-block0{
	width: 787px;
	border-left: 1px #acacac solid;
	border-right: 1px #acacac solid;
	border-bottom: 1px #acacac solid;
	background: #ffffff url(../images/img_ticket02.gif) no-repeat top right;
	margin-top: 0;
}
#art-block0 h1{
	background: #F0F0F0 url(../images/title01.gif) no-repeat;
	width: 789px;
	height: 78px;
	margin: -1px 0 0 -1px;
	text-indent: -9999px;
	display: block;
}
#art-block0 img{
	display: block;
}

#art-block1{
	width: 787px;
	border: 1px #acacac solid;
	padding-bottom: 5px;
	margin-top: 20px;
}
#art-block1 h1{
	background: url(../images/title02.gif) no-repeat;
	width: 789px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 3px 0;
}
#art-block1 img{padding: 0 0 0 15px;}

#art-block2{
	float: left;
	width: 509px;
	border: 1px #acacac solid;
	background: #ffffff;
	margin-top: 20px;
}
#art-block2 h1{
	background: url(../images/title03.gif) no-repeat;
	width: 511px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 0 -1px;
}

#art-block3{
	float: right;
	width: 266px;
	border: 1px #acacac solid;
	background: #ffffff;
	margin-top: 20px;
}
#art-block3 h1{
	background: url(../images/title04.gif) no-repeat;
	width: 268px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 0 -1px;
}

.art-block{
	width: 787px;
	border: 1px #acacac solid;
	background: #ffffff;
	margin-top: 20px;
}

#art-block4 h1{
	background: url(../images/title05.gif) no-repeat;
	width: 789px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 0 -1px;
}
#art-block4 img{
	float: left;
	width: 200px;
	padding: 15px 0 0 15px;
}
#art-block4 div{
	float: right;
	width: 540px;
	padding-right: 15px;
}
#art-block4 #night-message01{
	padding: 3px 0 0 0;
	line-height: 145%;
	font-size: 0.9em;
}
#art-block4 #night-message02{
	width: 524px;
	padding: 8px 8px 6px 8px;
	margin: 6px 0 7px 0;
	display: block;
	background: #088e90;
	color: #ffffff;
	font-size: 0.9em;
}
#art-block4 #night-message02 span{
	font-size: 1.4em;	
	padding: 2px 0 2px 0;
}

#art-block5 h1{
	background: url(../images/title06.gif) no-repeat;
	width: 789px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 10px -1px;
}
#art-block5L{
	float: left;
	width: 475px;
	padding: 5px 15px 15px;
	margin-bottom: 15px;
}
#art-block5R{
	float: right;
	width: 250px;
	padding: 5px 15px 5px 15px;
	margin: 0 0 15px 0;
	border-left: 1px #333 solid;
}
.taberouteTxt {
line-height: 155%;
padding-right: 10px;
font-size: 0.9em;
}
.taberouteTxt2 {
background: url(../images/footer_bg.gif) repeat;
width: 450px;
padding:  5px 10px;
line-height: 155%;
color: white;
margin-bottom: 15px;
font-size: 0.9em;
}
#art-block5L a {
float: right;
background: url(../images/ico_link.gif) no-repeat 0 2px;
padding-left: 25px;
padding-right: 30px;
height: 15px;
}

#art-block6 h1{
	background: url(../images/title07.gif) no-repeat;
	width: 789px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 10px -1px;
}
#art-block6 iframe{
	margin: 5px 0 6px 9px;
}
#art-block6 a{
	display: block;
	width: 770px;
	text-align: right;
	margin: 0 0 10px 9px;
}

#facabookBlock {
	float: left;
	width: 390px;
	margin: 15px 0 5px 0;
}
#twitterBlock {
	float: right;
	width: 390px;
	margin: 15px 0 5px 0;
}

.shopText {
height: 20px;
margin: 0 0 0 20px;
padding: 2px 0 0 20px;
}
#shopText01 {background: url(../images/ico_shop01.gif) no-repeat;}
#shopText02 {background: url(../images/ico_shop02.gif) no-repeat;}
#shopText03 {background: url(../images/ico_shop03.gif) no-repeat;}



#art-block7 h1{
	background: url(../images/title08.gif) no-repeat;
	width: 789px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 10px -1px;
}
#art-block7R{
	float: left;
	width: 566px;
}
#art-block7R p{
	padding: 0 0 0 20px;
	width: 490px;
	line-height: 145%;
	font-size: 0.9em;
}
#art-block7R span{
	background: url(../images/img_liveinfo.gif) no-repeat;
	display: block;
	width: 549px;
	height: 125px;
	margin: 0 0 15px 20px;
}
#art-block7 object{
	float: left;
	margin: 0 0 0 20px;
	width: 300px;
}
#art-block7 #songInfo{
	float: left;
	width: 230px;
	font-weight: bold;
	padding-left: 10px;
}
#art-block7 #profile{
	background: url(../images/bg_kamae_profile2.gif) repeat-y;
	width: 762px;
	margin-left: 15px;
	margin-bottom: 10px;
}
#art-block7 #profile h2{
	float: left;
	background: url(../images/title09.gif) no-repeat right bottom;
	width: 121px;
	height: 25px;
	text-indent: -9999px;
}
#art-block7 #profile p{
	float: left;
	width: 600px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FBFBFB;
	line-height: 140%;
	font-size: 0.9em;
}
#art-block7 #profile p a{
	color: #FBFBFB;
}
#art-block7 #profile p a:hover{
	color: #CCC;
}
#art-block7 img{
	line-height: 0;
	font-size: 0;
	display: block;
}
#art-block7 #live_notice{
	color: #000000 !important;
	padding-left: 0 !important;
	width: 762px !important;
}


#art-block9 h1{
	background: url(../images/title10.gif) no-repeat;
	width: 789px;
	height: 70px;
	text-indent: -9999px;
	margin: -10px 0 0 -1px;
}
#art-block9 img{
	display: block;
	margin-bottom: 20px;
	margin-left: 13px;
}


/* ******************************************
 footer
****************************************** */
#footer {
	background: url(../images/footer_bg.gif) repeat;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer-wrap {
	width: 980px;
	margin: 0 auto;
}

#footer-wrap h1{
	float: left;
	width: 400px;
	color: #ffffff;
	text-align: right;
	line-height: 150%;
	font-size: 0.9em;
}

#footer-wrap p{
	float: left;
	width: 500px;
	color: #ffffff;
	text-align: left;
	padding-left: 1em;
	line-height: 150%;
	font-size: 0.9em;
}

#footer-wrap p a{color: #ffffff;}
#footer-wrap p a:hover{color: #CCC;}

#copyright{
	width: 980px;
	margin: 3px auto;
	text-align: right;
	font-size: 0.9em;
	background: none;
}