@charset "utf-8";

h2.catch{
	margin-bottom:27px;
	font-size: 16px;
	line-height: 1.75;
}

/*#topics_slide_area
========================*/
#topics_slide_area{
	position: relative;
	height: 210px;
	margin: 0; 
	padding: 0;
	z-index: 5;
}

#topics_box{
	position: absolute;
	top: 0px; 
	left: 0px; /*left:303px;*/
	width: 615px;
	height: 208px;
  	border-radius: 6px; 
	border:#CC0033 1px solid;
	
	/*IE9+*/
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	
	background:url(/tech/c_great_east_japan_earthquake/images/bg_topics.png) repeat-x left top;
}


#topics_box .content{
	margin:0px 9px 0;
	background-color:#FFF;
	border:#e6e6e6 1px solid;
}

div#main #topics_box h3{
	margin:5px 0 4px 11px; padding:0;
	background:none;
}
#topics_box .content .txt{
	overflow:auto;
	height:168px;
}

/*ul*/
#topics_box .content .txt ul{
	line-height:1.6;
	padding:10px 12px;
}
#topics_box .content .txt ul li{
	background:url(/tech/c_great_east_japan_earthquake/common/images/dot_x.gif) repeat-x left bottom;
	padding:0px 0px 9px 0px;
	margin-bottom:8px;
	color:#707070;
}

/*dl*/
#topics_box .content .txt dl {
}
#topics_box .content .txt dt {
	float: left;
	width: 9em;
	padding: 0.6em 0 0.6em 1em;
	border-top: #ccc 1px dotted;
}
#topics_box .content .txt dd {
	margin:0px 0px 0px 9.5em;
	padding: 0.6em 1em 0.6em 0;
	border-top: #ccc 1px dotted;
}
/*#topics_box .content .txt dt.first,
#topics_box .content .txt dd.first {
	border-top: none;
}*/
#topics_box .content .txt dt:first-child,
#topics_box .content .txt dt:first-child + dd {
  border-top: none;
}

#topics_box .content .txt dd p {
	padding-left: 88px;
}

#topics_box .content .txt dd.press{ background:url(/tech/image_v2/civil_common/icon_press.png) no-repeat 0px 0.77em;}
#topics_box .content .txt dd.digest{ background:url(/tech/image_v2/civil_common/icon_digest.png) no-repeat 0px 0.77em;}
#topics_box .content .txt dd.site_info{ background:url(/tech/image_v2/civil_common/icon_site_info.png) no-repeat 0px 0.77em;}
#topics_box .content .txt dd.news{	background:url(/tech/image_v2/civil_common/icon_news.png) no-repeat 0px 0.77em;} 
#topics_box .content .txt dd.exhibition{ background:url(/tech/image_v2/civil_common/icon_exhibition.png) no-repeat 0px 0.77em;} 

#topics_box .content .txt a{
	text-decoration:none;
}
#topics_box .content .txt a:hover{
	text-decoration:underline;
}

#topics_box .content .txt p .no_link{color:#333;}


/*#slide_area*/
#slide_area{
	position:absolute;
	top:0px; 
	left:640px; /*left:0px;*/
	width: 320px;
	height: 240px;
}

#slide_area .slide_box{
	position:relative;
	width:320px;
	height:210px;
	background:url(/tech/c_great_east_japan_earthquake/images/bg_slide_area.png) no-repeat left top;
  	border-radius: 6px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	overflow:hidden;
}

#slide_area .slide_box li{
	position:absolute;
	top:0px; 
	left:0px;
	display:none;
}
#slide_area .slide_box li span{
	position:absolute;
	top:181px; 
	left:0px;
	width: 320px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #363436 !important;
}
#slide_area .slide_box ul a{
	text-decoration: none;
	color: #363436 !important;
}
#slide_area .slide_box a:hover{
	text-decoration: underline;
	color: #363436 !important;
}
#slide_area .slide_box a:visited{
	color: #363436 !important;
}
#slide_area ul.slide_btns{
	margin: 5px 0 0 0;
	padding-left: 91px;
}
#slide_area ul.slide_btns li{
	float:left;
	width:15px;
	margin-right:2px;
}



/*#map_area
========================*/
.map_area{
	/* margin: 45px 0 20px; */
	margin: 20px 0 0;
	position: relative;
	height: 855px;
	padding: 0;
	background: url(/tech/c_great_east_japan_earthquake/images/bg_japan_map.jpg) no-repeat 0px 0px;
}

/*map_area_const*/
#map_area_const{
}

/*#map_btns*/
#map_btns{}
#map_btns li{
	position:absolute;
	width:316px;
	height:45px;
	border: solid 2px #9fa0a0;
	border-radius: 8px;
	background: linear-gradient(#fff, #e1e1e1);
}
#map_btns li:hover{
	background: linear-gradient(#fff, #d5d5d5);
}
#map_btns li.finish01{
	background: url(/tech/c_great_east_japan_earthquake/images/icon_top_finish01.png)no-repeat 268px 50% ,linear-gradient(#fff, #e1e1e1);
}
#map_btns li.finish02{
	background: url(/tech/c_great_east_japan_earthquake/images/icon_top_finish02.png)no-repeat 268px 50% ,linear-gradient(#fff, #e1e1e1);
}
#map_btns li.finish03{
	background: url(/tech/c_great_east_japan_earthquake/images/icon_top_finish03.png)no-repeat 268px 50% ,linear-gradient(#fff, #e1e1e1);
}
#map_btns li:hover.finish01{
	background: url(/tech/c_great_east_japan_earthquake/images/icon_top_finish01.png)no-repeat 268px 50% ,linear-gradient(#fff, #d5d5d5);
}
#map_btns li:hover.finish02{
	background: url(/tech/c_great_east_japan_earthquake/images/icon_top_finish02.png)no-repeat 268px 50% ,linear-gradient(#fff, #d5d5d5);
}
#map_btns li:hover.finish03{
	background: url(/tech/c_great_east_japan_earthquake/images/icon_top_finish03.png)no-repeat 268px 50% ,linear-gradient(#fff, #d5d5d5);
}

#map_btns li img.icon{
	position: relative;
	left: 8px;
	top: -6px;
}

#map_btns li::before,
#map_btns li::after{
	position: absolute;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#map_btns li::before{
	top: 21px;
	width: 15px;
	height: 3px;
	background: #28a7e1;
}
#map_btns li::after{
	top: 16px;
	left: 2px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #28a7e1;
	border-right: 3px solid #28a7e1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
li#mbtn_1_03::before,
li#mbtn_1_04::before{
	background: #28a7e1;
}
li#mbtn_1_03::after,
li#mbtn_1_04::after{
	border-top: 3px solid #28a7e1;
	border-right: 3px solid #28a7e1;
}
li#mbtn_2_02::before,
li#mbtn_2_03::before,
li#mbtn_2_05::before,
li#mbtn_2_06::before{
	background: #23ac38;
}
li#mbtn_2_02::after,
li#mbtn_2_03::after,
li#mbtn_2_05::after,
li#mbtn_2_06::after{
	border-top: 3px solid #23ac38;
	border-right: 3px solid #23ac38;
}
li#mbtn_3_03::before,
li#mbtn_3_15::before{
	background: #f39800;
}
li#mbtn_3_03::after,
li#mbtn_3_15::after{
	border-top: 3px solid #f39800;
	border-right: 3px solid #f39800;
}

#map_btns li.left{left:0px;}
#map_btns li.right{left:640px;}

#map_btns li a{
	display: block;
	width: 292px;
	height: 34px;
	padding-left: 24px;
	padding-top: 11px;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	color:#363436;
}
li#mbtn_2_06 a{
	height: 40px;
	padding-top: 5px;
	line-height: 1.2;
}
li#mbtn_1_03 img.icon,
li#mbtn_2_06 img.icon{
	top: -10px;
}

/*const*/
li#mbtn_1_03,
li#mbtn_1_04{
	border: solid 2px #28a7e1;
}
li#mbtn_2_02,
li#mbtn_2_03,
li#mbtn_2_05,
li#mbtn_2_06{
	border: solid 2px #23ac38;
}
li#mbtn_3_03,
li#mbtn_3_15{
	border: solid 2px #f39800;
}
li#mbtn_1_03{top:129px;}
li#mbtn_1_04{top:68px;}
li#mbtn_2_02{top:376px;}
li#mbtn_2_03{top:435px;}
li#mbtn_2_05{top:258px;}
li#mbtn_2_06{top:317px;}
li#mbtn_3_03{top:185px;}
li#mbtn_3_15{top:114px;}

#map_btns li#mbtn_fuku1{
	/*top: 441px;*/
	top: 401px;
	width: 255px;
	/*height: 32px;*/
	height: 72px;
	padding-left: 15px;
	padding-top: 7px;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
	color:#666;
}
li#mbtn_fuku1::before,
li#mbtn_fuku1::after{
	display: none;
}

#map_btns li#mbtn_fuku1 .links a{
		display: inline-block;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    padding: 2px 0 6px 19px;
    background: url(/tech/c_great_east_japan_earthquake/common/images/arrow_red_large.gif) no-repeat 1px 5px;
    line-height: 1.35;
}
#map_btns li#mbtn_fuku1 .links a:hover{
	text-decoration: underline;
}


.map_area_const h4{
	position:absolute;
	width: 283px;
	height: 29px;
	padding-left: 37px;
	font-weight: bold;
	font-size: 18px;
	line-height: 29px;
	color: #fff;
	margin: 0 !important;
	border-radius: 15px;
	line-height: 32px;
}
.map_area_const h4::before{
	position: absolute;
	top: 11px;
	left: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border: 7px solid transparent;
	border-left: 10px solid #fff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.map_area_const h4.waste{
	top: 27px;
	background: #066cc5;
}
.map_area_const h4.decontamination{
	top: 217px;
	background: #05730c;
}
.map_area_const h4.deconstruction{
	top: 27px;
	left: 640px;
	background: #e75a00;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none){
	.map_area_const h4{	line-height: 30px;}
}

/*finish_area*/
.finish_area{
	position: relative;
	top: 538px;
	left: 0px;
}
.finish_area .col{
	width: 290px;
}
.finish_area .col_multi_2{
	float: left;
	width: 625px;
}
.finish_area .col.l{
	margin-right: 45px;
}
#main .finish_area h3,
#main .finish_area h4{
	font-size: 18px;
	margin: 0;
	line-height: 1.4;
}
#main .finish_area h3{
	background: none;
	padding: 0;
	margin-bottom: 22px;
	margin-left: 105px;
}
#main .finish_area h4{
	margin-bottom: 12px;
}
.finish_area ul{
	font-size: 16px;
	font-weight: bold;
	color: #363436 !important;
}
.finish_area ul a{
	text-decoration: none;
	color: #363436 !important;
}
.finish_area ul a:hover{
	text-decoration: underline;
	color: #363436 !important;
}
.finish_area ul a:visited{
	color: #363436 !important;
}
.finish_area ul li{
	margin-bottom: 4px;
}
.maru {
	height: 22px;
	width: 22px;
	border-radius: 50%;
	line-height: 22px;
	text-align: center;
	background: #066cc5;
	float: left;
	margin-right: 6px;
	margin-top: 1px;
}
.maru span{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.05em;
}

.finish_area .waste h4{
	color: #066cc5;
	border-bottom: dotted 1px #28a7e1;
}
.finish_area .waste .maru{
	background: #28a7e1;
}
.finish_area .decontamination{
	margin-top: 24px;
}
.finish_area .decontamination h4{
	color: #05730c;
	border-bottom: dotted 1px #23ac38;
}
.finish_area .decontamination .maru{
	background: #23ac38;
}
.finish_area .deconstruction h4{
	color: #e75a00;
	border-bottom: dotted 1px #f39800;
}
.finish_area .deconstruction .maru{
	background: #f39800;
}
.finish_area .deconstruction .col.l{
	width: 320px;
}
.finish_area .deconstruction .col{
	width: 260px;
}


@media print{
	
	div#body h2.catch{margin:0 0 20px;}
	div#body h2.catch img{
		width:640px; height:auto;
	}

	.bread,
	/* #map_btns, */
	#slide_area ul.slide_btns{
		display:none;
	}
	
	#header{
		page-break-after:avoid !important;
	}
	
	#menu_index{
		page-break-before:always !important;
		display:none;
		page-break-inside:avoid !important;
	}
	#menu_index ul{
		margin:0 0 0px 3px;
	}
	#menu_index ul li{
		padding:1px 6px 2px 6px;
	}
	#menu_index ul li p a{
		padding:2px 0 2px 26px;
		background:url(/tech/c_great_east_japan_earthquake/common/images/arrow_red_large.gif) no-repeat 8px 0.4em;
	}

}