/* * * * * * * * * * * * *
 * 基本設定
 * * * * * * * * * * *  */
* {
	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:fixed;
}
#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;
	
	top: 10px;
	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;
	
}
#page3 {
	width:950px;
	height:auto;
	float:left;
	background-image: url(../images/left_23.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#f8edce
	
}





/* * * * * * * * * * * * *
 * トップフッター
 * * * * * * * * * * *  */
#footer {
	width: 100%;
	min-width:960px;
	height: 45px;
	position:fixed;
	bottom:20px;
	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:950px;

height:25px;
background-color:#000000;
}
#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:45px
}

/* * * * * * * * * * * * *
 * メインコンテンツ
 * * * * * * * * * * *  */
#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 h4{
letter-spacing:0.2em; 
width:657px;
margin:20px 0 0 30px;
height:40px;
font-size:14px;
color:#007CA0;
 }
 
#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;
 }


#prof_cont {
width: 757px;
	float: right;
	height:auto;
	letter-spacing:0.2em;
}

#prof_cont p {
	font-size:15px;	
	color:#443A36;	
	margin-left:30px;
	line-height:210%
	
}

#prof_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; }

#prof_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;
 }


#prof_cont2 {
width: 757px;
	float: right;
	height:auto;
	letter-spacing:0.2em;
}
#prof_cont2 p {
	font-size:15px;
	color:#443A36;
	width:700px;
	margin-left:30px;
	line-height:160%
}


#prof_cont2 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 25px 30px;
background:#DDD6CC;
}

#prof_cont2 h3{
letter-spacing:0.2em; 
width:700px;
margin:25px 0 10px 30px;
height:35px;
border-bottom: 1px dotted #aaa093;
font-size:16px;
color:#443A36;
 }

.photobox{
float:right;
margin:20px;
width:294px;
}

.cap{
float:left;
font-size:12px;
color:#786c67;
}

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


/* * * * * * * * * * * * *
 * コピーライト
 * * * * * * * * * * *  */
#copyright {
	position:fixed;
	bottom:0px;
	
	width: 100%;
	text-align:left;
	background-color: black;
}
#copyright 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;}

/* 公演の表示 */

.show_n{
letter-spacing:0.2em; 
width:657px;
border-bottom: 1px dotted #aaa093;
font-size:14px;
color:#A90C24;
position: relative;
margin-bottom:10px;
left: 30px;

}
.show_p, .show_d{
letter-spacing:0.2em; 
width:657px;
font-size:13px;
color:#626971;
position: relative;
margin-top:5px;
margin-bottom:5px;
left: 30px
}
.show_s, .show_desc{
letter-spacing:0.2em; 
width:657px;
font-size:13px;
color:#626971;
position: relative;
left: 30px
}

.show_desc{
margin-bottom:30px
}

/* フォームボタン */

.csBtn{
color: #fff;
line-hight:27px;
padding:3px 4px;
border:1px solid #e69101;
background: #e69101 url(../images/btnimg_03.gif) left bottom repeat-x;
text-align: center;
} 
.csBtn2{
color: #000;
line-hight:27px;
padding:3px 4px;
border-top:3px double #edebe9;
border-left:3px double #edebe9;
border-right:3px double #6a6a6a;
border-bottom:3px double #6a6a6a;
background: #cecece url() left bottom repeat-x;
text-align: center;
} 
.csBtn3{
color: #fff;
line-hight:27px;
padding:3px 4px;
border:1px solid #05b1e6;
background: #05b1e6 url(../images/btnimg_05.gif) left bottom repeat-x;
text-align: center;
} 

.csBtn1 a:hover,.csBtn2 a:hover,.csBtn3 a:hover{
opacity: 0.7;
background: #017ce6 url(../images/btnimg_05.gif) left bottom repeat-x;
filter: alpha(opacity=70);
text-decoration:underline;
}
/* レッスン */

#less_cont {
width: 757px;
	float: right;
	height:auto;
	
	letter-spacing:0.2em;
}



#less_cont p {
	font-size:15px;	
	color:#443A36;
	
	margin-left:30px;
	line-height:210%
	
}
#less_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; }

#less_cont h3{
letter-spacing:0.2em; 
width:90%;
margin:20px 0 10px 30px;
padding:10px 0 0 20px;
height:30px;

background-color:#D9EAE6;
font-size:15px;
color:#443A36;
 }

.ad{font-size:12px;
margin:10px 0 0 30px;}

#less_cont table{
letter-spacing:0.2em; 
width:90%;
margin:20px 0 10px 30px;
font-size:15px;
color:#443A36;
 }

#less_cont table th{
text-align:left;
border-bottom: 1px dotted #aaa093;
margin:20px 0 0 30px;
padding:5px 0;
letter-spacing:0.2em; 
width:100px;

 }
#less_cont table td{
text-align:left;
border-bottom: 1px dotted #aaa093;

letter-spacing:0.2em; 
margin:20px 0 0 30px;
padding:5px 0;

 }
 
#less_cont table .tablemini {
margin:0px;
font-size:13px;
width:100%

 }
#less_cont table .tablemini tr {
width:100%;
border:none;
 }
#less_cont table .tablemini th {
text-align:left;

border-bottom: 1px dotted #aaa093;


 }
#less_cont table .tablemini td {
border:none;
 }