@charset  "utf-8";

#pageG-works .main .heading h2 { background-image: url(/pro/resources/h2_g-works.png); }
.col-3 {
	width: 260px;
	float: left;
}
.col-3x2 {
	width: 520px;
	margin: 0 10px;
	float: right;
	clear: none;
}
.cmbLv2 {
	width: 500px;
}
ul.dc-link {
	width: 268px;
	margin-right: -8px;
}
ul.dc-link li {
	width: 124px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.dc-link li img {
	margin: 8px;
	box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
}
ul.dc-link li span {
	width: 108px;
	margin: 0 auto 8px auto;
	display: block;
	text-align: center;
	background-color: #ebebeb;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Put a border around the newly clickable element */
ul.dc-link li.bl-hot {
	zoom: 1; /* Should be IE only */
}
/* rollover style for clickable element */
ul.dc-link li.bl-hover, ul.dc-link li li.bl-hover a {
	border-color: #DC0000;
	cursor: pointer;
	color: #DC0000;
}

ul.dc-link li p,
ul.dc-link li li {
	width: 106px;
	margin-left: 8px;
} ul.dc-link li p {
	text-align: left;
} ul.dc-link li li a:hover {
	text-decoration: none;
}

ul.banner {
	width: 840px;
	margin-right: -40px;
} ul.banner li {
	width: 240px;
	margin-right: 40px;
	float: left;
}
#vtip { width: auto; white-space: nowrap; display: none; position: absolute; padding: 10px; left: 5px; text-align: left; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
#vtip #vtipArrow { display: none; }