@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 各種テンプレート
	コロナ版トップページ
	被災者向け支援ページ
	被災者向け支援ページ ページ内アンカー
	画像の回り込み無し
	新着更新情報、リンクテンプレート1
	緊急ニュース
	セカンドトップ
	サイトマップ
	音声読み上げサービスのご利用方法
	訓練用

[2] 共通スタイル
	サイドメニュー（テキストリンク、画像リンク、バナーテキストリンク）
	緊急情報
	お知らせ
	twitter
	リンクメニュー 防災マップ
	リンクメニュー　トップページの右、防災関連情報
	安否検索
	エラーページ
	リンク集(2列、3列、4列)	
	スクロールメニュー（トップページ、汎用トップ）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 各種テンプレート
*******************************************************************************/
/*==============================================================================
	コロナ版トップページ
==============================================================================*/
/*------------------------------------------------------------------------------
	コールセンター
------------------------------------------------------------------------------*/
#second3 .callcenter{
	margin-bottom: 5em;
	padding:2em;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	background:url(images/second3/callcenter_bg.png) repeat-y right top,url(images/second3/callcenter_bg.png) repeat-y left top #f1f1f1;
	border-radius:10px;
}
#second3 .callcenter h2{
	margin: 0 auto;
	padding:0px 0px 0px 1em;
	width:45%;
	height:auto;
	border-left:none;
	background: initial;
	display: flex;
	font-size: 191.17647058824%;
}
#second3 .callcenter h2::before {
	margin-right: 0.5em;
	width: 50px;
	height: 50px;
	display: block;
	content: "";
	background-image: url(images/second3/tel.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
#second3 .callcenter dl{
	margin:0px;
	padding:0px;
	width:calc(55% - 2em);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:115%;
}
#second3 .callcenter dt{
	margin:.4em 1em .4em 0em;
	padding:.25em 1em .3em 1em;
	width:calc(25% - 3em);
	font-weight:bold;
	background-color:#f3de2c;
	border-left: none;
	border-radius:50px;
	text-align:center;
}
#second3 .callcenter dd{
	margin:0em;
	padding:.25em 0em .3em 0em;
	width:75%;
	font-weight: bold;
	border-top: none;
	background-color: initial;
	line-height: 3;
}
/*------------------------------------------------------------------------------
	アイコン付きリンク
------------------------------------------------------------------------------*/
.bl_tab_news{
	margin-bottom: 5em;
	text-align: start;
}
.bl_tab_news_inner {
	padding: 2em 1em 0 1em;
	border-top: solid 2px;
	text-align: start;
}
/*	見出し
------------------------------------------------------------------------------*/
.bl_tab_news h2{
	margin-left:2em;
	padding:.7em 2em .5em 1.5em;
	display:inline-block;
	position:relative;
	bottom: 0px;
	font-size:140%;
	border:solid 2px #000;
	border-bottom: none;
	border-radius:10px 10px 0 0;
}
.bl_tab_news h2 a{
	color:#222;
}
#quickaccessbg .bl_tab_news h2{
	padding-left:3em;
	background:url(images/second3/icon-link.svg) no-repeat left 1.5em center / 20px auto;
}
.second3iconlink .bl_tab_news h2{
	padding-left:3em;
	background:url(images/second3/icon-monitor.svg) no-repeat left 1.3em center / 24px auto;
}
.bl_tab_news h2:after{
	width: 100%;
	height: 3px;
	display: inline-block;
	position: absolute;
	bottom: -3px;
	left: 0;
	content: "";
	background-color: #fff;
	z-index: 1;
}
/*	アイコン付きリンク
------------------------------------------------------------------------------*/
.bl_tab_news ul li{
	box-sizing:border-box;
	list-style-type: none;
}
.bl_tab_news ul li a{
	text-decoration:none;
}
.bl_tab_news ul li img{
	vertical-align:middle;
}
/*	緑アイコン角丸
------------------------------------------------------------------------------*/
.bl_tab_news ul.bl_link{
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content:flex-start;
	gap:1em;
}
.bl_tab_news ul.bl_link li{
	padding:0px;
	width: calc((100% - 2em) / 3);
	display:flex;
	align-items:center;
	background:none;
	list-style-type: none;
}
.bl_tab_news ul.bl_link li a{
	padding:0.8em 3.8em 0.8em 1.5em;
	width:100%;
	height:100%;
	position: relative;
	display:flex;
	align-items:center;
	box-sizing: border-box;
	position: relative;
	font-size:110%;
	font-weight: bold;
	color:#ffffff;
	background-color: #007443;
	border-radius: 50px;
	text-decoration: none;
}
.bl_tab_news ul.bl_link li a::before{
	margin: auto 0px;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	right: 10px;
	overflow: hidden;
	content: "";
	background: #ffffff;
	border-radius: 50%;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	transform: translateY(-50%);
	z-index: 1;
}
.bl_tab_news ul.bl_link li a::after{
	width: 15px;
	height: 15px;
	position: absolute;
	top:calc(50% + 2px);
	right: 20px;
	content: "";
	background-image: url(images/parts/mark_arrow_topicli.png);
	background-size: contain;
	background-repeat: no-repeat;
	transform: translateY(-50%);
	z-index: 2;
}
/*	四角いリンク
------------------------------------------------------------------------------*/
.bl_tab_news ul.bl_imglink{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:1em;
	font-size:110%;
	font-weight:bold;
	list-style-type: none;
}
.bl_tab_news ul.bl_imglink li{
	border-radius: 10px;
	text-align:center;
}
.bl_tab_news ul.bl_imglink li a{
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	text-decoration: none;
	text-align: center;
}
.second3textlink .bl_tab_news ul.bl_imglink li a{
	text-align:left;
}
.bl_tab_news ul.bl_imglink li a img:not(.external){
	margin:0px auto 0px auto;
	padding-top:1em;
	width:100%;
	max-width:65%;
	height:auto;
	display:block;
}
.bl_tab_news ul.bl_imglink li a span{
	padding:1.2em .5em 1.2em .5em;
	width:100%;
	display: block;
	box-sizing:border-box;
	flex-grow:1;
	color: #222222;
	line-height:1.6;
}
/*	4列
------------------------------------------------------------------------------*/
.bl_tab_news ul.bl_imglink.col-4 li{
	width:calc((100% - 3em) / 4);
}
/*	6列
------------------------------------------------------------------------------*/
.bl_tab_news ul.bl_imglink.col-6{
	font-size:90%;
	line-height:1.4;
}
.bl_tab_news ul.bl_imglink.col-6 li{
	width: calc((100% - 5em) / 6);
}
.bl_tab_news ul.bl_imglink.col-6 li a span{
	padding: 0.5em 0.2em 1em 0.2em;
}
/*	グレー
------------------------------------------------------------------------------*/
.bl_tab_news ul.hp_bg_gray li{
	background-color: #dcdcdc;
}
/*------------------------------------------------------------------------------
	防災ニュース
------------------------------------------------------------------------------*/
#second3 .news{
	padding: 2em;
	position: relative;
	font-size: 117.64705882353%;
	background-color: #fff;
	border: solid 2px #000;
	border-radius: 10px;
	margin-bottom: 5em;
}
#second3 .news h2{
	margin-bottom:1em;
}
#second3 .news ul{
	padding: 0em 4em 2em 4em;
}
#second3 .news li{
	border-bottom: dotted 2px #000;
	list-style-type:none;
	text-align:start;
}
#second3 .news li:last-child{
	border:none;
}
#second3 .news li a{
	padding:1em 0em;
	display:block;
}
/* 一覧 */
#second3 .news .bl_btn_wrap{
	margin:0em;
	padding:0em 0em 1em 0em;
}
#second3 .news .bl_btn_wrap p{
	margin: 0 auto;
	display: block;
	font-weight: bold;
	text-align: center;
}
#second3 .news .bl_btn_wrap p a{
	margin: 0 auto;
	padding:1em 3.5em 1em 3em;
	width:70%;
	max-width:360px;
	display:block;
	position: relative;
	box-sizing:border-box;
	color: #fff;
	background-color: #007443;
	border-radius:100vh;
	text-decoration: none;
}
#second3 .news .bl_btn_wrap p a::before{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	background-image: url(images/parts/mark_arrow_white.png);
	position: absolute;
	top:calc(50% + 3px);
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
/*==============================================================================
	被災者向け支援ページ
==============================================================================*/
#shientop #content{
	width:950px;
	float:none;
}
#shientop .news{
	margin-bottom:30px;
	width:720px;
	float:left;
	border-right:1px solid #dfe0e6;
	border-bottom:3px solid #dfe0e6;
	border-left:1px solid #dfe0e6;
	box-sizing:border-box;
}
#shientop .news h2,
#shientop .keyword h2{
	margin-top: 0px;
	margin-bottom:15px;
	padding:14px 8px 11px 7px;
	clear:both;
	font-size:120%;
	font-weight:bold;
	background:#DFE0E6;
	background:linear-gradient(-45deg,#DFE0E6 25%,transparent 25%,transparent 50%,#DFE0E6 50%,#DFE0E6 75%,transparent 75%,transparent);
	background:-webkit-linear-gradient(-45deg,#DFE0E6 25%,transparent 25%,transparent 50%,#DFE0E6 50%,#DFE0E6 75%,transparent 75%,transparent);
	background-size:3px 3px;
	border-left:5px solid #08215F;
	line-height:1.3;
}
#shientop .news ul {
	margin:5px 15px 20px 43px;
	list-style-type:none;
	line-height: 1.8;
}
#shientop .news ul li{
	margin-bottom:8px;
	position:relative;
}
#shientop .news ul li::before{
	content: "";
	position: absolute;
	top: calc(.5em);
	left: -13px;
	box-sizing: border-box;
	border: 4px solid transparent;
	border-left: 7px solid #08215f;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#shientop #keywordbg {
	margin-bottom:30px;
    width: 205px;
    float: right;
	border-bottom:3px solid #dfe0e6;
	box-sizing:border-box;
}
#shientop .keyword{
    padding-bottom: 5px;
}
#shientop .keyword h2{
    margin-top: 0px;
    padding: 14px 8px 11px 12px;
    position:relative;
    border:none;
}
#shientop .keyword h2::before{
	width:30px;
	height:30px;
	content:"";
	position:absolute;
	top:0;
	left:0;
	background: linear-gradient(135deg, rgba(8,33,95,1) 30%, transparent 30%);
	background: -webkit-linear-gradient(-45deg,#08215f 30%,transparent 30%);
    background: -moz-linear-gradient(-45deg,#08215f 30%,transparent 30%);
}
#shientop .keyword ul{
	margin:2px 10px 15px 10px;
	list-style-type:none;
	line-height: 1.8;
}
#shientop .keyword ul li{
	margin-bottom: 10px;
	background: #ebecf2;
	border-left:2px solid #08215F;
}
#shientop .keyword ul li a{
    padding: 3px 3px 3px 7px;
    width:100%;
    height:100%;
    display:block;
    text-decoration:none;
    color:#222;
}
/*------------------------------------------------------------------------------
	汎用トップ　（リンク＋概要文＋画像　リスト画像表示1）
------------------------------------------------------------------------------*/
#shientop #secondimgul{
	clear: both;
	padding:20px 10px 10px 10px;
	text-align:center;
}
#shientop #secondimgul ul li{
	margin:0px 5px 5px 0;
	padding:2px;
    width: calc(100% / 3 - 4px);
	float:left;
	display:inline;
	position:relative;
	font-size:100%;
	text-align:center;
	border-right:1px solid #dfe0e6;
	border-bottom:1px solid #dfe0e6;
	box-sizing:border-box;
	overflow:hidden;
}
#shientop #secondimgul ul li:nth-child(3n){
	margin-right:0;
}
#shientop #secondimgul ul li::before{
	width:20px;
	height:20px;
	content:"";
	position:absolute;
	right:-10px;
	bottom:-10px;
	background:#DFE0E6;
	background:linear-gradient(0deg,#DFE0E6 25%,transparent 25%,transparent 50%,#DFE0E6 50%,#DFE0E6 75%,transparent 75%,transparent);
	background:-webkit-linear-gradient(0deg,#DFE0E6 25%,transparent 25%,transparent 50%,#DFE0E6 50%,#DFE0E6 75%,transparent 75%,transparent);
	background:-ms-linear-gradient(0deg,#DFE0E6 25%,transparent 25%,transparent 50%,#DFE0E6 50%,#DFE0E6 75%,transparent 75%,transparent);
    background-size: 3px 3px;
    transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}
#shientop #secondimgul ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
#shientop #secondimgul ul li{
	list-style:none;
}
#shientop #secondimgul ul li a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}
/* 見出し
------------------------------------------------------------------------------*/
#shientop #secondimgul .sititle{
	text-align:left;
}
#shientop #secondimgul a:hover{
	background:#ebecf2;
}
#shientop #secondimgul .sititle{
	margin-bottom:5px;
	padding:10px 5px 8px 32px;
	display:block;
	position:relative;
	color:#333333;
	font-size:110%;
	font-weight:bold;
	border:none;
	text-align:left;
	line-height:1.5;
	text-decoration:underline;
}
#shientop #secondimgul .sititle::before{
	margin-top:2px;
	margin-left:-22px;
	width:15px;
	height:15px;
	content:"";
	position:absolute;
	background: #08215f;
	background: linear-gradient(-45deg,#08215f 25%,transparent 25%,transparent 50%,#08215f 50%,#08215f 75%,transparent 75%,transparent);
	background: -webkit-linear-gradient(-45deg,#08215f 25%,transparent 25%,transparent 50%,#08215f 50%,#08215f 75%,transparent 75%,transparent);
	background: -moz-linear-gradient(-45deg,#08215f 25%,transparent 25%,transparent 50%,#08215f 50%,#08215f 75%,transparent 75%,transparent);
	background-size: 3px 3px;
}
#shientop #secondimg .sititle::after{
	margin-top:2px;
	margin-left:10px;
	width:15px;
	height:15px;
	content:"";
	position:absolute;
	left:0;
	background: linear-gradient(135deg, rgba(8,33,95,1) 60%, transparent 60%);
	background: -webkit-linear-gradient(-45deg,#08215f 60%,transparent 60%);
	background: -moz-linear-gradient(-45deg,#08215f 60%,transparent 60%);
}
#shientop #secondimgul ul li img.external{
	margin:0px auto 6px 5px;
}
#shientop #secondimgul .siimg{
	margin:0px auto 0px auto;
	padding-bottom:16px;
	display:block;
	text-align:center;
}
#shientop #secondimgul .siimg img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
	新着情報　添付ファイル
------------------------------------------------------------------------------*/
#shientop .news ul li.pdf,
#shientop .news ul li.xls,
#shientop .news ul li.doc,
#shientop .news ul li.pic,
#shientop .news ul li.com{
	padding-left:20px;
}
#shientop .news ul li.pdf a::before,
#shientop .news ul li.xls a::before,
#shientop .news ul li.doc a::before,
#shientop .news ul li.pic a::before,
#shientop .news ul li.com a::before{
	content:none;
}
#shientop .news ul li.pdf a::after,
#shientop .news ul li.xls a::after,
#shientop .news ul li.doc a::after,
#shientop .news ul li.pic a::after,
#shientop .news ul li.com a::after{
	content:none;
}

/*==============================================================================
	被災者向け支援ページ ページ内アンカー
==============================================================================*/
#anchor{
	margin:0 15px 30px 15px;
	padding:15px 30px 15px 30px;
	border:3px solid #DFE0E6;
	box-sizing: border-box;
}
#anchor h2{
    margin-top: 3px;
    margin-bottom: 15px;
    padding: 0;
	background:transparent;
	border:none;
	text-align:left;
}
#anchor ol.anchor{
	margin: 5px 15px 10px 35px;
}
#anchor ol.anchor li{
    margin-bottom:8px;
}
#anchor ol.anchor li a{
    font-weight:bold;
}
/*==============================================================================
	画像の回り込み無し
==============================================================================*/
#content .imgleftbox1, #content .imgleftbox2{
	width:195px;
	float:left;
	clear:left;
}
#content .imgleftbox2{
	width:210px;
}
#content .imgleftbox1 p, #content .imgleftbox2 p{
	margin-left:0px;
	margin-right:0px;
}
#content .imgrightbox1, #content .imgrightbox2{
	width:501px;
	float:right;
}
#content .imgrightbox2{
	width:478px;
}

#content .imgleftbox1 .imgcaption, #content2 .imgleftbox1 .imgcaption,
#content .imgleftbox2 .imgcaption, #content2 .imgleftbox2 .imgcaption{
	margin-bottom:15px;
}

/*==============================================================================
	緊急ニュース
==============================================================================*/
#content ul.emepaging{
	margin:20px 0px 10px 0px;
	padding-top:4px;
	list-style-type:none;
	text-align:center;
}
#content ul.emepaging li{
	display:inline;
}
#content ul.emepaging li.pre a{
	margin-right:20px;
	padding-left:20px;
	background:url(images/parts/pre2.gif) no-repeat left center;
}
#content ul.emepaging li.next a{
	margin-left:20px;
	padding-right:20px;
	background:url(images/parts/next2.gif) no-repeat right center;
}

/*==============================================================================
	セカンドトップ
==============================================================================*/
/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
#second{
	margin:0px auto 0px auto;
	width:960px;
}
#soutline{
	margin:15px 10px 20px 10px;
}
#sleft{
	width:734px;
	float:left;
}
#sright{
	width:216px;
	float:right;
}
/* IE6 */
#sright{
	width:214px;
	float:right;
}
/*------------------------------------------------------------------------------
	詳細デザイン
------------------------------------------------------------------------------*/
/*　メニュー
------------------------------------------------------------------------------*/
.secondcontent2 h2{
	margin:0px 25px 14px 0px;
	padding:8px 5px 8px 12px;
	font-size:120%;
	color:#ffffff;
	background:#002063;
}
.secondcontent2 h2 a{
	color:#ffffff;
}
.secondcontent2 p{
	margin:0px 0px 14px 0px;
}
.smenu{
	margin:0px 25px 10px 0px;
	width:340px;
	float:left;
	display:inline;
	font-size:100%;
}
.smenu h2, .secondcontent2 .smenu h3{
	margin-bottom:12px;
	padding:4px 5px 8px 20px;
	position:relative;
	font-size:120%;
	border-bottom:3px solid #0C328F;
}
.smenu h2 a::before, .secondcontent2 .smenu h3 a::before{
	width:13px;
	height:15px;
	position:absolute;
	top:7px;
	left:1px;
	content:"";
	background:#0C328F;
}
.smenu h2 a::after, .secondcontent2 .smenu h3 a::after{
	width:4px;
	height:4px;
	position:absolute;
	top:12px;
	left:4px;
	content:"";
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.smenu p{
	margin:0px 10px 12px 10px;
	font-size:95%;
	line-height:1.6;
}
.smenu ul{
	margin-bottom:12px;
	margin-left:10px;
	list-style-type:none;
}
.smenu li{
	margin-bottom:12px;
	padding:0px 10px 0px 17px;
	position:relative;
	line-height:1.5;
}
.smenu li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:0px;
	content:"";
	border-top:2px solid #0C328F;
	border-right:2px solid #0C328F;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
　ポータル
------------------------------------------------------------------------------*/
/*　トピックス
------------------------------------------------------------------------------*/
#second .news{
	margin-bottom:30px;
	margin-right:25px;
	clear:both;
	zoom:1;
}
#second .news:after{
	content: "";
	display: block;
	clear: both;
}
#second .news h2{
	margin-bottom:18px;
	padding:10px 10px 8px 8px;
	font-size:130%;
	line-height:1.4;
	border-bottom:3px solid #0C328F;
}
#second .news p{
	padding:0px 10px 14px 13px;
}
#second .news ul{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:530px;
	float:left;
	display:inline;
	list-style-type:none;
	overflow:auto;
}
/* 写真がない場合 */
#second .news ul.nosnap{
	width:694px;
}
#second .news ul li{
	margin-bottom:12px;
	padding-left:30px;
	position:relative;
	line-height:1.5;
}
#second .news ul li span{
	font-size:90%;
}
#second .news ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:11px;
	content:"";
	border-top:2px solid #0C328F;
	border-right:2px solid #0C328F;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#second .news ul.topicsdetail li a::after{
	content:none;
}
#second .news ul.objectlink{
	margin-bottom:0px;
	margin-left:0px;
	padding-bottom:6px;
	font-size:100%;
}
#second .news ul.objectlink li{
	margin-bottom:0px;
	padding-left:0px;
	background:none;
}
#second .news #snap{
	margin-top:13px;
	width:162px;
	float:right;
}
#second .news #snap p{
	margin-right:12px;
	margin-bottom:10px;
	padding:0px 0px 6px 0px;
	font-size:90%;
	line-height:1.4;
}
#second .news #snap p img{
	margin-bottom:3px;
}
#second .news ul.topicsdetail{
	margin:0px;
	padding:4px 0px 4px 0px;
	width:100%;
	display:block;
	float:none;
	clear:both;
	font-size:95%;
	font-weight:normal;
	letter-spacing:0;
	text-align:right;
}
#second .news ul.topicsdetail li{
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 18px;
	display:inline;
	position:relative;
}
#second .news ul.topicsdetail li a::before{
	width:13px;
	height:15px;
	position:absolute;
	top:2px;
	left:0px;
	content:"";
	background:#0C328F;
}
#second .news ul.topicsdetail li a::after{
	width:4px;
	height:4px;
	position:absolute;
	top:7px;
	left:3px;
	content:"";
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#second .news ul.topicsdetail li.rss{
	margin-left:10px;
	background:url(images/parts/rss.gif) no-repeat left 3px;
}
#second .news ul.topicsdetail li.rss a::before,
#second .news ul.topicsdetail li.rss a::after{
	content:none;
}
/*==============================================================================
	サイトマップ
==============================================================================*/
#sitemap{
	padding:0px 15px 0px 15px;
}
#sitemap .smenu{
	width:430px;
	border:none;
	background:none;
}
#sitemap .smenu h2{
	border-left:none;
}
#sitemap .smenu h2 a::after,
#sitemap .smenu h2 a::before{
	content:none;
}
#sitemap .smenu ul{
	margin-left:13px;
}
#sitemap .smenu li{
	margin-bottom:10px;
	padding-left:16px;
	line-height:1.4;
}

/*==============================================================================
	音声読み上げサービスのご利用方法
==============================================================================*/
#content ul.rsuse,#content2 ul.rsuse{
	margin:0px;
	padding:0px;
	float:right;
	list-style:none;
	font-size:90%;
}
#content ul.rsuse a,#content2 ul.rsuse a{
	padding:3px 0px 3px 10px;
	background:url(images/content/mark_ul.gif) no-repeat left 10px;
	display:inline-block;
}
#readspeaker_button1{
}
/*******************************************************************************
[2] 共通スタイル]
*******************************************************************************/
/*==============================================================================
	サイドメニュー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキストリンク・画像リンク、バナーテキストリンク
------------------------------------------------------------------------------*/
.sidelink{
	margin-bottom:20px;
}
.sidelink h2{
	margin-bottom:0px;
	padding:8px 5px 8px 5px;
	font-size:100%;
	border-top:2px solid #0033CC;
}
.sidelink p{
	padding:0px 5px 10px 5px;
}
/* テキストリンク
------------------------------------------------------------------------------*/
.sidelink ul{
	margin:0px 0px 15px 0px;
	list-style-type:none;
}
.sidelink ul li{
	margin-bottom:8px;
	padding-left:15px;
	background:url(../site/_res/images/parts/mark_news.gif) no-repeat 5px 7px;
}
/* 画像リンク
------------------------------------------------------------------------------*/
.sidelink ul li.imglink{
	padding-left:0px;
	background:none;
}
/*------------------------------------------------------------------------------
	バナーリンク
------------------------------------------------------------------------------*/
.topnbanner{
	margin-bottom:20px;
}
.topnbanner ul{
	list-style-type:none;
}
.topnbanner ul li{
	margin-bottom:10px;
}
.topnbanner ul li a{
	padding:10px 12px;
	display:block;
	background:url(images/content/h1_bg.gif) repeat-x left bottom;
	border:1px solid #ccc;
}
.topnbanner ul li a:hover{
	background:#e1ecef;
}
.topnbanner ul li.naviimg a{
	padding-left:0px;
	display:inline;
	background:none;
	border:none;
}
.topnbanner ul li.naviimg a:hover{
	background:none;
}
/*==============================================================================
	緊急情報
==============================================================================*/
.kinkyu{
	margin-right:25px;
	margin-bottom:25px;
	clear:both;
	line-height:1.5;
	text-align:left;
	border-bottom:3px solid #ebaeae;
}
.kinkyu h2{
	padding:8px 5px 8px 10px;
	color:#FFF;
	font-size:130%;
	background-color:#b70a0a;
	line-height:1.4;
}
.kinkyu h3{
	padding:10px 10px 5px 12px;
	font-size:100%;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu p{
	padding:14px 10px 0px 10px;
	font-weight:bold;
	line-height:1.4;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu ol{
	margin:10px 10px 5px 40px;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu ol li{
	padding-left:0px;
}
.kinkyu ul{
	padding:14px 10px 5px 16px;
	list-style-type:none;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu ul li{
	margin-bottom:12px;
	padding-left:12px;
	position:relative;
}
.kinkyu ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:-4px;
	content:"";
	border-top:2px solid #980001;
	border-right:2px solid #980001;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.kinkyu ul.topicsdetail{
	padding-top:4px;
	padding-bottom:12px;
	font-size:95%;
	font-weight:normal;
	letter-spacing:0;
	text-align:right;
}
.kinkyu ul.topicsdetail li{
	margin-left:10px;
	padding-left:18px;
	display:inline;
	position:relative;
}
.kinkyu ul.topicsdetail li a::before{
	width:13px;
	height:15px;
	position:absolute;
	top:2px;
	left:0px;
	content:"";
	background:#980001;
}
.kinkyu ul.topicsdetail li a::after{
	width:4px;
	height:4px;
	position:absolute;
	top:7px;
	left:3px;
	content:"";
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.kinkyu ul.topicsdetail li.rss{
	background:url(images/parts/rss.gif) no-repeat left 3px;
}
.kinkyu ul.topicsdetail li.rss a::after,
.kinkyu ul.topicsdetail li.rss a::before{
	content:none;
}
.kinkyu span.topicdate{
	font-size:95%;
}
/*==============================================================================
		お知らせ
==============================================================================*/
.info{
	margin-bottom:20px;
	clear:both;
	border:2px solid #2f3589;
	line-height:1.5;
}
.info h2{
	margin-bottom:14px;
	padding:8px 5px 8px 12px;
	color:#FFF;
	font-size:130%;
	background-color:#2f3589;
	line-height:1.4;
}
.info p{
	padding:0px 10px 10px 15px;
	font-weight:bold;
	letter-spacing:0.1em;
}
.info ul{
	padding:0px 10px 8px 16px;
	list-style-type:none;
}
.info ul li{
	margin-bottom:8px;
	padding-left:12px;
	position:relative;
	line-height:1.4;
}
.info ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:-4px;
	content:"";
	border-top:2px solid #2f3589;
	border-right:2px solid #2f3589;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.info ul li .topicdate{
	font-size:90%;
}
.info ul.topicsdetail{
	padding-top:4px;
	font-size:95%;
	font-weight:normal;
	letter-spacing:0;
	background:#e8eff1;
	text-align:right;
}
.info ul.topicsdetail li{
	margin-left:10px;
	padding-right:16px;
	display:inline;
	background:url(images/top/mark_tmenu.gif) no-repeat right 2px;
}
/* お知らせ（緑） */
.infocolor1{
	border-color:#2b831e;
}
.infocolor1 h2{
	background-color:#2b831e;
}
.infocolor1 ul li a::after{
	border-top:2px solid #2B831E;
	border-right:2px solid #2B831E;
}
/* お知らせ（オレンジ） */
.infocolor2{
	border-color:#c65d00;
}
.infocolor2 h2{
	background-color:#c65d00;
}
.infocolor2 ul li a::after{
	border-top:2px solid #c65d00;
	border-right:2px solid #c65d00;
}
/* お知らせ（勧告） */
.kankoku{
	border-color:#b70a0a;
}
.kankoku h2{
	background-color:#b70a0a;
}
.kankoku ul li a::after{
	border-top:2px solid #980001;
	border-right:2px solid #980001;
}
.kankoku ul.topicsdetail li{
	background:url(images/top/mark_kinkyu2.gif) no-repeat right 2px;
}
#second .info, #second .kankoku{
	margin-bottom:25px;
	margin-right:25px;
}
#second .kankoku h2{
	border-bottom:none;
}

/*==============================================================================
	Twitter ツイッター
==============================================================================*/
.twitter{
	margin-bottom:20px;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
}
.twitter h2{
	padding:6px 6px 6px 6px;
	font-size:110%;
	color:#ffffff;
	background:#000000;
}
.twitter h3{
	padding:6px 6px 0px 8px;
	font-size:95%;
	font-weight:normal;
}
.twitter p{
	padding:6px 6px 6px 8px;
	font-size:95%;
}
.twitter .twitter-timeline{
	height:290px;
}
.twitter ul{
	padding:4px 5px 4px 5px;
	border-top:1px solid #ccc;
	list-style:none;
}
.twitter ul li{
	margin-bottom:0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(images/content/mark_ul.gif) no-repeat 7px 10px;
	line-height:1.5;
	text-align:left;
}
.twitter ul li.naviimg{
	padding-left:0px;
	background:none;
	text-align:center;
}
.twitter ul img{
	vertical-align:bottom;
}
/*==============================================================================
	リンクメニュー 防災マップ、セカンドトップ
==============================================================================*/
.topnavi{
	margin-bottom:20px;
	border-top:4px solid #08215F;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:left;
}
.topnavi h2{
	padding:6px 6px 6px 6px;
	background:#dfe0e6;
	font-size:110%;
	line-height:1.3;
}
.topnavi h2 span{
	font-size:85%;
}
.topnavi p{
	margin:8px 10px 6px 10px;
	font-size:95%;
	line-height:1.4;
}
.topnavi ul{
	margin:6px 6px 6px 6px;
	list-style-type:none;
}
#lnavi .topnavi ul{
	margin:4px 7px 4px 7px;
}
.topnavi ul li{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:0px;
	padding-top:5px;
	padding-left:12px;
	padding-bottom:5px;
	background:url(images/header/mark_util.gif) no-repeat 1px 9px;
}
.topnavi ul li.naviimg{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	background:none;
}
.topnavi ul li.naviimg a{
	padding-bottom:3px;
	display:block;
}
.topnavi ul li.naviimg span{
	padding-bottom:5px;
	display:block;
}
.topnavi ul li.naviimg span.small{
	display:inline;
}
.topnavi ul img{
	margin:0px auto 0px auto;
	padding-bottom:5px;
	max-width:200px;
	height:auto;
	vertical-align:bottom;
}
.topnavi li.naviimg a img{
	display:block;
}
.topnavi li.naviimg a img + br{
	display:none;
}
.topnavi ul img.external{
	margin-left:6px;
	display:inline;
	vertical-align:middle;
}
.topnavi li.naviimg a img.external{
	display:inline;
}
.topmap{
	border-top:none;
}
.topmap h2{
	padding:8px 6px 6px 6px;
	color:#ffffff;
	background:#08215F;
}
/*------------------------------------------------------------------------------
	リンクメニュー　トップページの右、防災関連情報
------------------------------------------------------------------------------*/
#rightbox .topnavi{
	padding-bottom:6px;
}
.topnavi h3{
	margin:15px 7px 6px 7px;
	font-size:95%;
	font-weight:normal;
	line-height:1.3;
}
.topnavi h2 + h3{
	margin:10px 7px 6px 7px;
}
.topnavi h3{
	_margin:10px 6px 6px 7px;
}
.topnavi h3 img{
	margin-bottom:5px;
}
#rightbox .topnavi p{
	margin:5px 7px 0px 8px;
}
#rightbox .topnavi ul{
	margin:6px 7px 2px 7px;
/*	margin:0px;
	padding:0px 7px 0px 7px;*/
}
#rightbox .topnavi ul li{
	margin-bottom:4px;
	padding:0px auto 0px auto;
	font-size:95%;
}
/*------------------------------------------------------------------------------
	リンクメニュー　バナーリンクテンプレート
------------------------------------------------------------------------------*/
#content .topnavi{
	border:none;
}
#content .topnavi ul{
	margin:5px 15px 20px 15px;
}
.topnavi ul li.imglink{
	margin:0px;
	padding:0px 0px 15px 0px;
	background:none;
}
/*==============================================================================
	安否検索
==============================================================================*/
.anpi{
	margin-bottom:20px;
	border-top:4px solid #2f3589;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:left;
}
.anpi h2{
	margin-bottom:8px;
	padding:4px 6px 4px 8px;
	background:#e3ebee;
	font-size:110%;
}
.anpi h3{
	margin:8px 6px 6px 8px;
	font-weight:normal;
	font-size:100%;
}
.anpi p{
	margin:6px 6px 6px 8px;
	font-size:95%;
}
.anpi iframe{
	height:120px;
	border:1px solid #ccc;
}
#leftbox .anpi iframe{
	width:184px;
}
.anpi ul{
	padding:10px 10px 5px 10px;
	list-style-type:none;
}
.anpi ul li{
	margin-bottom:8px;
	padding-left:12px;
	background:url(images/header/mark_util.gif) no-repeat 1px 4px;
}
/*==============================================================================
	エラーページ
==============================================================================*/
#content2 .sserror{
	padding:10px;
	float:none;
}
.sserror #key{
	width:220px;
}
/*==============================================================================
	リンク集(2列、3列、4列)	
==============================================================================*/
#content ul.link2,
#content ul.link3,
#content ul.link4,
#content ul.link5,
#content2 ul.link2,
#content2 ul.link3,
#content2 ul.link4,
#content2 ul.link5{
	margin-top:15px;
	margin-left:15px;
	clear:both;
	list-style-type:none;
	line-height:1.4;
}
/* セカンドトップ */
#second .smenu ul.link2{
	margin-bottom:4px;
}
#content ul.link2 span,
#content ul.link3 span,
#content ul.link4 span,
#content ul.link5 span,
#content2 ul.link2 span,
#content2 ul.link3 span,
#content2 ul.link4 span,
#content2 ul.link5 span{
	margin-top:3px;
	display:block;
	font-size:95%;
}
#content ul.link2:after,
#content ul.link3:after,
#content ul.link4:after,
#content ul.link5:after,
#second .smenu ul.link2:after,
#content2 ul.link2:after,
#content2 ul.link3:after,
#content2 ul.link4:after
#content2 ul.link5:after{
	content:"";
	display:block;
	clear:both;
}
#content ul.link2 li,
#content2 ul.link2 li{
	margin:0px 15px 16px 0px;
	padding:2px 0px 0px 18px;
	width:44%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
#content ul.link2 li a::after,
#content2 ul.link2 li a::after,
#content ul.link3 li a::after,
#content2 ul.link3 li a::after,
#content ul.link4 li a::after,
#content2 ul.link4 li a::after,
#content ul.link5 li a::after,
#content2 ul.link5 li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:6px;
	left:0px;
	content:"";
	border-top:2px solid #08215F;
	border-right:2px solid #08215F;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* セカンドトップ */
#second .smenu ul.link2 li{
	width:40%;
	display:inline-block;
	vertical-align:top;
}
#content ul.link3 li,
#content2 ul.link3 li{
	margin:0px 13px 16px 0px;
	padding:2px 0px 0px 18px;
	width:28%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
#content ul.link4 li,
#content2 ul.link4 li,
#content ul.link5 li,
#content2 ul.link5 li{
	margin:0px 10px 16px 0px;
	padding:2px 0px 0px 18px;
	width:20%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
#content ul.link5 li,
#content2 ul.link5 li{
	width:15%;
}

/* IE6 */
#content ul.link1 li, #content2 ul.link1 li,
#content ul.link2 li, #content2 ul.link2 li,
#second .smenu ul.link2 li,
#content ul.link3 li, #content2 ul.link3 li,
#content ul.link4 li, #content2 ul.link4 li,
#content ul.link5 li, #content2 ul.link5 li{
	_display:inline;
	_zoom:1;
}
/* IE7 */
*:first-child+html #content ul.link1 li, *:first-child+html #content2 ul.link1 li,
*:first-child+html #content ul.link2 li, *:first-child+html #content2 ul.link2 li,
*:first-child+html #second .smenu ul.link2 li,
*:first-child+html #content ul.link3 li, *:first-child+html #content2 ul.link3 li,
*:first-child+html #content ul.link4 li, *:first-child+html #content2 ul.link4 li,
*:first-child+html #content ul.link5 li, *:first-child+html #content2 ul.link5 li{
	display:inline;
	zoom:1;
}
/*==============================================================================
	<p>色変更ボタン
==============================================================================*/
p.bannertxt2 a{
	margin:0px 5px 10px 5px;
	padding:6px 8px 6px 8px;
	display:inline-block;
	color:#282828;
	background:url(images/content/h3_bg.gif) repeat-x left bottom;
	border:1px solid #CCCCCC;
	text-decoration:none;
}
p.bannertxt2 a:hover{
	background:#EFEFEF;
}

/*==============================================================================
	スクロールメニュー（トップページ、汎用トップ）
==============================================================================*/
#pickup{
	margin:0px auto 20px auto;
	width:950px;
	text-align:center;
}
.main_view{
	width:950px;
	position:relative;
}
#pickup .window{
	width:950px;
	height:250px;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
	background:#FFFFFF;
}
#pickup .main{
	width:950px;
	height:250px;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
}
/*------------------------------------------------------------------------------
	停止・再生・番号ボタン共通
------------------------------------------------------------------------------*/
.main_view p.btn img,.main_view p.btn button,.main_view .paging li img{
	vertical-align:bottom;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
#pickup button{
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor:pointer;
}
#pickup p.btn{
	width:55px;
	position:absolute;
	z-index:200;
	overflow:hidden;
}
/*　番号ボタン
------------------------------------------------------------------------------*/
#pickup .paging{
	display:none;/*--Hidden by default, will be later shown with jQuery--*/
	position:absolute;
	z-index:100;
}
#pickup .paging ul{
	list-style:none;
	text-align:left;
}
#pickup .paging li{
	float:left;
}
#pickup .paging a{
	display:block;
	text-align:center;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【A】画像のみ
------------------------------------------------------------------------------*/
/*　メイン枠
------------------------------------------------------------------------------*/
#scroll_a.main_view{
	height:280px;
}
#scroll_a .main{
	position:absolute;
	top:0;
	left:0;
	background:#FFFFFF;
}
#scroll_a .main p.photoleft{
	width:950px;
	height:250px;
}
/*　詳しく見る
------------------------------------------------------------------------------*/
#scroll_a .more{
	padding:3px 10px 2px 12px;
	position:absolute;
	right:10px;
	bottom:10px;
	color:#333;
	font-size:90%;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}
#scroll_a a:hover .more{
	color:#FFFFFF;
	background:#000;
}
#scroll_a .photoleft a{
    background-color:#FFFFFF;
    display:block;
}
#scroll_a .photoleft a:hover img{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_a p.btn{
	left:5px;
	top:255px;
}
/*　番号ボタン
------------------------------------------------------------------------------*/
#scroll_a .paging{
	width:880px;
	left:70px;
	top:255px;
}
#scroll_a .paging li{
	margin:0px 5px 5px 0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【B】画像＋テキスト
------------------------------------------------------------------------------*/
/*　左のメイン枠
------------------------------------------------------------------------------*/
#scroll_b .main p.photoleft{
	width:570px;
	height:250px;
	float:left;
}
/*　右のテキスト枠
------------------------------------------------------------------------------*/
#scroll_b .main .imgtxt{
	padding:10px;
	width:330px;
	height:230px;
	float:right;
	text-align:left;
	line-height:1.6;
}
#scroll_b .main h2{
	margin:0px 0px 10px 0px;
	font-size:120%;
	text-align:left;
	line-height:1.4;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_b p.btn{
	left:610px;
	bottom:10px;
}
/*　番号ボタン
------------------------------------------------------------------------------*/
#scroll_b .paging{
	width:260px;
	left:675px;
	bottom:10px;
}
#scroll_b .paging li{
	margin:5px 5px 0px 0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【D】静止画
------------------------------------------------------------------------------*/
#scroll_d .imagecenter{
	margin:0px auto 15px auto;
}