*{
    
    padding : 0px;
    margin : 0px;
    position : absolute;
	-webkit-user-select: none;
	user-select: none;
    
}

.block{
    
    background-color : black;
	
}

.button{
	
	background-color : lightGray;
	background : linear-gradient(20deg, lightGray 60%, rgb(239, 239, 239) );
	border : 2px solid;
	border-color : white;
	border-radius : 4px;
	box-shadow: 2px 2px 2px #444444;
	
}

.button:hover{
	
	background : rgb(77, 77, 255);
	
}

.button:active{
	
	background-color : #000088;
	border-color : lightGray;
	
}

.returnButton{
	
	background-color : #884444;
	border : 2px solid;
	border-color : white;
	border-radius : 4px;
	box-shadow: 2px 2px 2px #444444;
	
}

.returnButton:hover{
	
	background-color : #aa44aa;
	
}

.returnButton:active{
	
	background-color : #552255;
	border-color : lightGray;
	
}

.gamepadButton{
	
	background-color : lightGray;
	background : linear-gradient(20deg, lightGray 60%, rgb(239, 239, 239) );
	border : 2px solid;
	border-color : white;
	border-radius : 4px;
	box-shadow: 2px 2px 2px #444444;
	
}

.gamepadButton:hover{
	
	background : rgb(77, 77, 255);
	
}

.gamepadButton:active{
	
	background-color : #000088;
	border-color : lightGray;
	
}

.littleButton{
	
	background-color : lightGray;
	background : linear-gradient(20deg, lightGray 60%, rgb(239, 239, 239) );
	border : 2px solid;
	border-color : white;
	border-radius : 4px;
	box-shadow: 2px 2px 2px #444444;
	font-size: 50%;
	width : 10.5%;
	height: 10%;
	font-size: 200%;
	
}

.littleButton:hover{
	
	background : rgb(77, 77, 255);
	
}

.littleButton:active{
	
	background-color : #000088;
	border-color : lightGray;
	
}

#setting{

	background-image: url("Images/歯車.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 8%;
	left: 82%;

}

#record{

	background-image: url("Images/トロフィー.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 8%;
	left: 67%;

}

#SEVolumeUp{

	top: 30%;
	left: 80%;

}

#SEVolumeDown{

	top: 30%;
	left: 60%;

}

#BGMVolumeUp{

	top: 50%;
	left: 80%;

}

#BGMVolumeDown{

	top: 50%;
	left: 60%;

}


.informLabel{

	width : 45%;
	height : 10%;

}

#SEVolume{

	top : 32%;
	left: 10%;

}

#BGMVolume{

	top : 52%;
	left: 10%;

}

.mondPanel{
	
    background-color : brown;
	/* border : 4px solid black; */
	background : linear-gradient(20deg, brown 60%, #ff7a7a );
	box-shadow: 0px 0px 4px #444444;
	border-radius : 8px;
	
}

#base{
    
    background-color : brown;
	background : linear-gradient(20deg, brown 60%, #ff7a7a );
	/* border : 4px solid black; */
	box-shadow : 0px 0px 4px #444444;
	border-radius : 8px;
    left : 0px;
    
}

#blockBase{
    
    background-color : brown;
    top : 0px;
    left : 38px;
    
}

#time{
	
	width : 300px;
	/* border : 2px solid;
	border-color : black;
	border-radius : 8px; */
	
}

#score{
	
	width : 300px;
	
}

#lineInform{
	
	width : 300px;

}

#trick{
	
	width : 1000px;
	
}

#trickGoal{
	
	width : 1000px;
	
}

#info{
	
	background-color : #cccccc;
	background : linear-gradient(20deg, #aaaaaa 20%, #cccccc 60%, #eeeeee);
	border : 4px solid;
	border-color : #666666;
	border-radius : 8px;
	z-index : 100;
	box-shadow: 0 0 4px #444444;
	
}