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

html body {
font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",Meiryo,Osaka,"?l?r ?o?S?V?b?N","MS PGothic",sans-serif;
color: #000;
font-size: 14px;
line-height: 1.7;
}

body {
	background: #f4cece url(../img/background_paper_shower.png) no-repeat center top;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	}

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); 
	}

a:focus {
	outline: none;
	}

dl, dt, dd {
	margin: 0;
	padding: 0;
	}

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;
	font-size: 12px;
	}

p.caption {
	font-size: 12px;
	}

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

/* ------------------------------------------------------------
wrapper
------------------------------------------------------------ */

#wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(../img/background_header.png) no-repeat center 40px;
	}

.container {
	width: 980px;
	margin: 0 auto;
	}

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

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

#header .container {
	min-height: 900px;
	padding-top: 100px;
	position: relative;
	}

#header h1 {
	width: 100%;
	height: 160px;
	background: url(../img/title.png) no-repeat center top;
	
	text-indent: -9999px;
	overflow: hidden;
	
	position: absolute;
	top: 60px;
	left: 0;
	}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	}

#header  #lead01,
#header  #lead02 {
	position: absolute;
	
	text-indent: -9999px;
	overflow: hidden;
	}

#header  #lead01 {
	width: 200px;
	height: 500px;
	background: url(../img/lead01.png) no-repeat 0 0;
	top: 200px;
	right: 0;
	}

#header  #lead02 {
	width: 320px;
	height: 430px;
	background: url(../img/lead02.png) no-repeat 0 0;
	bottom: 40px;
	left: 0;
	}

#header_info {
	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 32%;
	}

#header_info a#link_tw01,
#header_info a#link_tw02 {
	display: block;
	text-align: left;
	}

/* ------------------------------------------------------------
Navigation
------------------------------------------------------------ */

#navigation {
	width: 1000px;
	margin: 0 auto;
	}

#navigation ul {
	text-align: center;
	}

#navigation ul li {
	display: inline;
	}

/* ------------------------------------------------------------
Banner
------------------------------------------------------------ */

#bnr {
	width: 1000px;
	margin: 10px auto;
	text-align: center;
	}

#bnr img {
	margin: 5px 0;
	}



/* ------------------------------------------------------------
Tickets Information
------------------------------------------------------------ */

#tickets_information {
	width: 1000px;
	margin: 40px auto;
	}
	
#tickets_information h2 {
	width: 100%;
	height: 162px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h2_tickets.png) no-repeat center;
	margin-bottom: 20px;
	}

#tickets_information dl {
	overflow: hidden;
	}

#tickets_information dl dt,
#tickets_information dl dd  {
	margin: 0;
	padding: 0;
	float: left;
	}

#tickets_information dl dt {
	width: 32.5%;
	text-align: right;
	}

#tickets_information dl dd {
	width: 65.5%;
	padding-left: 2%;
	}

#tickets_information dl dd h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 0 8px;
	}

/* ------------------------------------------------------------
Tickets Information
当日券情報
------------------------------------------------------------ */

#tickets_information2 {
	width: 1000px;
	margin: 40px auto;
	}
	
#tickets_information2 h2 {
	width: 100%;
	height: 162px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h2_tickets2.png) no-repeat center;
	margin-bottom: 20px;
	}

#tickets_information2 dl {
	overflow: hidden;
	}

#tickets_information2 dl dt,
#tickets_information2 dl dd  {
	margin: 0;
	padding: 0;
	float: left;
	}

#tickets_information2 dl dt {
	width: 32.5%;
	text-align: right;
	}

#tickets_information2 dl dd {
	width: 65.5%;
	padding-left: 2%;
	}

#tickets_information2 dl dd h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 0 8px;
	}

/* ------------------------------------------------------------
OA Information
放送情報
------------------------------------------------------------ */

#onair_information2 {
	width: 1000px;
	margin: 40px auto;
	}
	
#onair_information2 h2 {
	width: 100%;
	height: 162px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h2_onair.png) no-repeat center;
	margin-bottom: 20px;
	}

#onair_information2 p {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	width: 850px;
	margin: 0 auto;
	}


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

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

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

.line_bg2 {
	border: 1px solid #797963;
	background: #FFF;
	padding: 20px 58px;
	}
	
p.lead {
	font-size: 16px;
	font-weight: bold;
	}

/* ------------------------------------------------------------
HOME
------------------------------------------------------------ */

/* #introduction */

#introduction h2 {
	width: 100%;
	height: 132px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h2_introduction.png) no-repeat center;
	margin-bottom: 20px;
	}

#introduction ul.list li {
	padding-left: 1em;
	text-indent: -1em;
	}

#introduction .fl_left {
	width: 490px;
	}

/* #artists */
#artists h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_artists.png) no-repeat left;
	margin-left: -50px;
	}

#artists ul {
	text-align: center;
	margin-top: -20px;
	}

#artists ul li {
	display: inline-block;
	width: 160px;
	height: 200px;
	}

#artists ul li a img {
	vertical-align: top;
	}

/* #artists */
#frontact ul {
	text-align: center;
	margin-top: 0px;
}

#frontact ul li {
	display: inline-block;
	width: 160px;
	height: 20px;
	}

/* #event_info */
#event_info table {
	width: 100%;
	margin: 40px 0;
	border-top: 1px solid #313131;
	border-left: 1px solid #313131;
	}

#event_info table th,
#event_info table td {
	border-right: 1px solid #313131;
	border-bottom: 1px solid #313131;
	padding: 8px;
	}

#event_info table th {
	font-weight: bold;
	text-align: center;
	}

#event_info table .no_data {
	background: #cccccc;
	}

#event_info table.tickets_info thead th {
	background: #313131;
	color: #FFF;
	}

#event_info table.tickets_info thead th {
	background: #ffec60;
	color: #313131;
	}

#event_info table.playguide thead th {
	background: #313131;
	color: #FFF;
	}

#event_info h4 {
	font-size: 20px;
	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;
	}

/* #attention */
#attention h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_attention.png) no-repeat left;
	margin-left: -50px;
	}

#attention h4 {
	font-size: 20px;
	margin: 0.5em 0;
	}

/* #kids */
#kids h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_kids.png) no-repeat left;
	margin-left: -50px;
	}

#kids ul {
	text-align: left;
	list-style-type: none;
	padding: 0;
	}

#kids ul li {
	display: block;
	*display: block;  
    *zoom: 1;  
	width: 100%;
	margin-bottom: 10px;
	}

/* #archives */
#archives h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_archives.png) no-repeat left;
	margin-left: -50px;
	margin-top: 0;
	}

#archives ul {
	text-align: left;
	list-style-type: none;
	padding: 0;
	}

#archives ul li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
	width: 48%;
	}

/* ------------------------------------------------------------
OTANOSHIMI
------------------------------------------------------------ */

#otanoshimi h2 {
	width: 100%;
	height: 132px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h2_otanoshimi.png) no-repeat center;
	}

/* #foods */
#foods h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_foods.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#foods .fl_left {
	width: 40%;
	}

#foods .fl_right {
	width: 60%;
	}

/* #goods */
#goods h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_goods.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#goods .fl_left {
	width: 40%;
	}

#goods .fl_right {
	width: 60%;
	}

/* #vw */
#vw h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_vw.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#vw .fl_left {
	width: 40%;
	}

#vw .fl_right {
	width: 60%;
	}

/* #Jme */
#jme h3 {
	width: 100%;
	height: 92px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_jme.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#jme .fl_left {
	width: 40%;
	}

#jme .fl_right {
	width: 60%;
	}

/* ------------------------------------------------------------
OMIYAGE
------------------------------------------------------------ */

#omiyage h2 {
	width: 100%;
	height: 132px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h2_omiyage.png) no-repeat left;
	}

#omiyage_lead01 {
	width: 100%;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/lead_omiyage01.png) no-repeat left;
	}

#goods_shirt h3 {
	width: 100%;
	height: 96px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_shirt.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#goods_shirt h4 {
	margin-bottom: 20px;
	}

#goods_nanaco h3 {
	width: 100%;
	height: 97px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_nanaco.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#goods_towel h3 {
	width: 100%;
	height: 97px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_towel.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}


#goods_poster h3 {
	width: 100%;
	height: 96px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/h3_poster.png) no-repeat left;
	margin-left: -50px;
	margin-bottom: 40px;
	}

#goods_nanaco .fl_left,
#goods_poster .fl_left {
	width: 280px;
	}

#goods_nanaco .fl_right,
#goods_poster .fl_right {
	width: 540px;
	}

#goods_towel .fl_left {
	width:  430px;
	}

#goods_towel .fl_right {
	width: 390px;
	}

#omiyage_txt01,
#omiyage_txt02 {
	width: 100%;
	height: 80px;
	margin: 20px auto;
	
	text-indent: -9999px;
	overflow: hidden;
	}

#omiyage_txt01 {
	background: url(../img/txt_omiyage01.png) no-repeat center top;
	}

#omiyage_txt02 {
	background: url(../img/txt_omiyage02.png) no-repeat center top;
	}

dl.goods_info {
	overflow: hidden;
	margin-bottom: 1em;
	}

dl.goods_info dt {
	font-size: 12px;
	font-weight: bold;
	float: left;
	}

dl.goods_info dd {
	font-size: 12px;
	margin-left: 10em;
	}

/* ------------------------------------------------------------
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 .section .fl_right {
	width: 490px;
	}
	
#report .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 .section .fl_right ul li a {
	display: block;
	width: 140px;
	overflow: hidden;
	}
	
#report .section .fl_right ul li img {
	border: 1px solid #767962;
	}

#report_info img {
	padding: 5px;
	margin-left: 30px;
	border: 1px solid #767962;
}

#report .section h3,
#report #report_encore h3 {
	width: 100%;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: -40px;
	}

#report #report01 h3 {
	background: url(../img/h3_artist01.png) no-repeat left;
	}

#report #report02 h3 {
	background: url(../img/h3_artist02.png) no-repeat left;
	}

#report #report03 h3 {
	background: url(../img/h3_artist03.png) no-repeat left;
	}

#report #report04 h3 {
	background: url(../img/h3_artist04.png) no-repeat left;
	}

#report #report05 h3 {
	background: url(../img/h3_artist05.png) no-repeat left;
	}
	
#report #report06 h3 {
	background: url(../img/h3_artist06.png) no-repeat left;
	}

#report #report07 h3 {
	background: url(../img/h3_artist07.png) no-repeat left;
	}

#report #report08 h3 {
	background: url(../img/h3_artist08.png) no-repeat left;
	}

#report #report09 h3 {
	background: url(../img/h3_artist09.png) no-repeat left;
	}

#report #report_encore h3 {
	background: url(../img/h3_encore.png) no-repeat left;
	}

#report #report_info h3 {
	background: url(../img/h3_info.png) no-repeat left;
	}

/* ------------------------------------------------------------
footer
------------------------------------------------------------ */

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

#footer .container {
	width: 960px;
	}