/*===================================■ 装飾全体 ■===================================*/

h1 {display: none;}
h2,
h3,
h4,
h5,
h6 { margin:0; padding:0px 0px 0px 0px; width:100%;}


body{
	background: #000;
	color:#FFF;
	font-size:14px;
	line-height:2;
	margin: 0px !important;
	overflow:auto;

	font:"ＭＳＰ ゴシック", "MSP Gothic";
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) { 

body:nth-of-type(1) { overflow:hidden; }
body:first-of-type { overflow:hidden; }

}
*/

p{ margin: 0px 0px 15px 0px; padding: 0;}



h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	background:url(../images/h3.jpg) no-repeat 20px center;
	text-indent:60px;
	font-size:16px;
	color:#4f241d;
	}

h4{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	text-decoration:underline;
	font-size:14px;
	color:#82bf24;
	}

h5{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	width:100%;
	border-bottom:2px solid #eccb51;
	font-size:14px;
	color:#4f241d;
	}

a{ text-decoration: underline; color: #82bf24; }
a:hover{text-decoration:none; color: #9cf119;}


/*===================================■ レイアウト全体 ■===================================*/
#video {
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100% !important;
	min-height: 100% !important;
	height: 100% !important;
	text-align:center;
	}
body > #video { height: auto;}

#video:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

#video iframe{
	position: fixed;
	margin-top:-240px;
	margin-left:-360px;
	top:50%;
	left:50%;
	z-index:9999; }



#index {
	position:fixed;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100% !important;
	min-height: 100% !important;
	height: 100% !important;
	text-align: left;
	background: url(../images/bg_index.png) repeat 0 0;
	z-index:999; }

body > #index { height: auto;}

div#container {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-height: 100%;
	height: 100%;
	text-align: left;
	z-index:2; }

body > #container { height: auto;}

div#contents {
	margin: 0px auto ;
	padding:0px 0px;
	width: 1000px;
 	background:none;
	height: auto;
	clear:both;
	}

.close_btn {
	position: fixed;
	margin-top:-270px;
	margin-left:335px;
	top:50%;
	left:50%;
	z-index:9999; }

/***************** header *****************/

header {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	height:849px;
	background:url(../images/main.jpg) no-repeat center top;
	clear:both;
	}




#fb-root {
	display:none;
	}

.main_box {
	margin: 0px;
	padding: 0;
	width: 100%;
	height:780px;
	position:relative;
	clear:both;
	}


.main_bg_box {
	margin: 0px !important;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	width: 100% !important;
	height:780px !important;
	clear:both;
	z-index:100;
	}

.main_bg_box2 {
	margin: 0px !important;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	width: 100% !important;
	height:780px !important;
	clear:both;
	z-index:50;
	}
	
.main_bg {
	margin: 0px !important;
	padding: 0px;
	width: 100%;
	height:780px;
	clear:both;
	list-style:none;
	}


.main_bg2 {
	margin: 0px !important;
	padding: 0px;
	width: 100%;
	height:780px;
	clear:both;
	list-style:none;
	}
/*	
.bx-wrapper {
    width: 100% !important;
    overflow: hidden;
  margin:0 !important;
	*zoom: 1;
    position: relative !important;
}
.bx-window {
    margin: 0 auto !important;
    overflow: visible !important;
}

.bx-viewport {
  overflow: visible !important;
  margin:0;
  padding:0;
  width: 100% !important;
  height:780px;
}
.main-container {
  overflow: hidden;
  padding-bottom: 0px;
}
 */

.main_00,
.main_01,
.main_02,
.main_03,
.main_04,
.main_05,
.main_06,
.main_07,
.main_08,
.main_09,
.main_10,
.main_11,
.main_12,
.main_13,
.main_14,
.main_15,
.main_16,
.main_17,
.main_18,
.main_19 {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	height:780px;
	background: url(../images/index/top_00.jpg) no-repeat center top ;
	clear:both;
	}


.main_01 {	background: url(../images/index/top_01.jpg) no-repeat center top #000;	}
.main_02 {	background: url(../images/index/top_02.jpg) no-repeat center top #000;	}
.main_03 {	background: url(../images/index/top_03.jpg) no-repeat center top #000;	}
.main_04 {	background: url(../images/index/top_04.jpg) no-repeat center top #000;	}
.main_05 {	background: url(../images/index/top_05.jpg) no-repeat center top #000;	}
.main_06 {	background: url(../images/index/top_06.jpg) no-repeat center top #000;	}
.main_07 {	background: url(../images/index/top_07.jpg) no-repeat center top #000;	}
.main_08 {	background: url(../images/index/top_08.jpg) no-repeat center top #000;	}
.main_09 {	background: url(../images/index/top_09.jpg) no-repeat center top #000;	}
.main_10 {	background: url(../images/index/top_10.jpg) no-repeat center top #000;	}
.main_11 {	background: url(../images/index/top_11.jpg) no-repeat center top #000;	}
.main_12 {	background: url(../images/index/top_12.jpg) no-repeat center top #400000;	}
.main_13 {	background: url(../images/index/top_13.jpg) no-repeat center top #02273A;	}
.main_14 {	background: url(../images/index/top_14.jpg) no-repeat center top #081D3C;	}
.main_15 {	background: url(../images/index/top_15.jpg) no-repeat center top #301703;	}
.main_16 {	background: url(../images/index/top_16.jpg) no-repeat center top #2F022D;	}
.main_17 {	background: url(../images/index/top_17.jpg) no-repeat center top #182301;	}
.main_18 {	background: url(../images/index/top_18.jpg) no-repeat center top #002D30;	}
.main_19 {	background: url(../images/index/top_19.jpg) no-repeat center top #2D2300;	}



.main_menu {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:780px;
	overflow:hidden !important;
	z-index:300;
	}

.main_menu_box {
	position: relative;
	width:1000px;
	height:780px;
	margin:0px auto;
	padding:0;
	}

.menu_box {
	width:204px;
	margin:0px;
	padding:0;
	float:left;
	}

.menu_box a{
	color:#761010;
	text-decoration:none;
	}

.menu_box a:hover{
	color: #FEC0D5 ;
	text-decoration:none;
	}

.news_title {
	font-size:11px;
	text-align:right;
	line-height:40px;
	height:40px;
	padding-right:5px;
	background:url(../images/index/title_news.jpg) no-repeat 0 0;
	}


.logo {
	width:204px;
	margin:0px auto;
	padding:0;
	background:#000;
	}


.news_box {
	width:204px;
	height:112px;
	margin:0px auto;
	padding:0;
	background: url(../images/index/bg_news.png) no-repeat center top;
	}

.news {
	width:194px;
	height:62px;
	overflow:auto;
	margin:0px auto;
	padding:0;
	}


.news dt{
	font-size:12px;
	line-height:1.2;
	color:#717171;
	padding: 0px 10px;
	clear:both;
	}
.news dd{
	font-size:12px;
	line-height:1.2;
	padding: 0px 10px 5px 10px;
	clear:both;
	}

.news dd a{
	color:#FFF;
	}

.news dd a:hover{
	color: #999;
	}

.social {
	width:196px;
	height:21px;
	background: url(../images/index/bg_social.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:320;
	}

.catch_01 {
	width:917px;
	height:175px;
	background: url(../images/index/tit_150521.png) no-repeat 0 0;
	position:absolute;
	top:577px;
	left:0;
	z-index:320;
	}

.catch_02 {
	width:49px;
	height:548px;
	background: url(../images/index/tit_02.png) no-repeat 0 0;
	position:absolute;
	top:76px;
	right:10px;
	z-index:320;
	}


.tw {
	position:absolute;
	top:0;
	right:73px;
	z-index:350;
	}

.fb {
	position:absolute;
	top:0;
	right:0;
	z-index:350;
	}


/***************** nav *****************/


nav {
	width:100%;
		
	}

	/*-- base --*/
	#menu { margin: 0px; padding: 0px; width: 204px; height: 275px; display: inline; clear:both;}
	#menu ul{ margin: 0px; padding: 0px; width: 204px; height: 275px; clear:both;}
	#menu ul li{ margin:0px; padding:0; list-style:none; }
	#menu ul li a{ margin:0; padding:0; width: 204px; height: 25px; display: block; }


	#menu ul li.nav1 a,
	#menu ul li.nav2 a,
	#menu ul li.nav3 a,
	#menu ul li.nav4 a,
	#menu ul li.nav5 a,
	#menu ul li.nav6 a,
	#menu ul li.nav7 a,
	#menu ul li.nav8 a,
	#menu ul li.nav9 a,
	#menu ul li.nav10 a,
	#menu ul li.nav11 a,
	#menu ul li.nav12 a{ width: 204px; height: 23px; background-image: url(../images/index/menu.jpg); background-repeat:no-repeat; display: block;   }

	#menu ul li.nav1 span,
	#menu ul li.nav2 span,
	#menu ul li.nav3 span,
	#menu ul li.nav4 span,
	#menu ul li.nav5 span,
	#menu ul li.nav6 span,
	#menu ul li.nav7 span,
	#menu ul li.nav8 span,
	#menu ul li.nav9 span,
	#menu ul li.nav10 span,
	#menu ul li.nav11 span,
	#menu ul li.nav12 span{ display:none;}

	#menu ul li.nav1 { background-position: -408px 0px; }
	#menu ul li.nav1 a{ background-position: 0px 0px; }
	#menu ul li.nav1 a:hover{ background-position: -204px 0px;}

	#menu ul li.nav2 { background-position: -408px -24px; }
	#menu ul li.nav2 a{ background-position: 0px -23px; }
	#menu ul li.nav2 a:hover{ background-position: -204px -23px;}

	#menu ul li.nav3 { background-position: -408px -46px; }
	#menu ul li.nav3 a{ background-position: 0px -46px; }
	#menu ul li.nav3 a:hover{ background-position: -204px -46px;}

	#menu ul li.nav4 { background-position: -408px -69px; }
	#menu ul li.nav4 a{ background-position: 0px -69px; }
	#menu ul li.nav4 a:hover{ background-position: -204px -69px;}

	#menu ul li.nav5 { background-position: -408px -91px; }
	#menu ul li.nav5 a{ background-position: 0px -91px; }
	#menu ul li.nav5 a:hover{ background-position: -204px -91px;}

	#menu ul li.nav6 { background-position: -408px -114px; }
	#menu ul li.nav6 a{ background-position: 0px -114px; }
	#menu ul li.nav6 a:hover{ background-position: -204px -114px;}

	#menu ul li.nav7 { background-position: -408px -137px; }
	#menu ul li.nav7 a{ background-position: 0px -137px; }
	#menu ul li.nav7 a:hover{ background-position: -204px -137px;}

	#menu ul li.nav8 { background-position: -408px -159px; }
	#menu ul li.nav8 a{ background-position: 0px -159px; }
	#menu ul li.nav8 a:hover{ background-position: -204px -159px;}

	#menu ul li.nav9 { background-position: -408px -182px; }
	#menu ul li.nav9 a{ background-position: 0px -182px; }
	#menu ul li.nav9 a:hover{ background-position: -204px -182px;}

	#menu ul li.nav10 { background-position: -408px -205px; }
	#menu ul li.nav10 a{ background-position: 0px -205px; }
	#menu ul li.nav10 a:hover{ background-position: -204px -205px;}

	#menu ul li.nav11 { background-position: -408px -228px; }
	#menu ul li.nav11 a{ background-position: 0px -228px; }
	#menu ul li.nav11 a:hover{ background-position: -204px -228px;}

	#menu ul li.nav12 { background-position: -408px -250px; }
	#menu ul li.nav12 a{ background-position: 0px -250px; }
	#menu ul li.nav12 a:hover{ background-position: -204px -250px;}
	
	/*-- option --*/
	#menu ul li.nav4 a{ height: 22px;   }
	#menu ul li.nav12 a{ height: 25px;   }

	#menu ul li.nav3,	
	#menu ul li.nav9,
	#menu ul li.nav10{ margin:0; padding:0; width: 204px; height: 23px; background-image: url(../images/index/menu.jpg); background-repeat:no-repeat; display: block;    }
	#menu ul li.nav7,
	#menu ul li.nav11{margin:0; padding:0; width: 204px; height: 22px; background-image: url(../images/index/menu.jpg); background-repeat:no-repeat; display: block;    }


/***************** bn *****************/

.bn01_btn {
	position:absolute;
	top:770px;
	left:0px;
	z-index:3;
	}


.bn02_btn {
	position:absolute;
	top:770px;
	left:257px;
	z-index:3;
	}


.bn03_btn {
	position:absolute;
	top:770px;
	left:513px;
	z-index:3;
	}


.bn04_btn {
	position:absolute;
	top:251px;
	left:0px;
	z-index:3;
	}

.bn05_btn {
	position:absolute;
	top:742px;
	left:3px;
	z-index:3;
	}

.movie_btn {
	position:absolute;
	top:295px;
	left:0px;
	z-index:3;
	}
.cast_btn {
	position:absolute;
	top:438px;
	left:3px;
	z-index:999;
	}

.video {
	display:none;
	}

.movie_box {
	width:720px;
	margin:0px auto;
	}

.title_box {
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	}

.akame_box {
	position:absolute;
	top:0px;
	left:161px;
	z-index:3;
	}

.copy01_box {
	position:absolute;
	top:614px;
	left:11px;
	z-index:99;
	}

.copy02_box {
	position:absolute;
	top:34px;
	left:882px;
	z-index:99;
	}


/***************** footer *****************/
/*
#page_pt{
	position: absolute;
	bottom: 30px;
	right: 0px;
	}
*/


#page_pt_top{
	position: absolute;
	bottom: 10px;
	right: 0px;
	z-index:100;
	}


footer {
	width:1000px;
	margin:0px auto;
	padding:0px 0px 100px 0px;
	color:#fff;
	background:url(../images/index/bg_footer.jpg) no-repeat center top;
	}


/*
	footer a{
		color:#4f241d;
		padding: 0px 10px;
		text-decoration:none;
		}


	footer a:hover{
		color: #B67954;
		text-decoration: underline;
		}

*/


/* social setting */
#tw {
	float:right;
  background: none ;
}


#fb {
	float:left;
  background: none ;
}


#tweetCount {
	position: absolute;
	top: 0px;
	left: 73px;
	padding: 0px 10px 0px 10px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #333;
	background: #FFF;
	border: 1px solid #898F9B;
	border-radius: 2px;
}


#likeCount {
	position: absolute;
	top:0px;
	left:73px;
	padding:0px 10px 0px 10px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#333;
	background: #FFF ;
	border:1px solid #898F9B;
	border-radius:2px;
}

/*
.fb-like {
	position: absolute;
	top:0px;
	left:73px;
	padding:0px 10px 0px 10px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#333;
	background: #FFF ;
	border:1px solid #898F9B;
	border-radius:2px;
}
*/
.countarrow
{
	position: absolute;
	top:1px;
	left:71px;
	background:url(../images/arrow.jpg);
	height:20px;
	width:4px;
	z-index:99;
}

.position{
	position: relative;
}

/*
#fb div {
	width:29px;
	height:28px;
	background: url(../images/btn_facebook.jpg) no-repeat 0 0;
}

#fb div:hover {
	width:29px;
	height:28px;
	background: url(../images/btn_facebook.jpg) no-repeat 0 0;
}
*/




/*popnavi*/
/*
ul#chart_navi {
	margin: 0px;
	padding: 0px;
	clear:both;
	list-style:none;
	}
ul#chart_navi li {
	position: relative;
	margin:0;
	padding:0px;
	list-style:none;
	}
ul#chart_navi li:hover {}
ul#chart_navi li ul {
	display: none;
	position: absolute;
	top:34px;
	left:139px;
	padding:0px;
	list-style:none;
	} 
ul#chart_navi li ul li {
	margin: 0px;
	padding:0px;
	width: auto;
	border: none;
	list-style:none;
	}
*/

/* popup */
.apple_overlay {
	margin-left:140px !important;
	margin-top:-60px !important;
	display:none;
	padding:0px;
	position:relative;
	z-index:999 !important;
	}
.apple_overlay .close {
	position:absolute;
	right:30px;
	top:5px;
	cursor:pointer;
	height:40px;
	width:40px;
	}

.apple_overlay2 {
	margin-left:304px !important;
	margin-top:-60px !important;
	display:none;
	padding:0px;
	position:relative;
	z-index:999 !important;
	}
.apple_overlay2 .close {
	position:absolute;
	right:30px;
	top:5px;
	cursor:pointer;
	height:40px;
	width:40px;
	}

/*--------------------------------*/
/*
.index_box {
	position: relative;
	background: url(../images/index/bg_sky.png) no-repeat center center;
	height:796px;
	width:780px;
	overflow:hidden;
	float:right;
	}
*/.index_box {
	position: relative;
	background: url(../images/index/top.jpg) no-repeat center center;
	height:796px;
	width:780px;
	overflow:hidden;
	float:right;
	}