@charset "UTF-8";
html, body {height:100%;}
body  {
	font: 100%;
	background: #EBFFEA;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	line-height:140%;
}
#container { 
/*	width: 800px;*/
	width: 970px;
	height:100%;
	min-height:100%;
	background:url(../indeximg/navi/sidebg01.gif) repeat-y;
    background-color:#FFFFFF;
	margin: 0 auto;
border-top-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-left-width:1px;
border-style:solid;
border-color:#666666;
	text-align: left;
}

#container:after {
 content: "";
 display: block;
 clear: both;
 height: 1px;
 overflow: hidden;
}
/*\*/
* html #container {
 height: 1em;
 overflow: visible;
}
/**/

body > #container {
  height:auto;
}

a{color:#0033FF;}
a:hover, a:active{color:#FF0000;}
img{ border:0px;}

#sidebar1 {
	float: left; 
	width: 140px;
	height:100%;
	background: #99CC00;
	padding:0;
}
#sidebar1 h3{
	margin: 10px;
}


#mainContent {
	float: right; 
	width: 660px;
	margin: 0px;
} 

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ここまでは変更しないでください */

/* サイドナビ */
/* トップページボタン */
#snavi00 a{
display:block;
width:140px;
height:40px;
background:url(../indeximg/navi/navi00a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin:12px 0px 5px 0px;
}
#snavi00 a:hover{ 
background:url(../indeximg/navi/navi00b.jpg) no-repeat;
}
/* 議会の概要ボタン */
#snavi01 a{
display:block;
width:140px;
height:40px;
background:url(../indeximg/navi/navi01a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin:0px 0px 5px 0px;
}
#snavi01 a:hover{ 
background:url(../indeximg/navi/navi01b.jpg) no-repeat;
}
/* 請願・傍聴ボタン */
#snavi02 a{
display:block;
width:140px;
height:40px;
background:url(../indeximg/navi/navi02a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin:0px 0px 5px 0px;
}
#snavi02 a:hover{ 
background:url(../indeximg/navi/navi02b.jpg) no-repeat;
}
/* 議員名簿ボタン */
#snavi03 a{
display:block;
width:140px;
height:40px;
background:url(../indeximg/navi/navi03a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin:0px 0px 5px 0px;
}
#snavi03 a:hover{ 
background:url(../indeximg/navi/navi03b.jpg) no-repeat;
}
/* 議会の案内ボタン */
#snavi04 a{
display:block;
width:140px;
height:40px;
background:url(../indeximg/navi/navi04a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin:0px 0px 5px 0px;
}
#snavi04 a:hover{ 
background:url(../indeximg/navi/navi04b.jpg) no-repeat;
}
/* 広報かわぐちボタン */
#snavi05 a{
display:block;
width:140px;
height:40px;
background:url(../indeximg/navi/navi05a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin:0px 0px 18px 0px;
}
#snavi05 a:hover{ 
background:url(../indeximg/navi/navi05b.jpg) no-repeat;
}
/* インターネット中継ボタン */
#snavi06 a{
display:block;
width:140px;
height:105px;
background:url(../indeximg/navi/navi06a.gif) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin-bottom:10px;
}
#snavi06 a:hover{ 
background:url(../indeximg/navi/navi06b.gif) no-repeat;
}
/* 会議録検索システムボタン */
#snavi07 a{
display:block;
width:140px;
height:105px;
background:url(../indeximg/navi/navi07a.gif) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin-bottom:20px;
}
#snavi07 a:hover{ 
background:url(../indeximg/navi/navi07b.gif) no-repeat;
}
/* 川口市ボタン */
#snavi08 a{
display:block;
width:140px;
height:58px;
background:url(../indeximg/navi/navi08a.gif) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
margin-bottom:20px;
}
#snavi08 a:hover{ 
background:url(../indeximg/navi/navi08b.gif) no-repeat;
}

/* メイン画像下グラデ */
#grade{
	width:660px;
	height:18px;
clear:both;
margin:0px;
padding:0px;
overflow:hidden;
}
#grade:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #grade {
 height: 1em;
 overflow: visible;
}
/**/

#grade2{
	width:660px;
	height:15px;
clear:both;
margin:0px;
padding:0px;
overflow:hidden;
}
#grade2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #grade2 {
 height: 1em;
 overflow: visible;
}
/**/

/* 新着情報とトピックス */
#shinchaku-b10{
clear:both;
margin:0px 10px 10px 10px;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
padding:0px 0px 2px 0px;
}
#shinchaku-b20{
clear:both;
margin:0px 10px 20px 10px;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
padding:0px 0px 5px 0px;
}

/* 目次 */
#mokuji-left01{
	width:290px;
	height:90px;
	background-color:#DFEDFF;
	background:url(../indeximg/bg01.gif) no-repeat;
	padding:10px;
	font-size:14px;
	float:left;
	margin:0px;
}
#mokuji-right01{
	width:290px;
	height:90px;
	background-color:#DFEDFF;
	background:url(../indeximg/bg01.gif) no-repeat;
	padding:10px;
	font-size:14px;
	float:right;
	margin:0px;
}
#mokuji-left02{
	width:290px;
	height:19px;
	background-color:#DFEDFF;
	background:url(../indeximg/bg02.gif) no-repeat;
	padding:10px;
	font-size:14px;
	float:left;
	margin:0px;
}
#mokuji-right02{
	width:290px;
	height:19px;
	background-color:#DFEDFF;
	background:url(../indeximg/bg02.gif) no-repeat;
	padding:10px;
	font-size:14px;
	float:right;
	margin:0px;
}
#mokuji-left03{
	width:290px;
	height:150px;
	background-color:#DFEDFF;
	background:url(../indeximg/bg03.gif) no-repeat;
	padding:10px;
	font-size:14px;
	float:left;
	margin:0px;
}
#mokuji-right03{
	width:290px;
	height:150px;
	background-color:#DFEDFF;
	background:url(../indeximg/bg03.gif) no-repeat;
	padding:10px;
	font-size:14px;
	float:right;
	margin:0px;
}
#mokuji-b10{
	clear:both;
	margin:0px 10px 10px 10px;
	padding:0px;
	overflow:hidden;
}
#mokuji-b10:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #mokuji-b10 {
 height: 1em;
 overflow: visible;
}
/**/

#mokuji-b20{
	clear:both;
	margin:0px 10px 20px 10px;
	padding:0px;
	overflow:hidden;
}
#mokuji-b20:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #mokuji-b20 {
 height: 1em;
 overflow: visible;
}
/**/

td.dotline00{
	background:url(../indeximg/dotline00.gif) repeat-y;
}

/* footer */
#footer00{
width:660px;
}
#footer01{
	position: absolute;
	bottom: 0;
	width:660px;
}
#footer02{
border-top-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
clear:both;
margin:0px 10px 0px 10px;
padding:10px;
background-color:#FFFFFF;
font-size:90%;
color:#999999;
line-height:120%;
}
#footer03{
	border-top-width:1px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:dotted;
	border-color:#999999;
	clear:both;
	margin:0px 10px 0px 10px;
	padding:10px 10px 20px 10px;
	background-color:#E7E7E7;
	font-size:90%;
	line-height:120%;
}

/* h1 */
#m-b0top{
	height:17px;
	clear:both;
	margin:0px;
	padding:5px;
	font-size:10px;
	text-align:right;
	color:#FFFFFF;
	background:url(../contents/sidemenu/cont-bg002.gif) repeat;
}
#m-b0top h1{
	font-size:12px;
	margin:0px;
}

/* h2 */
h2{
	font-size:110%;
	margin:0px;
}
/* h3 */
h3{
	font-size:100%;
	margin:0px;
}
h3 a{color:#FFFFFF;text-decoration:none;}
h3 a:hover, a:active{color:#FFFF00;}

/* パンくず */
#pankuzu{
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-style:solid;
border-color:#000000;
	clear:both;
	margin:0px 0px 15px 0px;
	padding:0px 10px 10px 10px;
	font-size:80%;
	color:#666666;
}
#pankuzu a{
        color:#666666;
}
#pankuzu a:hover, a:active{
        color:#FF0000;
}

/* 本文用 */
#m-b0{
	clear:both;
	margin:0px 10px 0px 10px;
	padding:0px;
}
#m-b5{
	clear:both;
	margin:0px 10px 5px 10px;
	padding:0px;
}
#m-b10{
	clear:both;
	margin:0px 10px 10px 10px;
	padding:0px;
}
#m-b15{
	clear:both;
	margin:0px 10px 15px 10px;
	padding:0px;
}
#m-b20{
	clear:both;
	margin:0px 10px 20px 10px;
	padding:0px;
}
#m-b25{
	clear:both;
	margin:0px 10px 25px 10px;
	padding:0px;
}
#m-b30{
	clear:both;
	margin:0px 10px 30px 10px;
	padding:0px;
}

/* このページのTOP */
#konotop-b10{
border-top-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
	clear:both;
	margin:0px 10px 10px 10px;
	padding:5px 0px 5px 0px;
	text-align:right;
	font-size:12px;
}
#konotop-b20{
border-top-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
	clear:both;
	margin:0px 10px 20px 10px;
	padding:5px 0px 5px 0px;
	text-align:right;
	font-size:12px;
}
#konotop-b30{
border-top-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
	clear:both;
	margin:0px 10px 30px 10px;
	padding:5px 0px 5px 0px;
	text-align:right;
	font-size:12px;
}
#konotop-b50{
border-top-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-style:dotted;
border-color:#999999;
	clear:both;
	margin:0px 10px 50px 10px;
	padding:5px 0px 5px 0px;
	text-align:right;
	font-size:12px;
}