@charset "utf-8";

div#body div#main {
	width:960px;
}

/*********************************************************
		=colors
---------------------------------------------------------- */

body.waste div#main div.link_anchor div.section{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_anchor_menu_arrow_blue.png) no-repeat 23px 0px;
}
body.decontamination div#main div.link_anchor div.section{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_anchor_menu_arrow_green.png) no-repeat 23px 0px;
}
body.deconstruction div#main div.link_anchor div.section{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_anchor_menu_arrow_orange.png) no-repeat 23px 0px;
}

body.waste div#main.tech_body h2.mark {
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h2_mark_blue.png) no-repeat 100px 38px;
}
body.decontamination div#main.tech_body h2.mark {
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h2_mark_green.png) no-repeat 100px 38px;
}
body.deconstruction div#main.tech_body h2.mark {
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h2_mark_orange.png) no-repeat 100px 38px;
}
body.waste div#main.tech_body h3.label{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h3_blue.png) no-repeat left top;
}
body.waste div#main.tech_body .h3_btm{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h3_btm_blue.png) no-repeat left bottom;
}

body.decontamination div#main.tech_body h3.label{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h3_green.png) no-repeat left top;
}
body.decontamination div#main.tech_body .h3_btm{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h3_btm_green.png) no-repeat left bottom;
}

body.deconstruction div#main.tech_body h3.label{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h3_orange.png) no-repeat left top;
}
body.deconstruction div#main.tech_body .h3_btm{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h3_btm_orange.png) no-repeat left bottom;
}


body div#main.tech_body .h3_finish {
	color: #fff;
	line-height: 1;
	font-weight: bold;
	font-size: 156%;
	padding: 9px 14px 6px;
	border-radius: 5px;
}
body.decontamination div#main.tech_body .h3_finish { 	background: #23AC38;}
body.waste div#main.tech_body .h3_finish { 	background: #28A7E1;}
body.deconstruction div#main.tech_body .h3_finish { 	background: #F39800;}

body div#main.tech_body h5.square {
	margin: 0 0 5px 0;
    font-size: 108%;
    font-weight: bold;
    clear: both;
    line-height: 1.7;
	padding-left: 16px;
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_h2_mark_orange.png) no-repeat left 5px/12px 12px;
}

/*heading_custom*/
div#main.tech_body h2 {
	color:#000;
}

div#main h3.update{
	border-bottom: 2px solid #ccc;
	letter-spacing: 0;
	font-size: 113%;
	margin-bottom: 10px;
}
div#main h3.update .icon_new{
	vertical-align: -2px;
}



/*********************************************************
		=page_title
---------------------------------------------------------- */

#page_title {
	background:none;
	height:148px;
	width:960px;
	margin-left:0px;
	position:relative;
	z-index:10;
	border-bottom:none;
}

#page_title h1{
	position:absolute;
	left:0px;
	top:0px;
}

/*********************************************************
		=menu_index
---------------------------------------------------------- */

.menu_index_title{
	background:url(/tech/image_v2/tech_common/bg_bottom_pager.png) no-repeat 0px -130px;
	/* padding:30px 0 15px 0; */
	padding: 25px 0 3px 0;
}
.menu_index_title h2{
	margin: 0;
	font-weight: bold;
	font-size: 24px;
	color: #363436 !important;
}
.menu_index_title h2 a{
	text-decoration: none;
	color: #363436 !important;
}
.menu_index_title h2 a:hover{
	color: #363436 !important;
}
.menu_index_title h2 a:visited{
	color: #363436 !important;
}


#menu_index{
	margin:10px 0 15px;
	padding:101px 0 0;
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_menu_photo.jpg) no-repeat 0px 0px;
}

#menu_index .content{
	background:url(/tech/c_great_east_japan_earthquake/common/images/bg_menu.png) repeat-y left top;
}
#menu_index .col{
	float:left;
	width:320px;
}
/* div#main #menu_index h2{
	margin:0; padding:0;
} */
#menu_index h2{
	margin:0; 
	padding:0;
	width: 303px;
	height: 56px;
	font-weight: bold;
	font-size: 20px;
	background: #fff;
	padding-left: 14px;
	line-height: 56px;
}
#menu_index h2.waste{
	color:#066cc5;
	border-left: solid 3px #28a7e1;
}
#menu_index h2.decontamination{
	color:#05730c;
	border-left: solid 3px #23ac38;
}
#menu_index h2.deconstruction{
	color:#e75a00;
	border-left: solid 3px #f39800;
}

#menu_index ul{
	/*margin:0 15px 20px;*/
	margin:0 0 20px 3px;
	line-height:1.4;
}
#menu_index ul li{
	background:url(/tech/c_great_east_japan_earthquake/common/images/dot_x.gif) repeat-x left bottom;
	margin:0;
	/*padding:0 0 1px 0;*/
	padding:6px 6px 7px 6px;
}
#menu_index ul li p{

}
#menu_index ul li p a{
	display:block;
	text-decoration:none;
	color:#333333;
	border:#EDEDED 1px solid;
	
	padding:6px 0 6px 26px;
	background:url(/tech/c_great_east_japan_earthquake/common/images/arrow_red_large.gif) no-repeat 8px 0.7em;
}
#menu_index ul li p a:hover{
	text-decoration:underline;
}

#menu_index ul li.current p a{
	-moz-border-radius: 6px;    /* Firefox */
  -webkit-border-radius: 6px; /* Safari,Chrome */
  border-radius: 6px;         /* CSS3 */
	border:#ccc 1px solid;
	background:#d6d6d6 url(/tech/c_great_east_japan_earthquake/common/images/arrow_g_large.gif) no-repeat 8px 0.7em;
}

#menu_index img.icon{
	margin-left:5px;
	vertical-align:-0.18em;
}

/*********************************************************
		=link_anchor
---------------------------------------------------------- */

div#main div.link_anchor ul li {
	float:none;
	padding: 0 20px 0px 15px;
	letter-spacing:0.1em;
	float: left;
	background: url(/tech/image_v2/tech_common/arrow_down_large.png) no-repeat 0 0.3em;
}


/*工事概要*/

div#main h4.data{
	font-size:100%;
	margin-bottom:0;
	color:#333;
}

.act_name{
	font-size:107.7%;
	padding:15px 0 16px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.1em;
}

dl.data{
	font-size:92.8%;
	padding-bottom:15px;
}
body.waste dl.data{
	border-bottom:#28A7E1 1px solid;
}
body.decontamination dl.data{
	border-bottom:#23AC38 1px solid;
}
body.deconstruction dl.data{
	border-bottom:#F39800 1px solid;
}

dl.data dt {
	width:5.5em;
	float:left;
	clear:left;
	padding:0px 0px 6px 0px;
	line-height:1.5;
}
dl.data dd {
	margin:0px 0px 0px 6em;
	padding:0px 0px 6px 0px;
	line-height:1.5;
}
dl.data dt.long {
	width:7em;
}
dl.data dd.long {
	margin:0px 0px 0px 7em;
}
dl.data dt.long2 {
	width:auto;
	float:none;
}
dl.data dt.long3 {
	width:10em;
}
dl.data dd.long3 {
	margin:0px 0px 0px 10em;
}
dl.data dt.long4 {
	width:8em;
}
dl.data dd.long4 {
	margin:0px 0px 0px 8em;
}

dl.data dt.middle {
	width:5em;
}
dl.data dd.middle {
	margin:0px 0px 0px 5em;
}
dl.data dt.short {
	width:3em;
}
dl.data dd.short {
	margin:0px 0px 0px 3em;
	_float:left;
	_width:160px;
	_margin-left:0;
}

dl.data p.date{
	text-align:right;
	font-size:92.8%;
}

/*宮古市田老地区 工事概要*/
dl.data dd table {
	margin-left:2em;
}
	
dl.data dd table tr td.tarou1 {
	width:7em;
	vertical-align:top;
	/*padding:0px 0px 6px 0px;
	line-height:1.5;*/
}

dl.data dd table tr td.tarou2 {
/*	margin:0px 0px 0px 20em;
	padding:0px 0px 6px 0px;
	line-height:1.5;*/
}

/*石巻魚市場 工事概要*/
/*.col2 .col_2{
	width:390px;
	float:left;
}*/

body.deconstruction div.underline{
	border-bottom:#F39800 1px solid;
	height:140px;
}

body.deconstruction div.underline dl.data{
	border-bottom:none;
}

body.waste div.underline{
	border-bottom:#28A7E1 1px solid;
	height:155px;
}

body.waste div.underline dl.data{
	border-bottom:none;
}




/*********************************************************
		=digest_link
---------------------------------------------------------- */

.digest_link{
	border:#CCCCCC 2px solid;
	padding:10px 10px 10px;
	background:#ededed;
}

.digest_link a{
	text-decoration:none;
}
.digest_link a:hover{
	text-decoration:underline;
}

div#main ul.digest_link li {
	margin-bottom: 0px;
	padding: 0 0 0 10px;
	background: url(/common/image/arrow_red.gif) no-repeat 0 0.4em;
	color: #808485;
	line-height: 1.33;
}

/*caption .title*/

div#main p.caption strong.title {
	margin: 0px 0 5px 0;
	font-size: 110%;
}

/*narrow*/
.col3 .col_multi_2 .narrow{
	margin-left:65px;
	width:370px;
}

/*arrow*/
.flow_arrow{
	margin:8px 0 0;
}

/*caption.no_margin_bottom*/
div#main p.caption.nm {
	margin: 3px 0 0 0;
}


p.title {
/*	margin-bottom:1em;
*/	text-align:left;
	padding-left:2.6em;
	line-height: 1.1;
	padding-bottom:5px;
}

/*［column］*/
div#main div.kakomi {
	width: 720px;
}

div#main div.kakomi h4 span {
	font-weight:lighter;
	color:#999;
}

div#main p.caption2 {
	margin: 3px 0 0px 0;
	line-height:1.7;
	font-size: 90%;
}

/*icon_renew*/
.icon_renew{
	padding-left:7px;
	vertical-align:-3px;
}

.icon_new{
	padding-left:7px;
	vertical-align:-1px;
}

.icon_new.large{
	vertical-align:-0.135em;
}


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


/**/

.tm{
	margin-bottom:1em;
}
.tm_2{
	margin-bottom:2em;
}

div#main img.link_icon{
	margin:0 4px;
}

/*現場サイトはこちら*/
.link_btn{
	text-align:center;
}


/*movie*/
h3 span.sub{
	font-size:70%;
	letter-spacing:0;
}
h3 span.sub.mov_time {
	font-weight:normal;
}
.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再生マーク表示　ここまで*/

/*********************************************************
		=Clearfix
---------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} /* この記述は固定です */

.clearfix,
ul,
li,
dl,
div.section,
div.kakomi,
.col,
.content,
.rel_info,
p.go_pagetop {zoom:1;} /* clearfix IE6, 7 */

.clearfix:after,
ul:after,
li:after,
dl:after,
div.section:after,
div.kakomi:after,
.col:after,
.content:after,
.rel_info:after,
p.go_pagetop:after {content:"";}

/* End_clearfix */


.break span{
	display:none;
}

.break{
	/*page-break-after:always !important;*/
	clear:both;
	margin:0 !important;
	padding:0 !important;
}

@media print{
	div#header ul#gnav,
	div#header div.utility,
	#gnav,
	#footer,
	div.bottom{
		display:none !important;
	}

	.break{
		/*page-break-after:always !important;*/
		float:none !important;
	}
	
	div#body h1 {
		padding: 0 0 20px 0;
		margin:0;
	}
	.menu_index_title,#menu_index{
		display:none;
	}
	
	.print_img {
	display: block;
	}
	video{
		display:none;
	}
}