@charset "utf-8";
/*=================================
	topics top
================================ */
#topicstop{
width:100%;
font-size:13px;
overflow-x : hidden ;
}
#topicstop .newslist{
width:100%;
}
#topicstop .newslist li{
  border-top:1px #BFBFBF dotted;
  padding:10px 0;
}
#topicstop .newslist li:first-child{
  border-top:none;
}
#topicstop .newslist dt{
  float:left;
	margin-right:10px;
}

#topicstop .newslist .newscat{
  float:left;
	padding-top:2px;
  font-size:11px;
  font-size:1.1rem;
  color:#FFF;
  line-height:1;
  text-align:center;
}

#topicstop .newslist .newscat span{
  display:block;
	padding:3px 10px;
}
#topicstop .newslist .newstxt{
	clear:left;
	padding-right:15px;
}


/*=================================
	topics btn
================================ */
.topics_btn{
float:right;
width:200px;
margin-left:5em;
text-align:center;
border:1px solid #eee;
}

.topics_btn a{
display:block;
padding:10px 0;
background:#f5f5f5;
}
.topics_btn a:hover{
text-decoration:none;
background:#009B64;
color:#fff;
}


/*=================================
	topics subnavi
================================ */
.newssubnavi{
	clear:both;
	margin-bottom:50px;
	border-bottom:1px solid #ccc;
}
.newssubnavi ul{
margin:20px 0 10px;
}
.newssubnavi ul li{
	width: 189px;
  float: left;
	margin-bottom:10px;
	text-align:center;
	border-left:1px solid #ccc;
}
.newssubnavi ul li:nth-child(5n),
.newssubnavi ul li:last-child{
	border-right:1px solid #ccc;
}
.newssubnavi ul li span{
background:none;
}
.newssubnavi ul li a{
	display:block;
}
.newssubnavititle{
	border-bottom:1px solid #ccc;
}
.newssubnavititle span{
	display:block;
	width:100px;
	color:#fff;
	text-align:center;
	background:#009B64;
}



/*=================================
	topics listbox
================================ */
.newslistbox .mds02{
margin-top:60px;
}
.newslistbox .newslist{
width:100%;
}
.newslistbox .newslist li{
  border-top:1px #BFBFBF dotted;
  padding:10px 0;
}
.newslistbox .newslist li:first-child{
  border-top:none;
}
.newslistbox .newslist dt{
  width:100px;
  float:left;
  clear:left;
}
.newslistbox .newslist .newscat{
  width:100px;
  float:left;
	margin-right:10px;
  font-size:12px;
  font-size:1.2rem;
  color:#FFF;
  line-height:1;
  text-align:center;
  padding:3px 0;
}

.newslistbox .newstxt{
  width: 740px;
  float:left;
}
.newslistbox .newslist .newscat span{
  display:block;
  padding:3px 0;
}

/*=================================
	topics category
================================ */
.cat_corp{
  background:#009B64;
}
.cat_ir,
.cat_newproduct{
  background:#618CBC;
}
.cat_automatic{
  background:#C68A59;
}
.cat_component{
  background:#50A65F;
}
.cat_recruit{
  background:#996699;
}
.cat_support{
  background:#FF7F7F;
}
.cat_nws{
  background:#6699FF;
}

/*=================================
	topics detail
================================ */
.topicsarticle{
padding:30px 0;
}
.topicsarticleinner table{
width:720px !important;
margin:0 auto;
backgroud:#0CF;
}
.topicsarticleinner strong{
  font-style: normal;
  font-weight: bold;
}


.topics_btmlink{
margin-top:30px;
padding-top:30px;
text-align:center;
border-top:1px dotted #ccc;
}
.topics_btmlink p{
width:250px;
margin:0 auto;
}
.topics_btmlink a{
display:block;
padding:10px 0;
color:#333;
background:#f2f2f2;
}
.topics_btmlink a:hover{
color:#fff;
text-decoration:none;
background:#009B64;
}