@charset "utf-8";
/* CSS Document */


/* =========================

Last Update 2023.03.15

========================= */



.hotlab_bnr{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ccc;
	}

#contents_center {
	border-left : 1px solid #ccc;
	border-right : 1px solid #ccc;
	box-sizing: content-box;
	float : left;
	margin-left: 19px;
	padding : 0;
	width : calc(50% - 2px);
}
#contents_left {
	float : left;
	margin : 0;
	width : 220px;
}
#contents_left ul {
	margin : 0;
	padding : 0;
}
#contents_left ul li {
	border-bottom : 1px dotted #ccc;
	margin : 0 0 10px 0;
	padding : 0 0 10px 0;
}
#contents_left ul li.last {
	border-bottom : 1px dotted #ccc;
	margin : 0;
	padding : 0 0 14px 0;
}
#contents_right {
	float : right;
	margin : 0;
	width : 220px;
}
#contents_right h2 {
	font-size : 13px;
	margin : 0;
	padding : 10px 0 3px 7px;
}
#contents_right h2 a, #state h3 a {
	color : #000;
	text-decoration : none;
}
#contents_right h2 a:hover {
	color : #000;
	text-decoration : underline;
}
#contents_right ul li, #contents_right ul li a{
	background-image : url(../images/index/bg_nav_off.gif);
	background-position : right center;
	background-repeat : no-repeat;
	color : #333;
	font-size : 13px;
	text-decoration : none;
}
#contents_right ul li a:hover {
	background-image : url(../images/index/bg_nav_on.gif);
	background-position : right center;
	background-repeat : no-repeat;
	text-decoration : underline;
}
#contents_right ul .li_img, #contents_right ul .li_img a{
	background-image : url("../images/index/bg_nav_off_rb.gif");
	background-position : right bottom;
	background-repeat : no-repeat;
	color : #333;
	font-size : 13px;
	text-decoration : none;
}
#contents_right ul .li_img a:hover {
	background-image : url("../images/index/bg_nav_on_rb.gif");
	background-position : right bottom;
	background-repeat : no-repeat;
	text-decoration : underline;
}
#contents_right ul .li_img_none a {
	background-image: none;
}
#contents_right ul .li_img_none a:hover {
	background-image: none;
}
#contents_right ul .li_img span{
	display:block;
	margin-top: 5px;
}
#earthquake_box {
	background-color : #fff;
	border : 3px solid #ccc;
	margin : 0;
}
#earthquake_box p, #trouble_box p {
	color : #666;
	line-height : 1.3;
	padding : 5px;
	font-size:10px;
}
#earthquake_box ul li, #sisetsu_box ul li, #trouble_box ul li {
	background-color : #fff;
	border-top : 1px dotted #ccc;
}
#earthquake_box ul li a, #fukusima_box ul li a, #results_box ul li a, #results_box ul li.add a, #sisetsu_box ul li a, #sisetsu_box ul#procedure a, #trouble_box ul li a {
	display : block;
	padding : 5px;
}
#earthquake_box ul li a:hover, #trouble_box ul li a:hover {
	background-color : #e7e7e7;
}
#fukusima_box {
	background-image : url(../images/index/bg_fukusima.jpg);
	background-repeat : no-repeat;
	border-bottom : 1px solid #ccc;
	margin : 0 0 20px 0;
	padding : 0 0 19px 0;
}
#fukusima_box ul {
	border-bottom : 3px solid #F9D7E6;
	border-left : 3px solid #F9D7E6;
	border-right : 3px solid #F9D7E6;
}
#fukusima_box ul li {
	background-color : #fff;
	border-top : 1px dotted #ccc;
	display : block;
	padding : 5px;
}
#fukusima_box ul li a:hover {
	background-color : #F9D7E6;
}
#fukusima_box ul li.add {
	background-color : #FCEBF2;
}
#gallery {
	background-image : url(../images/slide/04.jpg);
	border : 5px solid #E2D9B1;
	height : 320px;
	margin : 0 auto;
	width : 950px;
}
#main {
	clear : left;
	margin : 20px auto;
	padding : 5px 20px;
	width : 900px;
}
#results {
	background-color : #FEF5E7;
	border-bottom : 1px solid #ccc;
	border-top : 1px solid #ccc;
	margin : 19px 0 0 0;
	padding : 20px;
	width: calc(100% - 40px);
}
#results a {
	color : #fff;
	text-decoration : none;
}
#results a:hover, #state h3 a:hover {
	text-decoration : underline;
}
#results h3 {
	color : #FFF;
	font-size : 12px;
	line-height : 1.2;
	margin : 5px 10px 5px 5px;
}
#results_box {
	background-image : url(../images/index/bg_results.jpg);
	background-repeat : no-repeat;
	border-bottom : 1px solid #ccc;
	margin : 0 0 20px 0;
	padding : 0 0 19px 0;
}
#results_box ul {
	border-bottom : 3px solid #D8E698;
	border-left : 3px solid #D8E698;
	border-right : 3px solid #D8E698;
		line-height:1.2;

}
#results_box ul li {
	background-color : #fff;
	border-top : 1px dotted #ccc;
	font-size : 13px;
}
#results_box ul li a:hover {
	background-color : #D8E698;
}
#results_box ul li.add {
	background-color : #F3F7E0;
}
#sisetsu_box {
	background-image : url(../images/index/bg_sisetsu.jpg);
	background-repeat : no-repeat;
	border-bottom : 1px solid #ccc;
	margin : 0 0 20px 0;
	padding : 0 0 19px 0;
}
#sisetsu_box ul, #sisetsu_box ul#procedure {
	border-bottom : 3px solid #FFE8AC;
	border-left : 3px solid #FFE8AC;
	border-right : 3px solid #FFE8AC;
		line-height:1.2;

}
#sisetsu_box ul li a:hover {
	background-color : #FFE8AC;
}
#sisetsu_box ul li.add {
	background-color : #FFF4D6;
}
#sisetsu_box ul#procedure li {
	background-color : #FFCB84;
	border-top : none;
}
#state {
	border : 3px solid #7DD0E1;
	margin : 20px 20px 0 20px;
	padding : 0 0 0 0;
	width : 434px;
}
#state p.conditions {
	line-height : 1.4;
	padding : 5px 0 3px 0;
}
#state p.data {
	color : #C00;
}
#state p.status {
	border-bottom : 1px solid #ccc;
	border-top : 1px solid #ccc;
	font-size : 16px;
	font-weight : bold;
	padding : 3px 0;
	text-align : center;
}
#state ul li.blue {
	background-color : #DAF4F8;
}
#state ul li.blue p.status {
	color : #006699;
}
#state ul li.orange {
	background-color : #FFECCE;
}
#state ul li.orange p.status {
	color : #FF6600;
}
#state ul li.red {
	background-color : #FFDFDF;
}
#state ul li.red p.status, span.under {
	color : #CC0000;
}
#state ul#bottom, #state ul#bottom2 {
	border-top : 3px solid #0099cc;
	margin : 0;
	padding : 0;
}
#state ul#bottom li, #state ul#top li, #state ul#bottom2 li, #state ul#top2 li {
	border-right : 1px solid #ccc;
	float : left;
	padding : 5px;
	width : 98px;
}
#state ul#bottom li.gray, #state ul#bottom2 li.gray {
	border-right : 1px solid #AFAFAF;
	float : left;
}
#state ul#bottom li.last, #state ul#bottom2 li.last {
	border-left : 2px solid #0099cc;
	border-right : none;
	float : left;
	width : 95px;
}
#state ul#top, #state ul#top2 {
	border-top : 1px solid #09C;
	margin : 1px 0 0 0;
}
#state ul#top li.last, #state ul#top2 li.last {
	border-right : none;
	float : left;
	width : 97px;
}
#tab {
	margin : 5px 0 0 5px;
	padding:0;
}
#tab li {
	background : #fff;
	border : 1px solid #09C;
	cursor : pointer;
	float : left;
	list-style : none;
	margin : 0 5px 0 0;
	padding : 3px 10px;
}
#tab li.select {
	background-color : #09C;
	color : #fff;
}

#topics {
	margin : 0 20px;
	margin-bottom: 20px;
	padding : 0;
	width : calc(100% - 40px);
}
#topics ul {
	height :240px;
	background-color : #e6f2ff;
	/*
緊急時情報表示
height              : 375px;
*/
 	margin : 0;
	overflow : scroll;
	overflow-x:hidden;
	width: 100%;
}
#topics ul li {
	border-bottom : 1px solid #ccc;
	margin : 5px 5px 5px 5px;
	padding : 0 0 19px 0;
}
#topics dd {
	border-bottom:1px dotted #ccc;
	margin:0 10px 5px 10px;
	padding:0 0 10px 0;
}
#topics dd.last {
	border-bottom:none;
	margin:0 10px 5px 10px;
	padding:0;
}
#topics a {
	color:#006699;
	text-decoration:none;
}
#topics a:hover {
	color:#036;
	background-color:none;
	text-decoration:underline;
}

#topics2 {
	margin : 0 20px;
	margin-bottom: 20px;
	padding : 0;
	width : calc(100% - 40px);
}
#topics2 ul {
	height :240px;
	background-color : #e6f2ff;
 	margin : 0;
	overflow : scroll;
	overflow-x:hidden;
	width: 100%;
}
#topics2 ul li {
	border-bottom : 1px solid #ccc;
	margin : 5px 5px 5px 5px;
	padding : 0 0 19px 0;
}
#topics2 dd {
	border-bottom:1px dotted #ccc;
	margin:0 10px 5px 10px;
	padding:0 0 10px 0;
}
#topics2 dd.last {
	border-bottom:none;
	margin:0 10px 5px 10px;
	padding:0;
}
#topics2 a {
	color:#006699;
	text-decoration:none;
}
#topics2 a:hover {
	color:#036;
	background-color:none;
	text-decoration:underline;
}


#trouble_box {
	background-color : #fff;
	border : 3px solid #ccc;
	margin : 0 0 20px 0;
}
.bg_pd {
	margin : 0 0 0 18px;
	padding : 0;
}
.boxcaption {
	-MS-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background : #000;
 filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	float : left;
	height : 100px;
	opacity : .8;
	padding : 0 0 100px 0;
	position : absolute;
	width : 100%;
}
.boxcaption p {
	color : #fff;
	font-size : 11px;
	font-weight : normal;
	line-height : 1.4;
	margin-top:15px;
}
.boxgrid {
	float : left;
	height : 170px;
	margin-bottom : 0;
	overflow : hidden;
	position : relative;
	width : 210px;
}
.boxgrid img {
	left : 0;
	position : absolute;
	top : 0;
}
.boxgrid p {
	color : #ffffff;
	padding : 0 5px 5px 5px;
}
.caption .boxcaption {
	left : 0;
	top : 130px;
}
.captionfull .boxcaption {
	left : 0;
	top : 20px;
}
.content_wrap {
	border-top : 2px solid #09C;
	clear : left;
	margin : 0;
	padding : 0;
	width : 434px;
}
.contents_box {
	margin : 0 0 40px 0;
}
.contents_box_last {
	margin : 0;
}
.disnon {
	display : none;
}
.hover {
	background-color : #cdF;
	border-color : #aaf;
	cursor : pointer;
}
.hover a:hover {
	color : #366;
}
.hover a:link {
	color : #FF0000;
	text-decoration : none;
}
.test_box {
	background-color : #F60;
	width : 200px;
}
.txt_area {
	height : 70px;
}
.txt_area p {
	font-size : 11px;
	line-height : 1.4;
	padding : 0 0 0 7px;
	width : 210px;
}
#contents_left .contents_box {
	margin:0;
	padding:0;
}
h2 {
	padding : 0 0 15px 0;
}
span.cap_state {
	margin : 3px 0 0 0;
}
span.date {
	float : left;
	width : 100px;
}
span.ttl {
	float : left;
	width : 310px;
}
#information {
	margin:0 20px 20px 20px;
	border:3px solid #C00;
	padding:10px;
}
#banner_box {
	margin:0 0 20px 0;
	border-bottom:1px solid #ccc;
}
#banner_box ul li {
	margin:0 0 20px 0;
	padding:0;
}
.b_hover a img:hover{
    opacity: 0.88;
}
.side_bana{
    margin-top: 20px;
    text-align: center;
}
.contents_box_middle {
	margin:15px 0;
	padding:0;
}
#state_box_r {
	width: calc(100% - 20px);
	height: 118px;
	margin: 0;
	padding: 20px 0 0 20px;
}
#state_box {
	background-image: url(../images/index/bg_state.jpg);
	background-repeat: repeat-x;
	width: calc(100% - 20px);
	height: 118px;
	margin: 0;
	padding: 20px 0 0 20px;
}
#state_box ul {
	margin:0;
	padding:0;
}
#state_box ul li {
	margin:0 20px 0 0;
	padding:0;
	float:left;
}
/*slider*/
.slider_bg{
    width: 100%;
    background-color: #F0EFE6;
    margin-top: 70px;
    padding-top: 8px;
    padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.slider{
}
#main_slider {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
    position: relative;
    height: 350px;
    background-color: #031625;
	border: 5px solid #E2D9B1;
}
#main_slider img {
  width: 100%;
  height: 350px;
}