@charset "utf-8";




*{
margin :0;
padding:0;
}



img {
    border-style:none;	
}

a{cursor:pointer; outline:none;text-decoration: none;}
a:active{color:red;}
a:hover{color:red;}

#nav li a{ display: block; }



strong
{
color:#f00;
font-weight:bold;
}

hr{display:none;}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■about us■■■■■■■■■■■■■■■■■■■■■*/


.fireabout{line-height:35px;width:610px;padding:20px 0px 0px; margin:10px 10px 20px;font-size:140%;color:red; border:0px solid #999; border-bottom:2px solid #999;}

.fire2about{line-height:35px;width:610px; position: relative;left:-315px;padding:20px 0px 0 ; margin:10px 10px 20px;font-size:140%;color:green; border-bottom:2px solid transparent;}

.index{color:#000; font-size:130%;}
.f1{text-align:left; line-height:120%;}
.f2{text-align:right;line-height:120%;}
h3{font-size:100%; border:0px solid #999; padding:0px 10px;margin:10px 0px;}

.about-image,.about-image1,.about-image2{padding:0px 10px; max-width:295px; max-height: 295px;border:0px solid #555;}


.pager-gray{
	clear:both;
	height:10px;
	background-color:#eee;
 border-top:1px solid #999;

}

.mokuzi{
background:url(../siteimage/site/mokuzi.gif) 15px 0px repeat;
font-size:120%;font-weight:bold;text-align:center; padding:5px 10px;}

.kuwashiku{   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

font-size:120%;font-weight:bold;text-align:center; padding:5px 10px;border:1px solid #000;margin:0 10px;}

.about-body{width:295px;font-size:80%; line-height: 140%;	text-align:left;border:0px solid #555;
padding:0px 10px 15px 10px ;	   color:#000;}

.about-body-full{width:610px;font-size:80%; line-height: 140%;	text-align:left;border:0px solid #555;
padding:0px 10px 15px 10px ;	   color:#000;}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/






xmp {
display:none;
font-size:20px;
color:#f00;
font-weight:normal;
line-height:100%;
}
.torisetu
{
display:none;
clear:both;}



body {
	-webkit-text-size-adjust: 100%;
	background-color: #eee;


	
}


body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }




#centering820 {
	color: inherit;
	background-color: transparent;
	width: 850px;
	margin: 0 auto ;

}


.header-top{
	background-color:transparent; height:20px; width:850px;
	}
















.header-navi{
	width:850px;		
	background-color: #eee;
	float:left;
	padding:0px 0 0 ;
}
.header-navi {position:sticky;
position:-webkit-sticky;
top: 0px;}

.hidden
{display:none;}



.header-navi .buttons
 {margin:10px 0 0 ;
float:left;
position:relative;
width:630px;
height:160px; 

background-color:transparent;
}

.area1{outline:none;position:absolute;top:0px;left:0px;width:157px;height:160px;background:url(../siteimage/site/naviback2.gif) 0px 0px no-repeat;}
.area1:hover{border-bottom:3px solid #999;}
.area1:active{background:url(../siteimage/site/naviback2.gif) 0px 3px no-repeat;}
.area2{outline:none;position:absolute;top:0px;left:158px;width:158px;height:160px;background:url(../siteimage/site/naviback2.gif) -158px 0px no-repeat;}
.area2:hover{border-bottom:3px solid #999;}
.area2:active{background:url(../siteimage/site/naviback2.gif) -158px 3px no-repeat;}

.area3{outline:none;position:absolute;top:0px;left:316px;width:157px;height:160px;background:url(../siteimage/site/aboutus2.png) 0px 0px no-repeat;}
.area3:hover{border-bottom:3px solid #999;}
.area3:active{background:url(../siteimage/site/aboutus2.png) 0px 3px no-repeat;}

.area4{outline:none;position:absolute;top:0px;left:473px;width:157px;height:160px;background:url(../siteimage/site/naviback2.gif) -473px 0px no-repeat;}
.area4:hover{border-bottom:3px solid #999;}
.area4:active{background:url(../siteimage/site/naviback2.gif) -473px 3px no-repeat;}



.header-navi 
.side{
float:left;
padding:15px 0px;
width:220px;
height:140px;
background-color:transparent;
}


.kensaku{
	width:210px;

	text-align:left;
	margin:5px 15px;
}

.input {
font-size:100%;
font-weight:normal;
padding:5px 5px 5px 5px;
margin:0 0px 0px 0;
}

.submit{
font-size:80%;
font-weight:normal;
margin:0 0px 0px 5px;

}





/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#side-link-area{
	background-color:#eee;
 width:220px;
 float:left;
line-height:15px;
margin:0px 0px 0 0px;

}

#side-link-area .banner{font-size:70%;text-align:center; padding :10px 0 ;}




.counter{display:none;
	font-weight:bold;
	background-color:#fff;
	line-height:150%;
	color:#666;
	font-size:80%;
	padding:10px 30px;
height:60px;
	border-bottom:1px solid #999;
}

#side-link-area .twitter{width:215px; margin : 0px  5px; border-top:0px solid #ddd; border-bottom:0px solid #999;}



.whatsnewtitle
{width:213px;padding:10px 0px 5px 0px;margin:5px 0 0px 6px;background-color:#fff;font-weight:bold;font-size:100%;border-radius: 5px;}


.whatsnew
{width:193px;padding:10px 10px 10px 10px;margin:-5px 0 20px 6px; font-size:75%;background-color:#fff;border-radius: 5px;
overflow:auto;

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#centering630 {

	color: inherit;
	background-color:#fff;
	width: 630px;
	float:left;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom:30px;
}

.schedule { }
.toppage{ }







/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*//* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*//* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



.pager{
	clear:both;
	height:0px;
	background-color:#888;

}

.line{	clear:both;
	border-bottom:1px solid #555;
 }


.full-page{
	width:610px;
	margin:0px 0px 10px;
	padding:0px 10px;
	background-color:#fff;
display:table;

}


.head-sns{padding:20px 10px; font-size:11px;text-decoration:none;border-bottom:10px solid #eee;}
.twitter-share-button{margin:0 0 -5px;}
.head-info{padding:10px 0 10px;}



.full-page .title{
clear:both;
	font-family:'Verdana';
	background-color:#666;
	color:#fff;
	width:100%;
	font-size:300%;
	font-weight:bold;
	text-align:center;
	border-top :double 9px #fff;
	border-bottom :9px double #fff;
	line-height: 125%;
	padding:9px 0 14px;
	margin:5px auto 0;
}

.full-page .subtitle{
	font-size:40%;
	margin:0;
	text-align:center ;
	font-weight:bold;
	line-height: 140%;
	}


.full-page .comment{
	font-size:80%;
	font-weight:bold;
	line-height:140%;
	padding:10px 10px;
}


.full-page .align-center{
	text-align:center;
	font-weight:bold;
	line-height:100%;
	padding:10px 10px;
}



.space10{	width:610px;height:10px;
	margin:0 10px 0;
}

.space20{	width:610px;height:20px;

	margin:0 10px 0;
}


.contents{
	width:598px;height:30px;

		-webkit-text-size-adjust: 100%;
	border-bottom:2px solid #05f;
	font-weight:bold;
	font-size:19px;
	background-color:#eef;
	padding :10px 0px 8px 10px;
	margin:0px 10px 0;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		border-bottom:2px solid #05f;

	}
	
	
	
.jumper{color:#50f;	font-weight:bold;	font-size:19px; 		-webkit-text-size-adjust: 100%;
	line-height:18px; border:0; cursor:pointer; background-color:transparent;
	 font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	}



.full-page .title-image{

 	float:left;
	width:180px;
	padding :0px 10px 30px 0;
}


.full-page .top-image{
 	float:left;
	width-max:630px;
	padding :0px 10px 20px 0;
}


.pickup-title{
	color:#009;
	-webkit-text-size-adjust:auto;
	font-weight:bold;
	font-size:17px;
line-height:20px;

margin:0 10px 0;
padding:30px 0;
}

.full-page .pickup-text{
	-webkit-text-size-adjust:auto;
	font-size:15px;
	padding:0px  0  30px 5px;
line-height:19px;
}



.blue{color:#00f}
.red{color:#f00}
.green{color:#0f0}
.brown{font-weight:bold; color:#f55; font-size:110%;}
big{font-weight:bold; color:#000; font-size:110%;}

.bg-yellow{background-color:#ffd}
.bg-blue{background-color:#def}
.bg-gray{background-color:#ddd}
.bg-red{background-color:#fdd}	
.bg-green{background-color:#dfe}	


.text{

	-webkit-text-size-adjust: 140%;
	font-size:80%;
line-height:17.6px;
font-weight:bold;
padding:10px 10px;
background-color:#eee;
}



/* ■■■■■■■■■■■■スケジュールなど、左右はんぶんページ■■■■■■■■■■■■■■■■■■■■■■■■*/






.half-page{
	width:315px;
	margin:0;
	padding:0px 0px 2px;

}

.full-page{
	width:630px;
	margin:0;
	padding:0px 0px 2px;

}


.left{
	width: 315px;
	float:left;
	background-color:transparent;
	margin:0 0 30px;
	text-align:left;
}

.full{
	width: 630px;
	float:left;
	background-color:transparent;
	margin:0 0 30px;
	text-align:left;
}


.right{
	width: 315px;
	float:right;
	background-color:transparent;
	margin:0 0 30px;
	text-align:left;
}

.mapleft{
	width: 315px;
	float:left;
	background-color:transparent;
	text-align:left;
}

.mapright{
	width: 315px;
	float:right;
	background-color:transparent;
	text-align:right;
}




.left-twitter{

	width: 300px;
	height: 150px
	float:left;
	background-color: #fff;
	padding:0;
	margin:0;
}







.half-page
 .date {
  width:100%;
	background-color: #eee;
	font-weight:bold;
	font-size: 150%;
	font-family:'Verdana';
	text-align:center;
	border-top :1px solid #bbb;
	border-bottom :1px solid #bbb;
 	margin:0px;
	padding:10px 10px 15px;
}





 .datef{
	background-image: url(../image/site/schedule-back.p);
	background-repeat: no-repeat;
	background-position: 0px -0px;
 width:610px;
	font-weight:bold;
	font-size: 180%;
	font-family:'Verdana';
	text-align:left;
	padding:3px 0px 10px;
	margin:0 10px;
}

 .date2{
 width:610px;
 position: relative;
 left:-315px;
	font-weight:bold;
	font-size: 180%;
	font-family:'Verdana';
	text-align:right;
	padding:3px 0px 10px;
		margin:0 10px;

}





.weekday {
	width:610px;
	font-size:70% ;
	color:#070;
	padding:0 0px 5px;
	line-height: 100%;

		border-bottom:2px solid #070;
}

.saturday {
	width:610px;
	font-size:70% ;
	color:#00d;
	padding:0 0px 5px;
	line-height: 100%;

		border-bottom:2px solid #00d;
}

.holiday {
	width:610px;
	font-size:70% ;
	color:#d00;
	padding:0 0px 5px;
	line-height: 100%;
		border-bottom:2px solid #d00;
}





.half-page
.pickup-image{padding:15px 10px 0px; max-width:295px; max-height: 295px;border:0px solid #555;}


.half-page
 .title
	{width:295px;	color:#000;font-size:100%; margin:0 0px; padding:0px 10px 0px;font-weight:bold;line-height: 140%; border:0px solid #f55;}
	
	
.half-page
 .presents
	{width:295px;	color:#000;font-size:80%; margin:0 0px; padding:0 10px;font-weight:bold;line-height: 140%;border:0px solid #555;}

.half-page
 .subtitle
 	{width:295px;	color:#000;font-size:80%; margin:0 0px; padding:0 10px; font-weight:bold;line-height: 140%;border:0px solid #555;}

.half-page
 .cast{width:295px;font-size:90%;padding:15px 10px 15px 10px; font-weight:bold; line-height: 160%;color:#000;
	}
	
.half-page
 .comment
	{width:295px;font-size:80%;clear:both; line-height: 140%;	text-align:left;border:0px solid #555;
		padding:0px 10px 15px 10px ;	   color:#000;}
.comment-img
	{float:left; padding:5px 7px 0px 0;text-align:left;}
 .comment-center
	{width:295px;font-size:80%;;clear:both; line-height: 140%;	text-align:center;border:0px solid #555;
		padding:15px 10px 15px 10px ;	   color:#444}
ul{padding:1ex 0 0 0;}
li{padding : 0 0 0 1em;list-style-type:	none; text-align:left;}
	
.time-fee
	{width:295px;	padding:0 10px 5px;font-family: Arial ;	font-size:90%; 	font-weight:bold;	clear:both;		line-height: 150%;	 color:#000;border:0px solid #555;
	}



	
	
	
	
	
	
	
	
.staff{-webkit-text-size-adjust:auto;
	margin:10px 0 10px;
}

.staffimage{
float:left;
padding:4px 10px 0px 0;
}

.staffpager{
	height:10px;
	background-color:#fff;}

.staffname{float:right;
	-webkit-text-size-adjust:auto;
	width:185px;
	background-color:#fff;
	border-bottom:solid 1px #777;
	font-weight:bold;
	font-size:100%;
	line-height:120%;
	padding:5px 0px ;
	margin:0 0 5px;
}

.staffposi{font-size:80%; color:#333; padding:0 0 0 0px;;-webkit-text-size-adjust:auto; line-height:140%;}
.staffcomment{font-size:80%;-webkit-text-size-adjust:auto;line-height:160%;}