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

@common

last update 130908
v 1.0

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

body{
}

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

#wrapper{
	width:100%;
	height:100%;
	min-width:1024px;
}

#main{
	position:relative;
}

.container{
	line-height:10px !important;
}

.container p:first-child{
	margin:0 0 10px;
}

#top-banner-container{
    display:block;
    margin:7px auto 0;
    height:92px;
}

#footer{
    height: 190px;
    z-index: 100;
    left: 0px;
    background-color: #000;
    width: 100%;
    text-align: center;
}


/*----------------------------
@preloader
----------------------------*/
#preloader {
	/*display:none;*/
	position: fixed;
	/*margin-top: -100px;
	margin-left: -200px;*/
	background-color:#000;
	z-index:9999;
	top:0;
	left:0;
}

#preloader>.relative{
	width:inherit;
	height:inherit;
	overflow:hidden;
}

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

#preloader-txt{
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: 0px;
	margin-left: 0px;
	z-index:2;
}

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


#progress-txt {
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e63663;
	z-index:4;
	position:absolute;
	top:145px;
	left:293px;
	width:60px;
}


/*----------------------------
contents
----------------------------*/
#contents{
	margin:0;
	padding:120px 0 0;
	width:100%;
	
	background-image:url("../img/contents_bg_2.jpg");
	background-position:center top;
	background-repeat:repeat-y;
	/*background-attachment: fixed;*/
	background-size:100% auto;
	
}
/*
#contents-bg{
	position:absolute;
	z-index:1;
}*/

.inner{
}

.txt{
	margin:0 0 20px;
	color:#fff;
}

.ttl{
	margin:0 0 20px 0;
	padding:0 0 0 20px;
}

.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
----------------------------*/
#navi{
    display: block;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

#navi ul{
	width:1024px;
	/*margin:0 auto;*/
	margin:0;
}

#navi li{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
    padding: 0 15px 0;
	cursor:pointer;
	display:block;
	float:left;
}

#navi li p img{
	display:block;
}

#navi li p{
	padding:14px 0;
}

#back-to-top{
	position:fixed;
	z-index:500;
	bottom:20px;
	left:50%;
	margin-left:-50px;
	display:none;
}

#sadako-twitter{
	margin:0 20px 5px 0;
	padding:0 0 5px 0 !important;
	float:left;
	vertical-align:bottom;
}

#kayako-instagram{
	margin:0 0 5px;
	padding:0 0 0 0 !important;
	vertical-align:bottom;
}

#about-navi-container{
	position:absolute;
	z-index:2;
	top:50px;
	left:64px;
	width:200px;
	height:250px;
	display:none;
}

#about-navi{
	width:190px !important;
    height:210px;
    padding:20px 0 0 0;
	background:rgba(0,0,0,0.9);
}

#about-navi li{
	float:none;
	color:#fff;
}

#about-navi li p{
	padding:11px 0px !important;
}

#about-navi li img{
	margin:0 0 25px;
}

#about-close{
	cursor:pointer;
}


/*----------------------------
footer
----------------------------*/
footer{
	display:none;
	width:100%;
	height:461px;
	margin:0 auto;
	background-image:url("../img/ido/ido.png");
	background-position:center top;
	background-repeat:no-repeat;
}


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


/*----------------------------
SNS
----------------------------*/
#social-container{
	position:absolute;
	width:200px;
	top:14px;
	right:20px;
	z-index:1000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
}

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


#twitter{
	padding:0 0 10px;
	width:85px;
}

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

#mixi-like{
	padding:0 0 4px;
	width:80px;
}

#google-plusone{
	width:54px;	
}


/*----------------------------
modules
----------------------------*/
a{
}

a:hover{
}

.inner{
	position:relative;
	width:1024px;
	margin:0 auto;
}