@charset "utf-8";

html{background:rgba(0,0,0,1.00);}

.pc{display: block;}
.sp{display: none;}

.align_cc{text-align: center;}
.align_ll{text-align: left;}
.align_cl{text-align: center;}
.inline{display: inline-block;}

.fc_white{color: rgba(255,255,255,1.00);}

body{margin:0;
	padding:0;
	background:url(../img/top01_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-text-size-adjust: 100%;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;}

img{border:none;}

a{text-decoration:none;}

.spacer30{width: 100%;
	height: 30px;}

#container{width:100%;
	min-width:960px;
	margin:0;
	padding:0;}

#header{width:100%;
	height:70px;}
	
.logo_header{height:50px;
	padding:10px 15px;
	overflow:hidden;}

.logo_header img{height:50px;}
	
#menu{width:100%;
	min-width:960px;
	height:40px;
	background:rgba(0,0,0,1.00);}
	
#menu ul{list-style:none;
	margin:0 auto;
	display:table;}
	
#menu ul li{display:table-cell;
	line-height:40px;
	padding:0 20px;}
	
#menu ul li img{}
	
.menu_top{width:47px;
	background:url(../img/top01_menu_top_a.png);}
.menu_top:hover{background:url(../img/top01_menu_top_b.png);}

.menu_about{width:135px;
	background:url(../img/top01_menu_about_a.png);}
.menu_about:hover{background:url(../img/top01_menu_about_b.png);}

.menu_member{width:65px;
	background:url(../img/top01_menu_member_a.png);}
.menu_member:hover{background:url(../img/top01_menu_member_b.png);}
	
.menu_news{width:65px;
	background:url(../img/top01_menu_news_a.png);}
.menu_news:hover{background:url(../img/top01_menu_news_b.png);}

.menu_info{width:65px;
	background:url(../img/top01_menu_info_a.png);}
.menu_info:hover{background:url(../img/top01_menu_info_b.png);}
	
.menu_movie{width:33px;
	background:url(../img/top01_menu_movie_a.png);}
.menu_movie:hover{background:url(../img/top01_menu_movie_b.png);}
	
.menu_stage{width:98px;
	background:url(../img/top01_menu_stage_a.png);}
.menu_stage:hover{background:url(../img/top01_menu_stage_b.png);}

.menu_top,.menu_top:hover,.menu_about,.menu_about:hover,.menu_member,.menu_member:hover,.menu_news,.menu_news:hover,.menu_info,.menu_info:hover,.menu_movie,.menu_movie:hover,.menu_stage,.menu_stage:hover{background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;}

.menu_top a,.menu_about a,.menu_member a,.menu_news a,.menu_info a,.menu_movie a,.menu_stage a{display:block;}

.page_title{width:100%;
	min-width:960px;
	height:120px;
	margin-top:15px;
	text-align:center;
	background:rgba(0,0,0,1.00);}
	
.page_title img{height:120px;}

#footer{width:100%;
	height:300px;
	background:rgba(0,0,0,1.00);
	text-align: center;}

.logo_footer{padding:30px 0;}

.footerlink1{width:100%;
	text-align:center;
	color:rgba(255,255,255,1.00);
	font-size:14px;}

.footerlink1 a{color:rgba(255,255,255,1.00);}
.footerlink1 a:hover{color:rgba(247,147,30,1.00);}

.footerlink2{height:50px;
	margin-top:30px;}

.footerlink2 img:hover{opacity:0.7;}

.copy{color:rgba(255,255,255,1.00);
	margin-top:50px;
	font-size:12px;}


/* テキスト */
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}

.tc_red{color:rgba(255,0,4,1.00);}
.tc_orange{color:rgba(255,126,0,1.00);}






@media screen and ( max-width:821px )
{
.pc{display: none;}
.sp{display: block;}
	
.align_cl{text-align: left;}
	
body{width: 100%;
	min-width: 100%;}
	
#container{width:100%;
	min-width:320px;
	margin:0;
	padding:0;}

#header{width:100%;
	height:70px;}
	
.logo_header{height:50px;
	padding:15px 15px;
	overflow:hidden;}

.logo_header img{height:50px;}
	


.page_title{width:100%;
	min-width:320px;
	height:50px;
	margin-top:15px;
	text-align:center;
	background:rgba(0,0,0,1.00);}
	
.page_title img{height:50px;}

#footer{width:100%;
	height:300px;
	background:rgba(0,0,0,1.00);
	text-align: center;}
	
.footerlink2{height:45px;
	margin-top:30px;}

	.footerlink2 img{height: 45px;}
	
.footerlink2 img:hover{opacity:1.0;}
}