/* @group index */

a {
	text-decoration: none;
}

a:link {
	color: #186fb2;
}

a:visited {
	color: #186fb2;
}

a:hover {
	color: #df004a;
}

p {
	color: #000000;
	margin: 0;
	padding: 0;
}

p.right {
	text-align: right;
}

img {
	border: 0;
}

html,body {
	text-align: center;
    font:13px "ＭＳ Ｐゴシック",helvetica,arial,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}

table {
    font:13px "ＭＳ Ｐゴシック",helvetica,arial,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#header img{
	border: 0px;
	margin: 0;
	padding: 0;
}

#container {
	width: 950px;
	margin: 0 auto;  
	text-align: left; 
}

#header {
	padding: 0;
	margin: 0;
}

#header ul#hMenu01 {
	position:relative;background:#3D243C;height:23px;text-align:right;margin:0;padding:0 20px 0 0;
}

#header ul#hMenu01 li {
	list-style:none;display:inline;
}
#header ul#hMenu02 {
	position:relative;background:#000;height:29px;text-align:center;margin:0;padding:0;
}

#header ul#hMenu02 li {
	list-style:none;display:inline;
}





#sheat {
	margin: 0;
	padding: 0;
}

#main {
	width: 950px;
	margin-top: 32px;
}

#left{
	width: 217px;
	float: left;
}

.leftproduce{
	background-color: #fee6f6;
	padding-bottom: 8px;
}

.leftowabi{
	background-color: #ddd;
	padding-bottom: 8px;
	margin-top: 30px;
}

.leftcollective{
	background-color: #fdd9d7;
	padding-bottom: 8px;
	margin-top: 30px;
}

#centerleft{
	width: 217px;
	margin-left: 27px;
	float: left;
	background-color: #ebe8fe;
}

#centerright{
	width: 217px;
	margin-left: 28px;
	float: left;
	background-color: #fdf3de;
}

#right{
	width: 217px;
	margin-left: 27px;
	float: left;
	background-color: #e1fdd3;
}

#rightmenu{
	width: 217px;
	margin-left: 27px;
	float: left;
	margin-top: 30px;
}

#left2{
	width: 461px;
	float: left;
	margin-bottom: 48px;
}

#right2{
	width: 461px;
	float: right;
	margin-bottom: 48px;
}

.right3 {
	width: 706px;
	margin-left: 27px;
	float: left;
	margin-bottom: 48px;
	position: relative;
}

.blackbar {
	margin-bottom: 14px;
}

.graybar {
	width: 462px;
	background-color: #999999;
	margin-bottom: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.graybar p {
	font-size:116%;
	line-height:130%;
	color: #ffffff;
	margin-left: 24px;
	margin-right: 24px;
}

.graybar small {
	font-size:77%;
}

.wordgraybar{
	font-size: 108%;
	line-height: 160%;
	color: #186fb2;
}

.flyer {
	margin-bottom: 48px;
/*	border-left: 2px solid silver;	*/
/*	padding-left: 8px;	*/
/*	background-color: #ebe8fe;	*/
}

.menu {
	margin-bottom: 48px;
	border: 1px solid silver;
	padding: 15px;
}

.flyer img {
	margin-bottom: 8px;
}

.flyer p.nowplaying {
	font-size:85%;
	color: #df004a;
	margin-bottom: 4px;
}

.flyer p.performer {
	font-size:100%;
}

.flyer p.name, .menu p.list {
	font-size:138.5%;
/*	color: #186fb2;	*/
	padding-bottom: 4px;
}

.flyer p.date {
	font-size: 100%;
	padding-bottom: 6px;
}

.perform p.place{
	font-size: 100%;
	margin-bottom: 12px;
}

.flyer big {
	font-size: 153.9%;
}

.flyer p.comment {
	font-size: 93%;
	line-height: 150%;
}

.flyer p.more {
	font-size:85%;
	color: #186fb2;
	text-align: right;
}

.flyer object.youtube {
	padding-bottom: 8px;
}

.menu p.list {
	font-size:123.1%;
	color: #186fb2;
	line-height: 160%;
	padding-bottom: 4px;
}

.mokuji {
	width: 217px;
}

.mokuji ul{
	margin: 0;
	padding: 0;
}

.mokuji li{
	list-style-type: none;
	margin-bottom: 10px;
}

.bluebar {
	width: 100%;
	height: 20px;
    line-height:17px;
	background-color: #186fb2;
	margin-bottom: 12px;
}

.bluebar p.bluebartext{
	font-size: 116%;
	color: #ffffff;
}

.textblock {
	width: 706px;
}

.textblock td {
}

.leadblock {
	width: 462px;
	margin-bottom: 48px;
}

.leadblock h1{
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 20px;
	padding: 0;
}

.leadblock p.lead {
	font-size: 108%;
	line-height: 170%;
	color: #333333;
}

.text {
	width: 462px;
	margin-bottom: 48px;
}

.text p.honbun,.text blockquote {
	font-size: 108%;
	line-height: 170%;
	color: #333333;
}

.text p.title1,
.text span.title1 {
	font-size:167%;
	margin-top: 8px;
	margin-bottom: 8px;
}

.text p.title2,
.text span.title2 {
	font-size:131%;
}

.graybar p.title1,
.graybar span.title1 {
	font-size:167%;
	margin-top: 8px;
	margin-bottom: 8px;
}

.graybar p.title2,
.graybar span.title2 {
	font-size:131%;
}

/*.title {
	margin-top: 18px;
	margin-bottom: 18px;
}*/

.title p.maintitle {
	font-size: 138.5%;
	line-height: 170%;
	color: #333333;
}


.text_xfile {
	width: 332px;
	margin-bottom: 48px;
}

.photo_xfile {
	width: 337px;
}

.photo {
	width: 217px;
}

.photo img,.performancephoto img{
	margin-bottom: 4px;
}

.photo p,.performancephoto p{
	font-size:85%;
	line-height: 150%;
	margin-bottom: 24px;
}

.repertoire{
	width: 950px;
	height: 199px;
	margin-bottom: 17px;
	clear: both;
}

.repertoireabout{
	width: 950px;
	margin-bottom: 24px;
	text-align: center;
	border: 1px solid black;
	padding-top: 10px;
	padding-bottom: 10px;
}

.repertoireabout span.repertoireabout1{
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 24px;
}

.repertoireabout span.repertoireabout2{
	font-size: 100%;
	margin-bottom: 24px;
}

.repertoire small, .repertoireabout small{
	font-size: 50%;
}

.image_k{
	border: 1px solid #bfbfbf;
	margin-right: -2px;
}

.repertoireflyer {
	float: left;
	padding-bottom: 24px;
}

.repertoiretext {
	width: 706px;
	margin-left: 245px;
}

.repertoiretitle {
	width: 706px;
	margin-bottom: 48px;
	float: left;
	/*margin-left: 27px;*/
}

.repertoiretitle p.date{
	font-size: 167%;
	margin-bottom: 12px;
}

.repertoiretitle p.place{
	font-size: 167%;
	margin-bottom: 12px;
}

.repertoiretitle big{
	font-size: 189%;
}

.repertoiretitle small{
	font-size: 50%;
}

.repertoiretitle p.performer,
.repertoiretitle p.title{
	font-size: 182%;
}

.repertoiretitle p.name{
	font-size: 262%;
	font-weight: bold;
}

.repertoiretitle p.credit{
	font-size: 146.5%;
	line-height: 150%;
}

.repertoiremore {
	width: 706px;
	float: left;
	/*margin-left: 27px;*/
	margin-bottom: 48px;
}

.reportoiremore ul{
	margin: 0;
	padding: 0;
}

.column2l{
	float: left;
	width: 339px;
	margin-bottom: 48px;
}

.column2r{
	float: left;
	width: 339px;
	margin-left: 28px;
	margin-bottom: 48px;
}

.column1{
	clear: both;
	width: 706px;
	margin-bottom: 48px;
}

.word{
	font-size: 108%;
	line-height: 160%;
	color: #186fb2;
	font-weight: bold;
}

.word2{
	font-size: 123.1%;
	line-height: 160%;
}

.repertoiremore h4{
	font-size: 138.5%;
	margin: 42px 0 4px;
	padding: 0;
	border-bottom: 1px solid #000;
}

h5{
	font-size: 138.5%;
	margin: 42px 0 4px;
	padding: 0;
	border-bottom: 1px solid #000;
}

.staff th {
	font-size: 108%;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	line-height: 145%;
}

.staff td {
	font-size: 108%;
	vertical-align:top;
	line-height: 145%;
}

.performer{
	font-size: 100%;
	line-height: 140%;
	padding: 0;
	margin: 3px 3px 0;
}

.performer dd{
	margin-bottom: 10px;
	margin-left: 13px;
}

#timetable {
	margin:0 0 5px 0;
}

#timetable th {
	border:solid 1px #333;
	background:#ccf;
	font-weight:normal;
	padding:2px 3px 1px;
}

#timetable td {
	border:solid 1px #333;
	padding:2px 3px 1px;
}

#brief dt{
	padding-left: 8px;
}

#brief dd{
	margin-bottom: 8px;
}

.clearfloat{
	clear: both;
}

.yearlist{
	margin-bottom: 10px;
	background-color: #d2cdfe;
}

.monthlist{
	width: 217px;
	float: left;
}

.monthlist p{
	font-size: 131%;
	border-bottom: 1px solid gray;
	background-color: #ebe8fe;
}

.monthlist ul{
	margin: 0;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom: 24px;
	background-color: #ebe8fe;
}

.monthlist li{
	font-size:93% ;
	list-style-type: none;
	padding-bottom: 16px;
}

.right3 p.month{
	font-size: 153.9%;
	margin: 0 0 24px;
	padding: 0;
	border-bottom: 1px solid #000;
	font-weight: bold;
}

.performancelist{
	width: 706px;
	float: left;
	margin-bottom: 48px;
	clear:both;
}


.performanceflyer{
	width: 141px;
	float: left;
}

.performancetitle{
	width: 537px;
	margin-left: 28px;
	float: right;
}

.workshoptitle{
	width: 706px;
	float: right;
}

.performancetitle p.date,
.workshoptitle p.date{
	font-size: 131%;
	margin-bottom: 12px;
}

.performancetitle p.place,
.workshoptitle p.place{
	font-size: 131%;
	margin-bottom: 12px;
}

.performancetitle big,
.workshoptitle big{
	font-size: 153.9%;
}

.performancetitle p.performer,
.performancetitle p.title,
.workshoptitle p.performer,
.workshoptitle p.title{
	font-size: 161.6%;
}

.performancetitle small,
.workshoptitle small{
	font-size: 50%;	
}

.performancetitle p.name,
.workshoptitle p.name{
	font-size: 200%;
	font-weight: bold;
}

.performancetitle p.credit,
.workshoptitle p.credit{
	font-size: 108%;
	line-height: 150%;
}

#footer {
	clear: none;
	float: left;
	width: 950px;
	height: 27px;
    line-height:27px;
	background-color: #000;
}

#gotop {
	clear: none;
	float: right;
	width: 950px;
	height: 27px;
    line-height:27px;
	text-align: right;
	margin-bottom: 20px;
}

#sitemap {
	margin-left: 12px;
	float: left;
}

#sitemap p.blackmenu{
	color: #fff;
	font-size:93%;
}

#search {
	margin-right: 12px;
	float: right;
}

/* @end */

/* @group formmmail */

.form_item{
	margin-bottom: 24px;
}
div.error {
width: 400px;
background-color: #fcc;
padding: 6px;
}

/* @end */

/* @group index */
.boxgrid{
	width: 950px;
	height: 520px;
	margin: 0px 0px 17px;
	float:left;
	border: 0px;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 520px;
	width:950px;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
 	top: 470;
 	left: 0;
}
.caption .boxcaption {
 	top: 440;
 	left: 0;
}
.cover{
	padding: 0;
}
.covertext{
	margin: 15;
}
.cover span, .cover h1{
	font-weight:bold;
	color: white;
	font-size: 123.1%;
	margin: 0;
	padding: 0;
}
.cover p{
	color: white;
	font-size: 108%;
}
h2{
	font-size: 138.5%;
	margin: 42px 0 4px;
	padding: 0;
}


/* @end */


/* @group textsize */
.10-77% { font-size:77%; }
.11-85% { font-size:85%; }
.12-93% { font-size:93%; }
.13-100% { font-size:100%; }
.14-108% { font-size:108%; }
.15-116% { font-size:116%; }
.16-123.1% { font-size:123.1%; }
.17-131% { font-size:131%; }
.18-138.5% { font-size:138.5%; }
.19-146.5% { font-size:146.5%; }
.20-153.9% { font-size:153.9%; }
.21-161.6% { font-size:161.6%; }
.22-167% { font-size:167%; }
.23-174% { font-size:174%; }
.24-182% { font-size:182%; }
.25-189% { font-size:189%; }
.26-197% { font-size:197%; }
/* @end */