@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Style Info : 宇部スチール／トップ用指定
Last modified : :2014
***********************************************/



*{
	margin:0;
	padding:0px;
	}


#slideshow {
   position: relative;
   width:  960px; /* 画像の横幅に合わせて記述 */
   height: 292px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}




#index_main {
	margin:0;
	padding:0;
	width:960px; 
   height:380px;
	text-align:left;
	float:left;

}

#index_main .top {
	margin:0 0 15px 0;
	padding:0;
	width:950px;
	height:10px;
	background-color: #4b2c0b;  
	float:left;

}

#index_set1 {
	margin:20px 0 35px 0;
	padding:0;
	width:960px;
	float:left;

}





#index_set1 .seikou {
	margin:10px 0 0 0;
	padding:0;
	width:456px; 
	height:142px;
       background: url(../img/seikou_back.jpg) no-repeat left;
	text-align:right;
	float:left;

}

#index_set1 .seikoulink {
	margin:80px 0 0 0;
	padding:0;
	text-align:right;
	float:right;
}

#index_set1 .seikou img:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}
#index_set1 .seikou img{
	margin:5px 0 0 0;
}


#index_set1 .chuzou {
	margin:10px 0 0 0;
	padding:0;
	width:456px; 
	height:142px;
       background: url(../img/chuzou_back.jpg) no-repeat left;
	text-align:right;
	float:right;

}

#index_set1 .chuzoulink {
	margin:80px 0 0 0;
	padding:0;
	text-align:right;
	float:right;
}

#index_set1 .chuzou img:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}
#index_set1 .chuzou img{
	margin:5px 0 0 0;
}


#index_set2 {
	margin:20px 0 15px 0;
	padding:0;
	width:960px;
	border-top: 1px solid #e5e5e5;
	float:left;

}

#index_set2 .link1 {
	margin:20px 20px 0 0;
	padding:0;
	width:220px;
	text-align:left;
	float:left;
}

#index_set2 .link2 {
	margin:37px 0 0 0;
	padding:0;
	width:220px;
	float:right;
}

#index_set2  img:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}
#index_set2 img{
	margin:5px 0 0 0;
}



#index_set1 .right {
	margin:0;
	padding:0;
	width:260px;
	text-align:right;
	float:right;

}

#index_set1 .rightlink {
	margin:0;
	padding:0;
	width:260px;
	text-align:right;
	float:left;

}
#index_set1 .rightlink img:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}
#index_set1 .rightlink img{
	margin:0 0 5px 0;
}

#index_set1 .tenjinews {
	margin:7px 0 0 0;
	padding:0;
	text-align:center;
	float:right;
	border: 1px solid #e5e5e5;

}
