@charset "Shift_JIS";

@import "../../../files/css/layout.css";

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	background:#faf0bf url(../img/bg.jpg) no-repeat center bottom;
}

/*-------------------------------------------------------------------------
	Receive
/*-----------------------------------------------------------------------*/
#receive {
	margin-bottom:40px;
}

/*-------------------------------------------------------------------------
	Present
/*-----------------------------------------------------------------------*/
#present {
	position:relative;
	width:630px;
	padding-bottom:67px;
	background:url(../img/present/bg.png) no-repeat center bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	#present .character,
	#present .info {
		position:absolute;
	}
	
	#present .character {
		left:52px;
		top:94px;
	}
	
	#present .info {
		right:20px;
		top:90px;
		z-index:1;
	}

	#present .content {
		padding:5px 0 10px 0;
		background:url(../img/present/content/bg.jpg) repeat-y center top;
		z-index:0;
	}
	
		#present .content ul {
			width:502px;
			margin:0 auto;
		}
		
			#present .content ul li {
				display:inline;
				float:left;
				position:relative;
				width:241px;
				margin:5px;
			}
			
				#present .content ul li a,
				#present .content ul #notice {
					display:block;
					width:203px;
					height:153px;
					padding:19px;
					background:url(../img/present/content/card/bg.jpg) no-repeat left top;
				}

				#present .content ul #notice_wide {
	display:block;
	width:406px;
	height:140px;
	margin-left:53px;
				}
				
/*-------------------------------------------------------------------------
	Character
/*-----------------------------------------------------------------------*/
#character {
	position:relative;
	height:135px;
}

	#character li {
		position:absolute;
	}
	
		#character .no0 {
			left:266px;
			top:26px;
		}
		
		#character .no1 {
			left:394px;
			top:64px;
		}
		
/*-------------------------------------------------------------------------
	Lightbox Include
/*-----------------------------------------------------------------------*/
#lightbox-include {
	width:420px;
	height:60px;
}

	#lightbox-close {
		right:-50px;
		top:-50px;
	}