@charset "utf-8";

/*==================================
	Author: ULLUCUS S.O
	Update:	2010/12/27
	Style: TOP(Entrance)ページ
 ---------------------------------
 - ★Default
 - ★ブラウザチェック用
 - ★Base Style
   	- body
	- h1
	- h2~4
	- ul
	- img
	- Font：Size
	- Font：BG透過→文字隠し
	- a
	
 - ★Wrap（外枠）
	
 - ★Common Class
	- clear
	
 - ★TOPページ
 	- News
	- 冬期休業(PopUp)
 ---------------------------------
 Black(Main BG)：#333
 Text Gray：#111
==================================*/


/**************************************************
		★Default
**************************************************/
* {
	margin: 0;
	padding: 0;
	line-height: 180%;
	font-size: 100%;
}
/* zoom: 1→ IE6、IE7 */

/**************************************************
		★ブラウザチェック用
**************************************************/
#br-check {
	padding: 10px;
	font-size: 87.5%;
}


/**************************************************
		★Base Style
**************************************************/
/*	body
------------------------------------*/
body {
	background-color: #111;
	color: #ddd;
}

/*	h1：ALVIONロゴ
------------------------------------*/
#top h1,
#top h1 a span {
	width: 148px;
	height: 15px;
}
/*---- 基準(relative) ----*/
#top h1 {
	position: relative;
	margin-bottom: 34px;
}
	/*---- (absolute) ----*/
	#top h1 a span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: url(../img/logo/logo_alvion.gif) no-repeat 2px top;
	}
		#top h1 a:link span,
		#top h1 a:visited span,
		#top h1 a:hover span {
			background: url(../img/logo/logo_alvion.gif) no-repeat 2px top;
		}

/*	h2〜4：各バナー
------------------------------------*/
#top h2,
#top h2 span {
	width: 800px;
	height: 300px;
}
#top h4,
#top h4 span {
	width: 800px;
	height: 180px;
}
/*
#top h4 + h4 {
	margin-top: 24px;
}
*/
/*---- 基準(relative) ----*/
#top h2,
#top h4 {
	position: relative;
	margin-bottom: 18px;
}
#top h4 {
	margin-bottom: 24px;
}

	/*---- (absolute) ----*/
	#top h2 span,
	#top h4 span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	/* default */
		#top h2 a:link span,
		#top h2 a:visited span {
			background: url(../img/info/link_alvion.jpg) no-repeat left top;
		}
		#top h4 a:link span,
		#top h4 a:visited span {
			background: url(../img/info/link_l.png) no-repeat left top;
		}
	/* on */
		#top h2 a:hover span {
			background: url(../img/info/link_alvion_on.jpg) no-repeat left top;
		}
		#top h4 a:hover span {
			background: url(../img/info/link_l_on.png) no-repeat left top;
		}
	
	/*//// Main Visual(カンブリア大爆発) ////*/
		#top h2.s-alvion a span {
			background-position: 0 0;
		}
	/*//// MALICIOUS ////*/
		#top h4.s-malicious a span {
			background-position: 0 0;
		}
	/*//// プーペDS2 サポート ////*/
		#top h4.s-pupe-ds2 a span {
			background-position: 0 -180px;
		}

/*	ul：各バナー
------------------------------------*/
#top ul {
	margin-top: 24px;
	margin-bottom: 15px;
}
	#top ul li {
		float: left;
		width: 260px;
		list-style: none;
		margin-right: 10px;
	}
/*---- 基準(relative) ----*/
#top ul li {
	position: relative;
}
	/*---- (absolute) ----*/
	#top ul li a span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	
	
/* 1段目 */
#top ul.list1 li,
#top ul.list1 li a span {
	width: 260px;
	height: 180px;
}
	/* default */
	#top li a:link span,
	#top li a:visited span {
		background: url(../img/info/link_m.png) no-repeat left top;
	}
	/* on */
	#top li a:hover span {
		background: url(../img/info/link_m_on.png) no-repeat left top;
	}
	/*//// ULLUCUS HEAVEN ////*/
	#top li.s-ullucus a span {
		background-position: 0 0;
	}
	/*//// GamePure ////*/
	#top li.s-gamepure a span {
		background-position: 0 -180px;
	}
	/*//// プーペガールDS ////*/
	#top li.s-pupe-ds a span {
		background-position: 0 -360px;
	}
	
/* 2段目 */
#top ul.list2 li,
#top ul.list2 li a span {
	width: 260px;
	height: 100px;
}
	/*/// width 2倍 ///*/
	#top ul li.w-2,
	#top ul li.w-2 a span {
		width: 530px;
	}
	/* default */
	#top .list2 li a:link span,
	#top .list2 li a:visited span {
		background: url(../img/info/link_s.png) no-repeat left top;
	}
	/* on */
	#top .list2 li a:hover span {
		background: url(../img/info/link_s_on.png) no-repeat left top;
	}
	/*//// Gallery ////*/
	#top li.s-gallery a span {
		background-position: 0 0;
	}
	/*//// ACE ////*/
	#top .list2 li.s-ace a span {
		background-position: -530px 0;
	}


/*	img：border消し
------------------------------------*/
img {
	border: none;
}


/* Font：Size
------------------------------------*/
#top h3 {
	font-size: 100%;
}
#top dt,
#top dd {
	font-size: 87.5%;
}

/* Font：Color
------------------------------------*/


/* Font：BG透過→文字隠し
------------------------------------*/
#top h1,
#top h2,
#top h4,
#top li {
	text-align: center;
	font-size: 6px;
	color: #131313;
}

/*	a(link)
------------------------------------*/
/* IE系リンク下線バグ対応で
　text-decorationは使用せず */
a {
	text-decoration: none;
	outline: none;
	color: #131313;
}


/**************************************************
		★Wrap（外枠）
**************************************************/
/*　Base
------------------------------------*/
#top #wrap {
	width: 800px;
	margin: 0 auto;
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: left;
}



/**************************************************
		★Common Class
**************************************************/
/*	clear
------------------------------------*/
hr.cl-b {
	height: 0px;
	border: none;
	clear: both;
}







/**************************************************
		★TOPページ
**************************************************/
/*	News
------------------------------------*/
#top h3 {
	padding: 5px;
	text-decoration: underline overline;
	margin: 0;
}
#top dt,
#top dd,
#top a {
	vertical-align: baseline;
}
#top dl {
	margin-top: 0;
	margin-bottom: 18px;
}
	#top dt {
		float: left;
		padding-right: 1.5em;
		padding-left: 0.8em;
		clear: both;
	}
	#top dd {
		display: block;
		float: left;
		width: 85%;
	}
		#top dd a {
			color: #ddd;
			text-decoration: underline;
		}
		
/* 冬期休業	(PopUp)
--------------------------------------*/
#notice {
	background: none;
	color: #111;
}
	#notice #wrap {
		width: 560px;
		padding: 20px;
		line-height: 160%;
	}
/* h1 */
#notice h1 {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	padding: 0em 0 1em;
	font-size: 112.5%;/* 18px */
}

/* h2, h3 */
#notice h2,
#notice h3 {
	margin: 0 0 0.5em;
	padding: 5px;
	font-size: 93.75%;
}

/* p */
#notice p {
	font-size: 81.25%;
	line-height: 180%;
}
	#notice #contents p {
		text-indent: 1em;
		margin-bottom: 1em;
	}

#notice a {
	margin-top: 50px;
	display: block;
	text-decoration: underline;
}