@charset "UTF-8";
/* CSS Document */

body, html{
	background: #df7f03;
	display:block;
	height: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 98%;
	vertical-align: baseline;
}
body {
	line-height: 1.6em;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


a{ outline: none; text-decoration: none;}
a:focus { outline: none; }
    


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; }
del { color: #333; }
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */

.clearfix {zoom:1;}
.clearfix:after{
		content: ""; 
		display: block; 
		clear: both;
}



/* page style */
#pagewrap_h{ position: relative; min-height: 100%; height: auto !important; height: 100%;}
#pagewrap{ position: relative; min-height: 100%; height: auto !important; height: 100%; background: url(../imgs/body_bg.jpg);}
#page_top{ height: 141px; background: url(../imgs/menu_bg.jpg) repeat; position: relative; border-bottom: 5px solid #df7f03;}

#page_header{width: 960px; height: 141px; margin: 0 auto;}
#header_contents{position: relative;}
#header_contents p{ width: 225px; position: absolute; top: 0; left: 0;}
.home_wrap{ 	background: url(../imgs/body_bg.jpg); position:relative; z-index:0;}
#Home_content{ width: 980px; margin: 40px auto 0;  position: relative;}

#h_menu{ width: 190px; zoom: 100%; text-indent:-9999px;  overflow: hidden; position: absolute; top: 5px; right:  0; z-index: 50;}
.fixed{ position:fixed; left: 980px;}
.yt_lnk{ position:absolute; top:10px; left:10px;}
.yt_lnk2{ position:absolute; top:137px; left:10px;}
.yt_lnk3{ position:absolute; top:249px; left:10px;}
.yt_medal{ position:absolute; top:10px; right:60px;}

@media screen and (max-width: 980px) {
     .h_menu_box {
          width: 980px;
          margin: 0 auto;
     }
	 #h_menu{
		  width: 190px;
		  zoom: 100%;
		  text-indent:-9999px; 
		  overflow: hidden;
		  position: absolute;
		  top: 5px;
		  left:  790px;
		  z-index: 50;
	  }
}


#h_menu li{ list-style: none; padding: 0; margin: 0;}
#h_menu a{ display: block; height: 52px; }
.h_menu1 a{ width: 190px; background: url(../imgs/menu.png) no-repeat 0 0; }
.h_menu1 a:hover{ width: 190px; background: url(../imgs/menu.png) no-repeat 0 -52px; }
.h_menu2 a{ width: 190px; background: url(../imgs/menu.png) no-repeat -190px 0; }
.h_menu2 a:hover{ width: 190px; background: url(../imgs/menu.png) no-repeat -190px -52px; }
.h_menu3 a{ width: 190px; background: url(../imgs/menu.png) no-repeat -380px 0; }
.h_menu3 a:hover{ width: 190px; background: url(../imgs/menu.png) no-repeat -380px -52px; }
.h_menu4 a{ width: 190px; background: url(../imgs/menu.png) no-repeat -570px 0; }
.h_menu4 a:hover{ width: 190px; background: url(../imgs/menu.png) no-repeat -570px -52px; }
.h_menu5 a{ width: 190px; background: url(../imgs/menu.png) no-repeat -760px 0; }
.h_menu5 a:hover{ width: 190px; background: url(../imgs/menu.png) no-repeat -760px -52px; }
.h_menu6 a{ width: 190px; background: url(../imgs/menu.png) no-repeat -950px 0; }
.h_menu6 a:hover{ width: 190px; background: url(../imgs/menu.png) no-repeat -950px -52px; }



#main_menu2{ width: 648px; zoom: 100%; text-indent:-9999px; position: absolute; top: 76px; left:  312px; overflow: hidden;}
#main_menu2 li{ float: left; list-style: none; padding: 0; margin: 0;}
#main_menu2 a{ display: block; height: 65px; }
.menu1 a{ width: 108px; background: url(../imgs/menu_list.png) no-repeat 0 0; }
.menu1 a:hover{ width: 108px; background: url(../imgs/menu_list.png) no-repeat 0 -65px; }
.menu2 a{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -108px 0; }
.menu2 a:hover{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -108px -65px; }
.menu3 a{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -216px 0; }
.menu3 a:hover{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -216px -65px; }
.menu4 a{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -324px 0; }
.menu4 a:hover{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -324px -65px; }
.menu5 a{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -432px 0; }
.menu5 a:hover{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -432px -65px; }
.menu6 a{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -540px 0; }
.menu6 a:hover{ width: 108px; background: url(../imgs/menu_list.png) no-repeat -540px -65px; }


#contents_wrap_e{ width: 940px; margin: 0 auto; padding-bottom: 77px; }
.wrap_e{position: relative;}

.wrap_e h2{ text-align: center;  margin: 40px 0; padding: 0 0 27px;}
.line_orange{ border-bottom: 1px solid #df7f03;}
.line_pink{ border-bottom: 1px solid #f43966;}
.line_red{ border-bottom: 1px solid #bc0007;}
.line_brown{ border-bottom: 1px solid #563220;}
.line_green{ border-bottom: 1px solid #5faa31;}


#footer_h{position: relative; height: 130px; min-width: 100%; z-index: 50;}
.copy_h{ padding: 17px 0 0;  text-align: center; width: 960px; margin: 0 auto;}
.footer_line_h{ height: 25px; background: url(../imgs/footer_bg2.png) repeat-x top center; margin: -22px 0 0; position:relative; z-index: 30;}


#footer{ position: absolute;  bottom: 0; height: 77px; min-width: 100%;  z-index: 2; background: #df7f03;}
.copy{ padding: 17px 0 0;  text-align: center; width: 960px; margin: 0 auto;}
.copy_box{width: 960px; margin: 0 auto; position: relative;}
.footer_line{ height: 20px; background: url(../imgs/footer_bg.png) repeat-x top center; margin: -15px 0 0;}
.bana_ara{ height:60px; margin:10px auto 20px; width:810px;}
.bana_ara img{ margin-right:10px}
.kanban{ position: absolute; left: 63px; top: -150px; height: 145px; line-height: none !important;}
.dot_line{margin: 35px auto 25px;}


/* News Ticker */
.twitter_box{width: 100%; height: 40px; position: fixed; top: 0; left:0; background: #df7f03; z-index: 100;}
#ticker_wrap{ width: 980px; margin: 0 auto; background: #df7f03; overflow: hidden;}
#ticker_wrap p{ width: 28px; float: left; margin: 4px 0 0 10px;}
.ticker {
	width: 930px;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	position: relative;
	overflow: hidden;
}
.ticker ul {
	width: 920px;
	position: relative;
	white-space: nowrap;
}
.ticker ul li {
	width: 920px;
	height: 40px;
	padding: 8px 0 3px 5px;
	display: none;
	overflow: hidden;
	color: #fff;

	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}
.ticker a{ color: #fff;}


/* Home */
.content_btm{background: url(../imgs/menu_bg.jpg) repeat; margin: -8px 0 0;}
.content_btm_box{ width: 980px; margin: 0 auto;  position:relative;}

.Home_main{position: relative; border: none;}
.top_sayoko{ position: absolute; top: 342px; left: -70px;}
.Home_main_contents{ width: 960px; margin: 0 auto 20px; overflow: hidden; position: relative;}
.Home_main h2{ margin: 30px auto 35px;}
.Home_cast{ width: 772px; margin: 0 auto;}
.Home_cast p{ margin: 50px 0 46px;}
.Home_cast ul{ margin: 0 0 37px 37px; overflow: hidden;}
.Home_cast li{ width: 269px; float: left; margin: 0 40px 0 0;}
.foot_img{ /*width: 1080px;*/ margin: 0 auto; position: relative;}

.music{ position: absolute; top: 150px; left: 38px;}
.yokoku{ position: absolute; top: 150px; right: 36px;}




/* cast */
.cast{  padding: 0 0 40px; margin: -40px 0 40px;} 
.cast tr{ border-bottom: 1px solid #df7f03; margin: 0 0 40px;}
.cast th{ width: 275px; padding: 40px 49px 40px 28px; vertical-align:middle; }
.cast td{  font-size: 13px; line-height: 1.8em;  padding: 40px 29px 40px 0 ;}
.bx-wrapper .bx-viewport{
	width: 611px !important;
	padding: 0 0 30px;
	border-bottom: 1px solid #df7f03;
	margin: 30px 0 120px;
}
#cast_slide{
	font-size: 12px;
	line-height: 1.6em;
}
.thumbnail{ width: 941px; margin: 0 auto;}
.thumbnail li{ width: 113px; float: left; margin: 0 4px 0 0;}
.slide_box{ overflow: hidden;}
.slid_img{ width: 200px; float:left; margin: 0 10px 0 0;}
.slid_text{ margin: 15px 0 0;}
.slid_text .ttl{ font-size: 14px; font-weight: bold; color: #f43966;}
.slid_text .text{ width: 386px; float: left;}
.cast_foot_img{ position: absolute; bottom: -130px; left: 629px;  }


/* music */
.music_box{ overflow: hidden;}
.disc{ width: 298px; float: left; margin: 0 30px 0 0;}
.disc_text{ width: 611px; float: left; }
.disc_text .img{ margin: 0 0 35px;}
.disc_text .sale{ color: #f39700; font-size: 24px; margin: 22px 0 0;}
.disc_info{ margin: 15px 0 0; font-size: 12px; line-height: 1.8em;}
.music_prf{ margin: 0 0 40px; }
.music_prf h4, .music_site h4, .shachi_site h4{ margin: 0 0 20px;}
.music_site{ margin: 0 0 40px; }
.shachi_site{margin: 0 0 120px;}
.music_site a, .shachi_site a{ color: #f39800 !important; font-size: 18px; text-decoration: underline !important;}


/* story */
.story_top{ margin: 10px 0 0;}
.intro_box{ overflow: hidden;}
.intro_box .ttl{ margin: 14px 0 15px;}
.intro_box .top{ width: 522px; float: left; color: #3c9036;}
.intro_box .img{ width: 398px; float: right;}
.intro_box .bottom{ clear: both; color: #3c9036;}
.intro_ttl{ text-align: center;  margin: 0 0 25px !important; padding: 0 0 10px !important;}
.story_ttl{ text-align: center;  margin: 40px 0 25px !important; padding: 0 0 10px !important;}
.story_box .img{margin: 0 0 20px;}
.story_box .text{ color: #3c9036;}
.story_box .text_b{ width: 635px; color: #3c9036; margin: 0 0 120px;}
.story_foot_img{ position: absolute; bottom: -130px; left: 646px;}


/* news */
.news_box{ padding: 0 0 35px; margin: 0 0 0px; border-bottom: 1px solid #bc0007;}
.news_box_last{ padding: 0 0 35px; margin:35px 0 100px; border-bottom: 1px solid #bc0007;}
.box_b{ width: 597px; margin: 0 0 160px !important;}
.news_box .ttl{ font-size: 18px;}
.news_box .contect{ margin: 18px 0 0;}
.news_box .att{ padding: 30px 0 0; font-size: 12px;}
.news_foot_img{ position: absolute; bottom: -18%; left: 624px;}
.news_box h3{ color: #bc0007; font-size: 20px; line-height: 2em; padding-top: 15px; padding-bottom: 15px;}
.news_box a{ color: #bc0007;}
.img_mgn{ padding:10px 10px 10px 0px;}
/* secret */
.secret_ttl{ text-align: center;  margin: 40px 0; padding: 0 0 17px !important;}


/* theater */
.theater_att{ text-align: center; margin: 0 0 40px;}
#area_menu{ width: 936px; zoom: 100%; text-indent:-9999px;  overflow: hidden; margin: 32px auto 72px;}
#area_menu li{ float: left; list-style: none; padding: 0; margin: 0 5px 0 0;}
#area_menu a{ display: block; height: 50px; }
#area_menu .menu1 a{ width: 151px; background: url(../imgs/theater/area.png) no-repeat 0 0; }
#area_menu .menu1 a:hover{ width: 151px; background: url(../imgs/theater/area.png) no-repeat 0 -50px; }
#area_menu .menu2 a{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -158px 0; }
#area_menu .menu2 a:hover{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -158px -50px; }
#area_menu .menu3 a{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -316px 0; }
#area_menu .menu3 a:hover{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -316px -50px; }
#area_menu .menu4 a{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -475px 0; }
#area_menu .menu4 a:hover{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -475px -50px; }
#area_menu .menu5 a{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -632px 0; }
#area_menu .menu5 a:hover{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -632px -50px; }
#area_menu .menu6 a{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -790px 0; }
#area_menu .menu6 a:hover{ width: 151px; background: url(../imgs/theater/area.png) no-repeat -790px -50px; }

.theater_box{ margin: 0 0 120px;}
.theater_box h3{ color: #5faa31; font-size: 18px; border-bottom: 1px solid #5faa31; line-height: 2em;}
.theater_box table{ width: 940px; margin-bottom:50px; }
.theater_box td{ padding: 15px 0; border-bottom: 1px solid #5faa31; vertical-align:middle;}
.theater_box .left{ width: 260px; }
.theater_box .middle{ width: 315px; text-align: center; padding: 0 50px 0 0;}
.theater_box .name{ font-size: 16px; font-weight: bold;}
.theater_box .link{ color: #5faa31; text-decoration: underline; }

.pagetop{ max-width: 100%; min-width: 980px; text-align: right; margin: 20px 0 70px; }
.pagetop_b{ text-align: right; margin: 20px 0 120px; }



/* staff */
.staff_box{ padding: 23px 0 50px; border-bottom: 1px solid #5faa31; margin: 0 0 27px;}
.end{ width: 593px; margin: 0 0 127px !important;}
.staff_box h4{ font-size: 27px; color: #5faa31; margin: 0 0 20px;}
.staff_box p{ font-size: 13px; line-height: 1.8em; }
.staff_foot_img{ position: absolute; bottom: -140px; left: 610px;}

.ta_r{ text-align:right !important; display: block;}