/* * * * * * * * * * * * *
 * 基本設定
 * * * * * * * * * * *  */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #090909;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #33cc00;
	text-decoration: underline;
}
img {
	border:none;
}

html {
	line-height: 160%;
	color: #060606;
	font-size: 12px;
}
body {
	background:#ffffff;
}
body#top {
	background:#ffffff;
	overflow:hidden;
}

.down15 {
	padding-top:15px;
}

/* * * * * * * * * * * * *
 * 背景画像
 * * * * * * * * * * *  */
#navigation{
	background: url('../images/navbg.gif') no-repeat;
	float: right;
	margin:22px 20px 0 0;
}
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/progress.gif);
}
#supersize{
	position:absolute;
}
#supersize img, #supersize a{
	height:100%;
	min-height:567px;
	width:100%;
	min-width:960px;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}


/* * * * * * * * * * * * *
 * メインフレーム
 * * * * * * * * * * *  */
#all {
	width:100%;		
	height:100%;	
	margin:0px auto;
	z-index: 3;
}
#slidecounter {
	float:left;
	color:#4F4F4F;
	font:50px "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	margin:18px 20px;	
}
#slidecaption {
	overflow: hidden;
	float:left;
	color:#FFF;
	font:26px "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	margin:33px 0;
}

#content {
	position:relative;
	margin: 0 auto;
	width:950px;
	height:auto;
	
	
}
#page {
	width:950px;
	height:auto;
	float:left;
	background-image: url(../images/left_24.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#f8edce
}
#page2 {
	width:950px;
	height:auto;
	float:left;
	background-image: url(../images/left_23.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	
}



/* * * * * * * * * * * * *
 * トップページ
 * * * * * * * * * * *  */

#top_content {
	position:relative;
	margin: 10px auto;
	width: 960px;
	height:567px;
	background-image:url(../images/bg01.jpg) ;
}

#logo {
	float: left;
	background-image:url(../images/logo_06.png);
	text-indent:-9999px;
	width: 225px;
	height: 25px;
	position:absolute;
	left:20px;
	top:20px
}

.logo2 {
	float:right;
	background-image:url(../images/logo_10.png);
	text-indent:-9999px;
	position: absolute;
	right:20%;
	top:30%;
	width: 119px;
	height: 233px;
}

.momi {
	width: 950px;	
	height: 627px;	
	position:absolute;
	bottom:0px;
	right:0px;
	background-image: url(../images/momi.png)
}

/* * * * * * * * * * * * *
 * トップフッター
 * * * * * * * * * * *  */
#footer {
	width: 100%;
	min-width:950px;
	height: 45px;
	position:absolute;
	bottom:20px;
	background-image: url(../images/bg_05.png);
	background-repeat: repeat-x;
}
#footer_top {
	width: 960px;
	height: 45px;
	position:absolute;
	bottom:19px;
	background-image: url(../images/bg_05.png);
	background-repeat: repeat-x;
}

/* * * * * * * * * * * * *
 * 下部フッター
 * * * * * * * * * * *  */
#footer2 {
	float:left;
	width:950px;
	height: 45px;
	background-color: #aaa093
}

#logo3 {
	float:left;
	width: 196px;
	height: 45px; 
	background-image:url(../images/navi_13.png);
	text-indent:-9999px;
	
}
/* * * * * * * * * * * * *
 * ナビ
 * * * * * * * * * * *  */

/* sub navi */

#subnavi{
width:960px;
height:25px;
}

#subnavi ul{
position:absolute;
right:20px;
}

#subnavi li{
list-style-type: none;
display:inline;
}


.navi_link a {
text-indent:-9999px;
float:left;
background-image:url(../images/subnavi_06.png);
width:67px;
height:25px;
cursor: pointer;
}

.navi_contact a {
text-indent:-9999px;
float:left;
background-image:url(../images/subnavi_07.png);
width:83px;
height:25px;
cursor: pointer;
}

/* navi */

#navi {
	float: right;
	width: 754px;
	height: 45px;
	
}
#navi li{
list-style-type: none;
display:inline;
}


.navi_profile a {
float:left;
background-image:url(../images/navi_14.png);
width:151px;
height:0px;
padding-top: 45px;
cursor: pointer;
overflow:hidden;
}
.navi_performance a {

text-indent:-9999px;
float:left;
background-image:url(../images/navi_15.png);
width:131px;
height:45px;
cursor: pointer;
}
.navi_ticket a {

text-indent:-9999px;
float:left;
background-image:url(../images/navi_16.png);
width:132px;
height:45px;
cursor: pointer;
}
.navi_supporters a {
text-indent:-9999px;
float:left;
background-image:url(../images/navi_17.png);
width:132px;
height:45px;
cursor: pointer;
}

.navi_lesson a {

text-indent:-9999px;
float:left;
background-image:url(../images/navi_18.png);
width:101px;
height:45px;
cursor: pointer;
}

.navi_blog a {
text-indent:-9999px;
float:left;
background-image:url(../images/navi_19.png);
width:107px;
height:45px;
cursor: pointer;
}

/* * * * * * * * * * * * *
 * 下部ヘッダー
 * * * * * * * * * * *  */

#header {
	
	width:950px;
	height: 68px;
	
	background-image: url(../images/bg2_06.png);
	background-repeat: repeat-x;
}

#logo4 {
	float: left;
	background-image:url(../images/logo4_06.png);
	text-indent:-9999px;
	width: 168px;
	height: 34px;
	position:absolute;
	left:20px;
	top:20px
}



/* * * * * * * * * * * * *
 * メインコンテンツ
 * * * * * * * * * * *  */
#left {
	float: left;
	width: 192px;
	height:500px;
	
	background-color: #fffcf4;
	background-repeat: no-repeat;
	
	
}

#main{
	width: 757px;
	float: right;
	height:auto;
	background-image:url(../images/kabu1_32.png);
	margin:30px 0 45px 0;
}
#main h1{
	float:left;
	position:relative;
	margin-bottom:30px;
	top:20px;
	left:30px
}


#perf_cont {
width: 757px;
	float: right;
	height:auto;
	letter-spacing:0.2em;
}
#perf_cont p {
	color:#443A36;
	width:657px;
	margin-left:30px;
	line-height:140%
	
}
.lead {
	font-size:15px
}
#perf_cont h2{
letter-spacing:0.2em; 
font-size:20px;
width:657px;
color:#443A36;
padding:2% 15px;
border-color:#ede9e4;
border-width:0px 0px 0px 20px;
border-style:solid;
margin:20px 0 20px 30px;
background:#DDD6CC; }

#perf_cont h3{
letter-spacing:0.2em; 
width:700px;
margin:20px 0 0 30px;
height:40px;
border-bottom: 1px dotted #aaa093;
font-size:15px;
color:#443A36;
 }

#perf_cont table {color:#443a36; width:700px; line-height:130%; margin-left:30px }
#perf_cont sub{color:#827A71; font-size:11px}


.bonone {border-bottom:none}

#perf_cont img{margin:10px 0 0 0}

#perf_cont tr{padding-left:2px;}

#perf_cont th{padding-left:2px; height:25px;background-color:#DDD6CC;font-weight:normal;text-align:left}

#perf_cont td {padding-left:2px; height:50px; border-bottom: 1px dotted #aaa093; }


.m20{margin-bottom:}

.title {
font-size:14px;
margin:0px 0 0 30px;
padding:20px 0 15px 0;
width: 700px;
height:auto;
border-bottom: 1px dotted #aaa093;
}



/* * * * * * * * * * * * *
 * コピーライト subnavi
 * * * * * * * * * * *  */
#copyright {
	position:absolute;
	bottom:0px;
	width: 100%;
	height: 20px;
	text-align:left;
	margin:0;
	padding:0;
	background-color: black;
}
#copyright_top {
	position:absolute;
	bottom:-1px;
	width: 960px;
	height: 20px;
	text-align:left;
	margin:0;
	padding:0;
	background-color: black;
}
#copyright p,#copyright_top p{
	line-height: 20px;
	font-size: 11px;
	color: #626262;
	margin-left:25px;
}
.copyright2 {
	line-height: 20px;
	float:right;
	font-size: 11px;
	color: #ffffff;
	padding:20px 15px 0 0
}






/* * * * * * * * * * * * *
 * 公演について
 * * * * * * * * * * *  */


/* clearFix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
.toggleBtn {
	float: right;
	width: 57px;
	height: 0px;
	padding-top: 18px;
	margin-top: 10px;
	background-image: url(../images/op.gif);
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.closed {
	background-image: url(../images/cl.gif);
}


/* toggle */

#info02,
#info03,
#info04,
#info05{
	display: none;
}

.toggleBtn {
	float: left;
	width: 7px;
	height: 7px;
	
	background-image: url(../images/op.gif);
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.closed {
	background-image: url(../images/cl.gif);
}
/* ボックス要素 */
.box_border {
	float:left;
	width:706px;	
	border-top: 1px dotted #7Cb645;
	padding: 10px 0px 0px;
	margin: 0px 0px 10px 30px;
}
.box_border_s {
	background-color: #ffffff;
	border: 1px solid #7Cb645;
	padding: 5px 10px 5px;
}
.box_color {
	background-color: #F2FAE5;
	padding: 10px 10px 20px;
}
.box_color p {
	width : 97%;
	margin-left : 10px;
	
}
.line_tate {
	width: 130px;
	height: 10px;
	border-right: 1px solid #478c07;
}
.inside {
	margin-left: 64px;
}
.inside_r {
	margin-left: 88px;
}
.h3_icon {
	float: left;
	width: 7px;
	height: 7px;
	margin: 0px 21px 0px 0px;	
}

.box {
	background-color:#FFFFFF;
	margin:10px;
	padding:10px;
}

.box_cornerRound {
	background-color: #ffffff;
	border: 1px solid #E6E6E6;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-bottom-left-radius: 6px 6px;
	-webkit-border-bottom-right-radius: 6px 6px;
	-webkit-border-top-left-radius: 6px 6px;
	-webkit-border-top-right-radius: 6px 6px;
	padding: 10px;
}

.blockTable {
	width: 50%;
	border-collapse:collapse;
	margin-bottom: 10px;
}
.blockTable th{
	text-align: right;
	font-weight: normal;
	background-color:#F2FAE5;
	border:1px solid #C9CFC1;
	color: #555555;
	padding: 5px 10px 5px 10px;
	width: 165px;
}
.blockTable td{
	border:1px solid #C9CFC1;
	color: #555555;
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}

.blockTable_s {
	width: 100%;
	border-collapse:collapse;
}
.blockTable_s th{
	text-align: right;
	font-weight: normal;
	background-color:#F2FAE5;
	border:1px solid #C9CFC1;
	color: #555555;
	padding: 5px 10px 5px 0px;
	width: 76px;
}
.blockTable_s td{
	border:1px solid #C9CFC1;
	color: #555555;
	padding: 5px 0px 5px 10px;
	vertical-align: top;
}

.blockTable_r {
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 10px;
	margin-top: 10px;
}
.blockTable_r th{
	font-weight: normal;
	background-color:#7Cb645;
	border:1px solid #C9CFC1;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
}
.blockTable_r td{
	border:1px solid #C9CFC1;
	color: #555555;
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}
.required_mark {
	background-color: #FADDDD !important;
}
.bgCream {
	background-color: #F7F5D1 !important;
}
.even-row {
	background-color: #F2FAE5;
}


/* colorbox */


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{background:#000; margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}