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

@common

last update 130908
v 1.0

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

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);


html,body{
	
	font-size:13px;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	
	/*overflow-y: hidden;*/
	overflow-x: hidden;
	
	background-color:#000;
	
}

img { -ms-interpolation-mode: bicubic; }


#wrapper{
	width:100%;
	height:100%;
	/*display:none;*/
}

#main{
	position:absolute;
}





.txt{
	padding:40px;
	font-size:16px;
	line-height: 1.8em;
    letter-spacing: 3px;
	font-family: 'Noto Sans Japanese', serif;
	    width: 750px;
    margin: 0 auto;

}















/*-------------------
@preloader
-------------------*/
#preloader {
	z-index:20000;
	position: fixed;
	/*margin-top: -100px;
	margin-left: -200px;*/
	background-color:#fff;
}



#preloader-0{
	display:block;
}

#preloader-ttl{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -232px;
    z-index: 3;
}

#preloader-anime{
	    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
        margin-top: 15px;
    margin-left: -25px;
}

#progress-txt {
	display: block;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e40604;
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    margin-top: 76px;
    margin-left: -28px;
}


#preloader-1{
	display:none;
}

#preloader-illust{
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -144px;
    margin-left: -208px;
	z-index:4;
}

#preloader-balloonContainer{
	position:absolute;
	top: 50%;
	left: 50%;
	    margin-top: -260px;
    margin-left: -78px;
	z-index:4;
}



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

@contents

-------------------------------*/
#contents{
	position:absolute;
	top:0;
	left:250px;
}

.activate{
	display:block;
}

.deactivate{
	
	display:none;
}

.disable-select{
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chrome */
	-ms-user-select: none; /* IE10 */
}



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

@navi

-------------------------------*/
#side {
	display:block;
	text-align:center;
	position:fixed;
	top:0px;
	left:-250px;
	z-index:1;
	width:250px;
	background-repeat:no-repeat;
	background-image:url(../img/common/navi/naviBg.jpg);
	background-size:cover;
	height:auto;
}

#side-inner{
	position: absolute;
    width: 250px;
    top: 0;
    left: 0;
	margin-left: -250px;
}

#navi-inner0{
	padding:0px 0 0 0;
}

#navi-inner0 img{
	padding:1px 0 0 0px;
}

#navi-inner1{
	padding:1px 0 0 0;
}

#navi-inner2{
	padding:1px 0 0 0;
}

#navi-inner2 a{
	display:block;
}

#navi-inner2 img{
	padding:0px 0 1px 0;
}

#navi-inner1 img{
	float:left;
	padding:1px 0 0 1px;
}

#navi img{
	/*filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;*/
	cursor:pointer;
}

#thumb0{
	position:absolute;
	top:5px;
	left:5px;
}











#subnNavi-container{
		display: none;
    position: fixed;
    top: 0;
    left: 250px;
    z-index: 10;
		background-image:url(../img/common/navi/subNaviBg.png);
	background-position:center;
	background-repeat:repeat;

}

#subnNavi-container>.relative{
	width:inherit;
	height:inherit;
	overflow:hidden;
}

#subNavi-inner{
	position:absolute;
	top:0;
	left:0;
	    width: 700px;
			margin-left:-700px;
}


#subNavi-inner img{
	float:left;
	padding:0 1px 1px 0;
	cursor:pointer
}


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

@flash
-------------------------------*/
#flash-container{
}



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

@banner

-------------------------------*/
#banner-container{
	padding:10px 10px 60px;
}

#banner-container li{
	float:left;
	display:block;
	padding: 0 10px 10px 0;
}

#banner-container img{
	/*width:121px;*/
	height:45px;
}





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

@SNS

-------------------------------*/
#social-container{
	padding:10px 0 0 10px;
	    width: 230px;
	   
}

#social-container li{
	float:left;
	display:block;
	height:24px;
}

#twitter{
	padding: 0 0 0px;
    width: 61px;
	    margin-right: 15px;
}

#facebook-like{
	padding:0 0 3px;
	width:105px;
}