PageSourceSearch

https://www.city.koga.fukuoka.jp/about/

html city.koga.fukuoka.jp collected 2026-10-02 07:16:21 UTC 40,736 bytes, 794 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="ja">
3<head>
4  <meta charset="utf-8" />
5  <meta name="viewport" content="width=device-width,initial-scale=1" />
6<title>
7このサイトについて|
8古賀市オフィシャルページ</title>
9<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
10<link rel="preconnect" href="https://fonts.googleapis.com">
11<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12<link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@700&display=swap" rel="stylesheet">
13<!--<link href="/css/common.css" rel="stylesheet" type="text/css">-->
14<!--<link href="/css/base_pages.css" rel="stylesheet" type="text/css">-->
15<link href="/css/2026/common.css?2026051501" rel="stylesheet" type="text/css">
16<link href="/css/2026/common_pages.css" rel="stylesheet" type="text/css">
17<link href="/css/2026/pages.css?2026071301" rel="stylesheet" type="text/css">
18
19<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
vendor: 1 bytes, line 19
19
20<script src="/js/jquery.cookie.js"></script>
20
21<!--
21<script src="/js/viewport.js"></script>
21-->
22<script src="/js/changecolor.js"></script>
vendor: 1 bytes, line 22
22
23<script src="/js/jquery.rwdImageMaps.min.js"></script>
vendor: 1 bytes, line 23
23
24<script src="https://tsutaeru.cloud/assets/snippet/js/tsutaeru.js?api_key=4a1d0378-0c94-4205-bfa7-ec9d9767780f"></script>
24
25
26<!-- OGP -->
27    
28<meta property="og:title" content="このサイトについて|古賀市オ-フィシャルページ">
29<meta property="og:type" content="website">
30<meta property="og:url" content="https://www.city.koga.fukuoka.jp/about/index.php">
31
32<meta property="og:image" content="https://www.city.koga.fukuoka.jp/img/share/ogp.png">
33<meta property="og:description" content="このサイトについて|九州北部に位置する福岡県古賀市。海や山の自然に恵まれ、「福岡市」に近接しているため、経済、流通、交通の面でも豊かな生活環境が整っています。">
34<meta property="og:site_name" content="古賀市オフィシャルページ">
35<meta property="og:locale" content="ja_JP">
36<meta name="twitter:card" content="summary_large_image">
37<meta name="twitter:site" content="@kogacityweb">
38<!-- /OGP -->
39
40</head>
41<body class="pages">
42<div id="Top">
43
44<header>
45  <div class="r-wrap header-inner">
46    <h1 class="brand">
47        <a href="/" class="brand-link">
48          <img src="/img/2026/common/city_logo.png" alt="古賀市 KOGA Official Site">
49        </a>
50    </h1>
51
52    <div class="header-center">
53      
54      <div class="header-row-top">
55        <div class="util-links">
56          <a href="#" id="tsutaerulink"><span class="u-icon"></span>やさしい日本語</a>
57          <a href="javascript:void(0);" id="tsutaeru-speech_open"><span class="u-icon"></span>読み上げ</a><div id="tsutaeru-speech" style="position:absolute; display:none;">
57<script>_tsutaeru.speech.button()</script>
57</div>
58          <a rel="external" href="#" id="btnPop01" class="reset"><span class="u-icon"></span>Language</a>
59          <a href="/tags/"><span class="u-icon">️</span>付箋</a>
60        </div>
61        
62        <div class="access-controls">
63          <div class="size-ctrl">
64            <button type="button" id="fontS">縮小</button>
65            <button type="button" class="is-active" id="fontM">標準</button>
66            <button type="button" id="fontL">拡大</button>
67          </div>
68          <div class="color-ctrl">
69            <button type="button" class="c-white" title="白" id="ver1"></button>
70            <button type="button" class="c-blue" title="青" id="ver2"></button>
71            <button type="button" class="c-black" title="黒" id="ver3"></button>
72            <button type="button" class="c-yellow" title="黄" id="ver4"></button>
73          </div>
74        </div>
75      </div>
76
77<script>
78	var url = $(location).attr('href');
79	var encurl = encodeURIComponent(url);
80	//alert (encurl);
81	$("#tsutaerulink").attr("href", "https://tsutaeru.cloud/easy.php?uri="+encurl);
82</script>
82	
83
84
85<script type="text/javascript" src="//www.google.com/jsapi"></script>
vendor: 1 bytes, line 85
85
86<script type="text/javascript">
87  google.load('search', '1');
88  google.setOnLoadCallback(function() {
89    google.search.CustomSearchControl.attachAutoCompletion(
90      '000229763254246950290:qw2t1kedx6k',
91      document.getElementById('q'),
92      'cse-search-box');
93  });
94</script>
94
95
96      <div class="header-row-bottom">
97        <form action="https://www.google.com/cse" id="cse-search-box" class="search-form">
98          <input type="hidden" name="cx" value="000229763254246950290:qw2t1kedx6k" />
99          <input type="hidden" name="ie" value="UTF-8" />
100		  <input type="text" name="q" id="q" autocomplete="off" size="30" onfocus="HideFormGuideImage(this);" onblur="ShowFormGuideImage(this);" class="search-input" />
101		  <input type="submit" value="検索" id="button" name="sa" class="search-btn" />
102          <!--<input type="text" placeholder="Google 提供" class="search-input">
103          <button type="submit" class="search-btn"> 検索</button>-->
104        </form>
105
106<script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&lang=ja"></script>
106		
107       
108        <a href="/cityhall/work/" class="btn-dark">組織から探す</a>
109        <a href="/#triplet-emergency" class="btn-red">緊急時の情報</a>
110      </div>
111    </div>
112
113    <div class="header-right">
114      <button class="menu-btn js-menu-open" type="button" aria-label="メニュー">
115        <span class="menu-lines">
116          <span class="line"></span>
117          <span class="line"></span>
118          <span class="line"></span>
119        </span>
120        <span class="menu-text">メニュー</span>
121      </button>
122    </div>
123  </div>
124</header>
125
126  <nav class="global" aria-label="グローバルナビ">
127    <div class="r-wrap">
128      <ul>
129        <li><a href="/"><span class="g-icon"></span>ホーム</a></li>
130        <li><a href="/procedure/"><span class="g-icon"></span>くらし・手続き</a></li>
131        <li><a href="/child/"><span class="g-icon"></span>子育て・教育</a></li>
132        <li><a href="/welfare/"><span class="g-icon"></span>健康・福祉</a></li>
133        <li><a href="/culture/"><span class="g-icon"></span>観光・文化</a></li>
134        <li><a href="/administration/"><span class="g-icon">️</span>市政情報</a></li>
135        <li><a href="/business/"><span class="g-icon"></span>事業者の方</a></li>
136      </ul>
137    </div>
138  </nav>
139
140<div id="Breadcrumb" class="fix">
141	<p>現在のページ<i class="fa fa-play fa-fw" aria-hidden="true"></i></p>
142	<ul class="fix">
143		<li><a href="/">トップページ</a></li>
144		<!--<li><i class="fa fa-angle-right" aria-hidden="true"></i>暮らし・手続き</li>-->
145            <li><i class="fa fa-angle-right" aria-hidden="true"></i>このサイトについて</li>
146    	</ul>
147</div>
148
149
150<div id="Container" class="fix">
151
152<!-- tsutaeru.website polly -->
153<div id="Contents">
154
155
156
157
158
159
160
161
162<!-- CMS Start HERE -->
163
164<h2><span>著作権・免責事項</span></h2>
165<p><a id="pages_100"></a><br></p>
166<h3>本ウェブサイトを閲覧するにあたって</h3>
167<p>本ウェブサイトの各ページは一部を除き XHTML 1.0 Transitional(以下、XHTML)、及び Cascading Style Sheets Level 2(以下、CSS)に準じた記述を行っています。<br>XHTMLやCSS を解釈できないブラウザを使用している場合は、デザイン上、正常に閲覧できない可能性があります。<br>Microsoft Internet Explorer 6.0 以上、Firefox3.0以上、Safari4.0以上、Chrome4.0以上、Opera10.0以上のブラウザでの閲覧を推奨しますが、他ブラウザでの閲覧を妨げるものではありません。</p>
168<h3>アクセシビリティの考え方</h3>
169<p>本市ではアクセシビリティに配慮して、ウェブサイト制作を行ってまいります。<br>「ホームページのアクセシビリティ」とは、「高齢者や障がい者など心身の機能に制約のある人でも、年齢的・身体的条件に関わらず、ホームページで提供されている情報にアクセスし利用できること」を意味します。<br>本市では、この「ホームページのアクセシビリティ」をホームページの運用において継続的に適用していくべく「古賀市役所・公式ホームページ:ホームページ作成ガイドライン」を策定いたしました。<br>今後はこのガイドラインに基づき、ホームページを作成してまいります。</p>
170<br>
171<p><a href="/about/img/kogacity_guideline.pdf" target="_blank">古賀市役所・公式ホームページ:ホームページ作成ガイドライン(PDFファイル:460KB)</a></p>
172<h3>著作権について</h3>
173<p>本ウェブサイトに掲載されている情報(文章、写真、イラスト、画像など)は、著作権の対象となっています。<br>また、本ウェブサイト全体も、編集著作物として著作権の対象となっており、ともに著作権法により保護されています。「私的使用のための複製」や「引用」など著作権法上認められた場合を除き、無断で複製・転用することはできません。</p>
174<h3>リンクについて</h3>
175<p>・本ウェブサイトのトップページ(<a href="http://www.city.koga.fukuoka.jp/">http://www.city.koga.fukuoka.jp/</a>)へのリンクは、原則として自由に設定していただいて差し支えありません。ただし、トップページ以外へのリンクは原則として禁止します。</p>
176<p>・リンクを設定する際には、古賀市公式サイトのリンクである旨を明記してください。<br></p>
177<p>・フレーム内に本サイトのページを表示させるリンク設定は行わないでください。</p>
178<p>
178・本サイト上の文書や画像などの各ファイル、およびその内容は、予告なしに変更または中止されることがあります。<br>・いかなる場合であっても、リンクに関して発生した損害については一切の責任を負わないものとします。<br>・リンク元のウェブサイトの内容が、法令や公序良俗に反する場合などには、リンクの削除をお願いすることがありますので、あらかじめご了承ください。<br><br></p>
179<h3>リンクしているホームページの内容について</h3>
180<p>本ウェブサイトから直接リンクするホームページは、あくまでも利用者の皆さんの便宜を図るためのものであり、リンク先のホームページの内容の真偽や適格性、セキュリティ、個人情報保護について保障するものではありません。<br>リンク先ページの内容に関するお問い合わせは、それぞれのウェブサイトの管理者へお願いします。</p>
181<h3>免責事項について</h3>
182<p>本ウェブサイトに掲載されている情報の正確さには万全を期していますが、本市はご利用のみなさまが本ウェブサイトの情報を用いて行う一切の行為について、何ら責任を負うものではありません。また、いかなる場合でも本市は利用者が本ウェブサイトにアクセスしたために被った損害、損失について、何ら責任を負うものではありません。<br>本ウェブサイトは、予告なしに内容を変更又は削除することがあります。あらかじめご了承ください。<br>JavaScript等の付加技術はできるだけ使用を避けておりますが、一部のページではやむを得ない事由により使用しています。JavaScriptはONの状態でご利用いただくことをお奨めいたします。<br>ブラウザソフトや各種ツールなどのダウンロード及びインストールは、利用者の責任に基づいて行ってください。ダウンロード及びインストールに際して発生する障害やトラブルについて、本市は損害賠償や問題解決の責任を一切負いません。</p>
183<br>
184<p style="text-align: right;"><a href="#pages_100">▲エントリー店舗一覧へ戻る</a></p>
185<!--<ul class="yoko-100 fix">
186<li><a class="btn-icon-100" href="#pages_100" style="background-color: #C4C1C1;">エントリー店舗一覧へ戻る</a></li>
187</ul>-->
188<br>
189
190<!-- CMS END HERE -->
191
192
193
194
195
196
197<div id="person">
198<div id="check"><a href="/tags/?m=add&amp;u=%2Fabout%2Findex.php&amp;t=" title="このページに付箋をつける"><img src="/img/pages/button_check.jpg" mce_src="/img/pages/button_check.jpg" alt="このページに付箋 をつける" width="202" height="29" class="noborder" /></a></div>
199
200<div id="footersns">
201<table border="1">
202<tr>
203<td><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="kogacityweb" data-lang="ja" style="vertical-align:middle;">Tweet</a>
203<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
203</td>
204<td>
205<div id="fb-root"></div>
206
207<script>(function(d, s, id) {
208  var js, fjs = d.getElementsByTagName(s)[0];
209  if (d.getElementById(id)) return;
210  js = d.createElement(s); js.id = id;
211  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
212  fjs.parentNode.insertBefore(js, fjs);
213}(document, 'script', 'facebook-jssdk'));</script>
213
214
215<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
216</td>
217<td>
218<a href="http://line.naver.jp/R/msg/text/?%E5%8F%A4%E8%B3%80%E5%B8%82%E3%82%AA%E3%83%95%E3%82%A3%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%9A%E3%83%BC%E3%82%B8%0D%0Ahttps%3A%2F%2Fwww.city.koga.fukuoka.jp%2Fabout%2Findex.php"><img src="/img/pages/linebutton_82x20.png" width="88" height="20" alt="LINEで送る" /></a>
219</td>
220</tr>
221</table>
222</div>
223</div>
224
225
226
227</div>
228
229<div id="Side">
230<ul id="special" class="fix">
231                         <li><a href="https://public-connect.jp/employer/2280" target="_blank"><img src="/img/top/koga_button_01a.png" alt="古賀市職員募集サイト"></a></li>
232          <li><a href="/cityhall/work/shoukou/012.php"><img src="/img/top/koga_button_02.png" alt="古賀市 ふるさと応援寄付"></a></li>
233          <li><a href="/guide/"><img src="/img/top/koga_button_03.png" alt="観光ガイド 古賀市へおいでよ"></a></li>
234          <li><a href="/sp-children/"><img src="/img/top/koga_button_04.png" alt="子育て応援!こが・そだつ"></a></li>
235          <li><a href="/sp-life/"><img src="/img/top/koga_button_05.png" alt="移住・定住 古賀市での生活"></a></li>
236		  </ul>
237
238<ul id="speciala" class="fix">
239     
240  <li><a href="/cityhall/work/kikaku/koho/017.php"><img src="/img/2026/plus/koga_button2_06.webp" alt="古賀市制30周年 キャッチフレーズとロゴマーク募集!"></a></li>
241  <li><a href="/news/d/6701"><img src="/img/2026/plus/koga_button2_05.webp" alt="古賀市 節水にご協力ください!"></a></li>
242    <li><a href="https://koga-zc-challengers.jp/" target="_blank"><img src="/img/2026/plus/koga_button2_01.webp" alt="古賀市脱炭素経営支援プラットフォーム"></a></li>
243    <li><a href="/cityhall/work/digital/013.php"><img src="/img/2026/plus/koga_button2_03.webp" alt="地図情報サイト「こがまっぷ」"></a></li></ul>
244
245<div id="emergency">
246     <h2><span></span><a href="/emergency/">緊急時に必要な情報</a></h2>
247     <ul>
248         <li><a href="/cityhall/work/yobou/001.php"><i class="fa fa-chevron-right" aria-hidden="true"></i>緊急病院の案内</a></li>
249         <li><!--<a href="/cityhall/work/somu/006.php">--><a href="/cityhall/work/kikikanri/006.php"><i class="fa fa-chevron-right" aria-hidden="true"></i>緊急連絡電話帳</a></li>
250         <li><a href="/cityhall/work/yobou/028.php#pages_03"><i class="fa fa-chevron-right" aria-hidden="true"></i>小児救急医療体制</a></li>
251         <li><a href="/cityhall/work/somu/saigai/"><i class="fa fa-chevron-right" aria-hidden="true"></i>災害・防災について</a></li>
252         <li><a href="/cityhall/work/community/crime/"><i class="fa fa-chevron-right" aria-hidden="true"></i>防犯の心得</a></li>
253     </ul>
254</div>
255<!--<div id="lifestyle">
256     <h2><span><a href="/lifestyle/">ライフスタイルーこんな時にはー</a></span></h2>
257     <ul>
258         <li id="lifestyle_links_01"><a href="/lifestyle/stages/1/"><span>各種届出・手続き</span></a></li>
259         <li id="lifestyle_links_02"><a href="/lifestyle/stages/2/"><span>くらし・環境</span></a></li>
260         <li id="lifestyle_links_03"><a href="/lifestyle/stages/3/"><span>出産・子育て</span></a></li>
261         <li id="lifestyle_links_04"><a href="/lifestyle/stages/4/"><span>学校・教育</span></a></li>
262         <li id="lifestyle_links_05"><a href="/lifestyle/stages/5/"><span>税・年金・国保</span></a></li>
263         <li id="lifestyle_links_06"><a href="/lifestyle/stages/6/"><span>成人・就職</span></a></li>
264         <li id="lifestyle_links_07"><a href="/lifestyle/stages/7/"><span>健康・福祉</span></a></li>
265         <li id="lifestyle_links_08"><a href="/lifestyle/stages/8/"><span>高齢・介護</span></a></li>
266         <li id="lifestyle_links_09"><a href="/lifestyle/stages/9/"><span>いきがい・生涯学習</span></a></li>
267         <li id="lifestyle_links_10"><a href="/sp-life/consultation/"><span>相談</span></a></li>
268         <li id="lifestyle_links_11"><a href="/cityhall/work/kankyo/gomi/"><span>ごみ</span></a></li>
269         <li id="lifestyle_links_12"><a href="/move/005.php"><span>おくやみ</span></a></li>
270     </ul>
271</div>-->
272
273<br>
274
275  <!-- ===== Lifestyle ===== -->
276  <section class="r-lifestyle r-section" aria-label="ライフスタイルから調べる">
277    <div class="r-wrap">
278      <h2 class="r-title">ライフスタイルから調べる</h2>
279      <div class="life-grid">
280        <a href="/lifestyle/stages/1/"><img src="/img/2026/common/lifestyle_links_01.png" alt="各種届出 手続き" class="life-icon"></a>
281        <a href="/lifestyle/stages/2/"><img src="/img/2026/common/lifestyle_links_02.png" alt="くらし・環境" class="life-icon"></a>
282        <a href="/lifestyle/stages/3/"><img src="/img/2026/common/lifestyle_links_03.png" alt="出生・子育て" class="life-icon"></a>
283        <a href="/lifestyle/stages/4/"><img src="/img/2026/common/lifestyle_links_04.png" alt="学校・教育" class="life-icon"></a>
284        <a href="/lifestyle/stages/5/"><img src="/img/2026/common/lifestyle_links_05.png" alt="税・年金" class="life-icon"></a>
285        <!--<a href="/lifestyle/stages/6/"><img src="/img/2026/common/lifestyle_links_06.png" alt="成人・就職" class="life-icon"></a>-->
286        <a href="/lifestyle/stages/7/"><img src="/img/2026/common/lifestyle_links_07.png" alt="健康・福祉" class="life-icon"></a>
287        <a href="/lifestyle/stages/8/"><img src="/img/2026/common/lifestyle_links_08.png" alt="高齢・介護" class="life-icon"></a>
288        <a href="/lifestyle/stages/9/"><img src="/img/2026/common/lifestyle_links_09.png" alt="いきがい・生涯学習" class="life-icon"></a>
289        <a href="/lifestyle/stages/10/"><img src="/img/2026/common/lifestyle_links_10add.png" alt="医療・国保" class="life-icon"></a>
290        <!--<a href="/lifestyle/stages/10/">--><a href="/sp-life/consultation/"><img src="/img/2026/common/lifestyle_links_10.png" alt="相談" class="life-icon"></a>
291        <!--<a href="/lifestyle/stages/11/">--><a href="/cityhall/work/kankyo/gomi/"><img src="/img/2026/common/lifestyle_links_11.png" alt="ごみ" class="life-icon"></a>
292        <!--<a href="/lifestyle/stages/12/">--><a href="/move/005.php"><img src="/img/2026/common/lifestyle_links_12.png" alt="おくやみ" class="life-icon"></a>
293      </div>
294    </div>
295  </section>
296
297</div>
298</div>
299
300
301
302<br clear="all">
303
304  <!-- ===== Footer ===== -->
305  <footer class="r-footer">
306    <div class="r-wrap">
307      
308      <div class="footer-top-area">
309        <h2 class="footer-sns-title">
310          古賀市公式SNS
311          <span class="footer-sns-sub">各SNSでも古賀市情報発信中です!</span>
312        </h2>
313
314        <div class="footer-content-row">
315          <div class="footer-left-content">
316            <div class="sns-grid">
317              <a href="https://www.facebook.com/1638597096418922" target="_blank" class="sns-btn">
318                <img src="/img/2026/common/icon_fb.png" alt="" class="sns-icon"> Facebook
319              </a>
320              <a href="https://x.com/kogacityweb" target="_blank" class="sns-btn">
321                <img src="/img/2026/common/icon_x.png" alt="" class="sns-icon"> X(旧Twitter)
322              </a>
323              <a href="https://www.instagram.com/kogacityweb/" target="_blank" class="sns-btn">
324                <img src="/img/2026/common/icon_insta.png" alt="" class="sns-icon"> Instagram
325              </a>
326              <a href="https://lin.ee/3CSrXmg" target="_blank" class="sns-btn">
327                <img src="/img/2026/common/icon_line.png" alt="" class="sns-icon"> LINE
328              </a>
329              <a href="https://www.youtube.com/@kogacity_official" target="_blank" class="sns-btn">
330                <img src="/img/2026/common/icon_yt.png" alt="" class="sns-icon"> YouTube
331              </a>
332            </div>
333            
334            <p class="footer-desc">
335              古賀市は交通の利便性が極めて高く、スムーズな移動、輸送が行えます。市内にある九州自動車道古賀インターチェンジのランプは、国道3号・主要地方道筑紫野古賀線にそれぞれ設けられています。<br>
336              JR駅は市内に3駅あり、JR古賀駅から快速利用で福岡空港まで35分、博多駅まで20分、小倉駅まで45分と至便の距離にあります。<br>
337              さらに、移動所要時間が1時間以内の距離に、国際拠点港湾2港(博多港、北九州港)、重要港湾(苅田港)1港があり、陸・海・空それぞれの拠点に抜群の交通アクセスを誇っています。
338            </p>
339          </div><!--これが該当の閉じタグでは?-->	
340		  
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356<!-- CMS Start HERE -->
357
358<div class="footer-stats-box">
359<h3 class="stats-title">古賀市の人口&nbsp;<span class="stats-date">(2026年8月末現在)</span></h3>
360<div class="stats-main">
361<p class="stats-total">58,898人</p>
362<ul class="stats-details">
363<li>男:28,280人</li>
364<li>女:30,618人</li>
365</ul>
366<p class="stats-household">世帯:27,811世帯</p>
367</div>
368</div>
369
370<!-- CMS END HERE -->
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400		  
401          <div class="footer-map-area"></div>
402        </div>
403        </div>	  
404
405      <div class="footer-bottom-area">
406        <ul class="footer-nav-list">
407          <li><a href="/cityhall/work/somu/002.php">個人情報について</a></li>
408	<li><a href="/links/">リンク集</a></li>
409	<li><a href="/about/">著作権・免責事項</a></li>
410	<li><a href="/access/">市役所へのアクセス</a></li>
411          <li><a href="/sitemap/">サイトマップ</a></li>
412          <li><a href="/question/">お問い合わせ・ご意見</a></li>
413        </ul>
414        
415        <div class="footer-address-row">
416          <div class="f-logo">
417            <img src="/img/2026/common/city_logo.png" alt="古賀市 KOGA Official Site">
418          </div>
419          <address class="f-address">
420            〒811-3192 福岡県古賀市駅東1-1-1<br>
421            電話:092-942-1111(大代表)<br>
422            <span class="f-hours">市役所開庁時間 9時~16時<br>
423            (土曜・日曜日、祝日、12月29日~1月3日は休み)</span>
424          </address>
425        </div>
426      <!--</div>-->
427      
428    </div>
429  </footer>
430<!-- /tsutaeru.website polly -->
431
432  <button type="button" class="page-top js-page-top" aria-label="ページトップへ戻る"></button>
433
434
435  
435<script>
436    (function(){
437      // ボタン要素を取得
438      const btn = document.querySelector('.js-page-top');
439      
440      if(btn){
441        // スクロールイベント(表示・非表示の切り替え)
442        window.addEventListener('scroll', function(){
443          // 300px以上スクロールしたらクラスをつける
444          if (window.scrollY > 300) {
445            btn.classList.add('is-show');
446          } else {
447           btn.classList.remove('is-show');
448          }
449        });
450
451        // クリックイベント(上部へ戻る)
452        btn.addEventListener('click', function(){
453          window.scrollTo({
454            top: 0,
455            behavior: 'smooth'
456          });
457        });
458      }
459    })();
460  </script>
460
461
462
463  <!-- ===== Fullscreen Hamburger ===== -->
464  <div class="menu-overlay js-menu-overlay" hidden></div>
465  <section id="hamburgerMenu" class="menu-panel" role="dialog" aria-modal="true" aria-label="メニュー" hidden>
466    <div class="menu-topbar">
467      <div class="menu-title"><span aria-hidden="true">☰</span> メニュー</div>
468      <button class="menu-close js-menu-close" type="button" aria-label="閉じる">×</button>
469    </div>
470    
471    <div class="menu-body2"></div>
472    
473  </section>
474  
475
476  
476<script>
477    (function(){
478      //const root = document.querySelector('body.pages');
479      const root = document.querySelector('body');
480      if(!root) return;
481
482      // =========================
483      // Tabs
484      // =========================
485      const tabs = Array.from(root.querySelectorAll('.js-tab'));
486      if(tabs.length){
487        const setActive = (targetId) => {
488          tabs.forEach(t => t.setAttribute('aria-selected', (t.getAttribute('data-target') === targetId) ? 'true' : 'false'));
489          Array.from(root.querySelectorAll('.panel')).forEach(p => p.classList.toggle('is-active', ('#' + p.id) === targetId));
490        };
491        tabs.forEach(t => t.addEventListener('click', () => {
492          const target = t.getAttribute('data-target');
493          if(target) setActive(target);
494        }));
495      }
496
497      // =========================
498      // Fullscreen Hamburger
499      // =========================
500      const openBtn = root.querySelector('.js-menu-open');
501      const overlay = root.querySelector('.js-menu-overlay');
502      const panel   = document.getElementById('hamburgerMenu');
503      const closeBtn = panel?.querySelector('.js-menu-close');
504
505      if(openBtn && overlay && panel && closeBtn){
506        let lastFocus = null;
507
508        const setHidden = (el, hidden) => hidden ? el.setAttribute('hidden','') : el.removeAttribute('hidden');
509        const lockScroll = (lock) => lock ? root.classList.add('is-lock') : root.classList.remove('is-lock');
510
511        const onKeydown = (e) => {
512          if(e.key === 'Escape'){ e.preventDefault(); closeMenu(); return; }
513          if(e.key === 'Tab'){
514            const focusables = panel.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])');
515            if(!focusables.length){ e.preventDefault(); closeBtn.focus(); return; }
516            const first = focusables[0];
517            const last  = focusables[focusables.length - 1];
518            if(e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); }
519            else if(!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); }
520          }
521        };
522
523        const openMenu = () => {
524          lastFocus = document.activeElement;
525          setHidden(overlay, false);
526          setHidden(panel, false);
527          root.classList.add('menu-open');
528          lockScroll(true);
529          openBtn.setAttribute('aria-expanded','true');
530          requestAnimationFrame(() => closeBtn.focus());
531          document.addEventListener('keydown', onKeydown, true);
532        };
533
534        var closeMenu = () => {
535          root.classList.remove('menu-open');
536          lockScroll(false);
537          openBtn.setAttribute('aria-expanded','false');
538          window.setTimeout(() => { setHidden(overlay, true); setHidden(panel, true); }, 220);
539          document.removeEventListener('keydown', onKeydown, true);
540          if(lastFocus && typeof lastFocus.focus === 'function') lastFocus.focus();
541        };
542		
543        openBtn.addEventListener('click', openMenu);
544        closeBtn.addEventListener('click', closeMenu);
545        overlay.addEventListener('click', closeMenu);
546      }
547	  
548	  
549      // =========================
550      // Mobile Menu Content Cloner
551      // =========================
552      const menuBody = panel?.querySelector('.menu-body2');
553      if(menuBody){
554        // コピー元の要素セレクタと、見出し(任意)の定義
555        const targets = [
556          { sel: '.header-center', label: '検索・設定' },
557          { sel: 'nav.global',     label: 'メインメニュー' },
558          { sel: '.life-grid',     label: 'ライフスタイル' }
559        ];
560
561        targets.forEach(tgt => {
562          const original = root.querySelector(tgt.sel);
563          if(original){
564            // セクション作成
565            const section = document.createElement('div');
566            section.className = 'sp-clone-section';
567            
568            // 見出し作成
569            if(tgt.label){
570              const title = document.createElement('h3');
571              title.className = 'sp-clone-title';
572              title.textContent = tgt.label;
573              section.appendChild(title);
574            }
575
576            // 要素をディープコピー(中身ごと複製)
577            const clone = original.cloneNode(true);
578            
579            // IDの重複を防ぐため、コピーした側のID属性を削除(検索フォーム等は動作させるため注意が必要ですが今回は簡易対応)
580            clone.querySelectorAll('[id]').forEach(el => el.removeAttribute('id'));
581            
582            section.appendChild(clone);
583            menuBody.appendChild(section);
584          }
585        });
586      }
587	  
588	  
589      // =========================
590      // Hero Slider (autoplay + arrows + dots + swipe)
591      // =========================
592      const slider = root.querySelector('.js-hero');
593      if(slider){
594        const track = slider.querySelector('.js-hero-track');
595        const slides = Array.from(track?.children || []);
596        const prevBtn = slider.querySelector('.js-hero-prev');
597        const nextBtn = slider.querySelector('.js-hero-next');
598        const dotsWrap = slider.querySelector('.js-hero-dots');
599
600        if(track && slides.length >= 2){
601          let idx = 0;
602          let timer = null;
603          let isDragging = false;
604          let startX = 0;
605          let curX = 0;
606
607          const interval = Number(slider.getAttribute('data-interval') || 4500);
608          const autoplay = (slider.getAttribute('data-autoplay') || 'true') === 'true';
609
610          const dots = slides.map((_, i) => {
611            const b = document.createElement('button');
612            b.type = 'button';
613            b.className = 'hero-dot' + (i === 0 ? ' is-active' : '');
614            b.setAttribute('aria-label', `スライド${i+1}`);
615            b.addEventListener('click', () => go(i));
616            dotsWrap?.appendChild(b);
617            return b;
618          });
619
620          function apply(){
621            track.style.transform = `translateX(${-idx * 100}%)`;
622            dots.forEach((d, i) => d.classList.toggle('is-active', i === idx));
623          }
624          function clamp(n){
625            if(n < 0) return slides.length - 1;
626            if(n >= slides.length) return 0;
627            return n;
628          }
629          function go(n){ idx = clamp(n); apply(); }
630          function next(){ go(idx + 1); }
631          function prev(){ go(idx - 1); }
632
633          prevBtn?.addEventListener('click', prev);
634          nextBtn?.addEventListener('click', next);
635
636          function stop(){ if(timer) clearInterval(timer); timer = null; }
637          function start(){ stop(); if(!autoplay) return; timer = setInterval(next, interval); }
638
639          slider.addEventListener('mouseenter', stop);
640          slider.addEventListener('mouseleave', start);
641          slider.addEventListener('focusin', stop);
642          slider.addEventListener('focusout', start);
643
644          track.addEventListener('pointerdown', (e) => {
645            isDragging = true;
646            startX = e.clientX;
647            curX = startX;
648            track.style.transition = 'none';
649            stop();
650            track.setPointerCapture?.(e.pointerId);
651          });
652          track.addEventListener('pointermove', (e) => {
653            if(!isDragging) return;
654            curX = e.clientX;
655            const dx = curX - startX;
656            track.style.transform = `translateX(calc(${-idx * 100}% + ${dx}px))`;
657          });
658          function endDrag(){
659            if(!isDragging) return;
660            isDragging = false;
661            const dx = curX - startX;
662            track.style.transition = 'transform 500ms ease';
663
664            const threshold = 60;
665            if(dx > threshold) prev();
666            else if(dx < -threshold) next();
667            else apply();
668            start();
669          }
670          track.addEventListener('pointerup', endDrag);
671          track.addEventListener('pointercancel', endDrag);
672
673          apply();
674          start();
675        }
676      }
677    })();
678  </script>
678
679
680
681<!-- 音声読み上げボタンクリック表示 -->
682<script>
683jQuery(document).ready(function($){
684	$('#tsutaeru-speech_open').on('click keypress',function(){
685		$('#tsutaeru-speech').slideToggle();
686	});
687});
688</script>
688
689
690<script>
691jQuery(document).ready(function($){
692    // スマホメニューの中にあるアンカーリンク(#を含むもの)がクリックされた時
693    $(document).on('click', '#hamburgerMenu a[href*="#"]', function(e) {
694        // 1. まずメニューを消す(関数が呼べなくても、CSSクラスを強制削除して力ずくで消す)
695        $('body').removeClass('menu-open is-lock'); // 背景固定と表示用クラスを削除
696        $('.js-menu-overlay').attr('hidden', '');    // オーバーレイを隠す
697        $('#hamburgerMenu').attr('hidden', '');      // メニュー本体を隠す
698        $('.js-menu-open').attr('aria-expanded', 'false'); // ボタンの状態を戻す
699
700        // 2. リンク先への移動処理
701        var href = $(this).attr('href');
702        var targetId = href.split('#')[1]; // ID名だけ抽出
703        var $target = $('#' + targetId);
704
705        if ($target.length) {
706            e.preventDefault();
707            // 瞬間移動(スクロールアニメが古いjQueryでバグるのを防ぐため)
708            var pos = $target.offset().top;
709            window.scrollTo(0, pos);
710        }
711    });
712});
713</script>
713
714
715<script>
716// wrapperに対してイベントを設定
717document.querySelectorAll('.table-scroll-wrapper').forEach(el => {
718    const hideGuide = () => {
719        el.classList.add('is-scrolled');
720    };
721    
722    // スクロール、タッチに加え、クリック(タップ)時も発火させる
723    el.addEventListener('scroll', hideGuide, {passive: true});
724    el.addEventListener('touchstart', hideGuide, {passive: true});
725    el.addEventListener('click', hideGuide); // ★クリックイベントを追加
726});
727</script>
727
728
729
730<!-- Google Translate -->
731<script>
732function googleTranslateElementInit() {
733  new google.translate.TranslateElement({
734    pageLanguage: 'ja',
735    multilanguagePage: true,
736    gaTrack: true,
737    gaId: 'UA-21862898-1',
738    layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
739  }, 'google_translate_element');
740}
741</script>
741<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
741
742
743<!--
743<script type="text/javascript" src="/js/change/jquery.tools.min.js"></script>
743-->
744<!--
744<script type="text/javascript" src="/js/change/change.js"></script>
744-->
745<script type="text/javascript" src="/js/meerkat/jquery.meerkat.1.3.js"></script>
vendor: 1 bytes, line 745
745
746<script type="text/javascript" src="/js/meerkat/insertlayer.js"></script>
746
747
748<div id="meerkat">
749<div style="margin: 10px 0 10px 0; font-size: 0.8em; text-align:center; border:1px solid #FFF;"><a href="#" class="close-meerkat">翻訳ウィンドウを閉じる</a></div>
750
751<div id="translate_element">
752<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=en&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">Hello</button>
753<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=zh-CN&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">你好</button>
754<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=ko&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">안녕하세요</button>
755<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=tl&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">Kamusta</button><!-- フィリピン:フィリピン語(タガログ語) -->
756<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=vi&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">xin chào</button><!-- ベトナム:ベトナム語 -->
757<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=ur&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">ہیلو</button><!-- パキスタン:ウルドゥー語 -->
758<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=es&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">Hola</button><!-- ペルー:スペイン語 -->
759<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=my&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">မင်္ဂလာပါ</button><!-- ミャンマー:ミャンマー語 -->
760<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=ps&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">سلام</button><!-- アフガニスタン:パシュトー語、ダリー語 -->
761<button onclick="window.open('https://translate.google.com/translate?hl=ja&sl=ja&tl=ne&u=https://www.city.koga.fukuoka.jp'+location.pathname,'_blank');">नमस्कार</button><!-- ネパール:ネパール語 -->
762</div>
763
764<div id="google_translate_element" style=""></div>
765
766<div class="flcontents">
767<a href="http://www.clair.or.jp/tagengo/" target="_blank"><img src="/img/pages/icon_fl_01.jpg" alt="Multilingual Living Information website" style="float: right;"></a><a href="http://www.clair.or.jp/tagengo/" target="_blank"><strong>【多言語生活情報サイト】</strong></a><br />
768日本の生活で困ったことはありませんか?必要な情報を正確に届けるため13もの言語で、安心して暮らすためのたくさんの情報を提供します。<br>
769<br>
770<a href="http://www.clair.or.jp/tagengo/" target="_blank"><strong>【Multilingual Living Information website】</strong></a><br>
771Do you have any trouble with your life in Japan? We are going to provide you a lot of information for your safety Japanese life using 13 languages .<br>
772<br>
773</div>
774
775<div class="flcontents">
776<a href="https://www.kokusaihiroba.or.jp/" target="_blank"><img src="/img/pages/icon_fl_02.jpg" alt="Fukuoka International Exchange Foundation<Kokusaihiroba>" style="float: right;"></a>
777<a href="https://www.kokusaihiroba.or.jp/" target="_blank"><strong>【福岡県国際交流センター<こくさいひろば>】</strong></a><br />
778福岡県民と在住外国人の情報交換・交流の場です。海外からの留学生の窓口、アジア若者文化の発信拠点として様々な事業を行うほか、安心して暮らすための情報提供をします。<br>
779<br>
780<a href="https://www.kokusaihiroba.or.jp/" target="_blank"><strong>【Fukuoka International Exchange Foundation<Kokusaihiroba>】</strong></a><br>
781“Kokusaihiroba” is kind of organization for all Japanese and foreigner in Fukuoka prefecture.<br>
782“Kokusaihiroba”offers various activities as information center for foreign students and young Asian culture in addition to safety and comfortable Japanese life.
783</div>
784<br clear="all" />
785</div>
786<link href="/css/return_google_translate.css" rel="stylesheet" type="text/css">
787<!--<link href="css/return_twitter.css" rel="stylesheet" type="text/css">-->
788
789
790<script type="text/javascript" src="/js/googleAnalytics.js.php"></script>
790
791
792<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=4&cb=2215841" async></script>
792</body>
793</html>
794

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.