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

#blog_image_roll {
	display: block;
	width: 73px;
	height: 208px;
	background-image: url(../image/blog01.png);
	background-repeat: no-repeat;
	float: left;
}
#blog_image_roll:hover {
	display: block;
	width: 73px;
	height: 208px;
	background-image: url(../image/blog02.jpg);
	background-repeat: no-repeat;
	float: left;
}
#mikono_image_roll {
	display: block;
	width: 123px;
	height: 208px;
	background-image: url(../image/mikono01.png);
	background-repeat: no-repeat;
	float: left;
}
#mikono_image_roll:hover {
	display: block;
	width: 123px;
	height: 208px;
	background-image: url(../image/mikono02.jpg);
	background-repeat: no-repeat;
	float: left;
}
#shirt_image_roll {
	display: block;
	width: 100px;
	height: 120px;
	background-image: url(../image/shirt01.png);
	background-repeat: no-repeat;
	float: left;
}
#shirt_image_roll:hover {
	display: block;
	width: 100px;
	height: 120px;
	background-image: url(../image/shirt02.jpg);
	background-repeat: no-repeat;
	float: left;
}
#portfolio_image_roll {
	display: block;
	width: 160px;
	height: 195px;
	background-image: url(../image/portfolio01.png);
	background-repeat: no-repeat;
}
#portfolio_image_roll:hover {
	display: block;
	width: 160px;
	height: 195px;
	background-image: url(../image/portfolio02.jpg);
	background-repeat: no-repeat;
}
#projects_image_roll {
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../image/projects01.jpg);
	background-repeat: no-repeat;
	float: left;
}
#projects_image_roll:hover {
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../image/projects02.jpg);
	background-repeat: no-repeat;
	float: left;
}
#news_image_roll {
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../image/news01.jpg);
	background-repeat: no-repeat;
	float: left;
}
#news_image_roll:hover {
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../image/news02.jpg);
	background-repeat: no-repeat;
	float: left;
}
#press_image_roll {
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../image/press01.jpg);
	background-repeat: no-repeat;
	float: left;
}
#press_image_roll:hover {
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(../image/press02.jpg);
	background-repeat: no-repeat;
	float: left;
}