@charset 'utf-8';

/* エンジニアコミュニティTOP */
.fs10 {
	font-size: 10px !important;
}
#ec-top {
	width: 635px;
	/*min-height: 800px;*/
	/*margin: 12px auto;*/
	margin: 12px auto 60px auto;
	padding-bottom: 30px;
	/*background: url("/company/tech/engineer-community/img/ec_bg01.png") no-repeat bottom center;*/
	background: url("/company/tech/engineer-community/img/ec_bg_inner.jpg") repeat-y bottom center;
	position: relative;
}
#ec-top::after {
	content: "";
	display: block;
	width: 635px;
	height: 20px;
	position: absolute;
	bottom: -20px;
	background: url("/company/tech/engineer-community/img/ec_bg_bottom.png") no-repeat bottom center;
}
*:first-child+html #ec-top {
    min-height: 1017px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#ec-top {
/*		 min-height: 998px;
*/	}/*No265 2016.09.02修正*/
}
#ec-top .titleBox {
	margin: 0;
}
#ec-top .titleBox h2 {
	padding: 0;
	background: none;
	border: none;
}
#ec-top h3 {
	margin: 20px 24px 10px;
	padding: 0;
	background: none;
	border:none;
}
#ec-top .boxLink,
#ec-top .boxLink.hover {
	width:587px;
	height:190px;
	margin: 0 24px 10px 24px;
	cursor: pointer;
}

#ec-top .boxLink{
	background:url("/company/tech/engineer-community/img/ec_listBg.png") no-repeat;
}

#ec-top .boxLink.hover{
	background:url("/company/tech/engineer-community/img/ec_listBg_On.png") no-repeat;
}

#mainArea ul.ecBox{
	position:relative;
	width:587px;
	height:190px;
	margin: 0;
	padding: 0;
}
#mainArea ul.ecBox li {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 110%;
}

.ecBox a,
.ecBox a:link,
.ecBox a:active,
.ecBox a:hover,
#prevStaff a:hover,
#nextStaff a:hover{
	text-decoration:none;
}

.ecBox .thumb,
.ecBox .phrase a,
.ecBox .about,
.ecBox .date{
	position:absolute;
	left:245px;
}

.ecBox .new{
	position:absolute;
	top:8px;
	right:8px;
}

.ecBox .thumb{
	top:11px;
	left:12px;
}

.ecBox .phrase a{
	top:26px;
	font-size:16px;
	line-height:20px;
}

.ecBox .about{
	top:58px;
}

.ecBox .date{
	top:135px;
}



/* エンジニアコミュニティ下層ページ */

.article {
	width: 557px;
	background:#fff url("/company/tech/engineer-community/img/article_bg01.png") no-repeat 535px 2px;
	margin: 0 auto;
	padding: 50px 15px 40px 15px;
}

#mainArea .article h3 {
	margin: 0;
	padding-bottom: 35px;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	line-height: 1.65;
}
#mainArea .article .section {
	margin: 0 0 35px;
}
#mainArea .article .section p {
	margin: 0 0 10px;
}
#mainArea .article p.date {
	margin: 0;
}
#mainArea #ec-top p.topBtn {
	margin: 20px 24px 0;
}



/*2015-06-15 6月26日用追加*/
.blockRed{
	border:solid 1px #f07057;}
.labelSmall{
	background:#fff url("../2015/img/20150626_img01.jpg") no-repeat top center;
	height:164px;}
.labelBig{
	background:#fff url("../2015/img/20150626_img02.jpg") no-repeat top center;
	height:225px;}
.labelSmall,.labelBig{
	float:left;
	width:178px;}
.clear{
	clear:both;}



ul.NormalList li {
	list-style-type: disc !important;
	list-style-position: outside !important;
	margin-left: 15px !important;
}
ul.img2List {
	width: 566px;
	box-sizing: border-box;
	margin-left: -10px !important;
}
ul.img2List li {
	display: block;
	float: left;
	margin-left: 10px !important;
	width: 273px;
}

.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}



/*2018-05-10 追加 エンコミ記事タイトル*/
#ec_title {
	height: 63px;
	padding: 52px 45px 0 35px;
	background: url(/company/tech/engineer-community/img/ec_title03.jpg);
	}
#ec_title > h2 {
	overflow: hidden;
	white-space: nowrap;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	}