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

	CSS2.0 & 2.1 & 3 Document
	
	system page styles

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

								clearFix
								
------------------------------------------------------------------------------*/
#hoge:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}


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

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#systemIndexSection p,
#systemIndexSection h3
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



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

							#systemIndexSection
							
------------------------------------------------------------------------------*/
#systemIndexSection{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 2740px;
	/*background: url(../../assets/system/images/system_sprite.jpg) no-repeat scroll center top;*/
	background: url(../../images/common/content_bg.jpg) repeat-y scroll left top;
}

#systemLeading{
	position: relative;
	top: 31px; left: 90px;
	width: 703px; height: 280px;
	background: url(../../assets/system/images/system_sprite.png) no-repeat scroll 0px 0px;
}

.systemSection{
	position: relative;
	width: 100%; height: 474px;
}


#tentionSystem .explanation{
	position: absolute;
	top: 122px; left: 110px;
	width: 342px; height: 224px;
	background: url(../../assets/system/images/system_sprite.png) no-repeat scroll 0px -275px;
}


#skillMasterSystem .explanation{
	position: absolute;
	top: 122px; left: 410px;
	width: 342px; height: 238px;
	background: url(../../assets/system/images/system_sprite.png) no-repeat scroll -363px -275px;
}


#scoutSystem .explanation{
	position: absolute;
	top: 110px; left: 110px;
	width: 342px; height: 273px;
	background: url(../../assets/system/images/system_sprite.png) no-repeat scroll 0px -502px;
}


#renkinSystem .explanation{
	position: absolute;
	top: 122px; left: 410px;
	width: 342px; height: 410px;
	background: url(../../assets/system/images/system_sprite.png) no-repeat scroll -363px -515px;
}


#casinoSystem .explanation{
	position: absolute;
	top: 108px; left: 110px;
	width: 342px; height: 232px;
	background: url(../../assets/system/images/system_sprite.png) no-repeat scroll 0px -790px;
}





#systemIndexSection .ssContainer{
	position: absolute;
	width: 262px; height: 497px;
	background: url(../../images/common/sp_mock_large.png) no-repeat scroll 0px 0px;
}

#systemIndexSection .ssContainer a,
#systemIndexSection .ssContainer img{
	position: absolute;
	top: 85px; left: 41px;
}

#systemIndexSection .ssContainer a img{
	position: static;
}

#tentionSystem .ssContainer{
	top: 12px; left: 475px;
}

#skillMasterSystem .ssContainer{
	top: 12px; left: 123px;
}

#scoutSystem .ssContainer{
	top: 12px; left: 475px;
}

#renkinSystem .ssContainer{
	top: 12px; left: 123px;
}

#casinoSystem .ssContainer{
	top: 12px; left: 475px;
}