#wrapper {
	position: relative;
	background: #6A6E70 url(../images2/contentBg.gif) no-repeat center top;
}

#header {
	position: relative;
	width: 980px;
	height: 160px;
}

	#title {
		position: absolute;
		left: 0;
		top: 0;
		width: 386px;
		height: 160px;
	}
	
	#yodogawa {
		position: absolute;
		left: 615px;
		top: 0;
		width: 365px;
		height: 150px;
	}
	
	#yodogawa p {
		position: absolute;
		left: 0;
		bottom: 0;
		text-align: left;
		font-weight: bold;
	}

a.blockAnchor {
	display: block;
	width: inherit;
	height: inherit;
}


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

 Main Banner & Cart

--------------------------------------*/
#mainBannerArea {
	position: relative;
	width: 960px;
	height :300px;
	margin: 0 auto;
}
	
	#mainBanner {
	}

		#mainBannerFrame {
			position: absolute;
			width: 720px;
			height: 300px;
			left: 0;
			background: url(../images2/mainBannerFrame.png) no-repeat center top;
			z-index: 1;
		}
		
		#mainBanner .banner {
			position: absolute;
			left: 0;
			width: 720px;
			height: 300px;
			background: #CCC;
			z-index: 0;
		}

	/*------------------ 
	 Cart
	------------------*/
	#musicCart {
		position: absolute;
		right: 0;
		top: 0;
		width: 230px;
		height: 300px;
	}
	
		#musicCart .head {
			background: url(../images2/cart_top.gif) no-repeat center top;
			height: 32px;
		}
	
		#musicCart .bottom {
			background: url(../images2/cart_bottom.gif) no-repeat center top;
			height: 40px;
		}
	
		#musicCart .middle {
			background: url(../images2/cart_mid.gif) repeat-y center top;
			height: 228px;
			overflow: auto;
		}
			
			#musicCart .item {
				padding: 5px;
				font-size: 11px;
				text-align: left;
				background: url(../images2/cart_border.gif) no-repeat center bottom;
			}
			
			#musicCart .check {
				float: left;
				padding-right: 5px;
				width: 20px;
			}
			
			#musicCart .name {
				float: left;
				width: 180px;
			}
			
			/* bottom buttons */
			#musicCart .bottom .btnDel {
				float: left;
				width: 115px;
				text-align: left;
			}
			
			#musicCart .bottom .btnCheckout {
				float: left;
				width: 115px;
				text-align: right;
			}
			
			#musicCart .bottom ul {
				background: url(../images2/cart_bottom_space.gif) repeat-x center top;
			}


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

 Player & Menu

--------------------------------------*/
#playerArea {
	position: relative;
	width: 960px;
	height: 60px;
	margin: 0 auto 5px;
}

#player {
	position: absolute;
	width: 380px;
	height: 60px;
	left: 0;
	background: url(../images2/player_base.png);
}
	#player #playing {
		position: absolute;
		left: 13px;
		top: 6px;
		width: 77px;
		height: 20px;
		/*margin-left: 13px;
		margin-top: 6px;*/
	}

	#player ul {
		position: absolute;
		left: 5px;
		top: 33px;
		/*margin-left: 5px;
		margin-top: 7px;*/
	}
	
		#player li {
			float:left;
		}
		
		#player li.shuffle {
			padding-right: 5px;
		}
	
	#player #display {
		position: absolute;
		top: 10px;
		left: 135px;
		width: 225px;
	}
	
		#player #display .albumName {
			padding-bottom: 3px;
			font-size: 11px;
			color: #4D4D4D;
			text-align: left;
		}
	
		#player #display .musicName {
			font-size: 11px;
			font-weight: bold;
			color: #000;
			text-align: left;
		}
	
	


#menu {
	position: absolute;
	right: 0;
	top: 20px;
	width: 580px;
	height: 40px;
}

#menu li {
	float: left;
}




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

 Footer

--------------------------------------*/
#footer {
	width: 940px;
	height: 40px;
	margin: 50px auto 30px;
	padding: 0 10px;
	background:url(../images2/footer_bg.gif) no-repeat center top;
}

	#footer li {
		float: left;
	}
	
	#footer li.right {
		float: right;
	}
	

#copyright {
	padding-bottom: 50px;
	color:#454A4C;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}



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

 Penguin

--------------------------------------*/
#penguin1 {
	position: absolute;
	left: 385px;
	top:  10px;
	width:  95px;
	height: 136px;
}

#penguin2 {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 480px; 
	top: 66px;
}

#penguin3 {
	position: absolute;
	left: 462px;
	top:  32px;
	width:  95px;
	height: 112px;
}

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

 Banner

--------------------------------------*/
#bannerRecord {
	position: absolute;
	width: 300px;
	height: 65px;
	top: 0;
	right: 0;
}

#toTop {
	position: absolute;
	top: 53px;
	left: 160px;
}

	#toTop a {
		background: url(../images2/arrow2.gif) 2px center no-repeat;
		padding-left: 12px;
		font-size: 11px;
		line-height: 11px;
		font-weight: bold;
		color: #FFF;
	}

	#toTop a:hover {
		background: url(../images2/arrow2.gif) left center no-repeat;
		text-decoration: underline;
	}