@import "thickbox.css";

* {
	font-family: "メイリオ", meiryo, Tahoma, sans-serif;
	}
body {
	font-size: 101%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	color: #000;
	background: #000;
	}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,select {
	margin: 0px;
	padding: 0px;
	}
a {
	color: #00c;
	text-decoration: underline;
	}
a:hover {
	color: #f36;
	text-decoration: none;
	}
img {
	border: 0px;
	vertical-align: bottom;
	}
.ex {
	padding-right: 15px;
	margin-right: 5px;
	background: url(/img/ex.gif) no-repeat center right;
	}
.clr {
	clear: both;
	}
.pdf {
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 2px 20px;
	background: url(/img/pdf_mini.gif) no-repeat left center;
	}


/* */
#head {
	text-align: left;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 880px;
	}

	/* */
	.logo {
		float: left;
		}

	/* */
	#gmenu {
		float: right;
		}

		#gmenu ul {
			list-style: none;
			}

			#gmenu ul li {
				display: inline;
				}

				#gmenu ul li a {
					float: left;
					margin: 0px 0px 0px 5px;
					font-size: 16px;
					font-weight: bold;
					font-family: "Trebuchet MS";
					padding: 8px 10px;
					color: #fff;
					text-decoration: none;
					}

					#gmenu ul li.cur a {
						background: #fff;
						color: #000;
						}
					#gmenu ul li a:hover {
						background: #fff;
						color: #069;
						}

	/* */
	.blk_headline {
		clear: both;
		margin: 0px auto 10px auto;
		padding: 0px 0px 0px 0px;
		width: 880px;
		background: #666;
		color: #fff;
		}

		.blk_headline a {
			color: #fff;
			text-decoration: underline;
			}

			.blk_headline a:hover {
				text-decoration: none;
				}

		.blk_headline .body {
			float: left;
			padding: 5px 10px;
			font-size: 80%;
			}
		.blk_headline .index {
			float: right;
			padding: 5px 10px;
			font-size: 80%;
			}
		.blk_headline .btm {
			font-size: 1px;
			clear: both;
			height: 1px;
			width: 100%;
			}


/* ******************************************/
#content {
	clear: both;
	text-align: left;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	width: 880px;
	background: #fff url(../img/bg_content.jpg) no-repeat right top;
	}

	/* a_home */
	.a_home {
		width: 840px;
		margin: 0px 0px 20px 20px;
		}

		.a_home a {
			display: block;
			width: 150px;
			height: 15px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../img/ico_a_home.gif) no-repeat left top;
			}

			.a_home a:hover {
				background-position: left bottom;
				}




	/* */
	.page_title {
		margin: 20px 20px 10px 20px;
		color: #CF121B;
		}

		.page_title h1 {
			font-size: 200%;
			font-family: "Trebuchet MS";
			}
		.page_title p {
			font-size: 70%;
			margin: 0px 0px 0px 0px;
			}


	/* ******************************************/
	.blk_top_mainimg {
		width: 840px;
		position: relative;
		left: 20px;
		padding: 20px 0px 0px 0px;
		}

	#top {
		width: 840px;
		position: relative;
		left: 20px;
		padding: 20px 0px 0px 0px;
		}

		#top h3 {
			font-size: 65%;
			font-family: verdana;
			line-height: 140%;
			font-weight: normal;
			color: #fff;
			background: #CF121B;
			padding: 3px 0px;
			text-indent: 10px;
			width: 110px;
			margin: 0px 0px 15px 0px;
			}

		#top .blk_top_news {
			width: 410px;
			float: left;
			}

			#top .blk_top_news ul {
				list-style: none;
				}

				#top .blk_top_news ul li {
					font-size: 75%;
					line-height: 150%;
					margin: 0px 0px 5px 0px;
					}

		#top .blk_top_joinus {
			width: 410px;
			float: right;
			}

			#top .blk_top_joinus dl {
				}

				#top .blk_top_joinus dl dt {
					font-size: 80%;
					line-height: 160%;
					margin: 0px 0px 5px 0px;
					}
				#top .blk_top_joinus dl dd {
					font-size: 70%;
					line-height: 140%;
					margin: 0px 0px 10px 0px;
					}


	/* ******************************************/
	#news {
		width: 570px;
		position: relative;
		float: left;
		left: 20px;
		}

		#news .date {
			font-size: 65%;
			font-family: verdana;
			line-height: 140%;
			color: #fff;
			background: #CF121B;
			padding: 3px 0px;
			text-indent: 10px;
			width: 110px;
			margin: 0px 0px 5px 0px;
			}
		#news h2 {
			font-size: 85%;
			line-height: 180%;
			margin: 0px 0px 5px 0px;
			}
		#news p {
			font-size: 80%;
			line-height: 160%;
			margin: 0px 0px 10px 0px;
			}
		#news p {
			font-size: 80%;
			line-height: 160%;
			margin: 0px 0px 10px 0px;
			}


		#news .content-nav {
			text-align: center;
			margin: 20px 0px;
			padding: 20px 0px;
			border-top: 1px dotted #ccc;
			font-size: 70%;
			}

	/* ******************************************/
	#concept {
		width: 840px;
		position: relative;
		left: 20px;
		padding: 20px 0px 0px 0px;
		}

		#concept .big {
			font-size: 200%;
			margin: 0px 0px 10px 0px;
			}
		#concept p {
			font-size: 80%;
			line-height: 160%;
			margin: 0px 0px 10px 0px;
			}

	/* ******************************************/
	#inquire {
		width: 840px;
		position: relative;
		left: 20px;
		padding: 20px 0px 0px 0px;
		}

		#inquire h3 {
			font-size: 85%;
			line-height: 180%;
			margin: 0px 0px 10px 0px;
			padding: 2px 0px 2px 10px;
			border-left: 5px solid #CF121B;
			}
		#inquire p {
			font-size: 80%;
			line-height: 160%;
			margin: 0px 0px 10px 0px;
			}
		#inquire blockquote {
			font-size: 80%;
			line-height: 180%;
			margin: 10px 0px;
			padding: 10px;
			border: 1px solid #ddd;
			background: url(/img/bg_slash_gray.gif);
			}

		#inquire dl {
			}

			#inquire dl dt {
				font-size: 80%;
				font-weight: normal;
				margin: 0px 0px 3px 0px;
				}
			#inquire dl dd {
				font-size: 80%;
				font-weight: normal;
				margin: 0px 0px 15px 0px;
				}

				#inquire dl dd input {
					padding: 3px 0px;
					width: 400px;
					background: #fcfcfc;
					border: 1px solid #ccc;
					}

					#inquire dl dd input:focus {
						background: #CCFFFF;
						}

				#inquire dl dd textarea {
					padding: 3px 0px;
					width: 600px;
					height: 30em;
					overflow: auto;
					background: #fcfcfc;
					border: 1px solid #ccc;
					}

					#inquire dl dd textarea:focus {
						background: #CCFFFF;
						}

		#inquire .msg {
			margin: 20px 0px;
			padding: 10px 10px;
			border: 1px solid #000;
			font-size: 85%;
			line-height: 180%;
			}

	/* ******************************************/
	#milestone {
		width: 840px;
		position: relative;
		left: 20px;
		padding: 20px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		}

		#milestone .blk_index {
			}

			#milestone .blk_index h2 {
				font-size: 70%;
				font-family: verdana;
				line-height: 140%;
				font-weight: normal;
				margin: 10px 0px 30px 0px;
				}

			#milestone .blk_index .blk_milstone_index {
				float: left;
				text-align: center;
				width: 280px;
				}

		#milestone .content-nav {
			text-align: center;
			margin: 0px 0px 20px 0px;
			font-size: 70%;
			}

		.blk_summary {
			}

			.blk_summary h1 {
				font-size: 200%;
				font-family: "Trebuchet MS";
				font-weight: normal;
				margin: 0px 0px 10px 0px;
				padding: 2px 0px 2px 10px;
				border-left: 5px solid #CF121B;
				}
			.blk_summary h2 {
				font-size: 200%;
				font-family: "Trebuchet MS";
				font-weight: normal;
				margin: 0px 0px 10px 0px;
				padding: 2px 0px 2px 10px;
				border-left: 5px solid #CF121B;
				}
			.blk_summary h3 {
				font-size: 85%;
				line-height: 180%;
				color: #CF121B;
				padding: 3px 0px;
				margin: 0px 0px 15px 0px;
				}
			.blk_summary p {
				font-size: 80%;
				line-height: 160%;
				margin: 0px 0px 10px 0px;
				}

		.tbl_info {
			width: 100%;
			background: #ddd;
			margin: 0px 0px 15px 0px;
			}

			.tbl_info th {
				width: 150px;
				font-size: 80%;
				line-height: 160%;
				background: #fff url(/img/bg_slash_gray.gif);
				}
			.tbl_info td {
				font-size: 80%;
				line-height: 160%;
				background: #fff;
				}

		/***************************/
		#blk_sponsor {
			width: 840px;
			padding: 20px 0px 10px 0px;
			margin: 0px 0px 0px 20px;
			border: 1px solid #ccc;
			background: #f2f2f2 url(../img/bg_blk_sponsor.gif) no-repeat right top;
			}

			#blk_sponsor h3 {
				display: block;
				width: 200px;
				height: 20px;
				text-indent: -9999px;
				overflow: hidden;
				margin: 0px 0px 10px 20px;
				}

				#blk_sponsor h3.txt_assosiate {
					background: url(../img/txt_assosiate.gif) no-repeat left top;
					}
				#blk_sponsor h3.txt_sponsor {
					background: url(../img/txt_sponsor.gif) no-repeat left top;
					}

			#blk_sponsor .tbl_sponsor {
				width: 800px;
				margin: 0px 0px 20px 20px;
				}

				#blk_sponsor .tbl_sponsor th {
					font-size: 80%;
					line-height: 160%;
					text-align: left;
					font-weight: normal;
					}
				#blk_sponsor .tbl_sponsor td {
					font-size: 80%;
					line-height: 160%;
					font-weight: normal;
					}

			#blk_sponsor .sponsor_bn {
				margin: 0px 0px 0px 20px;
				}

				#blk_sponsor .sponsor_bn a img {
					float: left;
					margin: 0px 10px 10px 0px;
					border: 1px solid #666;
					}



		/* */
		.artists {
			}

			.artists .artist {
				clear: both;
				padding: 0px 0px 15px 0px;
				}

				.artists .artist img {
					float: left;
					margin: 0px 10px 10px 0px;
					}

				.artists .artist h4 {
					font-size: 80%;
					line-height: 160%;
					}

					.artists .artist h4 img {
						margin: 5px 5px 5px 0px;
						}

				.artists .artist p {
					font-size: 70%;
					line-height: 140%;
					}
		/* */
		.op_acts {
			}

			.op_acts .op_act {
				clear: both;
				padding: 0px 0px 15px 0px;
				}

				.op_acts .op_act img {
					float: left;
					margin: 0px 10px 10px 0px;
					}

				.op_acts .op_act h4 {
					font-size: 80%;
					line-height: 160%;
					}
				.op_acts .op_act p {
					font-size: 70%;
					line-height: 140%;
					}


		/* */
		.blk_photo {
			}

			.blk_photo h3 {
				font-size: 70%;
				font-family: verdana;
				line-height: 140%;
				color: #CF121B;
				padding: 3px 0px;
				margin: 0px 0px 15px 0px;
				}
			.blk_photo a img {
				margin: 0px 5px 5px 0px;
				float: left;
				border: 1px solid #ccc;
				padding: 2px;
				}

				.blk_photo a:hover img {
					border: 1px solid #f36;
					}


	/* ******************************************/
	#sub {
		width: 250px;
		position: relative;
		float: right;
		right: 20px;
		}

		#sub h3 {
			font-size: 70%;
			line-height: 140%;
			color: #fff;
			background: #CF121B;
			padding: 3px 0px;
			text-indent: 10px;
			width: 150px;
			}

		#sub ul {
			list-style: none;
			margin: 10px 0px 20px 0px;
			}

			#sub ul li {
				font-size: 80%;
				line-height: 150%;
				margin: 0px 0px 10px 0px;
				}



/* */
.blk_preevent {
	clear: both;
	width: 860px;
	position: relative;
	left: 20px;
	padding: 20px 0px 20px 0px;
	}

	.blk_preevent h3 {
		font-weight: normal;
		font-size: 65%;
		font-family: verdana;
		line-height: 140%;
		color: #fff;
		background: #CF121B;
		padding: 3px 0px;
		text-indent: 10px;
		width: 110px;
		margin: 0px 0px 15px 0px;
		}

	.blk_preevent a {
		float: left;
		margin: 0px 20px 0px 0px;
		}

/* ******************************************/
#foot {
	clear: both;
	text-align: left;
	margin: 0px auto;
	padding: 20px 0px;
	width: 880px;
	color: #fff;
	}

	#foot .qr {
		float: right;
		border: 1px solid #999;
		}

	#foot address {
		font-size: 80%;
		line-height: 160%;
		font-style: normal;
		}
	#foot p {
		font-size: 80%;
		line-height: 160%;
		margin: 20px 0px 0px 0px;
		}

/*************************************/
.vol1_sub {
	width: 200px;
	float: left;
	position: relative;
	left: 20px;
	padding: 0px 0px 20px 0px;
	}

	.vol1_sub .logo_vol1 {
		display: block;
		width: 200px;
		height: 250px;
		text-indent: -9999px;
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		background: url(../img/logo_sub_vol1.gif) no-repeat left top;
		}

	.vol1_sub ul {
		border-top: 1px dotted #ccc;
		margin: 20px 0px;
		list-style: none;
		}

		.vol1_sub ul li {
			display: inline;
			}

			.vol1_sub ul li a {
				display: block;
				width: 200px;
				height: 60px;
				text-indent: -9999px;
				overflow: hidden;
				border-bottom: 1px dotted #ccc;
				background: url(../img/menu.gif) no-repeat;
				}

				.vol1_sub ul li.me_info a {
					background-position: 0px 0px;
					}
				.vol1_sub ul li.me_artist a {
					background-position: 0px -60px;
					}
				.vol1_sub ul li.me_ticket a {
					background-position: 0px -120px;
					}
				.vol1_sub ul li.me_access a {
					background-position: 0px -180px;
					}
				.vol1_sub ul li.me_notice a {
					background-position: 0px -240px;
					}
				.vol1_sub ul li.me_map a {
					background-position: 0px -300px;
					}
				.vol1_sub ul li.me_special a {
					background-position: 0px -360px;
					}
				.vol1_sub ul li.me_staff a {
					background-position: 0px -420px;
					}
				.vol1_sub ul li.me_sightsee a {
					background-position: 0px -480px;
					}

				.vol1_sub ul li.me_info a:hover {
					background-position: -400px 0px;
					}
				.vol1_sub ul li.me_artist a:hover {
					background-position: -400px -60px;
					}
				.vol1_sub ul li.me_ticket a:hover {
					background-position: -400px -120px;
					}
				.vol1_sub ul li.me_access a:hover {
					background-position: -400px -180px;
					}
				.vol1_sub ul li.me_notice a:hover {
					background-position: -400px -240px;
					}
				.vol1_sub ul li.me_map a:hover {
					background-position: -400px -300px;
					}
				.vol1_sub ul li.me_special a:hover {
					background-position: -400px -360px;
					}
				.vol1_sub ul li.me_staff a:hover {
					background-position: -400px -420px;
					}
				.vol1_sub ul li.me_sightsee a:hover {
					background-position: -400px -480px;
					}

				.vol1_sub ul li.me_info_cur a {
					background-position: -200px 0px;
					}
				.vol1_sub ul li.me_artist_cur a {
					background-position: -200px -60px;
					}
				.vol1_sub ul li.me_ticket_cur a {
					background-position: -200px -120px;
					}
				.vol1_sub ul li.me_access_cur a {
					background-position: -200px -180px;
					}
				.vol1_sub ul li.me_notice_cur a {
					background-position: -200px -240px;
					}
				.vol1_sub ul li.me_map_cur a {
					background-position: -200px -300px;
					}
				.vol1_sub ul li.me_special_cur a {
					background-position: -200px -360px;
					}
				.vol1_sub ul li.me_staff_cur a {
					background-position: -200px -420px;
					}
				.vol1_sub ul li.me_sightsee_cur a {
					background-position: -200px -480px;
					}


.vol1_main {
	width: 620px;
	float: right;
	position: relative;
	right: 20px;
	padding: 0px 0px 20px 0px;
	}

	.vol1_main .bn_jtb {
		margin: 0px 0px 20px 0px;
		}

		.vol1_main .bn_jtb img {
			border: 1px solid #000;
			}

	.vol1_main h1 {
		display: block;
		width: 600px;
		height: 60px;
		text-indent: -9999px;
		overflow: hidden;
		margin: 0px 0px 20px 0px;
		}

		.vol1_main h1.ttl_info {
			background: url(../img/ttl_info.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_artist {
			background: url(../img/ttl_artist.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_ticket {
			background: url(../img/ttl_ticket.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_access {
			background: url(../img/ttl_access.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_notice {
			background: url(../img/ttl_notice.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_staff {
			background: url(../img/ttl_staff.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_map {
			background: url(../img/ttl_map.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_special {
			background: url(../img/ttl_special.gif) no-repeat left top;
			}
		.vol1_main h1.ttl_sightsee {
			background: url(../img/ttl_sightsee.gif) no-repeat left top;
			}

	.vol1_main h2 {
		font-size: 85%;
		line-height: 170%;
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px dotted #CF121B;
		color: #CF121B;
		}
	.vol1_main h3 {
		font-size: 80%;
		line-height: 160%;
		margin: 0px 0px 10px 0px;
		color: #CF121B;
		}
	.vol1_main p {
		font-size: 80%;
		line-height: 160%;
		margin: 0px 0px 10px 0px;
		}


	.vol1_main .notice {
		list-style: none;
		margin: 0px 0px 20px 0px;
		border-top: 1px dotted #ccc;
		padding: 5px 0px 0px 0px;
		}

		.vol1_main .notice li {
			font-size: 75%;
			line-height: 150%;
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 5px 0px;
			border-bottom: 1px dotted #ccc;
			}


.vol1_main .blk_vol1_artist {
	width: 300px;
	text-align: center;
	padding: 0px 0px 20px 0px;
	}

	.vol1_main .blk_vol1_artist .photo {
		margin: 0px 0px;
		}
		.vol1_main .blk_vol1_artist .photo img {
			padding: 1px;
			border: 1px solid #000;
			}
	.vol1_main .blk_vol1_artist .logo {
		margin: 0px auto;
		}

		.vol1_main .blk_vol1_artist .logo img {
			margin: 0px auto 10px auto;
			}


.vol1_main .blk_vol1_op {
	width: 200px;
	text-align: center;
	padding: 0px 0px 20px 0px;
	}

	.vol1_main .blk_vol1_op .photo {
		margin: 0px 0px;
		}
		.vol1_main .blk_vol1_op .photo img {
			padding: 1px;
			border: 1px solid #000;
			}
	.vol1_main .blk_vol1_op .logo {
		margin: 0px auto;
		}

		.vol1_main .blk_vol1_op .logo img {
			margin: 0px auto 10px auto;
			}


	.vol1_main .left {
		float: left;
		}
	.vol1_main .center {
		float: left;
		margin: 0px 0px 0px 10px;
		}
	.vol1_main .right {
		float: right;
		}


	.vol1_main .img_right {
		float: right;
		margin: 0px 0px 10px 10px;
		padding: 1px;
		border: 1px solid #666;
		}



		/*******************************/
		.vol1_menu {
			margin: 0px 0px 0px 20px;
			padding: 20px 0px;
			}

		.vol1_menu ul li {
			display: inline;
			}

			.vol1_menu ul li a {
				display: block;
				float: left;
				width: 280px;
				height: 80px;
				text-indent: -9999px;
				overflow: hidden;
				margin: 0px 0px 10px 0px;
				background: url(../img/top_menu.gif) no-repeat;
				}

				.vol1_menu ul li.info a {
					background-position: 0px 0px;
					}
				.vol1_menu ul li.artist a {
					background-position: 0px -80px;
					}
				.vol1_menu ul li.ticket a {
					background-position: 0px -160px;
					}
				.vol1_menu ul li.access a {
					background-position: 0px -240px;
					}
				.vol1_menu ul li.notice a {
					background-position: 0px -320px;
					}
				.vol1_menu ul li.map a {
					background-position: 0px -400px;
					}
				.vol1_menu ul li.special a {
					background-position: 0px -480px;
					}
				.vol1_menu ul li.staff a {
					background-position: 0px -560px;
					}
				.vol1_menu ul li.sightsee a {
					background-position: 0px -640px;
					}

				.vol1_menu ul li.info a:hover {
					background-position: -280px 0px;
					}
				.vol1_menu ul li.artist a:hover {
					background-position: -280px -80px;
					}
				.vol1_menu ul li.ticket a:hover {
					background-position: -280px -160px;
					}
				.vol1_menu ul li.access a:hover {
					background-position: -280px -240px;
					}
				.vol1_menu ul li.notice a:hover {
					background-position: -280px -320px;
					}
				.vol1_menu ul li.map a:hover {
					background-position: -280px -400px;
					}
				.vol1_menu ul li.special a:hover {
					background-position: -280px -480px;
					}
				.vol1_menu ul li.staff a:hover {
					background-position: -280px -560px;
					}
				.vol1_menu ul li.sightsee a:hover {
					background-position: -280px -640px;
					}