@charset "UTF-8";

/* 画面表示用スタイル */

/* ------------------------基本設定------------------------ */
#basebgall {
	background-image: url(/images/top_bg_all.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	_height: 1%;
}

/* ------------------------ヘッダー------------------------ */
div#h0title h1 {
  margin: 0;
}
div.headall {
/*	height: 253px;*/
}
.head3rd {
	float: right;
}
.head3rd p.headjoho {
	margin-top: 3px;
}
.head3rd p {
	float: left;
	/*margin: 0 6px 0 0;*/
}
/* ------------------------グローバルナビ------------------------ */
div.gnb {
	clear: both;
	margin: 10px 0 0 0;
}
/* ------------------------コンテンツ外枠------------------------ */
div#basewrap {
  width: 1000px;
  margin: 0 auto;
}

/* ------------------------コンテンツ大枠------------------------ */
div.t_wrap {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	width: 1000px;
	color: #131313;
	_height: 1%;
}
div.t_main_l {
	float: left;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 550px;
	background: url(/images/top_mainL_bg.gif);
}
div.t_main_r {
	float: right;
	margin: 0;
	padding: 0;
	width: 438px;
	border: 1px solid #A2ADDB;
}

/* 緊急情報 */
div#important {
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 10px 0;
	color: #1B1B1B;
	width: 1000px;
}
.important-title.line3 {
	float: left;
	width: 150px;
	margin: 0;
	color: #FFF;
	background-color: #990000;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	line-height: 1.5em;
}
.important-title.line3 h2 {
	font-weight: normal;
	padding: 20px 4px 2px 32px;
}
.important-right.line2 {
	margin: 0;
	padding: 10px;
	color: #333;
	background-color: #FFCECE;
	overflow: hidden;
}
.important-in_L {
	width: 600px;
	float: left;
	padding: 0 10px 0 0;
}
.important-in_R {
	width: 215px;
	float: left;
}
.important-in_R p {
	background-image: url(/images/t_icon_arrow_wht.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 0 0 0 12px;
}
.important-in_L ul li {
  background-image: url(/images/important_icon_li.gif);
  background-repeat: no-repeat;
  background-position: 5px 0.59em;
}
/* ------------------------メイン　コンテンツ------------------------ */
.t_wrap li {
	background: url(/images/c_icon_li_aqa.gif) no-repeat 7px 0.65em;
	margin: 0.56em 10px 0.1em 2px;
	padding: 0 0 0 20px;
}
/*画像ボタンリンク*/
ul.t_box03 img, 
ul.t_box04 li img, 
ul.t_box05 img, 
ul.t_box06 img, 
.t_koukoku li.pagelinkbt img {
	vertical-align: bottom;
	margin-bottom: 10px;
}
/*外部リンク用*/
.t_wrap a.externalLink,
.t_wrap a.newWindow {
	margin: 0 0 0 -6px;
}
/* ------------------------メイン左------------------------ */
/*box*/
div.t_mainL_box {
	width: 525px;
	background: url(/images/top_Lbox_b.gif) no-repeat bottom;
	padding-bottom: 20px;
	margin: 0 0 0 10px;
}  
div.t_mainL_box .mainL_box_in {
    background: url(/images/top_Lbox_t.gif) no-repeat;
    padding-top: 20px;
}  
div.t_mainL_box .mainL_box_mid {
    background: url(/images/top_Lbox_m.gif) repeat-y;
    padding: 0 20px;
}  
.t_main_l .h2bg {
	margin: 0;
	border: none;
}
.t_main_l h2 {
	border-left: 8px solid #EFBB1F;
	margin: 0 0 0 17px;
	padding: 6px 4px 6px 15px;
	font-weight: normal;
	font-size: 110%;
}
.t_mainL_box ul {
	margin-right: 5px;
	clear: both;
}
.t_mainL_box li {
	margin-right: 5px;
	padding-bottom: 0;
	clear: both;
}
/*ブランディング*/
.featured h2 {
  margin: 0;
  padding: 0;
  border: none;
}
.featured.ui-tabs-nav {
	padding-left: 6px;
}
.featured.ui-tabs-nav ul {
	padding: 0 0 0 7px;
}
.ui-tabs-panel {
	float: left;
}
div.ui-tabs-hide {
	display: none;
}
.ui-tabs-nav-bt {
	float: right;
}
ul.ui-tabs-nav {
	margin-top: 0;
}
.featured li.ui-tabs-nav-item {
	margin: 0px 0 11px 3px;
	padding: 0 8px 0 0;
	line-height: 0;
}
.featured li.ui-tabs-nav-item img {
	margin: 5px;
	padding: 0;
}
.featured li.ui-tabs-nav-item a {
	display: block;
	color: #333;
	background: #D2EFF8;
}
.featured li.ui-tabs-selected a, 
.featured li.ui-tabs-nav-item a:hover {
	background: #3F53A2;
	color: #333;
}
p#nav-stop {
	margin: 0.56em 5px 0.1em 11px;
}
/*トピックス*/
.t_box01 h2, .t_box02 h2 {
	float: left;
}
.boxin_btn_r {
	float: right;
}
.boxin_btn_r p {
	float: left;
	margin: 0 8px 0 0;
	background: none;
}
.boxin_btn_l {
	float: left;
}

/*イベント*/
.t_box02 .t_mainL_inner {
	min-height: 110px;
	background: url(/images/top_bg_box02.png) no-repeat 0px bottom;
	position: relative;
	bottom: -6px;
	left: -15px;
	clear: both;
}
.t_mainL_eve {
	margin: 0 0 0 150px;
}
.t_eve_txt {
	margin: 0;
	width: 185px;
	float: left;
}
.t_eve_img {
	width: 150px;
	float: left;
}
.t_eve_img p {
	margin: 5px 0px;
}
/*魅力*/
.t_mainL_btn p {
	margin: 0 5px 0 10px;
}
/*広報*/
.t_koho_txt {
	float: left;
	width: 300px;
}
.t_koho_bnr {
	float: right;
	margin: 10px 0 0 0;
}
.t_koho_bnr p {
	margin: 0 5px 10px 0;
}
/* ------------------------メイン右------------------------ */
.t_main_r h2 {
	margin: 10px;
	padding: 10px 4px 10px 35px;
	font-weight: normal;
	font-size: 110%;
	background: url(/images/top_h2_icon.gif) no-repeat 8px 0.45em;
	background-color: #D4F2F9;
	color: #131313;
}
/*よく利用*/
.t_mainR_inner {
	width: 420px;
	margin: 0 auto;
}
.t_box06 .t_mainR_inner li {
	float: left;
	width: 170px;
	clear: none;
}
/*出来事*/
ul.t_box03 li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
ul.t_box03 {
	width: 360px;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
/*施設*/
ul.t_box04 {
	width: 360px;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
ul.t_box04 li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
/*市政・市議会*/
ul.t_box05 {
	width: 360px;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
ul.t_box05 li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
/*意見*/
.t_iken_L {
	width: 245px;
	background: url(/images/top_iken_b.gif) no-repeat bottom;
	padding-bottom: 10px;
	margin: 0 0 0 55px;
}
.t_iken_Lin {
	background: url(/images/top_iken_t.gif) no-repeat;
	padding-top: 10px;
}
.t_iken_Lmid {
	background: url(/images/top_iken_m.gif) repeat-y;
	padding: 0 15px;
}
.t_iken_Lmid p, .t_iken_Lmid ul, .t_iken_Lmid li {
	margin: 0;
}
.t_iken_Lmid ul {
	padding: 0;
}
.t_iken_Lmid p {
	padding: 5px 0;
}
.t_iken_wp {
	background: url(/images/top_iken_img.gif) no-repeat right bottom;
	width: 385px;
}
/*事業者*/
ul.t_box06 {
	width: 360px;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
ul.t_box06 li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

/*box内ボタン*/
.mainR_box_ttl h2 {
	float: left;
	margin: 0;
	padding: 10px 4px 10px 35px;
	background: url(/images/top_h2_icon.gif) no-repeat 8px 0.45em;
}
.mainR_box_ttl {
	background-color: #D4F2F9;
	margin: 10px;
	color: #131313;
}
.mainR_box_ttl .boxin_btn_r {
	float: right;
	padding: 6px 0 0 0;
}
/*広告*/
.t_koukoku h2 {
  padding: 0;
  margin: 0;
}
.t_koukoku li {
	float: left;
	width: 130px;
	height: 50px;
	margin: 0 11px 10px 11px;
	padding: 0;
	background: none;
}
.t_koukoku ul {
	width: 920px;
	margin: 0 auto;
}
.t_koukoku {
	padding: 10px;
	margin: 10px 0 20px 0;
	background: #F2F2F2;
	color: #131313;
}
.t_koukoku p {
  width: 920px;
  margin: 0 auto;
  padding: 0 0 0 60px;
  background-image: url(/images/t_icon_arrow_bnr.gif);
  background-repeat: no-repeat;
  background-position: 45px 0.45em;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------災害トップ------------------------ */
/* 災害用ヘッダー */
div.baseall-s {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 964px;
	_position: relative; /* 互換モード用 */
}
div.baseall-s div#head1bg {
	margin: 35px 0 0 0;
	padding: 0;
	width: 964px;
	background-color: #983012;
	height: auto;
	color: #131313;
}
div.baseall-s div.h0wrap {
	height: auto;
}
div.baseall-s h1#h0left {
	margin: 0;
	padding: 10px 0 3px 10px;
	width: auto;
	height: auto;
	color: #FFFFFF;
	font-size: 280%;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}

/* ヘッダー2行目　ナビ */
div.baseall-s div.head2bg {
	clear: both;
	position: absolute;
	top: 1px;
	width: 964px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FBCECE;
	color: #131313;
	_left: 0; /* 互換モード用 */
}
div.baseall-s ul.head2list {
	float: left;
	margin: 0;
	padding: 6px 0 10px 1px;
}
div.baseall-s ul.head2list li {
	float: left;
	margin: 0;
	padding: 0 12px 0 12px;
	font-size: 85%;
	border-right: 1px solid #666666;
	color: #131313;
	background-color: transparent;
	background-image: none;
}
div.baseall-s ul.headlist li img {
	margin: 0;
	padding: 0;
}
/*リンク色*/
div.baseall-s div.tothispage div a:link,
div.baseall-s ul.footlist li a:link,
div.baseall-s ul.head2list li a:link {
	color: #195E9F;
	background-color: transparent;
	text-decoration: underline;
}
div.baseall-s div.tothispage div a:visited,
div.baseall-s ul.footlist li a:visited,
div.baseall-s ul.head2list li a:visited {
	color: #880088;
	background-color: transparent;
	text-decoration: underline;
}
div.baseall-s div.tothispage div a:hover, 
div.baseall-s ul.footlist li a:hover, 
div.baseall-s ul.head2list li a:hover {
	color: #cc0000;
	background-color: transparent;
	text-decoration: underline;
}
div.baseall-s div.tothispage div a:active, 
div.baseall-s ul.footlist li a:active, 
div.baseall-s ul.head2list li a:active {
	color: #cc0000;
	background-color: transparent;
	text-decoration: underline;
}

/* ヘッダー検索 */
div.baseall-s div.search {
	float: left;
	margin: 0;
	padding: 3px 0 0 10px;
	width: 300px;
	background: none;
}
form#SSF {
	margin: 0;
	padding: 0;
}
div.baseall-s form#SSF div.search-txt {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333333;
	background-image: none;
	width: 1px;
	background: none;

}
div.baseall-s form#SSF div.search-box {
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
	background-image: none;
	width: 315px;
	height: 33px;
}
div#search img {
	margin: 0;
	padding: 0;
}
div.baseall-s form#SSF input#query {
	margin: 0 6px 0 0;
	padding: 3px 3px 0 3px;
	border: 1px solid #7C7C7C;
	width: 220px;
	height: 20px;
	vertical-align: top;
}
div.baseall-s form#SSF input.fedbt {
	margin: 1px 2px 0 0;
	padding: 1px 0 0 0;
	width: 43px;
	height: 23px;
	line-height: 110%;
	color: #222222;
	font-weight: bold;
	border: 1px solid #7C7C7C;
	background-color: #F0F0F0;
	cursor: pointer;
	vertical-align: top;
	background-image: url(/images/s_bg_submit.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* 災害用大枠 */
div.baseall-s div.wrap {
	margin: 0;
	padding: 0;
	width: 964px;
}

/* 災害用コンテンツ左 */
div.baseall-s div.main-l {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 704px;
}

/* 災害用コンテンツ右 */
div.baseall-s div.main-r {
	float: right;
	margin: 0;
	padding: 0;
	width: 246px;
}

/* 災害用共通 */
div.baseall-s div.h2bg {
	margin: 0 0 10px 0;
	padding: 0; 
	border-bottom: 1px solid #FFFFFF;
}
div.baseall-s div.h2bg div {
	background-color: #BC3C16;
	background-image: none;
	color: #FFFFFF;
}
div.baseall-s div.h2bg h2 {
	padding: 5px 0 3px 8px;
	color: #FFFFFF;
	font-size: 140%;
	background-color: transparent;
}
div.baseall-s div.h3bg {
	margin: 1em 10px 0.7em 10px;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #131313;
}
div.baseall-s div.h3bg div {
	padding: 0;
	border: none;
	border-left: 5px solid #BC3C16;
	background-image: none;
}
div.baseall-s div.h3bg h3 {
	border: none;
	padding: 2px 0 0 8px;
	font-size: 120%;
}
div.baseall-s div.h4bg {
	border: none;
	margin: 0.9em 0 0.56em 10px;
	padding: 0;
	font-size: 120%;
}
div.baseall-s div.h4bg div {
	border-left: 5px solid #BC3C16;
}
div.baseall-s h4 {
	margin: 0;
	padding: 1px 0 1px 8px;
	color: #222222;
	background-color: transparent;
}
div.baseall-s ul li {
	background-image: url(/images/s_icon_li.gif);
}
div.baseall-s p.pagelinkout {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 15px;
	background-image: url(/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;
	line-height: 1.3em;
	_height: 1%;
}
div.baseall-s p.pagelinkin {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 16px;
	background-image: url(/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.4em;
	line-height: 1.3em;
	_height: 1%;
}
div.baseall-s table.table01 {
	border: 1px solid #999999;
}
div.baseall-s th {
	border: 1px solid #999999;
}
div.baseall-s td {
	border: 1px solid #999999;
}


/* 災害用緊急情報エリア */
div.baseall-s div.s-kinkyu-box {
	margin: 20px 0 10px 0;
	padding: 0;
	border: 3px solid #BC3C16;
	background-image: none;
}
div.baseall-s div.s-kinkyu-box div.h2bg {
	margin: 0;
}
div.baseall-s div.s-kinkyu-box div.h2bg div {
	border: none;
	background-color: #BC3C16;
	color: #FFFFFF;
}
div.baseall-s div.s-kinkyu-box div.h2bg h2 {
	padding: 3px 0 1px 8px;
	color: #FFFFFF;
	font-size: 190%;
	font-weight: normal;
	background-color: transparent;
}
div.baseall-s div.s-kinkyu-box div.h4bg {
	margin-right: 10px;
}

/* 災害用右エリア */
/* 共通枠 */
div.baseall-s div.bgbox {
	clear: both;
	margin: 1.2em 0 10px 0;
	padding: 0;
	border: 3px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #131313;
}

/* ボックス内floatのclear */
.bgbox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */

div.baseall-s div.bgbox h2 {
	margin: 5px;
	padding: 4px 0 0 4px;
	font-size: 100%;
	background-color: #D8D8D8;
	color: #131313;
}
div.baseall-s div.s-anzen h2 {
	border-left: 7px solid #1A3D77;
}
div.baseall-s div.s-main-menu h2 {
	border-left: 7px solid #1A3D77;
}

div.baseall-s div.bgbox ul {
	padding-left: 10px;
}

div.baseall-s div.bgbox ul li {
	margin: 3px 0 3px 0;
	background-image: url(/images/c_icon_li.gif);
}


/* 災害用フッター */
div.baseall-s div.foot1bg {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
}
div.baseall-s div.tothispage {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 964px;
}
/* このページの上へ戻る */
div.baseall-s div.tothispage div {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 88%;
	border-bottom: none;
	background-color: #FBCECE;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 0.8em;
	color: #131313;
	_height: 1%;
}
div.baseall-s div.tothispage div a {
	margin: 0;
	padding: 7px 10px 7px 10px;
	display: block;
}

/* フッター　2 */
div.baseall-s div.foot2bg {
	margin: 0;
	padding: 0;
	background-color: #FBCECE;
	color: #131313;
}

/* ガイダンスリンク */
div.baseall-s ul.footlist {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 8px 0 8px 4px;
}
div.baseall-s ul.footlist li {
	float: left;
	margin: 0;
	padding: 0 10px;
	font-size: 90%;
	line-height: 120%;
	color: #131313;
	white-space: nowrap;
	border-right: 1px solid #7D6767;
	background-color: #FBCECE;
	_height: 1%;
}

div.baseall-s ul.footlist li a {
	text-decoration: underline;
	background:none;
}


/* フッター　3 */
div.baseall-s div.foot3bg {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #983012;
	background-image: none;
	color: #131313;
}

/* アドレス */
div.baseall-s div.f0add {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 8px 5px 8px 18px;
	min-width: 48px;
}
div.baseall-s div.f0add h2 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 100%;
	background-color: transparent;
	padding: 3px 0 0 0;
}
div.baseall-s div.f0add h3 {
	color: #FFFFFF;
	background-color: transparent;
}
div.baseall-s address {
	color: #FFFFFF;
	background-color: transparent;
	float: left;
	margin: 0 0 5px 30px;
}

/* コピーライト */
div.baseall-s div#f0copy {
	margin: 0 0 0 18px;
	padding: 3px 0 3px 0;
	color: #FFFFFF;
	font-size: 80%;
	text-align: left;
	background-color: transparent;
}