@charset "UTF-8";
#mainContents {
    padding: 0; }

#utilityBlock {
    background:  #0074D9;}/*#0074D9*/

#utilityNav ul li {
    background: url(../img/ico_hand_b.png) no-repeat left center;
    /*    color: #000;*/}

#utilityNav ul li a {
    color: #fff; }

#headerBlock {
    margin-top: 1em;/*24*/
    margin-bottom: 1em      ; }

#headerBlock img{
    max-width: 100%;
    height: auto;
}

#headerBlockInner #ciBlock h1 {
    border-left: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

#headerBlockInner #ciBlock h1:after {
    content: none;
    position: absolute;
    bottom: 0;
    left: 0;
}

#headerBlockInner #ciBlock h1:before {
    content: none;
    position: absolute;
    top: 0;
    left: 0;
}


#headerBlockInner #globalNav {
    padding-top: 1em;
    padding-bottom: 1em;
    float: none;
}

#globalNav ul#globalNavList {
    margin:0 auto;
    top: 6em;
    left: 0;
    display: none;
    border-collapse:collapse;
}

#globalNav ul#globalNavList.show {
    display: block;
}

#globalNav ul#globalNavList li,
#globalNav ul#globalNavList li:last-child{
    margin: 0;
    padding: 0;
    border: 1px solid #0074d9;
    font-size: 103%;
    vertical-align: middle;
}

#globalNav ul#globalNavList li a {
    margin: 0;
    padding:.5em .25em .5em 24px;
    border: 1px solid #e7f6fc;
    display: block;

    background: url(../img/ico_arrow8.png) no-repeat 3px center;
}
#globalNav ul#globalNavList li a:hover,
#globalNav ul#globalNavList li a:focus{
    background-color: #e7f6fc;
}

#globalNav img {
    position: static;
    vertical-align: middle; }

#rsvGlobalNav {
    padding: 0 0 0 0;
    background:  #0074D9;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: .5em;
}

#searchBlock {
    /*    background: #4BA7F9;*/
    background: transparent url(../img/bg_mv2.gif) repeat 0px 0px;
    border-bottom: none; }

#searchBlock #subNavList{
    margin: 0 0 .5em;
    display: block;
    text-align: center;
}

#searchBlock #subNavList li{
    display: inline;
}

#searchBlock #subNavList li:first-child{
    padding: 2px 10px;
    font-weight: bold;

}
#searchBlock #subNavList li a{
    background: url(../img/ico_hand_b.png) no-repeat left center;
    padding: 3px 17px 3px 17px;
}

#searchBlockInner #searchPart a {
    background: url(../img/ico_hand_b.png) no-repeat left center; }

#fontsize .fontsizeOn {
    background:  #0074D9; }

#fontsize .fontsizeOff{
    color:  #0074D9; }

#footerArea {
    background: #fff; }

#underMenuBlock {
    padding: 45px 0 45px 0;
    background: transparent url(../img/bg_mv2.gif) repeat 0px 0px; }

.underMenuBox {
    margin: 0 auto 0;
    padding: 1em 1em 1em;
    border-radius: 10px;
    background: #fff; }

.underMenuAreaInnerbox dl {
    margin: 0 0 1em 0; }

.underMenuAreaInnerbox dt {
    padding-left: 18px;
    padding-bottom: 2px;
    background: url(../img/ico_arrow3.gif) no-repeat left center; }

.underMenuAreaInnerbox dd {
    padding-left: 18px;
    margin-left: 2em;
    background: url(../img/ico_arrow5.gif) no-repeat left center; }

#footerNavBlock {
    /*border-top:1px solid #f5a54d;*/
    background: #fff;}

#footerNavBlock ul#list_footerNav li span {
    background: url(../img/ico_hand_b.png) no-repeat left center; }

#copyrightBlock {
    border-top: 3px solid #DF5A16;
    background:  #0074D9;
    padding-top: 10px;
    padding-bottom: 10px;} /* transparent*/

#copyrightBlock > div {
    background: transparent;
    color: #fff; }

#subContentsBlock h2 {
    border-left: none;
    background: #f6f6f6;
    width: 100%;}

#subContentsBlock h2 span a {
    padding-right: 24px;
    background: url(../img/ico_arrow8.png) no-repeat right center; }

#subContentsBlock .sideSection img {
    max-width: 100%;
}

.tableBase th {
    background: transparent url(../img/bg_mv.gif) repeat 0px 0px;
    color: #222; }

h1 {
    border-left: solid 5px #DF5A16; }

.h1Block {
    background-image: none; }

.h1Block h1 {
    border-left: solid 5px #0074d9; }

h1#ciBlock {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    position: relative;
    clear: none; }

h1#ciBlock:after,
h1#ciBlock:before {
    content: ""; }

.h2Block .toList,
.h2Block .toList a {
    background-color:  #005bac; }

.h2Block .toList a {
    background-image: url(../img/ico_arrow2.gif); }

h2 {
    background: transparent;
    position: relative;
    padding: .25em 1em .25em 1em;
    border-bottom: 1px solid #ccc;
    border-left: solid 5px #005BAC;
}

h2:after {
    position: absolute;
    top: .25em;
    left: 0;
    content: '';
    width: 5px;
    background-color:  #0074D9; }

h2.infoRss a{background-image: none;}


h2 a {
    padding-right: 18px;
    background-image: url(../img/ico_arrow6.png); }


h3 a {
    padding-right: 18px;
    background-image: url(../img/ico_arrow6.png); }

h4 a {
    padding-right: 18px;
    background-image: url(../img/ico_arrow6.png); }

.grayBox2 {
    background: transparent url(../img/bg_mv.gif) repeat 0px 0px; }

.pageTop a {
    padding: 0 0 0 18px;
    background-image: url(../img/ico_arrow4.gif);
    background-position: left center; }

#contentsArea .bulletList li {
    background: url(../img/ico_arrow8.png) no-repeat left 0.3em; }

#contentsArea ul.bulletList li ul.bulletList li {
    background: url(/common/img/bullet_arrow.gif) no-repeat left 0.75em;
    margin-left: 0;
    padding: 2px 10px 2px 15px !important;
}

#contentsArea .bulletList2 li {
    background: url(../img/ico_arrow8.png) no-repeat left 0.5em;
    font-size:1.2em;
    list-style: none;
    margin: 0.5em 1em 0.5em 1em;
}

#contentsArea .bulletList2 li a{
    padding:1em 1.5em;
}

#contentsArea ul.linkMonthly li a {
    background: url(../img/ico_arrow8.png) no-repeat left center; }

#contentsArea #subContentsBlock .sideSection ul.bulletList li {
    background: url(../img/ico_arrow5.gif) no-repeat left center; }

#contentsArea .lstNone li {
    margin: 0 0 .5em;
    padding: 0;
    line-height: 1.5;
    list-style: none;
    background: none; }

#contentsArea ul.pickupBanner li{
    margin: 0 .6em .5em;
    padding: 0;
    line-height: 1.5;
    list-style: none;
    background: none;
    float: left;
}

/*#contentsArea img{
    width:100%;
}*/

#subContentsBlock h2:after {
    content: ''; }

#topicPathBlock {
    font-size: 80%; }

#mvArea {
    background: transparent url(../img/bg_mv2.gif) repeat 0px 0px;
    margin-bottom: 25px;
    padding: .5em; }

.menuBlock {
    margin: 0 auto;
    line-height: 2; }

.menuBlock:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.menuBlock li {
    float: left;
    width: 50%; }

.menuBlock a {
    padding: 0 .5em 1em;
    display: block;
    text-decoration: none; }

.menuBlockInner {
    padding: 1em;
    display: block;
    background: #fff; }

.menuBlockThumb {
    display: block;
    text-align: center; }

.menuBlockThumb img {
    max-width: 100%; }

.menuBlockDescription {
    display: block;
    text-align: center;
    line-height: 1.25; }

.mainContentsCardThumb {
    display: block;
    background: transparent url(../img/ico_arrow3l.gif) no-repeat left center;
    padding-left: 12px;
}

.mainContentsCardThumb img {
    max-width: 100%;}

/*.maincontents-card__thumb p {
    text-align: center;}*/

.mainContentsCardThumb2 {
    display: block;
    /*    background: transparent url(../img/ico_arrow6.png) no-repeat left center;*/
    /*    padding-left: 12px;*/
}

.mainContentsCardThumb2 img {
    max-width: 100%;}

.kouhouBousaiThumb {
    display: block;
}

.kouhouBousaiThumb img {
    max-width: 100%;
}



#specificDisaster p{
    font-size:1.2em;
    margin:.5em 0;
}

#specificDisaster a{
    padding-right: 15px;
    padding-left:13px;
    background: transparent url(../img/ico_arrow3l.gif) no-repeat left center;
}

#contentsList ul li{
    list-style-type: none;
    margin:0;
}

/*class*/
.w2e{width:2em;}
.w3e{width:3em;}
.w4e{width:4em;}
.w5e{width:5em;}
.w6e{width:6em;}
.w7e{width:7em;}
.w8e{width:8em;}
.w10e{width:10em;}
.w12e{width:12em;}
.w14e{width:14em;}
.w16e{width:16em;}
.w18e{width:18em;}
.w20e{width:20em;}
.w24e{width:24em;}
.w28e{width:28em;}
.w30e{width:30em;}
.w32e{width:32em;}
.w36e{width:36em;}
.w40e{width:40em;}
.w48e{width:48em;}

.w08p{width:8%;}
.w1p{width:10%;}
.w14p{width:14%;}
.w15p{width:15%;}
.w2p{width:20%;}
.w3p{width:30%;}
.w4p{width:40%;}
.w45p{width:45%;}
.w5p{width:50%;}
.w55p{width:55%;}
.w6p{width:60%;}
.w7p{width:70%;}
.w8p{width:80%;}
.wmax{width:100%;}
.wauto{width:auto;}


.mb0{margin-bottom:0em;}
.mb1{margin-bottom:1em;}
.mb2{margin-bottom:2em;}
.mb3{margin-bottom:3em;}

.mrf05{margin:0 .1em;}
.mrf1{margin:0 1em;}
.mrf2{margin:0 2em;}

.mr05{margin-right:.3em;}
.mr1{margin-right:1em;}

.mt0{margin-top:0;}

.dl {
    margin: 0 0 1em;
    overflow: hidden; }

.dlArticle dt {
    margin: 0 0 .5em 0;
    float: left;
    clear: left; }
.dlArticle dd {
    margin: 0 0 .5em 0;
    float: left; }
.dlArticle dt span {
    display: block;
    margin-right: 1em;}

.dlW8e dt {
    width: 8em;
    margin-right: -8em; }
.dlW8e dd {
    padding-left: 10em; }

.dlList dd{
    margin-left: 20px;
}

.topicsList2{
    margin:.5em 0 1em 0;
}

.topicsList2 dt{
    float:left;
    clear:both;
    padding: 0 1em 4px .5em;
    /*font-size:1.2em;*/
    /*font-weight:bold;*/
    margin:0;
}

.topicsList2 dd{
    padding: 1px 0 8px 1em;
    margin:0;
}

.topicsList2 dd a{
    background:url(/common/img/bullet_arrow.gif) no-repeat left 6px;
    padding : 0 0 0 10px;
    margin:0;
    display:inline-block;
}



.label {
    display: inline;
    padding: .25em .5em .25em;
    font-weight: bold;
    font-size: 80%;
    line-height: 1.25;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em; }

.labelPrimary {
    background-color: #337ab7; }

.labelSuccess {
    background-color: #5cb85c; }

.labelInfo {
    background-color: #5bc0de; }

.labelWarning {
    background-color: #f0ad4e; }

.labelDanger {
    background-color: #d9534f; }

.labelMaincontents {
    background-color: #c4d4e0; }

.labelKokusai {
    background-color: #9aabb9; }

.labelKoho {
    background-color: #e9c77b; }

.labelGender {
    background-color: #e2b49a; }


/*防災仕様ラベルここから*/

.labelSetsugai {
    background-color: #dde2e3; }

.labelJishintsunami{
    background-color: #9acd32;}

.labelFusuigai{
    background-color: #add8e6;}

.labelKazan{
    background-color: #FFBF7F;}

.labelTaisakuall{
    background-color: #ffedab;}

.labelTatsumaki{
    background-color: #FFB7B7;}

.labelEtcSaigai{
	 background-color: #D3CBC6;}

.labelSintyaku{
    background-color: #D4000A;
    color: #fff;
    font-weight: normal;
    margin-left: 0.5em;
}

/*防災仕様ラベルここまで*/

.wrapper{
    margin: 0 auto 0;
    width: 980px;
}

.contentsWapper {
    padding: 1em 1em 1.5em;}
/*  background: transparent url(../img/bg_1.png) no-repeat right center;*/

.contentsWapper1 {
    padding: 1em  0 1.5em;
    text-align: center;}

.hide {
    display: none; }

.cl,
.cb{
    clear:both;}

.newIco {
    vertical-align: baseline;
    padding: 0 1px;}

div.rss {
    text-align:right;
}

.vcenter{
    vertical-align:middle;
    margin-left: 0.5em;
}

.eventList dt{
    padding: 10px 0 10px 11em;
    margin-top: 1em;
    display: block;
    line-height: 1.7em;
}

.eventList dd {
    padding: 10px 0 10px 11em;
    margin: 0;
    display: block;
    line-height: 1.7em;
}
.grayBox{
    border: 1px #9aabb9;
    background-color: #F6F6F6;
    padding: 10px;
    border: solid 1px #CCCCCC;
    margin: 1em 0 2em 0;

}
.specificDisaster{
    display: table;
    table-layout: fixed;
}
.specificDisaster li{
    display: table-cell;
    padding:1em;
}

.mb05{
    margin-bottom: .5em;
}

.mb1{
    margin-bottom: 1em;
}
.mb2{
    margin-bottom: 1em;
}
.mb3{
    margin-bottom: 1em;
}

.f_r{float:right;}
.f_l{float:left;}


.scroll{
    margin:0 0 1em;
    padding:8px;
    border:1px solid #666;
    overflow-y:auto;
}
#mainContentsBlock #mainContents .scroll img.size01,
#mainContentsBlock #mainContents .scroll img.size02,
#mainContentsBlock #mainContents .scroll img.size03,
#mainContentsBlock #mainContents .scroll img.size04,
#mainContentsBlock #mainContents .scroll img.size05,
#mainContentsBlock #mainContents .scroll img.size06{
    width: auto !important;
}


.scrollNoBorder{
    margin:0 0 1em;
    padding:8px;
    overflow-y:auto;
}

/*激甚災害制度*/
.toi {
    margin-bottom: 2em;
}
.toi_title {
    border: 1px solid black;
    padding: 3px;
    margin-bottom: 7px;
    font-weight: bold;
}
.toi_ol {
    /* [disabled]margin: 0; */
    padding: 0;
}
.toi_ol2 {
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
}
.toi_ul {
    /* [disabled]margin: 0; */
    padding: 0;
}
.toi_kk {
    width: 93%;
    margin: 5px auto;
    padding: 5px 1em 5px 1em;
    border:solid 1px #c0c0c0;
}
.top {
    text-align: right;
}
.tk_div {
    padding: 5px;
    margin: 5px;
}
.toi_table_border{border-collapse:collapse;}
.toi_table_border td{border:solid 1px #000000;}

.liLeft {
 overflow: hidden;
 zoom: 1;
}

.liLeft li {
 float: left;
 padding-right: 15px;
 padding-bottom: 10px;
 list-style-type:none; }

.liLeftCenter li {
 float: left;
 padding-left: 20px;
 padding-bottom: 10px;
 text-align: center;
 list-style-type:none; }



.clfix:before,
.clfix:after { content: ""; display: table; }
.clfix:after { clear: both; }
.clfix { zoom: 1; }

td.num{
    text-align:right;
}

hr.cl {
    margin: 0; padding: 0; border: 0 none; height: 0; color: #fff;
}

.boxMinna{
}
/*-----------------------------個別ページ調整------------------------------------*/
/*緊急災害情報ページ*/
#emergencyInfoBlock{

    padding: 10px 0 10px 0;
    /*    margin: 10px auto;*/
    background-color: #d4000a;
    text-align: center;
    width: auto;}

#emergencyInfoBlock p{
    color: #fff;
    font-size:1.2em;
    font-weight :bold;
}

#emergencyInfoBlock  p span{
    /*color: #D4000A;*/
    margin: 10px;
    text-align: right;
    /*font-size:100%;*/
    font-weight :normal;
    background: #fff;
    padding: 0 3px;

}

#emergencyInfoBlock  p span:after {
    content:url(../img/ico_arrow13_1.gif);
    padding:.1em 0 .1em .4em;
}


#emergencyInfoBlock .alarmContents-Wapper {
    padding: 0 1.5em;
}

#emergencyMainContents h1 {
    border-left: solid 8px #D24C4C; }

#emergencyMainContents .h1Block {
    /*    background: url(../img/alarm.png) no-repeat right top;*/
    margin-top: 10px;
}

#emergencyMainContents .h1Block h1 {
    border-left: solid 8px #D24C4C;
    font-size: 2em;}

#emergencyMainContents h1#ciBlock {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    position: relative;
    clear: none; }

#emergencyMainContents h1#ciBlock:after,
#emergencyMainContents h1#ciBlock:before {
    content: ""; }

#emergencyMainContents h2 {
    background: transparent;
    position: relative;
    padding: .25em 1em .25em 1em;
    border-bottom: 1px solid #ccc;
    border-left: solid 5px #D24C4C;}

#emergencyMainContents h2:after {
    position: absolute;
    top: .25em;
    left: 0;
    content: '';
    width: 5px;
    background-color: #D24C4C; }

#emergencyMainContents .urgentBlock .urgentTitle {
    background: #D4000A;
}
#emergencyMainContents .urgentBlock .urgentContents {
    border: solid 1px #D4000A;
}

#snsBlock {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top:.5em;
}

#snsBlock img{
    padding-right:5px;
    margin-top:.8em;
    max-width: 100%;
    height: auto;

}
#snsBlock .snsBlockInner{
    margin:.5em 0;
}
#snsBlock .snsBlockInner a{
    padding:2em 1em 1em 1em;
    background: url(../img/bullet_arrow.gif)no-repeat 2px center;
}

.pageTransition a {
    padding: .1em 1em;
    background: #fff;
}

#emergencyInfoBlock a{
    color: #0B4199;
    padding: 1em 0;
    text-decoration: underline;}

#contentsArea #emergencyMainContents .bulletList li {
    background: url(../img/ico_arrow8_3.png) no-repeat left 0.3em;
}

/*防災対策制度用*/
#taisaku .center {
	text-align: center;
}

#taisaku .cap {
    margin: 1px 0px 0px;
    color: #666666;
}

#taisaku .fs80 {
    font-size: 80%;
    line-height: 130%;
}

#taisaku .lead {
    border-right: #aaaaaa 1px solid;
    padding-right: 5px;
    font-size: 80%;
    border-top: #aaaaaa 1px solid;
    padding-left: 5px;
    background: #eeeeee;
    padding-bottom: 5px;
    margin: 0px 0px 10px;
    border-left: #aaaaaa 1px solid;
    line-height: 130%;
    padding-top: 5px;
    border-bottom: #aaaaaa 1px solid;
}

/*広報誌ぼうさい用*/
#kouhou .fs110 {
	font-size: 110%; line-height: 130%;
}
#kouhou .fs95 {
	font-size: 95%; line-height: 130%;
}
#kouhou .fs90 {
	font-size: 90%; line-height: 130%;
}
#kouhou .fs85 {
	font-size: 85%; line-height: 130%;
}
#kouhou .fs80 {
	font-size: 80%; line-height: 130%;
}
#kouhou .txBlue {
	font-weight: bold; color: #003399;
}
#kouhou .txRed {
	font-weight: bold; color: #cc0000;
}
#kouhou .txGray {
	font-weight: bold; color: #666666;
}
#kouhou .txBlack {
	font-weight: bold; color: #000000;
}
#kouhou .fwB {
	font-weight: bold;
}
#kouhou .fwN {
	font-weight: normal;
}
#kouhou .cap {
	margin: 1px 0px 0px; color: #666666;
}
#kouhou .hr01 {
	font-size: 0px; margin: 3px 0px; border-bottom: #888888 1px solid;
}
#kouhou .center {
	text-align: center;
}
#kouhou .pNavi {
	display: block; font-size: 80%; padding: 12px 0px; width: 100%; line-height: 105%; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
}
#kouhou .pNavi .prev {
	display: block; padding-left: 13px; background: url(/common/img/arrow_l.gif) no-repeat left 50%; VERTICAL-ALIGN: middle; width: 50%; height: 12px; text-align: left;
}
#kouhou .pNavi .next {
	padding-right: 13px; margin-top: -12px; display: block; background: url(/common/img/arrow_r.gif) no-repeat right 50%; FLOAT: right; VERTICAL-ALIGN: middle; width: 50%; height: 12px; text-align: right;
}
#kouhou .pNavi .next2 {
	padding-right: 13px; display: block; background: url(/common/img/arrow_r.gif) no-repeat right 50%; VERTICAL-ALIGN: middle; height: 12px; text-align: right;
}
#kouhou .tit {
	padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 95%; padding-bottom: 1px; border-left: #003399 8px solid; padding-top: 1px; border-bottom: #003399 2px solid;
}
#kouhou .hl {
	padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 95%; background: #eeeeee; padding-bottom: 2px; margin: 0px 0px 10px; border-left: #003399 8px solid; padding-top: 2px;
}
#kouhou .sh {
	font-weight: bold; color: #cc0000; border-bottom: #cc0000 1px solid;
}
#kouhou .sh02 {
	font-weight: bold; margin: 0px 0px 10px; color: #cc0000; line-height: 130%;
}
#kouhou .lead {
	border-right: #aaaaaa 1px solid; padding-right: 5px; font-size: 80%; border-top: #aaaaaa 1px solid; padding-left: 5px; background: #eeeeee; padding-bottom: 5px; margin: 0px 0px 10px; border-left: #aaaaaa 1px solid; line-height: 130%; padding-top: 5px; border-bottom: #aaaaaa 1px solid;
}
#kouhou .note {
	border-right: #666666 1px solid; padding-right: 5px; border-top: #666666 1px solid; padding-left: 5px; padding-bottom: 5px; border-left: #666666 1px solid; color: #444444; padding-top: 5px; border-bottom: #666666 1px solid;
}

#kouhou .attention {
	display: block;
}
#kouhou .attention .head01 {
	display: block; width: 1.2em;
}
#kouhou .attention .tx01 {
	display: block; margin: -1.3em 0px 0px 1.3em; line-height: 145%! important;
}
#kouhou .attention .head02 {
	display: block; width: 1.8em;
}
#kouhou .attention .tx02 {
	display: block; margin: -1.3em 0px 0px 1.8em; line-height: 145%! important;
}

#kouhou .redLineBox{
	background-color: #ffffff;
	padding: 10px;
	border: solid 1px #cc0000;
	margin: 1em 0 2em 0;
}

#kouhou .mrl1{
	margin-left: 1em;
	margin-right: 1em;
}

#kouhou .blueUnderLine{
	border-bottom: #003399 1px solid;
}

#kouhou .secTit{
	font-size: 120%;
	color: #688d26;
	border-left: 2px solid #688d26;
	padding: 5px 15px;
	border-bottom: 1px dotted #ccc;
}

#kouhou .blueBox{
	width: 80%;
	background-color: #CDEFFF;
    padding: 10px;
    margin: 1em auto;
}

#kouhou .yellowBox{
	width: 80%;
	background-color: #F0F7B2;
    padding: 10px;
    margin: 1em auto;
}

.personpic{
  float: right;
  display: block;
  margin-left: 1em;
  margin-bottom: 1em;
}

.grafhpic{
  float: right;
  display: block;
  margin-left: 1em;
  margin-bottom: 1em;
}

.txBlock{
  margin-bottom: 4em;
}

.urlBreak{
  word-break: break-all;
}
/*災害を軽減する国民運動「一日前プロジェクト」*/

/*災害復興への備え*/
#news07_01 {
  float: right;
}

.news01_dl dt{
  margin-left: 5px;
  text-align: center;
  position: relative;
  width: 20px;
  height: 18PX;
  line-height: 18px;
  float: left;
  background-color: orange;
  color: white;
}

.news01_dl dd{
  padding-bottom: 15px;
  font-size: 9px;
  line-height: 18px;
  padding-top: 1px;
}

.dog_right{
  float: right;
  font-size: 8px;
}

.disaster_right{
  float: right;
}

.disaster_left{
  float: left;
}

.disaster_box{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border: 1px solid #ffff;/*線*/
  border-radius: 10px;/*角丸の丸み*/
}

.disaster_boxsp{
  border: 1px solid #ffff;/*線*/
  border-radius: 10px;/*角丸の丸み*/
}

.disaster_box p {
margin: 0;
padding: 0;
}

.disaster_box div img{
  background-color: #e8e0d2;
}

.disaster_position{
    display: block;
}

.special_head1{
  width: 150px;
  height: 25px;
  background-color: #519778;
  color: #fff;
}

.special_head2{
  width: 300px;
  height: 25px;
  background-color: #519778;
  color: #fff;
}

.special_table1{
  text-align: center;
  width: 150px;
  height: 30px;
  background-color: #e2eae3;
  font-weight: bold;
}

.special_table2{
  width: 350px;
  height: 30px;
  background-color: #e2eae3;
  font-weight: bold;
}

.special_box {
display: inline-block;
/*width: 50%;*/
/*height: auto;*/
padding: 5px;
background-color: #fff;
border: 1px solid #519778;/*線*/
}

.special_box2{
  text-align: center;
}

.special_box li{
  color: #519778;
}

.special_box p{
  text-align: left;
  color: black;
}

.bbb_around img{
  float:left;
}

.bbb_around p{
  padding-top: 150px;
}

.bbb_box1{
  width: 270px;
  height: 405px;
}

.bbb_box2{
  margin-left: 10px;
  float: right;
  width: 170px;
  height: 270px;
}

.personpic2{
  float: right;
  /* display: block; */
  margin-left: 1em;
  margin-bottom: 0;
}

.news_06_box1 {
    display: inline-block;
}

.special_npo{
  text-align: center;
  background-color: #519778;
  color: #fff;
  border-radius: 2px;
}

.special_npo2{
  background-color: #e2eae3;
  border-radius: 5px;
  font-weight: bold;
}

.special_npo2 li{
  color: #519778;
}

.special_npo2 p{
  color: black;
}

.special_npo3{
  margin: 0 40px;
}

.special_font{
  font-weight: bold;
}

/*-----------------------------ブレークポイント個別調整------------------------------------*/

/*タブレット+PC向け*/
@media screen and (min-width: 641px) {


    #globalNav ul#globalNavList{
        width:98%;
    }

    #globalNav ul#globalNavList li{
        display: table-cell;
    }

    #globalNav ul#globalNavList li a {
        padding: .25em 8px .25em 18px;
        background: url(../img/ico_arrow3.gif) no-repeat 6px center;
    }

    .sp{
      display: none;
    }
}

/*タブレット向け*/
@media screen and (min-width: 641px) and (max-width: 960px) {
    .mainContents .mainContentsCard:nth-child(2n+1),.mainContents .kouhouBousai:nth-child(2n+1),.mainContents .mainContentsCardSub:nth-child(2n+1), {
        clear: left; }

    .mainContentsCard {
        float: left;
        width: 50%; }

    .kouhouBousai {
    	float: left;
        width: 50%;
    }

    #ciBlock {
        margin: 2em 0 0;
        padding:15px;
        float: none;
    }

    #globalNav ul#globalNavList li{
        display: table-cell;
    }

    .sp{
      display: none;
    }
}

/*pc向け*/
@media screen and (min-width: 961px) {


    #ciBlock {
        float: none;
        padding:15px;
    }

    #searchBlock #subNavList{
        margin: 0;
        display: inline-block;
    }

    .mvBlock {
        width: 1020px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto; }

    .menuBlock {
        width: 486px;
        float: right; }

    /*    .sliderBlock {
            width: 520px;
            float: left; }

        .bx-wrapper {
            max-width: 480px !important; }

        * html .sliderBlock {
            padding-left: 20px;
            width: 480px; }
    */
    .underMenuBox {
        padding: 3em 3em 3em;
        width: 960px;

    }

    .underMenuBox:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden; }

    .underMenuAreaInnerbox {
        float: left;
        width: 25%;}

    .mainContents .mainContentsCard:nth-child(3n+1),.mainContents .kouhouBousai:nth-child(4n+1), .mainContents .maniContentsCardSub:nth-child(2n+1) {
        clear: left; }

    .mainContentsCard {
        float: left;
        width: 33.33333%;
    }

    .mainContentsCardSub{
    	float: left;
        width: 50%;
    }

    .kouhouBousai{
    	float: left;
        width: 25%;
    }

    .allBousai{
      float: left;
      width: 48%;
      margin:0 .5em;
    }

    .allBousai2{
      float: left;
      width: 44%;
      margin:0 .5em;
      background-color: #DCE3F0;
    }
    .allBousai3{
      float: left;
      width: 32%;
      margin:0 .5em .5em 0;
      background-color: #DCE3F0;
    }

    .span1of24, .span1of16, .span1of12, .span2of24, .span1of10, .span1of9, .span1of8, .span2of16, .span3of24, .span1of7, .span1of6, .span2of12, .span4of24, .span3of16, .span1of5, .span2of10, .span5of24, .span2of9, .span1of4, .span2of8, .span3of12, .span4of16, .span6of24, .span2of7, .span7of24, .span3of10, .span5of16, .span1of3, .span2of6, .span3of9, .span4of12, .span8of24, .span3of8, .span6of16, .span9of24, .span2of5, .span4of10, .span5of12, .span10of24, .span3of7, .span7of16, .span4of9, .span11of24, .span1of2, .span2of4, .span3of6, .span4of8, .span5of10, .span6of12, .span8of16, .span12of24, .span13of24, .span5of9, .span9of16, .span4of7, .span7of12, .span14of24, .span3of5, .span6of10, .span5of8, .span10of16, .span15of24, .span2of3, .span4of6, .span6of9, .span8of12, .span16of24, .span11of16, .span7of10, .span17of24, .span5of7, .span3of4, .span6of8, .span9of12, .span12of16, .span18of24, .span7of9, .span19of24, .span4of5, .span8of10, .span13of16, .span5of6, .span10of12, .span20of24, .span6of7, .span7of8, .span14of16, .span21of24, .span8of9, .span9of10, .span11of12, .span22of24, .span15of16, .span23of24 {
        float: left; }

    .span1of24 {
        width: 4.1666666%; }

    .span1of16 {
        width: 6.25%; }

    .span1of12, .span2of24 {
        width: 8.3333333%; }

    .span1of10 {
        width: 10%; }

    .span1of9 {
        width: 11.1111111%; }

    .span1of8, .span2of16, .span3of24 {
        width: 12.5%; }

    .span1of7 {
        width: 14.2857143%; }

    .span1of6, .span2of12, .span4of24 {
        width: 16.6666666%; }

    .span3of16 {
        width: 18.75%; }

    .span1of5, .span2of10 {
        width: 20%; }

    .span5of24 {
        width: 20.8333333%; }

    .span2of9 {
        width: 22.2222222%; }

    .span1of4, .span2of8, .span3of12, .span4of16, .span6of24 {
        width: 25%; }

    .span2of7 {
        width: 28.5714286%; }

    .span7of24 {
        width: 29.1666666%; }

    .span3of10 {
        width: 30%; }

    .span5of16 {
        width: 31.25%; }

    .span1of3, .span2of6, .span3of9, .span4of12, .span8of24 {
        width: 33.3333333%; }

    .span3of8, .span6of16, .span9of24 {
        width: 37.5%; }

    .span2of5, .span4of10 {
        width: 40%; }

    .span5of12, .span10of24 {
        width: 41.6666666%; }

    .span3of7 {
        width: 42.8571429%; }

    .span7of16 {
        width: 43.75%; }

    .span4of9 {
        width: 44.4444444%; }

    .span11of24 {
        width: 45.8333333%; }

    .span1of2, .span2of4, .span3of6, .span4of8, .span5of10, .span6of12, .span8of16, .span12of24 {
        width: 50%; }

    .span13of24 {
        width: 54.1666666%; }

    .span5of9 {
        width: 55.5555555%; }

    .span9of16 {
        width: 56.25%; }

    .span4of7 {
        width: 57.1428572%; }

    .span7of12, .span14of24 {
        width: 58.3333333%; }

    .span3of5, .span6of10 {
        width: 60%; }

    .span5of8, .span10of16, .span15of24 {
        width: 62.5%; }

    .span2of3, .span4of6, .span6of9, .span8of12, .span16of24 {
        width: 66.6666666%; }

    .span11of16 {
        width: 68.75%; }

    .span7of10 {
        width: 70%; }

    .span17of24 {
        width: 70.8333333%; }

    .span5of7 {
        width: 71.4285715%; }

    .span3of4, .span6of8, .span9of12, .span12of16, .span18of24 {
        width: 75%; }

    .span7of9 {
        width: 77.7777777%; }

    .span19of24 {
        width: 79.1666666%; }

    .span4of5, .span8of10 {
        width: 80%; }

    .span13of16 {
        width: 81.25%; }

    .span5of6, .span10of12, .span20of24 {
        width: 83.3333333%; }

    .span6of7 {
        width: 85.7142858%; }

    .span7of8, .span14of16, .span21of24 {

        width: 87.5%; }

    .span8of9 {
        width: 88.8888888%; }

    .span9of10 {
        width: 90%; }

    .span11of12, .span22of24 {
        width: 91.6666666%; }

    .span15of16 {
        width: 93.75%; }

    .span23of24 {
        width: 95.8333333%; }



}

/*スマートフォン+タブレット向け*/
@media screen and (max-width: 960px) {
    #subNavList{
        overflow: hidden;
    }
    .wrapper{
        width: auto;
    }

    #utilityNav ul li:last-child {
        display: inline;
    }
    #utilityNav ul li a {
        color: #333333;
    }



    #globalNav ul#globalNavList li a {
        border:none;}

    #emergencyInfoBlock{
        padding: 10px 0 10px 5px;
        margin-right:auto;
        margin-right:auto;
        background-color: #d4000a;}

    #emergencyInfoBlock a{
        /*color: #fff;*/
        padding: 1em 0;}

    #snsBlock {
        width: auto;
        margin-left: auto;
        margin-right: auto;

    }
    #snsBlock .snsBlockInner a {
        margin-left: 1em;
    }

    #emergencyNav #utilityNav ul {
        padding-right: 0;
        padding-bottom: 10px;
        margin-right: 0;
        text-align: center;
    }
}

/*スマートフォン向け*/
@media screen and (max-width: 640px) {
    #globalNav #utilityNav ul li:last-child {
        display: inline;
    }

    #subNavList{
        text-align: center;
    }

    #searchBlock #subNavList li:first-child{
        display: block;
    }
    #subNavList li a:last-child{
        padding-right: 0;
    }

    #headerArea {
        border-top: solid 20px  #0074D9; }

    /*list_footerNavは、内閣府共通のためキャメル変更なし*/

    #footerNavBlock ul#list_footerNav li {
        border-bottom: solid 1px #0074D9;
        border-right: none; }

    #copyrightBlock address img,
    #copyrightBlock address span {
        margin: 0 auto;
        display: block;
        text-align: center; }

    #copyrightBlock address {
        text-align: center; }

    #copyrightBlock address img {
        width: 50%; }



    #copyrightBlock p#txtAddress {
        padding: 5px 0 0 0;
        font-size: 0.9em;}


    #utilityBlockInner #emergencyNav #utilityNav {
        display: inline;
        margin:1.5em;
    }

    #emergencyInfoBlock{
        margin: 5em auto 1em auto;
    }

    .pc{
      display: none;
    }
    .sp{
      display: block;
    }

}


/* フォーカス */
#utilityNav ul li a:focus{
	border: 2px solid white; 
}

@media screen and (max-width: 960px) {
	#utilityNav ul li a:focus{
		border: 2px solid #0074D9;
	}
}

#subNavList li a:focus{
	border: 2px solid #0074D9;
}

#searchBox input[type="image"]:focus{
	border: 2px solid #ff00ff;
}

#searchPart p a:focus{
	border: 2px solid #0074D9;
}

#sizeM a:focus{
	border: 2px solid #ff00ff;
}

#sizeL a:focus{
	border: 2px solid #ff00ff;
}

.toList a.bulletLink:focus{
	border: 2px solid #ff00ff;
}

.sideSection .bulletList li a:focus{
	border: 2px solid #ff00ff;
}

