#player {
  padding: auto;
  margin-top: 30px;
  width: 100%;
  height: 25px;
}

#ongaku {
	position: relative;
	margin: auto;
	width:35px;
	height:35px;
	z-index:9999;
	border:4px double #ccc; /*Border Colour*/
	background-color:#ffffff00; /*Music Tab Background Colour*/
	border-radius:50px;
	opacity:.6;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
 
#gaku {
width:24px;
height:24px;
margin-top:3px;
margin-left:3px;
overflow:hidden;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
 
#kero {
height:26px;
}
 
#kero img {
margin-right:10px;
margin-left:3px;
margin-top:3px;
}
 
#kero embed {
margin-top:-5px;
}
 
#kero embed, #kero {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
 
#ongaku:hover {
	width:80px;
}
 
#ongaku:hover #gaku {
	width:74px;
}
 
#ongaku:hover #kero {
	margin-left:-50px;
}
 
.playy, .pausee {
	margin: auto;
	padding-left: 5px;
	position:relative;
	left:20px;
	font-size:15px;
	color: #e57cf7; /* play & pause buttons color */
	cursor:pointer;
	text-shadow: -1px 0 #2e2e2e, 0 1px #2e2e2e, 1px 0 #2e2e2e, 0 -1px #2e2e2e;
}
 
.pausee {
	display:none;}