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

/*==================
reset
====================*/
/*ベースの要素の設定をリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
margin:0;
padding:0;
}

/*画像の枠線をクリアして位置の初期値の設定*/
img{
border:0;
vertical-align: top;
}

/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
list-style: none;
}


/*フロート解除用のハック*/
/*clearfix*/
.clearfix:after{  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  

} 
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 





/*==================
共通
====================*/

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
	font-size:62.5%;
	line-height:1.8;
	
	width:100%;
}




/*==================
ここから
====================*/

header {
	width:1280px;
	margin:0 auto;
	background-color:rgba(255,255,255,1.00);
	padding-top:40px;
	height:60px;

}

#headIn {
	width:1280px;
	margin:0 auto;
}

#navi li {
	float:left;
	padding-left:26px;
	height:37px;
}




.mainIn{
	width:1280px;
	margin:0 auto;
	}

#box1,box2,box3,box4,box5,box6,box7{
	width:100%;
	}
	
#main{background-color:rgba(2,1,0,1.00);}


#box1{background-color:rgba(255,216,161,1.00);}
#box2{background-color:rgba(255,255,255,1.00);}
#box3{background-color:rgba(255,216,161,1.00);}
#box4{background-color:rgba(255,255,255,1.00);}
#box5{background-color:rgba(255,216,161,1.00);}


.boxIn{
	width:1280px;
	margin:0 auto;
	}

#footer{
	background-color:rgba(211,208,199,1.00);
	width:1280px;
	margin:0 auto;
	}


/*画像透過処理*/
a .hover_img{
	transition:all 0.3s ease; /*0.5秒かけて要素を変化させる*/
	}
a:hover .hover_img{
	opacity: 0.3;/*要素の透明度を指定*/
	filter: alpha(opacity=50); /*ie6、7の透明度指定*/
	/*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
	}	
	
	
<!--hover透過-->
a img.linkimg{
background:none!important;
}

a:hover img.linkimg{
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter: "alpha( opacity=40 )";
background:none!important;
}

<!--//END hover透過-->