@charset "shift_jis";

/*----------------------------------
	reset 
----------------------------------*/
html { overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { padding: 0; margin: 0; }
fieldset, img, table { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
pre, code, kbd, samp, tt { font-family: monospace; line-height: 99%; }
h1, h2, h3, h4, h5 { font-size: 100%; font-weight: bold; }
em, strong { font-weight: bold; text-decoration: none; }
sub { font-size: x-small; vertical-align: baseline; }

/*----------------------------------
	clearfix 
----------------------------------*/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
*:first-child+html .cf { zoom: 1; } /* IE7 */

.clear { clear: both;}

/*----------------------------------
	common 
----------------------------------*/
body { 
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",meiryo,"ＭＳ Ｐゴシック","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif; 
}

html>/**/body { font-size: 12px;}

.small,
.note { font-size: 10px; line-height: 1.3;}
.floatleft { float: left; }
.floatright { float: right; }
.alignleft { text-align: left; }
.alignright { text-align :right }
.aligncenter { text-align: center; }
.vmid { vertical-align: middle; }
.vtop { vertical-align: middle; }
.vbottom { vertical-align: middle; }

.section { width: 660px; clear: both; padding: 0 5px;}
.ma5 { margin-bottom: 5px;}
.ma10 { margin-bottom: 10px;}
.ma15 { margin-bottom: 15px;}
.ma20 { margin-bottom: 20px;}
.ma25 { margin-bottom: 25px;}
.ma30 { margin-bottom: 30px;}
.ma35 { margin-bottom: 35px;}
.ma40 { margin-bottom: 40px;}
.ma45 { margin-bottom: 45px;}
.ma50 { margin-bottom: 50px;}


/*----------------------------------
	link
----------------------------------*/
a { text-decoration: underline; }
a:focus { outline: none; }
a:hover { text-decoration: none; }


/*----------------------------------
	layout elements
----------------------------------*/
html { height: 100%;}
body { height: 100%; background-color: #000; min-width: 960px; width: auto !important;}
#wrapper, #wrapper_inner, #flashcontent, #noflash, #header, #main { display:block; position: relative;}
#wrapper { width: auto; min-height: 100%; height: auto !important; height: 100%;}
body > #wrapper { height: auto;}
#wrapper_inner { width: 100%; min-height: 100%; height: auto !important; height: 100%; padding-bottom: 70px;}
#flashcontent { display: none; }
#noflash { width: 960px; margin: 0 auto; }
#noflash_btm { width: 960px; margin: 0 auto; }
#header { width: 960px; height: 165px; }
#main { width: 960px; margin: 0; }
#footer { width: 100%; height: 105px; background: url("../img/bg_ft.jpg") repeat-x center 31px; position: absolute; bottom: 0; clear: both; }

/* #wrapper background */
#home #wrapper{ background: url("../img/bg_home_re.jpg") repeat-x center top; background-size:1600px 2000px;}
#about #wrapper, #arstory #wrapper, #ghostcamera #wrapper, #horrornote #wrapper, #productionnote #wrapper, #anotherstory #wrapper, #report #wrapper{ background: url("../img/bg_in02.jpg") repeat-x center top; background-size:1600px 3000px;}
#movie #wrapper { background: url("../img/bg_movie.jpg") repeat-x center top; background-size:1600px 700px;}
/* #wrapper_inner background */
#home #wrapper_inner{ background: url("../img/bg_home.jpg") no-repeat center 648px; background-size:1600px 710px;}
#about #wrapper_inner { background: url("../img/bg_about.jpg") no-repeat center top; background-size:1600px 1730px;}
#arstory #wrapper_inner { background: url("../img/bg_arstory.jpg") no-repeat center top; background-size:1600px 1100px;}
#ghostcamera #wrapper_inner { background: url("../img/bg_ghostcamera.jpg") no-repeat center top; background-size:1600px 1100px;}
#horrornote #wrapper_inner { background: url("../img/bg_horrornote.jpg") no-repeat center top; background-size:1600px 1100px;}
#productionnote #wrapper_inner { background: url("../img/bg_productionnote.jpg") no-repeat center top; background-size:1600px 1100px;}
#anotherstory #wrapper_inner { background: url("../img/bg_productionnote.jpg") no-repeat center top; background-size:1600px 1100px;}
#report #wrapper_inner { background: url("../img/bg_report.jpg") no-repeat center top; background-size:1600px 1100px;}

/*----------------------------------
	#noflash
----------------------------------*/
/* #home #noflash */
#home #noflash { background: url("../../img/bg_main.jpg") no-repeat center top; background-size:960px 647px;}

/* #productionnote #hdflash */
#productionnote #hdflash  { display: none; }
#report #hdflash { display: none; }

/* #header */
#logo_section { width: 960px; height: 50px; margin: 0; position: relative; }
#logo_section p, #navi_section p{ position: absolute;}
#logo_section .logo1{
	width: 69px;
	left: 0px;
	top: 15px;
}
#logo_section .logo2{
	width: 123px;
	right: 0px;
	top: 15px;
}
#navi_section { width: 960px; height: 115px; margin: 0; position: relative; }
#navi_section .logo3{ width: 244px; left: 10px; top: 0;}
#navi_section .navi1{ width: 672px; right: 10px; top: 9px; position: absolute; }
#navi_section .navi1 li{ float: left; }
#navi_section .navi2{ width: 208px; right: 13px; top: 87px; }
#navi_section .navi3{ width: 208px; right: 225px; top: 87px; }

/* #footer */
#footer_inner { width: 960px; margin: 0 auto; position: relative; }
#pt_section { width: 960px;text-align: right;height: 31px;}
#nv_section { width: 955px;padding: 10px 0 10px 5px;}
#nv_section li{
	float: left;
	margin-right:23px;
}
#nv_section li.ma_none{ margin-right:0; }
#cr_section{ width: 960px; clear:both; position: relative; }
#cr_section .ftnavi{ width: 300px; left: 5px; top: 3px; position: absolute; }
#cr_section .ftnavi li{ float: left; }
#cr_section .copyright{
	width: 233px;
	right: 5px;
	top: 5px;
	position: absolute;
}

/*----------------------------------
	#main
----------------------------------*/
/* #home */
#home .main_section{
	width:960px;
	height:541px;
	text-align:right;
	position: relative;
}
#home .main_section .logo{ width: 414px; right: 5px; top: 0; position: absolute; }
#home .main_section .mov_bnr{
	width: 242px;
	right: 86px;
	top: 232px;
	position: absolute;
}
#home .main_section .about{
	width: 317px;
	height: 73px;
	right: 47px;
	top: 457px;
	position: absolute;

}
#home .main_section .ar_pdf{ width: 218px; left: 13px; top: 473px; position: absolute; }
#home .main_section .about p{ padding: 268px 0 0 0; }
#home .navi_section {
	width: 960px;
	height: 105px;
	margin: 0;
	position: relative;
}
#home .navi_section ul{ margin-left:18px;}
#home .navi_section li{
	float: left;
	margin-top:10px;
	line-height: 1;
}
#home .snavi_section { width: 960px; height: 69px; margin: 0; position: relative; }
#home .snavi_section ul{
	margin-left:220px;
}
#home .snavi_section li{
	float: left;
	margin-top:2px;
}
#home .infomation { width: 960px; height: 110px; margin: 0; text-align:center; position: relative; }
#home .infomation .pdfbtn1{
	width: 225px;
	top: 79px;
	position: absolute;
	right: 322px;
}
#home .infomation .pdfbtn2{
	width: 225px;
	top: 79px;
	position: absolute;
	right: 90px;
}
#home .notes {
	width: 960px;
	height: 70px;
	margin: 0;
	text-align:center;
	position: relative;
}
/* #about */
#about .section1{ width:960px; height:490px; background: url("../../about/img/bg01.jpg") no-repeat center top; position: relative;}
#about .section1 .hd{
	width: 527px;
	top: 53px;
	position: absolute;
	left: 10px;
}
#about .section1 .copy1{
	width: 370px;
	top: 37px;
	position: absolute;
	right: 10px;
}
#about .section1 .copy2{ width: 525px; left: 417px; top: 156px; position: absolute; }
#about .section1 .btn1{
	width: 370px;
	right: 69px;
	top: 159px;
	position: absolute;
}
#about .section2{ width:960px; height:630px; position: relative;}
#about .section2 .story1{
	width: 922px;
	left: 16px;
	top: 0;
	position: absolute;
}
#about .section2 .story2{
	width: 922px;
	top: 211px;
	position: absolute;
	left: 16px;
}
#about .section2 .story3{
	width: 922px;
	top: 481px;
	position: absolute;
	left: 16px;
}
#about .section3{
	width:960px;
	height:230px;
	position: relative;
}
#about .section3 .mode_hd{ width: 568px; left: 16px; top: 41px; position: absolute; }
#about .section3 .mode_btn{ left: 16px; top: 78px; position: absolute; }
#about .section3 .mode_btn li{ float:left; }

/* #arstory */
#arstory .hd_section{ width:960px; height:100px; position: relative;}
#arstory .hd_section .hd1{ width: 518px; left: 5px; top: 47px; position: absolute; }
#arstory .hd_section .hd2{ width: 259px; right: 78px; top: 59px; position: absolute; }
#arstory .book_section{
	width:960px;
	height:760px;
	padding-bottom:69px;
	position: relative;
}
#arstory .book_section .tab{ width:960px; height:79px; position: relative;}
#arstory .book_section .tab .ar_navi1{ width: 193px; left: 53px; top: 0; position: absolute; }
#arstory .book_section .tab .ar_navi2{ width: 193px; left: 253px; top: 0; position: absolute; }
#arstory .book_section .tab .ar_navi3{ width: 193px; left: 513px; top: 0; position: absolute; }
#arstory .book_section .tab .ar_navi4{ width: 193px; left: 717px; top: 0; position: absolute; }
#arstory .book_section .leftpage{ width:476px; height:640px; float:left; position: relative;}
#arstory .book_section .rightpage{ width:476px; height:640px; float:right; text-align:right; position: relative;}
/* #arstory index */
#arstory #chap1{ background: url("../../arstory/img/bg_chap01.jpg") no-repeat center top;}
#arstory .book_section .leftpage .page_title{
	width: 390px;
	left: 67px;
	top: 11px;
	position: absolute;
}
#arstory .book_section .leftpage .p1_copy{ width: 376px; left: 67px; top: 87px; position: absolute;}
#arstory .book_section .rightpage .p2_movie{
	width: 419px;
	right: 44px;
	top: 83px;
	position: absolute;
}
#arstory .book_section .rightpage .p2_btn{ width: 364px; right: 57px; top: 388px; position: absolute;}
#arstory .book_section .rightpage .p2_notes{ width: 263px; right: 116px; top: 578px; position: absolute;}
/* #arstory mystery */
#arstory #chap2{ background: url("../../arstory/img/bg_chap02.jpg") no-repeat center top;}
#arstory .book_section .leftpage .p3_copy{
	width: 359px;
	left: 80px;
	top: 89px;
	position: absolute;
}
#arstory .book_section .leftpage .p3_movie{ width: 419px; left: 41px; top: 204px; position: absolute;}
#arstory .book_section .rightpage .p4_notes1{ width: 365px; right: 65px; top: 81px; position: absolute;}
#arstory .book_section .rightpage .p4_notes2{ width: 365px; right: 65px; top: 327px; position: absolute;}
/* #arstory battle */
#arstory #chap3{ background: url("../../arstory/img/bg_chap03.jpg") no-repeat center top;}
#arstory .book_section .leftpage .p5_copy{
	width: 345px;
	left: 80px;
	top: 86px;
	position: absolute;
}
#arstory .book_section .leftpage .p5_movie{ width: 388px; left: 50px; top: 222px; position: absolute;}
#arstory .book_section .rightpage .p6_notes1{
	width: 326px;
	right: 84px;
	top: 59px;
	position: absolute;
}
#arstory .book_section .rightpage .p6_notes2{
	width: 327px;
	right: 84px;
	top: 344px;
	position: absolute;
}
/* #arstory characters */
#arstory #chap4{ background: url("../../arstory/img/bg_chap04.jpg") no-repeat center top;}
#arstory .book_section .leftpage .p7_cha1{ width: 430px; left: 44px; top: 78px; position: absolute;}
#arstory .book_section .leftpage .p7_cha2{ width: 430px; left: 44px; top: 371px; position: absolute;}
#arstory .book_section .rightpage .p8_cha3{ width: 430px; right: 46px; top: 78px; position: absolute;}
#arstory .book_section .rightpage .p8_cha4{ width: 430px; right: 46px; top: 371px; position: absolute;}

/* #ghostcamera */
#ghostcamera .section1{
	width:960px;
	height:700px;
	position: relative;
}
#ghostcamera .section1 .hd{
	width: 400px;
	top: 59px;
	position: absolute;
	left: 10px;
}
#ghostcamera .section1 .copy1{
	width: 422px;
	top: 59px;
	position: absolute;
	right: 31px;
}
#ghostcamera .section1 .copy2{
	top: 150px;
	position: absolute;
	left: 10px;
}
#ghostcamera .section1 .camera{
	width: 940px;
	height: 500px;
	top: 200px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	background: url("../../ghostcamera/img/photo01.jpg") no-repeat left top;
}
#ghostcamera .section1 .camera img {
	top: 0;
	left: 0;
	position: absolute;
}
#ghostcamera .section2{
	width:960px;
	height:680px;
	position: relative;
}
#ghostcamera .section2 .check{
	width: 538px;
	top: 0;
	left: 0;
	position: absolute;
}
#ghostcamera .section2 .face{
	width: 422px;
	top: 0;
	right: 0;
	position: absolute;
}

/* #horrornote */
#horrornote .section1{
	width:960px;
	height:1400px;
	background: url("../../horrornote/img/horrornote_bg.jpg") no-repeat center top;
	position: relative;
	background-image: url(../../horrornote/img/horrornote_bg.jpg);
}
#horrornote .section1 .hd{
	width: 400px;
	top: 59px;
	position: absolute;
	left: 10px;
}
#horrornote .section1 .copy1{
	width: 380px;
	top: 59px;
	position: absolute;
	right: 55px;
}
#horrornote .section1 .copy2{
	top: 156px;
	position: absolute;
	left: 20px;
}
#horrornote .section1 .note1_hd{
	width: 410px;
	top: 251px;
	position: absolute;
	left: 61px;
}
#horrornote .section1 .note1_mov{
	width: 410px;
	top: 480px;
	position: absolute;
	left: 49px;
}
#horrornote .section1 .note2_hd{
	width: 329px;
	top: 323px;
	position: absolute;
	right: 81px;
}
#horrornote .section1 .note2_mov{
	width: 410px;
	top: 539px;
	position: absolute;
	right: 49px;
}
#horrornote .section1 .note3_hd{
	width: 367px;
	top: 778px;
	position: absolute;
	left: 67px;
}
#horrornote .section1 .note3_mov{
	width: 410px;
	top: 1006px;
	position: absolute;
	left: 47px;
}
#horrornote .section1 .note4_hd{
	width: 377px;
	top: 833px;
	position: absolute;
	right: 63px;
}
#horrornote .section1 .note4_mov{
	width: 410px;
	top: 1057px;
	position: absolute;
	right: 49px;
}

/* #movie */
#movie #footer { width: 100%; height: 154px; background: url("../img/bg_ft_mov.jpg") repeat-x center top; position: absolute; bottom: 0; clear: both;}
#movie #pt_section { width: 960px;text-align: right; height: 31px; padding-top:49px;}

#movie .mov_section{
	width:960px;
	height:640px;
	position: relative;
}
#movie .mov_section #swfobj{
	width: 920px;
	height: 490px;
	left: 20px;
	top: 45px;
	position: absolute;
}
#movie .mov_section .thum1{
	width: 240px;
	right: 20px;
	top: 86px;
	position: absolute;
}
#movie .mov_section .thum2{
	width: 240px;
	right: 20px;
	top: 198px;
	position: absolute;
}
#movie .mov_section .mov_player{
	width:660px;
	height:460px;
	left: 150px;
	top: 45px;
	position: absolute;
}
#movie .mov_section .btm{
	width: 660px;
	left: 145px;
	top: 520px;
	position: absolute;
	text-align: center;
}

/* #productionnote */
#productionnote .hd_section{
	width:960px;
	height:135px;
	position: relative;
}
#productionnote .hd_section .hd{
	width: 430px;
	top: 53px;
	position: absolute;
	left: 10px;
}
#productionnote .hd_section .copy1{
	width: 421px;
	top: 53px;
	position: absolute;
	right: 10px;
	text-align: center;
}
#productionnote .hd_btn{
	width: 226px;
	top: 43px;
	position: absolute;
	left: 717px;
}
#productionnote #pr_index{
	width: 960px;
	height: 560px;
	position: relative;
	padding-bottom: 40px;
}
#productionnote #pr_index .copy{
	width: 800px;
	top:23px;
	left:19px;
	position: absolute;
}
#productionnote #pr_index .btn_tgc{
	width: 210px;
	top:510px;
	right:180px;
	position: absolute;
}
#productionnote #pr_index .btn_as{
	width: 328px;
	top:105px;
	left:129px;
	position: absolute;
}
#productionnote #pr_index .btn_shinan{
	width: 311px;
	top:105px;
	right:139px;
	position: absolute;
}
#productionnote #main_as{
	width: 960px;
	background: url("../../productionnote/img/bg_note.jpg") no-repeat center top;
	background-size:960px 800px;
	position: relative;
}
#productionnote .note_img{
	width:656px;
	padding: 38px 0 0 18px;
}
#productionnote .note_img .note_img_btm{
	width:656px;
	height: 160px;
	background: url("../../productionnote/img/note_btm_bg.jpg") no-repeat center top;
	position: relative;
}
#productionnote .note_img .note_img_btm .btn_nxt{
	width:150px;
	top:64px;
	left:28px;
	position: absolute;
}
#productionnote .note_img .note_img_btm .btn_top_btm{
	width:204px;
	top:64px;
	left:226px;
	position: absolute;
}
#productionnote .note_img .note_img_btm .btn_prv{
	width:150px;
	top:64px;
	right:17px;
	position: absolute;
	text-align: right;
}
#productionnote .lnv{
	width:211px;
	top: 75px;
	right: 75px;
	position: absolute;
}
#productionnote .lnv li{
	list-style:none;
	line-height: 0;
	font-size: 0px;
}
#productionnote .about{
	width:245px;
	top: 480px;
	right: 16px;
	position: absolute;
}

/* #anotherstory */
#anotherstory .hd_section{
	width:960px;
	height:135px;
	position: relative;
}
#anotherstory .hd_section .hd{
	width: 430px;
	top: 53px;
	position: absolute;
	left: 10px;
}
#anotherstory .hd_section .copy1{
	width: 421px;
	top: 53px;
	position: absolute;
	right: 10px;
	text-align: center;
}
#anotherstory .hd_btn{
	width: 226px;
	top: 43px;
	position: absolute;
	left: 717px;
}
#anotherstory #pr_index{
	width: 960px;
	height: 560px;
	position: relative;
}
#anotherstory #pr_index .copy{
	width: 572px;
	top:23px;
	left:19px;
	position: absolute;
}
#anotherstory #pr_index .btn_tgc{
	width: 210px;
	top:31px;
	right:13px;
	position: absolute;
}
#anotherstory #pr_index .btn_as{
	width: 328px;
	top:120px;
	left:129px;
	position: absolute;
}
#anotherstory #pr_index .btn_shinan{
	width: 311px;
	top:120px;
	right:139px;
	position: absolute;
}
#anotherstory #main_as{
	width: 960px;
	background: url("../../productionnote/img/bg_note.jpg") no-repeat center top;
	background-size:960px 800px;
	position: relative;
}
#anotherstory .note_img{
	width:656px;
	padding: 38px 0 0 18px;
}
#anotherstory .note_img .note_img_btm{
	width:656px;
	height: 160px;
	background: url("../../productionnote/img/note_btm_bg.jpg") no-repeat center top;
	position: relative;
}
#anotherstory .note_img .note_img_btm .btn_nxt{
	width:150px;
	top:64px;
	left:28px;
	position: absolute;
}
#anotherstory .note_img .note_img_btm .btn_top_btm{
	width:204px;
	top:64px;
	left:226px;
	position: absolute;
}
#anotherstory .note_img .note_img_btm .btn_prv{
	width:150px;
	top:64px;
	right:17px;
	position: absolute;
	text-align: right;
}
#anotherstory .lnv{
	width:211px;
	top: 75px;
	right: 75px;
	position: absolute;
}
#anotherstory .lnv li{
	list-style:none;
	line-height: 0;
	font-size: 0px;
}
#anotherstory .about{
	width:245px;
	top: 480px;
	right: 16px;
	position: absolute;
}

/* #report */
#report .hd_section{
	width:960px;
	height:135px;
	position: relative;
}
#report .hd_section .hd{
	width: 430px;
	top: 53px;
	position: absolute;
	left: 10px;
}
#report .hd_section .copy1{
	width: 421px;
	top: 53px;
	position: absolute;
	right: 10px;
	text-align: center;
}
#report .hd_btn{
	width: 226px;
	top: 43px;
	position: absolute;
	left: 717px;
}

#report #main_re{
	width: 960px;
	background: url("../../productionnote/img/bg_report.jpg") no-repeat center top;
	background-size:960px 2100px;
	position: relative;
	padding-bottom: 60px;
}
#report .hd_btn2{
	width: 226px;
	top: 69px;
	position: absolute;
	left: 717px;
}

#report .report1{
	width:663px;
	padding: 103px 0 44px 28px;
}
#report .report2{
	width:663px;
	padding: 0 0 44px 264px;
}
#taxmovienote{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 15px;
	padding-bottom: 30px;
}
#taxmovienote p{
	color: #CCC;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
	position: absolute;
	top: -85px;
	left: 0;
	width: 960px;
}