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

/*
 * SUMMON NIGHT OFFICIAL WEB SITE
 * 2012
 *
 * top.css
 *
 *
 */

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


/*
 *  TABLE OF CONTENTS
 *
 *  @Body
 *  @Wrapper
 *  @Navigation
 *  @Header
 *  @Footer
 *
 */



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

/* @Body
===========*/
body#index {
}


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

/* @Wrapper
===========*/


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

/* @Header
===========*/
#header p.btn_home,
#header p#pageTop {
	display: none !important;
}

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

/* @btnGroupTop
===========*/

.btnGroupTop,
.btnGroupBottom {
	position: relative;
	clear: both;
}
.btnGroupTop {
	top: 0;
}
.btnGroupBottom {
	/*top: 215px;*/
	top: 379px;
}
.btnGroupTop li,
.btnGroupBottom li {
	position: absolute;
}

.btnGroupTop .banner_sn_memories {
	left: -5px;
}
.btnGroupTop .banner_sn_collection {
	right: -6px;
}
.btnGroupBottom .banner_sn {
	top: 15px;
	left: -5px;
}
.btnGroupBottom .banner_sn2 {
	top: 15px;
	left: 191px;
}
.btnGroupBottom .banner_sn3 {
	top: 15px;
	left: 387px;
}
.btnGroupBottom .banner_sn4 {
	top: 15px;
	left: 583px;
}
.btnGroupBottom .banner_sn5 {
	top: 15px;
	left: 779px;
}
.btnGroupTop .banner_sn6 {
	left: -5px;
}

/* @Navigation
===========*/
#gNavi {
	position: relative;
	height: 320px;
}

	#gNavi li {
		position: absolute;
}

	#gNavi li a, #gNavi.hover-anims a, #gNavi.hover-anims span {
		display: block;
		text-indent: -9999px;
		height: 320px;
		width: 225px;
		background-image: url(../images/top/gNavi.png);
		background-repeat: no-repeat;
		overflow: hidden;
		position: relative;
	}

	#gNavi.hover-anims a span {position:absolute; left:0; top:0; }

	li.sn3 {top: 0;	left: 0;}
	.hover-css li.sn3 a, .hover-anims li.sn3 a {background-position: 0 0;}
	.hover-css li.sn3 a:hover, .hover-anims li.sn3 span {background-position: 0 -320px;}

	li.sn4 {top: 0; left: 246px;}
	.hover-css li.sn4 a, .hover-anims li.sn4 a {background-position: -225px 0;}
	.hover-css li.sn4 a:hover, .hover-anims li.sn4 span {background-position: -225px -320px;}

	li.sn5 {top: 0; left: 490px;}
	.hover-css li.sn5 a, .hover-anims li.sn5 a {background-position: -450px 0;}
	.hover-css li.sn5 a:hover, .hover-anims li.sn5 span {background-position: -450px -320px;}

	li.snc {top: 0; left: 735px;}
	.hover-css li.snc a, .hover-anims li.snc a {background-position: -675px 0;}
	.hover-css li.snc a:hover, .hover-anims li.snc span {background-position: -675px -320px;}


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

/* @Contents
===========*/
#contents {
	width: 960px;
	margin: 0 auto;
	/*background: url(../images/top/bg_contents.jpg) no-repeat 0 0;*/
	padding: 1px 0 0 0;
	position: relative;
	/*min-height: 550px;*/
	min-height: 714px;
}


/* @NEWS AREA
===========*/
#newsArea {
	background: url(../images/top/bg_news.png) no-repeat 0 0;
	padding: 37px 30px 13px 17px;
	width: 395px;
	position: absolute;
	/*top: 441px;*/
	top: 605px;
	left: 0;
	min-height: 127px;
}

#newsArea .scroll {
	overflow-y: scroll;
	height: 123px;
}

#newsArea dl {
	border-bottom: 1px dashed #cccccc;
	clear: both;
	overflow: hidden;
	padding: 5px;
}

#newsArea dl:last-child {
	border-bottom: none;
}

	#newsArea dl dt {
		float: left;
		width: 140px;
		height: 21px;
		color: #e4e4e4;
	}

	#newsArea dl dt .date {
		display: block;
		padding-top: 1px;
	}

	#newsArea dl dd {
		float: right;
		width: 230px;
		color: #e4e4e4;
		padding-top: 1px;
	}

.btn_collectionEvent {
	position: absolute;
	top: 349px;
	left: 0;
}

.btn_tv {
	position: absolute;
	top: 349px;
	left: 490px;
}

/* @btn AREA
===========*/
p.btn_pn {
	position: absolute;
	top: 344px;
	left: 436px;
}

	p.btn_pn a {
		display: block;
		text-indent: -9999px;
		width: 329px;
		height: 182px;
		background: url(../images/top/btn_pn.png) no-repeat 0 0;
	}

	p.btn_pn a:hover {background-position: 0 -182px;}


p.btn_about {
	position: absolute;
	/*top: 435px;*/
	top: 599px;
	right: -14px;
}

p.btn_goods {
	position: absolute;
	/*top: 441px;*/
	top: 605px;
	left: 439px;
}


ul.banner {
	overflow: hidden;
	margin-top: 20px;
}
ul.banner li {
	float: left;
}


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

/* @Footer
===========*/
#footer {
	margin-top: -74px !important;
	padding-top: 150px;
}