@charset "utf-8";

/****
 *
 * 更新日: 2026/2/19
 *
 ****/
 /*インデックス
=======================================*/
#link_year_area{
	border-bottom: solid 1px #ccc;
	background: #fff;
	opacity: 0.95;
	padding-top: 15px;
	width: 960px;
	margin-bottom: 30px;
	box-shadow: 0px 10px 9px -9px rgba(0, 0, 0, 0.3);
	height: 70px;
}

#link_year_area.fixed {
    position: fixed;
    top: -5px;
    z-index: 1;
}

ul.link.year_area {
	clear: both;
	/* padding-left: 12px; */
}

ul.link.year_area li {
	float:left;
	background: url(/common/image/arrow_red_large.gif) no-repeat 8px 0.6em #fff;
	border: solid 1px #fff;
	border-radius: 5px;
	margin-right: 5px;
	padding: 5px 8px 4px 23px;
}
ul.link.year_area li:last-child {
	margin-right: 0px;
}

ul.link.year_area li a {
}

ul.link.year_area li:hover {
	background-color: #E6E6E6;
	border: solid 1px #E6E6E6;
}

ul.link.year_area li a:hover  {
	text-decoration: none;
}

ul.link.year_area li.current{
	background: url(/tech/civil_engineering/topics/images/arrow_gray_large.gif) no-repeat 8px 0.6em;
	border: solid 1px #E6002D;
}

div#main.tech_body h2.topics_year{
	margin: 0 98px 15px;
	padding: 60px 0 5px;
	border-bottom: solid 2px #1C418D;
	letter-spacing: 0.05em;
	line-height:1;
	color: #333;
}
.icon_new{
	vertical-align:-0.05em;
	padding-left:5px;
}


/*本文
=======================================*/
#page_title.topics{
	position: relative;
}

#page_title.topics p.date{
	position: absolute;
	bottom: 5px;
	right: 100px;
	font-size: 85%;
	line-height: 1;
}

div#main.tech_body h2{
	padding-top: 50px;
	margin: 20px 0 10px;
	font-size: 153.8%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height:1.7;
}
div#main.tech_body p.h2_date{
	font-size: 90%;
	font-weight: normal;
	color: #666;
	letter-spacing: 0em;
	margin-left: 98px;
	margin-right: 98px;
	line-height:1;
	padding-bottom: 10px;
	border-bottom: dotted 1px #A8B6C8;
	margin-bottom: 20px;
}


/*topics一欄
================================== */
#news_topics_list {
	border-bottom: 2px #newscc solid;
	margin-bottom: 50px;
}

#news_topics_list li {
	display:block;
	clear:both;
	padding:20px 0;
	width: 960px;
	border-bottom:1px #999 dotted;
}

/*#news_topics_list li:first-child {
	border-top:none;
}

#news_topics_list li:first-child {
	border-top:1px #999 dotted;
}*/

#news_topics_list li:hover {
	display:block;
	background-color:#f0f0f0;
	/*background-color: #E4EAF4;*/
	cursor:pointer;
}

#news_topics_list .img{
	float:left; 
	width:auto; 
}

#news_topics_list .txt{
	float: right;
	width: 785px;
	padding-left: 20px;
}

#news_topics_list h3{
	font-weight:bold;
	margin: 0 0 3px !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}

#news_topics_list h3 a {
	 color:#333;
	 margin:0;
	 text-decoration:none;
}

#news_topics_list h3 br{
	display: none;
} 

#news_topics_list h3 br.list_no{
	display: block !important;
} 

#news_topics_list p.icon {
	margin-bottom: 5px;
	line-height: 1;
}

#news_topics_list  p.icon img.icon_new{
	vertical-align:-0.3em;
	padding-left:5px;
	line-height: 1;
}

#news_topics_list p.topics_date {
	font-size:93%;
	color:#5E5D5D;
	margin: 7px 0 8px;
	line-height: 1;
	letter-spacing:0em;
	text-align:left;
}
#news_topics_list .txt .summary{
	 color:#333;
	line-height:1.6;
	font-size:95%;
}
 
 /*information一覧
================================== */
ul.link.year_top {
	border-bottom:solid 1px #ccc;
	margin-bottom:40px;
}

ul.link.year_top li {
	float:left;
	margin-right:20px;
	background: url(/tech/civil_engineering/topics/images/arrow_down.png) no-repeat 0 0.31em;
}

ul.link.year_bottom {
	border-top:solid 1px #ccc;
	margin-top:20px;
	padding-top:8px;
	padding-bottom:40px;
	background:url(/common/image/bg_dot_line.gif) repeat-x left bottom;
}

ul.link.year_bottom li {
	float:left;
	margin-right:20px;
	background: url(/tech/civil_engineering/topics/images/arrow_up.png) no-repeat 0 0.31em;
}

ul.link li { 
	margin-bottom: 5px;
	padding: 0 0 0 12px;
	background: url(/tech/civil_engineering/topics/image/arrow_red.png) no-repeat 0 0.35em;
	color: #808485; 
	line-height: 1.33;
}

div#body h3.year {
	border-bottom: solid 2px #E6002D;
	margin-bottom:18px;
	margin-top:15px;
	letter-spacing:0.08em;
}

div#body h3.year.info {
	margin-bottom: 0px;
	margin-top:0px;
}

div.info dl {
	margin-left:0px;
	margin-bottom:0px;
	/*margin-bottom:40px;*/
}

div.info dl dt {
	clear:both;
	width:8.5em;
	float:left;
	padding:0px 0px 6px 0px;
	line-height:1.7;
}

div.info dl dd {
	margin:0px 0px 0px 9em;
	padding:0px 0px 6px 0;
	color:#595757;
	line-height:1.7;
}
div.info dl dd p{
	padding-left:88px;
} 
div.info dl dd p a{
	text-decoration:none;
} 
div.info dl dd p a:hover{
	text-decoration:underline;
}   

/*.info_icon*/
div.info dl dd.press{	background:url(/tech/image_v2/civil_common/icon_press.png) no-repeat 0px 0.22em;}
div.info dl dd.digest{	background:url(/tech/image_v2/civil_common/icon_digest.png) no-repeat 0px 0.22em;}
div.info dl dd.site_info{	background:url(/tech/image_v2/civil_common/icon_site_info.png) no-repeat 0px 0.22em;}
div.info dl dd.news{	background:url(/tech/image_v2/civil_common/icon_news.png) no-repeat 0px 0.22em;} 
div.info dl dd.exhibition{	background:url(/tech/image_v2/civil_common/icon_exhibition.png) no-repeat 0px 0.22em;} 

div.info img.movie{
	margin-left: 6px;
	position: relative;
	top: -0.42em;
}

p.go_pagetop_info {
	margin: 30px 0 0px 0;
	line-height: 1.0;
	text-align: right;
	font-size:92.3%;
}
p.go_pagetop_info a { 
	padding: 0 0 0 11px;
	background: url(/common/image/arrow_up.gif) no-repeat 0 0.4em;
}

#news_topics_list img.movie.topics{
	margin-left: 8px;
	position: relative;
	top: 0.15em;
}


 
/*トピックス記事
================================== */
div#body div#main.tech_body {
	padding-bottom:0;
}

#topic_title {
	/*position: relative;*/
  color: #363434;
  border-bottom: #E6002D 2px solid;
  margin: 30px 0 20px;
}
div#body #topic_title h1 {
	position: relative;
  margin: 0 0 10px;
  font-size: 153.8%;
  font-weight: bold;
}
div#body #topic_title h1 img.movie{
	margin-left: 23px;
	position: relative;
	top: -0.73em;
	/*position: absolute;
	top: 0.73em;
	right: 0px;*/
}

div#body h3 {
	/*border-bottom: solid 2px #ccc;*/
	margin-bottom:10px;
}

div#body h3.line {
	border-bottom: dotted 1px #aaa;
	margin-bottom: 15px;
	margin-top: 40px;
}

#topic_date {
  margin: -10px 0 20px 0px;
  color: #363434;
	font-size:92.3%;
}

.topics_bottom{
	background:url(/tech/image_v2/tech_common/bg_bottom_pager.png) no-repeat left bottom; padding:0 1px 6px;
	clear:both;
	text-align:center;
}
.topics_bottom p.btn{
	width:22em;
	margin:30px auto;
	line-height:1;
	font-size:92.3%;
}
.topics_bottom p.btn a{
	display:block;
	padding:1.2em 0;
	color:#333;
	text-decoration:none;
	border:#b9baba 1px solid;
	border-radius:4px;
	background:url(/common/image/arrow_red_large.png) no-repeat 1.2em 47%;
}
.topics_bottom p.btn a:hover{
	text-decoration: underline;
	background-color: #f4f4f4;
}


/*前後ボタン*/
.topics_link{
	position: relative;
	border-top: 1px solid #aaa;
	width: 760px;
	margin: 20px auto 0;
	height: 75px;
}
.topics_link ul li{
	position:absolute;
	float: left;
	width: 130px;
	margin-top: 18px;
	font-size: 0.85em;
}
.topics_link ul li a{
	text-decoration: none;
}

/*.topics_link ul li.btn_prev,
.topics_link ul li.btn_index,
.topics_link ul li.btn_next{
	position:absolute;
	width:130px;
	top:0px;
}*/

.topics_link ul li.btn_prev{	left:0px;}
.topics_link ul li.btn_index{	left:315px;}
.topics_link ul li.btn_next{	left:630px;}

.topics_link ul li.btn_prev a{
	background:url(/tech/civil_engineering/topics/images/arrow_prev.png) no-repeat 1.2em 47%;
}
.topics_link ul li.btn_index a{
	background:url(/tech/civil_engineering/topics/images/arrow_index.png) no-repeat 1.2em 47%;
}
.topics_link ul li.btn_next a,
.topics_link ul li.btn_next.no_link{
	background:url(/tech/civil_engineering/topics/images/arrow_next.png) no-repeat 8.8em 47%;
}

.topics_link ul li a.prev,
.topics_link ul li a.next,
.topics_link ul li a.index,
.topics_link ul li.btn_prev.no_link,
.topics_link ul li.btn_next.no_link{
	display: block;
	color:#333;
	text-decoration:none;
	text-align: center;
	padding:0.5em 0;
	border:#b9baba 1px solid;
	border-radius:4px;
	background-color:#f4f4f4;
}
.topics_link ul li a.prev:hover,
.topics_link ul li a.next:hover,
.topics_link ul li a.index:hover{
	text-decoration:underline;
	background-color:#C6D2E1;
}

.topics_link ul li.btn_prev.no_link,
.topics_link ul li.btn_next.no_link{
    opacity: 0.65;
}

.topics_link ul li.btn_prev.no_link{
	background:#f5f5f5 url(/tech/civil_engineering/topics/images/arrow_prev_nl.png) no-repeat 1.2em 47%;
}
.topics_link ul li.btn_next.no_link{
	background:#f5f5f5 url(/tech/civil_engineering/topics/images/arrow_next_nl.png) no-repeat 8.8em 47%;
}

#ref_area{ background:none;}
div#body .cv_nav h3{
	border-bottom: none;
	margin-bottom:7px;
}

div#main div.kakomi {
	margin:20px 100px;
}

/* 工事概要 */
div.topics dl.gaiyo {
	float:left;
}

div.topics dl.gaiyo dt {
	width:6em;
	float:left;
	clear:left;
	padding:0px 0px 6px 0px;
	line-height:1.33;
}

div.topics dl.gaiyo dd {
	margin:0px 0px 0px 6em;
	padding:0px 0px 6px 0px;
	color:#595757;
	line-height:1.33;
}

div.topics dl.gaiyo dt.last,
div.topics dl.gaiyo dd.last {
	padding-bottom:0px;
}

div#main p.center{
	margin-left:80px;
}

div#main .tm_3 {
	margin-bottom:3em !important;
}

/*photo_info*/
.photo_info {
	color:#8d8d8d;
	font-size:84.6%;
}


/*movie 参考リンク*/
.icon_movie{
	vertical-align: -0.13em;
	margin-left: 8px;
}

.btn_mov_link{
	text-align: center;
}

/*日英切替*/
div#body #topic_title h1 img.lang_link{
	position: absolute;
	top: 7px;
	right: 0px;
}



/*movie*/
.mov_time {
	font-size:90%;
}
.print_img {
	display: none;
}

/*IE再生マーク表示*/
.video_wrap .play_btn1,
.video_wrap .play_btn2,
.video_wrap .play_btn3,
.video_wrap .play_btn4,
.video_wrap .play_btn5,
.video_wrap .play_btn6 {
	display: none;
  }
@media all and (-ms-high-contrast: none) {
.video_wrap {
	position: relative;
  }		
.video_wrap .play_btn1,
.video_wrap .play_btn2,
.video_wrap .play_btn3,
.video_wrap .play_btn4,
.video_wrap .play_btn5,
.video_wrap .play_btn6 {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:0;/*余計な隙間を除く*/
	padding:0;/*余計な隙間を除く*/
  }
}
/*IE再生マーク表示　ここまで*/


@media print{
ul.link.year_top,
ul.link.year_bottom,
.go_pagetop_info,
#link_year_area,
.topics_link,
.topics_bottom p.btn{
	display:none;
}

.print_img {
	display: block;
}
video{
	display:none;
}

}