@charset "utf-8";

html, body {
	width: 100%;
	height: 100%;
	min-width: 1200px;
	min-height: 100%;
	background: #000;
	padding: 0;
	margin: 0;
	}

#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -115px;
	margin-left: -125px;
	}

#wrapper {
	height: 100%;
	min-height: 958px;
	position: relative;
	}

#menu {
	top: 25px;
	left: 0;
	position: absolute;
	z-index: 20;
	}

#menu h1 {
	margin: 0 0 30px 10px;
	}

#menu #btn_sp {
	height: 70px;
	margin: -5px 0 20px 0;
	}

#menu #btn_sp p {
	text-align: center;
	line-height: 0;
	padding: 5px 5px 7px 5px;
	}

#menu #btn_sp ul li {
	margin: 0 5px;
	float: left;
	}

#menu #btn_sp a img {
	border: medium none transparent;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	}

#menu #btn_sp a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
	}

#menu nav ul {
	margin: 0 0 20px 0;
	}

#menu nav ul li a {
	width: 180px;
	line-height: 0;
	background: #000;
	margin: 0 0 3px 0;
	padding: 5px 10px 5px 60px;
	display: block;
	}

#menu nav ul li a span {
	height: 17px;
	background: url(../images/index/ico_shuriken.png) left center no-repeat;
	line-height: 0;
	padding: 3px 20px 0 25px;
	display: block;
	}

#menu nav ul li a:hover span {
	background: url(../images/index/ico_shuriken.png) right center no-repeat;
	}

#menu nav ul li a:hover {
	text-align: right;
	background: #ff0202;
	}

#menu ul#share li {
	margin: 0 0 20px 10px;
	float: left;
	}

#menu ul#share li a img {
	border: medium none transparent;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	}

#menu ul#share li a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
	}

#menu ul#link li {
	margin: 0 0 5px 10px;
	}

#menu ul#link li a img {
	border: medium none transparent;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	}

#menu ul#link li a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
	}

#main {
	width: auto;
	height: 100%;
	bottom: 0;
	right: 0;
	position: fixed;
	}

#main img {
	min-width: 100%;
	min-height: 100%;
	}

#info {
	top: 25px;
	right: 20px;
	position: absolute;
	z-index: 10;
	}

#maincatch {
	top: 85px;
	right: 18px;
	position: absolute;
	z-index: 10;
	}

#subcatch {
	top: 200px;
	right: 500px;
	position: absolute;
	z-index: 10;
	}

#catch {
	bottom: 40px;
	left: 210px;
	position: fixed;
	z-index: 10;
	}

#banner {
	bottom: 40px;
	right: 20px;
	position: fixed;
	z-index: 10;
	}

#banner ul li {
	margin: 0 0 10px 0;
	}

#banner ul li a img {
	border: medium none transparent;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	}

#banner ul li a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
	}

#banner ul li.bnr_nico_0626_27 {
	width: 400px;
	height: 120px;
	background: url(../images/index/bnr_nico_0726_27.png) no-repeat;
	position: relative;
	}

#banner ul li.bnr_nico_0626_27 a.btn_nico_0726 {
	top: 66px;
	left: 10px;
	position: absolute;
	}

#banner ul li.bnr_nico_0626_27 a.btn_nico_0727 {
	top: 66px;
	right: 10px;
	position: absolute;
	}

#video {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	bottom: 0;
	right: 0;
	position: fixed;
	z-index: -100;
	}

#bg {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-image: url("../images/index/bg.png");
	bottom: 0;
	right: 0;
	display: block;
	position: fixed;
	z-index: -10;
	}

footer {
	width: 100%;
	line-height: 0;
	text-align: center;
	background: #ff0202;
	bottom: 0;
	left: 0;
	margin: 0;
	position: fixed;
	z-index: 30;
	}

footer #copy {
	margin: 9px 0 0 10px;
	float: left;
	}

footer #bgm {
	width: 100px;
	height: 14px;
	text-align: right;
	line-height: 0;
	background: url(../images/index/bg_bgm.png) no-repeat left #000;
	padding: 7px 10px;
	float: right;
	}

footer #bgm a img {
	border: medium none transparent;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	cursor: pointer;
	}

footer #bgm a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.7;
	}