a:hover img{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;

}

body {
  scrollbar-face-color: #cccccc;       /* 表面の色 */
  scrollbar-3dlight-color: #FFFFFF;    /* 左端と上端の色 */
  scrollbar-darkshadow-color: #FFFFFF; /* 右端と下端 */
  scrollbar-highlight-color: #cccccc;  /* ハイライトの色 */
  scrollbar-shadow-color: #cccccc;     /* 影の色 */
  scrollbar-arrow-color: #999999;      /* 矢印の色 */
  scrollbar-track-color: #FFFFFF;      /* バーの背景の色 */
}

.topics-area a{
        color:#181818;
}

.topics-area p a:hover{
        color:#FFFFFF;
}

.topics-title-wrap{
	position:relative;
	background:#c9c9c4;
	margin-top:5px;
	margin-bottom:5px;
}

.topics-title{
	position:relative;
	margin:10px auto 10px auto;
	width:950px;
	height:40px;
	overflow: auto;
}

.topics-title p{
	margin-top:20px;
	color:#181818;
	font-size:15px;
}

.topics-wrap{
	background:#c9c9c4;
	margin-bottom:20px;
}

.topics-area{
	margin:10px auto 10px auto;
	width:950px;
	height:440px;
	overflow: auto;
}

.topics-main{
	width:100%;
	height:100%;
}

.topics-main ul li{
	width:280px;
	margin:0px 9px ;
	padding:9px 0px;
	float:left;
}

.metalwork-main{
	width:100%;
	height:100%;
}

.metalwork-main ul li{
	width:350px;
	margin:0px 60px ;
	padding:30px 0px;
	float:left;
}

.topics-item-main{
	width:100%;
	height:100%;
}

.topics-item-main ul li{
	width:160px;
	margin:0px 8px ;
	padding:8px 0px;
	float:left;
}

.topics-item-main ul li p{
	width:160px;
	margin-top:3px;
	margin-botom:3px;
	font-size:12px;
	float:left;
}

.topics-thanks{
	width:100%;
}

.topics-thanks p{
	margin-top:20px;
	font-size:15px;
	color:#181818;
}