@charset "UTF-8";
/* CSS Document */

.clear{clear:both;}
img {border:0px none;}

a {
	outline-style:none;
	text-decoration:none;
	color:#666666;
}

a:hover {
	color:#000000;
	background:url(images/arrow.gif) no-repeat 0 4px;
	padding:0 0 0 12px;
}

ul{list-style-type:none;}

body, p, ul, ol, li, img, div, h1, h2{
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	text-align:center;
	background-color:#EEEEEA;
	font-family:"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka";
	font-size:12px;
	line-height:20px;
	color:#333333;
}

#wrapper{
	width:780px;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left;
	border:1px solid #999999;
}

h3{
	font-size:15px;
	line-height:35px;
	font-weight:bold;
	margin:30px 0 0 0;}
h4{
	font-size:12px;
	line-height:20px;
	font-weight:bold;}
	
.type12{
	font-size:12px;
	line-height:20px;
	font-family:"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka";
}
.type10{
	font-size:10px;
	line-height:15px;
	font-family:"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka";
}

.kei{
	border-top:1px solid #E4007F;
	margin:0 36px;
}

.bold{font-weight:bold;}
.orange{color:#ed6b1a;}
.head_label{
	width:780px;
	height:32px;}

.label_color{
	width:288px;
	height:32px;
}

body#news div.label_color{background-color:#f5cc00;}
body#schedule div.label_color{background-color:#e33b81;}
body#performance div.label_color{background-color:#e33b81;}
body#archive div.label_color{background-color:#f7a100;}
body#link div.label_color{background-color:#909091;}

body.npo div.label_color{
	background-color:#48afd4;
	width:204px;
}

body.english div.label_color{
	background-color:#7c68c4;
	width:204px;
}

body.guide div.label_color{
	background-color:#7cc231;
	width:204px;
}

.label_black{
	width:492px;
	height:32px;
	background-color:#000000;}

body.guide div#main div.label_black, body.english div#main div.label_black, body.npo div#main div.label_black{
	width:576px;
}

.label_pink h2 img{margin:auto auto auto 36px;}
.entry{width:780px;}
.mtdate{
	width:240px;
	float:left;
	margin:0px 12px 40px 36px;
	border-top:2px;
	border-top-color:#e33b81;
	border-top-style:solid;
	display:inline;
	color:#000000;}
.mtdate p{margin:3px auto 0px 0px;}
.mtbody{
	width:444px;
	float:right;
	margin:0px 36px 40px 12px;
	border-top:2px;
	border-top-color:#e33b81;
	border-top-style:solid;
	display:inline;}
.mtbody_title{
	margin:3px auto 0px 0px;
	font-size:14px;
	font-weight:bold;}
.mtbody_title a{color:#e33b81;}
.mtbody_title a:hover{text-decoration:underline;}
.mtbody_body{}
.month_selecta{
	margin:0px auto 0px 36px;
	font-family:"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka";
	font-size:19px;
	font-weight:bold;}
body#schedule .month_selecta li{
	float:left;
	margin:26px 20px 2px 0px;
	display:inline;}
.month_selecta li a{color:#666666;}
.month_selecta li a:hover{color:#e4007f;}

#functionnavi-container{
background: #fff;
height: 25px;
}
#functionnavi-container #functionnavi{
width: 400px;
float: right;
}
#functionnavi-container #functionnavi li{
float: right;
width: 97px;
padding:3px 0 0;
}
#functionnavi-container #functionnavi li.english{
width: 68px;
}
#functionnavi-container #functionnavi li.access{
width: 75px;
}
#functionnavi-container #functionnavi li a{
color: #1E2C57;
font-size: 12px;
background: url(images/sankaku_yellow.gif) no-repeat 0 2px;
padding-left: 11px;
}
#functionnavi-container #functionnavi li a:hover{
padding-left: 11px;
}
#header{
	clear: both;
	position:relative;
	width:780px;
	height:215px;
	background-color:#1e2c57;}
#header h1{
	position: absolute;
	left: 35px;
	top: 116px;}
	
/*button*/
div#header ul#main{
	clear: both;
}

#header ul#main li{
	width:98px;
	height:36px;
	float:left;
}
	
#header ul#main li.m97{
	width: 97px;
}
#header ul#main li.menu_W84_end{
	width: 95px;
}
	
div#header ul#main li a{
	display:block;
	width:98px;
	height:36px;
	background-position: 0px -50px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	background: url(../images/navi-global.gif) no-repeat;
}

div#header ul#main li a#btn_news{
width:97px;
background-position: 0px 0px;}
div#header ul#main li a#btn_useguide{
background-position: -97px 0px;}
div#header ul#main li a#btn_performance{
background-position: -195px 0px;}
div#header ul#main li a#btn_st_blog{
background-position: -293px 0px;}
div#header ul#main li a#btn_archive{
background-position: -391px 0px;}
div#header ul#main li a#btn_npo_stspot{
background-position: -489px 0px; }
div#header ul#main li a#btn_intro{
background-position: -587px 0px;}
div#header ul#main li a#btn_link{
background-position: -685px 0px;}

body#news div#header ul#main li a#btn_news,
body.news div#header ul#main li a#btn_news,
div#header ul#main li a#btn_news:hover{
background-position: 0px -36px;}
body.guide div#header ul#main li a#btn_useguide,
div#header ul#main li a#btn_useguide:hover{
background-position: -97px -36px;}
body.schedule div#header ul#main li a#btn_performance,
body#schedule div#header ul#main li a#btn_performance,
div#header ul#main li a#btn_performance:hover{
background-position: -195px -36px;}
div#header ul#main li a#btn_st_blog:hover{
background-position: -293px -36px;}
body#archive div#header ul#main li a#btn_archive,
div#header ul#main li a#btn_archive:hover{
background-position: -391px -36px;}
body#education ul#main li a#btn_npo_stspot,
div#header ul#main li a#btn_npo_stspot:hover{
background-position: -489px -36px; }
body#history div#header ul#main li a#btn_intro,
div#header ul#main li a#btn_intro:hover{
background-position: -587px -36px;}
body#link div#header ul#main li a#btn_link,
div#header ul#main li a#btn_link:hover{
background-position: -685px -36px;}




div#header ul#sub{
	position:absolute;
	width: 489px;
	right:0px;
	bottom:21px;
}
div#header ul#sub li{
float: left;
}
div#header ul#sub li div{
	margin-bottom:5px;
}

div#header ul#sub li a{
	display:block;
	width:110px;
	height:15px;
	line-height:1px;
	text-indent: -1000em;
	margin-top:5px;
}

div#header ul#sub li a:hover{
padding: 0;
}

div#header ul#sub li div a#bbs{
	display:block;
	width:27px;
	height:12px;
	line-height:1px;
	text-indent: -1000em
}

div#header ul#sub li div a#english{
	display:block;
	width:43px;
	height:12px;
	line-height:1px;
	text-indent: -1000em
}

div#header ul#sub li#ticket a{
width: 125px;
background: url("images/bt_ticket.gif") no-repeat 0 0;}
div#header ul#sub li#mailnews a{
width: 131px;
background: url("images/bt_mail.gif") no-repeat 0 0;}
div#header ul#sub li#friend a{
width: 123px;
background: url("images/bt_friend.gif") no-repeat 0 0;}
div#header ul#sub li#twitter a{
text-indent: 0;
margin-top:0;
width:110px;}

div#header ul#sub li#ticket a:hover,
div#header ul#sub li#mailnews a:hover,
div#header ul#sub li#friend a:hover{
background-position: 0 -36px;
}

/*
div#wrapper div#header ul#sub li#friend a:hover{background: url("images/bt_friend.gif") no-repeat 0 0;}
div#wrapper div#header ul#sub li#ticket a:hover{background: url("images/bt_ticket.gif") no-repeat 0 0;}
*/
div#header h1 a:hover{
	background:none;
	padding:0;
}

div#main{
	width:780px;
	background-color:#FFFFFF;
}

#footer{
	position:relative;
	width:780px;
	background-color:#656464;}
#footer-left{
	height:216px;
	padding-left:36px;
	padding-right: 12px;
	padding-top: 34px;
	float:left;
	background-color:#69a930;}
#footer-left p#recommend{
background: #E3007F;
width: 251px;
height: 26px;
padding: 6px 0 0 37px;
margin:0 0 0 0;
font-size: 18px;
color: #fff;
position: absolute;
top: 0;
left: 0;
}
#footer-left div#recommend_photo{
	float:left;
}

#footer-left div#recommend_photo div.photo a, #footer-left div#recommend_photo div.photo a:hover{
	background-image:none;
	padding:0;
}

#footer-left div#recommend_photo img{
	margin:12px 12px 0 0;
	width:72px;}

#footer-left .recommend_text{
	float:left;
	font-size: 10px;
	text-align: left;
	width: 156px;
	font-weight:bold;}
#footer-left .recommend_text .date{
	margin:9px 12px 0 0;
	color:#000000;}
#footer-left .recommend_text .title{
	margin:0 12px 0 0;
	color:#ffffff;}
#footer-left .recommend_text .text{
color: #fff;
font-weight: normal;
}
#footer-left .recommend_text .more{margin:0 12px 0 0;}
#footer-left .recommend_text .more a{
	color:#cada00;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0.1em;}
#footer-left .recommend_text .more a:hover{
	background-image:none;
	padding:0;}
#footer-right{
	width:492px;
	height:250px;
	float:left;}
#footer-right p#news{
font-size: 18px;
color: #FBC600;
margin:8px 0px 0px 36px;}
#footer-right ul#news_text{
	margin:12px 12px 0px 36px;
	text-align: left;}
#footer-right ul#news_text li{}
#footer-right ul#news_text li a{
background: url(images/sankaku_white.gif) no-repeat 0 3px;
padding-left: 10px;
color:#FFFFFF;
}
#footer-right ul#news_text li a:hover{
background: url(images/sankaku_white.gif) no-repeat 0 3px;
padding-left: 10px;
	color:#cccccc;
	text-decoration:underline;}
#footer #copy{
	position:absolute;
	bottom:8px;
	right:12px;
	z-index:1;
	width:300px;
	height:41px;
	background:url(images/logo.gif) 0 0 no-repeat;}
#footer #get_rss{
position: absolute;
width: 50px;
right: 10px;
top: 10px;
}

#footer #get_rss a:hover{
background: none;
padding: 0;
}

/*index*/
body#home div#main{background-color:#ffffff;}
#index_photo{
	float:left;
	display:inline;
}

#index_photo {
    position:relative;
    width:516px; /* Change this to your images width */
    height:288px; /* Change this to your images height */
    background:url(images/index_photo.jpg) no-repeat 50% 50%;
}
#index_photo img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#index_photo a {
    border:0;
    display:block;
}

#index_photo a:hover{
background: none;
padding: 0;
}

#index_schedule{
	float:left;
	width:192px;
	height:270px;
	margin:0px auto auto 24px;
	display:inline;
}

#ticket-form{
	float:center;
	width:600px;
	margin:24px 24px 24px 24px;
}

.form {
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	font-size:12px;
	width:100%;
}
.form caption {
	line-height:250%;
	background-color:#999999;
	color:#FFFFFF;
	text-align:left;
	padding-left:10px;
}
.form th, .form td{
	padding:7px;
	line-height:1.2em;
	border-left:solid 1px #999999;
	border-bottom:solid 1px #999999;
	font-weight:normal;
}
.form th {
	width:200px;
}

.required {
	color:#FF0000;
	font-size:10px;
	margin-left:3px;
}


#index_schedule p{
	font-size:10px;
	line-height:15px;
	margin:0px auto 0px 0px;
}

p#e_caption{
	font-family:Helvetica,Arial,Sans-Serif;
	font-size:18px;
	font-weight:400;
	letter-spacing:1px;
	color:#666666;
	margin:12px auto 20px 0px;
}

.sche_date p{
	color:#666666; 
	margin:3px auto 0px 0px;
}

.sche_title a{color:#e4007f;}

.sche_title a:hover{text-decoration:underline;}

#scrollbar{
	display:inline;
	float:left;
	margin:48px 0px auto 24px;
}

/*performance*/
body#performance h3{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#e33b81;
	margin:30px 36px 10px 24px;}
	
body#performance div#wrapper div#main div#photo{
	margin:30px 12px 0 36px;
	padding-bottom:40px;
	width:240px;
	/*background-color:#EDF0E4;*/
	float:left;
	display:inline;
}

body#performance div#wrapper div#main div#photo div.photo span{
	display:block;
	margin-bottom:10px;
}
	
body#performance div#wrapper div#main div#photo div.photo a{
	background-image:no-image;
	padding:0;
}

body#performance div#wrapper div#main div#photo div#first{
	width:240px;
	background-color:#666666;
	margin:40px 12px 0px 36px;}
body#performance div#wrapper div#main div#photo div.sub{
	width:240px;
	background-color:#666666;
	margin:12px 12px 0px 36px;}
body#performance div#wrapper div#main div#info{
	width:492px;
	background-color:#ffffff;
	float:right;}
body#performance div#wrapper div#main div#info div#date{
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#000000;
	margin:10px 36px 20px 24px;}
body#performance div#wrapper div#main div#info div#more{margin:20px 36px 40px 24px;}

/*guide*/
body.guide ul#submenu li#list_3{ 
	display:none;
}

body#stage ul#submenu li#list_3, body#sound ul#submenu li#list_3, body#light ul#submenu li#list_3{
	display:block;
}

body#index ul#submenu li#index a,
body#mousikomi ul#submenu li#mousikomi a,
body#zumen ul#submenu li#zumen a,
body#stage ul#submenu li ul li#stage a,
body#sound ul#submenu li ul li#sound a,
body#light ul#submenu li ul li#light a,
body#fee ul#submenu li#fee a,
body#contact ul#submenu li#contact-info a,
body#access ul#submenu li#access a
{	
	color:#000000;
	background:url(images/arrow.gif) no-repeat 0 4px;
	padding:0 0 0 12px;
}

body.guide div#main ul#submenu, body.npo div#main ul#submenu{
	width:204px;
	margin:36px 0 0 0px;
}

body.guide div#main ul#submenu li, body.npo div#main ul#submenu li{
	border:1px solid #ffffff;
	line-height:24px;
	margin:0 0 0 36px;
}

body.guide div#main ul#submenu li ul li{
	border:1px solid #ffffff;
}

body.guide div#main div.contents, body.npo div#main div.contents{
	width:576px;
}
body.guide div#main div.contents p.address{
margin-bottom: 15px;
}
body.guide div#main div.contents p, body.guide div#main div.contents ul, body.guide div#main table, body.guide div#main div.contents img#zumen, body.guide div#main div.contents img#map{
	margin:0 24px 0 12px;}
body.guide div#main div.contents ol{margin:0 0 0 30px;}
body.guide div#main div.contents h4{margin:20px 24px 5px 12px;}
body.guide div#main div.contents h3{
	color:#7CC231;
	margin:30px 24px 0 12px;
}
body.guide div#main table{width:540px;}
body.guide div#main table thead{
	height:40px;
	background-color:#CCCCCC;}
body.guide div#main table thead tr td, body.guide div#main table tbody tr td{padding:0 0 0 12px;}
body.guide div#main table tr, body.guide div#main table td{
	border-bottom:1px solid #666666;
	height:32px;}
body.guide div#main ul li div.index{
	width:192px; height:40px;
	background-color:#CCCCCC;
	margin:2px 0 0 0;}
body.guide div#main ul li div.index p{margin:12px 0 0 12px;}
body.guide div#main ul li div.data{
	width:348px;
	border-top:1px solid #666666;}
body.guide div#main ul li div.subdata{
	width:139px;
	border-top:1px solid #666666;}
	
/*guide>fee*/
body#fee p{margin:0;}
body#fee div#main ul, body#fee div#main ul p, body#fee div#main table, body#fee div#main ol li, body#fee div#main ol li p{margin:0;}
body#fee div#main ol li ul li{
	margin:10px 0 0 0;
}

body#fee div#main ol li{
	margin:20px 0 0 0;
}

body#fee div#main ol li ul li div.index p{
	margin:12px 0 0 12px;
}
body#fee div#main ol li ul li div.data p{
	margin:12px 0 0 12px;
}

/*archive*/
body#archive div.datemenu{
	margin-top:10px;
}

body#archive ul.year_selecta{
	font-family:Helvetica, "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka";
	font-size:12px;
	margin:0 0 0 24px;
}

body#archive ul.year_selecta li{
	margin-left:12px;
	float:left;
}

body#archive div.mtdate{
	border-top:2px solid #F7A100;
}

body#archive div.mtbody{
	border-top:2px solid #F7A100;
}

body#archive div.kei{
	border-top:1px solid #F7A100;
}

body#archive div.mtbody div.mtbody_title a{
	color:#F7A100;
}

body#archive h3{
	color:#F7A100;
	margin-left:36px;
}

body.archive div#main div#info h3{
	color:#F7A100;
}

/*news*/
body#news div.head_label{
	margin-bottom:40px;
}

body#news div.mtdate{
	border-top:2px solid #F5CC00;
}

body#news div.mtbody{
	border-top:2px solid #F5CC00;
}

body#news div.mtbody div.mtbody_title a{
	color:#666666;
}

body.news div#main div#info h3{
	color:#666666;
}

/*link*/
body#link div.contents{
	margin:20px 0 40px 300px;
}

body#link div.contents p{
	color:#666666;
	font-weight:bold;
	border-bottom:1px solid #666666;
}

/*english*/

body.english div#main div.contents{
	width:480px;
	padding-bottom:60px;
}

body.english{
	font-family:"LinotypeUnivers","Verdana","Helvetica";
}

body.english div#main div.contents h3{
	font-size:20px;
	line-height:20px;
	color:#7c68c4;
	margin:30px 0 5px 0;
}

body.english div#main div.contents h4{
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#7c68c4;
	margin:30px 0 5px 0;
}

body.english div#main div.contents h5{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:15px 0 5px 0;
}

body.english div#main div.contents h5{
	border-bottom:1px solid #999999;
}

body.english div#main ul li div.index{
	background-color:#CCCCCC;
	width:120px;
	height:40px;
	margin:2px 0 0 0;
}

body.english div#main ul li div.data{
	border-top:1px solid #666666;
	width:192px;
}

body.english div#main ul li div.index p{
	margin:12px 0 0 12px;
}

body.english div#main ul li div.data p{
	margin:0 24px 0 12px;
}

body.english div#main div.contents table thead{
	background-color:#cccccc;
	height:40px;
}

body.english div#main table thead tr td, body#english div#main table tbody tr td{
	padding:0 0 0 12px;
}

body.english div#main table tr td{
	border-bottom:1px solid #666666;
	height:32px;
}

body#index ul#submenu li#index a,
body#list2004 ul#submenu li#list2004 a,
body#staff ul#submenu li#staff a,
body#rental ul#submenu li#rental a,
body#info ul#submenu li#info a
{	
	color:#000000;
	background:url(images/arrow.gif) no-repeat 0 4px;
	padding:0 0 0 12px;
}

body.english div#main ul#submenu{
	width:204px;
	margin:36px 0 0 0px;
}

body.english div#main ul#submenu li{
	border:1px solid #ffffff;
	line-height:24px;
	margin:0 0 0 36px;
}

body.english div#main ul#submenu li ul li{
	border:1px solid #ffffff;
}

/*NPO*/
body.npo div#main div.contents h3{
	color:#48AFD4;
	margin:30px 24px 0 12px;
}

body.npo div#main div.contents h4{
	color:#48AFD4;
	letter-spacing:1px;
	margin:20px 24px 5px 12px;
	border-top: 1px solid #48AFD4;
	border-bottom: 1px solid #48AFD4
}

body.npo div#main div.contents a#platform-banner:hover{
background: none;
padding: 0;
}

body.npo div#main div.contents p, body.npo div#main div.contents ul, body.npo div#main div.contents dl{
	margin:0 24px 0 12px;
	text-align: justify;
}

body.npo div#main div.contents dl{
	margin-top: 20px;
}

body.npo div#main div.contents dl dd ul{
	margin: 0;
	margin-left: 12px;
	list-style-image: url(/images/mark_12px.gif);
}

body.npo div#main div.contents dt{
	margin-top: 10px;
	font-weight: bold;
}

body.npo div#main div.contents dl dt, body.npo div#main div.contents dl dd{
	margin-left: 0;
	margin-right: 0;
}

body.npo div#main div.contents div#history dl dt, body.npo div#main div.contents div#history dl dd{
	margin-left:24px;
	margin-right:24px;
}

body.npo div#main div.contents div#member p.chapter{
	margin-top: 10px;
	font-weight: bold;
}

body.npo div#main div.contents a.smooth{
	color:#48AFD4;
}

body.npo div#main div.contents a.smooth:hover{
	background-image: none;
	color:#48AFD4;
	padding: 0;
}

body.npo div#main div.contents p.top_link{
	margin-top: 20px;
	text-align: right;
}

body.npo div#main div.contents p.top_link a{
	font-size: 10px;
}

body.eventform #header {
background: #1f2d57;
}

/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.ap-nivo-image-link {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}