@charset "Shift_JIS";
/* ------------------------------------------------------------
common
------------------------------------------------------------ */
html {
margin: 0;
padding: 0;
}

html body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
color: #000;
font-size: 14px;
line-height: 1.7;
}

body {
	background: #ecf2c5 url(../img/background_gradient.png) repeat-x top;
	-webkit-text-size-adjust: 100%;
	}

map,
area {
	outline: none;
	}

a {
	color: #6f68ae;
	}

a img {
	opacity: 1.0; 
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
	}

a:hover img {
	opacity: 0.7;  
    filter: alpha(opacity=30); 
	}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.section {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px;
	}

.section h2 {
	margin-bottom: 40px;
	}

.section h2 img {
	margin-left: -50px;
	}

.section h3 {
	margin: 1em 0; 
	}

.section ul.list {
	margin-bottom: 1em;
	}
	
.section ul.list li {
	padding-left: 1em;
	text-indent: -1em;
	}

.fl_clear {
	width: 100%;
	overflow: hidden;
	}

.fl_left {
	float: left;
	}

.fl_right {
	float: right;
	}

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

.red {
	color: #f23900;
	}

.tl_c {
	text-align: center;
	}

p.attention,
ul.attention li {
	text-indent: -1em;
	padding-left: 1em;
	}

p.small,
ul.small li {
	font-size: 0.8em;
	}

/* ------------------------------------------------------------
header Layout
------------------------------------------------------------ */

#header {
	width: 100%;
	min-width: 980px;
	padding-bottom: 90px;
	background: url(../img/curtain.png) repeat-x bottom;
	overflow: hidden;
	}

#header_contents {
	height: 720px;
	background: url(../img/background_header.png) no-repeat center top;
	position: relative;
	}

#header_info {
	width: 980px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 570px;
	margin-left: -500px;
	}

#social {
	padding-top: 20px;
	padding-left: 20px;
	}

#date {
	position: absolute;
	right: 10px;
	top: 0;
	}

#header h1 {
	text-align: center;
	margin: 0 auto;
	height: 100%;
	}

/* ------------------------------------------------------------
contents Layout
------------------------------------------------------------ */

#contents {
	margin: 0 auto;
	background:url(../img/background_contents.png) no-repeat center top;
	}

#contents h1 {
	text-align: center;
}
	
#artists {
	width: 940px;
	text-align: center;
	}

#artists ul {
	list-style-type: none;
	padding: 0;
	}

#artists ul li {
	display: inline;
	}

#artists ul li img {
	vertical-align: top;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	}

#artists ul li:hover img {
	opacity: 0.7;  
    filter: alpha(opacity=30); 
	}

#tickets {
	text-align: center;
	min-height: 540px;
	background: url(../img/background_ticket.png) no-repeat center center;
	}

#tickets p {
	text-align: center;
	margin: 1em;
	}

/* テキストベースサンプル1 */
#tickets h2 {
	font-size: 32px;
	font-weight: 900;
	}

#tickets h2 span {
	font-size: 24px;
	}

#tickets dl dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0;
	}

#tickets dl dd {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}

/* テキストベースサンプル2 */
#tickets2 {
	width: 640px;
	margin: 0 auto 20px;
	background: url(../img/background_stripebox.png);
	padding: 10px;
	border: 1px solid #797963;
	}

#tickets2 .wrap {
	border: 1px solid #797963;
	background: #FFF;
	padding: 20px;
	text-align: center;
	}

#tickets2 h2 span {
	font-size: 24px;
	}

#tickets2 dl dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0;
	}

#tickets2 dl dd {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}

#sponsor {
	text-align: center;
	}

.line_bg1 {
	width: 920px;
	border: 1px solid #797963;
	background: #ffec60;
	padding: 20px;
	margin: 20px auto;
	}

.line_bg2 {
	border: 1px solid #797963;
	background: #ecf2c5;
	padding: 16px;
	}
	
.line_bg2 .section {
	width: 830px;
	margin: 0 auto;
	padding: 20px 0px;
	}

#lead {
	width: 882px;
	height: 222px;
	background: url(../img/background_lead.png) no-repeat center top;
	position: relative;
	margin-bottom: 40px;
	}

#lead img {
	position: relative;
	left: -10px;
	top: 30px;
	}

#lead  p {
	font-weight: bold;
	line-height: 1.5;
	position: absolute;
	left: 260px;
	top: 50%;
	margin-top: -4.5em;
	width: 40em;
	}

#introduction ul.list li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

#introduction .fl_left {
	width: 490px;
	}
	
#event_info h4 {
	margin: 0 0 1em;
	}

#event_info dl {
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	}
	
#event_info dl dt {
	float: left;
	}

#event_info dl dd {
	margin-left: 8em;
	}

#event_info .event_info_box {
	border: 1px solid #797963;
	background: #fff;
	margin-bottom: 1em;
	padding: 1em 1em 0;
	}

#event_info p.caption {
	font-size: 12px;
	color: #666;
	}

#event_info span.caption {
	font-size: 12px;
	color: #666;
	}

#contact {
	background: #000;
	padding: 10px;
	}

#contact p {
	margin: 0;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	}

#contact p em {
	font-style: normal;
	}

#contact a {
	color: #f23900;
	}

#introduction span.badge,
#event_info span.badge {
	padding-left: 0.5em;
	}

#introduction span.badge img,
#event_info span.badge img {
	vertical-align: bottom;
	}

#nav {
	margin: 40px auto;
	}

#nav ul {
	text-align: center;
	list-style-type: none;
	padding: 0;
	}

#nav ul li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
	
	padding: 0 10px;
	width: 302px;
	height: 122px;
	position: relative;
	}

#nav ul li span {
	position: absolute;
	right: -10px;
	bottom: -10px;
	}

#archive ul {
	text-align: center;
	list-style-type: none;
	padding: 0;
	}

#archive ul li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
	}

#foods .fl_left {
	width: 280px;
	}

#foods .fl_right {
	width: 500px;
	}

#badge .fl_left {
	width: 180px;
	}

#badge .fl_right {
	width: 600px;
	}

/* souvenir */
#goods_shirt {
	padding-top: 0;
	}

#goods_shirt dl {
	width: 100%;
	overflow: hidden;
	}

#goods_shirt dl dt {
	float: left;
	}

#goods_shirt dl dd {
	margin-left: 8em;
	}

#goods_poster .fl_left {
	width: 280px;
	}

#goods_poster .fl_right {
	width: 540px;
	}

#goods_poster .fl_right dl {
	width: 100%;
	overflow: hidden;
	}

#goods_poster .fl_right dl dt {
	float: left;
	width: 6em;
	}

#goods_poster .fl_right dl dd {
	margin-left: 8em;
	}

#goods_nanaco .fl_left {
	width: 310px;
	}

#goods_nanaco .fl_right {
	width: 510px;
	}


#goods_nanaco dl {
	width: 100%;
	overflow: hidden;
	}

#goods_nanaco dl dt {
	float: left;
	width: 6em;
	}

#goods_nanaco dl dd {
	margin-left: 8em;
	}

#souvenir .lead {
	background: url(../img/background_lead.png) no-repeat center center;
	width: 882px;
	height: 222px;
	position: relative;
	margin: 20px 0;
	text-align:center;
	}

#souvenir .lead img {
	padding-top: 50px;
	}

/* live report */
#report .photo_credit {
	text-align: center;
	font-weight: bold;
	}

#report .line_bg1 .line_bg2 .section .fl_left {
	width: 320px;
	}

#report .line_bg1 .line_bg2 .section .fl_left ol {
	padding: 0;
	}

#report .line_bg1 .line_bg2 .section .fl_left ol li {
	line-height: 30px;
	border-bottom: 1px solid #767962;
	list-style-position: inside;
	}

#report .line_bg1 .line_bg2 .section .fl_right {
	width: 490px;
	}

#report .line_bg1 .line_bg2 .section .fl_right ul li {
	width: 140px;
	background: #FFF;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #767962;
	overflow: hidden;
	text-align: center;
	}

#report .line_bg1 .line_bg2 .section .fl_right ul li a {
	display: block;
	width: 140px;
	overflow: hidden;
	}

#report .line_bg1 .line_bg2 .section .fl_right ul li img {
	border: 1px solid #767962;
	}

#footers {
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 270px;
	background: url(../img/background_footer.png) no-repeat center bottom;
	}

#footers .section {
	width: 960px;
	}