@charset "utf-8";

#main .box_gra {
	margin-bottom: 20px;
	padding: 20px 20px 0 20px;
}

#main .box_gra .text {
	float: right;
	width: 435px;
}

#main .box_gra .image {
	float: left;
}

#main .box_gra .image a {
    display: block;
    width: 198px;
    height: 198px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #d7d7d7;
    background: #fff;
}
#main .box_gra .image a img {
    margin: -1px;
}
#main .box_gra .image a:hover img {
    opacity:0.7;
    filter: alpha(opacity=70);
}

#main .box_gra .link {
	text-align: right;
}

#main .box_gra .link a {
	padding-left: 16px;
	background: url(/common/images/box_gra_link.gif) no-repeat left center;
	text-align: right;
}
@media screen and (max-width: 768px) {
	#main .box_list1 {
		float: none;
	}
	#main .box_list2 {
		float: none;
	}
	#main .box_list {
		width: auto;
	}
	#main .box_gra .image a {

		width: 198px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}
}