@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

#viewer {
	margin: 0 auto;
	width: 849px;
	height: 356px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

div#hoge a:hover img
{ opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  background: #fff;
}
.bordershadow {
padding: 20px;
border: 1px solid #f0f0f0;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=3, enabled=true);
 /* IE以外なら丸角も！ */
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
border-radius: 5px;
}