/* CSS Document */

@import "reset.css";
@import "clearfix.css";

/*Link*/
a:link,a:visited,a:active{color:#ed1c23; text-decoration:none; outline:none;}
a:hover{color:#666; text-decoration:underline; outline:none;}

a.arrow{ background: url(../images/common/icon_arrow.gif) no-repeat 0 2px; padding-left:15px}
a:hover.arrow{ background:url(../images/common/icon_arrow_o.gif) no-repeat 0 2px;}

#container a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}



/*Table*/
table.table01{border-collapse:collapse; width:100%}
table.table01 th, table.table01 td{ padding:10px 15px; font-size:12px; text-align:left; line-height:18px; vertical-align:top; border:solid 1px #bdbcbc;}
table.table01 th{ width:150px; background:#f3f3f3}
table.table01 td span{ font-size:10px; padding-left:5px}


/*body*/
body {min-width:990px; width:auto!important; width:990px; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color:#333; text-align:center; font-size:12px;}

/*structure*/
#container{}
#contents{ width:990px; margin:0 auto; text-align:left}

#dateNav{ display:block; height:27px; margin-right:3px; margin-bottom:10px; text-align:right}
	#dateNav img{ margin-left:1px}

#grid-content{width:993px; height:0; margin-left:-3px; overflow:hidden;	}
	#grid-content div.artist{width:328px; height:auto; margin:3px 3px 0px 0; background:#000; color:#fff}

	#grid-content div.sep23 h2,#grid-content div.sep24 h2,#grid-content div.sep25 h2{ width:278px; height:24px; margin:15px 0 5px 15px; padding-left:20px; background:url(../img/bg_h2.gif) no-repeat top left; border-bottom-width:4px; border-bottom-style:solid; font-size:16px; font-weight:bold; line-height:24px }
	#grid-content div.sep23 h2{border-bottom-color:#ed1c24}
	#grid-content div.sep24 h2{border-bottom-color:#f68da2}
	#grid-content div.sep25 h2{border-bottom-color:#ed1c8a}

		#grid-content div.artist h2 em{ padding-right:10px; font-weight:bold}
	#grid-content div.artist p{padding:0 15px 20px 15px; font-size:12px; line-height:1.5em}

	#twitter{ width:308px!important; padding:10px!important; background:#fff!important;}
	#twitter iframe{ width:308px; height:300px;}
		body#twitterBdy{min-width:288px; width:auto!important; width:288px; }
		#twitterCnt{ width:288px}


#vgfixed{width:328px; margin:3px 3px 15px 0; background:#fff!important; color:#666}
	#vgfixed h1{ margin-bottom:15px; margin-left:10px}
	#vgfixed .social{ width:308px; margin:0 0 30px 10px}
	#vgfixed .social iframe{border:none; overflow:hidden; width:120px; height:20px;}
	#vgfixed #date{ margin-bottom:5px; margin-left:10px; background:#fff!important}

	ul#navi{ margin-bottom:20px; padding-left:10px}
		ul#navi li{ height:50px; overflow:hidden}
		ul#navi li a{display:block; width:318px; height:0; padding-top:50px; background:url(../img/navi.gif) no-repeat}
			li#topNav a{background-position:0 0!important} li#topNav a:hover{ background-position:-328px 0px!important;}
			li#ticketsNav a{background-position:0 -50px!important} li#ticketsNav a:hover{ background-position:-328px -50px!important;}
			li#goodsNav a{background-position:0 -100px!important} li#goodsNav a:hover{ background-position:-328px -100px!important;}
			li#qaNav a{background-position:0 -150px!important} li#qaNav a:hover{ background-position:-328px -150px!important;}

			body#topBdy li#topNav a{ background-position:-328px 0px!important;}
			body#tiketsBdy li#ticketsNav a{ background-position:-328px -50px!important;}
			body#goodsBdy li#goodsNav a{ background-position:-328px -100px!important;}
			body#qaBdy li#qaNav a{ background-position:-328px -150px!important;}

	#newsLeft{ width:308px; margin-left:10px;}
	#newsLeft h2{ margin:0 0 10px 0!important; padding:0!important}
	#newsLeft span{ display:block; font-size:10px;}
	#newsLeft li{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #c1c1c1}
																																												#newsinc{height:120px; overflow:auto; padding-right:10px;}

	.more{ display:bloc; margin-top:7px; text-align:right}

	#mobile{width:308px; margin-top:20px; margin-left:10px;}
	#kikin{width:308px; margin-top:20px; margin-left:10px;}



	#footerNav{ margin:20px 0 10px; background:#f3f3f3; padding:10px 20px; clear:both}
	#footerNav a{ margin-right:15px; padding-left:9px; background:url(../img/icon_arrow.gif) no-repeat 0 6px; text-decoration:none}
	#cr{min-height:12px; height:auto!important; height:12px; margin:10px 0; background:url(../img/cr.gif) no-repeat top center; text-align:right}
	#cr img{ margin-left:10px;}

/*add history links 20151020*/
.bn-list .ttl{
	float: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px!important;
}

.bn-list .history-links{
	float: left;
}

.history-links .history-link{
	float: left;
	display: block;
	padding-top: 2px;
	margin-left: 20px;
	text-decoration: none;
}



	.second #grid-content{width:993px; height:auto; margin-left:-3px;}
	.second .vgfixed{ float:left}

	.rightCnt{ float:right; width:659px}
	.rightCnt h2{ margin-bottom:15px;}
	.rightCnt h3{ margin-bottom:15px; border-bottom:dashed 1px #666; font-size:18px; font-weight:bold; padding-bottom:5px}

	.newsBox, ul#newsList{ padding:0 10px}
		ul#newsList li{ margin-bottom:10px padding-bottom:10px; border-bottom:dotted 1px #c1c1c1}
		ul#newsList li img.thum{ float:left; margin:0 10px 10px 0}
		ul#newsList li span.date{display:block; padding-top:5px; font-size:10px;}
		ul#newsList li strong{display:block; margin-bottom:4px; font-size:18px; font-weight:bold; color:#ed1c24}
		ul#newsList li span.lead{ display:block; line-height:1.5em}
		ul#newsList li a{ display:block; height:104px; padding-left:5px; text-decoration:none}
		ul#newsList li a:hover{ background:#f3f3f3}
		ul#newsList li a span.lead { color:#000!important}


	.newsBox img{ float:left; margin:0 10px 10px 0}
	.newsBox p{ margin-bottom:20px; line-height:1.7em}


	#qa{ padding:10px;}
	#qa dt{margin-bottom:8px; padding-bottom:2px; padding-left:20px; background:url(../img/icon_q.gif) no-repeat 0 0; font-size:16px; font-weight:bold; border-bottom:dotted 1px #666}
	#qa dd{min-height:15px; height:auto!important; height:15px; margin-bottom:30px; margin-left:0px; padding-left:20px; background:url(../img/icon_a.gif) no-repeat 0 0; line-height:15px}

