@charset "utf-8";
/* CSS Document */

body,html{
	background-color:#000;
}

noscript{
	z-index:1001;
}

#offJS{
	color:#FFF;
	font-size:16px;
	text-align: center;
	margin: 50px 0 20px;
}
#requirements{
	width:800px;
	line-height:2;
	color:#DDD;
	font-size:14px;
	text-align:left;
	margin: 50px auto 0;
}

.req-txt{
	padding:20px 0;
	color:#ff1790;
}


#wrapper{	
	width:100%;
	visibility: none;
}

#main{
	position:relative;
	margin:15px 0 0;
}

.inner{
	width:1024px;
	margin:0 auto;
	z-index:10;
}

.pointer{
	cursor:pointer;
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #000 url('../img/preloader.gif') 50% 50% no-repeat;
}







#flashcontent{
	background-color:#000;
	width:100%;
	min-width:1024px;
}
#flashcontent4{
	background-color:#000;
	height:712px;
}

#flash-image{
	background-image:url('../img/top.jpg');
	height:761px;
	background-position:top;
}

/*-----------------------------------------------

 top-navi

-------------------------------------------------*/
#top-navi{
	position:absolute;
	top:0;
	width:100%;
	background:#FFFF00;
}

#float-navi{
	width:120px;
	position:absolute;
	top:-51px;
	right:63px;
	z-index: 20000;
	position: fixed;
}

#warui-wrapper{
	position: fixed;
	top: 0;
	z-index: 19999;
	left:50px;
}

/*-----------------------------------------------

 navi

-------------------------------------------------*/
#navi{
	/*overflow: auto;*/
	padding:0 22px 0 0;
}

#navi-container{
	padding:0 0 0 190px;
}

#sideNavi{
	position:absolute;
	top:0;
	left:30px;
	width:190px;
}

.box{
	margin:0 8px 17px;
	float: left;
	line-height: 1.4em;
	/*
	background: #D8D5D2;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}

.box p a{
	position:relative;
}

.navi-box{
	background-color:#F00;
	margin:5px;
	padding:5px;
}

.col1 {
	width: 131px;
	
}
.col2{
	width: 290px;
}
.f-col2{
	width: 290px;
}
.border1{
	border:5px solid #343434;/*#e3027a;*/
}


/*-----------------------------------------------

 mansony

-------------------------------------------------*/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/*----------------------------------------

SNS

-------------------------------------------*/
#sns{
	z-index:300;
	padding:0 10px;
	position:absolute;
	overflow:hidden;
	height:163px;
	top:605px;
	left:0;
	border:1px solid #1b1a16;
	background: url(../img/sns_btn.jpg) no-repeat;
	background-color:#000;
}

*html #sns{
	display:hiden;
	background-image:none;
	border:none;
}

#sns_ul{
	padding:13px 0 0 30px;
}

#sns_ul li{
	display:block;
	height:29px;
}


.back-top{
	position:absolute;
	top:32px;
	left:960px;
}


/*-----------------------------------------------

 intro

-------------------------------------------------*/
#intro-wrapper{
	position:relative;
	height:980px;
	margin:0 0 0px;
}

#intro-bg{
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
    right: 0;
	background-image:url('../img/intro/bg0.jpg');
	background-repeat:no-repeat;
	background-position:top;
	z-index:0;
	min-width:1024px;
	min-height:980px;
}

#intro{
	z-index:2;
	position:relative;
	padding:621px 0 0 41px;
	width:980px;
}

#intro-txt-container{
	background-image:url('../img/intro/txtBg.png');
	background-repeat:no-repeat;
	height:359px;
}
#intro-txt{
	position:relative;
	padding:83px 0 0 40px;
}

#intro-btn-container{
	position:absolute;
	top:270px;
	right:90px;
}

.intro-btn{
	padding:0 12px 0 0;
}

#intro-desc{
	padding:18px 0 0 30px;
}


#intro-assets0{
	position:absolute;
	top:224px;
	left:0;
}
#intro-assets1{
	position:absolute;
	top:299px;
	left:539px;
}
#intro-assets2{
	position:absolute;
	top:157px;
	left:739px;
}
#intro-assets3{
	position:absolute;
	top:461px;
	left:735px;
}



/*-----------------------------------------------

 story	

-------------------------------------------------*/
#story-wrapper{
	position:relative;
	height:876px;
	margin:0 0 0px;
}

#story-bg{
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
    right: 0;
	background-image:url('../img/story/bg0.jpg');
	background-repeat:no-repeat;
	background-position:top;
	z-index:0;
	min-width:1024px;
	min-height876px;
}

#story{
	z-index:2;
	position:relative;
	padding:529px 0 0 0px;
	width:719px;
}

#story-txt-container{
	background-image:url('../img/story/txtBg.png');
	background-repeat:no-repeat;
	height:359px;
}
#story-txt{
	position:relative;
	padding:79px 0 0 30px;
}

#story-btn-container{
	position:absolute;
	top:282px;
	right:29px;
}

.story-btn{
	padding:0 12px 0 0;
}

#story-desc{
	padding:27px 0 0 49px;
}



/*-----------------------------------------------

 cast

-------------------------------------------------*/
#cast-wrapper{
	position:relative;
	height:712px;
	margin:0;
	padding:80px 0 0;
}



/*-----------------------------------------------

 staff	

-------------------------------------------------*/
#staff-wrapper{
	position:relative;
	height:876px;
	margin:0;
}

#staff-bg{
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
    right: 0;
	background-image:url('../img/staff/bg0.jpg');
	background-repeat:no-repeat;
	background-position:top;
	z-index:0;
	min-width:1024px;
	min-height:876px;
}

#staff{
	z-index:2;
	position:relative;
	padding:505px 0 0 0px;
	width:952px;
}

#staff-txt-container{
	background-image:url('../img/staff/txtBg.png');
	background-repeat:no-repeat;
	height:371px;
}
#staff-txt{
	position:relative;
	padding:74px 0 0 30px;
}

#staff-btn-container{
	position:absolute;
	top:315px;
	right:75px;
}

#staff-select-btn-container{
	position:absolute;
	top:35px;
	right:75px;
}

.staff-btn,.staff-select-btn{
	padding:0 12px 0 0;
}

#staff-desc{
	padding:0 0 0 35px;
}





/*------------------------------------------------

 slider
 
-------------------------------------------------*/
.slideFrame {
	overflow: hidden;
	width: 100%;
	left:0px;
}

.slideCell {
	display: block;
	float: left;
	margin-right: 0px;
}

#slider-0.slideFrame {
	height: 300px;
	position:relative;
}

#gallery-ttl{
	width:1009px; 
	margin:0 auto; 
	padding:80px 0 5px 15px;
}
.gallery-box{
	position:relative;
	width:449px;
	height:300px;
	display:block;
}
.gallery-box2{
	position:relative;
	width:449px;
	height:300px;
	display:block;
}

#slider-0 .slideCtrl{
	
}

.slideCtrl{
	padding:110px 0 0;
	display:none;
	position:absolute;
	top:0;
	width:57px;
	height:100%;
	color:#e3027a;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	/*
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	fliter:alpha(opacity=80);
	*/
	
}
.slideCtrl.left { left: 0; }
.slideCtrl.right { right: 0; }

/*-----------------------------------------------

word

-------------------------------------------------*/
#words{
	width:984px;
	margin:0 auto;
	padding:80px 0 20px;
}
#lead3{
	padding:0 0 25px;
}
#word-select-btn{
	width:196px;
}

.word-btn{
	padding:0 11px 11px 0;
}
#word-txt{
	width:744px;
	padding:0 0 0 26px;
}

dt{
	color:#e40073;
	font-size:18px;
	padding:0 0 7px;
}
dd{
	color:#CACACA;
	padding:0 0 5px;
	margin:0 0 22px;
	line-height:1.5;
	border-bottom:dotted 1px #353535;
}
.yomi{
	font-size:12px;
}
.word-warning{
	font-size:10px;
	color:#666;
	letter-spacing:0;
	line-height:1.5;
}

/*-----------------------------------------------

 footer

-------------------------------------------------*/
#footer{
	width:1024px;
	padding:60px 0 30px;
	position:relative;
	margin:0 auto;
}
#cc{
	width:180px;
	padding:10px 0 0;
	margin:0 auto;
	font-size:12px;
}
#cc a{
	padding: 0 5px;
}

/*-----------------------------------------------

 a

-------------------------------------------------*/
a{
	color:#f1007e;
}

a:hover{
	text-decoration:none;
}





/*-----------------------------

waruiine

----------------------------*/
#warui-button-wrapper{
	position:relative;
	width:1024px;
	z-index:30000;
	display:none;
	
}

#warui-button{
	position:absolute;
	top:730px;
	left:737px;
	width:272px;
}

.waruiine-btn{
	background-color:transparent;
	border:0;
	padding:1px 0 0 0;
	margin:0;
	cursor:pointer;
	width:99px;
	position:relative;
	height:31px;
}

*:first-child+html .waruiine-btn{
	background-image:url(../img/waruiine/waruiine_off.png);
	background-position:0 1px;
	width:99px;
	height:30px;
}
/*safari*/

.input-waru{
	padding:0;
	margin:0;
	border:0;
	position:absolute;
	top:1px;
	left:0px;
}

.waru-count{
	width:92px;
	height:23px;
	background-image:url(../img/waruiine/waruiine_fukidashi.png);
	background-repeat:no-repeat;
	padding:7px 0 0 7px;
	margin:0 0 0 0;
	text-align:center;
	color:#da1e80;
	font-weight:bold;
	font-size:116%;
	font-family:'Helvetica Neue',Arial,sans-serif;
}
.tw-waru-btn{
	padding:1px 5px 0 0;
	display:none;
}

.fb-waru-btn{
	padding:1px 5px 0 0;
	display:none;
}


.waru-navi-count-wrapper{
	z-index:2;
	color:#989898;
}
.waru-navi-count{
	font-family:'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	position:absolute;
	top:7px;
	right:-3px;
	padding:3px 5px;
	font-size:11px;
	background:#343434;
}

.waru-count2{
	padding:0 2px 0 0;
	vertical-align:top;
	font-size:12px;
}

#intro-warui{
	position:absolute;
	top:53px;
	right:98px;
}

#story-warui{
	position:absolute;
	top:60px;
	right:39px;
}

#staff-warui{
	position:absolute;
	top:34px;
	right:289px;
}

#gallery-warui{
	position:absolute;
	top:91px;
	left:419px;
}

#words-warui{
	position:absolute;
	top:86px;
	left:389px;
}