	@charset "SHIFT_JIS";
	
	/* BODY */
	body { font-size: 12px; line-height:1.2em; color: #cccccc; background-color: #110000;  margin: 0px; padding: 0px; text-align:center; margin:0px auto;}
	html, body { width:100%;}
	img { border:none;}
	a { outline: none; }
	a:link { text-decoration: none; color: #333333;}
	a:visited { text-decoration: none; color: #333333; }
	a:hover { text-decoration: none; color: #FF9966; }
	a:active { text-decoration: none; }
	
	h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 10px; font-weight:normal; }
	strong { font-weight: normal;}
	p { margin: 0px; padding: 0px; }
	.img02 { padding:0px;}
	.img3 { padding:1px; background-color:#FFFFFF;}
	.img { padding:1px; background-color:#aaaaaa;}
	.img_right { float:right;}
	.img_left { float:left;}
	.btm_img { background-color: #ffffff; padding:0px;}
	.title { text-align:left; font-size:14px; color:#666666; padding:10px;}

h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; display: inherit; width:auto; height:auto;}

	/* TOP PAGE */

	.top_txt { width:auto; height:auto; margin:0px auto; margin-top:150px;}


	.language {filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; margin-left:3px; margin-right:3px;border-radius:10px; border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:#;}
	.language:hover { -webkit-transition-duration:1.0s; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border-radius:2px; border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:#FFFFFF;  }



	.header_area { width:100%; height:52px; background-color:#000; text-align:center;position: fixed; border-bottom-color:#111; border-bottom-style:solid; border-bottom-width:1px;}
	.header { width:940px; height:auto; margin:0px auto; text-align:left;}
	.header_sub { width:940px; height:auto; margin:0px auto; text-align:left; float:left;}
	.header_table { width:100%; height:60px;}
	
	.header_text { text-align:center; font-size:10px; color:#999; padding-top:5px;}

	.menu_area2 { text-align:right; height:60px;}
	.sub_main_logo { margin-left:10px;}
	
	.menu_img2 { height:80%; margin-right:0px;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;border-radius:00px; border-bottom-color:#000; border-bottom-style:solid; border-bottom-width:3px;}
	.menu_img2:hover { -webkit-transition-duration:1.0s; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border-bottom-color: #bb8822; border-bottom-style:solid; border-bottom-width:3px;}
	
	.menu_img3 { height:80%;  -webkit-transition-duration:1.0s; margin-right:15px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border-bottom-color: #bb8822; border-bottom-style:solid; border-bottom-width:3px;}
	.menu_img3:hover { -webkit-transition-duration:1.0s; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border-bottom-color: #bb8822; border-bottom-style:solid; border-bottom-width:3px;}
	
	.menu_img4 { height:80%;  -webkit-transition-duration:1.0s; margin-right:0px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border-bottom-color: #bb8822; border-bottom-style:solid; border-bottom-width:3px;}
	.menu_img4:hover { -webkit-transition-duration:1.0s; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border-bottom-color: #bb8822; border-bottom-style:solid; border-bottom-width:3px;}
	
	

	.main_logo { width:100%; height:auto; text-align:left; padding-top:100px; padding-left:10px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}
	.main_logo_img { height:auto;}
	
	.footer_area { width:100%; height:auto; background-color:#; text-align:center; bottom:0; margin-top:50px; background-image:url(../img/footer_bg.png);position: fixed; bottom:0;}
	.footer { width:940px; margin:0px auto; text-align:center; color:#CCCCCC;}
	
	.footer_area2 { width:100%; height:auto; background-color:#000; text-align:center; margin-top:20px; background-image:url(../img/footer_bg.png);}
	.footer2 { width:940px; margin:0px auto; text-align:center; color:#CCCCCC;}

	.contents_area { width:100%; height:auto; background-color:#000; text-align:center; margin-top:50px; padding-top:20px;}
	.contents { width:95%; height:auto; margin:0px auto; background-color:#090909; border-color:#111; border-style:solid; border-width:1px; padding:30px; font-size:1.2rem; line-height:2.8rem; text-align:left; border-radius:5px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}

	.sub_page_contents { background-color: #fff; padding:10px;
	   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
	}




	.mailform { width:90%; height:auto; float:left;}
	.inquiry01 { font-size:0.9rem; text-align:left; padding:3px; line-height:auto;}
	.inquiry02 { font-size:0.9rem; text-align:left; padding:3px;}
	.inquiry03 { font-size:12px; text-align:center;}
	
	.input01 {  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3); padding:5px;}
.input01:hover { background-color:#eee; color:#333;}

.button { border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   height:25px;
   padding:10px;
   cursor:pointer;
   color:#333;
   font-weight:normal;
   
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;}
   
.button:hover { background-color:#003366; color:#FFFFFF; text-decoration:none;text-shadow:0px 0px 0px #fff;}

.button_area { text-align:center;}

.inquiry_point { font-size:0.4rem; color:#cc0000; line-height:10px;}


	/* BODY */


.sub_page_contents_table { width:80%; height:auto; margin:0px auto; margin-top:20px; margin-bottom:20px;}
.sub_page_contents_txt_title { background-color:#110000; font-size:14px; text-align:left; color:#fff; padding:15px;
 -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   line-height:20px;
  
}
.sub_page_contents_txt { font-size:14px; color:#333; padding:5px; border-right-color:#110000; border-right-style:dotted; border-right-width:3px; border-bottom-color:#110000; border-bottom-style:dotted; border-bottom-width:3px;}
.sub_page_contents_txt2 { font-size:14px; color:#333; padding:10px; line-height:20px;border-bottom-color:#110000; border-bottom-style:dotted; border-bottom-width:3px;}

.sub_page_contents_txt3 { font-size:14px; color:#333; padding:10px; line-height:20px;border-bottom-color:#110000; border-bottom-style:dotted; border-bottom-width:3px; text-align:center;}

.sub_page_contents_txt p { color:#FFF; padding:15px; background-color:#110000;
 -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
}

.recruit_main { width:100%;}

.point { font-size:14px; background-color:#110000; color:#FFF; border-left-color:#110000; border-left-style:solid; border-left-width:3px; padding:5px;
 -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
}

.layout { width:100%; height:auto; text-align:center; margin-top:0px;}
.layout_table { width:940px; height:auto; margin:0px auto; text-align:left; background-color:#;}




.menu_area { width:100%; border-top-color:#FFF; border-top-style:solid; border-top-width:0px; border-bottom-color: #ee5555; border-bottom-style:solid; border-bottom-width:0px; text-align:center; padding:0px; height:100px; margin-top:10px; letter-spacing:0px; background:url(../img/menu_bg.png);}

.menu { width:940px; height: auto;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box; margin:0px auto;}
.menu_item { text-align:center; color:#333333; width:25%; border-radius:0px; border-bottom-color:#110000; border-bottom-style:solid; border-bottom-width:3px;}
.menu_item:hover { border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:3px; -webkit-transition-duration:1.5s; transition-duration:1.5s;}

.menu_img { width:35%; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border-radius:5px; border-color: #000; border-style:solid; border-width:0px;}
.menu_img:hover { -webkit-transition-duration:1.5s; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; background-color: #; border-color: #fff; border-style:solid; border-width:0px;}

.main_img { width:100%; height:508px; 

-moz-animation: anime1 8s ease 0s 1 alternate;
-webkit-animation: anime1 8s ease 0s 1 alternate;
animation: anime1 8s ease 0s 1 alternate;
}

.main_sub_img { width:100%; height:auto; 

-moz-animation: anime1 8s ease 0s 1 alternate;
-webkit-animation: anime1 8s ease 0s 1 alternate;
animation: anime1 8s ease 0s 1 alternate;
}

.introduction_main_img

/* make keyframes that tell the start state and the end state of our object */
@-moz-keyframes anime1 {
0% {opacity:0;}
100% {opacity:1.0;}
}

@-webkit-keyframes anime1 {
0% {opacity:0;}
100% {opacity:1.0;}
}
@-moz-keyframes anime1 {
0% {opacity:0;}
100% {opacity:1.0;}
}
@keyframes anime1 {
0% {opacity:0;}
100% {opacity:1.0;}
}

.introduction_txt { font-size:15px; text-align:left; padding:10px; color:#111;}
.introduction_title { color:#fff; font-size:24px; background-color:#996600; padding:10px; border-radius:5px;}
.introduction_profile { border-color:#FF6699; border-style:solid; border-width:3px; background-color: #fff; text-align:left; padding:10px; color:#000; border-radius:5px; line-height:21px;}
.introduction_point { font-size:18px;}
.introduction_point2 { background-color:#FF6699; padding:3px; border-radius:5px; color:#FFF; font-size:16px; margin-bottom:10px;}

.news_area {width:100%; height:auto; background-image:url(../img/trailer_bg3.png);}
.trailer { width:100%; height:auto; background-image:url(../img/trailer_bg.png); border-top-color: #ee5555; border-top-style:solid; border-top-width:0px;}
.trailer_table { width:940px; height:250px; margin:0px auto; text-align:center;border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}
.trailer_item1 { width:40%; height:auto; text-align:center; background-image:url(../img/trailer_bg2.png); border-top-left-radius:5px; border-bottom-left-radius:5px; border-left-color:#cc9900; border-left-style:solid; border-left-width:3px; border-top-color:#cc9900; border-top-style:solid; border-top-width:3px; border-bottom-color:#cc9900; border-bottom-style:solid; border-bottom-width:3px;}
.trailer_item2 { width:60%; height:auto; text-align:center; background-image:url(../img/trailer_bg2.png); border-top-right-radius:5px; border-bottom-right-radius:5px; border-right-color:#cc9900; border-right-style:solid; border-right-width:3px;  border-top-color:#cc9900; border-top-style:solid; border-top-width:3px; border-bottom-color:#cc9900; border-bottom-style:solid; border-bottom-width:3px;}
.trailer_txt { height:80%;}
.trailer_window { border-radius:5px; border-color: #FF6699; border-style:solid; border-width:5px; height:80%;}
.trailer_window:hover {border-color:#fff;-webkit-transition-duration:1.5s;}

.trailer_box { border-color:#FFFFFF; border-style:solid; border-width:3px;}

.news_headline { width:100%; height:auto; border-radius:5px; background-color:#FFFFFF; border-color:#cc9900; border-style:solid; border-width:3px; margin-top:30px; margin-bottom:10px;}
.news_headline_table {width:100%; height:auto;border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}
.news_headline_txt { color:#121212; text-align:left; padding-left:20px;}
.news_headline_txt a { color:#121212; text-decoration: underline;}
.news_headline_txt a:hover { color: #996600; text-decoration: underline;}

.credit_top { text-align:center;}
.credit_txt {color:#121212; text-align:left;}

.news_space { width:100%; height:auto;}
.news { width:100%; height:auto; border-radius:5px; background-color:;}
.news2 { width:100%; height:auto; border-radius:5px; background-color:; margin-top:10px;}
.news_table { width:100%; height:auto; background-color:#FFEDC9; border-color:#cc9900; border-style:solid; border-width:3px; border-radius:5px;}
.news_item { text-align:center; border-radius:5px; background-color:#; color:#333; padding:10px; line-height:24px;}
.ticket_info { background-color:#FF99CC; border-radius:5px; padding:5px; color:#fff; margin-top:10px; margin-bottom:10px;}

.news_title { text-align:left; padding-left:10px; padding-top:10px; padding-bottom:10px; color:#fff; background-color:#996600;}
.news_contents { text-align:left; padding:20px; color:#111;}
.news_deco { border-bottom-color:#996600; border-bottom-style:dotted; border-bottom-width:2px;line-height:23px;}
.news_deco2 { background-color: #996600; color:#FFF; padding:5px;}


.footer_text { font-size:10px; color:#CCC; text-align:center; width:100%; padding-top:5px; padding-bottom:5px; margin-top:30px; margin-bottom:10px;}
.bannar { text-align:center; background-color:#110000;border-color:#110000; border-style:solid; border-width:3px; 
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.bannar:hover { border-top-color:#FFFFFF; border-top-style:solid; border-top-width:3px; border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:3px; transition-duration: 2.0s; -webkit-transition-duration: 2.0s;
filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.bannar_img { width:98%;}

.bannar_club { width:95%; height:auto; text-align:center; padding:5px;}
.bannar_club_area { text-align:center;}
.bannar_club_area:hover { background-color:#040000;}


.input_space { width:80%; font-size:16px; background-color:#eee; color:#333; border-radius:5px; text-align:left; padding:5px;}
.input_space2 { width:80%; font-size:16px; background-color:#eee; color:#333; border-radius:5px; text-align:left; padding:5px;}
.input_space3 {font-size:16px; background-color:#333333; color:#bbbbbb; border-radius:5px; text-align:left; padding:5px;}

.button2 {padding:10px; background-color:#eee; color:#000; border-width:0px; border-radius:5px;}
.button2:hover { background-color:#110000; color:#fff; -webkit-transition-duration:1.0s;}
