@charset "UTF-8";


#bgKaso{
	background:url(../images/kaso_bg.jpg) no-repeat center fixed;
	background-size: cover;
	width:100%;
	padding:90px 0 ;
}

#bgKaso2{
	background:url(../images/kaso_bg.jpg) no-repeat center fixed;
	background-size: cover;
	width:100%;
	padding:50px 0 ;
}

#mainKaso{
	width:1200px;
	margin:0 auto;
}



/*

comment

*/

#commentTitle{
	background:url(../images/comment/title_comment.png) center no-repeat;
	width:400px;
	height:80px;
	margin:0 auto;
}

#comOkada{
	background:url(../images/comment/com_okada.png) no-repeat center;
	width:1200px;
	height:240px;
	margin:40px 0 50px;
}

#comYamazaki{
	background:url(../images/comment/com_yamazaki.png) no-repeat center;
	width:1200px;
	height:510px;
	margin:40px 0 50px;
}

.comline{
	background:url(../images/comment/line.png) no-repeat center;
	width:1000px;
	height:10px;
}


/*

introduction

*/

#bgIntro2{
	background: url(../images/introduction/img_newBg.jpg) no-repeat center bottom;
	background-size: cover;
	width:100%;
	padding:0 0 0 0;
}

#introImgNew01All{
	width:1200px;
	height:1310px;
	margin:0 auto;
	position:relative;
}

#introImgNew01{
	background:url(../images/introduction/img_new01.png) no-repeat no-repeat;
	z-index:1;
}

#introImgNew01m{
	background:url(../images/introduction/img_new01m.png) no-repeat no-repeat;
	z-index:2;
}

#introImgNew01,#introImgNew01m{
	background-size:100% auto;
	width:1200px;
	height:1310px;
	margin:0 auto;
	position:absolute;
}

#introImgNew02{
	background:url(../images/introduction/img_new02.png) no-repeat no-repeat bottom;
	background-size:100% auto;
	width:1200px;
	height:600px;
	margin:0 auto;
}

#bgIntro{
	background: url(../images/comment/bg_intro.jpg) no-repeat center bottom;
	background-size: cover;
	width:100%;
	padding:0 0  400px;
}

#introTitle{
	background: url(../images/introduction/title_introduction.png) center no-repeat;
	width:400px;
	height:80px;
	margin:50px auto 0;
}

#introAll{
	width:1200px;
	height:1041px;
	margin:40px auto 0;
}

#introImg01{
	background: url(../images/introduction/img_01.png) no-repeat center;
	width:1200px;
	height:310px;
	margin:0 auto;
}

#introImg02{
	background:url(../images/introduction/img_02.png) no-repeat center;
	width:1200px;
	height:301px;
	margin:0 auto;
}

#introImg03{
	background: url(../images/introduction/img_03.png) no-repeat center;
	width:1200px;
	height:430px;
	margin:0 auto;
}


/*

story

*/

#bgStory{
	background: #c8cdad url(../images/story/story_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
	width:100%;
	padding:0 0 35%;
}

#storyTitle{
	background: url(../images/story/m_story.png) center no-repeat;
	width:400px;
	height:80px;
	margin:50px auto 0;
}


#storyImg01{
	background: url(../images/story/story_img01.jpg) no-repeat center;
	background-size: auto 100%;
	width:100%;
	max-width:2000px;
	margin:40px auto 0;
}

#storyImg02{
	background: url(../images/story/story_img02.jpg) repeat-x center;
	background-size: auto 100%;
	width:100%;
	height:140px;
	margin:0 auto;
}

#storyImg02m{
	background: url(../images/story/story_img_m.png);
	width:100%;
	height:140px;
	margin:0 auto;
}

#storyTxt{
	background: url(../images/story/story_txt.png) no-repeat center;
	width:1200px;
	height:410px;
	margin:0 auto;
}

#storyTxtAll{
	width:1200px;
	height:410px;
	margin:0 auto;
}


/*

cast

*/

#bgCast{
	background-color:#FFFFFF;
	width:100%;
	padding:0 0 100px 0;
	position:relative;
}

#castAboutMenu{
	width:100%;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}

#castAll{
	width:100%;
	min-width:1200px;
	height:978px;
	z-index:1;
	top:0;
	left:0;
}

#cast01,#cast02,#cast03,#cast04,#cast05,#cast06,#cast07,
#cast08,#cast09,#cast10,#cast11,#cast12,#cast13{
	width:100%;
	height:630px;
}

#cast01{ background: #114778 url(../images/cast/img01.jpg) no-repeat center bottom;}
#cast02{ background: #988f80 url(../images/cast/img02.jpg) no-repeat center bottom;}
#cast03{ background: #2a3138 url(../images/cast/img03.jpg) no-repeat center bottom;}
#cast04{ background: #aba4a2 url(../images/cast/img04.jpg) no-repeat center bottom;}
#cast05{ background: #ecde9e url(../images/cast/img05.jpg) no-repeat center bottom;}
#cast06{ background: #b4a28d url(../images/cast/img06.jpg) no-repeat center bottom;}
#cast07{ background: #272e32 url(../images/cast/img07.jpg) no-repeat center bottom;}
#cast08{ background: #fff1d0 url(../images/cast/img08.jpg) no-repeat center bottom;}
#cast09{ background: #9c7f55 url(../images/cast/img09.jpg) no-repeat center bottom;}
#cast10{ background: #b5ada4 url(../images/cast/img10.jpg) no-repeat center bottom;}
#cast11{ background: #000000 url(../images/cast/img11.jpg) no-repeat center bottom;}
#cast12{ background: #d4e2ed url(../images/cast/img12.jpg) no-repeat center bottom;}
#cast13{ background: #b19a75 url(../images/cast/img13.jpg) no-repeat center bottom;}

#cast14{
	background:url(../images/cast/bg_chart.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:930px;
}

#castTxt01,#castTxt02,#castTxt03,#castTxt04,#castTxt05,#castTxt06,#castTxt07,
#castTxt08,#castTxt09,#castTxt10,#castTxt11,#castTxt12,#castTxt13{
	width:1200px;
	height:340px;
	margin:0 auto;
}

#castTxt01{ background:url(../images/cast/txt01.png) no-repeat center;}
#castTxt02{ background:url(../images/cast/txt02.png) no-repeat center;}
#castTxt03{ background:url(../images/cast/txt03.png) no-repeat center;}
#castTxt04{ background:url(../images/cast/txt04.png) no-repeat center;}
#castTxt05{ background:url(../images/cast/txt05.png) no-repeat center;}
#castTxt06{ background:url(../images/cast/txt06.png) no-repeat center;}
#castTxt07{ background:url(../images/cast/txt07.png) no-repeat center;}
#castTxt08{ background:url(../images/cast/txt08.png) no-repeat center;}
#castTxt09{ background:url(../images/cast/txt09.png) no-repeat center;}
#castTxt10{ background:url(../images/cast/txt10.png) no-repeat center;}
#castTxt11{ background:url(../images/cast/txt11.png) no-repeat center;}
#castTxt12{ background:url(../images/cast/txt12.png) no-repeat center;}
#castTxt13{ background:url(../images/cast/txt13.png) no-repeat center;}

#cast01dam{
	background: url(../images/cast/dam.png);
	width:100%;
	height:630px;
}


#castmenu{
	width:1106px;
	height:150px;
	margin:0 auto;
}

#castmenu ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#castmenu li{
	background-color:#000;
	width:75px;
	height:150px;
	display: inline; 
	padding: 0; 
	margin: 0 2px; 
	float: left;
	line-height:0;
}

#castmenu li.btncast01{background:url(../images/cast/btn01.jpg);}
#castmenu li.btncast02{background:url(../images/cast/btn02.jpg);}
#castmenu li.btncast03{background:url(../images/cast/btn03.jpg);}
#castmenu li.btncast04{background:url(../images/cast/btn04.jpg);}
#castmenu li.btncast05{background:url(../images/cast/btn05.jpg);}
#castmenu li.btncast06{background:url(../images/cast/btn06.jpg);}
#castmenu li.btncast07{background:url(../images/cast/btn07.jpg);}
#castmenu li.btncast08{background:url(../images/cast/btn08.jpg);}
#castmenu li.btncast09{background:url(../images/cast/btn09.jpg);}
#castmenu li.btncast10{background:url(../images/cast/btn10.jpg);}
#castmenu li.btncast11{background:url(../images/cast/btn11.jpg);}
#castmenu li.btncast12{background:url(../images/cast/btn12.jpg);}
#castmenu li.btncast13{background:url(../images/cast/btn13.jpg);}
#castmenu li.btncast14{background:url(../images/cast/btn14.jpg);}

#castmenSelect{
	width:1106px;
	height:3px;
	line-height:0;
	margin:0 auto;
	position:relative;
}

#castmenS01,#castmenS02,#castmenS03,#castmenS04,#castmenS05,
#castmenS06,#castmenS07,#castmenS08,#castmenS09,#castmenS10,
#castmenS11,#castmenS12,#castmenS13,#castmenS14{
	background-color:#ff9900; width:75px; height:4px; position:absolute; top:0;
}

#castmenS01{ left:2px;}
#castmenS02{ left:81px;}
#castmenS03{ left:160px;}
#castmenS04{ left:239px;}
#castmenS05{ left:318px;}
#castmenS06{ left:397px;}
#castmenS07{ left:476px;}
#castmenS08{ left:555px;}
#castmenS09{ left:634px;}
#castmenS10{ left:713px;}
#castmenS11{ left:792px;}
#castmenS12{ left:871px;}
#castmenS13{ left:950px;}
#castmenS14{ right:2px;  margin:40px 0 0 0;}


#cast14img{
	background:url(../images/cast/img_chart.png) no-repeat center;
	width:1200px;
	height:930px;
	margin:0 auto;
}

#cast14dam{
	background: url(../images/cast/dam.png);
	width:1200px;
	height:930px;
	margin:0 auto;
	position:relative;
}

#cast14btn01{
	width:181px;
	height:292px;
	position:absolute;
	top:218px;
	left:616px;
	z-index:1;
}

#cast14btn02{
	width:104px;
	height:132px;
	position:absolute;
	top:247px;
	left:258px;
	z-index:1;
}

#cast14btn03{
	width:104px;
	height:132px;
	position:absolute;
	top:247px;
	left:371px;
	z-index:1;
}

#cast14btn04{
	width:104px;
	height:132px;
	position:absolute;
	top:247px;
	left:487px;
	z-index:1;
}

#cast14btn05{
	width:104px;
	height:132px;
	position:absolute;
	top:419px;
	left:258px;
	z-index:1;
}
#cast14btn06{
	width:104px;
	height:132px;
	position:absolute;
	top:419px;
	left:371px;
	z-index:1;
}

#cast14btn07{
	width:104px;
	height:132px;
	position:absolute;
	top:419px;
	left:486px;
	z-index:1;
}

#cast14btn08{
	width:104px;
	height:131px;
	position:absolute;
	top:153px;
	left:866px;
	z-index:1;
}

#cast14btn09{
	width:104px;
	height:131px;
	position:absolute;
	top:121px;
	left:1037px;
	z-index:1;
}

#cast14btn10{
	width:103px;
	height:130px;
	position:absolute;
	top:403px;
	left:838px;
	z-index:1;
}

#cast14btn11{
	width:103px;
	height:131px;
	position:absolute;
	top:340px;
	left:997px;
	z-index:1;
}

#cast14btn12{
	width:104px;
	height:131px;
	position:absolute;
	top:637px;
	left:358px;
	z-index:1;
}

/*

staff

*/

#bgStaff{
	background: url(../images/staff/bg_staff.jpg) no-repeat center bottom;
	background-size: cover;
	width:100%;
	padding:0 0 500px;
}

#staffTitle{
	background: url(../images/staff/m_staff.png) center no-repeat;
	width:400px;
	height:80px;
	margin:50px auto 0;
}

#staffAll{
	width:1200px;
	margin:60px auto 0;
}

#staffImg{
	background: url(../images/staff/img_staff.png) no-repeat center;
	width:1200px;
	height:1282px;
	margin:0 auto;
}


/*

original

*/

#bgOriginal{
	background: url(../images/original/bg_original.jpg) no-repeat center bottom;
	background-size: cover;
	width:100%;
	padding:0 0 400px;
}

#originalTitle{
	background: url(../images/original/m_original.png) center no-repeat;
	width:400px;
	height:80px;
	margin:50px auto 0;
}

#originalAll{
	width:1200px;
	margin:60px auto 0;
}

#originalImg{
	background: url(../images/original/img_original.png) no-repeat center;
	width:1200px;
	height:820px;
	margin:0 auto;
}



/*

trailer

*/

#trailerTitle{
	background: url(../images/trailer/title_trailer.png) center no-repeat;
	width:400px;
	height:80px;
	margin:0 auto;
}

#swf{
	width:1120px;
	margin:0 auto;
	padding:20px 0;
	clear:both;
}

#flashcontent{
	width: 1120px;
	margin:0 auto;
}

#flasharart{
	width:100%;
	padding:350px 0 0 0;
	text-align:center;
}

.movarea{
	width:800px;
	padding:0 0 70px 0;
	margin:0 auto;
}

.movtitle{
	font-size:18px;
	line-height:1.0em;
	background-color:#fff;
	width:800px;
	color:#014a97;
	text-align:center;
	padding:10px 0;
}

.movie{
	width:800px;
	height:450px;
	margin:0 auto;
}


/*

trailer test

*/

.trailerTitle{
	background-color:#FFF;
	width:1120px;
	line-height:0;
	text-align:center;
	margin:0 auto;
	 opacity: 0.8;  
    filter: alpha(opacity=80);  
}

.trailerArea{
	background:#000000;
	width:1120px;
	height:630px;
	margin:0 auto 10px;
}

#trailermenu{
	width:380px;
	height:80px;
	margin:0 auto;
}

#trailermenu ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#trailermenu li{
	background-color:#000;
	width:180px;
	height:50px;
	display: inline; 
	padding: 0; 
	margin: 0 5px; 
	float: left;
	line-height:0;
}

#trTeaser01,#trTrailer{
	padding:50px 0 10px;
}



/*

column

*/

#bgColumn{
	background: url(../images/column/column_bg.jpg) center;
	width:100%;
	padding:0 0 50px;
}

#columnM{
	width:100%;
	height:100px;
	line-height:0;
	background:#000000 url(../images/column/column_m.png) center no-repeat;
}

#columnImg01{
	background:url(../images/column/column_img01.jpg) no-repeat center;
	background-size: cover;
	width:100%;
}
.columnTxt{
	width:1100px;
	margin:0 auto;
	padding:30px 0 0 0;
}

#columnBook{
	background:url(../images/column/column_img02.png) right bottom no-repeat;
	width:1100px;
	height:230px;
	margin:0 auto;
}

/*

vfx

*/

#bgVfx{
	background: #fff;
	width:100%;
	padding:0 0 50px;
}

#vfxM{
	background:url(../images/vfx/vfx_txt01.png) no-repeat center top;
	width:1100px;
	height:380px;
	margin:0 auto;
}

#vfxImg01{background:url(../images/vfx/vfx_img02.jpg) no-repeat center;}
#vfxImg02{background:url(../images/vfx/vfx_img03.jpg) no-repeat center;}

#vfxImg01,#vfxImg02{
	width:1100px;
	height:380px;
	margin:0 auto;
}

#vfxtxt01{background:url(../images/vfx/vfx_txt02.png) no-repeat center;
	width:1100px;
	height:1050px;
	margin:0 auto;
}


/*

pronote

*/

#proM{
	width:100%;
	height:150px;
	line-height:0;
	background: url(../images/pronotes/m_pronotes.png) center no-repeat;
}


#bgpro{
	background: url(../images/pronotes/bg.jpg) no-repeat left top;
	background-size:cover;
	width:100%;
	height:1300px;
}


#proAll{
	width:1200px;
	height:1000px;
	margin:0 auto;
}



#proDam{ background: url(../images/pronotes/img_dam.png) no-repeat center;}
#pro01{ background: url(../images/pronotes/img01.jpg) no-repeat center;}
#pro02{ background: url(../images/pronotes/img02.jpg) no-repeat center;}
#pro03{ background: url(../images/pronotes/img03.jpg) no-repeat center;}
#pro04{ background: url(../images/pronotes/img04.jpg) no-repeat center;}
#pro05{ background: url(../images/pronotes/img05.jpg) no-repeat center;}
#pro06{ background: url(../images/pronotes/img06.jpg) no-repeat center;}
#pro07{ background: url(../images/pronotes/img07.jpg) no-repeat center;}
#pro08{ background: url(../images/pronotes/img08.jpg) no-repeat center;}
#pro09{ background: url(../images/pronotes/img09.jpg) no-repeat center;}
#pro10{ background: url(../images/pronotes/img10.jpg) no-repeat center;}

#pro01,#pro02,#pro03,#pro04,#pro05,#pro06,#pro07,#pro08,#pro09,#pro10,#proDam{
	background-color:#FFFFFF;
	width:1150px;
	height:900px;
	margin:0 auto;
	padding:0 0 0 0;
}

#promenu{
	width:1150px;
	height:100px;
	padding:20px 0 3px;
	margin:0 auto;
}

#promenu ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#promenu li{
	background-color:#005a95;
	width:99px;
	height:99px;
	display: inline; 
	padding: 0; 
	margin: 0 11px 0 0; 
	float: left;
	line-height:0;
}

#promenu li.end{
	background-color:#005a95;
	width:99px;
	height:99px;
	display: inline; 
	padding: 0; 
	margin: 0 11px 0 30px; 
	float: left;
	line-height:0;
}


#proSelect{
	width:1150px;
	height:3px;
	line-height:0;
	margin:0 auto;
	position:relative;
	padding:0 0 20px 0;
}

#proS01,#proS02,#proS03,#proS04,#proS05,
#proS06,#proS07,#proS08,#proS09,#proS10{
	background-color:#ff9900; width:99px; height:4px; position:absolute; top:0;
}

#proS01{ left:30px;}
#proS02{ left:140px;}
#proS03{ left:250px;}
#proS04{ left:360px;}
#proS05{ left:470px;}
#proS06{ left:580px;}
#proS07{ left:690px;}
#proS08{ left:800px;}
#proS09{ left:910px;}
#proS10{ left:1020px;}


/*

about menu

*/

#aboutmenuAll{
	background: url(../images/about_menu/btn_bg.png);
	width:100%;
	height:50px;
}

#aboutmenuAll .list {
    padding: 0px;
    overflow: hidden;
    position: relative;
	line-height:0;
}

#aboutmenuAll .list ul {
    list-style: none outside none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
	line-height:0;
    left: 50%;
}

#aboutmenuAll .list ul li {
	height:50px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
	line-height:0;
    left: -50%;
}

#aboutmenuAll .list ul li.line {
	background:url(../images/about_menu/btn_a_line.png) center no-repeat;
	width:21px;
	height:50px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
	line-height:0;
    left: -50%;
}

.btnoff{
	opacity: 0.5;  
    filter: alpha(opacity=50);  
}