@charset "Shift_JIS";

/*-----熊谷市 date:2008.05.07-----*/
/* ----------＜＜基本スタイル＞＞---------- */
body {
	margin: 0;
	padding: 0;
}
#base {
	margin: 0;
	padding: 0;
	color: #333;
	text-align: center;
	background-color: #EEF8FA;
}

/* センター揃 */
div#baseleft {
	width: 1006px;
	background-image: url(/images/ac_shadow_left.gif);
	background-repeat: repeat-y;
	background-position: 0% 0%;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	_height: 1%;
}
div#baseright {
	background-image: url(/images/ac_shadow_right.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	background-color: #FFF;
	margin-left: 3px;
	_height: 1%;
}


/* ----------＜＜メインコンテンツ中枠分＞＞---------- */
#wrap {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 1000px;
}
#main {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    width: 780px;
}
#subnavi {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 200px;
}


/* ----------＜＜共通タグ＞＞---------- */
img {
	border: none;
}
p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

/* リンクの指定 */
a:link {
	color: #0000FE;
}

a:hover {
	color: #0000FE;
}

a:visited {
	color: #660066;
}

a:active {
	color: #0033FF;
}

/*-----------------------------------------------------------------*/
/*フロートクリア(float（横並び）箇所の前後に必ず付加する。)*/
.vs_clear {
	clear: both;
	margin: 0;
	padding: 0;
}

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

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


/* ----------＜＜ヘッダ部分＞＞---------- */
#c0wrap1 {
	margin: 0;
	padding: 0;
	background-image: url(/images/ac_bk_head.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	width: 1000px;
}
#c0wrap2 {
	margin: 0;
	padding: 0;
	background-image: url(/images/ac_bk_title.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	width: 1000px;
	height: 86px;
}
#h0leff {
	float: left;
	margin: 0;
	padding: 0;

}
#h0leff img {
	margin: 7px 0 0 10px;
	padding: 0;
}
#h0right {
	float: right;
	margin: 0;
	padding: 0;
}
#h0right p {
	float: left;
	margin: 0;
	padding: 0;
}
ul.link {
	clear: both;
	margin: 0 6px 0 0;
	padding:  17px 0 0 0;
    font-size: 90%;
	list-style-type: none;
	width: 17em;
/* macIE以外 \*/
	width: auto;
/* macIE以外 */
}
.link li {
	margin: 0;
	padding: 0 0 2px 0;
}
.link img {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

/* ----------＜＜コンテンツ部分＞＞---------- */
/* ▽メイン画像▽ */
#topphoto {
    margin: 10px auto;
    padding: 0;
    text-align: center;
}

/* ▽メインメニュー▽ */
div.gnavi-box {
    margin: 10px auto;
    padding: 0 0 0 0;
    background: url(/images/at_gnb_bg.gif);
    width: 978px;
    height: 221px;
}
ul.gnavi {
    margin: 0 auto;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
    width: 925px;
}
ul.gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
    background-image: none;
}

/* ----------＜＜メイン部分＞＞---------- */
/* ▽注目情報▽ */
div.chumoku-bg {
	margin: 0 0 0 10px;
	padding: 0;
	background-image: url(/images/at_bgall_chumoku.gif);
	background-repeat: repeat-y;
	_height: 1%;
}
div.chumoku-box {
	margin: 0;
	padding: 0 0 20px 0;
    width: 770px;
	background-image: url(/images/at_bgb_chumoku.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	_height: 1%;
}
div.chumoku-box h2 {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
div.chumoku-box h3 {
	margin: 0 0 0 0;
	padding: 2px 0 1px 20px;
	font-size: 90%;
	font-weight: normal;
	line-height: 120%;
	background-image: url(/images/at_icon_link.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.1em;
	_height: 1%;
}
div.infotxt {
	margin: 8px 24px 5px 19px;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #CCC;
}
div.infoimgtxt {
	margin: 8px 24px 5px 19px;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #CCC;
}

/*  ▽画像エリア内▽  */
/* 画像エリア内floatのclear */
.infoimgtxt:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.infoimgtxt {display: inline-block;}
/* Hides from macIE \*/
* html .infoimgtxt {height: 1%;}
.infoimgtxt {display: block;}
/* End hide from macIE */

/*  ▽共通画像説明タイプ用スタイル（左回りこみ▽）  */
p.img-txt-left {
	float: left;
	margin-left: 0;
	padding-bottom: .25em;
	text-align: left;
	font-size: 90%;
	color: #333333;
	text-align: center;
	line-height: 1.1em;
}
* html p.img-txt-left {
	margin-left: 0 !important;
}
.img-txt-left img {
	margin: 5px 8px 8px 11px;
}
.img-txt-left span {
	display: block;
	margin: 0 8px 0 11px;
}

div.chumoku-box p{
	margin: 6px 16px 6px 18px;
	padding: 0;
	font-size: 90%;
	line-height: 150%;
	color: #333;
}
div.chumoku-box ul {
	margin: 8px 18px 8px 16px;
	padding: 0 5px 0 15px;
	list-style-type: none;
}
div.chumoku-box ul li {
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 150%;
	font-size: 90%;
	color: #333;
	background-image: url(/images/ac_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	_height: 1%;
}
div.chumoku-box ol {
	margin: 8px 5px 8px 33px;
	padding: 0 5px 0 15px;
	_margin-left:39px;
}
div.chumoku-box ol li {
	margin: 0;
	padding: 0 0 0 0;
	line-height: 150%;
	font-size: 90%;
	color: #333;
}

/* ▽お知らせ▽ */
h2.newinfo {
	margin: 10px 0 10px 10px;
	padding: 0 0 0 0;
}
ul.oshirase {
	margin: 10px 0 10px 20px;
	padding: 0 0 0 0;
	list-style-image: none;
	list-style-type: none;
	font-size: 90%;
	width: 472px;
}
ul.oshirase li {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 150%;
	background-image: none;
	position: relative;
	width: 560px;
}
ul.oshirase .date {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 8.4em;/*4.8em*/
}
ul.oshirase li span {
	display: block;
	margin: 0 0 0 8.7em;/*4.8em*/
	padding: 0;
	_height: 1%;
}
div#infoall {
	margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 90%;
}
div#infoall img {
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	vertical-align: middle;
}

div#newinfo_forp p{
	margin:0;
	padding:0 0 0 20px;
}

/* ▽サブメニュー部分▽ */
p.koremade {
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;
}
ul.subnavilink {
	margin: 7px 10px 10px 1px;
	padding: 6px 0 6px 0;
	list-style-image: none;
	list-style-type: none;
	background-color: #EDFADF;
}
ul.subnavilink li {
	margin: 0 10px 0 9px;
	padding: 5px 0 5px 0;
}
ul.subnavilink li.pagelinkbt {
	line-height: 1%;
	font-size: 1%;
}
ul.subnavilink li.pagelink {
	padding: 6px 0 3px 22px;
	font-size: 90%;
	line-height: 120%;
	border-bottom: 1px dotted #CCC;
	background-image: url(/images/at_icon_link2.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	_height: 1%;
}
ul.subnavilink li.pagelinkbt {
    background-image: none;
}
/* ▽zoomサイト▽ */
.zoom {
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 0;
	text-align: center;
}
.zoom-text {
	margin: 8px 0 0 0;
	font-size: 80%;
	text-align: left;
}

/*  ▽広告エリア▽  */
div.ad-title {
	clear: both;
	margin: 10px 16px 10px 14px;
	padding: 0;
	border: 1px solid #7B7B7B;
	_height: 1%;
}
div.ad-title div {
	margin: 0;
	padding: 0;
	background-color:#EEEEEE;
	_height: 1%;
}
div.ad-title div.guidance{
	clear: both;
	height:10px;
	background-color:#FFFFFF;
}
div.ad-title h2 {
	float: left;
	margin: 0;
	padding: 8px 0 8px 10px;
	font-size: 0;
	line-height: 0;
	background-image: none;
	background-color:#EEEEEE;
	border:none;
}
div.ad-title p {
	float: right;
	display:block;
	margin: 0;
	padding: 10px 5px 10px 20px;
	background-color: transparent;
	background-image: url(/images/c_arrow_blue_gray.gif);
	background-repeat:no-repeat;
	background-position:left;
	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 {
	float: left;
	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;
	background-image: none;
}
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;
}
/* ----------＜＜フッター部分＞＞---------- */
#f0wrap1 {
	margin: 10px 0 0 0;
	padding: 6px 0 6px 0;
	border-top: 1px dotted #012E51;
    width: 1000px;
}
#f0wrap1 p {
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
}
#f0wrap1 h2 {
	margin: 2px 0 0 0;
	padding: 0 4px 4px 8px;
	line-height: 100%;
	font-size: 80%;
}
address {
	margin: 0 0 0 12px;
	padding: 0 0 4px 8px;
	color: #666;
	line-height: 100%;
	font-size: 80%;
	font-style: normal;
}
#f0wrap1 h3 {
	clear: both;
	margin: 0 2px 0 2px;
	padding: 4px 0 0 6px;
	line-height: 130%;
	font-size: 80%;
	font-weight: normal;
	color: #666;
}
#f0wrap1 .add {
	margin: 6px 0 3px 14px;
	padding: 0 0 0 8px;
	font-size: 80%;
	line-height: 100%;
	color: #666;
}
#f0wrap2{
	clear: both;
	margin: 0;
	padding: 0;
	background-image: url(/images/ac_bk_foot.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
    width: 1000px;
	height:31px;
}
#f0copy {
	float: right;
	margin: 0;
	padding: 10px 10px 0 0;
	font-size:0;
	line-height:0;
	width: 297px;
}
#f0copy img{
	float: right;
	margin: 0;
	padding: 0;
	font-size:0;
	line-height:0;
}
#aboutweb {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 375px;
}
#aboutweb li {
	float: left;
	margin: 0;
	padding: 6px 5px 3px 10px;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0px;
	font-size: 80%;
	line-height:120%;
	_height: 1%;
}

/* 20150929 */
div#zoom img {
    text-align: center;
    display: block;
    margin: 0 auto;
}