@charset "UTF-8";

/* 熊谷市画面表示用スタイル100921 */

/* ----------＜＜基本スタイル＞＞---------- */
body {
	margin: 0;
	padding: 0;
}
body#base {
	text-align: center;
	color: #333;
	background-color: #EFF7FD;
}

/*  ▽背景画像▽  */
div#baseback {
	margin: 0 auto;
	width: 808px;
	text-align: left;
	border-left: 1px solid #D3DADF;
	background-color: #FFF;
	_height: 1%;
}

div#obi {
	width:800px;
	height:6px;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

div#basebg {
	margin:0;
	padding:0;
	width:800px;
	_height: 1%;
}
div#basebg2 {
	margin:0;
	padding:0;
	_height: 1%;
}


/* ヘッダー */
div#hdrwrap{
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	width:800px;
	height:67px;
}

h1#hdrtitle{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 139px;
}
h1#hdrtitle img{
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
}
div#hdrright{
	margin:0;
	padding:0 10px 0 0;
	font-size:0;
	line-height:0;
}

ul.hdrlist {
	margin:0;
	padding:0 0 0 0;
}
ul.hdrlist li {
	margin: 0 0 0 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background-color:transparent;
}

div#hdrsearch{
	clear:both;
	margin:0 10px 0 0;
	padding:0;
}

div#hdrsearch img{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}

/* ------------------------コンテンツ大枠------------------------ */
div#wrap {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	background-color:transparent;
}
div#w-left {
	margin: 0;
	padding: 0;
	width: 590px;


}
div#w-right {
	margin: 0;
	padding: 0;
	width: 210px;


}
div#i-left {
	margin: 0;
	padding: 8px 0 0 0;
	width: 196px;
	background-color: transparent;
}
div#i-right {
	margin: 0;
	padding: 10px 0 0 0;
	width: 384px;
	background-color: transparent;
}


/*  ▽グローバルナビ▽  */
div#gnavigation-t{
	clear: both;
	margin: 27px 0 0 0;
	padding: 0;
}

div#gnavigation-t ul{
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	width: 576px;
}

div#gnavigation-t ul li{
	margin: 0 0 0 0;
	padding: 0;
	width: 144px;
	list-style-type: none;
	list-style-image: none;
	font-size: 0;
	line-height: 0;
	background-color:transparent;
}

div#hdrsearch {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
}
div#hdrsearch form {
	margin: 0 0 0 12px;
	padding: 0;
}
div#hdrsearch div {
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1px;
	white-space: nowrap;
}
div#hdrsearch img.aboutweb {
	margin: 3px 0 0 0;
	vertical-align: top;
}
div#hdrsearch .smsg {
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
div#hdrsearch .tbox {
	margin: 0 4px 0 0;
	width: 145px;
}
div#hdrsearch .fedbt {
	margin: 0 0 0 0;
	padding: 1px;
	font-size: 10pt;
	font-weight: bold;
	color: #222222;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	cursor: hand;
}
div#hdrsearch a {
	margin: 0;
	padding: 0;
	font-size: 80%;
}



















/* ------------------------フッター------------------------ */


/* 奥付エリア */
div.f0wrap {
	clear: both;
	margin: 0 0 0 0;
	padding: 8px 0 8px 10px;
	border-top: 1px dotted #012E51;
}

div.f-left {
	margin: 0;
	padding: 0;
}
div.f-right {
	margin: 0;
	padding: 0 10px 0 0;
}


div.f0wrap h2 {
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
	font-size: 0;
	line-height: 0;
	background-color: transparent;
}
div.f0wrap p {
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 130%;
	background-color: transparent;

}
div.f0wrap p img {
	margin: 0 6px 0 10px;
	padding: 0;
	vertical-align: middle;
}
div.f0wrap address {
	margin: 0 0 0 15px;
	padding: 0;
	background-color: transparent;
	font-size: 80%;
	line-height: 140%;
}
div.f0wrap address img {
	margin: 0 6px 0 10px;
	padding: 0;
	vertical-align: middle;
}
div.f0wrap h3 {
	margin: 5px 0 5px 0;
	padding: 0;
	border: none;
	font-size: 0;
	line-height: 0;
	background-color: transparent;
}

/* コピーライト */
div#f0copy {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
	border-left: 1px solid #D3DADF;
	background-color:#0072A7;
	width:799px;
	height: 30px;
}
div#f0copy img {
	margin: 0px 10px 0 0;
	padding: 0;
	font-size:0;
	line-height:0;
}
div#f0copy .guidance img {
	margin: 0;
	padding: 0;
}

div#f0copy ul{
	list-style-image:none;
	line-height:1px;
	font-size:1px;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;
	background-color:none;
}

div#f0copy ul li {
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	background-color:transparent;
	_height: 1%;
}

div#f0copy ul li a{
	margin:0;
	padding:0;
	background-color:none;
}

div#f0copy ul li img{
	margin:0;
	padding:0;
	background-color:none;
}


/* ------------------------▼共通タグの再定義------------------------ */


img {
	border: none;
}
p {
	line-height: 1.4em;
	font-size: 80%;
	color: #333;
	background-color: #FFF;
}
ul {
	margin: 0.6em 5px 0.6em 0;
	padding: 0 0 0 14px;
	list-style-type: none;
	list-style-image: none;
}
ol {
	margin: 0.6em 5px 0.6em 26px;
	padding: 0 0 0 15px;
}
li {
	margin: 0.2em 0 0 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 80%;
	color: #333;
	background-color: #FFF;
}
ul li {
	padding: 0 0 0 18px;
	_height: 1%;
}

/* 通常のリンク色 */
a:link {
	color: #0066FF;
}
a:visited {
	color: #941D55;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}
address {
	font-style: normal;
	margin: 5px 5px 15px 20px;
}
hr {
	display: none;
}

/* ▼各コンテンツ共通クラス */
/* 隠し飛ばしリンク先＆隠し罫線用 */
.echooff {
	display: none;
}
.guidance {
	font-size: 0;
	line-height: 0;
	width: 1px;
	height: 1px;
}

/* 回り込みの解除 */
.newpara {
	clear: both;
}

/* 回り込みの解除 */
.newpara2 {
	clear: both;
	font-size: 0;
	line-height: 0;
	width: 1px;
	height: 1px;
}


body .clearfix { display /*\**/: block\9 }

/* コンテンツ中央寄せ */
.center {
	text-align: center;
}
/* コンテンツ右寄せ */
.align-right {
	text-align: right;
}

/* 表用セル右寄せ */
.right {
	text-align: right;
}

/* 表用セル左寄せ */
.left {
	text-align: left;
}
.va-center {
	vertical-align: middle;
}
.float-on {
	clear: none;
}


/*  ▽広告エリア▽  */
div.ad-title {
	clear: both;
	margin: 0 10px 10px 10px;
	padding: 0;
	border: 1px solid #7B7B7B;
	height: 1%;
}
div.ad-title div {
	margin: 0;
	padding: 0;
	background-color:#EEEEEE;
	_height: 1%;
}
div.ad-title h2 {
	margin: 0;
	padding: 8px 0 8px 10px;
	font-size: 0;
	line-height: 0;
	background-color:#EEEEEE;
}
div.ad-title p {
	display:block;
	margin: 0;
	padding: 10px 5px 10px 20px;
	background-color: transparent;
	line-height:1.4em;
	font-size:90%;
}
div.ad-title div.guidance {
	clear: both;
	height:10px;
}

ul.ad {
	margin: 0 30px 0 20px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
ul.ad li {
	margin: 10px 0 0 16px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: auto;
	height: 45px;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
}
ul.ad li.pagelinkbtin {
	padding: 0 0 0 6px;
}
ul.ad li.pagelinkbtout {
	padding: 0 0 0 5px;
}
ul.ad li img {
	display:block;
	margin: 0;
	padding: 0;
	border: 2px solid #CCCCCC;
}
ul.ad li img.img-guidance {
	border: none;
}




/*  ▽内部ページリンクスタイル▽  */
p.pagelinkin {
	clear: both;
	margin: 0 8px 0 30px;
	padding: 0.2em 0 0.2em 0;
	position: relative;
}
p.pagelinkin img {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -22px;
	top: 0.12em;
}

/*  ▽外部ページリンクスタイル▽  */
p.pagelinkout {
	clear: both;
	margin: 0 8px 0 30px;
	padding: 0.2em 0 0.2em 0;
	position: relative;
}
p.pagelinkout img {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -22px;
	top: 0.12em;
}
p.pagelinkbtin {
	margin: 3px 0 3px 8px;

}
p.pagelinkbtout {
	margin: 3px 0 3px 7px;
}

div.hr-line{
	clear:both;
	margin: 5px 10px 5px 10px;
	padding: 0;
	border-bottom: 1px dotted #999999;
}


/* ▽緊急情報▽ */
h2.kinkyu {
	margin: 0 0 8px 0;
	padding: 3px 0 0 10px;
	width: 558px;
	color: #FFFFFF;
	background-color:#990000;
	_height:1%;
}
div.kinkyubox {
	clear:both;
	margin: 10px 0 0 10px;
	padding: 0 0 8px 0;
	border: 1px solid #990000;
	border-top: none;
	width: 568px;
}


/* ▽いざというときは▽ */
h2.iza {
	margin: 0 0 0 10px;
	padding: 0;
	width: 176px;
}
div.izabox {
	margin: 0 0 10px 10px;
	padding: 8px 0 8px 0;
	border: 1px solid #990000;
	border-top: none;
	width: 174px;
}

/* ▽市長の部屋▽ */
p.shicho {
	margin: 2px 0 10px 10px;
	padding: 0
}

/* ▽市議会▽ */
p.shigikai {
	margin: 2px 0 10px 10px;
	padding: 0
}

/* ▽お聞かせください▽ */
h2.okikase {
	margin: 2px 0 0 5px;
	padding: 0;
}
div.okikasebox {
	margin: 0 0 10px 10px;
	padding: 6px 0 6px 0;
	width: 174px;
	border: 1px solid #CCCCCC;
	border-top: none;
	background-color: #F5F5F5;
}
div.okikasebox p {
	background-color: transparent;
}

/* ▽市政情報▽ */
h2.shisei {
	margin: 2px 0 0 5px;
	padding: 0;
}
div.shiseibox {
	margin: 0 0 10px 10px;
	padding: 6px 0 6px 0;
	width: 174px;
	border: 1px solid #CCCCCC;
	border-top: none;
	background-color: #F5F5F5;
}
div.shiseibox p {
	background-color: transparent;
}



/* ▽市役所庁舎案内▽ */
div.mapbox {
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	width: 174px;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
div.mapbox h2 {
	margin: 2px 0 3px 6px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.img-map {
	margin: 0 0 0 10px;
}
p.kumap {
	margin: 0 10px 8px 4px;
	padding: 8px 0 0 0;
	border-top: 1px dotted #999999;
	background-color: transparent;
}



/* ▽アクセスランキング▽ */
div.rankingbox {
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	width: 174px;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
div.rankingbox h2 {
	margin: 3px 0 6px 6px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/*  ▽内部ページリンクスタイル▽  */
ul.ranking-li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: transparent;
}
ul.ranking-li li {
	clear: both;
	margin: 0 8px 0 30px;
	padding: 0.2em 0 0.2em 6px;
	position: relative;
	background-color: transparent;
}
ul.ranking-li li img {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -22px;
	top: 0.34em;
}
ul.ranking-li li img.ranking1 {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -22px;
	top: 0.04em;
}
p.r-update {
	margin: 4px 2px 3px 0;
	padding: 0;
	color: #666666;
	background-color: transparent;
	text-align: right;
}

/* ▽熊谷市の統計情報▽ */
div.statisticsbox {
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	width: 174px;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
div.statisticsbox h2 {
	margin: 2px 0 8px 6px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
div.statisticsbox h3 {
	margin: 4px 0 0 12px;
	padding: 0;
	background-color: transparent;
	font-size: 78%;
	line-height: 120%;
	color: #315572;
}
div.statisticsbox p {
	margin: 2px 4px 0 22px;
	padding: 0;
	line-height: 110%;
	background-color: transparent;

}
div.statisticsbox p.s-update {
	margin: 4px 2px 3px 0;
	padding: 0;
	color: #666666;
	background-color: transparent;
	text-align: right;
}




/* ▽中枠のボックス基本指定▽ */
div.bgbox {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	_height:1%;
}
div.bgbox h2 {
	margin: 0;
	padding: 0 0 0 11px;
	_height:1%;
}


/* ▽注目情報▽ */
div.chumokubox {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	background-color: #E7E7E7;
}
ul.orangeline{
	margin: 8px 10px 0 10px;
	padding: 5px 0 0 7px;
	border: 2px solid #EEA862;
	background-color: #FFFFFF;
}
ul.orangeline li{
	margin: 0 0 0 0;
	padding: 0 6px 5px 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 0;
	line-height: 0;
	background-color:transparent;
}
ul.txt-list{
	margin: 8px 10px 0 10px;
	padding: 5px 0 0 7px;
	background-color: #FFFFFF;
}
ul.txt-list li{
	margin: 0 0 0 0;
	padding: 0 8px 5px 0;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
}
ul.txt-list li img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}


/* ▽募集情報▽ */
div.boshubox {
	margin: 0 0 10px 0;
	padding: 0;
	_height:1%;
}
ul.boshu-list{
	margin: 8px 10px 0 10px;
	padding: 3px 7px 0 7px;
	background-color: #FFFFFF;
}
ul.boshu-list li{
	margin: 0 0 0 0;
	padding: 5px 8px 5px 0;
	border-bottom: 1px dotted #999999;
	list-style-type: none;
	list-style-image: none;
	background-color:transparent;
}
div.ichiran-all {
	margin: 0 10px 0 10px;
	padding: 5px 5px 5px 7px;
	background-color: #FFFFFF;
	text-align: right;
}


/* ▽新着情報▽ */
div.newinfobox {
	margin: 0 0 10px 0;
	padding: 0;
	_height:1%;
}
div.newinfobox p {
	margin: 8px 10px 0 10px;
	padding: 5px 7px 5px 7px;
	background-color: #FFFFFF;
}
div.info {
	margin: 0;
	padding: 0 0 0 11px;
	_height:1%;
}
div.info h2 {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
div.newinfobox div.info p {
	margin: 0;
	padding: 5px 4px 0 0;
	font-size: 0;
	line-height: 0;
	background-color: transparent;
}
div.info p img {
	margin: 0;
	padding: 0 6px 0 4px;
	font-size: 0;
	line-height: 0;
}
ul.info-list {
	margin: 8px 10px 0 10px;
	padding: 5px 7px 0 7px;
	background-color: #FFFFFF;
}
ul.info-list li {
	clear: both;
	margin: 0;
	padding: 0.23em 0 0.23em 0;
	position: relative;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	background-color: transparent;
}
ul.info-list .date {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	width: 8.4em;
}
ul.info-list li span {
	display: block;
	margin: 0 0 0 0;
	_height: 1%;
}


/* ▽くらしの便利帳▽ */
div.kurashibox {
	margin: 0 0 10px 10px;
	padding: 0;
	_height:1%;
}
div.kurashibox h2 {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: 3px solid #EEA862;
}
div.kurashibox h2 img {
	margin: 0 0 2px 0;
	padding: 0;
}

div.kurashibox ul{
	margin: 0;
	padding: 4px 0 4px 6px;
	border-top: 5px solid #FFFFFF;
}
div.kurashibox li{
	margin: 0 0 0 0;
	padding: 0 5px 5px 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 0;
	line-height: 0;
	background-color:transparent;
}


/* ▽関連情報▽ */
div.kanrenbox {
	clear:both;
	margin: 0 0 10px 0;
	padding: 10px;
	_height:1%;
}
div.kanrenbox div.bgbox {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	background-color: #FFFFFF;
}
div.kanrenbox div.bgbox h2 {
	margin: 0 0 4px 0;
	padding: 6px 0 0 8px;

}

p.img-list{
	margin: 5px 0 5px 0px;
	padding: 0 0 0 10px;
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
	height:auto;
}


/* ▽熊谷のできごと▽ */
div.dekigotobox {
	margin: 0 0 10px 10px;
	padding:0 0 12px 0;
	width:200px;
	_height: 1%;
}
div.dekigotobox h2 {
	margin: 0 0 0 0;
	padding: 36px 0 6px 10px;
	_height: 1%;
}
div.board {
	margin: 0 0 0 0;
	padding: 4px 6px 6px 6px;
	_height: 1%;
}
p.dekigoto-img {
	margin: 0 0 0 9px;
	padding: 0;
	background-color: transparent;
}

/* ▽背景ライトブルーの枠▽ */
div.bgrightblue {
	margin: 0;
	padding: 0;
	width: 200px;
	_height:1%;
}
div.bgtop {
	margin: 0;
	padding: 0;
	_height: 1%;
}
div.bgbottom {
	margin: 0;
	padding: 10px 0 1px 0;
	_height: 1%;
}

/* ▽よくある質問FAQ▽ */
p.yokuaru{
	margin: 0 0 10px 10px;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background-color: transparent;
}

/* ▽便利情報▽ */
div.benribox {
	margin:  0 10px 10px;
	padding: 0 0 4px 0;
	background-color: #FFFFFF;
	width:180px;
}
div.benribox h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

/* ▽ご案内▽ */
div.goannaibox {
	margin: 0 0 10px 10px;
	padding: 0 0 4px 0;
	background-color: #FFFFFF;
	width:180px;
}
div.goannaibox h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

/* ▽携帯向けサイト▽ */
div.mobilebox {
	margin: 10px 0 10px 10px;
	padding: 0;
	width:198px;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
div.mobilebox div {
	margin: 0;
	padding: 0;
	width: 128px;
}
div.mobilebox p {
	margin-top: 24px;
	background-color: transparent;
}
div.mobilebox p.m-cord{
	margin: 0;
	padding: 10px 0 10px 0;
	width: 67px;
}
p.m-cord img {
	margin: 0;
	padding: 0 10px 0 0;
}

/* ▽カウンター▽ */
p.counter {
	margin: 0;
	padding: 0;
	width:200px;
	text-align: center;
}
p.counter img {
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}

/* ▽zoomサイト▽ */
.zoom {

	margin: 10px 0 10px 10px;
	padding: 0;
	text-align: center;
	width: 200px;
}
.zoom-text {
	margin: 0 0 0 0;
	font-size: 78%;

}