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

.campaign{
	background: url(../image/mycloak112_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.campaign:hover{
	background: url(../image/mycloak112.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}


.reason{
		background: url(../image/top_reason.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.reason:hover{
		background: url(../image/top_reason_hover_.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.kodawari{
		background: url(../image/top_kodawari.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.kodawari:hover{
		background: url(../image/top_kodawari_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.begin{
		background: url(../image/top_beginner.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.begin:hover{
		background: url(../image/top_beginner_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.item{
		background: url(../image/top_item.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.item:hover{
		background: url(../image/top_item_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.sim{
		background: url(../image/top_sim.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.sim:hover{
		background: url(../image/top_sim_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.usage{
		background: url(../image/top_usage.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.usage:hover{
		background: url(../image/top_usage_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.user{
		background: url(../image/top_voice.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.user:hover{
		background: url(../image/top_voice_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.faq{
		background: url(../image/top_faq.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}
.faq:hover{
		background: url(../image/top_faq_hover.jpg);
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #8a8a8a;
}