@charset "utf-8"; 

#leftmenu{float:left; width:240px; }
#leftmenu .tit {padding:38px 25px; background:#154777; font-size:23px; color:#fff; letter-spacing:-.5px; text-align:center;}
#leftmenu>ul {z-index:99;}
#leftmenu>ul>li {position:relative;}
#leftmenu>ul>li a {display:block;}
#leftmenu>ul>li>a {position:relative; padding:5% 8%; border-bottom:1px solid #dae0e5;}
#leftmenu>ul>li.sublink:before,
#leftmenu>ul>li.sublink::before {position:absolute; right:19px; top:23px; width:16px; height:2px; background:#a6a6a6; content:"";}
#leftmenu>ul>li.sublink:after,
#leftmenu>ul>li.sublink::after {position:absolute; right:26px; top:16px; width:2px; height:16px; background:#a6a6a6; content:"";}
#leftmenu>ul>li.sublink.select:before, #leftmenu>ul>li.sublink.select::before, #leftmenu>ul>li.sublink.select:after,
#leftmenu>ul>li.sublink.select::after,
#leftmenu>ul>li.sublink:hover:before, #leftmenu>ul>li.sublink:hover::before, #leftmenu>ul>li.sublink:hover:after,
#leftmenu>ul>li.sublink:hover::after {background:none;}
#leftmenu>ul>li.select>a, #leftmenu>ul>li:hover>a {border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#f4f8fb url(/safety/images/sub/leftmenu_select.gif) 93% center no-repeat; font-size:16px; font-weight:bold; color:#1879d3;}
#leftmenu>ul>li>ul {display:none; margin:0 1px; padding:8%; background:#474a4f;}
#leftmenu>ul>li.select>ul {display:block;}
#leftmenu>ul>li>ul>li {position:relative; font-size:14px;}
#leftmenu>ul>li>ul>li:before,
#leftmenu>ul>li>ul>li::before {position:absolute; left:0; top:12px; width:5px; height:1px; background:#fff; content:"";}
#leftmenu>ul>li>ul>li:after,
#leftmenu>ul>li>ul>li::after {position:absolute; left:2.5px; top:10px; width:1px; height:5px; background:#fff; content:"";}
#leftmenu>ul>li>ul>li>a {display:block; padding:2px 0 2px 10px; color:#fff;}
#leftmenu>ul>li>ul>li.select>a {text-decoration:underline;}
footer {z-index:99;}

#contents {float:right; width:75.834%;}

.sub_title {overflow:hidden;}
.sub_title h3 {padding-top:20px; font-size:30px; color:#324251; letter-spacing:-.5px;}
#tab ul {overflow:hidden; margin-top:40px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#tab ul li {float:left; width:20%; text-align:center;}
#tab ul.col2 li {width:50%;}
#tab ul.col3 li {width:33.3%;}
#tab ul li a {display:block; padding:12px; border-top:1px solid #ddd; border-right:1px solid #ddd; background:#F4F8FB;}
#tab ul li.select a {padding:11px 12px 11px 12px; border-top:3px solid #474A4F; background:#fff; font-weight:bold; font-size:16px;}
#stab ul{margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; }
#stab ul li{display:inline-block; margin:3px; min-width:16%;  }
#stab ul li a{display:block; padding:5px 4%; background:#fdfdfd; border:1px solid #dddddd; border-radius:5px; font-size:14px; white-space:nowrap; text-align:center; color:#858585; }
#stab ul li.select a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#3f7fc7; border:1px solid #3f7fc8; transition:all .3s ease; }
#stab ul.col3 li{width:33.3%; }
#stab ul.col4 li{min-width:22%; }

#detail_con .stab {overflow:hidden;}
#detail_con .stab li {float:left; width:31%; margin-top:5px; margin-bottom:5px; font-size:14px;}
#detail_con .btn_top_wrap {position:relative;}
#detail_con .btn_top {position:absolute; right:-80px; margin-top:65%;}
#detail_con .btn_top a {display:block; width:50px; padding:5px 0; background:rgba(71,74,79,.8); font-weight:bold; color:#fff; text-align:center;}
#detail_con .btn_top_wrap {position:relative;}

#detail_con img {max-width:100%;}
h4 {margin-top:50px; font-size:24px; color:#1879d3; letter-spacing:-2px;}
h4 span {display:inline-block; margin-right:8px; padding-right:1px; width:29px; height:29px; background:url(/safety/images/sub/blet.gif) no-repeat center; color:#fff; font-size:22px; text-align:center; line-height:28px;}
h4:first-child {margin-top:0px;}
.sblet {padding-left:17px; background:url(/safety/images/sub/sblet.gif) no-repeat left 8px; font-size:18px; font-weight:bold; color:#154777;}
.ssblet {margin-top:10px; padding-left:10px; background:url(/safety/images/sub/ssblet.gif) no-repeat left 9px;}
.sssblet {margin-top:5px; padding-left:13px; background:url(/safety/images/sub/sssblet.gif) no-repeat left 8px; font-size:14px;}
.ssssblet {position:relative; padding-left:10px; font-size:13px;}
.ssssblet:after, .ssssblet::after {position:absolute; left:0; top:11px; width:6px; height:1px; margin-top:-.5px; background:#aab5cd; content:"";}
.sssssblet {position:relative; padding-left:8px; font-size:13px;}
.sssssblet:after, .sssssblet::after {position:absolute; left:0; top:9px; width:2px; height:2px; background:#aab5cd; content:"";}
.para01 {margin:30px 0px 0px 12px;}
.para02 {margin:15px 0px 0px 10px;}
.para03 {margin:5px 0px 10px 0px;}
.para04 {margin:25px 0px 0px 14px;} /*h4>ssblet */

.orange_font {color:#FE5216;}

.btn {border:1px solid #474A4F; background-color:#474A4F; color:#fff; font-weight:bold; box-shadow:none;}
.btn .link { padding:10px 25px 10px 32px; background:url(/main/images/contents/ic_link.png) no-repeat left center, url(/main/images/contents/ic_arrR.png) no-repeat right center; font-size:17px; }
.btn .down { padding:10px 10px 10px 32px; background:url(/main/images/contents/ic_down.png) no-repeat left center; font-size:17px; }
.sbtn_map.under {padding-left:20px; padding-top:2px; padding-bottom:2px; background-color:#FFF; background-position:left center; font-weight:bold; text-decoration:underline;}
.sbtn_link.under {background-color:#FFF; text-decoration:underline;}
.gourl {margin-left:4px; padding-left:18px; background:url(/welfare/images/sub/ic_gourl.gif) no-repeat left 4px; font-weight:bold; text-decoration:underline;}

.datatable {margin-top:10px;}
.datatable .data {width:100%;}
.datatable .data.data_tbody tr:first-child th, .datatable .data.data_tbody tr:first-child td {border-top:3px solid #3b5b79;}
.datatable .data.left tbody td {text-align:left;}
.datatable .data caption {position:fixed; top:-500000px; display:block; width:0px; height:0px; margin:0px; padding:0px; border:0px; text-indent:-50000px;}
.datatable .data thead th {padding:10px; border:1px solid #3b5b79; border-top-width:3px; background:#f3f3f3; font-size:16px; color:#135ac5; text-align:center}
.datatable .data thead tr+tr th {border-top:1px solid #aab5cd;}
.datatable .data tbody td, .datatable .data tbody th {padding:10px; border:1px solid #aab5cd; text-align:center; word-break:break-all;}
.datatable .data tbody.border_T { border-top:1px solid #aab5cd;}
.datatable .data tbody th {font-weight:bold;}
.datatable .data tbody tr:first-child th, .datatable .data tbody tr:first-child td {border-top:none;}
.datatable .data.sfont th, .datatable .data.sfont td, .datatable .data.sfont li {font-size:13px;}
.datatable .ssssblet {font-size:15px;}

.h4_tbox {margin-top:2%; border:1px solid #dbdbdb; border-top:4px solid #1879d3; border-radius:10px; font-size:14px; font-weight:bold; color:#777; letter-spacing:-.5px; text-align:center;}
.h4_tbox>div {padding:3% 5%; color:#777;}
.h4_tbox>div>p {color:#777;}
.tbox {margin-top:10px;padding:2%; background:#f4f8fb;}

/****** content ******/
#detail_con #map {margin-top:10px; border:1px solid #dbdbdb;}
#detail_con ul.con_link {overflow:hidden;}
#detail_con ul.con_link li {float:left; width:32.3%; margin:1% .5%; text-align:center;}
#detail_con ul.con_link li div {padding:20px; border:1px solid #dfdfdf; background:#F4F8FB; font-weight:bold; color:#154777; font-size:16px;}
#detail_con ul.con_link li span {display:block; margin-top:20px; padding-top:20px; border-top:1px dotted #dfdfdf; font-weight:normal;}
#detail_con .h4_tbox .call .tit {margin-bottom:10px;}
#detail_con .group .sssblet>ul {margin-top:10px;}
#detail_con .group .ssssblet>ul {margin-bottom:15px;}
#detail_con .info {border:1px solid #dbdbdb; background:#f7fafc url(/safety/images/sub/info_bg.gif) right bottom no-repeat;}
#detail_con .info .tit {padding:25px 30px; background:#4b4f52 url(/safety/images/sub/info_tit_bg.gif) 95% bottom no-repeat;}
#detail_con .info .tit img {max-width:90%; }
#detail_con .info .con {padding:0 30px 130px 30px;}
#detail_con .info .con p {margin-top:30px; font-size:18px;}
#detail_con .info .con span {font-weight:bold;}
#detail_con .info .con span.txt1 {color:#154777;}
#detail_con .info .con span.txt2 {color:#156bbc;}
#detail_con .earthquake_tsunami .photo_con .para03 {overflow:hidden;}
#detail_con .earthquake_tsunami .photo_con .photo {float:left; width:30%; margin-top:10px; margin-bottom:20px; text-align:center;}
#detail_con .earthquake_tsunami .photo_con .sssblet {float:left; width:65%; margin-left:3%; padding-top:10px; background-position:left 18px;}
#detail_con .earthquake_tsunami .photo_con .sssblet ul {margin-top:10px;}
#detail_con .earthquake_tsunami .photo_con .ssssblet {margin-bottom:5px;}
#detail_con .emergency {overflow:hidden;}
#detail_con .emergency .photo {float:left; width:20%; margin-top:10px; margin-bottom:20px; text-align:center;}
#detail_con .emergency .photo img {margin:0;}
#detail_con .emergency .photo_txt {display:block; float:left; width:75%; margin-left:3%; margin-top:10px;}
#detail_con .organ {position:relative; margin-top:40px;}
#detail_con .organ .tit {width:200px; margin:0 auto;padding-top:10px; padding-bottom:10px; color:#fff; font-size:18px; font-weight:bold; text-align:center;}
#detail_con .organ .txt {display:block; width:200px; margin:0 auto 15px auto; padding-top:5px; padding-bottom:5px; border:1px solid #dae0e5; border-top:none; background:#f4f8fb; font-weight:bold; font-size:16px; color:#484848; text-align:center;}
#detail_con .organ .rank3_1 {position:absolute; top:160px; right:13%;}
#detail_con .organ .rank5 {overflow:hidden; padding:30px 30px 15px 30px; border:4px solid #C5CCD2; background:#f8f8f8;}
#detail_con .organ .rank5>li {float:left; width:24%; margin:0 .5%;}
#detail_con .organ .rank5 .tit a {font-size:16px; color:#fff;}
#detail_con .organ .rank5 .txt li {margin-bottom:5px; padding-left:10px; font-weight:normal;  font-size:14px; text-align:left; letter-spacing:-1px;}
#detail_con .organ .rank5 .txt li span {display:inline-block; width:38px; margin-right:5px; background:#5e729b; font-weight:bold; color:#fff; text-align:center;}
#detail_con .organ .rank1 .tit {background:#1879d3;}
#detail_con .organ .rank2 .tit {background:#154777;}
#detail_con .organ .rank3_1 .tit {background:#022f59;}
#detail_con .organ .rank3 .tit {background:#01274c;}
#detail_con .organ .rank4 .tit {background:#474a4f;}
#detail_con .organ .rank5 .tit {background:#6a6e74;}
#detail_con .facility_map .tbox {overflow:hidden; margin-bottom:15px;}
#detail_con .facility_map .tbox li {float:left; width:48%;}
#detail_con .facility_photo {overflow:hidden;}
#detail_con .facility_photo li {float:left; margin:1%; padding:5px; border:1px solid #ccc; text-align:center;}
#detail_con .facility_photo li img {display:block; border:1px solid #dbdbdb;}
#detail_con .photo img {display:inline-block; margin:15px 10px; padding:5px; border:1px solid #dbdbdb; box-shadow:0 3px 0 rgba(0,0,0,.1);}
#detail_con .mascot .h4_tbox .tit {margin-top:-10px; margin-bottom:10px;}
#detail_con .mascot {overflow:hidden;}
#detail_con .mascot .para01 {float:left; width:48%;}
#detail_con .mascot .para01 li {margin-bottom:-20px;}
#detail_con .mascot .para01 .ban {overflow:hidden;}
#detail_con .mascot .para01 .ban li {float:left;}
#detail_con .life {position:relative; overflow:hidden; margin-top:20px;}
#detail_con .life li {float:left; width:25%;}
#detail_con .life li a {display:block; margin:20px 10px 20px 10px; padding-right:15px; border-right:1px dotted #dbdbdb; font-weight:bold; text-align:center; font-size:14px;}
#detail_con .life li a span {display:block; padding-top:110px; background-position:50% top; background-repeat:no-repeat;}
#detail_con .life li.life01 a span {background-image:url(/safety/images/sub/ic_life01.gif);}
#detail_con .life li.life02 a span {background-image:url(/safety/images/sub/ic_life02.gif);}
#detail_con .life li.life03 a span {background-image:url(/safety/images/sub/ic_life03.gif);}
#detail_con .life li.life04 a span {background-image:url(/safety/images/sub/ic_life04.gif);}
#detail_con .life li.life05 a span {background-image:url(/safety/images/sub/ic_life05.gif);}
#detail_con .life li.life06 a span {background-image:url(/safety/images/sub/ic_life06.gif);}
#detail_con .life li.life07 a span {background-image:url(/safety/images/sub/ic_life07.gif);}
#detail_con .life li.life08 a span {background-image:url(/safety/images/sub/ic_life08.gif);}
#detail_con .life li.life09 a span {background-image:url(/safety/images/sub/ic_life09.gif);}
#detail_con .life li.life10 a span {background-image:url(/safety/images/sub/ic_life10.gif);}
#detail_con .life li.life11 a span {background-image:url(/safety/images/sub/ic_life11.gif);}
#detail_con .disaster {overflow:hidden;}
#detail_con .disaster li {position:relative; float:left; width:22%; margin:1.5%;}
#detail_con .disaster li div {overflow:hidden; width:92%; margin-top:20px; margin-left:5%; padding:3%; border:1px solid #dbdbdb;}
#detail_con .disaster li span {position:absolute; left:0; top:0; display:block; width:110px; height:40px; text-indent:-5000px; z-index:999;}
#detail_con .disaster li.disaster_box div {margin-top:0;}
#detail_con .disaster li span.name {position:static; width:100%; height:auto; padding-top:10px; background:none !important; font-weight:bold; font-size:14px; text-indent:1px; z-index:999; text-align:center;}
#detail_con .disaster li.no1 span {background:url(/safety/images/sub/ic_disaster1.png) no-repeat;}
#detail_con .disaster li.no2 span {background:url(/safety/images/sub/ic_disaster2.png) no-repeat;}
#detail_con .disaster li.no3 span {background:url(/safety/images/sub/ic_disaster3.png) no-repeat;}
#detail_con .disaster li.no span {background:url(/safety/images/sub/ic_disaster4.gif) no-repeat;}
#detail_con .disaster li img  {display:block; width:100%;}

@media screen and (max-width:1020px){
	#contents {width:68%;}
	#detail_con .organ .rank3_1 {position:static;}
	#detail_con .organ .rank5>li {width:49%;}
}

@media screen and (min-width:769px){
	#container {background:url(/main/images/sub/leftmenu_line.gif) repeat-y left top;}
	.sub_title {position:relative; padding-bottom:20px; background:url(/safety/images/sub/sub_title_bg.gif) left top no-repeat;}
	.sub_title ol {overflow:hidden; margin-top:5px; margin-left:3px;}
	.sub_title ol li {float:left; margin-left:8px; padding-left:13px; background:url(/safety/images/sub/location_arr.gif) no-repeat left center; font-size:14px; color:#8c8c8b;}
	.sub_title ol li.home {margin-left:0px; padding-left:20px; text-indent:-5000px; background:url(/safety/images/sub/location_home.gif) no-repeat left center; }
	.sub_title ol li.now {font-weight:bold; color:#36312f;}
	.sub_title .sns {position:absolute; bottom:20px; right:0; overflow:hidden; margin-top:13px;}
	.sub_title .sns li {float:left; margin-left:3px;}
	.sub_title .sns li a {display:block; width:28px; height:28px; text-indent:-5000px;}
	.sub_title .sns li.sns01 a { background:url(/share/images/inc/ic_sns01.gif) no-repeat center;}
	.sub_title .sns li.sns02 a { background:url(/share/images/inc/ic_sns02.gif) no-repeat center;}
	.sub_title .sns li.sns03 a { background:url(/share/images/inc/ic_sns03.gif) no-repeat center;}
	.sub_title .sns li.sns04 a { background:url(/share/images/inc/ic_sns04.gif) no-repeat center;}
	.sub_title .sns li.favorite a { background:url(/share/images/inc/ic_favorite.gif) no-repeat center;}
	.sub_title .sns li.print a { background:url(/share/images/inc/ic_print.gif) no-repeat center;}
	#detail_con {padding:3% 0%; min-height:450px;}
}

@media screen and (max-width:768px){
	#contents {width:100%;}
	#leftmenu {position:relative; top:0; width:100%;}
	#leftmenu .tit {padding:10px 2%; background:#154777; font-size:20px; color:#fff; text-align:left;}
	#leftmenu .tit a {position:absolute; left:0; top:0; display:block; width:100%; height:50px; background:url(/safety/images/inc/mb_nav.gif) no-repeat 98% center / 20px; text-indent:-5000px;}
	#leftmenu>ul {position:absolute; width:100%; border-bottom:2px solid #154777; background:#fff;}
	#leftmenu>ul>li.select>a, #leftmenu>ul>li:hover>a {border-left:none; border-right:none;}
	#leftmenu>ul>li>a {padding:2%;}
	#leftmenu>ul>li>ul {padding:3%;}
	.sub_title {width:100%; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
	.sub_title .sns, .sub_title ol {display:none;}
	.sub_title h3 {padding:15px 10px; font-size:30px;}
	#tab ul {border-bottom:none; border-left:none;}
	#tab ul li, #tab ul.col3 li, #tab ul.col2 li {width:48.5%; margin:0 .5% .5% .5%; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
	#detail_con .stab li {width:50%;}
	#detail_con .btn_top {right:0; z-index:99;}
	#detail_con {padding:3%;}
	#detail_con ul.con_link li {width:99%;}
	#detail_con .earthquake_tsunami .photo_con .photo, #detail_con .emergency .photo, #detail_con .emergency .photo_txt {width:100%; margin-left:0;}
	#detail_con .emergency .photo {margin-bottom:0;}
	#detail_con .earthquake_tsunami .photo_con .photo, #detail_con .emergency .photo_con .photo {margin-top:5px; margin-bottom:5px;}
	#detail_con .earthquake_tsunami .photo_con .photo img, #detail_con .emergency .photo_con .photo img {margin:0;}
	#detail_con .earthquake_tsunami .photo_con .para03, #detail_con .emergency .photo_con .para03 {margin-bottom:15px;}
	#detail_con .earthquake_tsunami .photo_con .para03 li {float:none; width:auto; margin-left:0;}
	#detail_con .emergency .photo_txt {margin-top:0; margin-bottom:15px;}
	#detail_con .life li {width:50%;}
	#detail_con .life li.life02 a, #detail_con .life li.life04 a, #detail_con .life li.life06 a, #detail_con .life li.life08 a, #detail_con .life li.life10 a, #detail_con .life li.life11 a {border-right:none;}
	#detail_con .disaster li {width:48%;}
}
@media screen and (max-width:500px){
	#stab ul.col4 li{min-width:30%; }
	#detail_con .organ .rank5>li {width:99%;}
	#detail_con .facility_map .tbox li {width:100%;}
	#detail_con .disaster .para04 {margin-left:0;}
	#detail_con .disaster li {width:95%;}
}