@charset "utf-8";

.clear {clear:both;}

/* ローダー設定 */
.square {
	position:absolute;
	top:330px;
	left:50%;
	height:46px;
	color: #d2dae6;
	z-index:905;
	padding:0px;
	margin-left: -115px;
	font-size:20px;
	text-align:center;
	width: 150px;
}
#busy1{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
}
#load-text {
	font-family: 'Roboto', sans-serif;
	position:absolute;
	top:330px;
	left:50%;
	width:100px;
	z-index:905;
	padding:0px;
	color:#d2dae6;
	margin-left:10px;
	text-align:center;
	font-size:20px;
}
#bar{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-72px;
	width:144px;
	height:1px;
	margin-top:40px;
}

#bar img{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-72px;
	width:144px;
	margin-top:-112px;

	
}

#move_bar{
	position:absolute;
	left:50%;
	top:0;
	height:1px;
	width:0%;
	background:#FFF;
}

body > .square {height: auto;}


#fade {
	background: #000000; margin: 0px; padding: 0px; width: 100%; height: 100%; position: fixed; top:0; z-index: 901; min-height: 100%;
}

#fade2 {
	background: #000000; margin: 0px; padding: 0px; width: 100%; height: 100%; position: fixed; top:0; min-height: 100%; z-index: 1;
}

body > #fade {height: auto;}



/* リンク設定 */

a:link {color: #8b826a; text-decoration: underline;}

a:active {color: #8b826a; text-decoration: underline;}

a:visited {color: #8b826a; text-decoration: underline;}

a:hover {color: #8b826a; text-decoration: underline;}

td{
	vertical-align:top;
}

/*--------------------
navigation
---------------------*/
#navigation{
	position:absolute;
	left:50%;
	width:1248px;
	height:95px;
	margin-left:-624px;	
	top:6px;
	background:url(../img/common/navigation/navigation_base.png) no-repeat center top;
	z-index:2;
}
.navi{
	position:absolute;
	top:3px;
	cursor:pointer;
}
#home{
	left: 147px;
}
#trailer{
	left: 229px;
	opacity:0;
}
#about{
	left:328px;
	opacity:0;
}
#cast{
	left:501px;
	opacity:0;
}
#music{
	left:629px;
	opacity:0;
}
#comment{
	left:716px;
	opacity:0;
}
#news{
	left: 827px;
	opacity:0;
}
#dvd{
	left: 908px;
	opacity:0;
}

#ticket{
	left: 970px;
	opacity:0;
}
#twitter{
	left: 1064px;
	opacity:0;
}




/*-----------------------
footer
------------------------*/
#footer{
	clear: both;
	position: absolute;
	width: 100%;
	height: 73px;
	min-width: 1100px;
	bottom: 0;

}

/* コピーライト */

.credits{
    position:relative;
    width: 100%;
    text-align: right;
    right: 10px;
	top:5px;
    color:#F5C549;
    letter-spacing: 0.1em;
}

.credits a{
	color:#F5C549;
	text-decoration: none;
	font-size:10px;
}

.credits a:hover{
	color:#FFF;
	font-size:10px;
	text-decoration: none;
}

.credits p{
	color:#F5C549;
	text-align:center;
	margin-bottom:15px;
	height:9px;
	letter-spacing:0;
	font-size:10px;

}

.credits .links{

	position:absolute;
	right:40px;
	height:9px;
	font-size:10px;
}

span{
	margin:0 7px;	
}

/*-----------------------------
クレジット
------------------------------*/
#credit_tab{
	position:absolute;
	width:100%;
	bottom:-190px;
	height:170px;
	text-align:center;
	background:#FFFFFF;
	padding-top:20px;
}
#credit_tab a:hover{
	color:bf1313;
}
#credit_close{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
#credit_open{
	text-decoration: none;
	cursor:pointer;
}



/*-------------------------
シェア周り
--------------------------*/
#sns_btns{
    width: 343px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
#sns_open{
	width: 76px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	right: 15px;
	bottom:70px;
}
.share{
	position: absolute;
	right: 0;
	width: 343px !important;
	height: 20px;
}

#sns_btns li{
	list-style:none;
	float:left;
	margin:0px;
}
#sns_btns li+li{
	margin-left:10px;
}
#s_tw{
	width:100px;
	overflow:hidden;
}
#s_fb{
	width:70px;
	overflow:hidden;
}
#gplus{
	width:70px;
	overflow:hidden;
	border:1px solid #ffffff;
}
#s_btn_op{
	position:absolute;
	right:0px;
	cursor:pointer;
}
#s_btn_cl{
	position:absolute;
	right:0px;
	display:none;
	cursor:pointer;
}

#pagefade{
	position:fixed;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	background:#000;
	left:0;
	top:0;
}
.close{
	position:fixed;
	right:0;
	top:0;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	background:#333;
	color:#FFF;
	font-size:40px;
	font-family: sans-serif;
}


/*---------------
popup
----------------*/
#rulespage{
	background:#d00514;
}
#rules{
	background:#FFF;
	margin:10px;
}
#text_area{
	padding:30px;
}