@charset	"utf-8";

body	{
	background-image:url(../img/common/topbg2.gif);
	background-color:#ffffff;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size:medium;
}

#header	{
	width: 950px;
	height: 100px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	height:100px;
	width:950px;
	font-size:normal;
	text-indent:-9000px;
	background-image:url(../img/common/topbnr.gif);
	background-repeat: no-repeat;
}


/*	----------------------------------
	らくらくウェブ散策 (R)
----------------------------------	*/
#raku2	{
	position: absolute;
	z-index: 6;
	top: 300px;
	left: 745px;
	
	visibility: visible;
	display: block;
	width: 190px;
}
#raku2 a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 32px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 190px;
	background-image: url(../img/raku2.gif);
	background-repeat:no-repeat;
}

/*	----------------------------------
	サイトマップ＋他言語
----------------------------------	*/
#language	{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 720px;
	visibility: visible;
	display: block;
	width: 220px;
}
ul#lang0	{
	position: relative;
	width: 220px;
	margin: 0;
	height: 24px;
	list-style: none;
	overflow: hidden;
}
ul#lang0 li a	{
	height: 24px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
}
li#lang1 a	{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/common/lang01.gif) no-repeat;
	width: 73px;
}
li#lang2 a	{
	position: absolute;
	top: 0px;
	left: 73px;
	background: url(../img/common/lang02.gif) no-repeat;
	width: 61px;
}
li#lang3 a	{
	position: absolute;
	top: 0px;
	left: 134px;
	background: url(../img/common/lang03.gif) no-repeat;
	width: 41px;
}
li#lang4 a	{
	position: absolute;
	top: 0px;
	left: 175px;
	background: url(../img/common/lang04.gif) no-repeat;
	width: 45px;
}

h1 {
	height:100px;
	width:950px;
	font-size:normal;
	text-indent:-9000px;
	background-iamge:url(../img/common/topbnr.gif);
	background-repeat: no-repeat;
}

/*	----------------------------------
	フッター
----------------------------------	*/
#footer	{
	/*position: absolute;
	z-index: 1;
	left: 180px;*/
	display: block;
	font-size: small;
	display: block;
	width: 540px;
	margin: 0 0px 20px 0;
	padding-bottom:20px;
}

#footer a:hover	{
	text-decoration: none;
	color: #000000;
	background: #eeeeee;
}
#footer address	{
	border-top: 6px solid #dddddd;
	font-style: normal;
	margin-top: 2px;
	padding-top: 6px;
	font-size: small;
}
#footer .copyright {
	font-size: x-small;
	color: #666666;
	text-align: left;
}

#footer .note2 {
margin-top:10px;
}

#footer .note2 a{
	text-indent: 4px;
	border-left: 6px solid #ddd;
	padding-left:5px;
	padding-right:10px;
}

#footer .note2 a:hover	{
	color: #000;
	text-decoration: none;
	background: #eee;
	border-left: 6px solid #999;
}
/*	----------------------------------
	カテゴリナビゲーション
----------------------------------	*/
#navi	{
	position: absolute;
	z-index: 3;
	top: 90px;
	left: 34px;
	visibility: visible;
	display: block;
	width: 905px;
	color: #ffffff;
	font-size: small;
	border-bottom: 6px solid #dddddd;
}
#navi a	{
	/*text-decoration: none;*/
	padding-bottom: 6px;
}
#navi a:hover	{
	color: #000000;
	background: #dddddd;
}

#navi .office a	{
	padding-left: 4px;
	border-left: 6px solid #6699cc;
}
#navi .life a	{
	padding-left: 4px;
	border-left: 6px solid #99aa33;
}
#navi .profile a	{
	padding-left: 4px;
	border-left: 6px solid #cc9933;
}
#navi .admin a	{
	padding-left: 4px;
	border-left: 6px solid #996666;
}
#navi .public a	{
	padding-left: 4px;
	border-left: 6px solid #6666cc;
}

#navi_box{
float:left;
}

#navi #rss{
float:right;
width:150px;
text-align:right;
}

.icon_cursor{
background: url(../img/read.gif) no-repeat 0% 50%;
padding-left:10px;
}

/*	----------------------------------
	サイト内検索
----------------------------------	*/
#search	{
	position: absolute;
	z-index: 4;
	top: 32px;
	left: 735px;
	visibility: visible;
	display: block;
	width: 250px;
}
#search form	{
	font-size: small;
	margin-bottom: 0px;
	text-align: left;
}
#search .keyword	{
	width: 130px;
	border: 1px solid #6699cc;
}
#search .button	{
	background: #ddeeff;
}
#search .limit	{
	margin-top: 2px;
	padding: 0px;
	font-size: small;
}

/*	----------------------------------
	左メニュー
----------------------------------	*/
#leftnavi	{
	display: block;
	width: 172px;
	margin: 25px 0px 20px 0;
	padding-left: 8px;
}

#leftnavi h2{
font-size:medium;
font-weight:bold;
/*padding-left:20px;*/
padding-left:16px;
padding-top:8px;
}

#kabe{
background:url(../img/left_tit_1.gif) no-repeat;
width:172px;
}


#k_profile{
background:url(../img/left_tit_2.gif) no-repeat;
width:172px;
}

#h_kusei{
background:url(../img/left_tit_3.gif) no-repeat;
width:172px;
}

#kusei{
background:url(../img/left_tit_4.gif) no-repeat;
width:172px;
}

#link{
background:url(../img/left_tit_5.gif) no-repeat;
width:172px;
padding-bottom:15px;
}

#leftnavi ul{
margin:0;
padding:10px 0 15px 5px;
}

#leftnavi li{
list-style:none;
background: url(../img/li_p.gif) no-repeat 0% 50%;
margin:0;
padding:0 0 0 10px;
font-size:small;
}

#leftnavi .read_all	{
	margin-top: -18px;
	float: right;
	font-size: small;
	margin-right: 10px;
}

/*__+090811__*/
#kabe .read_all{margin-right: 3px;}

#leftnavi a	{
font-size:small;
}

#leftnavi a:hover	{
	text-decoration: none;
	color: #000000;
	background-color: #dddddd;
}

#photo_kabe{
margin-top:10px;
}

#photo_kabe p{
margin-top:5px;
margin-bottom:15px;
padding:0;
}

#k_photo{
width:51px;
float:left;
margin-top:10px;
margin-right:5px;
}

#k_profile ul{
float:left;
}

.f_clr{
clear:both;
}

#leftnavi #link a{
font-size:medium;
font-weight:bold;
}
/*	----------------------------------
	メインコンテンツ
----------------------------------	*/

#main	{
position: absolute;
	z-index: 1;
	top: 100px;
	left: 180px;
	display: block;
	width: 540px;
	margin: 25px 0px 20px 10px;
	border-right: 2px solid #cccccc;
	padding-left: 0px;
}
#main h2	{
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 10px;
	font-size: large;
	font-weight: bold;
	letter-spacing: 0.5em;
	color: #333333;
	margin-bottom: 5px;
	text-shadow: 3px 3px 3px #cccccc;
}
#main #office h2	{
	background-image: url(../img/h2bg01.gif);
}
#main #life h2	{
	background-image: url(../img/h2bg02.gif);
}
#main #profile h2	{
	background-image: url(../img/h2bg03.gif);
}
#main #admin h2	{
	background-image: url(../img/h2bg04.gif);
}
#main #public h2	{
	background-image: url(../img/h2bg05.gif);
}

#main p	{
	margin-top: 5px;
	padding-left: 30px;
	color: #ffffff;
	line-height: 150%;
}
#main p a	{
	padding-left: 10px;
	margin-right: 15px;
	background: url(../img/li_p.gif) no-repeat 0% 50%;
}
#main a:hover	{
	text-decoration: none;
	color: #000000;
	background-color: #dddddd;
}

#main #office	{
	margin-top: 10px;
	border-left: 10px solid #6699cc;
}
#main #life	{
	margin-top: 10px;
	border-left: 10px solid #99aa33;
}
#main #profile	{
	margin-top: 10px;
	border-left: 10px solid #cc9933;
}
#main #admin	{
	margin-top: 10px;
	border-left: 10px solid #996666;
}
#main #public	{
	margin-top: 10px;
	border-left: 10px solid #6666cc;
}
#main #life table	{
	margin: 0px;
	margin-left: 6px;
	width: 520px;
}
#main #life img	{
	margin-top: 7px;
}
#main #life td	{
	font-size: small;
	text-align: center;
	padding: 3px;
}
#main #life td a	{
	display: block;
	background: url(../img/lifebg00.jpg) no-repeat -3px -3px;
}
/*__↓ +090116__*/
#main #life td a{
	text-decoration:none;
}
#main #life td a img{
	text-decoration:none;
}
#main #life td a span{
	text-decoration:underline;
}
/*__↑ +090116__*/
#main #life td a:hover	{
	color: #669900;
	background: url(../img/lifebg01.jpg) no-repeat -3px -3px;
}

#main #coution_info	{/*__+090702__*/
	padding-top: 0px;
	padding-bottom: 2px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f2dcdc;
	background: url(../img/annabg3.gif);
}

#main #event	{
	padding-top: 0px;
	padding-bottom: 2px;
	margin-left: 10px;
	border-bottom: 1px solid #cccccc;
	background: url(../img/annabg.gif);
}
#main #topics	{
	padding-top: 0px;
	padding-bottom: 2px;
	margin-left: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #cccccc;
	background: url(../img/annabg.gif);
}
#main #coution_info h2,
#main #event h2, #main #topics h2	{
	padding: 2px 0px 2px 0px;
	text-indent: 32px;
	font-size: medium;
}
#main #event h2	{
	background: url(../img/e_h2.gif) no-repeat 0 0;
}
#main #topics h2	{
	background: url(../img/t_h2.gif) no-repeat 0 0;
}
#main #coution_info h2	{
	background: url(../img/c_h2.gif) no-repeat 0 0;
}

#main #coution_info ul,
#main #event ul, #main #topics ul	{
	margin: 6px 0px 6px 25px;
	font-size: small;
	padding-left: 10px;
}
#event li	{
	list-style: url(../img/li_e.gif);
}
#topics li	{
	list-style: url(../img/li_t.gif);
}
#coution_info li	{
	list-style: url(../img/li_c.gif);
}
#main .read_all	{
	margin-top: -25px;
	float: right;
	font-size: small;
	margin-right: 10px;
	padding-left: 10px;
	background: url(../img/read.gif) no-repeat 0% 50%;
}
/*	----------------------------------
	速報
----------------------------------	*/
#main #sokuho2 h3 {
	background: url(../img/common/ko-gra.gif) no-repeat;
	font-size: medium;
	font-weight: bold;
	padding: 5px;
	margin-left:10px;
	margin-bottom: 10px;
	letter-spacing: 0;
	text-indent:9px;
	border: 2px solid #ffcc00;
}
#main #sokuho2 h3 a:link,
#main #sokuho2 h3 a:visited{
	color: #FFFFFF;
}
/*	----------------------------------
	写真とキャプション
----------------------------------	*/
#photo	{
	position: absolute;
	z-index: 1;
	top: 125px;
	left: 740px;
	visibility: visible;
	display: block;
	margin-top: 0px;
	width: 200px;
}
#photo p	{
	font-size: x-small;
	color: #666666;
	margin-top: 2px;
	text-align: center;
}


/*	----------------------------------
	こうとう区報
----------------------------------	*/
#koutoukuhou	{
	position: absolute;
	z-index: 8;
	top: 342px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 180px;
}
#koutoukuhou a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 33px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 180px;
	background: url(../img/bnr-kuhou.gif) no-repeat;
}

/*	----------------------------------
	メールマガジン
----------------------------------	*/
#mailmagazine	{
	position: absolute;
	z-index: 8;
	top: 378px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 180px;
}
#mailmagazine a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 33px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 180px;
	background: url(../img/bnr-mailmagazine.gif) no-repeat;
}

/*	----------------------------------
	動画配信
----------------------------------	*/
#movie	{
	position: absolute;
	z-index: 8;
	top:414px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 180px;
}
#movie a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 33px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 180px;
	background: url(../img/bnr-movie.gif) no-repeat;
}

/*	----------------------------------
	観光情報
----------------------------------	*/
#kankou	{
	position: absolute;
	z-index: 8;
	top: 450px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 180px;
}
#kankou a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 33px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 180px;
	background: url(../img/bnr-kanko.gif) no-repeat;
}

/*	----------------------------------
	参加者募集・アンケート
----------------------------------	*/
#enquete	{
	position: absolute;
	z-index: 8;
	top: 486px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 180px;
}
#enquete a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 33px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 180px;
	background: url(../img/bnr-enq.gif) no-repeat;
}

/*	----------------------------------
	防災情報
----------------------------------	*/
#bosai	{
	position: absolute;
	z-index: 8;
	top: 486px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 180px;
}
#bosai a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 33px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	width: 180px;
	background: url(../img/bnr-bosai.gif) no-repeat;
}

/*	----------------------------------
	携帯モバイル
----------------------------------	*/
#mobile	{
	/*position: absolute;
	z-index: 7;*/
	/*top: 895px;*/
	/*top: 915px;left: 750px;
	visibility: visible;	+090728*/
	display: block;
	width: 180px;
	margin-bottom:20px;
}
#mobile a	{
	/*position: absolute;
	top: 0px;
	left: 0;*/
	display:block;
	height: 28px;
	overflow: hidden;
	text-indent: -9000px;
	/*text-decoration: none;*/
	/*width: 180px;*/
	background: url(../img/mobile.gif) no-repeat;
}
/*	----------------------------------
	サイドメニュー
----------------------------------	*/
#sidebar	{
	position: absolute;
	z-index: 5;
	top: 530px;
	left: 750px;
	visibility: visible;
	display: block;
	width: 200px;
}

#sidebar .update	{
	font-size: x-small;
	color: #999999;
	text-align: center;
	padding-right: 20px;
}


#sidebar #function1 ul,
#sidebar #function2 ul,
#sidebar #banner ul	{
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar #function1 li,
#sidebar #function2 li,
#sidebar #banner li	{
	margin-left: 0;
	padding: 0;
	width: 180px;
	display:block;	/*__+090728__*/
}

.fn_a1 a, .fn_a2 a, .fn_a3 a, .fn_a4 a, .fn_b1 a, .fn_b2 a, .fn_b3 a, .fn_b4 a, .fn_b5 a {
margin-bottom: 3px;
/*text-decoration: none;*/
/*text-indent: -1000px;*/
display: block;
height: 20px;
font-size:small;
line-height:20px;
padding:0px 0px 0px 34px;
/*overflow:hidden;*/
}

/*__施設案内__*/
.fn_a1{background: url(../img/fn2_a1.gif) no-repeat;}
/*__休日・急病診療医療機関__*/
.fn_a2{background: url(../img/fn2_a2.gif) no-repeat;}
/*__保養施設__*/
.fn_a3{background: url(../img/fn2_a3.gif) no-repeat;}
/*__講座情報__*/
.fn_a4{background: url(../img/fn2_a4.gif) no-repeat;}
#sidebar #function2	{margin-bottom: 10px;}
/*__各種相談__*/
.fn_b1{background: url(../img/fn2_b1.gif) no-repeat;}
/*__融資・助成・手当__*/
.fn_b2{background: url(../img/fn2_b2.gif) no-repeat;}
/*__電子申請__*/
.fn_b3{background: url(../img/fn2_b3.gif) no-repeat;}
/*__申請書ダウンロード__*/
.fn_b4{background: url(../img/fn2_b4.gif) no-repeat;}
/*__資源・ごみ収集日検索__*/
.fn_b5{background: url(../img/fn2_b5.gif) no-repeat;}

#sidebar .note ul	{
	width: 180px;
	padding: 0px;
	padding-top: 18px;
	margin: 6px 0px 6px 0px;
	font-size: small;
	color: #999;
}

#sidebar .note li	{
	list-style: none;
	line-height: 1.5em;
	padding-top: 3px;
	border-bottom: 1px solid #ccc;
}
#sidebar .note li a	{
	display: block;
	/*text-decoration: none;*/
	text-indent: 4px;
	border-left: 6px solid #ddd;
	border-right: 1px solid #ccc;
}
#sidebar .note li a:hover	{
	color: #000;
	text-decoration: none;
	background: #eee;
	border-left: 6px solid #999;
}

/*	----------------------------------
	リンクバナー
----------------------------------	*/
#sidebar #banner	{
	margin-top: 12px;
	margin-bottom: 20px;
}

.bnr1 a, .bnr2 a, .bnr3 a, .bnr4 a, .bnr5 a {
	margin-bottom: 3px;
	/*text-decoration: none;*/
	text-indent: -6988px;
	display: block;
	height: 32px;
}

.bnr1	{
	background: url(../img/bnr01.gif) no-repeat;
}
.bnr2	{
	background: url(../img/bnr02.gif) no-repeat;
}
.bnr3	{
	background: url(../img/bnr03.gif) no-repeat;
}
.bnr4	{
	background: url(../img/bnr04.gif) no-repeat;
}
.bnr5	{
	background: url(../img/bnr05.gif) no-repeat;
}




/*	----------------------------------
	音声読み上げ・非CSSの見出し
----------------------------------	*/
#sidebar h2,
#language h2,
#footer h2,
#navi h2,
#search h2,
#photo h2	{
	position: absolute;
	left: -9000px;
	width: 90em;
}


/*	----------------------------------
	QR code
----------------------------------	*/
#sidebar #qrcode	{
	margin-top: 10px;
	left: 600px;
	display: block;
	width: 123px;
}

/*	----------------------------------
	back top
----------------------------------	*/
.backtop {
	font-size:x-small;
	text-align:right;
	padding-top:12px;
}