@charset "utf-8";

/*===================================================================
	General setting
===================================================================*/

html {
	overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,em { 
	margin:0;
	padding:0;
	font-style:normal;
	font-size:100%;
}

body{
	font-size:small;
	_font-size:x-small;
	font-family: 'MS PGothic',Verdana, Arial,'qMmpS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	text-align:center;
	line-height:1.6;
	word-break:break-all;
	color:#ffffff;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { border:0;}
img{vertical-align:top;}

hr{display:none;}

em , em a{font-weight:bold;}

address{font-style:normal;}

ul , ol{list-style:none;}

/* clearfix */

.pkg:after{
	content: "";
	display: block;
	clear: both;
	height: 0px;
	visibility:hidden;
}

.pkg{ display: inline-block; }

/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */

a{color:#d81417;}
a:link{color:#d81417; text-decoration:underline;}
a:visited{color:#d81417; text-decoration:underline;}
a:hover{color:#d81417; text-decoration:none;}
a:active{color:#d81417; text-decoration:none;}

/*===================================================================
	contents setting
===================================================================*/

#wrapper{
	width:100%;
	height:100%;
	text-align:center;
	background:#000000;
}

#container{
	background:url(../images/bg.jpg) 50% -10px repeat-y;
	width:1000px;
	margin:0 auto;
}

#contentsTop{
	width:1000px;
	min-height:250px;
	position:relative;
	margin:0 auto;
}

#contentsTop h1{
	position:absolute;
	top:26px;
	left:183px;
}

#contentsTop h2#eventDate{
	position:absolute;
	top:233px;
	left:110px;
}

#contentsTop h2#eventPlace{
	position:absolute;
	top:231px;
	left:454px;
}

#contentsTop h3#eventOpSt{
	position:absolute;
	top:319px;
	left:200px;
}

#contentsTop h3#eventTicket{
	position:absolute;
	top:321px;
	left:454px;
}

#contentsTop ul{
	position:relative;
	top:398px;
	left:66px;
}

#contentsTop ul li#logo_pf{
	position:absolute;
	top:0px;
	left:0px;
}

#contentsTop ul li#logo_msf{
	position:absolute;
	top:0px;
	left:192px;
}

#contentsTop ul li#logo_tl3{
	position:absolute;
	top:0px;
	left:491px;
}

#contentsTop ul li#logo_imi{
	position:absolute;
	top:0px;
	left:817px;
}

#contentsTop .present{
	position:absolute;
	top:472px;
	left:339px;
}

#contents{
	width:850px;
	margin:0 auto;
	text-align:left;
	text-shadow:1px 1px 1px #000000;
}

#contents h1#ttlCast{
	margin-bottom:8px;
}

#cast .bandBox{
	background:url(../images/bg_cast.png) 0 0 repeat;
	padding:15px;
	margin:0 0 40px;
}

#cast .bandBox .bandImg{
	width:400px;
	float:left;
}

#cast .bandBox .bandInfo{
	margin:0 0 0 415px;
}

#cast .bandBox .bandInfo .bandName{
	margin:0 0 10px;
}

#cast .bandBox .bandInfo .linkBox{
	color:#d81417;
	text-align:right;
}

.addtional{
	width:415px;
	background:url(../images/bg_cast.png) 0 0 repeat;
	margin:0 0 40px;
}

.addtional h3{
	margin:15px 0 15px 15px;
}

.addtional .addtionalImgLink{
	width:201px;
	float:left;
	margin:0 15px 15px;
}

.addtional .addtionalInfo{
	width:170px;
	float:left;
	margin:0 0 15px;
}

#exivision{
	float:left;
}

#food{
	float:right;
}

#information{
	background:url(../images/bg_cast.png) 0 0 repeat;
	margin:0 0 40px;
	padding:15px;
}

#information h2{
	margin:0 0 15px;
}

#footer{
	padding:10px;
	text-align:center;
}

/* ここからスマホ用 */
@media screen and (max-width: 640px) {
#container{
	background:url(../images/bg.jpg) 50% -10px repeat-y;
	background-size:100% auto;
	width:100%;
}

#contentsTop{
	width:100%;
	position:relative;
	margin:0 auto 30px;
}

#contentsTop h1{
	position:relative;
	top:auto;
	left:auto;
	padding:10px 0 0;
}

#contentsTop h1 img{
	width:90%;
	height:auto;
}

#contentsTop h2#eventDate{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop h2#eventDate img{
	width:55%;
	height:auto;
}

#contentsTop h2#eventPlace{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop h2#eventPlace img{
	width:80%;
	height:auto;
}

#contentsTop h3#eventOpSt{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop h3#eventOpSt img{
	width:70%;
	height:auto;
}

#contentsTop h3#eventTicket{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop h3#eventTicket img{
	width:80%;
	height:auto;
}

#contentsTop ul{
	position:relative;
	top:auto;
	left:auto;
	margin:15px 0;
}

#contentsTop ul li#logo_pf{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop ul li#logo_pf img{
	width:55%;
	height:auto;
}

#contentsTop ul li#logo_msf{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop ul li#logo_msf img{
	width:90%;
	height:auto;
}

#contentsTop ul li#logo_tl3{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop ul li#logo_tl3 img{
	width:95%;
	height:auto;
}

#contentsTop ul li#logo_imi{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop ul li#logo_imi img{
	width:15%;
	height:auto;
}

#contentsTop .present{
	position:relative;
	top:auto;
	left:auto;
}

#contentsTop .present img{
	width:80%;
	height:auto;
}

#contents{
	width:100%;
	margin:0 auto;
	text-align:left;
	text-shadow:1px 1px 1px #000000;
}

#contents h1#ttlCast{
	margin-bottom:8px;
}

#cast .bandBox{
	background:url(../images/bg_cast.png) 0 0 repeat;
	padding:15px;
	margin:0 10px 30px;
}

#cast .bandBox .bandImg{
	width:100%;
	float:none;
	text-align:center;
}

#cast .bandBox .bandImg img{
	width:100%;
	height:auto;
}

#cast .bandBox .bandImg iframe{
	width:280px;
	height:158px;
	margin:0 auto;
	display:block;
}

#cast .bandBox .bandInfo{
	margin:10px 0 0;
}

#cast .bandBox .bandInfo .bandName{
	margin:0 0 10px;
}


#cast #pf .bandInfo .bandName img{
	width:55%;
	height:auto;
}

#cast #msf .bandInfo .bandName img{
	width:90%;
	height:auto;
}

#cast #tl3 .bandInfo .bandName img{
	width:95%;
	height:auto;
}

#cast #imi .bandInfo .bandName img{
	width:18%;
	height:auto;
}

#cast .bandBox .bandInfo .linkBox{
	color:#d81417;
	text-align:right;
}

.addtional{
	width:auto;
	background:url(../images/bg_cast.png) 0 0 repeat;
	padding:10px;
	margin:0 10px 30px;
}

.addtional h3{
	margin:0 0 10px;
}

.addtional .addtionalImgLink{
	width:100%;
	float:none;
	margin:0 0 10px;
}

.addtional .addtionalImg{
	text-align:center;
}

.addtional .addtionalInfo{
	width:100%;
	float:none;
	margin:0;
}

#exivision{
	float:none;
}

#food{
	float:none;
}

#information{
	background:url(../images/bg_cast.png) 0 0 repeat;
	margin:0 0 30px;
	padding:10px;
}

#information h2{
	margin:0 0 10px;
}
}