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


#image-bloc {
  width:2400px;
  height:300px;
  position:absolute;
  left:50%;
  margin-left:-1200px;
}
 
.bx-viewport {
  overflow: visible!important;
  width: 1200px!important;
}
 
.main-container {
  overflow: hidden;
  padding-bottom: 150px;
}
@media screen and (max-width: 768px){
#top #sliderWrap{
	width:100%;
	position:relative;
	z-index: 9999;
	margin:0 auto;
	margin-bottom:10px;
}
#top #sliderWrap .slideDetails{
	width: 30%;
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 50;
	}
#bnrArea{
	width:100%;
	margin-bottom:10px;
}
#bnrArea li{
	width:33.33%;
	float:left;
		}
		

#bnrArea li img{
	width:100%;
		}
#container #mainTop{
	width:100%;
}
#container #mainTop>section{
	width:100%;
	background:#fff;	
}
#container #mainTop>section{
	background:#fff;	
}

#container #mainTop section h3.titNews{
	width:20%;
	height:inherit;
	padding:20px;
}		

#container #mainTop section h3.titInvestor{
	width:50%;
	height:inherit;
	padding:20px;
}
}

@media screen and (min-width: 769px){
#top #sliderWrap{
	width:1200px;
	height:300px;
	background-size:1200px 300px !important;
	background: url(../images/mainimg-top01.png) #e4ecee no-repeat center top ; 
	position:relative;
	z-index: 30;
	margin:0 auto;
	margin-bottom:10px;
	}

#top #sliderWrap .slideDetails{
	width: 205px;
	height: 47px;
	position: absolute;
	bottom: 50px;
	right: 140px;
	z-index: 50;
	}

#bnrArea li{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
		}
		
#bnrArea li:nth-child(3) {
	margin-right:0;
	}
		
#bnrArea li img{
	width:310px;
	height:80px;
}

		
		
		
		
		
		
		
		
		
		
#container #mainTop{
	width:640px;
	float:left;	
}
	


#container #mainTop>section{
	background:#fff;	
}

#container #mainTop section h3.titNews{
	width:153px;
	height:24px;
	padding:20px;
}		

#container #mainTop section h3.titInvestor{
	width:392px;
	height:24px;
	padding:20px;
}
}
#mainTop .infoWrap{
	position: relative;
	margin-bottom:15px;
	}
	
#mainTop .infoWrap .details{
	position: absolute;
	top: 22px;
	right: 20px;
	font-size: 75%;
	padding-left:1.5em;
	background:url(../images/arrow-circle-y.png) no-repeat left center;
	}

.infoWrap dl{
	font-size:75%;
	position:relative;
	}

	
dl.newsDl dd span{
	margin-right:0.7em;
	padding:0.3em;
	width:5em;
	display:inline-block;
	text-align:center;
	color:#FFFFFF;
	}

dl.newsDl dd span.newsgroup{
	background-color:#0062a0;
	}
	
dl.newsDl dd span.newsholdings{
	background-color:#b2cfcf;
	}
	
dl.newsDl dd{
	padding:2em 1em 2em 12em;
	border-top: dotted 1px #929191;
	}	

dl.newsDl dt{
	padding:2.3em 0 2em 1.5em;
	position:absolute;
	left:20px;
	width:9em;
	background:url(../images/arrow-circle-y.png) no-repeat left center;
	}

dl.investorDl dt{
	padding-top:2em;
	padding-bottom:2em;
	padding-left:1.5em;
	position:absolute;
	left:20px;
	width:9em;
	background:url(../images/arrow-circle-y.png) no-repeat left center;
	}
	
dl.investorDl dd{
	padding-top:2em;
	padding-bottom:2em;
	padding-left:12.5em;
	border-top: dotted 1px #929191;
	}		

@media screen and (max-width: 768px){
#container #mainTop .bnrSquareArea li{
	float:left;
	display:block;
	background-color:#FFFFFF;
	width:50%;
	}	
#container #mainTop .bnrSquareArea li.bnrSquareW290 img{
	width:95%;
	height:inherit;
	margin:10px;
	}

#container #mainTop .bnrSquareArea li.bnrSquareW294 img{
	width:97%;
	height:inherit;
	margin:7px 6px 7px 10px;
	}
}
@media screen and (min-width: 769px){
#container #mainTop .bnrSquareArea li{
	float:left;
	display:block;
	background-color:#FFFFFF;
	}

#container #mainTop .bnrSquareArea li.bnrSquareW290{
	margin-right:20px;
	}
	
#container #mainTop .bnrSquareArea li.bnrSquareW290 img{
	width:290px;
	height:290px;
	margin:10px;
	}

#container #mainTop .bnrSquareArea li.bnrSquareW294 img{
	width:294px;
	height:296px;
	margin:7px 6px 7px 10px;
	}	
}