@charset "utf-8";

/*  R E S E T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* For modern browsers */
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearboth{clear:both; display:block;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom: 1;}

/* basic */
.center {display: block;text-align: center;}
::selection {background: #998700; /* Safari */}
::-moz-selection {background: #998700; /* Firefox */}

/*  D E S I G N
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  Z-index List

100-111:panel
1000:logo
1001:tag

*/

* { color: #CCC; font-size: 12px; }

html , body{ width:100%; /*height:100%;*/ height:717px; margin:0; padding:0; background:#000;text-align:center; font-family: Helvetica,Arial,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;color: #dadada; /*font-size: 95%;*/ line-height:1.8;background-image: url(../img/background.jpg);background-repeat: no-repeat;/*background-attachment: fixed;*/background-position: center 300px;}

body{}

p{ margin:0; padding:0; }
a:link { color: #333; text-decoration:none; } a:visited { color: #333; } a:hover { color: #68D9D0; }

/*  M A I N  P A N E L
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

header { width:100%; height:974px; background-image: url(../img/main_bg.png); background-repeat: no-repeat;background-position: top center;}
nav { width:960px; height:974px; overflow: visible; position: relative;margin-left:auto;margin-right:auto;}
article { width:100%; background: url(../img/bg_black.png) repeat ;  }
section { width:100%;padding: 0 0 60px 0; }
section h2 { width:100%; height:50px; background:#ffe200;}
section h2 p { text-indent: -1000em; outline: none; display:none;}
section h2 img { margin: 13px 0 0 0;}
section .h2arw { width: 100%; height:23px; text-align:center;/*background: url(../img/h2_arw.png) no-repeat top center;*/}
div#tag{ position: absolute; z-index: 1001; top:50px; right:0px; }

/*2013add▼*/
.topRead01{ margin-top:76px; }/*90 -14px(shadow)*/
.topRead02{ margin-top:34px; }/*40 -6px(shadow)*/
/*2013add▲*/

/*  S E C T I O N
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

section.lead {border-top: solid 1px #ffe200;min-height: 274px; background: url(../img/bg_section_lead.png) no-repeat top center;padding:0;  }
section.lead img {padding:0 130px 0 0; }
section.lead .t1 {margin:65px 0 0 0; }
section.lead .btn {margin:20px 0 0 0; }

section .main {width: 960px; margin: 0 auto; }
section.lineup .main { min-height:816px; background: url(../img/section_lineup_bg.png) no-repeat top center;padding:0; background-position:0 40px; }
section.lineup .wrap { width:345px; padding:36px 0 0 0; margin: 0 auto; text-align: left; }
section.lineup .txt { margin:0 0 20px 0; text-align: justify; font-size:14px; }
section.elegla{
	/*background-color: black;*/
}

section.elegla .elegla_plece_head{
		width: 100%;
		text-align:center;
		margin-top:26px;
/*		background: url("../img/h-place_bg.png") no-repeat center center;*/
}
section.elegla .elegla_plece_head .title{
	width: 770px;
	margin: auto;
	height: 50px;
	height: 138px;

}
section.elegla .h-b{
	height: 15px;
width: 1px;
/*background-color: #ccc;*/
margin: auto;
margin-top: 10px;
}
section.elegla .elegla_plece_head .title h2{
background-color: inherit;
width: 242px;
float: left;
padding: 25px 71px 0 71px;
height: 66px;
}
section.elegla .elegla_plece_head .title h2.bod{
	border-right: 1px solid #ccc;
}
section.elegla .info{
	background: url("../img/place_main_bg.jpg") no-repeat center top;
	width: 960px;
	margin: auto;
	/*background-color: black;*/
}
section.elegla .info .makuhari{
	width: 480px;

	float: left;
}
section.elegla .info .hall{
	border:1px solid #ccc;
	margin-top:56px;/*2013 add*/
}
section.elegla .info .hall span{
/*color :#9f00ff 2013delete*/
	font-size:12px;
	vertical-align:3px;
}
section.elegla footer{
	background: none;
	height: auto;
	border:none;
	margin-top:30px;
}
section.elegla footer .btn{
	margin-top: 30px
}
section.elegla .info .makuhari .hall{
	border-right:none;

}
section.elegla .info h3{
	float: left;
}
section.elegla .info ul{
	clear: both;	
}
section.elegla .info .data{
padding-bottom: 40px;}
section.elegla .info .osaka .data{
	border-left: 1px solid #ccc;
}
section.elegla .info p.info-data{
	/*font-size: 18px;*/
	font-size: 23px;/*2013 add*/
	font-weight:100;/*2013 add*/
	/*color: black; 2013 delete*/
	color: white;/*2013 add*/
	/*padding-top: 50px;*/
	padding-top:136px;
}
section.elegla .info .osaka p{
	color: white;
}
section.elegla .info .osaka p span{
	color: white;
}
section.elegla .info ul{
	
    text-align: left;
    font-size: 16px;
padding: 30px 6px 30px 30px;


}
section.elegla .info ul li{
	line-height:0.9;
	margin-top:19px;
	/*font-size:20px;*/
  	font-size:18px;
	font-weight:100;
}
section.elegla .info ul li:first-child{
	margin-top:0;
}
section.elegla .info  p{
/*	padding-top: 20px;*/
}
section.elegla .info  p span{
	/*font-size: 10px; 2013delete*/
	font-size: 14px;/*2013 add */
	/*color: black; 2013 delete*/
	color: white;/*2013 add*/

}
section.elegla .info .osaka{
width: 480px;
float: left;
}
section.about .main {

background: url(../img/about_bg.png) no-repeat top center;
padding: 0;
min-height: 670px;
}
section.about{
	/*background-color: black;*/
}
section.about .wrap {
width: 320px;
padding: 18px 0 0 0;
margin: 0 auto;
text-align: left;
}
section.about .txt {
margin: 0 0 20px 0;
text-align: justify;
	font-size: 14px;
}
section.lineup .int{
	width: 900px;
	margin: auto;
}
section.lineup .int p{
	font-size: 14px;
	text-align: left;
	margin-bottom: 25px;
	padding-left: 100px;
}
section.lineup .int p.artist{
	color:yellow;
}
section.lineup .int p.head{
	border-bottom: 1px solid #ccc;
	width: 499px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	padding-left: 0px;
	float: left;
}
section.lineup .int .left.head{
	padding-bottom: 140px;
	
	
}
section.lineup .int .left{
	float: left;
	margin: 0px 30px 35px 0px;
}
section.lineup .int .left.two{
	margin-bottom: 50px;
}
section.lineup .int .right{
	float: right;
	margin: 0px 0px 45px 30px;
}
section.lineup .youtube{
width: 800px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #1a1a1a;
margin-left: 100px;
margin-bottom: 30px;
}
section.lineup .dvdBox{
	border: 1px solid #ccc;
	width: 725px;
	margin: auto;
	padding: 20px;
}
section.lineup .dvdBox .image{
	float: left;
	background-color: #333;
	padding: 20px;
}
section.lineup .dvdBox .info-list{
	text-align: left;
	float: left;
	margin-left: 30px;
}
section.lineup .dvdBox .info-list h3{
	font-size: 18px;
	color: white;
}
section.lineup .dvdBox .info-list p{
	color: white;
	font-size: 12px;
}
section.lineup .dvdBox .data-list
{
	width: 260px;
	float: left;
	text-align: left;
	margin-left: 30px;
}
section.lineup .dvdBox .data-list p{
	font-size: 12px;
	text-align: left;
	margin-bottom: 20px;
	color: yellow;
}
section.lineup.bk{
	background-color: black;
}
p.special{
	font-size: 17px;
	padding-bottom: 20px;}
p.special span{
		color: #9f00ff;
	}
a.intr-btn:hover{
	opacity: 0.8;
	
}

/*  F O O T E R
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

footer { width:100%; height:699px; border-top: solid 50px #1a1a1a; background-image: url(../img/bg_footer.jpg);background-repeat: repeat;background-position: top center; }
footer .txt {margin:60px 0 0 0;}
footer .btn {margin:40px 0 0 0;}

/*  A C T I O N
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - */

.action-logo { /*display:none;*/ position: absolute;z-index:1000;left:0px;}

.action-panel1 { display:none; position: absolute;z-index:100;top:200px; left:-50px;}
.action-panel2 { display:none; position: absolute;z-index:101;top:525px; left:480px;}
.action-panel3 { display:none; position: absolute;z-index:102;top:-525px; left:110px;}
.action-panel4 { display:none; position: absolute;z-index:103;top:845px; left:435px;}
.action-panel5 { display:none; position: absolute;z-index:104;top:-225px; left:-212px;}
.action-panel6 { display:none; position: absolute;z-index:105;top:-34px; left:953px;}
.action-panel7 { display:none; position: absolute;z-index:107;top:246px; left:300px;}
.action-panel8 { display:none; position: absolute;z-index:108;top:-35px; left:-490px;}
.action-panel9 { display:none; position: absolute;z-index:109;top:-253px; left:-373px;}
.action-panel10 { display:none; position: absolute;z-index:110;top:-315px; left:258px;}
.header-lead { position: absolute;z-index:111;top:945px; left:309px;}

.action-panelX {  position: absolute;z-index:106;top:246px; left:300px;}

/*  F O N T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.f-A { color:#ffe200; }
.f-B { color:#9f00ff; }
.f-C { color:#00ffc7; }

#social{ position: absolute; z-index: 1002; top:20px; right:12px; text-align: right;}
.fb { width:120px; float: left; }
.tw { width:120px; float: left; }