@charset "UTF-8";
/* CSS Document */

li{
	float: left;
	list-style: none;
}

.k{
	position: absolute;
	top:50%;
	left: 50%;
	width: 456px;
	transform: translate(-50%,-50%);
	margin: 0;
	padding: o;
}

.box1 {
	width: 100px;
	height: 100px;
	background-image: url(K%E3%80%80%E5%85%83.jpg);
	background-size: contain;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.box2 {
	width: 100px;
	height: 100px;
	background-image: url(K%E3%80%80%E5%85%83.jpg);
	background-size: contain;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.box1:hover{
	background-image: url("K　かたあし.jpg")
}

.box2:hover{
	background-image: url(K.jpg)
}