﻿@charset "UTF-8";

/*-------------------------------*/

@import url("common.css");
@import url("font.css");

/*-------------------------------*/


/*-------------------------------------------------------------------------
 main contents
-------------------------------------------------------------------------*/

p.topcomment{
	width: 563px;
}

p.topcomment-r {
	width: 550px;
	text-align: right;
}


/*--- h1title ---*/

div#cnt-area h1 {
	width: 563px;
	height: 37px;
	margin: 0 0 0 20px;
	text-indent: -9999px;
}

div#cnt-area h1#event  { background: url(../../event/images/tit_h1.gif)  no-repeat; }
div#cnt-area h1#ticket { background: url(../../ticket/images/tit_h1.gif) no-repeat; }
div#cnt-area h1#access { background: url(../../access/images/tit_h1.gif) no-repeat; }
div#cnt-area h1#stage  { background: url(../../stage/images/tit_h1.gif)  no-repeat; }
div#cnt-area h1#goods  { background: url(../../goods/images/tit_h1.gif)  no-repeat; }
div#cnt-area h1#news   { background: url(../../news/images/tit_h1.gif)   no-repeat; }


/*--- h2title ---*/

div#cnt-area h2 {
	clear: both;
	margin: 20px 0 10px 25px;
	padding: 0 0 0 20px;
	background: url(../images/ico_h2.gif) no-repeat left center;
}

* html div#cnt-area h2 {
	margin: 0 0 10px 25px;
}


/*--- h3title ---*/

div#cnt-area h3 {
	width: 546px;
	margin: 0 0 10px 25px;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #666;
	background: url(../images/ico_h3.gif) no-repeat left center;
}

div#cnt-area p.sec-cnt {
	width: 380px;
	margin: 0 0 10px 35px;
}


/*--- tit img ---*/

div#cnt-area p.cntimg {
	margin: 20px 0 10px 22px;
}


/*--- 2colcnt access ---*/

div#cnt-area div.col2cnt {
	width: 583px;
	margin: 20px 0 10px 0;
}

div#cnt-area div.col2cnt div.leftcnt {
	float: left;
	width: 300px;
}

div#cnt-area div.col2cnt div.rightcnt {
	float: right;
	width: 267px;
}


/*--- 2colstage ---*/

div#cnt-area div.col2stage {
	width: 583px;
	margin: 20px 0 10px 0;
}

div#cnt-area div.col2stage div.leftcnt {
	float: left;
	width: 400px;
}

div#cnt-area div.col2stage div.leftcnt h3 {
	width: 400px;
}

div#cnt-area div.col2stage div.rightcnt {
	float: right;
	width: 135px;
}


/*--- 2colstage goods ---*/

div#cnt-area div.goodsarea {
	width: 559px;
	margin: 20px 24px 10px 22px;
	border-bottom: 2px solid red;
}

div#cnt-area div.goodsarea div.leftcnt {
	float: left;
	width: 135px;
	margin: 0;
}

div#cnt-area div.goodsarea div.rightcnt {
	float: left;
	width: 380px;
	margin: 0;
}

div#cnt-area div.goodsarea div.rightcnt h3 {
	width: 380px;
}


/*--- list ---*/

div#cnt-area ul.sec-cnt {
	margin: 0 0 10px 35px;
}


/*--- list access ---*/

div#cnt-area dl.access {
	position:relative;
	width: 250px;
	margin: 0 0 10px 35px;
}

div#cnt-area dl.access dt {
	float: left;
	width: 15em;
}

div#cnt-area dl.access dd {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #666;
	text-align:right;
}


/*--- list news ---*/

div#cnt-area dl.news {
	width: 500px;
	margin: 0 0 10px 35px;
}

div#cnt-area dl.news dt {
	width: 100%;
	border-bottom: 1px solid #666;
}

div#cnt-area dl.news dd {
	clear: both;
	margin: 0 0 20px 0;
}

* html div#cnt-area dl.news dd {
	margin: 0 0 10px 0;
}

*:first-child+html body div#cnt-area dl.news dd {
	margin: 0 0 10px 0;
}


/*--- list leftfloat ---*/

div#cnt-area ul.f-leftlist {
	margin: 0 0 10px 30px;
}

div#cnt-area ul.f-leftlist li {
	float: left;
	width: 15em;
	margin: 0 10px 0 0;
}


/*--- table ---*/

div#cnt-area table {
	width: 555px;
	margin: 10px 0 10px 25px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align: center;
	color: #fff;
}

div#cnt-area table th , div#cnt-area table td {
	padding: 5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div#cnt-area table th {
	width: 30%;
	background-color: #333;
}

div#cnt-area table td {
	background-color: #000;
}

div#cnt-area table th.left-th {
	background-color: #000;
}

div#cnt-area p.table-caution {
	margin: 0 0 20px 25px;
	color: #fff;
	font-size: 10px;
}

/*stage*/

div#cnt-area dl.stagelist {
	position: relative;
	width: 555px;
	margin: 10px 0 0 25px;
}

div#cnt-area dl.stagelist dt {
	padding: 0 0 0 10px;
	background: url(../images/ico_h3.gif) no-repeat left center;
}

div#cnt-area dl.stagelist dd {
	margin: 0 0 20px 0;
	padding: 0 0 0 10em;
	border-bottom: 1px solid #666;
}

div#cnt-area dl.stagelist dd.last-cnt {
	margin: 0 0 0 0;
	padding: 0 0 0 10em;
	border-bottom: 1px solid #666;
}

div.wrap-stages {
	width: 563px;
	margin: 0 0 0 25px;
}

div.wrap-stages div.stage-left {
	float: left;
	width: 240px;
}

div.wrap-stages div.stage-right {
	float: left;
	width: 313px;
	margin: 0 0 0 10px;
}

div.wrap-stages div.stage-right p.stagecontents {
	margin: 0 0 10px 0 !important;
}


/*event*/

div#cnt-area dl.eventlist {
	position: relative;
	width: 555px;
	margin: 30px 0 20px 25px;
}

div#cnt-area dl.eventlist dt {
	padding: 0 0 0 10px;
	background: url(../images/ico_h3.gif) no-repeat left center;
}

div#cnt-area dl.eventlist dd {
	margin: 0 0 20px 0;
	padding: 0 0 0 10em;
	border-bottom: 1px solid #666;
}


/*tichet*/

div#cnt-area div.ticket-wrap {
	width: 500px;
	margin: 20px 0 20px 25px;
}

div#cnt-area div.ticket-wrap p.cnt-left {
	float: left;
	margin: 0;
}

div#cnt-area div.ticket-wrap p.cnt-right {
	float: right;
	margin: 0;
}

div#cnt-area div.ticket-wrap p.cnt-left a.pcsite {
	display: block;
	width: 242px;
	height: 83px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../../ticket/images/pc.jpg") no-repeat;
}

div#cnt-area div.ticket-wrap p.cnt-right a.mobile {
	display: block;
	width: 216px;
	height: 83px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../../ticket/images/moible.jpg") no-repeat;
}

div#cnt-area p , div#cnt-area dl {
	margin: 0 0 10px 29px;
}

div#cnt-area dl dt {
	float: left;
	margin: 0 10px 0 0;
}

div#cnt-area p.mt20{
	margin: 20px 0 10px 30px;
}

* html div#cnt-area p.mt20{
	margin: 0 0 10px 30px;
}

