@charset "utf-8";


/*----------------------------------------------------*/ 
/* topHeaderBlk
------------------------------------------------------*/ 

header {
	margin-bottom:80px;
}

#topHeaderBlk {
	background:url(/top/img/bg_header.jpg) bottom left no-repeat;
	background-size: cover;
	min-height:500px;
	margin-bottom:10px;
}

#topHeaderBlk #topHeader {
	width:940px;
	padding:0 30px;
	margin:0 auto;
	position:relative;
}

#topHeader #logomark {
	position:relative;
	left:880px;
	width:60px;
}

#topHeader p {	color:#FFF;}
#topHeader p.lead01 { font-size:22px;  margin-top:80px;}
#topHeader p.lead02 { line-height:2;  margin-top:30px;}
#topHeader p.lead02 .jsmea { font-size:12px;}

#topHeader nav {
	width:362px;
	position:absolute;
	top:90px;
	right:28px;
}

#topHeader nav ul { overflow:hidden; }

#topHeader nav li {
	float:left;
	position:relative;
	width:119px;
	margin:0 1px 1px 0;
}

#topHeader nav li a {
	display:block;
	background-color: rgba(27,41,84,0.75);} 

#topHeader nav li a:hover {
	background-color: rgba(27,41,84,0.4);} 


#topHeader nav li#navprj01 { background-image:url(/top/img/nav_bg_prjct01.jpg); background-size:120px auto;}
#topHeader nav li#navprj02 { background-image:url(/top/img/nav_bg_prjct02.jpg); background-size:120px auto;}
#topHeader nav li#navprj03 { background-image:url(/top/img/nav_bg_prjct03.jpg); background-size:120px auto;}
#topHeader nav li#navprj04 { background-image:url(/top/img/nav_bg_prjct04.jpg); background-size:120px auto;}
#topHeader nav li#navprj05 { background-image:url(/top/img/nav_bg_prjct05.jpg); background-size:120px auto;}
#topHeader nav li#navprj06 { background-image:url(/top/img/nav_bg_prjct06.jpg); background-size:120px auto;}


/*----------------------------------------------------*/ 
/* contents
------------------------------------------------------*/ 

#contents h1 { display:none;}

#contents h2 {
	position:relative;
	color:#333;
	padding-bottom:20px;
	margin-bottom:20px;
	font-size:16px;
}

#contents h2:after {
	content:"";
	display:block;
	height:1px;
	background:#C8C8C8;
	width:20px;
	position:absolute;
	bottom:0;
	left:0;
}

#contents section {
	margin-bottom:60px;
}

/* newslist */

#contents ul.newslist {
	margin-bottom:20px;
}

#contents ul.newslist.date {
	position:relative;
	padding-bottom:10px;
}

#contents ul.newslist.date:after {
	content:"";
	display:block;
	height:1px;
	background:#C8C8C8;
	width:20px;
	position:absolute;
	bottom:0;
	left:0;
}


#contents ul.newslist li {
	margin-bottom:10px;
}

#contents ul.newslist dt,
#contents ul.newslist dd  {
	display:table-cell;
	vertical-align:top;
	font-size:14px;
}

#contents ul.newslist dt { padding-right:1.5em; color:#666;}

#contents ul.newslist dd { padding-left:30px; position:relative; line-height:1.5;}

#contents ul.newslist dd.freeIcon {
	padding-left:0;
	display:table-cell;
}

#contents ul.newslist dd.freeIcon a {
	display:table-cell;
	padding-left:1em;
	vertical-align:top;
	line-height:1.5;
}

#contents ul.newslist dd.freeIcon span.redIcon {
	padding:2px 1em;
	border-radius:2px;
	background:#FF2626;
	font-size:12px;
	display:table-cell;
	color:#FFF;
	margin-right:1em;
	white-space:nowrap;
	vertical-align:middle;
}

#contents ul.newslist dd.icon {
	padding-left:0;
	display:table-cell;
}

#contents ul.newslist dd.icon a {
	display:block;
	padding-left:2em;
	vertical-align:top;
	line-height:1.5;
}

#contents ul.newslist dd.icon span {
	display:block;
	float:left;
	box-sizing:border-box;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	border-radius:2px;
	background:#FF2626;
	padding:2px 2px;
	width:18px;
	height:18px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	margin-right:1em;
}

#contents ul.newslist dd.icon span.iconXls {	background:#00A153;}
#contents ul.newslist dd.icon span.iconWord {	background:#086AA5;}
#contents ul.newslist dd.icon span.iconPp {	background:#FA9B00;}


#contents ul.newslist dd.iconPdf:before {
	position:absolute;
	content:"";
	width:18px;
	height:18px;
	background:url(/cmn/img/icon_pdf.png) no-repeat left top; 
	background-size:18px auto;
	display:block;
	top:3px;
	left:0;
}

/* seeAll */
#contents p.seeAll a {
	display:inline-block;
	border-radius:5px;
	background:#F2F2F2;
	padding:5px 2em;
	font-size:14px;
}

#contents p.seeAll a:hover {
	text-decoration:none;
}



/*----------------------------------------------------*/ 
/* side
------------------------------------------------------*/ 

#side .sidelinkBnr {
	margin-bottom:20px;
}

#side .sidelinkBnr li {
	margin-bottom:10px;
}

#side .sidelinkBnr li a {
	display:table;
	border:1px solid #C8C8C8;
	line-height:1.1;
	position:relative;
	text-decoration:none;
	font-size:16px;
	color:#333333;
	padding:20px 0;
	width:240px;
	box-sizing:border-box;
}

#side .sidelinkBnr li a.radiMeasurement {
	background:url(/top/img/side_radiMeasurement.jpg) right top no-repeat;
	height:100px;
}


#side .sidelinkBnr li a img,
#side .sidelinkBnr li a div {
	vertical-align:middle;
	display:table-cell;
}

#side .sidelinkBnr li a div {
	width:160px;
	padding-left:22px;
	box-sizing:border-box;
	position:relative;
}


#side .sidelinkBnr li a div:before {
	margin-left:-1px;
	content:"";
	display:block;
	width:4px;
	height:100%;
	height:60px;
	background:#3E9AD7;
	position:absolute;
	top:0;
	left:0;
}


#side .sidelinkBnr li a span {
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	color:#868686;
	margin-top:5px;
}

#side .sidelinkBnr li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/**/

#side .sidelinkText li {
	margin-bottom:10px;
	border:1px solid #C8C8C8;
	font-size:12px;
}

#side .sidelinkText li a {
	display:block;
	background:url(/cmn/img/icon_link_01.png) no-repeat 10px center;
	background-size:15px auto;
	padding:15px 5px 15px 30px;
}

#side .sidelinkText li a:hover {
	text-decoration:none;
}