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

* {
	color:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

html, body {
	background-color: #000000;
	width:100%;
	height:100%;
	overflow-y:scroll;
}
	html#popup_saga, #popup_saga body {
		background-color: #000000;
		width:100%;
		height:100%;
		background-image: url('../img/popup_bg_saga.gif');
		background-repeat: no-repeat;
		overflow-y:auto;
	}

a, div, img, area, map { 
	outline : 0 ;
}

ul, li{
	list-style: none;
}

#sqexHeader-black{
	position: fixed !important;
	top: 0;
	left: 0;
}

#sqexFooter{
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
}

#mainBg{
	width: 100%;
	height:100%;
	position: fixed;
	z-index: 1;
	overflow: hidden;
	top: 0;
	left: 0;
}
	#mainBg img{
		position: absolute;
	}

#introCover{
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.fadeImg{
	cursor: pointer;
}

#windowAttention{
	width: 100%;
	height:100%;
	position: fixed;
	z-index: 3;
	overflow: hidden;
	top: 0;
	left: 0;
}
	#windowAttention #attentionTxt{
		position: absolute;
		left: 0;
		top: 35%;
		margin-top: -30px;
		width: 100%;
		text-align: center;
	}
	#windowAttention #attentionBtn{
		position: absolute;
		left: 0;
		top: 35%;
		margin-top: 70px;
		width: 100%;
		text-align: center;
	}


.bgCover{
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#scrollGuide{
	width: 100%;
	text-align: center;
	z-index: 2;
	bottom: 0;
	position: fixed;
	overflow: hidden;
	height: 44px;
}
	#scrollGuide img{
		position: relative;
	}

#mainContainer{
	width: 100%;
	height:100%;
	position: absolute;
	z-index: 10;
}
	/* top */
	#mainContainer #mainInner{
		margin: 70px 30px 30px 30px;
		position: absolute; 
	}
		#mainContainer #mainInner #information{
			top: 0;
			position: absolute; 
		}
		#mainContainer #mainInner #mainTitle{
			top: -200px;
			position: absolute; 
		}
			#mainContainer #mainInner #mainTitle.fixed{
				top: 105px;
				position: fixed; 
			}
	/* information */
	#mainContainer #mainInner_info{
		margin: 70px 30px 30px 30px;
		position: absolute;
		display: none; 
	}
		#mainContainer #mainInner_info #information_info{
			top: 0;
			position: absolute; 
		}
		#mainContainer #mainInner_info #infoBnrContainer{
			width: 700px;
			top: 430px;
			left: 4px;
			position: absolute;
			overflow: hidden;
		}
			#mainContainer #mainInner_info #infoBnrContainer .info_bnrs{
				position: static;
				float: left;
				width: 300px;
				margin-right: 27px;
			}
	/* comment */
	#mainContainer #mainInner_comment{
		margin: 70px 30px 30px 30px;
		position: absolute;
		display: none; 
	}
		#mainContainer #mainInner_comment #information_comment{
			top: 0;
			position: absolute; 
		}
	/* tracklist */
	#mainContainer #mainInner_track{
		margin: 70px 30px 30px 30px;
		position: absolute;
		display: none; 
	}
		#mainContainer #mainInner_track #information_track{
			top: 0;
			position: absolute; 
		}
		#mainContainer #mainInner_track #trackListContainer{
			top: 70px;
			position: absolute; 
		}
			#mainContainer #mainInner_track #trackListContainer .list_box{
				margin-bottom: 5px;
				position: relative;
			}
				#mainContainer #mainInner_track #trackListContainer .list_box .list_txt{
					position: absolute;
					left: 50px;
					top: 0;
				}
				#mainContainer #mainInner_track #trackListContainer .list_box .list_btn{
					width: 42px;
					height: 25px;
				}
				#mainContainer #mainInner_track #trackListContainer .list_box .list_btn.off{
					background-image: url("../img/btn_track_play.png");
					filter: alpha(opacity=50);
					-moz-opacity:0.5;
					opacity:0.5;
				}
				#mainContainer #mainInner_track #trackListContainer .list_box .list_btn.play{
					background-image: url("../img/btn_track_play.png");
				}
				#mainContainer #mainInner_track #trackListContainer .list_box .list_btn.stop{
					background-image: url("../img/btn_track_stop.png");
				}
	
	#mainContainer #storeLink{
		position: absolute;
		overflow: hidden;
		right: 25px;
	}
		#mainContainer #storeLink li{
			float: left;
			padding-left: 15px;
		}
		#mainContainer #storeLink ul{
			padding-bottom: 20px;
		}
			#mainContainer #storeLink li.txt{
				float: none;
				padding-right: 15px;
				margin-top: -4px;
			}
			#mainContainer #storeLink li.int{
				padding-left: 20px;
				padding-right: 0;
				padding-bottom: 5px;
				margin-top: -4px;
			}
			#mainContainer #storeLink li.bnr_r{
				float: none;
				padding-right: 15px;
				margin-bottom: 20px;
			}
			#mainContainer #storeLink li.bnr_off{
				filter: alpha(opacity=50);
				-moz-opacity:0.5;
				opacity:0.5;
			}
	
	#mainContainer #spBnr{
		position: absolute;
		right: 0;
		margin-right: 32px;
	}

#mainNavi{
	position: fixed;
	right: 32px;
	width: 426px;
	height: 24px;
	z-index: 11;
}

.naviBtns{
	float: left;
	background-repeat: no-repeat;
	margin-left: -4px;
}
	.naviBtns.split{
		width: 15px;
		height: 24px;
		background-image: url("../img/navi_span.png");
	}
	#btnTop.naviBtns{
		width: 36px;
		height: 24px;
		background-image: url("../img/btn_navi_top.png");
	}
	#btnInfo.naviBtns{
		width: 104px;
		height: 24px;
		background-image: url("../img/btn_navi_info.png");
	}
	#btnTrack.naviBtns{
		width: 84px;
		height: 24px;
		background-image: url("../img/btn_navi_track.png");
	}
	#btnComment.naviBtns{
		width: 111px;
		height: 24px;
		background-image: url("../img/btn_navi_comment.png");
	}
	#btnBgm.naviBtns{
		background-repeat: no-repeat;
		width: 67px;
		height: 24px;
		overflow: hidden;
	}

#popup_container{
	margin: 20px;
}