@charset 'UTF-8';

body {
	min-width: 950px;
	/*background-color:#6a2a66;*/
	background-color:#000000;
}
p {}
a { color:#000;text-decoration: none;}
a:hover,a:link,a:visited,a:active {}
img { vertical-align: bottom; }

.scl {
	width:100%;
	height: auto;
}

#container {}
#opening {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}
#opening .img_wrpr {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#opening .img_list {
	position: absolute;
}
#opening .img_wrpr .item {
	width:16.6666667%;
	opacity: 0;
}
#opening .cvr {
	position: absolute;
	width: 100%;
	height: 100%;
	background:url(/content/topics/nishio/orokamono/images/op/bg_cover.png);
	top:0px;
	left:0px;
}
#opening .btn_sounds {
	position: absolute;
	top:50%;
	left:50%;
}
#opening .btn_sounds .sound_on {
	position: absolute;
	left:-175px;
	top:10px;
	width:102px;
	height:102px;
}
#opening .btn_sounds .sound_on a {
	width:102px;
	height:102px;
	display: block;
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 1px 1px;
	overflow: hidden;
	text-indent: -9999px;
}
#opening .btn_sounds .sound_on a:hover {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 1px -101px;
}
#opening .btn_sounds .sound_off {
	position: absolute;
	left:75px;
	top:10px;
	width:102px;
	height:102px;
}
#opening .btn_sounds .sound_off a {
	width:102px;
	height:102px;
	display: block;
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat -102px 1px;
	overflow: hidden;
	text-indent: -9999px;
}
#opening .btn_sounds .sound_off a:hover {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat -102px -101px;
}
#opening .txt {
	position: absolute;
	top:50%;
	left:50%;
}
#opening .txt span {
	display: block;
	width:608px;
	height:74px;
	background:url(/content/topics/nishio/orokamono/images/op/txt01.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	top:-95px;
	left:-304px;
}
#opening .info {
	position: absolute;
	bottom:30px;
	right:30px;
}
#opening .pop01 {
	position: absolute;
	top:23px;
	left:24px;
}

#main { 
	display: none;
}
#movie_area {
	position: relative;
	width: 100%;
	min-width: 950px;
	height: 100%;
	overflow: hidden;
}
#movie_area h1 {
	position: absolute;
	top:50%;
	right:50px;
	z-index:2;
	opacity:0;
}
#movie_area h1 img {
	position: absolute;
	top:-61px;
	right:15px;
}
#movie {
	width: 100%;
	height: 100%;
	position: absolute;
}
#mov_pat {
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	background:url(/content/topics/nishio/orokamono/images/main/mov_pat.png);
}
#movie_area .icon_scroll {
	position: absolute;
	bottom:12px;
	left:50%;
	z-index:2;
}
#movie_area .icon_scroll img.txt {
	position: absolute;
	bottom:50px;
	left:-36px;
}
#movie_area .icon_scroll img.icon {
	position: absolute;
	bottom:0px;
	left:-11px;
}
#movie_area .icon_sound {
	position: absolute;
	z-index:2;
	top:15px;
	right:20px;
}
#movie_area .icon_sound a {
	width:107px;
	height:41px;
	display: block;
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 0px -286px;
	text-indent: -9999px;
	overflow: hidden;
}
#movie_area .icon_sound a:hover {
	width:107px;
	height:41px;
	display: block;
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 0px -327px;
}
#movie_area .icon_sound.off a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 0px -204px;
}
#movie_area .icon_sound.off a:hover {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 0px -245px;
}
#movie_area .fukidashi {
	position: absolute;
	top:50%;
	left:49px;
	z-index:2;
}
#movie_area .fukidashi img {
	position: absolute;
	top:-66px;
	left:-20px;
	display: none;
}

#btn_mov_social {
	position: absolute;
	bottom:13px;
	right:20px;
	overflow: hidden;
	width:210px;
	z-index:2;
}
#btn_mov_fb {
	float:left;
	overflow: hidden;
	margin-right:10px;
}
#btn_mov_social .btn {
	float:left;
}
#btn_mov_social .cnt_wrpr {
	overflow: hidden;
	float:left;
}
#btn_mov_social .cnt_wrpr .cnt_l {
	float:left;
}
#btn_mov_social .cnt_wrpr .cnt {
	float:left;
	background:url(/content/topics/nishio/orokamono/images/main/btn_fb_cnt_m.png) repeat-x;
	height:20px;
	padding:0px 5px 0px 3px;
}
#btn_mov_social .cnt_wrpr .cnt p {
	padding:1px 0 0 0;
}
#btn_mov_social .cnt_wrpr .cnt_r {
	float:left;
}
#btn_mov_social .cnt_wrpr {}
#btn_mov_ftw {
	float:left;
}

#basei {
	display: none;
	overflow: hidden;
	width:100%;
	min-width: 950px;
}
#basei .present {
	overflow: hidden;
	padding-left:44px;
	/*background-color:#6a2a66;*/
	background-color:#000000;
}
#basei .present .shirt {
	float:left;
	width:49.480969%;/*572*/
	overflow: hidden;
}
#basei .present .present_txt {
	position: relative;
	float:left;
	width:50.519031%;/*584px*/
}
#basei .present .present_txt .txt {
	/*margin:12.4% 12.328767% 20.719178% 12.328767%;*/
	margin:8.904109589% 6.335616438% 19.52054795% 7.876712329% ;
}
#basei .present .present_txt .btn {
	position: absolute;
	top: 53.328767%;
    left: 65.328767%;
	width:26.88356164%;/*157px*/
	height:5.136986301%;/*30px*/
    height: 10.136986301%;
}
#basei .present .present_txt .btn a {
	display: block;
	width:100%;/*157px*/
	height:100%;/*30px*/
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.5% 7%;
	background-size:630% 1650%;
	overflow: hidden;
	text-indent: -9999px;
}
#basei .present .present_txt .btn.all a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.5% 7%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.hitagi a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 14.2%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.tsubasa a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 21.8%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.suruga a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 28.9%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.mayoi a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 35.8%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.nadeko a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 42.4%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.shinobu a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 49.2%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.yotsugi a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 56.0%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.ougi a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 63.0%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.sisters a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 69.5%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn.koyomi a {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.2% 76.4%;
	background-size:630% 1650%;
}
#basei .present .present_txt .btn a:hover{
	/*background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat -206px -1px;*/
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 24.5% 0.1%;
	background-size:630% 1650%;
}

#basei .present .present_txt .tw_acount {
	position: absolute;
	top:71.328767%;
	left:7.328767%;
	width:84.5%;
	height:11.5%;
}
#basei .present .present_txt .tw_acount a {
	display: block;
	width:100%;/*486px*/
	height:100%;/*31px*/
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 7.1%;
	background-size:205% 1600%;
	overflow: hidden;
	text-indent: -9999px;
}
#basei .present .present_txt .tw_acount.all a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 7.1%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.hitagi a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 14.1%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.tsubasa a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 21.1%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.suruga a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 28.1%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.mayoi a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 35.1%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.nadeko a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 42.1%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.shinobu a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 49.4%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.yotsugi a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 56.4%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.ougi a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 63.4%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.sisters a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 70.4%;
	background-size:205% 1600%;
}
#basei .present .present_txt .tw_acount.koyomi a { 
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 77.4%;
	background-size:205% 1600%;
}

#basei .present .present_txt .tw_acount a:hover{
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat 71.0% 0.1%;
	background-size:205% 1600%;
}

#basei_list {
	overflow: hidden;
	margin-left:44px;
	position: relative;
	/*background-color:#6a2a66;*/
	background-color:#000000;
}
#basei_list .basei {
	float:left;
	position: relative;
	width:20%;
	overflow: hidden;
}
#basei_list .basei .bg img {
	opacity: 0;
}
#basei_list .basei .cvr {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align: center;
	color:#fff;
	/*display: none;*/
}
#basei_list .basei .cvr .hvr_bg {
	width:100%;
	height:100%;
	position: absolute;
}
#basei_list .basei.hitagi .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_hitagi.png); }
#basei_list .basei.tsubasa .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_tsubasa.png); }
#basei_list .basei.suruga .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_suruga.png); }
#basei_list .basei.mayoi .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_mayoi.png); }
#basei_list .basei.nadeko .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_nadeko.png); }
#basei_list .basei.shinobu .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_shinobu.png); }
#basei_list .basei.yotsugi .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_yotsugi.png); }
#basei_list .basei.ougi .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_tsubasa.png); }
#basei_list .basei.sisters .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_sisters.png); }
#basei_list .basei.koyomi .cvr .hvr_bg { background:url(/content/topics/nishio/orokamono/images/main/basei_bg_koyomi.png); }
#basei_list .basei .cvr .num {
	position: relative;
	font-size:11px;
	line-height: 1em;
	letter-spacing: 0.1em;
	margin:11px auto 8px auto;
	padding:0 0 8px 0;
	border-bottom:1px solid #fff;
	width:30px;
}
#basei_list .basei .cvr .txt {
	position: relative;
	font-size:15px;
	line-height: 1.5em;
	font-weight:bolder;
}
#basei_list .basei .cvr .txt.small {
	font-size:12px;
}
#basei_list .basei .cvr ul {
	position: absolute;
	width:100%;
	bottom:10px;
}
#basei_list .basei .cvr ul li {
	display: inline-block;
	margin:0 12px;
}
@media all and (min-width: 1001px) and (max-width: 1200px) {
	#basei_list .basei .cvr .num {
		position: relative;
		font-size:9px;
		line-height: 1em;
		letter-spacing: 0.1em;
		margin:11px auto 8px auto;
		padding:0 0 8px 0;
		border-bottom:1px solid #fff;
		width:30px;
	}
	#basei_list .basei .cvr .txt {
		position: relative;
		font-size:12px;
		line-height: 1.5em;
		font-weight:bolder;
	}
	#basei_list .basei .cvr .txt.small {
		font-size:10px;
	}
	#basei_list .basei .cvr ul {
		position: absolute;
		width:100%;
		bottom:5px;
	}
	#basei_list .basei .cvr ul li {
		display: inline-block;
		margin:0 6px;
		width:25px;
	}
	#basei_list .basei .cvr ul li img {
		width:100%;
		height:auto;
	}
}
@media all and (max-width: 1000px) {
	#basei_list .basei .cvr .num {
		position: relative;
		font-size:9px;
		line-height: 1em;
		letter-spacing: 0.1em;
		margin:11px auto 8px auto;
		padding:0 0 8px 0;
		border-bottom:1px solid #fff;
		width:30px;
	}
	#basei_list .basei .cvr .txt {
		position: relative;
		font-size:10px;
		line-height: 1.5em;
		font-weight:bolder;
	}
	#basei_list .basei .cvr .txt.small {
		font-size:8px;
	}
	#basei_list .basei .cvr ul {
		position: absolute;
		width:100%;
		bottom:5px;
	}
	#basei_list .basei .cvr ul li {
		display: inline-block;
		margin:0 3px;
		width:20px;
	}
	#basei_list .basei .cvr ul li img {
		width:100%;
		height:auto;
	}
}
#basei01 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop01.jpg) no-repeat;
	background-size:400% 700%;
}
#basei02 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop02.jpg) no-repeat;
	background-size:400% 700%;
}
#basei03 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop03.jpg) no-repeat;
	background-size:400% 700%;
}
#basei04 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop04.jpg) no-repeat;
	background-size:400% 700%;
}
#basei05 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop05.jpg) no-repeat;
	background-size:400% 700%;
}
#basei06 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop06.jpg) no-repeat;
	background-size:400% 700%;
}
#basei07 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop07.jpg) no-repeat;
	background-size:400% 700%;
}
#basei08 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop08.jpg) no-repeat;
	background-size:400% 700%;
}
#basei09 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop09.jpg) no-repeat;
	background-size:400% 700%;
}
#basei10 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop10.jpg) no-repeat;
	background-size:400% 700%;
}

#basei11 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop11.jpg) no-repeat;
	background-size:400% 700%;
}
#basei12 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop12.jpg) no-repeat;
	background-size:400% 700%;
}
#basei13 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop13.jpg) no-repeat;
	background-size:400% 700%;
}
#basei14 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop14.jpg) no-repeat;
	background-size:400% 700%;
}
#basei15 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop15.jpg) no-repeat;
	background-size:400% 700%;
}
#basei16 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop16.jpg) no-repeat;
	background-size:400% 700%;
}
#basei17 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop17.jpg) no-repeat;
	background-size:400% 700%;
}
#basei18 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop18.jpg) no-repeat;
	background-size:400% 700%;
}
#basei19 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop19.jpg) no-repeat;
	background-size:400% 700%;
}
#basei20 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop20.jpg) no-repeat;
	background-size:400% 700%;
}

#basei21 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop21.jpg) no-repeat;
	background-size:400% 700%;
}
#basei22 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop22.jpg) no-repeat;
	background-size:400% 700%;
}
#basei23 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop23.jpg) no-repeat;
	background-size:400% 700%;
}
#basei24 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop24.jpg) no-repeat;
	background-size:400% 700%;
}
#basei25 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop25.jpg) no-repeat;
	background-size:400% 700%;
}
#basei26 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop26.jpg) no-repeat;
	background-size:400% 700%;
}
#basei27 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop27.jpg) no-repeat;
	background-size:400% 700%;
}
#basei28 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop28.jpg) no-repeat;
	background-size:400% 700%;
}
#basei29 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop29.jpg) no-repeat;
	background-size:400% 700%;
}
#basei30 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop30.jpg) no-repeat;
	background-size:400% 700%;
}

#basei31 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop31.jpg) no-repeat;
	background-size:400% 700%;
}
#basei32 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop32.jpg) no-repeat;
	background-size:400% 700%;
}
#basei33 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop33.jpg) no-repeat;
	background-size:400% 700%;
}
#basei34 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop34.jpg) no-repeat;
	background-size:400% 700%;
}
#basei35 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop35.jpg) no-repeat;
	background-size:400% 700%;
}
#basei36 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop36.jpg) no-repeat;
	background-size:400% 700%;
}
#basei37 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop37.jpg) no-repeat;
	background-size:400% 700%;
}
#basei38 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop38.jpg) no-repeat;
	background-size:400% 700%;
}
#basei39 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop39.jpg) no-repeat;
	background-size:400% 700%;
}
#basei40 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop40.jpg) no-repeat;
	background-size:400% 700%;
}

#basei41 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop41.jpg) no-repeat;
	background-size:400% 700%;
}
#basei42 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop42.jpg) no-repeat;
	background-size:400% 700%;
}
#basei43 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop43.jpg) no-repeat;
	background-size:400% 700%;
}
#basei44 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop44.jpg) no-repeat;
	background-size:400% 700%;
}
#basei45 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop45.jpg) no-repeat;
	background-size:400% 700%;
}
#basei46 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop46.jpg) no-repeat;
	background-size:400% 700%;
}
#basei47 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop47.jpg) no-repeat;
	background-size:400% 700%;
}
#basei48 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop48.jpg) no-repeat;
	background-size:400% 700%;
}
#basei49 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop49.jpg) no-repeat;
	background-size:400% 700%;
}
#basei50 .bg {
	background:url(/content/topics/nishio/orokamono/images/main/loop50.jpg) no-repeat;
	background-size:400% 700%;
}


#menu {
	position: fixed;
	top:0px;
	left:0px;
	width:44px;
	height:100%;
	z-index: 2;
	/*background-color:#6a2a66;*/
	background-color:#000000;
}

#menu a {
	display: block;
	width:100%;
	height:100%;
}
#menu p {
	position: absolute;
	top:50%;
	left:50%;
}
#menu p img {
	position: absolute;
	top:-13px;
	left:-4px;
}
#menu p img.hvr {
	position: absolute;
	top:-26px;
	left:-10px;
	display:none;
}
#menu_list {
	position: fixed;
	width:462px;
	height:100%;
	top:0px;
	left:-462px;
	z-index:3;
	/*background-color: #6a2a66;*/
	background-color:#000000;
}

#menu_list .wrpr {
	position: absolute;
	top:50%;
	right:0px;
}
#menu_list ul {
	position: absolute;
	top:-335px;
	right:0px;
	overflow: hidden;
	float:right;
	width:406px;
	margin-right:16px;
}
#menu_list ul li {
	position: relative;
	float: left;
	margin:12px 16px;
}
#menu_list ul li .hvr {
	position: absolute;
	top:0px;
	left:0px;
	display: none;
}
#menu_list .btn_close {
	position: absolute;
	top:50%;
	left:0px;
}
#menu_list .btn_close a {
	position: absolute;
	top:-12px;
	left:10px;
}



#ftr_movie_area {
	width:100%;
	min-width: 950px;
	height: 100%;
	position: relative;
	overflow: hidden;
	background:url(/content/topics/nishio/orokamono/images/main/book_bg.jpg) center center no-repeat fixed #000;
	/*background:url(/content/topics/nishio/orokamono/images/main/book_bg.jpg) center center no-repeat #000;*/
	background-size: cover;
}
#ftr_movie {
	width:100%;
	height: 100%;
	position: absolute;
	display: none;
}
#ftr_movie_area .pat {
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	background:url(/content/topics/nishio/orokamono/images/main/mov_pat.png);
}
#pop {
	position: absolute;
	top:50%;
	left:50%;
	z-index:2;
}
#pop .wrpr {
	position: absolute;
	left:-407px;
	top:-178px;
	width:814px;
	height:356px;
	background:url(/content/topics/nishio/orokamono/images/main/pop_bg.png);
	overflow: hidden;
}
#pop .wrpr .left_column {
	float:left;
	margin:33px 23px 0 28px;
	width:188px;
}
#pop .wrpr .left_column .thumb {
	margin:0 0 10px 0;
}
#pop .wrpr .left_column .illust {
	font-size: 13px;
	line-height: 1em;
	letter-spacing: 0.1em;
}
#pop .wrpr .right_column {
	float:left;
	width:550px;
	position: relative;
	margin:33px 0 0 0;
}
#pop .wrpr .right_column h4 {
	margin-bottom:28px;
}
#pop .wrpr .right_column .writter {
	position: absolute;
	top:25px;
	right:0px;
	font-size:15px;
	letter-spacing: 0.01em;
	line-height: 1em;
}
#pop .wrpr .right_column .txt {
	font-size: 15px;
	line-height: 1.9em;
	letter-spacing: 0.01em;
}
#pop .wrpr .right_column .value {
	font-size:15px;
	font-style:italic;
	text-align: right;
	letter-spacing: 0.1em;
}

#anim_info {
	position: relative;
	overflow: hidden;
	width:100%;
	min-width: 950px;
	height: 100%;
	background:url(/content/topics/nishio/orokamono/images/main/anim_bg.jpg) center center no-repeat fixed #000;
	/*background:url(/content/topics/nishio/orokamono/images/main/anim_bg.jpg) center center no-repeat #000;*/
	background-size: cover;
}
#anim_info .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	display: none;
}
#pop_anim {
	position: absolute;
	top:50%;
	left:60%;
}
#pop_anim .wrpr {
	position: absolute;
	top:-170px;
	left:-252px;
	width:505px;
	height:340px;
}
#pop_anim .wrpr .hdr {
	overflow: hidden;
	margin-bottom:24px;
}
#pop_anim .wrpr .hdr h4 {
	
}
#pop_anim .wrpr .hdr .writter {
	position: absolute;
	top:60px;
	right:0px;
	font-size:15px;
	letter-spacing: 0.01em;
	line-height: 1em;
}
#pop_anim .wrpr .txt {
	font-size: 15px;
	line-height: 1.9em;
	letter-spacing: 0.01em;
	margin:0 0 18px 8px;
	width:510px;
}
#pop_anim .wrpr .btn a {
	display: block;
	overflow: hidden;
	width:492px;
	height:37px;
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat -1px -397px;
	text-indent: -9999px;
}
#pop_anim .wrpr .btn a:hover {
	background:url(/content/topics/nishio/orokamono/images/sprite.png) no-repeat -1px -436px;
}

#ftr {
	width:100%;
	padding:15px 0;
	background-color:#000;
	color:#fff;
	position: relative;
}
#ftr p.copyright {
	margin-left:15px;
	font-size:11px;
	line-height: 1em;
	letter-spacing: 0.1em;
}
#btn_ftr_social {
	position: absolute;
	top:10px;
	right:15px;
	overflow: hidden;
	width:210px;
}
#btn_ftr_fb {
	float:left;
	overflow: hidden;
	margin-right:10px;
}
#btn_ftr_social .btn {
	float:left;
}
#btn_ftr_social .cnt_wrpr {
	overflow: hidden;
	float:left;
}
#btn_ftr_social .cnt_wrpr .cnt_l {
	float:left;
}
#btn_ftr_social .cnt_wrpr .cnt {
	float:left;
	background:url(/content/topics/nishio/orokamono/images/main/btn_fb_cnt_m.png) repeat-x;
	height:20px;
	padding:0px 5px 0px 3px;
}
#btn_ftr_social .cnt_wrpr .cnt p {
	padding:1px 0 0 0;
}
#btn_ftr_social .cnt_wrpr .cnt_r {
	float:left;
}
#btn_ftr_social .cnt_wrpr {}
#btn_ftr_ftw {
	float:left;
}

#pop_detail {
	position: fixed;
	top:50%;
	left:50%;
	z-index: 3;
	display: none;
}
#pop_detail .wrpr {
	width:895px;
	height:534px;
	position: absolute;
	top:-267px;
	left:-447px;
	background:url(/content/topics/nishio/orokamono/images/main/pop2_bg.png) no-repeat;
}
#pop_detail .wrpr h3 {
	font-family: serif;
	font-weight: bold;
	color:#e72929;
	font-size:20px;
	letter-spacing: 0.1em;
	line-height: 1.75em;
	margin:48px auto 20px auto;
	border-bottom:1px solid #000000;
	width:747px;
	padding-bottom:7px;
}
#pop_detail .wrpr .kiyaku {
	width:798px;
	height:370px;
	overflow: hidden;
	margin:0 0 0 70px;
	padding:0 0 50px 0;
}
.jspVerticalBar {
	width:6px;
	background-color:#dddddd;
}
.jspTrack {
	background-color:#dddddd;
}
.jspDrag {
	background-color:#000000;
}
#pop_detail .wrpr .kiyaku p {
	font-size:14px;
	line-height: 1.75em;
	letter-spacing: 0.1em;
	margin-bottom:16px;
}

#pop_detail .wrpr .txt {
	color:#000000;
	font-size:15px;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	margin:0 auto 45px auto;
	width:550px;
}
#pop_detail .wrpr .txt a {
	text-decoration: underline;
}
#pop_detail .wrpr .txt a:hover {
	color:#666;
}
#pop_detail .wrpr .btn_close {
	position: absolute;
	right:25px;
	top:25px;
}
#pop_detail .wrpr .shirt_wrpr {
	width:100%;
	height:197px;
	position: relative;
	overflow: hidden;
}
#pop_detail .wrpr .shirt_wrpr ul {
	position: absolute;
	top:0px;
	left:-22px;
}
#pop_detail .wrpr .shirt_wrpr ul li {
	float: left;
	margin:0 22px;
}
#pop_detail .wrpr .line01 {
	position: absolute;
	top:270px;
	left: 14px;
}
#pop_detail .wrpr .line02 {
	position: absolute;
	top:270px;
	right: 10px;
}