@charset "UTF-8";

#disaster{}
#disaster .inner{
	width:980px;
	margin:0 auto;
}
#disaster .ttl_box{
	padding:0 0 40px 0;
}
#disaster .ttl_box h1{
	padding-right:40px;
}

#disaster .ttl_box p{
	border-left:2px solid #dddddd;
	padding:0 0 0 35px;
	font-size:15px;
}
#disaster .taC{
	text-align:center;
}
#disaster .ttl_box *{
	display:inline-block;
	vertical-align:middle;
	line-height:1.6;
}

#disaster .txt_box dt{
	font-size:22px;
	font-weight:bold;
	padding-bottom:25px;
	padding-top:40px;
}
#disaster .txt_box dd{
	font-size:15px;
	line-height:1.6;
}
#disaster .txt_box dt em{
	font-style:normal;
	font-size:14px;
	display:block;
	padding-bottom:3px;
}
#disaster .cont1{
	padding-bottom:40px;
}
#disaster .col_l{
	width:490px;
	float:left;
}
#disaster .col_l .txt_box{
	padding-right:40px;
}
#disaster .col_r{
	width:490px;
	float:right;
}
#disaster .col_r .txt_box{
	padding-left:40px;
}
#disaster .btn_box{
	width:980px;
	margin:0 auto;
	padding-top:40px;
	text-align:center;
}
#disaster .btn_box li{
	display:inline-block;
	margin:0 10px;
	width:440px;
}
#disaster .btn_box li a{
	display:block;
	padding:15px 0;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
}
#disaster .btn_box li a:before{
	display:inline-block;
	content:"";
	background:url(../img/arrow.png);
	width:8px;
	height:12px;
	margin:0 7px 0 0 ;
}
.t_cell_bottom{
	height:320px;
	display:table-cell;
	vertical-align:bottom;
}

#disaster h2{
	font-family:"游明朝","YuMincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:32px;
	padding-left:13px;
	margin-top:40px;
	margin-bottom:25px;
}

#disaster .quake,
#disaster .fire,
#disaster .snow{
	background:#ebeae8;
	padding:50px 0 50px 0;
}
#disaster .taifu,
#disaster .rain,
#disaster .other{
	background:#FFFFFF;
	padding:50px 0 50px 0;
}
#disaster .quake h2{
	border-left:7px solid #705a4f;
	color:#705a4f;
}
#disaster .quake .bd_top{
	padding:28px 0 0 0;
	margin-top:28px;
	border-top:1px solid #705a4f;
	line-height:1.7;
}
#disaster .quake .btn_box li a{
	background:#705a4f;
}
#disaster .taifu h2{
	border-left:7px solid #61899c;
	color:#61899c;
}
#disaster .taifu .btn_box li a{
	background:#61899c;
}
#disaster .fire h2{
	border-left:7px solid #b85151;
	color:#b85151;
}
#disaster .fire .btn_box li a{
	background:#b85151;
}
#disaster .rain h2{
	border-left:7px solid #6d6c90;
	color:#6d6c90;
}
#disaster .rain .btn_box li a{
	background:#6d6c90;
}
#disaster .snow h2{
	border-left:7px solid #999999;
	color:#999999;
}
#disaster .snow .btn_box li a{
	background:#999999;
}
#disaster .other h2{
	border-left:7px solid #444444;
	color:#444444;
}
#disaster .other .btn_box li a{
	background:#444444;
}
#disaster .archive_data{
	background:#f4eeee;
	padding:1px 0;
}
#disaster .archive_data h2{
	font-size:22px;
	padding:8px;
	background:#dac9c9;
}

#disaster .archive_data h3{
	font-size:22px;
	font-family:"游明朝","YuMincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:50px 0 15px 0;
	
}
#disaster .archive_data h3 em{
	display:block;
	font-size:12px;
	width:80px;
	padding:3px 0;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:5px;
}

#disaster .archive_data{
	line-height:1.6;
}
#disaster .archive_data h3.quake_ttl{
	color:#705a4f;
}
#disaster .archive_data h3.quake_ttl em{
	background:#705a4f;
}
#disaster .archive_data h3.taifu_ttl{
	color:#61899c;
}
#disaster .archive_data h3.taifu_ttl em{
	background:#61899c;
}
#disaster .archive_data .inner2{
	width:800px;
	margin:0 auto;
}
#disaster .archive_data .img_box{
	padding:20px 0 0 0;
}
#disaster .cite_txt{
	text-align:right;
	padding:5px 0 0 0;
	font-size:12px;
}
#disaster .archive_data table{
	width:100%;
}
#disaster .archive_data  th{
	background:#dfe7eb;
}
#disaster .archive_data  td{
	background:#FFFFFF;
}
#disaster .archive_data  td,
#disaster .archive_data  th{
	border:1px solid #61899c;
	padding:8px;
	text-align:center;
	
}
#disaster .archive_data h4{
	font-weight:bold;
	padding:20px 0 5px 0;
}



.disaster.emergency.index .tri_link_anchor li {
    display: block;
    margin-right: 30px;
    margin-bottom: 8px;
}





/*
2column layout for emergency
*/
.emergency.index .shadow_box_wrapper .shadow_box {
    padding-top: 30px;
}

/* main */
#page_content main .main{
    margin: 0 auto;
    width: 978px;
}
#page_content .float_wrapper.w980 .main{
    width:760px;
    float:right;
}

/* main > section */
main .sect section + section{
	margin-top: 2em;
}
main .sect p,
main .sect h4,
main .sect address {
	padding: 0 10px;
}
main .sect h3 + p,
main .sect p + p,
main .sect .lined_table + p {
	margin-top: 1em;
}
main .sect h4{
	font-size: 114.3%;
	font-weight: bold;	
	margin-top: 1em;
}

/* .grey_title customize*/
h3.bgGrey_title{
  margin: 0 !important;
}
main .sect p + h3.bgGrey_title {
	margin-top: 1em !important;
}
/* local menu */
#page_content .float_wrapper.w980 .local_menu{
    width:180px;
    float:left;
}
#page_content .float_wrapper.w980 .local_menu ul{
    border-top:solid #ddd 1px;
}
#page_content .float_wrapper.w980 .local_menu ul li{
    border-bottom:solid #ddd 1px;
    height:48px;
}
#page_content .float_wrapper.w980 .local_menu ul li a{
    display: block;
    height:48px;
    line-height: 48px;
    background: url(/common/img/arw_l.png) right center no-repeat;
}
#page_content .float_wrapper.w980 .local_menu ul li.on a{
    color:#e21210;
}

#page_content .float_wrapper.w980 .local_menu.emergency ul li{
    height:auto;
}
#page_content .float_wrapper.w980 .local_menu.emergency ul li a{
    height:auto;
    line-height: 1.4;
    padding-top:14px;
    padding-bottom: 14px;
}
#page_content .float_wrapper.w980 .local_menu.emergency ul li a:hover,
#page_content .float_wrapper.w980 .local_menu.emergency ul li.on a{
    color:#f29600;
    text-decoration: none;
}

/* .btnRow2 customize*/
.emergency .sect .btnRow2 {
	margin: 40px auto 0 auto;
}
.emergency .float_wrapper.w980 .sect .btnRow2 {}
.emergency .float_wrapper.w980 .sect .btnRow2 ul {
    width: 660px;
}
.emergency .float_wrapper.w980 .sect .btnRow2 ul li {
	width: 318px;
}


@media screen and (max-width: 834px) {
	#disaster .inner{
		width:90%;
		margin:0 auto;
	}
	#disaster .col_l{
		width:100%;
		float:none;
	}
	#disaster .col_l .txt_box{
		padding-right:0;
	}
	#disaster .col_r{
		width:100%;
		float:none;
	}
	#disaster .col_r .txt_box{
		padding-left:0;
	}
	#disaster h2{
		margin:0px 0 15px 0;
	}

	#disaster .ttl_box{
		padding:0 0 20px 0;
	}
	#disaster .ttl_box h1{
		padding:0 0 15px 0;
		border-bottom:2px solid #CCC;
		margin-bottom:15px;
	}

	#disaster .ttl_box p{
		border-left:none;
		padding:0px;
	}
	#disaster .ttl_box p br{
		display:none;
	}
	#disaster .quake,
	#disaster .fire, 
	#disaster .snow,
	#disaster .taifu, 
	#disaster .rain, 
	#disaster .other  {
	    padding: 25px 0;
	}
	#disaster .txt_box{
		padding-bottom:15px;
	}
	#disaster .txt_box dt{
		padding:0 0 5px 0;
	}
	#disaster .btn_box{
		width:90%;
		padding-top:10px;
	}
	#disaster .btn_box li{
		display:block;
		width:100%;
		margin:10px 0;
		
	}
	#disaster .btn_box li a{
		font-size:12px;
	}
	#disaster .archive_data .inner2{
		width:100%;
		margin:0 auto;
	}
	#disaster .archive_data{
		padding:25px 0;
	}
	#disaster .archive_data h2{
		font-size:18px;
	}
	#disaster .archive_data h3{
		padding:30px 0 10px 0;
		font-size:18px;
	}
	#disaster .cite_txt{
		font-size:10px;
	}
	.t_cell_bottom{
		height:auto;
		display:block;
	}



	/*
	2column layout for emergency
	*/
    /* main */
		#page_content main .main{
				width:92%;
		    margin: 0 auto;
		}
    #page_content .float_wrapper.w980 .main{
        width:92%;
        float:none;
        margin:0 auto;
    }
    /* main > section */
		main .sect p,
		main .sect h4,
		main .sect address{
			padding: 0 1%;
		}
		main .sect h3{
			padding: 5px 1%;
		}
    
    /* local menu */
    #page_content .float_wrapper.w980 .local_menu{
        display: none;
    }
		
		/* .btnRow2 customize*/
		.emergency .float_wrapper.w980 .sect .btnRow2 ul {
		  width: 92%;
		}
		.emergency .float_wrapper.w980 .sect .btnRow2 ul li {
			width: auto;
		}
}





@media screen and (max-width: 440px) {

}