@charset "UTF-8";

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

/* ------------------------基本設定------------------------ */
div#basebg {
	margin: 0;
	padding: 0;
	background-image: url(/images/t_bg_img02.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	min-width:960px;
	_height: 1%;
}


/* ------------------------ヘッダー------------------------ */
h1#ht0left {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	height: 93px;
	border: none;
	font-size: 1%;
	line-height: 1%;
}
h1#ht0left img {
	margin: 40px 0 0 12px;
	padding: 0;
}

div.ht0head {
	float: right;
	margin: 0;
	padding: 0;
	width: 765px;
	height: 64px;
}
/* ヘッダーナビ */
ul.headlist {
	float: left;
	margin: 0;
	padding: 0;
	width: 292px;
}
ul.headlist li {
	float: left;
	margin: 0;
	padding: 0 4px 4px 0;
	font-size: 1%;
	line-height: 1%;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 0.4em;
}


/* add ps 201502 */

.zoombt {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	width: 142px;
	height: 56px;
	font-size: 1%;
	line-height: 1%;
	overflow: hidden;
}

.sitemapbt {
	display: block;
	float: left;
	width: 142px;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 1%;
	line-height: 1%;
	overflow: hidden;
}

/* ------------------------ヘッダー------------------------ */
div.ht0wrap {
	margin: 0;
	padding: 0;
}
div.ht0right {
	float: right;
	margin: 0;
	padding: 11px 0 0 0;
	white-space: nowrap;
	width: 774px;
}

/* ------------------------グローバルナビ------------------------ */
div#gnb {
	clear: both;
	margin: 0;
	padding: 0;
	width: 774px;
}
div#gnb ul.gnavi {
	margin: 0;
	padding: 2px 0 0 4px;
}
div#gnb ul.gnavi li.parent {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
	background-image: none;
	height: 40px;
	z-index: 100;
	position: relative;
	line-height: 0;
}
div#gnb ul.gnavi li.parent a {
	display: block;
	margin: 0;
	padding: 0;
}
div#gnb ul.gnavi li.parent div.sub {
	margin: 0;
	padding: 5px 3px 5px 3px;
	position: absolute;
	top: 40px;
	left: 0;
	width: 368px;
	border: 5px solid #E8E4DF;
	background-color:#FFF;
	display: none;
}
div#gnb ul.gnavi li.parent div#sub2 div.sub {
	left: -100%;
}
div#gnb ul.gnavi li.parent div#sub3 div.sub {
	left: -203%;
}
div#gnb ul.gnavi div.sub ul {
	clear:both;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: transparent;
}
div#gnb ul.gnavi div.sub ul li {
	float:left;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	width: 49.6%;
	background-color: transparent;
	background-image: none;
	white-space: normal;
	zoom: 1;
}
div#gnb ul.gnavi li .sub ul li a {
	display: block;
	padding: 3px 5px 0px 20px;
	background-color: transparent;
	background-image: url(/images/c_icon_inlink_blue.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.8em;
}
div#gnb ul.gnavi li .sub ul li a:hover {
	background-color: #E8E4DF;
	background-image: url(/images/c_icon_inlink_blue.gif);
}


/* ------------------------コンテンツ大枠------------------------ */
/* 上部 */
div.wrap-t {
	clear: both;
	margin: 8px 0 0 0;
	padding: 0;
	text-align: left;
	height:273px;
}
div.t-left {
	float: left;
	margin: 0;
	padding: 8px;
	width: 184px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.6);
	text-align: center;
}
div.t-right {
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 766px;
	background-color: rgba(255, 255, 255, 0.6);
}

/* 下部 */
div.wrap-b {
	clear:both;
	margin: 0;
	padding: 0;
	text-align: left;
}
div.b-left {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 194px;
}
div.b-center {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 520px;
}
div.b-right {
	float: left;
	margin: 10px 0 0 0;
	padding: 0px 0 10px 0;
	width: 246px;
	background-color: #E8E4DF;
}

/* ------------------------フッター------------------------ */
div.add h2 {
	width: 130px;
	font-size: 1%;
	line-height: 1%;
}


/* ------------------------テンプレート用共通------------------------ */
/* 内部ページリンクスタイル */
p.pagelinkin {
	margin: 0.06em 10px 0.1em 9px;
}

/* 外部ページリンクスタイル */
p.pagelinkout {
	margin: 0.06em 10px 0.1em 8px;
	background-position: 0 0.44em;
}

/* 画像リンク　1個 */
p.imglink {
	margin: 10px 0 10px 11px;
	padding: 0;
}

/* 画像リンク　3個横並び */
div.img-area {
	margin: 0 0 10px 0;
}
div.img-area p.imglink-side3 {
	margin: 0 0 0.1em 0;
}
div.img-area p.imglink-side3 img {
	margin: 0 2px 0 0;
}
div.img-area p.imglink-side3 span {
	margin: 0 2px 0 ;
}


/* ------------------------上部左エリア------------------------ */
div.t-left img {
	/*margin: 0 0 0 10px;*/
	padding: 0;
}


/* ------------------------上部右エリア------------------------ */
div#mainimg {
	margin: 0 0 0 9px;
	padding: 0;
	width: 748px;
	background-color: #FFFFFF;
	position:relative;
}

/* メイン画像切り替え用画像 */
div.featured {
	margin: 0;
	padding: 0;
}
div.ui-tabs-panel {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
div.ui-tabs-panel img {
	margin: 0;
	padding: 0;
}
div.ui-tabs-hide {
	display: none;
}

/* メイン画像切り替え用リスト
div.featured ul.ui-tabs-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	width: 156px;
	position: absolute;
	top: 237px;
	left: 592px;
	background-image: url(/images/t_bg_brand.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.featured ul.ui-tabs-nav li{
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	float: left;
	background-color: transparent;
	background-image: none;
}
div.featured ul.ui-tabs-nav li img{
	margin: 0 5px 0 0;
	padding: 0;
}
div.featured li.ui-tabs-nav-item a{
	display: block;
}
div.featured li.ui-tabs-nav-item a:hover{
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured li.ui-tabs-selected{
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}*/


/* ==================================================
画像スライダー
================================================== */
/* メイン画像切り替え用画像 */
.topimg {
    width: 748px;
}
.bxslider li {
    padding: 0;
}
/* コントローラ */
.bx-controls {
    position: absolute;
	right: 5px;
	bottom: 5px;
}
.bx-wrapper {
	font-size: 0;
}

.bx-wrapper .bx-pager {
    font-size: .85em;
    float: left;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 26px;
	height: 8px;
	margin: 0 2px;
	border: 1px solid #999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #005AA0;
	border: 1px solid #FFF;
}
.bx-controls-auto {
    float: left;
}
/* スタートストップ */
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 15px;
    height: 10px;
    background: url(/images/top_slide_stop.png) no-repeat;
    margin: 0 0 0 8px;
	padding: 0;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 15px;
    height: 10px;
    background: url(/images/top_slide_play.png) no-repeat;
    margin: 0 0 0 8px;
	padding: 0;
}




/* ------------------------下部左エリア------------------------ */
/* もしものときには */
div.moshimo {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 184px;
	border-bottom: 1px solid #DB4910;
	background-image: url(/images/t_bgline_orange.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.moshimo h2 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: none;
}
div.moshimo p.pagelinkin {
	background-image: url(/images/c_icon_inlink_orange.gif);
}

div.moshimo p.pagelinkout {
	background-image: url(/images/c_icon_outlink_orange.gif);
}

/* 左バナー */
div.l-banner {
	margin: 0 0 10px 0;
	padding: 0;
	width: 184px;
}
div.l-banner p.imglink {
	margin: 0;
	padding: 3px 0 3px 0;
	width: 184px;
}
div.l-banner p.pagelinkin {
	margin: 0.56em 5px 0.1em 2px;
}
div.l-banner p.pagelinkout {
	margin: 0.56em 5px 0.1em 1px;
}

/* 市長議会 */
div.shicho {
	margin: 0 0 10px 0;
	padding: 0;
	width: 184px;
}
div.shicho p.imglink {
	margin: 0;
	padding: 3px 0 3px 0;
	width: 184px;
}
div.shicho p.pagelinkin {
	margin: 0.56em 5px 0.1em 2px;
}
div.shicho p.pagelinkout {
	margin: 0.56em 5px 0.1em 1px;
}

/* 左枠付き */
div.left-box {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 184px;
	border-bottom: 1px solid #D6DBE3;
	background-image: url(/images/t_bgline_white_left.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.left-box h2 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: none;
}
div.left-box p.pagelinkin {
	background-image: url(/images/c_icon_inlink_green.gif);
}

div.left-box p.pagelinkout {
	background-image: url(/images/c_icon_outlink_green.gif);
}

/* 携帯サイト */
div.mobilebox {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 184px;
}
div.mobilebox h2 {
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	background-color: #FAFAFA;
	background-image: none;
}


/* ------------------------下部中央エリア------------------------ */
div#kinkyu, div#saigai {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	border: none;
	background-image: none;
	background-color: transparent;
	box-sizing:border-box;
}
div#kinkyu h2 {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-image: url(/images/c_bg_kinkyu.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
div#kinkyu h3 {
	margin: 1em 10px 0.56em 10px;
	padding: 6px 0 4px 6px;
	font-weight: bold;
	font-size: 98%;
	line-height: 1.4em;
	color: #333;
	border-left: 5px solid #A01A00;
	background-color: #ECECEC;
	background-image: none;
}
div#kinkyu h4 {
	margin: 0.8em 0 0.56em 10px;
	padding: 0 0 0 6px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.3em;
	color: #333;
	border-left: 3px solid #A01A00;
	background-color: transparent;
}
div.kinkyu-txt {
	margin: 0;
	padding: 0 0 7px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div.kinkyu-txt p {
	margin: 0.56em 6px 0.1em 10px;
}
div.kinkyu-txt p.pagelinkin {
	margin: 0;
	padding: 3px 6px 3px 22px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_inlink_orange.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.68em;
	_height: 1%;
}
div.kinkyu-txt p.pagelinkout {
	margin: 0;
	padding: 3px 6px 3px 21px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_outlink_orange.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.32em;
	_height: 1%;
}
div.kinkyu-txt p.pagelinkbt {
	margin: 0 0 0 10px;
	padding: 3px 0 3px 0;
	font-size: 1%;
	line-height: 1%;
}
div.kinkyu-txt ul {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 8px;
}
div.kinkyu-txt ul li {
	padding: 0 0 0 15px;
	background-image: url(/images/c_icon_inlink_red.gif);
}
div#saigai h2 {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-image: url(/images/c_bg_saigai.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
div#saigai h3 {
	margin: 1em 10px 0.56em 10px;
	padding: 6px 0 4px 6px;
	font-weight: bold;
	font-size: 98%;
	line-height: 1.4em;
	color: #333;
	border-left: 5px solid #111;
	background-color: #ECECEC;
	background-image: none;
}
div#saigai h4 {
	margin: 0.8em 0 0.56em 10px;
	padding: 0 0 0 6px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.3em;
	color: #333;
	border-left: 3px solid #111;
	background-color: transparent;
}
div#saigai div.kinkyu-txt p.pagelinkin {
	margin: 0;
	padding: 3px 6px 3px 22px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_inlink_saigai.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.68em;
	_height: 1%;
}
div#saigai div.kinkyu-txt p.pagelinkout {
	margin: 0;
	padding: 3px 6px 3px 21px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_outlink_saigai.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.32em;
	_height: 1%;
}
div#saigai div.kinkyu-txt ul li {
	padding: 0 0 0 15px;
	background-image: url(/images/c_icon_inlink_saigai.gif);
}



/* 注目情報 */
div.chumoku-box {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 510px;
	border-bottom: 1px solid #D6DBE3;
	background-image: url(/images/t_bgline_white_center.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.chumoku-box h2 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
}
div.chumoku-box p.pagelinkin {
	margin: 0.06em 10px 0.1em 8px;
	padding: 0 0 2px 20px;
	background-position: 0 0.2em;
	background-image: url(/images/c_icon_square_green.gif);
}
div.chumoku-box p.pagelinkout {
	background-image: url(/images/c_icon_outlink_green.gif);
}
div.chumoku-box ul li {
	background-image: url(/images/t_icon_li_green.gif);
}

div.chumoku-box .img-area{
	margin-left:10px;
	margin-right:10px;
}

/* 早引きインデックス */
div.hayabikibox {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	width: 510px;
	background-color: #F2EDDD;
}
div.hayabikibox h2 {
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	background-color: #fafafa;
	background-image: none;
}
div.hayabikibox h3 {
	margin: 8px 0 0 5px;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	background-image: none;
}
div.hayabikibox ul {
	margin: 0;
	padding: 0;
}
div.hayabikibox ul li {
	float: left;
	margin: 0;
	padding: 6px 0 0 10px;
	line-height: 1%;
	font-size: 1%;
	background-image: none !important;
}

/* 新着情報 */
div.infoarea {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	width: 510px;
}
div#news-1, div#news-2, div#news-3 {
	margin: 0;
	padding: 0;
	clear: both;
}
ul.info-select {
	clear: both;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
ul.info-select li {
	float: left;
	margin: 0;
	padding: 0;
	width: 149px;
	font-size: 0;
	line-height: 0;
	overflow:hidden;
	background-image: none;
}
ul.info-select li.rss {
	margin: 0;
	padding: 6px 0 0 6px;
	width: 47px;
}
div.info-box {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	background-color: #FFF;
	border: 1px solid #D6DBE3;
	border-top: 3px solid #00489B;
}
div.info-box p {
	margin: 0.3em 10px 0.3em 10px;
	padding: 0.2em 0 0.4em 0;
	background-color: transparent;
	border-bottom: 1px dotted #999999;
}
div.info-box div.ichiran-all {
	margin: 0;
}
div.ichiran-all div {
	padding: 2px 10px 0 20px;
}

/* 特設ページ */
div.tokusetsu-box {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 514px;
}
div.tokusetsu-box h2 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	background-image: none;
}



/* ------------------------下部右エリア------------------------ */
div.b-right p.imglink {
	margin: 10px 0 10px 20px;
	padding: 0;
}
div.b-right div.r-banner p.imglink {
	margin: 10px 0 10px 10px;
	padding: 0;
}

/* 各区のページ */
div.wardbox {
	clear: both;
	margin: 0 0 1px 0;
	padding: 0;
	background-image: url(/images/t_bg_rightbox.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.wardbox div.bgbox {
	clear: both;
	margin: 0;
	padding: 0 0 6px 0;
	background-image: url(/images/t_bg_rightbox_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	_height: 1%;
}
div.wardbox h2 {
	margin: 0;
	padding: 0;
	width: 246px;
	line-height: 1%;
	font-size: 1%;
	border: none;
	background-image: none;
}
div.map-img {
	margin: 0 20px 10px 20px;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
}
div.wardbox p.imglink {
	margin: 10px 20px 10px 20px;
	padding: 0;
	text-align: center;
}

/* 下部右エリア枠　共通 */
div.bgbox {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	width: 246px;
	border: none;
	background-image: url(/images/t_bg_rightbox_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	_height: 1%;
}
div.bgbox h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-image: none;
}
div.bgbox p.pagelinkin {
	margin: 0.06em 20px 0.1em 19px;
	background-image: url(/images/c_icon_inlink_orange.gif);
}
div.bgbox p.pagelinkout {
	margin: 0.06em 20px 0.1em 18px;
	background-image: url(/images/c_icon_outlink_orange.gif);
}

/* ミニカレ */
div#evcal {
	clear: both;
	margin: 1px 0 0 0;
	padding: 0;
	width: 246px;
	background-image: url(/images/t_bg_rightbox.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.bghead {
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url(/images/t_bg_rightbox_event.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}
div#top_event_calendar {
	margin: 10px 0 10px 20px;
}
div#evcal p.pagelinkin {
	margin: 0.06em 20px 0.1em 19px;
	background-image: url(/images/c_icon_inlink_blue.gif);
}
div#evcal p.pagelinkout {
	margin: 0.06em 20px 0.1em 18px;
	background-image: url(/images/c_icon_outlink_blue.gif);
}

/* 便利、コミュニケーション */
div#benri,
div#communi {
	clear: both;
	margin: 0;
	padding: 0;
	width: 246px;
	border: none;
	background-image: url(/images/t_bg_rightbox.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}

/* 右（枠なし）バナーエリア */
div.r-banner {
	margin: 0 0 10px 0;
	padding: 0;
}
div.r-banner p.pagelinkin {
	margin: 0.06em 12px 0.1em 12px;
}
div.r-banner p.pagelinkout {
	margin: 0.06em 12px 0.1em 11px;
}

/* ----------------フッター 法人番号の追加 @20170615------------------- */
div.add p {
    margin: 0 0 0 130px;
    padding: 0px;
    font-size: 90%;
    font-style: normal;
}