kitagata
/
kitagata_old
Beobachten 3
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Quellcode durchsuchen

second mobaile

KuniakiTakenaka vor 2 Jahren
Ursprung
0dd9ab0f7f
Commit
e19c44a0e5
66 geänderte Dateien mit 23866 neuen und 10726 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 0
    10
      index.html
  2. 193
    31
      second/Agriculture.html
  3. 190
    26
      second/Application_downloading.html
  4. 458
    189
      second/Barrier_free_policy.html
  5. 335
    167
      second/Calender.html
  6. 379
    194
      second/Certificate.html
  7. 574
    399
      second/Child_rearing_and_education.html
  8. 331
    164
      second/Condolence.html
  9. 188
    25
      second/Consumer_consultation.html
  10. 451
    183
      second/Copyright_and_link.html
  11. 193
    40
      second/Coronavirus.html
  12. 339
    175
      second/Culture.html
  13. 320
    160
      second/Donation.html
  14. 191
    27
      second/Education.html
  15. 529
    355
      second/Family_register.html
  16. 265
    89
      second/Health.html
  17. 257
    86
      second/Health_and_prevention.html
  18. 412
    232
      second/Housing_and_living.html
  19. 278
    25
      second/Inquiry_form.html
  20. 423
    169
      second/Inquiry_form_accounting.html
  21. 426
    172
      second/Inquiry_form_administration.html
  22. 283
    29
      second/Inquiry_form_disaster_prevention.html
  23. 425
    170
      second/Inquiry_form_education.html
  24. 407
    153
      second/Inquiry_form_health.html
  25. 407
    153
      second/Inquiry_form_hoken.html
  26. 411
    155
      second/Inquiry_form_houkatu.html
  27. 427
    172
      second/Inquiry_form_lifelong_learning.html
  28. 423
    169
      second/Inquiry_form_parliament.html
  29. 422
    168
      second/Inquiry_form_policy.html
  30. 409
    153
      second/Inquiry_form_residents.html
  31. 278
    24
      second/Inquiry_form_storage.html
  32. 405
    150
      second/Inquiry_form_tax.html
  33. 423
    172
      second/Inquiry_form_urban.html
  34. 423
    169
      second/Inquiry_form_water.html
  35. 407
    152
      second/Inquiry_form_welfare.html
  36. 602
    496
      second/Jougesuidou_siyoukaisi.html
  37. 803
    493
      second/Jougesuidou_siyoukyuusi.html
  38. 969
    658
      second/Jougesuidou_siyousyahenkou.html
  39. 189
    26
      second/Living_environment.html
  40. 189
    22
      second/Marriage_and_divorce.html
  41. 190
    27
      second/National_Health_Insurance.html
  42. 377
    190
      second/National_pension.html
  43. 329
    267
      second/Notices.html
  44. 279
    22
      second/Nursing_care_insurance.html
  45. 195
    29
      second/Parliament.html
  46. 335
    170
      second/Pregnancy_and_childbirth.html
  47. 459
    187
      second/Privacy_policy.html
  48. 201
    24
      second/Public_relations.html
  49. 188
    26
      second/Public_transport.html
  50. 507
    372
      second/Tax.html
  51. 190
    25
      second/Trash.html
  52. 189
    25
      second/Urban_planning.html
  53. 784
    619
      second/Vaccination.html
  54. 438
    265
      second/Water_supply_sewer.html
  55. 189
    25
      second/Welfare.html
  56. 189
    27
      second/Welfare_and_nursing_care.html
  57. 194
    35
      second/board_of_education.html
  58. 451
    182
      second/build_a_house.html
  59. 331
    168
      second/business.html
  60. 186
    24
      second/incentives_toyko.html
  61. 418
    247
      second/living.html
  62. 198
    35
      second/sitemap.html
  63. 415
    146
      second/template_second.html
  64. 769
    605
      second/tourism.html
  65. 391
    215
      second/town_admini_info.html
  66. 440
    167
      second/vacant_house_bank.html

+ 0
- 10
index.html Datei anzeigen 

@@ -242,16 +242,6 @@
242 242 
       </div>
243 243 
       <div class="newInfoTopic">
244 244
245 
-        <div class="newInfoTopicWrap">
246 
-          <div class="newInfoTopicWrap__date">
247 
-            <span>2022.04.01</span>
248 
-          </div>
249 
-          <div class="newInfoTopicWrap__text">
250 
-            <a href="third/notices/303_20211208.html">
251 
-              <span>令和３年度子育て世帯への臨時特別給付金のご案内</span>
252 
-            </a>
253 
-          </div>
254 
-        </div>
255 245 
         <div class="newInfoTopicWrap">
256 246 
           <div class="newInfoTopicWrap__date">
257 247 
             <span>2022.04.01</span>

+ 193
- 31
second/Agriculture.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>農業 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,20 +11,176 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
16 
-
17 22 
 </head>
18 23
19 24 
 <body id="back">
25 
+  <script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+      new google.translate.TranslateElement({
28 
+        pageLanguage: 'ja',
29 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+      }, 'google_translate_element');
31 
+    }
32 
+  </script>
33 
+  <script type="text/javascript"
34 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
20 35 
   <div id="main" class="gothic">
21 
-    <!--セクション 操作-->
36 
+    <!-- mobile header -->
37 
+    <div id="main" class="gothic">
38 
+      <!-- mobile header -->
39 
+      <header class="header">
40 
+        <div class="headerLogo">
41 
+          <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                           src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+        </div>
44 
+        <div class="headerTitle">
45 
+          <a href="../index.html" class="header_link">
46 
+            <h1 class="headerTitle__text">北方町</h1>
47 
+          </a>
48 
+        </div>
49 
+        <div class="headerSubTitle">
50 
+          <a href="../index.html" class="header_link">
51 
+            <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+          </a>
53 
+        </div>
54 
+        <div id="h-menu">
55 
+          <span></span>
56 
+          <span></span>
57 
+          <span></span>
58 
+          <div id="h-text">menu</div>
59 
+        </div>
60 
+        <div id="h-nav">
61 
+          <div class="h-menu_main_block_top">
62 
+            <div class="h-menu_main_block">
63 
+              <div class="h-menu_block">
64 
+                <a href="../second/living.html">
65 
+                  <div class="h-menu_block_text h-menu_block_before">
66 
+                    <div class="h-menu_block_text_center">くらしの情報</div>
67 
+                  </div>
68 
+                </a>
69 
+              </div>
70 
+            </div>
71 
+            <div class="h-menu_main_block">
72 
+              <div class="h-menu_block">
73 
+                <a href="../second/tourism.html">
74 
+                  <div class="h-menu_block_text h-menu_block_before">
75 
+                    <div class="h-menu_block_text_center">
76 
+                      観光
77 
+                    </div>
78 
+                  </div>
79 
+                </a>
80 
+              </div>
81 
+            </div>
82 
+            <div class="h-menu_main_block">
83 
+              <div class="h-menu_block">
84 
+                <a href="../second/business.html">
85 
+                  <div class="h-menu_block_text h-menu_block_before">
86 
+                    <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+                  </div>
88 
+                </a>
89 
+              </div>
90 
+            </div>
91 
+            <div class="h-menu_main_block">
92 
+              <div class="h-menu_block">
93 
+                <a href="../second/town_admini_info.html">
94 
+                  <div class="h-menu_block_text h-menu_block_before">
95 
+                    <div class="h-menu_block_text_center">町政情報</div>
96 
+                  </div>
97 
+                </a>
98 
+              </div>
99 
+            </div>
100 
+            <div class="h-menu_main_block">
101 
+              <div class="h-menu_block h-menu_block_before">
102 
+                <a href="../second/sitemap.html">
103 
+                  <div class="h-menu_block_text h-menu_block_before">
104 
+                    <div class="h-menu_block_text_center">
105 
+                      サイトマップ
106 
+                    </div>
107 
+                  </div>
108 
+                </a>
109 
+              </div>
110 
+            </div>
111 
+            <div class="h-menu_main_block">
112 
+              <div class="h-menu_block h-menu_block_before">
113 
+                <a href="https://ai-staff.net/kitagata/chat">
114 
+                  <div class="h-menu_block_text  h-menu_block_before">
115 
+                    <div class="h-menu_block_text_center">
116 
+                      AIチャット
117 
+                    </div>
118 
+                  </div>
119 
+                </a>
120 
+              </div>
121 
+            </div>
122 
+            <div class="h-menu_main_block">
123 
+              <div class="h-menu_block h-menu_block_before">
124 
+                <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                  <div class="h-menu_block_text">
126 
+                    <div class="h-menu_block_text_center">
127 
+                      お問い合わせ一覧
128 
+                    </div>
129 
+                  </div>
130 
+                </a>
131 
+              </div>
132 
+            </div>
133 
+            <div class="h-menu_main_block">
134 
+              <div class="h-menu_lang">
135 
+                <div class="h-menu_block_lang">
136 
+                  <div class="h-menu_block_text_center">
137 
+                    <div class="h-menu_block_text_line">
138 
+                      背景変更
139 
+                      <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                      </div>
141 
+                      <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                      </div>
143 
+                      <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                      </div>
145 
+                    </div>
146 
+                    <script>
147 
+                        getBackgNumber2();
148 
+                    </script>
149 
+                    <div class="h-menu_block_text_line">言語選択
150 
+                      <div class="mobile_translation">
151 
+                        <div id="google_translate_element"></div>
152 
+                      </div>
153 
+                    </div>
154 
+                  </div>
155 
+                </div>
156 
+              </div>
157 
+            </div>
158 
+            <div class="h-menu_main_block">
159 
+              <div class="h-menu_search">
160 
+                <div class="h-menu_block_search">
161 
+                  <form action="https://www.google.com/search">
162 
+                    <input type="hidden" name="hl" value="ja"/>
163 
+                    <input type="hidden" name="ie" value="UTF-8">
164 
+                    <input type="hidden" name="oe" value="UTF-8">
165 
+                    <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
166 
+                    <input type="text" name="q" size="16" maxlength="256" value=""
167 
+                           class="mobile_form_input"/>
168 
+                    <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169 
+                  </form>
170 
+                </div>
171 
+              </div>
172 
+            </div>
173 
+          </div>
174 
+        </div>
175 
+      </header>
176 
+
177 
+      <!--セクション 操作-->
22 178 
     <section id="operation">
23 179 
       <!--セクション 住所-->
24 180 
       <article id="address">
25 181 
         <address id="operation_add">
26 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
182 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
183 
+            TEL:058-323-1111(代)</span>
27 184 
         </address>
28 185 
       </article>
29 186 
       <div id="controle_panel">
 
@@ -42,13 +199,13 @@
42 199
43 200 
         <!--セクション 文字サイズ-->
44 201 
         <!--<article id="charsize" >
45 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
46 
-<div id="charsize_img">
47 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
48 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
49 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
50 
-</div>
51 
-</article>-->
202 
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
203 
+      <div id="charsize_img">
204 
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
205 
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
206 
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
207 
+      </div>
208 
+      </article>-->
52 209
53 210 
         <!--セクション サイトマップ-->
54 211 
         <article id="sitemap">
 
@@ -68,16 +225,6 @@
68 225 
           <div id="translation_img">
69 226 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
70 227 
             <div id="google_translate_element"></div>
71 
-            <script type="text/javascript">
72 
-              function googleTranslateElementInit() {
73 
-                new google.translate.TranslateElement({
74 
-                  pageLanguage: 'ja',
75 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-                }, 'google_translate_element');
77 
-              }
78 
-            </script>
79 
-            <script type="text/javascript"
80 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 228 
           </div>
82 229 
         </article>
83 230 
         <div id="claer">
 
@@ -85,7 +232,6 @@
85 232 
       </div>
86 233 
     </section>
87 234
88 
-
89 235 
     <!--ヘッダーデータ-->
90 236 
     <header>
91 237 
       <div id="header" class="gothic">
 
@@ -155,7 +301,7 @@
155 301 
           </div>
156 302 
           <span id="template_article_block">
157 303 
             <!--左側=========================================================================================================================-->
158 
-            <div class="left">
304 
+            <div class="left_mobile">
159 305 
               <div class="template_list">
160 306 
                 <span class="template_list">
161 307 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -208,7 +354,7 @@
208 354 
             </div>
209 355 
             <!--右側=========================================================================================================================-->
210 356
211 
-            <div class="right">
357 
+            <div class="right_mobile">
212 358 
               <div class="template_list">
213 359 
                 <span class="template_list">
214 360 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -274,16 +420,32 @@
274 420 
     </div>
275 421
276 422 
     <footer>
277 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
278 
-      <br />
279 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
280 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
423 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
424 
+      <div class="footer_mobile">
425 
+        <div class="footer_mobile_title">
426 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
427 
+          <h1 class="footerMobile__text">北方町役場</h1>
428 
+        </div>
429 
+        <div class="footer_mobile_address">
430 
+          <span class="footerTextWrap__text">
431 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
432 
+          </span><br>
433 
+          電話:058-323-1111(代)<br>
434 
+          FAX:058-323-2963<br>
435 
+          開庁日：8時30分～17時15分<br>
436 
+          （土・日・祝日、年末年始を除く）<br>
437 
+        </div>
438 
+      </div>
439 
+      <br class="sp__brDisplay">
440 
+      <p class="footer_text">
441 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
442 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
443 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
281 444 
       </p>
282 445 
     </footer>
283 
-
284 446 
   </div>
285 447 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Agriculture" height="1"
286 448 
     width="1" />
287 449 
 </body>
288 450
289 
-</html>
451 
+</html>

+ 190
- 26
second/Application_downloading.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>申請書ダウンロード 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                         src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                      getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja"/>
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                         class="mobile_form_input"/>
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
201 
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+      <div id="charsize_img">
203 
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+      </div>
207 
+      </article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,16 +224,6 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
 
@@ -146,7 +293,7 @@
146 293 
             </div>
147 294 
           </div>
148 295 
         </article>
149 
-        <div class="left">
296 
+        <div class="left_mobile">
150 297 
           <article id="template_list_title">
151 298 
             <div id="template_title2" class="gothic">
152 299 
               <div id="template_title_block">
 
@@ -191,7 +338,7 @@
191 338 
             <div id="template_title2" class="gothic">
192 339 
               <div id="template_title_block">
193 340 
                 <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
194 
-                    href="../third/living/Application_health.html" name="anc2">健康・予防</a></span>
341 
+                    href="../third/living/Application_health.html" name="anc2">健康・医療</a></span>
195 342 
               </div>
196 343 
             </div>
197 344 
           </article>
 
@@ -213,7 +360,7 @@
213 360 
           </article>
214 361 
         </div>
215 362
216 
-        <div class="right">
363 
+        <div class="right_mobile">
217 364 
           <article id="template_list_title">
218 365 
             <div id="template_title2" class="gothic">
219 366 
               <div id="template_title_block">
 
@@ -276,10 +423,27 @@
276 423 
     </div>
277 424
278 425 
     <footer>
279 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
280 
-      <br />
281 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
282 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
426 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
427 
+      <div class="footer_mobile">
428 
+        <div class="footer_mobile_title">
429 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
430 
+          <h1 class="footerMobile__text">北方町役場</h1>
431 
+        </div>
432 
+        <div class="footer_mobile_address">
433 
+          <span class="footerTextWrap__text">
434 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
435 
+          </span><br>
436 
+          電話:058-323-1111(代)<br>
437 
+          FAX:058-323-2963<br>
438 
+          開庁日：8時30分～17時15分<br>
439 
+          （土・日・祝日、年末年始を除く）<br>
440 
+        </div>
441 
+      </div>
442 
+      <br class="sp__brDisplay">
443 
+      <p class="footer_text">
444 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
445 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
446 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
283 447 
       </p>
284 448 
     </footer>
285 449

+ 458
- 189
second/Barrier_free_policy.html Datei anzeigen 

@@ -1,206 +1,475 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>バリアフリーポリシー 北方町ホームページ</title>
6 
-        <!--くらしの情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/third_template.css" >
12 
-<script src="../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>バリアフリーポリシー 北方町ホームページ</title>
8 
+	<!--くらしの情報-->
9 
+	<link rel="stylesheet" href="../css/base.css">
10 
+	<link rel="stylesheet" href="../css/second_header.css">
11 
+	<link rel="stylesheet" href="../css/footer.css">
12 
+	<link rel="stylesheet" href="../css/section.css">
13 
+	<link rel="stylesheet" href="../css/third_template.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+	</meta>
14 23 
 </head>
15 24
16 25 
 <body id="back">
17 
-<div id="main" class="gothic">
18 
-<!--セクション 操作-->
19 
-<section id="operation" >
20 
-<!--セクション 住所-->
21 
-<article id="address" >
22 
-<address id="operation_add">
23 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24 
-</address>
25 
-</article>
26 
-<div id="controle_panel">
27 
-<!--セクション 背景色-->
28 
-<article id="bgcolor" >
29 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
30 
-<div id="bgcolor_img">
31 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber2();
37 
-</script>
38 
-</article>
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+						<div class="h-menu_block_text">
63 
+							<div class="h-menu_block_text_center">くらしの情報</div>
64 
+						</div>
65 
+					</div>
66 
+					<div class="h-accordion__content">
67 
+						<div class="h-menu_accordion_block_start">
68 
+							<div class="h-menu_accordion_block_text">
69 
+								<a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+							</div>
71 
+						</div>
72 
+						<div class="h-menu_accordion_block">
73 
+							<div class="h-menu_accordion_block_text">
74 
+								<a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+							</div>
76 
+						</div>
77 
+						<div class="h-menu_accordion_block">
78 
+							<div class="h-menu_accordion_block_text">
79 
+								<a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+							</div>
81 
+						</div>
82 
+						<div class="h-menu_accordion_block">
83 
+							<div class="h-menu_accordion_block_text">
84 
+								<a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+							</div>
86 
+						</div>
87 
+						<div class="h-menu_accordion_block">
88 
+							<div class="h-menu_accordion_block_text">
89 
+								<a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+							</div>
91 
+						</div>
92 
+						<div class="h-menu_accordion_block">
93 
+							<div class="h-menu_accordion_block_text">
94 
+								<a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+							</div>
96 
+						</div>
97 
+						<div class="h-menu_accordion_block">
98 
+							<div class="h-menu_accordion_block_text">
99 
+								<a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+							</div>
101 
+						</div>
102 
+						<div class="h-menu_accordion_block">
103 
+							<div class="h-menu_accordion_block_text">
104 
+								<a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+							</div>
106 
+						</div>
107 
+						<div class="h-menu_accordion_block">
108 
+							<div class="h-menu_accordion_block_text">
109 
+								<a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+							</div>
111 
+						</div>
112 
+						<div class="h-menu_accordion_block">
113 
+							<div class="h-menu_accordion_block_text">
114 
+								<a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+							</div>
116 
+						</div>
117 
+						<div class="h-menu_accordion_block">
118 
+							<div class="h-menu_accordion_block_text">
119 
+								<a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+							</div>
121 
+						</div>
122 
+						<div class="h-menu_accordion_block">
123 
+							<div class="h-menu_accordion_block_text">
124 
+								<a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+							</div>
126 
+						</div>
127 
+						<div class="h-menu_accordion_block">
128 
+							<div class="h-menu_accordion_block_text">
129 
+								<a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+							</div>
131 
+						</div>
132 
+						<div class="h-menu_accordion_block">
133 
+							<div class="h-menu_accordion_block_text">
134 
+								<a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+							</div>
136 
+						</div>
137 
+						<div class="h-menu_accordion_block">
138 
+							<div class="h-menu_accordion_block_text">
139 
+								<a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+							</div>
141 
+						</div>
142 
+						<div class="h-menu_accordion_block">
143 
+							<div class="h-menu_accordion_block_text">
144 
+								<a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+							</div>
146 
+						</div>
147 
+						<div class="h-menu_accordion_block">
148 
+							<div class="h-menu_accordion_block_text">
149 
+								<a class="h_link" href="../second/Application_downloading.html"
150 
+									name="anc15">申請書ダウンロード</a>
151 
+							</div>
152 
+						</div>
153 
+						<div class="h-menu_accordion_block">
154 
+							<div class="h-menu_accordion_block_text">
155 
+								<a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+									name="anc15">カワセミ便<br />（きたがた情報メール）</a>
157 
+							</div>
158 
+						</div>
159 
+					</div>
160 
+				</div>
161 
+				<div class="h-menu_main_block">
162 
+					<div class="h-menu_block">
163 
+						<a href="../second/tourism.html">
164 
+							<div class="h-menu_block_text h-menu_block_before">
165 
+								<div class="h-menu_block_text_center">
166 
+									観光
167 
+								</div>
168 
+							</div>
169 
+						</a>
170 
+					</div>
171 
+				</div>
172 
+				<div class="h-menu_main_block">
173 
+					<div class="h-menu_block">
174 
+						<a href="../second/business.html">
175 
+							<div class="h-menu_block_text h-menu_block_before">
176 
+								<div class="h-menu_block_text_center">事業者向け情報</div>
177 
+							</div>
178 
+						</a>
179 
+					</div>
180 
+				</div>
181 
+				<div class="h-menu_main_block">
182 
+					<div class="h-menu_block">
183 
+						<a href="../second/town_admini_info.html">
184 
+							<div class="h-menu_block_text h-menu_block_before">
185 
+								<div class="h-menu_block_text_center">町政情報</div>
186 
+							</div>
187 
+						</a>
188 
+					</div>
189 
+				</div>
190 
+				<div class="h-menu_main_block">
191 
+					<div class="h-menu_block h-menu_block_before">
192 
+						<a href="../second/sitemap.html">
193 
+							<div class="h-menu_block_text h-menu_block_before">
194 
+								<div class="h-menu_block_text_center">
195 
+									サイトマップ
196 
+								</div>
197 
+							</div>
198 
+						</a>
199 
+					</div>
200 
+				</div>
201 
+				<div class="h-menu_main_block">
202 
+					<div class="h-menu_block h-menu_block_before">
203 
+						<a href="https://ai-staff.net/kitagata/chat">
204 
+							<div class="h-menu_block_text  h-menu_block_before">
205 
+								<div class="h-menu_block_text_center">
206 
+									AIチャット
207 
+								</div>
208 
+							</div>
209 
+						</a>
210 
+					</div>
211 
+				</div>
212 
+				<div class="h-menu_main_block">
213 
+					<div class="h-menu_block h-menu_block_before">
214 
+						<a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+							<div class="h-menu_block_text">
216 
+								<div class="h-menu_block_text_center">
217 
+									お問い合わせ一覧
218 
+								</div>
219 
+							</div>
220 
+						</a>
221 
+					</div>
222 
+				</div>
223 
+				<div class="h-menu_main_block">
224 
+					<div class="h-menu_lang">
225 
+						<div class="h-menu_block_lang">
226 
+							<div class="h-menu_block_text_center">
227 
+								<div class="h-menu_block_text_line">
228 
+									背景変更
229 
+									<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+									</div>
231 
+									<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+									</div>
233 
+									<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+									</div>
235 
+								</div>
236 
+								<script>
237 
+									getBackgNumber2();
238 
+								</script>
239 
+								<div class="h-menu_block_text_line">言語選択
240 
+									<div class="mobile_translation">
241 
+										<div id="google_translate_element"></div>
242 
+									</div>
243 
+								</div>
244 
+							</div>
245 
+						</div>
246 
+					</div>
247 
+				</div>
248 
+				<div class="h-menu_main_block">
249 
+					<div class="h-menu_search">
250 
+						<div class="h-menu_block_search">
251 
+							<form action="https://www.google.com/search">
252 
+								<input type="hidden" name="hl" value="ja" />
253 
+								<input type="hidden" name="ie" value="UTF-8">
254 
+								<input type="hidden" name="oe" value="UTF-8">
255 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
256 
+								<input type="text" name="q" size="16" maxlength="256" value=""
257 
+									class="mobile_form_input" />
258 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
259 
+							</form>
260 
+						</div>
261 
+					</div>
262 
+				</div>
263 
+			</div>
264 
+		</header>
265 
+
39 266
40 
-<!--セクション 文字サイズ-->
41 
-<!--<article id="charsize" >
42 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
267 
+		<!--セクション 操作-->
268 
+		<section id="operation">
269 
+			<!--セクション 住所-->
270 
+			<article id="address">
271 
+				<address id="operation_add">
272 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
273 
+						TEL:058-323-1111(代)</span>
274 
+				</address>
275 
+			</article>
276 
+			<div id="controle_panel">
277 
+				<!--セクション 背景色-->
278 
+				<article id="bgcolor">
279 
+					<img src="../css/img/013.png" alt="背景色変更ボックス" />
280 
+					<div id="bgcolor_img">
281 
+						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+							onClick="setBackground2(1)">
283 
+						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+							onClick="setBackground2(2)">
285 
+						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+							onClick="setBackground2(3)">
287 
+					</div>
288 
+					<script>
289 
+						getBackgNumber2();
290 
+					</script>
291 
+				</article>
49 292
50 
-<!--セクション サイトマップ-->
51 
-<article id="sitemap" >
52 
- <div id="sitemap_img">
53 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54 
- </div>
55 
-</article>
56 
-<!--セクション お問い合わせ-->
57 
-<article id="contact" >
58 
- <div id="contact_img">
59 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60 
- </div>
61 
-</article>
62 
-<!--セクション 翻訳-->
63 
-<article id="translation" >
64 
-<div id="translation_img">
65 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
66 
-<div id="google_translate_element"></div>
67 
-<script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
71 
-</script>
72 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73 
-</div>
74 
-</article>
75 
-<div id="claer">
76 
-</div>
77 
-</div>
78 
-</section>
293 
+				<!--セクション 文字サイズ-->
294 
+				<!--<article id="charsize" >
295 
+	    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+	    <div id="charsize_img">
297 
+	    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+	    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+	    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+	    </div>
301 
+	    </article>-->
79 302
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
303 
+				<!--セクション サイトマップ-->
304 
+				<article id="sitemap">
305 
+					<div id="sitemap_img">
306 
+						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
307 
+					</div>
308 
+				</article>
309 
+				<!--セクション お問い合わせ-->
310 
+				<article id="contact">
311 
+					<div id="contact_img">
312 
+						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
314 
+					</div>
315 
+				</article>
316 
+				<!--セクション 翻訳-->
317 
+				<article id="translation">
318 
+					<div id="translation_img">
319 
+						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+						<div id="google_translate_element"></div>
321 
+					</div>
322 
+				</article>
323 
+				<div id="claer">
324 
+				</div>
325 
+			</div>
326 
+		</section>
327 
+
328 
+		<!--ヘッダーデータ-->
329 
+		<header>
82 330 
 			<div id="header" class="gothic">
83 331 
 				<a href="../index.html">
84 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
85 
-                </a>
332 
+					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
333 
+				</a>
86 334 
 				<div id="h_block_1">
87 
-                    <div class="h_line">
88 
-                    </div>
89 
-                    <article class="h_text_l">
90 
-                        <a class="h_link" href="../second/living.html">
91 
-                            <span class="h_text">くらしの情報</span></a>
92 
-                    </article>
93 
-                    <article class="h_text_l">
94 
-                        <a class="h_link" href="../second/tourism.html">
95 
-                            <span class="h_text">観光</span></a>
96 
-                    </article>
97 
-                    <article class="h_text_l">
98 
-                        <a class="h_link" href="../second/business.html">
99 
-                            <span class="h_text">事業者向け情報</span></a>
100 
-                    </article>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../second/town_admini_info.html">
103 
-                            <span class="h_text">町政情報</span></a>
104 
-                    </article>
105 
-                </div>
106 
-                <div id="h_block_search">
107 
-                    <div class="h_line"></div>
108 
-                    <article class="h_search">
109 
-                    	<div class="space10"></div>
110 
-                    	<form action="http://www.google.com/search">
111 
-                        <input type="hidden" name="hl" value="ja" />
112 
-                        <input type="hidden" name="ie" value="UTF-8">
113 
-                        <input type="hidden" name="oe" value="UTF-8">
114 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
115 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
116 
-                        <input type="submit" name="btnG" value="検索" />
117 
-                        </form>
118 
-
119 
-                    </article>
120 
-                </div>
121 
-			</div>
122 
-			</header>
123 
-
124 
-			<div >
125 
-				<!--セクション template-->
126 
-				<section id="template" >
127 
-					<article id="breadcrumb" >
128 
-						<div id="breadcrumb_title">
129 
-							<div id="breadcrumb_title_block">
130 
-								<span id="breadcrumb_title"><a href="../index.html">トップ</a>>バリアフリーポリシー</span>
131 
-							</div>
132 
-						</div>
335 
+					<div class="h_line">
336 
+					</div>
337 
+					<article class="h_text_l">
338 
+						<a class="h_link" href="../second/living.html">
339 
+							<span class="h_text">くらしの情報</span></a>
133 340 
 					</article>
134 
-					<article id="template" >
135 
-						<div id="template_title" class="gothic">
136 
-							<div id="template_title_block">
137 
-								<span id="template_title">バリアフリーポリシー</span>
138 
-							</div>
139 
-						</div>
341 
+					<article class="h_text_l">
342 
+						<a class="h_link" href="../second/tourism.html">
343 
+							<span class="h_text">観光</span></a>
140 344 
 					</article>
141 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
142 
-					<article id="template_list_title" >
143 
-						<div id="template_title2" class="gothic">
144 
-							<div id="template_title_block">
145 
-								<span id="template_title2">ガイドラインの趣旨</span>
146 
-							</div>
147 
-						</div>
148 
-						<!-- 本文データ 入力 -->
149 
-						<span id="template_article_block">
150 
-							　昨今のインターネットの普及により、誰もが身近にインターネットを利用してホームページを見ることができるようになりました。そのため、年齢、障害の有無、利用環境などに関わらず、あらゆる利用者が快適に閲覧できるホームページを作成することが必要とされています。
151 
-							<br />
152 
-							<br />　このような状況を踏まえ、ホームページを利用する人はどんな人がいるのか、どういう環境で利用しているのかということを考え、より多くの方が快適に岐阜県北方町ホームページを利用できるよう、ホームページ作成に際して実施していく項目を本ガイドラインに定めるものです。
153 
-						</span>
154 
-						<!-- 本文データ ここまで -->
345 
+					<article class="h_text_l">
346 
+						<a class="h_link" href="../second/business.html">
347 
+							<span class="h_text">事業者向け情報</span></a>
155 348 
 					</article>
156 
-					<!-- 小タイトルここまで -->
157 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
158 
-					<article id="template_list_title" >
159 
-						<div id="template_title2" class="gothic">
160 
-							<div id="template_title_block">
161 
-								<span id="template_title2">ホームページ作成基本方針</span>
162 
-							</div>
163 
-						</div>
164 
-						<!-- 本文データ 入力 -->
165 
-						<span id="template_article_block">
166 
-							　利用者の環境に関わらず、誰でも支障なく利用でき、かつ必要な情報が得られるホームページの作成を目指すこと。
167 
-							<br />
168 
-							<br />　ホームページの作成にあたっては、使いやすさ、分かりやすさ、情報の見つけやすさなど、利用者の立場に立ったページづくりを最優先すること。
169 
-							<br />
170 
-							<br />　情報の管理は、基本的に各課等で行うこととし、各課等は、正確かつ迅速に行政情報を提供することで、利用者の利便性向上に努めること。
171 
-						</span>
172 
-						<!-- 本文データ ここまで -->
349 
+					<article class="h_text_l">
350 
+						<a class="h_link" href="../second/town_admini_info.html">
351 
+							<span class="h_text">町政情報</span></a>
173 352 
 					</article>
174 
-					<!-- 小タイトルここまで -->
175 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
176 
-					<article id="template_list_title" >
177 
-						<div id="template_title2" class="gothic">
178 
-							<div id="template_title_block">
179 
-								<span id="template_title2">ホームページ作成基準</span>
180 
-							</div>
181 
-						</div>
182 
-						<!-- 本文データ 入力 -->
183 
-						<span id="template_article_block">
184 
-							　ホームページの作成は、W3Cの指針｢Webコンテンツアクセシビリテイ・ガイドライン1.0｣、総務省の｢インターネットにおけるアクセシブルなウェブコンテンツの作成方法に関する指針｣及び日本工業規格「JIS X8341-3高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」に準拠する。						</span>
185 
-						<!-- 本文データ ここまで -->
353 
+				</div>
354 
+				<div id="h_block_search">
355 
+					<div class="h_line"></div>
356 
+					<article class="h_search">
357 
+						<div class="space10"></div>
358 
+						<form action="http://www.google.com/search">
359 
+							<input type="hidden" name="hl" value="ja" />
360 
+							<input type="hidden" name="ie" value="UTF-8">
361 
+							<input type="hidden" name="oe" value="UTF-8">
362 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
363 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
364 
+							<input type="submit" name="btnG" value="検索" />
365 
+						</form>
366 
+
186 367 
 					</article>
187 
-					<!-- 小タイトルここまで -->
188 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
189 
-
190 
-
191 
-
192 
-					<!-- 小タイトルここまで -->
193 
-				</section>
368 
+				</div>
194 369 
 			</div>
195 
-
196 
-			<footer>
197 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
198 
-			<br />
199 
-
200 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
201 
-			</footer>
202 
-
370 
+		</header>
371 
+
372 
+		<div>
373 
+			<!--セクション template-->
374 
+			<section id="template">
375 
+				<article id="breadcrumb">
376 
+					<div id="breadcrumb_title">
377 
+						<div id="breadcrumb_title_block">
378 
+							<span id="breadcrumb_title"><a href="../index.html">トップ</a>>バリアフリーポリシー</span>
379 
+						</div>
380 
+					</div>
381 
+				</article>
382 
+				<article id="template">
383 
+					<div id="template_title" class="gothic">
384 
+						<div id="template_title_block">
385 
+							<span id="template_title">バリアフリーポリシー</span>
386 
+						</div>
387 
+					</div>
388 
+				</article>
389 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
390 
+				<article id="template_list_title">
391 
+					<div id="template_title2" class="gothic">
392 
+						<div id="template_title_block">
393 
+							<span id="template_title2">ガイドラインの趣旨</span>
394 
+						</div>
395 
+					</div>
396 
+					<!-- 本文データ 入力 -->
397 
+					<span id="template_article_block">
398 
+						　昨今のインターネットの普及により、誰もが身近にインターネットを利用してホームページを見ることができるようになりました。そのため、年齢、障害の有無、利用環境などに関わらず、あらゆる利用者が快適に閲覧できるホームページを作成することが必要とされています。
399 
+						<br />
400 
+						<br />　このような状況を踏まえ、ホームページを利用する人はどんな人がいるのか、どういう環境で利用しているのかということを考え、より多くの方が快適に岐阜県北方町ホームページを利用できるよう、ホームページ作成に際して実施していく項目を本ガイドラインに定めるものです。
401 
+					</span>
402 
+					<!-- 本文データ ここまで -->
403 
+				</article>
404 
+				<!-- 小タイトルここまで -->
405 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
406 
+				<article id="template_list_title">
407 
+					<div id="template_title2" class="gothic">
408 
+						<div id="template_title_block">
409 
+							<span id="template_title2">ホームページ作成基本方針</span>
410 
+						</div>
411 
+					</div>
412 
+					<!-- 本文データ 入力 -->
413 
+					<span id="template_article_block">
414 
+						　利用者の環境に関わらず、誰でも支障なく利用でき、かつ必要な情報が得られるホームページの作成を目指すこと。
415 
+						<br />
416 
+						<br />　ホームページの作成にあたっては、使いやすさ、分かりやすさ、情報の見つけやすさなど、利用者の立場に立ったページづくりを最優先すること。
417 
+						<br />
418 
+						<br />　情報の管理は、基本的に各課等で行うこととし、各課等は、正確かつ迅速に行政情報を提供することで、利用者の利便性向上に努めること。
419 
+					</span>
420 
+					<!-- 本文データ ここまで -->
421 
+				</article>
422 
+				<!-- 小タイトルここまで -->
423 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
424 
+				<article id="template_list_title">
425 
+					<div id="template_title2" class="gothic">
426 
+						<div id="template_title_block">
427 
+							<span id="template_title2">ホームページ作成基準</span>
428 
+						</div>
429 
+					</div>
430 
+					<!-- 本文データ 入力 -->
431 
+					<span id="template_article_block">
432 
+						　ホームページの作成は、W3Cの指針｢Webコンテンツアクセシビリテイ・ガイドライン1.0｣、総務省の｢インターネットにおけるアクセシブルなウェブコンテンツの作成方法に関する指針｣及び日本工業規格「JIS
433 
+						X8341-3高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」に準拠する。 </span>
434 
+					<!-- 本文データ ここまで -->
435 
+				</article>
436 
+				<!-- 小タイトルここまで -->
437 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
438 
+
439 
+
440 
+
441 
+				<!-- 小タイトルここまで -->
442 
+			</section>
203 443 
 		</div>
204 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Barrier_free_policy" height="1" width="1" />
205 
-	</body>
206 
-</html>
444 
+
445 
+		<footer>
446 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
447 
+			<div class="footer_mobile">
448 
+				<div class="footer_mobile_title">
449 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
450 
+					<h1 class="footerMobile__text">北方町役場</h1>
451 
+				</div>
452 
+				<div class="footer_mobile_address">
453 
+					<span class="footerTextWrap__text">
454 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
455 
+					</span><br>
456 
+					電話:058-323-1111(代)<br>
457 
+					FAX:058-323-2963<br>
458 
+					開庁日：8時30分～17時15分<br>
459 
+					（土・日・祝日、年末年始を除く）<br>
460 
+				</div>
461 
+			</div>
462 
+			<br class="sp__brDisplay">
463 
+			<p class="footer_text">
464 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
465 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
466 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
467 
+			</p>
468 
+		</footer>
469 
+
470 
+	</div>
471 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Barrier_free_policy"
472 
+		height="1" width="1" />
473 
+</body>
474 
+
475 
+</html>

+ 335
- 167
second/Calender.html Datei anzeigen 

@@ -1,47 +1,207 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>北方町イベントスケジュール 北方町ホームページ</title>
7 
-	<!--くらしの情報-->
8 
-	<link rel="stylesheet" href="../css/base.css">
9 
-	<link rel="stylesheet" href="../css/second_header.css">
10 
-	<link rel="stylesheet" href="../css/footer.css">
11 
-	<link rel="stylesheet" href="../css/section.css">
12 
-	<link rel="stylesheet" href="../css/third_template.css">
13 
-	<link rel="stylesheet" href="../css/calender.css">
14 
-	<script src="../js/operation.js"></script>
15 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-	</meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町イベントスケジュール 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/calender.css">
15 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
23 
+  </meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
20 
-	<script>
21 
-		getBackgNumber2();
22 
-	</script>
23 
-	<div id="main" class="gothic">
24 
-		<!--セクション 操作-->
25 
-		<section id="operation">
26 
-			<!--セクション 住所-->
27 
-			<article id="address">
28 
-				<address id="operation_add">
29 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+  <!-- mobile header -->
39 
+  <header class="header">
40 
+    <div class="headerLogo">
41 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+    </div>
44 
+    <div class="headerTitle">
45 
+      <a href="../index.html" class="header_link">
46 
+        <h1 class="headerTitle__text">北方町</h1>
47 
+      </a>
48 
+    </div>
49 
+    <div class="headerSubTitle">
50 
+      <a href="../index.html" class="header_link">
51 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+      </a>
53 
+    </div>
54 
+    <div id="h-menu">
55 
+      <span></span>
56 
+      <span></span>
57 
+      <span></span>
58 
+      <div id="h-text">menu</div>
59 
+    </div>
60 
+    <div id="h-nav">
61 
+      <div class="h-menu_main_block_top">
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../second/living.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">くらしの情報</div>
67 
+              </div>
68 
+            </a>
69 
+          </div>
70 
+        </div>
71 
+        <div class="h-menu_main_block">
72 
+          <div class="h-menu_block">
73 
+            <a href="../second/tourism.html">
74 
+              <div class="h-menu_block_text h-menu_block_before">
75 
+                <div class="h-menu_block_text_center">
76 
+                  観光
77 
+                </div>
78 
+              </div>
79 
+            </a>
80 
+          </div>
81 
+        </div>
82 
+        <div class="h-menu_main_block">
83 
+          <div class="h-menu_block">
84 
+            <a href="../second/business.html">
85 
+              <div class="h-menu_block_text h-menu_block_before">
86 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+              </div>
88 
+            </a>
89 
+          </div>
90 
+        </div>
91 
+        <div class="h-menu_main_block">
92 
+          <div class="h-menu_block">
93 
+            <a href="../second/town_admini_info.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">町政情報</div>
96 
+              </div>
97 
+            </a>
98 
+          </div>
99 
+        </div>
100 
+        <div class="h-menu_main_block">
101 
+          <div class="h-menu_block h-menu_block_before">
102 
+            <a href="../second/sitemap.html">
103 
+              <div class="h-menu_block_text h-menu_block_before">
104 
+                <div class="h-menu_block_text_center">
105 
+                  サイトマップ
106 
+                </div>
107 
+              </div>
108 
+            </a>
109 
+          </div>
110 
+        </div>
111 
+        <div class="h-menu_main_block">
112 
+          <div class="h-menu_block h-menu_block_before">
113 
+            <a href="https://ai-staff.net/kitagata/chat">
114 
+              <div class="h-menu_block_text  h-menu_block_before">
115 
+                <div class="h-menu_block_text_center">
116 
+                  AIチャット
117 
+                </div>
118 
+              </div>
119 
+            </a>
120 
+          </div>
121 
+        </div>
122 
+        <div class="h-menu_main_block">
123 
+          <div class="h-menu_block h-menu_block_before">
124 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+              <div class="h-menu_block_text">
126 
+                <div class="h-menu_block_text_center">
127 
+                  お問い合わせ一覧
128 
+                </div>
129 
+              </div>
130 
+            </a>
131 
+          </div>
132 
+        </div>
133 
+        <div class="h-menu_main_block">
134 
+          <div class="h-menu_lang">
135 
+            <div class="h-menu_block_lang">
136 
+              <div class="h-menu_block_text_center">
137 
+                <div class="h-menu_block_text_line">
138 
+                  背景変更
139 
+                  <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                  </div>
141 
+                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                  </div>
143 
+                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                  </div>
145 
+                </div>
146 
+                <script>
147 
+                    getBackgNumber2();
148 
+                </script>
149 
+                <div class="h-menu_block_text_line">言語選択
150 
+                  <div class="mobile_translation">
151 
+                    <div id="google_translate_element"></div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+        </div>
158 
+        <div class="h-menu_main_block">
159 
+          <div class="h-menu_search">
160 
+            <div class="h-menu_block_search">
161 
+              <form action="https://www.google.com/search">
162 
+                <input type="hidden" name="hl" value="ja"/>
163 
+                <input type="hidden" name="ie" value="UTF-8">
164 
+                <input type="hidden" name="oe" value="UTF-8">
165 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
166 
+                <input type="text" name="q" size="16" maxlength="256" value=""
167 
+                       class="mobile_form_input"/>
168 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169 
+              </form>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </div>
175 
+  </header>
176 
+
177 
+  <!--セクション 操作-->
178 
+  <section id="operation">
179 
+    <!--セクション 住所-->
180 
+    <article id="address">
181 
+      <address id="operation_add">
182 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
30 183 
 						TEL:058-323-1111(代)</span>
31 
-				</address>
32 
-			</article>
33 
-			<div id="controle_panel">
34 
-				<!--セクション 背景色-->
35 
-				<article id="bgcolor">
36 
-					<img src="../css/img/013.png" alt="背景色変更ボックス" />
37 
-					<div id="bgcolor_img">
38 
-						<input type="image" src="../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground2(1)">
39 
-						<input type="image" src="../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground2(2)">
40 
-						<input type="image" src="../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground2(3)">
41 
-					</div>
42 
-				</article>
43 
-				<!--セクション 文字サイズ-->
44 
-				<!--<article id="charsize" >
184 
+      </address>
185 
+    </article>
186 
+    <div id="controle_panel">
187 
+      <!--セクション 背景色-->
188 
+      <article id="bgcolor">
189 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
190 
+        <div id="bgcolor_img">
191 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground2(1)">
193 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground2(2)">
195 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
196 
+                 onClick="setBackground2(3)">
197 
+        </div>
198 
+        <script>
199 
+            getBackgNumber2();
200 
+        </script>
201 
+      </article>
202 
+
203 
+      <!--セクション 文字サイズ-->
204 
+      <!--<article id="charsize" >
45 205 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
46 206 
 <div id="charsize_img">
47 207 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -50,152 +210,160 @@
50 210 
 </div>
51 211 
 </article>-->
52 212
53 
-				<!--セクション サイトマップ-->
54 
-				<article id="sitemap">
55 
-					<div id="sitemap_img">
56 
-						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
57 
-					</div>
58 
-				</article>
59 
-				<!--セクション お問い合わせ-->
60 
-				<article id="contact">
61 
-					<div id="contact_img">
62 
-						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
63 
-								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
64 
-					</div>
65 
-				</article>
66 
-				<!--セクション 翻訳-->
67 
-				<article id="translation">
68 
-					<div id="translation_img">
69 
-						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
70 
-						<div id="google_translate_element"></div>
71 
-						<script type="text/javascript">
72 
-							function googleTranslateElementInit() {
73 
-								new google.translate.TranslateElement({
74 
-									pageLanguage: 'ja',
75 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-								}, 'google_translate_element');
77 
-							}
78 
-						</script>
79 
-						<script type="text/javascript"
80 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 
-					</div>
82 
-				</article>
83 
-				<div id="claer">
84 
-				</div>
85 
-			</div>
86 
-		</section>
87 
-		<!--ヘッダーデータ-->
88 
-		<header>
89 
-			<div id="header" class="gothic">
90 
-				<a href="../index.html">
91 
-					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
92 
-				</a>
93 
-				<div id="h_block_1">
94 
-					<div class="h_line">
95 
-					</div>
96 
-					<article class="h_text_l">
97 
-						<a class="h_link" href="../second/living.html">
98 
-							<span class="h_text">くらしの情報</span></a>
99 
-					</article>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../second/tourism.html">
102 
-							<span class="h_text">観光</span></a>
103 
-					</article>
104 
-					<article class="h_text_l">
105 
-						<a class="h_link" href="../second/business.html">
106 
-							<span class="h_text">事業者向け情報</span></a>
107 
-					</article>
108 
-					<article class="h_text_l">
109 
-						<a class="h_link" href="../second/town_admini_info.html">
110 
-							<span class="h_text">町政情報</span></a>
111 
-					</article>
112 
-				</div>
113 
-				<div id="h_block_search">
114 
-					<div class="h_line"></div>
115 
-					<article class="h_search">
116 
-						<div class="space10"></div>
117 
-						<form action="http://www.google.com/search">
118 
-							<input type="hidden" name="hl" value="ja" />
119 
-							<input type="hidden" name="ie" value="UTF-8">
120 
-							<input type="hidden" name="oe" value="UTF-8">
121 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
122 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
123 
-							<input type="submit" name="btnG" value="検索" />
124 
-						</form>
213 
+      <!--セクション サイトマップ-->
214 
+      <article id="sitemap">
215 
+        <div id="sitemap_img">
216 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
217 
+        </div>
218 
+      </article>
219 
+      <!--セクション お問い合わせ-->
220 
+      <article id="contact">
221 
+        <div id="contact_img">
222 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
223 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
224 
+        </div>
225 
+      </article>
226 
+      <!--セクション 翻訳-->
227 
+      <article id="translation">
228 
+        <div id="translation_img">
229 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
230 
+          <div id="google_translate_element"></div>
231 
+        </div>
232 
+      </article>
233 
+      <div id="claer">
234 
+      </div>
235 
+    </div>
236 
+  </section>
237 
+
238 
+  <!--ヘッダーデータ-->
239 
+  <header>
240 
+    <div id="header" class="gothic">
241 
+      <a href="../index.html">
242 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
243 
+      </a>
244 
+      <div id="h_block_1">
245 
+        <div class="h_line">
246 
+        </div>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../second/living.html">
249 
+            <span class="h_text">くらしの情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../second/tourism.html">
253 
+            <span class="h_text">観光</span></a>
254 
+        </article>
255 
+        <article class="h_text_l">
256 
+          <a class="h_link" href="../second/business.html">
257 
+            <span class="h_text">事業者向け情報</span></a>
258 
+        </article>
259 
+        <article class="h_text_l">
260 
+          <a class="h_link" href="../second/town_admini_info.html">
261 
+            <span class="h_text">町政情報</span></a>
262 
+        </article>
263 
+      </div>
264 
+      <div id="h_block_search">
265 
+        <div class="h_line"></div>
266 
+        <article class="h_search">
267 
+          <div class="space10"></div>
268 
+          <form action="http://www.google.com/search">
269 
+            <input type="hidden" name="hl" value="ja"/>
270 
+            <input type="hidden" name="ie" value="UTF-8">
271 
+            <input type="hidden" name="oe" value="UTF-8">
272 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
273 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
274 
+            <input type="submit" name="btnG" value="検索"/>
275 
+          </form>
125 276
126 
-					</article>
127 
-				</div>
128 
-			</div>
129 
-		</header>
277 
+        </article>
278 
+      </div>
279 
+    </div>
280 
+  </header>
130 281
131 
-		<div>
132 
-			<!--セクション template-->
133 
-			<section id="template">
134 
-				<article id="breadcrumb">
135 
-					<div id="breadcrumb_title">
136 
-						<div id="breadcrumb_title_block">
137 
-							<span id="breadcrumb_title"><a href="../index.html">トップ</a>>北方町イベントスケジュール</span>
138 
-						</div>
139 
-					</div>
140 
-				</article>
141 
-				<article id="template">
142 
-					<div id="template_title" class="gothic">
143 
-						<div id="template_title_block">
144 
-							<span id="template_title">北方町イベントスケジュール</span>
145 
-						</div>
146 
-					</div>
147 
-				</article>
148 
-				<article id="template_list_title">
149 
-					<div class="template_list">
282 
+  <div>
283 
+    <!--セクション template-->
284 
+    <section id="template">
285 
+      <article id="breadcrumb">
286 
+        <div id="breadcrumb_title">
287 
+          <div id="breadcrumb_title_block">
288 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>北方町イベントスケジュール</span>
289 
+          </div>
290 
+        </div>
291 
+      </article>
292 
+      <article id="template">
293 
+        <div id="template_title" class="gothic">
294 
+          <div id="template_title_block">
295 
+            <span id="template_title">北方町イベントスケジュール</span>
296 
+          </div>
297 
+        </div>
298 
+      </article>
299 
+      <article id="template_list_title">
300 
+        <div class="template_list">
150 301 
 						<span class="template_list">
151 302 
 							<span class="template_list_img left"><img
152 
-									src="../css/img/smallbutton_secondfloor.png" /></span>
303 
+                                    src="../css/img/smallbutton_secondfloor.png"/></span>
153 304 
 							<a href="../third/calender/Calender.html">
154 305 
 								くらしのカレンダー</a></span>
155 
-						<span class="clear"></span>
156 
-					</div>
157 
-				</article>
158 
-				<article id="template_list_title">
159 
-					<div class="template_list">
306 
+          <span class="clear"></span>
307 
+        </div>
308 
+      </article>
309 
+      <article id="template_list_title">
310 
+        <div class="template_list">
160 311 
 						<span class="template_list">
161 312 
 							<span class="template_list_img left"><img
162 
-									src="../css/img/smallbutton_secondfloor.png" /></span>
313 
+                                    src="../css/img/smallbutton_secondfloor.png"/></span>
163 314 
 							<a href="../third/calender/Living.html">
164 315 
 								注意事項</a></span>
165 
-						<span class="clear"></span>
166 
-					</div>
167 
-				</article>
168 
-				<!--
169 
-					<article id="template_list_title" >
170 
-						<div id="template_title2" class="gothic">
171 
-							<div id="template_title_block">
172 
-								<span id="template_title2">イベント一覧</span>
173 
-							</div>
174 
-						</div>
175 
-						<span id="template_article_block">
176 
-
316 
+          <span class="clear"></span>
317 
+        </div>
318 
+      </article>
319 
+      <!--
320 
+          <article id="template_list_title" >
321 
+              <div id="template_title2" class="gothic">
322 
+                  <div id="template_title_block">
323 
+                      <span id="template_title2">イベント一覧</span>
324 
+                  </div>
325 
+              </div>
326 
+              <span id="template_article_block">
327 
+
177 328 
 <!--
178 329 
 <iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;showTz=0&amp;height=660&amp;wkst=1&amp;bgcolor=%23ffffff&amp;src=kitagatatawn%40gmail.com&amp;color=%232952A3&amp;src=ja.japanese%23holiday%40group.v.calendar.google.com&amp;color=%23B1440E&amp;ctz=Asia%2FTokyo" style=" border-width:0 " width="660" height="660" frameborder="0" scrolling="no"></iframe>
179 330 
 -->
180 
-				<!--
181 
-						</span>
182 
-					</article>
183 
-				</section>
331 
+      <!--
332 
+              </span>
333 
+          </article>
334 
+      </section>
184 335 
 -->
185 
-		</div>
336 
+  </div>
186 337
187 
-		<footer>
188 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
189 
-			<br />
190 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
191 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
192 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
193 
-		</footer>
338 
+  <footer>
339 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
340 
+    <div class="footer_mobile">
341 
+      <div class="footer_mobile_title">
342 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
343 
+        <h1 class="footerMobile__text">北方町役場</h1>
344 
+      </div>
345 
+      <div class="footer_mobile_address">
346 
+					<span class="footerTextWrap__text">
347 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
348 
+					</span><br>
349 
+        電話:058-323-1111(代)<br>
350 
+        FAX:058-323-2963<br>
351 
+        開庁日：8時30分～17時15分<br>
352 
+        （土・日・祝日、年末年始を除く）<br>
353 
+      </div>
354 
+    </div>
355 
+    <br class="sp__brDisplay">
356 
+    <p class="footer_text">
357 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
358 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
359 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
360 
+    </p>
361 
+  </footer>
194 362
195 
-	</div>
196 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Calender" height="1"
197 
-		width="1" />
198 
-	<script src="../js/calender.js"></script>
363 
+</div>
364 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Calender" height="1"
365 
+     width="1"/>
366 
+<script src="../js/calender.js"></script>
199 367 
 </body>
200 368
201 369 
 </html>

+ 379
- 194
second/Certificate.html Datei anzeigen 

@@ -1,185 +1,347 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>証明書 北方町ホームページ</title>
6 
-        <!--くらしの情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/second_body.css" >
12 
-<script src="../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 
-
15 
-	</head>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+    <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+    <title>証明書 北方町ホームページ</title>
8 
+    <!--くらしの情報-->
9 
+    <link rel="stylesheet" href="../css/base.css">
10 
+    <link rel="stylesheet" href="../css/second_header.css">
11 
+    <link rel="stylesheet" href="../css/footer.css">
12 
+    <link rel="stylesheet" href="../css/section.css">
13 
+    <link rel="stylesheet" href="../css/second_body.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <script src="../js/operation.js"></script>
19 
+    <script src="../js/menu.js"></script>
20 
+    <script src="../js/accordion.js"></script>
21 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+    </meta>
23 
+
24 
+</head>
16 25
17 26 
 <body id="back">
18 
-<div id="main" class="gothic">
19 
-<!--セクション 操作-->
20 
-<section id="operation" >
21 
-<!--セクション 住所-->
22 
-<article id="address" >
23 
-<address id="operation_add">
24 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
25 
-</address>
26 
-</article>
27 
-<div id="controle_panel">
28 
-<!--セクション 背景色-->
29 
-<article id="bgcolor" >
30 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
31 
-<div id="bgcolor_img">
32 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
33 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
34 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
35 
-</div>
36 
-<script>
37 
-getBackgNumber2();
38 
-</script>
39 
-</article>
40 
-
41 
-<!--セクション 文字サイズ-->
42 
-<!--<article id="charsize" >
43 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
44 
-<div id="charsize_img">
45 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
46 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
47 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
48 
-</div>
49 
-</article>-->
50 
-
51 
-<!--セクション サイトマップ-->
52 
-<article id="sitemap" >
53 
- <div id="sitemap_img">
54 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
55 
- </div>
56 
-</article>
57 
-<!--セクション お問い合わせ-->
58 
-<article id="contact" >
59 
- <div id="contact_img">
60 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
61 
- </div>
62 
-</article>
63 
-<!--セクション 翻訳-->
64 
-<article id="translation" >
65 
-<div id="translation_img">
66 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
67 
-<div id="google_translate_element"></div>
68 27 
 <script type="text/javascript">
69 
-function googleTranslateElementInit() {
70 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
71 
-}
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
72 34 
 </script>
73 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
74 
-</div>
75 
-</article>
76 
-<div id="claer">
77 
-</div>
78 
-</div>
79 
-</section>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+        <div class="headerLogo">
41 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+        </div>
44 
+        <div class="headerTitle">
45 
+            <a href="../index.html" class="header_link">
46 
+                <h1 class="headerTitle__text">北方町</h1>
47 
+            </a>
48 
+        </div>
49 
+        <div class="headerSubTitle">
50 
+            <a href="../index.html" class="header_link">
51 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+            </a>
53 
+        </div>
54 
+        <div id="h-menu">
55 
+            <span></span>
56 
+            <span></span>
57 
+            <span></span>
58 
+            <div id="h-text">menu</div>
59 
+        </div>
60 
+        <div id="h-nav">
61 
+            <div class="h-menu_main_block_top">
62 
+                <div class="h-menu_block">
63 
+                    <a href="../second/living.html">
64 
+                        <div class="h-menu_block_text h-menu_block_before">
65 
+                            <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                        </div>
67 
+                    </a>
68 
+                </div>
69 
+            </div>
70 
+            <div class="h-menu_main_block">
71 
+                <div class="h-menu_block">
72 
+                    <a href="../second/tourism.html">
73 
+                        <div class="h-menu_block_text h-menu_block_before">
74 
+                            <div class="h-menu_block_text_center">
75 
+                                観光
76 
+                            </div>
77 
+                        </div>
78 
+                    </a>
79 
+                </div>
80 
+            </div>
81 
+            <div class="h-menu_main_block">
82 
+                <div class="h-menu_block">
83 
+                    <a href="../second/business.html">
84 
+                        <div class="h-menu_block_text h-menu_block_before">
85 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                        </div>
87 
+                    </a>
88 
+                </div>
89 
+            </div>
90 
+            <div class="h-menu_main_block">
91 
+                <div class="h-menu_block">
92 
+                    <a href="../second/town_admini_info.html">
93 
+                        <div class="h-menu_block_text h-menu_block_before">
94 
+                            <div class="h-menu_block_text_center">町政情報</div>
95 
+                        </div>
96 
+                    </a>
97 
+                </div>
98 
+            </div>
99 
+            <div class="h-menu_main_block">
100 
+                <div class="h-menu_block h-menu_block_before">
101 
+                    <a href="../second/sitemap.html">
102 
+                        <div class="h-menu_block_text h-menu_block_before">
103 
+                            <div class="h-menu_block_text_center">
104 
+                                サイトマップ
105 
+                            </div>
106 
+                        </div>
107 
+                    </a>
108 
+                </div>
109 
+            </div>
110 
+            <div class="h-menu_main_block">
111 
+                <div class="h-menu_block h-menu_block_before">
112 
+                    <a href="https://ai-staff.net/kitagata/chat">
113 
+                        <div class="h-menu_block_text  h-menu_block_before">
114 
+                            <div class="h-menu_block_text_center">
115 
+                                AIチャット
116 
+                            </div>
117 
+                        </div>
118 
+                    </a>
119 
+                </div>
120 
+            </div>
121 
+            <div class="h-menu_main_block">
122 
+                <div class="h-menu_block h-menu_block_before">
123 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                        <div class="h-menu_block_text">
125 
+                            <div class="h-menu_block_text_center">
126 
+                                お問い合わせ一覧
127 
+                            </div>
128 
+                        </div>
129 
+                    </a>
130 
+                </div>
131 
+            </div>
132 
+            <div class="h-menu_main_block">
133 
+                <div class="h-menu_lang">
134 
+                    <div class="h-menu_block_lang">
135 
+                        <div class="h-menu_block_text_center">
136 
+                            <div class="h-menu_block_text_line">
137 
+                                背景変更
138 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                                </div>
140 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                                </div>
142 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                                </div>
144 
+                            </div>
145 
+                            <script>
146 
+                                getBackgNumber2();
147 
+                            </script>
148 
+                            <div class="h-menu_block_text_line">言語選択
149 
+                                <div class="mobile_translation">
150 
+                                    <div id="google_translate_element"></div>
151 
+                                </div>
152 
+                            </div>
153 
+                        </div>
154 
+                    </div>
155 
+                </div>
156 
+            </div>
157 
+            <div class="h-menu_main_block">
158 
+                <div class="h-menu_search">
159 
+                    <div class="h-menu_block_search">
160 
+                        <form action="https://www.google.com/search">
161 
+                            <input type="hidden" name="hl" value="ja"/>
162 
+                            <input type="hidden" name="ie" value="UTF-8">
163 
+                            <input type="hidden" name="oe" value="UTF-8">
164 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                                   class="mobile_form_input"/>
167 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                        </form>
169 
+                    </div>
170 
+                </div>
171 
+            </div>
172 
+        </div>
173 
+    </header>
174 
+
175 
+
176 
+    <!--セクション 操作-->
177 
+    <section id="operation">
178 
+        <!--セクション 住所-->
179 
+        <article id="address">
180 
+            <address id="operation_add">
181 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+						TEL:058-323-1111(代)</span>
183 
+            </address>
184 
+        </article>
185 
+        <div id="controle_panel">
186 
+            <!--セクション 背景色-->
187 
+            <article id="bgcolor">
188 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
189 
+                <div id="bgcolor_img">
190 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
191 
+                           onClick="setBackground2(1)">
192 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
193 
+                           onClick="setBackground2(2)">
194 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
195 
+                           onClick="setBackground2(3)">
196 
+                </div>
197 
+                <script>
198 
+                    getBackgNumber2();
199 
+                </script>
200 
+            </article>
80 201
202 
+            <!--セクション 文字サイズ-->
203 
+            <!--<article id="charsize" >
204 
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
205 
+      <div id="charsize_img">
206 
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
207 
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
208 
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
209 
+      </div>
210 
+      </article>-->
81 211
82 
-			<!--ヘッダーデータ-->
83 
-			<header>
84 
-			<div id="header" class="gothic">
85 
-				<a href="../index.html">
212 
+            <!--セクション サイトマップ-->
213 
+            <article id="sitemap">
214 
+                <div id="sitemap_img">
215 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
216 
+                </div>
217 
+            </article>
218 
+            <!--セクション お問い合わせ-->
219 
+            <article id="contact">
220 
+                <div id="contact_img">
221 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
222 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
223 
+                </div>
224 
+            </article>
225 
+            <!--セクション 翻訳-->
226 
+            <article id="translation">
227 
+                <div id="translation_img">
228 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
229 
+                    <div id="google_translate_element"></div>
230 
+                </div>
231 
+            </article>
232 
+            <div id="claer">
233 
+            </div>
234 
+        </div>
235 
+    </section>
236 
+
237 
+
238 
+    <!--ヘッダーデータ-->
239 
+    <header>
240 
+        <div id="header" class="gothic">
241 
+            <a href="../index.html">
86 242 
                 <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
87 
-                </a>
88 
-				<div id="h_block_1">
89 
-                    <div class="h_line">
90 
-                    </div>
91 
-                    <article class="h_text_l">
92 
-                        <a class="h_link" href="../second/living.html">
93 
-                            <span class="h_text">くらしの情報</span></a>
94 
-                    </article>
95 
-                    <article class="h_text_l">
96 
-                        <a class="h_link" href="../second/tourism.html">
97 
-                            <span class="h_text">観光</span></a>
98 
-                    </article>
99 
-                    <article class="h_text_l">
100 
-                        <a class="h_link" href="../second/business.html">
101 
-                            <span class="h_text">事業者向け情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../second/town_admini_info.html">
105 
-                            <span class="h_text">町政情報</span></a>
106 
-                    </article>
107 
-                </div>
108 
-                <div id="h_block_search">
109 
-                    <div class="h_line"></div>
110 
-                    <article class="h_search">
111 
-                    	<div class="space10"></div>
112 
-                    	<form action="http://www.google.com/search">
113 
-                        <input type="hidden" name="hl" value="ja" />
243 
+            </a>
244 
+            <div id="h_block_1">
245 
+                <div class="h_line">
246 
+                </div>
247 
+                <article class="h_text_l">
248 
+                    <a class="h_link" href="../second/living.html">
249 
+                        <span class="h_text">くらしの情報</span></a>
250 
+                </article>
251 
+                <article class="h_text_l">
252 
+                    <a class="h_link" href="../second/tourism.html">
253 
+                        <span class="h_text">観光</span></a>
254 
+                </article>
255 
+                <article class="h_text_l">
256 
+                    <a class="h_link" href="../second/business.html">
257 
+                        <span class="h_text">事業者向け情報</span></a>
258 
+                </article>
259 
+                <article class="h_text_l">
260 
+                    <a class="h_link" href="../second/town_admini_info.html">
261 
+                        <span class="h_text">町政情報</span></a>
262 
+                </article>
263 
+            </div>
264 
+            <div id="h_block_search">
265 
+                <div class="h_line"></div>
266 
+                <article class="h_search">
267 
+                    <div class="space10"></div>
268 
+                    <form action="http://www.google.com/search">
269 
+                        <input type="hidden" name="hl" value="ja"/>
114 270 
                         <input type="hidden" name="ie" value="UTF-8">
115 271 
                         <input type="hidden" name="oe" value="UTF-8">
116 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-                        <input type="submit" name="btnG" value="検索" />
119 
-                        </form>
120 
-
121 
-                    </article>
122 
-                </div>
123 
-			</div>
124 
-			</header>
125 
-
126 
-			<div >
127 
-				<!--セクション template-->
128 
-				<section id="template" >
129 
-					<article id="breadcrumb" >
130 
-						<div id="breadcrumb_title">
131 
-							<div id="breadcrumb_title_block">
132 
-								<span id="breadcrumb_title"><a href="../index.html">トップ</a>>証明書</span>
133 
-							</div>
134 
-						</div>
135 
-					</article>
136 
-					<article id="template" >
137 
-						<div id="template_title" class="gothic">
138 
-							<div id="template_title_block">
139 
-								<span id="template_title">ライフイベント</span>
140 
-							</div>
141 
-						</div>
142 
-					</article>
143 
-					<article id="template_list_title3" >
144 
-						<div id="template_title3" class="gothic">
145 
-							<div id="template_title_block">
146 
-								<span id="template_title3"><a name="anc1">証明書</a></span>
147 
-							</div>
148 
-						</div>
149 
-						<span id="template_article_block">
150 
-          					<div class="left">
151 
-          						<div class="template_list">
272 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
273 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
274 
+                        <input type="submit" name="btnG" value="検索"/>
275 
+                    </form>
276 
+
277 
+                </article>
278 
+            </div>
279 
+        </div>
280 
+    </header>
281 
+
282 
+    <div>
283 
+        <!--セクション template-->
284 
+        <section id="template">
285 
+            <article id="breadcrumb">
286 
+                <div id="breadcrumb_title">
287 
+                    <div id="breadcrumb_title_block">
288 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>証明書</span>
289 
+                    </div>
290 
+                </div>
291 
+            </article>
292 
+            <article id="template">
293 
+                <div id="template_title" class="gothic">
294 
+                    <div id="template_title_block">
295 
+                        <span id="template_title">ライフイベント</span>
296 
+                    </div>
297 
+                </div>
298 
+            </article>
299 
+            <article id="template_list_title3">
300 
+                <div id="template_title3" class="gothic">
301 
+                    <div id="template_title_block">
302 
+                        <span id="template_title3"><a name="anc1">証明書</a></span>
303 
+                    </div>
304 
+                </div>
305 
+                <span id="template_article_block">
306 
+						<div class="left_mobile">
307 
+							<div class="template_list">
152 308 
 								<span class="template_list">
153 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
154 
-                            	<a href="../third/living/Seal_registration_certificate.html">
155 
-                                印鑑登録と印鑑登録証明書</a></span><br />
156 
-                        				    	<span class="clear"></span>
157 
-          						</div>
158 
-          						<div class="template_list">
309 
+									<span class="template_list_img left"><img
310 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
311 
+									<a href="../third/living/Seal_registration_certificate.html">
312 
+										印鑑登録と印鑑登録証明書</a></span><br/>
313 
+								<span class="clear"></span>
314 
+							</div>
315 
+							<div class="template_list">
159 316 
 								<span class="template_list">
160 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
161 
-                            	<a href="../third/living/Request_for_issue_of_Certificate_of_family_register_window.html">
162 
-                                窓口での住民票、戸籍証明・謄抄本、身分証明書等の交付請求</a></span><br />
163 
-                        				    	<span class="clear"></span>
164 
-          						</div>
165 
-          						<div class="template_list">
317 
+									<span class="template_list_img left"><img
318 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
319 
+									<a
320 
+                                            href="../third/living/Request_for_issue_of_Certificate_of_family_register_window.html">
321 
+										窓口での住民票、戸籍証明・謄抄本、身分証明書等の交付請求</a></span><br/>
322 
+								<span class="clear"></span>
323 
+							</div>
324 
+							<div class="template_list">
166 325 
 								<span class="template_list">
167 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
168 
-                            	<a href="../third/living/Request_for_issue_of_Certificate_of_family_register_mail.html">
169 
-                                郵便による住民票、戸籍証明・謄抄本、身分証明書等の交付請求</a></span><br />
170 
-                        				    	<span class="clear"></span>
171 
-          						</div>
172 
-          						<div class="template_list">
326 
+									<span class="template_list_img left"><img
327 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
328 
+									<a
329 
+                                            href="../third/living/Request_for_issue_of_Certificate_of_family_register_mail.html">
330 
+										郵便による住民票、戸籍証明・謄抄本、身分証明書等の交付請求</a></span><br/>
331 
+								<span class="clear"></span>
332 
+							</div>
333 
+							<div class="template_list">
173 334 
 								<span class="template_list">
174 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
175 
-                            	<a href="../third/living/Documents_of_identification.html">
176 
-                                本人確認の書類</a></span><br />
177 
-                        				    	<span class="clear"></span>
178 
-          						</div>
335 
+									<span class="template_list_img left"><img
336 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
337 
+									<a href="../third/living/Documents_of_identification.html">
338 
+										本人確認の書類</a></span><br/>
339 
+								<span class="clear"></span>
340 
+							</div>
179 341 
 						</div>
180 
-
181 
-						<div class="right">
182 
-<!--
342 
+
343 
+						<div class="right_mobile">
344 
+							<!--
183 345 
           						<div class="template_list">
184 346 
 								<span class="template_list">
185 347 
               							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -189,35 +351,58 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
189 351 
 								</span>
190 352 
           						</div>
191 353 
 -->
192 
-          						<div class="template_list">
354 
+							<div class="template_list">
193 355 
 								<span class="template_list">
194 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
195 
-                             	<a href="../third/living/Wide_issue.html">
196 
-                                広域発行</a></span><br />
197 
-                        				    	<span class="clear"></span>
198 
-          						</div>
199 
-          						<div class="template_list">
356 
+									<span class="template_list_img left"><img
357 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
358 
+									<a href="../third/living/Wide_issue.html">
359 
+										広域発行</a></span><br/>
360 
+								<span class="clear"></span>
361 
+							</div>
362 
+							<div class="template_list">
200 363 
 								<span class="template_list">
201 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
202 
-                        		<a href="../third/living/Certificate_of_tax.html">
203 
-                                税に関する証明書</a></span><br />
204 
-                        				    	<span class="clear"></span>
205 
-          						</div>
364 
+									<span class="template_list_img left"><img
365 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
366 
+									<a href="../third/tax/Certificate_of_tax.html">
367 
+										税に関する証明書</a></span><br/>
368 
+								<span class="clear"></span>
369 
+							</div>
206 370 
 						</div>
207 
-
371 
+
208 372 
 						<div class="clear"></div>
209 
-						</span>
210 
-					</article>
211 
-				</section>
212 
-			</div>
213 
-
214 
-			<footer>
215 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
216 
-			<br />
217 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
218 
-			</footer>
219 
-
220 
-		</div>
221 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Certificate" height="1" width="1" />
222 
-	</body>
373 
+					</span>
374 
+            </article>
375 
+        </section>
376 
+    </div>
377 
+
378 
+    <footer>
379 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
380 
+        <div class="footer_mobile">
381 
+            <div class="footer_mobile_title">
382 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
383 
+                <h1 class="footerMobile__text">北方町役場</h1>
384 
+            </div>
385 
+            <div class="footer_mobile_address">
386 
+					<span class="footerTextWrap__text">
387 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
388 
+					</span><br>
389 
+                電話:058-323-1111(代)<br>
390 
+                FAX:058-323-2963<br>
391 
+                開庁日：8時30分～17時15分<br>
392 
+                （土・日・祝日、年末年始を除く）<br>
393 
+            </div>
394 
+        </div>
395 
+        <br class="sp__brDisplay">
396 
+        <p class="footer_text">
397 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
398 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
399 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
400 
+        </p>
401 
+    </footer>
402 
+
403 
+</div>
404 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Certificate" height="1"
405 
+     width="1"/>
406 
+</body>
407 
+
223 408 
 </html>

+ 574
- 399
second/Child_rearing_and_education.html
Datei-Diff unterdrückt, da er zu groß ist
Datei anzeigen


+ 331
- 164
second/Condolence.html Datei anzeigen 

@@ -1,50 +1,205 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>おくやみ 北方町ホームページ</title>
7 
-	<!--くらしの情報-->
8 
-	<link rel="stylesheet" href="../css/base.css">
9 
-	<link rel="stylesheet" href="../css/second_header.css">
10 
-	<link rel="stylesheet" href="../css/footer.css">
11 
-	<link rel="stylesheet" href="../css/section.css">
12 
-	<link rel="stylesheet" href="../css/second_body.css">
13 
-	<script src="../js/operation.js"></script>
14 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-	</meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>おくやみ 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
21 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-	<div id="main" class="gothic">
20 
-		<!--セクション 操作-->
21 
-		<section id="operation">
22 
-			<!--セクション 住所-->
23 
-			<article id="address">
24 
-				<address id="operation_add">
25 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
174 
+
175 
+  <!--セクション 操作-->
176 
+  <section id="operation">
177 
+    <!--セクション 住所-->
178 
+    <article id="address">
179 
+      <address id="operation_add">
180 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 181 
 						TEL:058-323-1111(代)</span>
27 
-				</address>
28 
-			</article>
29 
-			<div id="controle_panel">
30 
-				<!--セクション 背景色-->
31 
-				<article id="bgcolor">
32 
-					<img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-					<div id="bgcolor_img">
34 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-							onClick="setBackground2(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground2(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground2(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber2();
43 
-					</script>
44 
-				</article>
182 
+      </address>
183 
+    </article>
184 
+    <div id="controle_panel">
185 
+      <!--セクション 背景色-->
186 
+      <article id="bgcolor">
187 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
188 
+        <div id="bgcolor_img">
189 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
190 
+                 onClick="setBackground2(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground2(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground2(3)">
195 
+        </div>
196 
+        <script>
197 
+            getBackgNumber2();
198 
+        </script>
199 
+      </article>
45 200
46 
-				<!--セクション 文字サイズ-->
47 
-				<!--<article id="charsize" >
201 
+      <!--セクション 文字サイズ-->
202 
+      <!--<article id="charsize" >
48 203 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 204 
 <div id="charsize_img">
50 205 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,151 +208,163 @@
53 208 
 </div>
54 209 
 </article>-->
55 210
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-					</div>
61 
-				</article>
62 
-				<!--セクション お問い合わせ-->
63 
-				<article id="contact">
64 
-					<div id="contact_img">
65 
-						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-					</div>
68 
-				</article>
69 
-				<!--セクション 翻訳-->
70 
-				<article id="translation">
71 
-					<div id="translation_img">
72 
-						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
77 
-							}
78 
-						</script>
79 
-						<script type="text/javascript"
80 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 
-					</div>
82 
-				</article>
83 
-				<div id="claer">
84 
-				</div>
85 
-			</div>
86 
-		</section>
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
215 
+        </div>
216 
+      </article>
217 
+      <!--セクション お問い合わせ-->
218 
+      <article id="contact">
219 
+        <div id="contact_img">
220 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
221 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
222 
+        </div>
223 
+      </article>
224 
+      <!--セクション 翻訳-->
225 
+      <article id="translation">
226 
+        <div id="translation_img">
227 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
228 
+          <div id="google_translate_element"></div>
229 
+        </div>
230 
+      </article>
231 
+      <div id="claer">
232 
+      </div>
233 
+    </div>
234 
+  </section>
87 235
88 
-		<!--ヘッダーデータ-->
89 
-		<header>
90 
-			<div id="header" class="gothic">
91 
-				<a href="../index.html">
92 
-					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
93 
-				</a>
94 
-				<div id="h_block_1">
95 
-					<div class="h_line">
96 
-					</div>
97 
-					<article class="h_text_l">
98 
-						<a class="h_link" href="../second/living.html">
99 
-							<span class="h_text">くらしの情報</span></a>
100 
-					</article>
101 
-					<article class="h_text_l">
102 
-						<a class="h_link" href="../second/tourism.html">
103 
-							<span class="h_text">観光</span></a>
104 
-					</article>
105 
-					<article class="h_text_l">
106 
-						<a class="h_link" href="../second/business.html">
107 
-							<span class="h_text">事業者向け情報</span></a>
108 
-					</article>
109 
-					<article class="h_text_l">
110 
-						<a class="h_link" href="../second/town_admini_info.html">
111 
-							<span class="h_text">町政情報</span></a>
112 
-					</article>
113 
-				</div>
114 
-				<div id="h_block_search">
115 
-					<div class="h_line"></div>
116 
-					<article class="h_search">
117 
-						<div class="space10"></div>
118 
-						<form action="http://www.google.com/search">
119 
-							<input type="hidden" name="hl" value="ja" />
120 
-							<input type="hidden" name="ie" value="UTF-8">
121 
-							<input type="hidden" name="oe" value="UTF-8">
122 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
123 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
124 
-							<input type="submit" name="btnG" value="検索" />
125 
-						</form>
236 
+  <!--ヘッダーデータ-->
237 
+  <header>
238 
+    <div id="header" class="gothic">
239 
+      <a href="../index.html">
240 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
241 
+      </a>
242 
+      <div id="h_block_1">
243 
+        <div class="h_line">
244 
+        </div>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../second/living.html">
247 
+            <span class="h_text">くらしの情報</span></a>
248 
+        </article>
249 
+        <article class="h_text_l">
250 
+          <a class="h_link" href="../second/tourism.html">
251 
+            <span class="h_text">観光</span></a>
252 
+        </article>
253 
+        <article class="h_text_l">
254 
+          <a class="h_link" href="../second/business.html">
255 
+            <span class="h_text">事業者向け情報</span></a>
256 
+        </article>
257 
+        <article class="h_text_l">
258 
+          <a class="h_link" href="../second/town_admini_info.html">
259 
+            <span class="h_text">町政情報</span></a>
260 
+        </article>
261 
+      </div>
262 
+      <div id="h_block_search">
263 
+        <div class="h_line"></div>
264 
+        <article class="h_search">
265 
+          <div class="space10"></div>
266 
+          <form action="http://www.google.com/search">
267 
+            <input type="hidden" name="hl" value="ja"/>
268 
+            <input type="hidden" name="ie" value="UTF-8">
269 
+            <input type="hidden" name="oe" value="UTF-8">
270 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
271 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
272 
+            <input type="submit" name="btnG" value="検索"/>
273 
+          </form>
126 274
127 
-					</article>
128 
-				</div>
129 
-			</div>
130 
-		</header>
275 
+        </article>
276 
+      </div>
277 
+    </div>
278 
+  </header>
131 279
132 
-		<div>
133 
-			<!--セクション template-->
134 
-			<section id="template">
135 
-				<article id="breadcrumb">
136 
-					<div id="breadcrumb_title">
137 
-						<div id="breadcrumb_title_block">
138 
-							<span id="breadcrumb_title"><a href="../index.html">トップ</a>>おくやみ</span>
139 
-						</div>
140 
-					</div>
141 
-				</article>
142 
-				<article id="template">
143 
-					<div id="template_title" class="gothic">
144 
-						<div id="template_title_block">
145 
-							<span id="template_title">ライフイベント</span>
146 
-						</div>
147 
-					</div>
148 
-				</article>
149 
-				<article id="template_list_title3">
150 
-					<div id="template_title3" class="gothic">
151 
-						<div id="template_title_block">
152 
-							<span class="template_icon left">-</span><span id="template_title3"><a
153 
-									name="anc1">おくやみ</a></span>
154 
-						</div>
155 
-					</div>
156 
-					<span id="template_article_block">
157 
-						<div class="left">
280 
+  <div>
281 
+    <!--セクション template-->
282 
+    <section id="template">
283 
+      <article id="breadcrumb">
284 
+        <div id="breadcrumb_title">
285 
+          <div id="breadcrumb_title_block">
286 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>おくやみ</span>
287 
+          </div>
288 
+        </div>
289 
+      </article>
290 
+      <article id="template">
291 
+        <div id="template_title" class="gothic">
292 
+          <div id="template_title_block">
293 
+            <span id="template_title">ライフイベント</span>
294 
+          </div>
295 
+        </div>
296 
+      </article>
297 
+      <article id="template_list_title3">
298 
+        <div id="template_title3" class="gothic">
299 
+          <div id="template_title_block">
300 
+            <span class="template_icon left">-</span>
301 
+            <span id="template_title3">
302 
+								<a name="anc1">おくやみ</a>
303 
+                        </span>
304 
+          </div>
305 
+        </div>
306 
+        <span id="template_article_block">
307 
+						<div class="left_mobile">
158 308 
 							<div class="template_list">
159 309 
 								<span class="template_list">
160 310 
 									<span class="template_list_img left"><img
161 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
311 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
162 312 
 									<a href="../third/living/Death_registration.html">
163 
-										死亡届</a></span><br />
313 
+										ご家族がお亡くなりになった時に関わる手続き</a></span><br/>
164 314 
 								<span class="clear"></span>
165 315 
 							</div>
166 
-							<!--          						<div class="template_list">-->
167 
-							<!--								<span class="template_list">-->
168 
-							<!--              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>-->
169 
-							<!--                            	<a href="../fourth/topics/pdf/11003.pdf">-->
170 
-							<!--                            	犬の死亡届出書（PDF 45KB)</a></span><br />-->
171 
-							<!--                        				    	<span class="clear"></span>-->
172 
-							<!--          						</div>-->
316 
+                          <!--          						<div class="template_list">-->
317 
+                          <!--								<span class="template_list">-->
318 
+                          <!--              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>-->
319 
+                          <!--                            	<a href="../fourth/topics/pdf/11003.pdf">-->
320 
+                          <!--                            	犬の死亡届出書（PDF 45KB)</a></span><br />-->
321 
+                          <!--                        				    	<span class="clear"></span>-->
322 
+                          <!--          						</div>-->
173 323 
 						</div>
174 
-						<div class="right">
324 
+						<div class="right_mobile">
175 325 
 							<div class="template_list">
176 326 
 								<span class="template_list">
177 327 
 									<span class="template_list_img left"><img
178 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
328 
+                                            src="../css/img/smallbutton_secondfloor.png"/></span>
179 329 
 									<a href="../third/living/Lump_sum_funeral_allowance.html">
180 
-										葬祭費</a></span><br />
330 
+										葬祭費</a></span><br/>
181 331 
 								<span class="clear"></span>
182 332 
 							</div>
183 333 
 						</div>
184 334 
 						<div class="clear"></div>
185 335 
 					</span>
186 
-				</article>
187 
-			</section>
188 
-		</div>
336 
+      </article>
337 
+    </section>
338 
+  </div>
189 339
190 
-		<footer>
191 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
192 
-			<br />
193 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
194 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
195 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
196 
-		</footer>
340 
+  <footer>
341 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+    <div class="footer_mobile">
343 
+      <div class="footer_mobile_title">
344 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+        <h1 class="footerMobile__text">北方町役場</h1>
346 
+      </div>
347 
+      <div class="footer_mobile_address">
348 
+					<span class="footerTextWrap__text">
349 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+					</span><br>
351 
+        電話:058-323-1111(代)<br>
352 
+        FAX:058-323-2963<br>
353 
+        開庁日：8時30分～17時15分<br>
354 
+        （土・日・祝日、年末年始を除く）<br>
355 
+      </div>
356 
+    </div>
357 
+    <br class="sp__brDisplay">
358 
+    <p class="footer_text">
359 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+    </p>
363 
+  </footer>
197 364
198 
-	</div>
199 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Condolence" height="1"
200 
-		width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Condolence" height="1"
367 
+     width="1"/>
201 368 
 </body>
202 369
203 
-</html>
370 
+</html>

+ 188
- 25
second/Consumer_consultation.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>消費者相談 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,168 @@
10 11 
 	<link rel="stylesheet" href="../css/footer.css">
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
 	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 	</meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
 	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_main_block">
62 
+						<div class="h-menu_block">
63 
+							<a href="../second/living.html">
64 
+								<div class="h-menu_block_text h-menu_block_before">
65 
+									<div class="h-menu_block_text_center">くらしの情報</div>
66 
+								</div>
67 
+							</a>
68 
+						</div>
69 
+					</div>
70 
+					<div class="h-menu_main_block">
71 
+						<div class="h-menu_block">
72 
+							<a href="../second/tourism.html">
73 
+								<div class="h-menu_block_text h-menu_block_before">
74 
+									<div class="h-menu_block_text_center">
75 
+										観光
76 
+									</div>
77 
+								</div>
78 
+							</a>
79 
+						</div>
80 
+					</div>
81 
+					<div class="h-menu_main_block">
82 
+						<div class="h-menu_block">
83 
+							<a href="../second/business.html">
84 
+								<div class="h-menu_block_text h-menu_block_before">
85 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
86 
+								</div>
87 
+							</a>
88 
+						</div>
89 
+					</div>
90 
+					<div class="h-menu_main_block">
91 
+						<div class="h-menu_block">
92 
+							<a href="../second/town_admini_info.html">
93 
+								<div class="h-menu_block_text h-menu_block_before">
94 
+									<div class="h-menu_block_text_center">町政情報</div>
95 
+								</div>
96 
+							</a>
97 
+						</div>
98 
+					</div>
99 
+					<div class="h-menu_main_block">
100 
+						<div class="h-menu_block h-menu_block_before">
101 
+							<a href="../second/sitemap.html">
102 
+								<div class="h-menu_block_text h-menu_block_before">
103 
+									<div class="h-menu_block_text_center">
104 
+										サイトマップ
105 
+									</div>
106 
+								</div>
107 
+							</a>
108 
+						</div>
109 
+					</div>
110 
+					<div class="h-menu_main_block">
111 
+						<div class="h-menu_block h-menu_block_before">
112 
+							<a href="https://ai-staff.net/kitagata/chat">
113 
+								<div class="h-menu_block_text  h-menu_block_before">
114 
+									<div class="h-menu_block_text_center">
115 
+										AIチャット
116 
+									</div>
117 
+								</div>
118 
+							</a>
119 
+						</div>
120 
+					</div>
121 
+					<div class="h-menu_main_block">
122 
+						<div class="h-menu_block h-menu_block_before">
123 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+								<div class="h-menu_block_text">
125 
+									<div class="h-menu_block_text_center">
126 
+										お問い合わせ一覧
127 
+									</div>
128 
+								</div>
129 
+							</a>
130 
+						</div>
131 
+					</div>
132 
+					<div class="h-menu_main_block">
133 
+						<div class="h-menu_lang">
134 
+							<div class="h-menu_block_lang">
135 
+								<div class="h-menu_block_text_center">
136 
+									<div class="h-menu_block_text_line">
137 
+										背景変更
138 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+										</div>
140 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+										</div>
142 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+										</div>
144 
+									</div>
145 
+									<script>
146 
+										getBackgNumber2();
147 
+									</script>
148 
+									<div class="h-menu_block_text_line">言語選択
149 
+										<div class="mobile_translation">
150 
+											<div id="google_translate_element"></div>
151 
+										</div>
152 
+									</div>
153 
+								</div>
154 
+							</div>
155 
+						</div>
156 
+					</div>
157 
+					<div class="h-menu_main_block">
158 
+						<div class="h-menu_search">
159 
+							<div class="h-menu_block_search">
160 
+								<form action="https://www.google.com/search">
161 
+									<input type="hidden" name="hl" value="ja"/>
162 
+									<input type="hidden" name="ie" value="UTF-8">
163 
+									<input type="hidden" name="oe" value="UTF-8">
164 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+									<input type="text" name="q" size="16" maxlength="256" value=""
166 
+										   class="mobile_form_input"/>
167 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+								</form>
169 
+							</div>
170 
+						</div>
171 
+					</div>
172 
+				</div>
173 
+			</div>
174 
+		</header>
175 
+
20 176 
 		<!--セクション 操作-->
21 177 
 		<section id="operation">
22 178 
 			<!--セクション 住所-->
 
@@ -45,13 +201,13 @@
45 201
46 202 
 				<!--セクション 文字サイズ-->
47 203 
 				<!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
204 
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
205 
+      <div id="charsize_img">
206 
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
207 
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
208 
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
209 
+      </div>
210 
+      </article>-->
55 211
56 212 
 				<!--セクション サイトマップ-->
57 213 
 				<article id="sitemap">
 
@@ -71,16 +227,6 @@
71 227 
 					<div id="translation_img">
72 228 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 229 
 						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({
77 
-									pageLanguage: 'ja',
78 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-								}, 'google_translate_element');
80 
-							}
81 
-						</script>
82 
-						<script type="text/javascript"
83 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 230 
 					</div>
85 231 
 				</article>
86 232 
 				<div id="claer">
 
@@ -158,7 +304,7 @@
158 304 
 						</div>
159 305 
 					</div>
160 306 
 					<span id="template_article_block">
161 
-						<div class="left">
307 
+						<div class="left_mobile">
162 308 
 							<div class="template_list">
163 309 
 								<span class="template_list">
164 310 
 									<span class="template_list_img left"><img
 
@@ -176,7 +322,7 @@
176 322 
 								<span class="clear"></span>
177 323 
 							</div>
178 324 
 						</div>
179 
-						<div class="right">
325 
+						<div class="right_mobile">
180 326 
 							<div class="template_list">
181 327 
 								<span class="template_list">
182 328 
 									<span class="template_list_img left"><img
 
@@ -201,11 +347,28 @@
201 347 
 		</div>
202 348
203 349 
 		<footer>
204 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
205 
-			<br />
206 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
207 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
208 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
350 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
351 
+			<div class="footer_mobile">
352 
+				<div class="footer_mobile_title">
353 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
354 
+					<h1 class="footerMobile__text">北方町役場</h1>
355 
+				</div>
356 
+				<div class="footer_mobile_address">
357 
+					<span class="footerTextWrap__text">
358 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
359 
+					</span><br>
360 
+					電話:058-323-1111(代)<br>
361 
+					FAX:058-323-2963<br>
362 
+					開庁日：8時30分～17時15分<br>
363 
+					（土・日・祝日、年末年始を除く）<br>
364 
+				</div>
365 
+			</div>
366 
+			<br class="sp__brDisplay">
367 
+			<p class="footer_text">
368 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
369 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
370 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
371 
+			</p>
209 372 
 		</footer>
210 373
211 374 
 	</div>

+ 451
- 183
second/Copyright_and_link.html Datei anzeigen 

@@ -1,201 +1,469 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>リンクと著作権 北方町ホームページ</title>
6 
-        <!--くらしの情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/third_template.css" >
12 
-<script src="../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>リンクと著作権 北方町ホームページ</title>
8 
+	<!--くらしの情報-->
9 
+	<link rel="stylesheet" href="../css/base.css">
10 
+	<link rel="stylesheet" href="../css/second_header.css">
11 
+	<link rel="stylesheet" href="../css/footer.css">
12 
+	<link rel="stylesheet" href="../css/section.css">
13 
+	<link rel="stylesheet" href="../css/third_template.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/third_template_mobile.css">
18 
+	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 22 
 </head>
15 23
16 24 
 <body id="back">
17 
-<div id="main" class="gothic">
18 
-<!--セクション 操作-->
19 
-<section id="operation" >
20 
-<!--セクション 住所-->
21 
-<article id="address" >
22 
-<address id="operation_add">
23 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24 
-</address>
25 
-</article>
26 
-<div id="controle_panel">
27 
-<!--セクション 背景色-->
28 
-<article id="bgcolor" >
29 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
30 
-<div id="bgcolor_img">
31 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber2();
37 
-</script>
38 
-</article>
25 
+	<script type="text/javascript">
26 
+		function googleTranslateElementInit() {
27 
+			new google.translate.TranslateElement({
28 
+				pageLanguage: 'ja',
29 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+			}, 'google_translate_element');
31 
+		}
32 
+	</script>
33 
+	<script type="text/javascript"
34 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+	<div id="main" class="gothic">
36 
+		<!-- mobile header -->
37 
+		<header class="header">
38 
+			<div class="headerLogo">
39 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
40 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+			</div>
42 
+			<div class="headerTitle">
43 
+				<a href="../index.html" class="header_link">
44 
+					<h1 class="headerTitle__text">北方町</h1>
45 
+				</a>
46 
+			</div>
47 
+			<div class="headerSubTitle">
48 
+				<a href="../index.html" class="header_link">
49 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+				</a>
51 
+			</div>
52 
+			<div id="h-menu">
53 
+				<span></span>
54 
+				<span></span>
55 
+				<span></span>
56 
+				<div id="h-text">menu</div>
57 
+			</div>
58 
+			<div id="h-nav">
59 
+				<div class="h-menu_main_block_top">
60 
+					<div class="h-menu_block   h-accordion__title h-js-accordion-title">
61 
+						<div class="h-menu_block_text">
62 
+							<div class="h-menu_block_text_center">くらしの情報</div>
63 
+						</div>
64 
+					</div>
65 
+					<div class="h-accordion__content">
66 
+						<div class="h-menu_accordion_block_start">
67 
+							<div class="h-menu_accordion_block_text">
68 
+								<a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
69 
+							</div>
70 
+						</div>
71 
+						<div class="h-menu_accordion_block">
72 
+							<div class="h-menu_accordion_block_text">
73 
+								<a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
74 
+							</div>
75 
+						</div>
76 
+						<div class="h-menu_accordion_block">
77 
+							<div class="h-menu_accordion_block_text">
78 
+								<a class="h_link" href="../second/Education.html" name="anc3">教育</a>
79 
+							</div>
80 
+						</div>
81 
+						<div class="h-menu_accordion_block">
82 
+							<div class="h-menu_accordion_block_text">
83 
+								<a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
84 
+							</div>
85 
+						</div>
86 
+						<div class="h-menu_accordion_block">
87 
+							<div class="h-menu_accordion_block_text">
88 
+								<a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
89 
+							</div>
90 
+						</div>
91 
+						<div class="h-menu_accordion_block">
92 
+							<div class="h-menu_accordion_block_text">
93 
+								<a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
94 
+							</div>
95 
+						</div>
96 
+						<div class="h-menu_accordion_block">
97 
+							<div class="h-menu_accordion_block_text">
98 
+								<a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
99 
+							</div>
100 
+						</div>
101 
+						<div class="h-menu_accordion_block">
102 
+							<div class="h-menu_accordion_block_text">
103 
+								<a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
104 
+							</div>
105 
+						</div>
106 
+						<div class="h-menu_accordion_block">
107 
+							<div class="h-menu_accordion_block_text">
108 
+								<a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
109 
+							</div>
110 
+						</div>
111 
+						<div class="h-menu_accordion_block">
112 
+							<div class="h-menu_accordion_block_text">
113 
+								<a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
114 
+							</div>
115 
+						</div>
116 
+						<div class="h-menu_accordion_block">
117 
+							<div class="h-menu_accordion_block_text">
118 
+								<a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
119 
+							</div>
120 
+						</div>
121 
+						<div class="h-menu_accordion_block">
122 
+							<div class="h-menu_accordion_block_text">
123 
+								<a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
124 
+							</div>
125 
+						</div>
126 
+						<div class="h-menu_accordion_block">
127 
+							<div class="h-menu_accordion_block_text">
128 
+								<a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
129 
+							</div>
130 
+						</div>
131 
+						<div class="h-menu_accordion_block">
132 
+							<div class="h-menu_accordion_block_text">
133 
+								<a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
134 
+							</div>
135 
+						</div>
136 
+						<div class="h-menu_accordion_block">
137 
+							<div class="h-menu_accordion_block_text">
138 
+								<a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
139 
+							</div>
140 
+						</div>
141 
+						<div class="h-menu_accordion_block">
142 
+							<div class="h-menu_accordion_block_text">
143 
+								<a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
144 
+							</div>
145 
+						</div>
146 
+						<div class="h-menu_accordion_block">
147 
+							<div class="h-menu_accordion_block_text">
148 
+								<a class="h_link" href="../second/Application_downloading.html"
149 
+									name="anc15">申請書ダウンロード</a>
150 
+							</div>
151 
+						</div>
152 
+						<div class="h-menu_accordion_block">
153 
+							<div class="h-menu_accordion_block_text">
154 
+								<a class="h_link" href="../third/living/Kwasemi_mail.html"
155 
+									name="anc15">カワセミ便<br />（きたがた情報メール）</a>
156 
+							</div>
157 
+						</div>
158 
+					</div>
159 
+				</div>
160 
+				<div class="h-menu_main_block">
161 
+					<div class="h-menu_block">
162 
+						<a href="../second/tourism.html">
163 
+							<div class="h-menu_block_text h-menu_block_before">
164 
+								<div class="h-menu_block_text_center">
165 
+									観光
166 
+								</div>
167 
+							</div>
168 
+						</a>
169 
+					</div>
170 
+				</div>
171 
+				<div class="h-menu_main_block">
172 
+					<div class="h-menu_block">
173 
+						<a href="../second/business.html">
174 
+							<div class="h-menu_block_text h-menu_block_before">
175 
+								<div class="h-menu_block_text_center">事業者向け情報</div>
176 
+							</div>
177 
+						</a>
178 
+					</div>
179 
+				</div>
180 
+				<div class="h-menu_main_block">
181 
+					<div class="h-menu_block">
182 
+						<a href="../second/town_admini_info.html">
183 
+							<div class="h-menu_block_text h-menu_block_before">
184 
+								<div class="h-menu_block_text_center">町政情報</div>
185 
+							</div>
186 
+						</a>
187 
+					</div>
188 
+				</div>
189 
+				<div class="h-menu_main_block">
190 
+					<div class="h-menu_block h-menu_block_before">
191 
+						<a href="../second/sitemap.html">
192 
+							<div class="h-menu_block_text h-menu_block_before">
193 
+								<div class="h-menu_block_text_center">
194 
+									サイトマップ
195 
+								</div>
196 
+							</div>
197 
+						</a>
198 
+					</div>
199 
+				</div>
200 
+				<div class="h-menu_main_block">
201 
+					<div class="h-menu_block h-menu_block_before">
202 
+						<a href="https://ai-staff.net/kitagata/chat">
203 
+							<div class="h-menu_block_text  h-menu_block_before">
204 
+								<div class="h-menu_block_text_center">
205 
+									AIチャット
206 
+								</div>
207 
+							</div>
208 
+						</a>
209 
+					</div>
210 
+				</div>
211 
+				<div class="h-menu_main_block">
212 
+					<div class="h-menu_block h-menu_block_before">
213 
+						<a href="../third/town_admini_info/administrative_organization_chart.html">
214 
+							<div class="h-menu_block_text">
215 
+								<div class="h-menu_block_text_center">
216 
+									お問い合わせ一覧
217 
+								</div>
218 
+							</div>
219 
+						</a>
220 
+					</div>
221 
+				</div>
222 
+				<div class="h-menu_main_block">
223 
+					<div class="h-menu_lang">
224 
+						<div class="h-menu_block_lang">
225 
+							<div class="h-menu_block_text_center">
226 
+								<div class="h-menu_block_text_line">
227 
+									背景変更
228 
+									<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
229 
+									</div>
230 
+									<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
231 
+									</div>
232 
+									<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
233 
+									</div>
234 
+								</div>
235 
+								<script>
236 
+									getBackgNumber2();
237 
+								</script>
238 
+								<div class="h-menu_block_text_line">言語選択
239 
+									<div class="mobile_translation">
240 
+										<div id="google_translate_element"></div>
241 
+									</div>
242 
+								</div>
243 
+							</div>
244 
+						</div>
245 
+					</div>
246 
+				</div>
247 
+				<div class="h-menu_main_block">
248 
+					<div class="h-menu_search">
249 
+						<div class="h-menu_block_search">
250 
+							<form action="https://www.google.com/search">
251 
+								<input type="hidden" name="hl" value="ja" />
252 
+								<input type="hidden" name="ie" value="UTF-8">
253 
+								<input type="hidden" name="oe" value="UTF-8">
254 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
255 
+								<input type="text" name="q" size="16" maxlength="256" value=""
256 
+									class="mobile_form_input" />
257 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
258 
+							</form>
259 
+						</div>
260 
+					</div>
261 
+				</div>
262 
+			</div>
263 
+		</header>
264 
+
39 265
40 
-<!--セクション 文字サイズ-->
41 
-<!--<article id="charsize" >
42 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
266 
+		<!--セクション 操作-->
267 
+		<section id="operation">
268 
+			<!--セクション 住所-->
269 
+			<article id="address">
270 
+				<address id="operation_add">
271 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
272 
+						TEL:058-323-1111(代)</span>
273 
+				</address>
274 
+			</article>
275 
+			<div id="controle_panel">
276 
+				<!--セクション 背景色-->
277 
+				<article id="bgcolor">
278 
+					<img src="../css/img/013.png" alt="背景色変更ボックス" />
279 
+					<div id="bgcolor_img">
280 
+						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
281 
+							onClick="setBackground2(1)">
282 
+						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
283 
+							onClick="setBackground2(2)">
284 
+						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
285 
+							onClick="setBackground2(3)">
286 
+					</div>
287 
+					<script>
288 
+						getBackgNumber2();
289 
+					</script>
290 
+				</article>
291 
+
292 
+				<!--セクション 文字サイズ-->
293 
+				<!--<article id="charsize" >
294 
+		<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
295 
+		<div id="charsize_img">
296 
+		<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
297 
+		<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
298 
+		<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
299 
+		</div>
300 
+		</article>-->
49 301
50 
-<!--セクション サイトマップ-->
51 
-<article id="sitemap" >
52 
- <div id="sitemap_img">
53 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54 
- </div>
55 
-</article>
56 
-<!--セクション お問い合わせ-->
57 
-<article id="contact" >
58 
- <div id="contact_img">
59 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60 
- </div>
61 
-</article>
62 
-<!--セクション 翻訳-->
63 
-<article id="translation" >
64 
-<div id="translation_img">
65 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
66 
-<div id="google_translate_element"></div>
67 
-<script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
71 
-</script>
72 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73 
-</div>
74 
-</article>
75 
-<div id="claer">
76 
-</div>
77 
-</div>
78 
-</section>
302 
+				<!--セクション サイトマップ-->
303 
+				<article id="sitemap">
304 
+					<div id="sitemap_img">
305 
+						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
306 
+					</div>
307 
+				</article>
308 
+				<!--セクション お問い合わせ-->
309 
+				<article id="contact">
310 
+					<div id="contact_img">
311 
+						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
312 
+								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
313 
+					</div>
314 
+				</article>
315 
+				<!--セクション 翻訳-->
316 
+				<article id="translation">
317 
+					<div id="translation_img">
318 
+						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
319 
+						<div id="google_translate_element"></div>
320 
+					</div>
321 
+				</article>
322 
+				<div id="claer">
323 
+				</div>
324 
+			</div>
325 
+		</section>
79 326
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
327 
+		<!--ヘッダーデータ-->
328 
+		<header>
82 329 
 			<div id="header" class="gothic">
83 330 
 				<a href="../index.html">
84 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
85 
-                </a>
331 
+					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
332 
+				</a>
86 333 
 				<div id="h_block_1">
87 
-                    <div class="h_line">
88 
-                    </div>
89 
-                    <article class="h_text_l">
90 
-                        <a class="h_link" href="../second/living.html">
91 
-                            <span class="h_text">くらしの情報</span></a>
92 
-                    </article>
93 
-                    <article class="h_text_l">
94 
-                        <a class="h_link" href="../second/tourism.html">
95 
-                            <span class="h_text">観光</span></a>
96 
-                    </article>
97 
-                    <article class="h_text_l">
98 
-                        <a class="h_link" href="../second/business.html">
99 
-                            <span class="h_text">事業者向け情報</span></a>
100 
-                    </article>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../second/town_admini_info.html">
103 
-                            <span class="h_text">町政情報</span></a>
104 
-                    </article>
105 
-                </div>
106 
-                <div id="h_block_search">
107 
-                    <div class="h_line"></div>
108 
-                    <article class="h_search">
109 
-                    	<div class="space10"></div>
110 
-                    	<form action="http://www.google.com/search">
111 
-                        <input type="hidden" name="hl" value="ja" />
112 
-                        <input type="hidden" name="ie" value="UTF-8">
113 
-                        <input type="hidden" name="oe" value="UTF-8">
114 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
115 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
116 
-                        <input type="submit" name="btnG" value="検索" />
117 
-                        </form>
118 
-
119 
-                    </article>
120 
-                </div>
121 
-			</div>
122 
-			</header>
123 
-
124 
-			<div >
125 
-				<!--セクション template-->
126 
-				<section id="template" >
127 
-					<article id="breadcrumb" >
128 
-						<div id="breadcrumb_title">
129 
-							<div id="breadcrumb_title_block">
130 
-								<span id="breadcrumb_title"><a href="../index.html">トップ</a>>リンクと著作権</span>
131 
-							</div>
132 
-						</div>
334 
+					<div class="h_line">
335 
+					</div>
336 
+					<article class="h_text_l">
337 
+						<a class="h_link" href="../second/living.html">
338 
+							<span class="h_text">くらしの情報</span></a>
133 339 
 					</article>
134 
-					<article id="template" >
135 
-						<div id="template_title" class="gothic">
136 
-							<div id="template_title_block">
137 
-								<span id="template_title">リンクと著作権</span>
138 
-							</div>
139 
-						</div>
340 
+					<article class="h_text_l">
341 
+						<a class="h_link" href="../second/tourism.html">
342 
+							<span class="h_text">観光</span></a>
140 343 
 					</article>
141 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
142 
-					<article id="template_list_title" >
143 
-						<div id="template_title2" class="gothic">
144 
-							<div id="template_title_block">
145 
-								<span id="template_title2">リンクについて</span>
146 
-							</div>
147 
-						</div>
148 
-						<!-- 本文データ 入力 -->
149 
-						<span id="template_article_block">
150 
-							岐阜県北方町公式ホームページは、原則リンクフリーです。ただし、各情報においてリンクの制限等の注記がある場合はこの限りではありません。
151 
-							<br />
152 
-							<br />リンクは、どのページでも自由ですが、岐阜県北方町公式ホームページへのリンクである旨の明示をお願いいたします。なお、岐阜県北方町に対して、リンクの申し出は特に必要ありません。
153 
-						</span>
154 
-						<!-- 本文データ ここまで -->
344 
+					<article class="h_text_l">
345 
+						<a class="h_link" href="../second/business.html">
346 
+							<span class="h_text">事業者向け情報</span></a>
155 347 
 					</article>
156 
-					<!-- 小タイトルここまで -->
157 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
158 
-					<article id="template_list_title" >
159 
-						<div id="template_title2" class="gothic">
160 
-							<div id="template_title_block">
161 
-								<span id="template_title2">著作権について</span>
162 
-							</div>
163 
-						</div>
164 
-						<!-- 本文データ 入力 -->
165 
-						<span id="template_article_block">
166 
-							岐阜県北方町公式ホームページの掲載情報は、日本国の著作権法及び国際条約による著作権保護の対象となっています。当ホームページの内容及びこれらの配置・編集などについて私的使用又は引用等著作権法上、認められた行為を除き、著作権は岐阜県北方町又はその作成者に帰属しておりますので、これらを無断で、転載、複製、出版、放送、上映等を行うことはできません。
167 
-							<br />
168 
-							<br />また、引用を行う場合は、適宜の方法により、必ず出所を明示してください。 なお、当ホームページの内容の全部または一部について、岐阜県北方町に無断で改変を行うことはできません。
169 
-						</span>
170 
-						<!-- 本文データ ここまで -->
348 
+					<article class="h_text_l">
349 
+						<a class="h_link" href="../second/town_admini_info.html">
350 
+							<span class="h_text">町政情報</span></a>
171 351 
 					</article>
172 
-					<!-- 小タイトルここまで -->
173 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
174 
-					<article id="template_list_title" >
175 
-						<div id="template_title2" class="gothic">
176 
-							<div id="template_title_block">
177 
-								<span id="template_title2">免責事項</span>
178 
-							</div>
179 
-						</div>
180 
-						<!-- 本文データ 入力 -->
181 
-						<span id="template_article_block">
182 
-							岐阜県北方町公式ホームページの掲載情報の正確性については万全を期しておりますが、利用者が当サイトの情報を用いて行う一切の行為について、岐阜県北方町は何ら責任を負うものではありません。
183 
-							<br />
184 
-							<br />なお、インターネットの特性上、閲覧できる情報が最新のものでない場合があります。また、システムの運用上、コンテンツの一部もしくは全体をご覧になれない場合や、データを更新できない場合がありますので、十分注意した上で、ご利用ください。
185 
-						</span>
186 
-						<!-- 本文データ ここまで -->
352 
+				</div>
353 
+				<div id="h_block_search">
354 
+					<div class="h_line"></div>
355 
+					<article class="h_search">
356 
+						<div class="space10"></div>
357 
+						<form action="http://www.google.com/search">
358 
+							<input type="hidden" name="hl" value="ja" />
359 
+							<input type="hidden" name="ie" value="UTF-8">
360 
+							<input type="hidden" name="oe" value="UTF-8">
361 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
362 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
363 
+							<input type="submit" name="btnG" value="検索" />
364 
+						</form>
365 
+
187 366 
 					</article>
188 
-					<!-- 小タイトルここまで -->
189 
-				</section>
367 
+				</div>
190 368 
 			</div>
191 
-
192 
-			<footer>
193 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
194 
-			<br />
195 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
196 
-			</footer>
197 
-
369 
+		</header>
370 
+
371 
+		<div>
372 
+			<!--セクション template-->
373 
+			<section id="template">
374 
+				<article id="breadcrumb">
375 
+					<div id="breadcrumb_title">
376 
+						<div id="breadcrumb_title_block">
377 
+							<span id="breadcrumb_title"><a href="../index.html">トップ</a>>リンクと著作権</span>
378 
+						</div>
379 
+					</div>
380 
+				</article>
381 
+				<article id="template">
382 
+					<div id="template_title" class="gothic">
383 
+						<div id="template_title_block">
384 
+							<span id="template_title">リンクと著作権</span>
385 
+						</div>
386 
+					</div>
387 
+				</article>
388 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
389 
+				<article id="template_list_title">
390 
+					<div id="template_title2" class="gothic">
391 
+						<div id="template_title_block">
392 
+							<span id="template_title2">リンクについて</span>
393 
+						</div>
394 
+					</div>
395 
+					<!-- 本文データ 入力 -->
396 
+					<span id="template_article_block">
397 
+						岐阜県北方町公式ホームページは、原則リンクフリーです。ただし、各情報においてリンクの制限等の注記がある場合はこの限りではありません。
398 
+						<br />
399 
+						<br />リンクは、どのページでも自由ですが、岐阜県北方町公式ホームページへのリンクである旨の明示をお願いいたします。なお、岐阜県北方町に対して、リンクの申し出は特に必要ありません。
400 
+					</span>
401 
+					<!-- 本文データ ここまで -->
402 
+				</article>
403 
+				<!-- 小タイトルここまで -->
404 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
405 
+				<article id="template_list_title">
406 
+					<div id="template_title2" class="gothic">
407 
+						<div id="template_title_block">
408 
+							<span id="template_title2">著作権について</span>
409 
+						</div>
410 
+					</div>
411 
+					<!-- 本文データ 入力 -->
412 
+					<span id="template_article_block">
413 
+						岐阜県北方町公式ホームページの掲載情報は、日本国の著作権法及び国際条約による著作権保護の対象となっています。当ホームページの内容及びこれらの配置・編集などについて私的使用又は引用等著作権法上、認められた行為を除き、著作権は岐阜県北方町又はその作成者に帰属しておりますので、これらを無断で、転載、複製、出版、放送、上映等を行うことはできません。
414 
+						<br />
415 
+						<br />また、引用を行う場合は、適宜の方法により、必ず出所を明示してください。 なお、当ホームページの内容の全部または一部について、岐阜県北方町に無断で改変を行うことはできません。
416 
+					</span>
417 
+					<!-- 本文データ ここまで -->
418 
+				</article>
419 
+				<!-- 小タイトルここまで -->
420 
+				<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
421 
+				<article id="template_list_title">
422 
+					<div id="template_title2" class="gothic">
423 
+						<div id="template_title_block">
424 
+							<span id="template_title2">免責事項</span>
425 
+						</div>
426 
+					</div>
427 
+					<!-- 本文データ 入力 -->
428 
+					<span id="template_article_block">
429 
+						岐阜県北方町公式ホームページの掲載情報の正確性については万全を期しておりますが、利用者が当サイトの情報を用いて行う一切の行為について、岐阜県北方町は何ら責任を負うものではありません。
430 
+						<br />
431 
+						<br />なお、インターネットの特性上、閲覧できる情報が最新のものでない場合があります。また、システムの運用上、コンテンツの一部もしくは全体をご覧になれない場合や、データを更新できない場合がありますので、十分注意した上で、ご利用ください。
432 
+					</span>
433 
+					<!-- 本文データ ここまで -->
434 
+				</article>
435 
+				<!-- 小タイトルここまで -->
436 
+			</section>
198 437 
 		</div>
199 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Copyright_and_link" height="1" width="1" />
200 
-	</body>
438 
+
439 
+		<footer>
440 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
441 
+			<div class="footer_mobile">
442 
+				<div class="footer_mobile_title">
443 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
444 
+					<h1 class="footerMobile__text">北方町役場</h1>
445 
+				</div>
446 
+				<div class="footer_mobile_address">
447 
+					<span class="footerTextWrap__text">
448 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
449 
+					</span><br>
450 
+					電話:058-323-1111(代)<br>
451 
+					FAX:058-323-2963<br>
452 
+					開庁日：8時30分～17時15分<br>
453 
+					（土・日・祝日、年末年始を除く）<br>
454 
+				</div>
455 
+			</div>
456 
+			<br class="sp__brDisplay">
457 
+			<p class="footer_text">
458 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
459 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
460 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
461 
+			</p>
462 
+		</footer>
463 
+
464 
+	</div>
465 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Copyright_and_link"
466 
+		height="1" width="1" />
467 
+</body>
468 
+
201 469 
 </html>

+ 193
- 40
second/Coronavirus.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link href="../css/base.css" rel="stylesheet">
 
@@ -12,29 +13,173 @@
12 13 
   <link href="../css/third_template.css" rel="stylesheet">
13 14 
   <link href="../css/notices.css" rel="stylesheet">
14 15 
   <link rel="stylesheet" href="../css/table.css">
16 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
17 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
18 
+  <link rel="stylesheet" href="../css/section_mobile.css">
19 
+  <link href="../css/third_template_mobile.css" rel="stylesheet">
15 20 
   <script src="../js/operation.js"></script>
21 
+  <script src="../js/menu.js"></script>
22 
+  <script src="../js/accordion.js"></script>
16 23 
   <meta content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f" name="google-translate-customization">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div class="gothic" id="main">
27 
+  <div id="main" class="gothic">
28 
+    <!-- mobile header -->
29 
+    <header class="header">
30 
+      <div class="headerLogo">
31 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
32 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
33 
+      </div>
34 
+      <div class="headerTitle">
35 
+        <a href="../index.html" class="header_link">
36 
+          <h1 class="headerTitle__text">北方町</h1>
37 
+        </a>
38 
+      </div>
39 
+      <div class="headerSubTitle">
40 
+        <a href="../index.html" class="header_link">
41 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
42 
+        </a>
43 
+      </div>
44 
+      <div id="h-menu">
45 
+        <span></span>
46 
+        <span></span>
47 
+        <span></span>
48 
+        <div id="h-text">menu</div>
49 
+      </div>
50 
+      <div id="h-nav">
51 
+        <div class="h-menu_main_block_top">
52 
+          <div class="h-menu_main_block">
53 
+            <div class="h-menu_block">
54 
+              <a href="../second/living.html">
55 
+                <div class="h-menu_block_text h-menu_block_before">
56 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
57 
+                </div>
58 
+              </a>
59 
+            </div>
60 
+          </div>
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/tourism.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">
66 
+                    観光
67 
+                  </div>
68 
+                </div>
69 
+              </a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_main_block">
73 
+            <div class="h-menu_block">
74 
+              <a href="../second/business.html">
75 
+                <div class="h-menu_block_text h-menu_block_before">
76 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/town_admini_info.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">町政情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block h-menu_block_before">
92 
+              <a href="../second/sitemap.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">
95 
+                    サイトマップ
96 
+                  </div>
97 
+                </div>
98 
+              </a>
99 
+            </div>
100 
+          </div>
101 
+          <div class="h-menu_main_block">
102 
+            <div class="h-menu_block h-menu_block_before">
103 
+              <a href="https://ai-staff.net/kitagata/chat">
104 
+                <div class="h-menu_block_text  h-menu_block_before">
105 
+                  <div class="h-menu_block_text_center">
106 
+                    AIチャット
107 
+                  </div>
108 
+                </div>
109 
+              </a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_main_block">
113 
+            <div class="h-menu_block h-menu_block_before">
114 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
115 
+                <div class="h-menu_block_text">
116 
+                  <div class="h-menu_block_text_center">
117 
+                    お問い合わせ一覧
118 
+                  </div>
119 
+                </div>
120 
+              </a>
121 
+            </div>
122 
+          </div>
123 
+          <div class="h-menu_main_block">
124 
+            <div class="h-menu_lang">
125 
+              <div class="h-menu_block_lang">
126 
+                <div class="h-menu_block_text_center">
127 
+                  <div class="h-menu_block_text_line">
128 
+                    背景変更
129 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
130 
+                    </div>
131 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
132 
+                    </div>
133 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
134 
+                    </div>
135 
+                  </div>
136 
+                  <script>
137 
+                    getBackgNumber2();
138 
+                  </script>
139 
+                  <div class="h-menu_block_text_line">言語選択
140 
+                    <div class="mobile_translation">
141 
+                      <div id="google_translate_element"></div>
142 
+                    </div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+          <div class="h-menu_main_block">
149 
+            <div class="h-menu_search">
150 
+              <div class="h-menu_block_search">
151 
+                <form action="https://www.google.com/search">
152 
+                  <input type="hidden" name="hl" value="ja" />
153 
+                  <input type="hidden" name="ie" value="UTF-8">
154 
+                  <input type="hidden" name="oe" value="UTF-8">
155 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
156 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
157 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
158 
+                </form>
159 
+              </div>
160 
+            </div>
161 
+          </div>
162 
+        </div>
163 
+      </div>
164 
+    </header>
165 
+
22 166 
     <!--セクション 操作-->
23 167 
     <section id="operation">
24 168 
       <!--セクション 住所-->
25 169 
       <article id="address">
26 170 
         <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
171 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
172 
+            TEL:058-323-1111(代)</span>
28 173 
         </address>
29 174 
       </article>
30 175 
       <div id="controle_panel">
31 176 
         <!--セクション 背景色-->
32 177 
         <article id="bgcolor">
33 
-          <img alt="背景色変更ボックス" src="../css/img/013.png" />
178 
+          <img src="../css/img/013.png" alt="背景色変更ボックス" />
34 179 
           <div id="bgcolor_img">
35 
-            <input alt=" " height="28px" id="button1" onClick="setBackground2(1)" type="image" value=" " width="29px">
36 
-            <input alt=" " height="28px" id="button2" onClick="setBackground2(2)" type="image" value=" " width="29px">
37 
-            <input alt=" " height="28px" id="button3" onClick="setBackground2(3)" type="image" value=" " width="29px">
180 
+            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
181 
+            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
182 
+            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
38 183 
           </div>
39 184 
           <script>
40 185 
             getBackgNumber2();
 
@@ -43,25 +188,25 @@
43 188
44 189 
         <!--セクション 文字サイズ-->
45 190 
         <!--<article id="charsize" >
46 
-	  <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-	  <div id="charsize_img">
48 
-	  <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-	  <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-	  <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-	  </div>
52 
-	  </article>-->
191 
+<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
192 
+<div id="charsize_img">
193 
+<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
194 
+<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
195 
+<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
196 
+</div>
197 
+</article>-->
53 198
54 199 
         <!--セクション サイトマップ-->
55 200 
         <article id="sitemap">
56 201 
           <div id="sitemap_img">
57 
-            <img alt="サイトマップ" src="../css/img/kitagata_sitemap.png" />
202 
+            <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 203 
           </div>
59 204 
         </article>
60 205 
         <!--セクション お問い合わせ-->
61 206 
         <article id="contact">
62 207 
           <div id="contact_img">
63 
-            <a href="../third/town_admini_info/administrative_organization_chart.html"><img alt="お問い合わせはこちらから"
64 
-                src="../css/img/kitagata_support.png" /></a>
208 
+            <a href="../third/town_admini_info/administrative_organization_chart.html"><img
209 
+                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 210 
           </div>
66 211 
         </article>
67 212 
         <!--セクション 翻訳-->
 
@@ -69,16 +214,6 @@
69 214 
           <div id="translation_img">
70 215 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
71 216 
             <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
73 
-              function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
78 
-              }
79 
-            </script>
80 
-            <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
81 
-              type="text/javascript"></script>
82 217 
           </div>
83 218 
         </article>
84 219 
         <div id="claer">
 
@@ -88,9 +223,9 @@
88 223
89 224 
     <!--ヘッダーデータ-->
90 225 
     <header>
91 
-      <div class="gothic" id="header">
226 
+      <div id="header" class="gothic">
92 227 
         <a href="../index.html">
93 
-          <img height="260px" src="../css/img/header_emblem.png" width="200px" />
228 
+          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
94 229 
         </a>
95 230 
         <div id="h_block_1">
96 231 
           <div class="h_line">
 
@@ -117,12 +252,12 @@
117 252 
           <article class="h_search">
118 253 
             <div class="space10"></div>
119 254 
             <form action="http://www.google.com/search">
120 
-              <input name="hl" type="hidden" value="ja" />
121 
-              <input name="ie" type="hidden" value="UTF-8">
122 
-              <input name="oe" type="hidden" value="UTF-8">
123 
-              <input name="as_sitesearch" type="hidden" value="www.town.kitagata.gifu.jp" />
124 
-              <input maxlength="256" name="q" size="16" type="text" value="" />
125 
-              <input name="btnG" type="submit" value="検索" />
255 
+              <input type="hidden" name="hl" value="ja" />
256 
+              <input type="hidden" name="ie" value="UTF-8">
257 
+              <input type="hidden" name="oe" value="UTF-8">
258 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
259 
+              <input type="text" name="q" size="16" maxlength="256" value="" />
260 
+              <input type="submit" name="btnG" value="検索" />
126 261 
             </form>
127 262
128 263 
           </article>
 
@@ -312,14 +447,32 @@
312 447 
           </div>
313 448 
         </article>
314 449
450 
+
315 451 
       </section>
316 452 
     </div>
317 453
318 454 
     <footer>
319 
-      <img alt="北方町" height="80px" src="../css/img/kitagatafooter.png" width="920px" />
320 
-      <br />
321 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
322 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
455 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
456 
+      <div class="footer_mobile">
457 
+        <div class="footer_mobile_title">
458 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
459 
+          <h1 class="footerMobile__text">北方町役場</h1>
460 
+        </div>
461 
+        <div class="footer_mobile_address">
462 
+          <span class="footerTextWrap__text">
463 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
464 
+          </span><br>
465 
+          電話:058-323-1111(代)<br>
466 
+          FAX:058-323-2963<br>
467 
+          開庁日：8時30分～17時15分<br>
468 
+          （土・日・祝日、年末年始を除く）<br>
469 
+        </div>
470 
+      </div>
471 
+      <br class="sp__brDisplay">
472 
+      <p class="footer_text">
473 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
474 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
475 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
323 476 
       </p>
324 477 
     </footer>
325 478

+ 339
- 175
second/Culture.html Datei anzeigen 

@@ -1,51 +1,209 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>文化 北方町ホームページ</title>
7 
-	<!--くらしの情報-->
8 
-	<link rel="stylesheet" href="../css/base.css">
9 
-	<link rel="stylesheet" href="../css/second_header.css">
10 
-	<link rel="stylesheet" href="../css/footer.css">
11 
-	<link rel="stylesheet" href="../css/section.css">
12 
-	<link rel="stylesheet" href="../css/second_body.css">
13 
-	<link rel="stylesheet" href="../css/culture.css">
14 
-	<script src="../js/operation.js"></script>
15 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-	</meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>文化 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/culture.css">
15 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
19 
+  <link rel="stylesheet" href="../css/culture_mobile.css">
20 
+  <script src="../js/operation.js"></script>
21 
+  <script src="../js/menu.js"></script>
22 
+  <script src="../js/accordion.js"></script>
23 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
24 
+  </meta>
17 25 
 </head>
18 26
19 27 
 <body id="back">
20 
-	<div id="main" class="gothic">
21 
-		<!--セクション 操作-->
22 
-		<section id="operation">
23 
-			<!--セクション 住所-->
24 
-			<article id="address">
25 
-				<address id="operation_add">
26 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
28 
+<script type="text/javascript">
29 
+    function googleTranslateElementInit() {
30 
+        new google.translate.TranslateElement({
31 
+            pageLanguage: 'ja',
32 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
33 
+        }, 'google_translate_element');
34 
+    }
35 
+</script>
36 
+<script type="text/javascript"
37 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
38 
+<div id="main" class="gothic">
39 
+  <!-- mobile header -->
40 
+  <header class="header">
41 
+    <div class="headerLogo">
42 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
43 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
44 
+    </div>
45 
+    <div class="headerTitle">
46 
+      <a href="../index.html" class="header_link">
47 
+        <h1 class="headerTitle__text">北方町</h1>
48 
+      </a>
49 
+    </div>
50 
+    <div class="headerSubTitle">
51 
+      <a href="../index.html" class="header_link">
52 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
53 
+      </a>
54 
+    </div>
55 
+    <div id="h-menu">
56 
+      <span></span>
57 
+      <span></span>
58 
+      <span></span>
59 
+      <div id="h-text">menu</div>
60 
+    </div>
61 
+    <div id="h-nav">
62 
+      <div class="h-menu_main_block_top">
63 
+        <div class="h-menu_main_block">
64 
+          <div class="h-menu_block">
65 
+            <a href="../second/living.html">
66 
+              <div class="h-menu_block_text h-menu_block_before">
67 
+                <div class="h-menu_block_text_center">くらしの情報</div>
68 
+              </div>
69 
+            </a>
70 
+          </div>
71 
+        </div>
72 
+        <div class="h-menu_main_block">
73 
+          <div class="h-menu_block">
74 
+            <a href="../second/tourism.html">
75 
+              <div class="h-menu_block_text h-menu_block_before">
76 
+                <div class="h-menu_block_text_center">
77 
+                  観光
78 
+                </div>
79 
+              </div>
80 
+            </a>
81 
+          </div>
82 
+        </div>
83 
+        <div class="h-menu_main_block">
84 
+          <div class="h-menu_block">
85 
+            <a href="../second/business.html">
86 
+              <div class="h-menu_block_text h-menu_block_before">
87 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
88 
+              </div>
89 
+            </a>
90 
+          </div>
91 
+        </div>
92 
+        <div class="h-menu_main_block">
93 
+          <div class="h-menu_block">
94 
+            <a href="../second/town_admini_info.html">
95 
+              <div class="h-menu_block_text h-menu_block_before">
96 
+                <div class="h-menu_block_text_center">町政情報</div>
97 
+              </div>
98 
+            </a>
99 
+          </div>
100 
+        </div>
101 
+        <div class="h-menu_main_block">
102 
+          <div class="h-menu_block h-menu_block_before">
103 
+            <a href="../second/sitemap.html">
104 
+              <div class="h-menu_block_text h-menu_block_before">
105 
+                <div class="h-menu_block_text_center">
106 
+                  サイトマップ
107 
+                </div>
108 
+              </div>
109 
+            </a>
110 
+          </div>
111 
+        </div>
112 
+        <div class="h-menu_main_block">
113 
+          <div class="h-menu_block h-menu_block_before">
114 
+            <a href="https://ai-staff.net/kitagata/chat">
115 
+              <div class="h-menu_block_text  h-menu_block_before">
116 
+                <div class="h-menu_block_text_center">
117 
+                  AIチャット
118 
+                </div>
119 
+              </div>
120 
+            </a>
121 
+          </div>
122 
+        </div>
123 
+        <div class="h-menu_main_block">
124 
+          <div class="h-menu_block h-menu_block_before">
125 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
126 
+              <div class="h-menu_block_text">
127 
+                <div class="h-menu_block_text_center">
128 
+                  お問い合わせ一覧
129 
+                </div>
130 
+              </div>
131 
+            </a>
132 
+          </div>
133 
+        </div>
134 
+        <div class="h-menu_main_block">
135 
+          <div class="h-menu_lang">
136 
+            <div class="h-menu_block_lang">
137 
+              <div class="h-menu_block_text_center">
138 
+                <div class="h-menu_block_text_line">
139 
+                  背景変更
140 
+                  <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
141 
+                  </div>
142 
+                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
143 
+                  </div>
144 
+                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
145 
+                  </div>
146 
+                </div>
147 
+                <script>
148 
+                    getBackgNumber2();
149 
+                </script>
150 
+                <div class="h-menu_block_text_line">言語選択
151 
+                  <div class="mobile_translation">
152 
+                    <div id="google_translate_element"></div>
153 
+                  </div>
154 
+                </div>
155 
+              </div>
156 
+            </div>
157 
+          </div>
158 
+        </div>
159 
+        <div class="h-menu_main_block">
160 
+          <div class="h-menu_search">
161 
+            <div class="h-menu_block_search">
162 
+              <form action="https://www.google.com/search">
163 
+                <input type="hidden" name="hl" value="ja"/>
164 
+                <input type="hidden" name="ie" value="UTF-8">
165 
+                <input type="hidden" name="oe" value="UTF-8">
166 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
167 
+                <input type="text" name="q" size="16" maxlength="256" value=""
168 
+                       class="mobile_form_input"/>
169 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
170 
+              </form>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+  </header>
177 
+
178 
+
179 
+  <!--セクション 操作-->
180 
+  <section id="operation">
181 
+    <!--セクション 住所-->
182 
+    <article id="address">
183 
+      <address id="operation_add">
184 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 185 
 						TEL:058-323-1111(代)</span>
28 
-				</address>
29 
-			</article>
30 
-			<div id="controle_panel">
31 
-				<!--セクション 背景色-->
32 
-				<article id="bgcolor">
33 
-					<img src="../css/img/013.png" alt="背景色変更ボックス" />
34 
-					<div id="bgcolor_img">
35 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
36 
-							onClick="setBackground2(1)">
37 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-							onClick="setBackground2(2)">
39 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-							onClick="setBackground2(3)">
41 
-					</div>
42 
-					<script>
43 
-						getBackgNumber2();
44 
-					</script>
45 
-				</article>
186 
+      </address>
187 
+    </article>
188 
+    <div id="controle_panel">
189 
+      <!--セクション 背景色-->
190 
+      <article id="bgcolor">
191 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
192 
+        <div id="bgcolor_img">
193 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground2(1)">
195 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
196 
+                 onClick="setBackground2(2)">
197 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
198 
+                 onClick="setBackground2(3)">
199 
+        </div>
200 
+        <script>
201 
+            getBackgNumber2();
202 
+        </script>
203 
+      </article>
46 204
47 
-				<!--セクション 文字サイズ-->
48 
-				<!--<article id="charsize" >
205 
+      <!--セクション 文字サイズ-->
206 
+      <!--<article id="charsize" >
49 207 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 208 
 <div id="charsize_img">
51 209 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -54,170 +212,176 @@
54 212 
 </div>
55 213 
 </article>-->
56 214
57 
-				<!--セクション サイトマップ-->
58 
-				<article id="sitemap">
59 
-					<div id="sitemap_img">
60 
-						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
61 
-					</div>
62 
-				</article>
63 
-				<!--セクション お問い合わせ-->
64 
-				<article id="contact">
65 
-					<div id="contact_img">
66 
-						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
67 
-								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
68 
-					</div>
69 
-				</article>
70 
-				<!--セクション 翻訳-->
71 
-				<article id="translation">
72 
-					<div id="translation_img">
73 
-						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({
78 
-									pageLanguage: 'ja',
79 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-								}, 'google_translate_element');
81 
-							}
82 
-						</script>
83 
-						<script type="text/javascript"
84 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 
-					</div>
86 
-				</article>
87 
-				<div id="claer">
88 
-				</div>
89 
-			</div>
90 
-		</section>
215 
+      <!--セクション サイトマップ-->
216 
+      <article id="sitemap">
217 
+        <div id="sitemap_img">
218 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
219 
+        </div>
220 
+      </article>
221 
+      <!--セクション お問い合わせ-->
222 
+      <article id="contact">
223 
+        <div id="contact_img">
224 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
225 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
226 
+        </div>
227 
+      </article>
228 
+      <!--セクション 翻訳-->
229 
+      <article id="translation">
230 
+        <div id="translation_img">
231 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
232 
+          <div id="google_translate_element"></div>
233 
+        </div>
234 
+      </article>
235 
+      <div id="claer">
236 
+      </div>
237 
+    </div>
238 
+  </section>
91 239
240 
+  <!--ヘッダーデータ-->
241 
+  <header>
242 
+    <div id="header" class="gothic">
243 
+      <a href="../index.html">
244 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
245 
+      </a>
246 
+      <div id="h_block_1">
247 
+        <div class="h_line">
248 
+        </div>
249 
+        <article class="h_text_l">
250 
+          <a class="h_link" href="../second/living.html">
251 
+            <span class="h_text">くらしの情報</span></a>
252 
+        </article>
253 
+        <article class="h_text_l">
254 
+          <a class="h_link" href="../second/tourism.html">
255 
+            <span class="h_text">観光</span></a>
256 
+        </article>
257 
+        <article class="h_text_l">
258 
+          <a class="h_link" href="../second/business.html">
259 
+            <span class="h_text">事業者向け情報</span></a>
260 
+        </article>
261 
+        <article class="h_text_l">
262 
+          <a class="h_link" href="../second/town_admini_info.html">
263 
+            <span class="h_text">町政情報</span></a>
264 
+        </article>
265 
+      </div>
266 
+      <div id="h_block_search">
267 
+        <div class="h_line"></div>
268 
+        <article class="h_search">
269 
+          <div class="space10"></div>
270 
+          <form action="http://www.google.com/search">
271 
+            <input type="hidden" name="hl" value="ja"/>
272 
+            <input type="hidden" name="ie" value="UTF-8">
273 
+            <input type="hidden" name="oe" value="UTF-8">
274 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
275 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
276 
+            <input type="submit" name="btnG" value="検索"/>
277 
+          </form>
92 278
93 
-		<!--ヘッダーデータ-->
94 
-		<header>
95 
-			<div id="header" class="gothic">
96 
-				<a href="../index.html">
97 
-					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
98 
-				</a>
99 
-				<div id="h_block_1">
100 
-					<div class="h_line">
101 
-					</div>
102 
-					<article class="h_text_l">
103 
-						<a class="h_link" href="../second/living.html">
104 
-							<span class="h_text">くらしの情報</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../second/tourism.html">
108 
-							<span class="h_text">観光</span></a>
109 
-					</article>
110 
-					<article class="h_text_l">
111 
-						<a class="h_link" href="../second/business.html">
112 
-							<span class="h_text">事業者向け情報</span></a>
113 
-					</article>
114 
-					<article class="h_text_l">
115 
-						<a class="h_link" href="../second/town_admini_info.html">
116 
-							<span class="h_text">町政情報</span></a>
117 
-					</article>
118 
-				</div>
119 
-				<div id="h_block_search">
120 
-					<div class="h_line"></div>
121 
-					<article class="h_search">
122 
-						<div class="space10"></div>
123 
-						<form action="http://www.google.com/search">
124 
-							<input type="hidden" name="hl" value="ja" />
125 
-							<input type="hidden" name="ie" value="UTF-8">
126 
-							<input type="hidden" name="oe" value="UTF-8">
127 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
128 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
129 
-							<input type="submit" name="btnG" value="検索" />
130 
-						</form>
279 
+        </article>
280 
+      </div>
281 
+    </div>
282 
+  </header>
131 283
132 
-					</article>
133 
-				</div>
134 
-			</div>
135 
-		</header>
136 
-
137 
-		<div>
138 
-			<!--セクション template-->
139 
-			<section id="template">
140 
-				<article id="breadcrumb">
141 
-					<div id="breadcrumb_title">
142 
-						<div id="breadcrumb_title_block">
284 
+  <div>
285 
+    <!--セクション template-->
286 
+    <section id="template">
287 
+      <article id="breadcrumb">
288 
+        <div id="breadcrumb_title">
289 
+          <div id="breadcrumb_title_block">
143 290 
 							<span id="breadcrumb_title"><a href="../index.html">トップ</a>><a
144 
-									href="./living.html">くらしの情報</a>>文化</span>
145 
-						</div>
146 
-					</div>
147 
-				</article>
148 
-				<article id="template">
149 
-					<div id="template_title" class="gothic">
150 
-						<div id="template_title_block">
151 
-							<span id="template_title">くらしの情報</span>
152 
-						</div>
153 
-					</div>
154 
-				</article>
155 
-				<article id="template_list_title3">
156 
-					<div id="template_title3" class="gothic">
157 
-						<div id="template_title_block">
158 
-							<span class="template_icon left">-</span><span id="template_title3"><a
159 
-									name="anc1">文化</a></span>
160 
-						</div>
161 
-					</div>
162 
-					<span id="template_article_block">
163 
-						<div class="left">
291 
+                      href="./living.html">くらしの情報</a>>文化</span>
292 
+          </div>
293 
+        </div>
294 
+      </article>
295 
+      <article id="template">
296 
+        <div id="template_title" class="gothic">
297 
+          <div id="template_title_block">
298 
+            <span id="template_title">くらしの情報</span>
299 
+          </div>
300 
+        </div>
301 
+      </article>
302 
+      <article id="template_list_title3">
303 
+        <div id="template_title3" class="gothic">
304 
+          <div id="template_title_block">
305 
+            <span class="template_icon left">-</span><span id="template_title3"><a
306 
+                  name="anc1">文化</a></span>
307 
+          </div>
308 
+        </div>
309 
+        <span id="template_article_block">
310 
+						<div class="left_mobile">
164 311 
 							<div class="template_list">
165 312 
 								<span class="template_list">
166 313 
 									<span class="template_list_img left"><img
167 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
314 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
168 315 
 									<a href="http://www.town.kitagata.gifu.jp/kirari/second/cultural_property.html"
169 
-										target="_blank">
170 
-										北方町文化財一覧(別ページ)</a></span><br />
316 
+                     target="_blank">
317 
+										北方町文化財一覧(別ページ)</a></span><br/>
171 318 
 								<span class="clear"></span>
172 319 
 							</div>
173 320 
 							<div class="template_list">
174 321 
 								<span class="template_list">
175 322 
 									<span class="template_list_img left"><img
176 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
323 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
177 324 
 									<a href="../fourth/town_event/pdf/kitagataKANKO2017.pdf" target="_blank">
178 
-										文化財観光マップ(PDF 37.2MB)</a></span><br />
325 
+										文化財観光マップ(PDF 37.2MB)</a></span><br/>
179 326 
 								<span class="clear"></span>
180 327 
 							</div>
181 328 
 						</div>
182 
-						<div class="right">
329 
+						<div class="right_mobile">
183 330 
 							<div class="template_list">
184 331 
 								<span class="template_list">
185 332 
 									<span class="template_list_img left"><img
186 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
333 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
187 334 
 									<a href="../fourth/town_event/pdf/maizoubunkazai.pdf" target="_blank">
188 
-										埋蔵文化財に関する手続きの流れ(PDF 11KB)</a></span><br />
335 
+										埋蔵文化財に関する手続きの流れ(PDF 11KB)</a></span><br/>
189 336 
 								<span class="clear"></span>
190 337 
 							</div>
191 338 
 						</div>
192 339 
 						<div class="clear"></div>
193 340 
 					</span>
194 
-				</article>
195 
-				<article id="template_list_title_2">
196 
-					<div id="template_title_2" class="gothic">
197 
-						<div id="template_title_block_2">
198 
-							<span id="template_title_2">お問い合わせ</span>
199 
-						</div>
200 
-					</div>
201 
-					<span id="template_article_block_2">
202 
-						教育委員会　生涯学習推進室<br />
203 
-						Tel 058-320-2200<br />
341 
+      </article>
342 
+      <article id="template_list_title_2">
343 
+        <div id="template_title_2" class="gothic">
344 
+          <div id="template_title_block_2">
345 
+            <span id="template_title_2">お問い合わせ</span>
346 
+          </div>
347 
+        </div>
348 
+        <span id="template_article_block_2">
349 
+						教育委員会　生涯学習推進室<br/>
350 
+						Tel 058-320-2200<br/>
204 351 
 						<a href="../second/Inquiry_form_lifelong_learning.html">お問い合わせフォーム</a>
205 352 
 					</span>
206 
-				</article>
207 
-			</section>
208 
-		</div>
353 
+      </article>
354 
+    </section>
355 
+  </div>
209 356
210 
-		<footer>
211 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
212 
-			<br />
213 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
214 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
215 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
216 
-		</footer>
357 
+  <footer>
358 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
359 
+    <div class="footer_mobile">
360 
+      <div class="footer_mobile_title">
361 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
362 
+        <h1 class="footerMobile__text">北方町役場</h1>
363 
+      </div>
364 
+      <div class="footer_mobile_address">
365 
+					<span class="footerTextWrap__text">
366 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
367 
+					</span><br>
368 
+        電話:058-323-1111(代)<br>
369 
+        FAX:058-323-2963<br>
370 
+        開庁日：8時30分～17時15分<br>
371 
+        （土・日・祝日、年末年始を除く）<br>
372 
+      </div>
373 
+    </div>
374 
+    <br class="sp__brDisplay">
375 
+    <p class="footer_text">
376 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
377 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
378 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
379 
+    </p>
380 
+  </footer>
217 381
218 
-	</div>
219 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Culture" height="1"
220 
-		width="1" />
382 
+</div>
383 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Culture" height="1"
384 
+     width="1"/>
221 385 
 </body>
222 386
223 
-</html>
387 
+</html>

+ 320
- 160
second/Donation.html Datei anzeigen 

@@ -1,163 +1,307 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>北方町ふるさと寄附金の募集 北方町ホームページ</title>
7 
-  <!--くらしの情報-->
8 
-  <link rel="stylesheet" href="../css/base.css">
9 
-  <link rel="stylesheet" href="../css/second_header.css">
10 
-  <link rel="stylesheet" href="../css/footer.css">
11 
-  <link rel="stylesheet" href="../css/section.css">
12 
-  <link rel="stylesheet" href="../css/third_template.css">
13 
-  <link rel="stylesheet" href="../css/table.css">
14 
-  <script src="../js/operation.js"></script>
15 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
5 
+    <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+    <title>北方町ふるさと寄附金の募集 北方町ホームページ</title>
8 
+    <!--くらしの情報-->
9 
+    <link rel="stylesheet" href="../css/base.css">
10 
+    <link rel="stylesheet" href="../css/second_header.css">
11 
+    <link rel="stylesheet" href="../css/footer.css">
12 
+    <link rel="stylesheet" href="../css/section.css">
13 
+    <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/table.css">
15 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+    <link rel="stylesheet" href="../css/section_mobile.css">
18 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
19 
+    <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
22 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
23 
+    </meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
20 
-  <div id="main" class="gothic">
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+        <div class="headerLogo">
41 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+        </div>
44 
+        <div class="headerTitle">
45 
+            <a href="../index.html" class="header_link">
46 
+                <h1 class="headerTitle__text">北方町</h1>
47 
+            </a>
48 
+        </div>
49 
+        <div class="headerSubTitle">
50 
+            <a href="../index.html" class="header_link">
51 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+            </a>
53 
+        </div>
54 
+        <div id="h-menu">
55 
+            <span></span>
56 
+            <span></span>
57 
+            <span></span>
58 
+            <div id="h-text">menu</div>
59 
+        </div>
60 
+        <div id="h-nav">
61 
+            <div class="h-menu_main_block_top">
62 
+                <div class="h-menu_main_block">
63 
+                    <div class="h-menu_block">
64 
+                        <a href="../second/living.html">
65 
+                            <div class="h-menu_block_text h-menu_block_before">
66 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
67 
+                            </div>
68 
+                        </a>
69 
+                    </div>
70 
+                </div>
71 
+                <div class="h-menu_main_block">
72 
+                    <div class="h-menu_block">
73 
+                        <a href="../second/tourism.html">
74 
+                            <div class="h-menu_block_text h-menu_block_before">
75 
+                                <div class="h-menu_block_text_center">
76 
+                                    観光
77 
+                                </div>
78 
+                            </div>
79 
+                        </a>
80 
+                    </div>
81 
+                </div>
82 
+                <div class="h-menu_main_block">
83 
+                    <div class="h-menu_block">
84 
+                        <a href="../second/business.html">
85 
+                            <div class="h-menu_block_text h-menu_block_before">
86 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+                            </div>
88 
+                        </a>
89 
+                    </div>
90 
+                </div>
91 
+                <div class="h-menu_main_block">
92 
+                    <div class="h-menu_block">
93 
+                        <a href="../second/town_admini_info.html">
94 
+                            <div class="h-menu_block_text h-menu_block_before">
95 
+                                <div class="h-menu_block_text_center">町政情報</div>
96 
+                            </div>
97 
+                        </a>
98 
+                    </div>
99 
+                </div>
100 
+                <div class="h-menu_main_block">
101 
+                    <div class="h-menu_block h-menu_block_before">
102 
+                        <a href="../second/sitemap.html">
103 
+                            <div class="h-menu_block_text h-menu_block_before">
104 
+                                <div class="h-menu_block_text_center">
105 
+                                    サイトマップ
106 
+                                </div>
107 
+                            </div>
108 
+                        </a>
109 
+                    </div>
110 
+                </div>
111 
+                <div class="h-menu_main_block">
112 
+                    <div class="h-menu_block h-menu_block_before">
113 
+                        <a href="https://ai-staff.net/kitagata/chat">
114 
+                            <div class="h-menu_block_text  h-menu_block_before">
115 
+                                <div class="h-menu_block_text_center">
116 
+                                    AIチャット
117 
+                                </div>
118 
+                            </div>
119 
+                        </a>
120 
+                    </div>
121 
+                </div>
122 
+                <div class="h-menu_main_block">
123 
+                    <div class="h-menu_block h-menu_block_before">
124 
+                        <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                            <div class="h-menu_block_text">
126 
+                                <div class="h-menu_block_text_center">
127 
+                                    お問い合わせ一覧
128 
+                                </div>
129 
+                            </div>
130 
+                        </a>
131 
+                    </div>
132 
+                </div>
133 
+                <div class="h-menu_main_block">
134 
+                    <div class="h-menu_lang">
135 
+                        <div class="h-menu_block_lang">
136 
+                            <div class="h-menu_block_text_center">
137 
+                                <div class="h-menu_block_text_line">
138 
+                                    背景変更
139 
+                                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                                    </div>
141 
+                                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                                    </div>
143 
+                                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                                    </div>
145 
+                                </div>
146 
+                                <script>
147 
+                                    getBackgNumber2();
148 
+                                </script>
149 
+                                <div class="h-menu_block_text_line">言語選択
150 
+                                    <div class="mobile_translation">
151 
+                                        <div id="google_translate_element"></div>
152 
+                                    </div>
153 
+                                </div>
154 
+                            </div>
155 
+                        </div>
156 
+                    </div>
157 
+                </div>
158 
+                <div class="h-menu_main_block">
159 
+                    <div class="h-menu_search">
160 
+                        <div class="h-menu_block_search">
161 
+                            <form action="https://www.google.com/search">
162 
+                                <input type="hidden" name="hl" value="ja"/>
163 
+                                <input type="hidden" name="ie" value="UTF-8">
164 
+                                <input type="hidden" name="oe" value="UTF-8">
165 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
166 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
167 
+                                       class="mobile_form_input"/>
168 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169 
+                            </form>
170 
+                        </div>
171 
+                    </div>
172 
+                </div>
173 
+            </div>
174 
+        </div>
175 
+    </header>
176 
+
21 177 
     <!--セクション 操作-->
22 178 
     <section id="operation">
23 
-      <!--セクション 住所-->
24 
-      <article id="address">
25 
-        <address id="operation_add">
26 
-          <span>北方町役場</span>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
31 
-      </article>
32 
-      <div id="controle_panel">
33 
-        <!--セクション 背景色-->
34 
-        <article id="bgcolor">
35 
-          <img src="../css/img/013.png" alt="背景色変更ボックス" />
36 
-          <div id="bgcolor_img">
37 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber2();
43 
-          </script>
179 
+        <!--セクション 住所-->
180 
+        <article id="address">
181 
+            <address id="operation_add">
182 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
183 
+            TEL:058-323-1111(代)</span>
184 
+            </address>
44 185 
         </article>
186 
+        <div id="controle_panel">
187 
+            <!--セクション 背景色-->
188 
+            <article id="bgcolor">
189 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
190 
+                <div id="bgcolor_img">
191 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                           onClick="setBackground2(1)">
193 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                           onClick="setBackground2(2)">
195 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
196 
+                           onClick="setBackground2(3)">
197 
+                </div>
198 
+                <script>
199 
+                    getBackgNumber2();
200 
+                </script>
201 
+            </article>
45 202
46 
-        <!--セクション 文字サイズ-->
47 
-        <!--<article id="charsize" >
48 
-    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-    <div id="charsize_img">
50 
-    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-    </div>
54 
-    </article>-->
55 
-
56 
-        <!--セクション サイトマップ-->
57 
-        <article id="sitemap">
58 
-          <div id="sitemap_img">
59 
-            <a href="../second/sitemap.html">
60 
-              <img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" />
61 
-            </a>
62 
-          </div>
63 
-        </article>
64 
-        <!--セクション お問い合わせ-->
65 
-        <article id="contact">
66 
-          <div id="contact_img">
67 
-            <a href="../third/town_admini_info/administrative_organization_chart.html">
68 
-              <img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" />
69 
-            </a>
203 
+            <!--セクション 文字サイズ-->
204 
+            <!--<article id="charsize" >
205 
+          <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
206 
+          <div id="charsize_img">
207 
+          <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
208 
+          <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
209 
+          <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
70 210 
           </div>
71 
-        </article>
72 
-        <!--セクション 翻訳-->
73 
-        <article id="translation">
74 
-          <div id="translation_img">
75 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
76 
-            <div id="google_translate_element"></div>
77 
-            <script type="text/javascript">
78 
-              function googleTranslateElementInit() {
79 
-                new google.translate.TranslateElement({
80 
-                  pageLanguage: 'ja',
81 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
82 
-                }, 'google_translate_element');
83 
-              }
84 
-            </script>
85 
-            <script type="text/javascript"
86 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
87 
-          </div>
88 
-        </article>
89 
-        <div id="claer">
211 
+          </article>-->
212 
+
213 
+            <!--セクション サイトマップ-->
214 
+            <article id="sitemap">
215 
+                <div id="sitemap_img">
216 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
217 
+                </div>
218 
+            </article>
219 
+            <!--セクション お問い合わせ-->
220 
+            <article id="contact">
221 
+                <div id="contact_img">
222 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
223 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
224 
+                </div>
225 
+            </article>
226 
+            <!--セクション 翻訳-->
227 
+            <article id="translation">
228 
+                <div id="translation_img">
229 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
230 
+                    <div id="google_translate_element"></div>
231 
+                </div>
232 
+            </article>
233 
+            <div id="claer">
234 
+            </div>
90 235 
         </div>
91 
-      </div>
92 236 
     </section>
93 237
94 238 
     <!--ヘッダーデータ-->
95 239 
     <header>
96 
-      <div id="header" class="gothic">
97 
-        <a href="../index.html">
98 
-          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
99 
-        </a>
100 
-        <div id="h_block_1">
101 
-          <div class="h_line">
102 
-          </div>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../second/living.html">
105 
-              <span class="h_text">くらしの情報</span>
106 
-            </a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../second/tourism.html">
110 
-              <span class="h_text">観光</span>
111 
-            </a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../second/business.html">
115 
-              <span class="h_text">事業者向け情報</span>
240 
+        <div id="header" class="gothic">
241 
+            <a href="../index.html">
242 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
116 243 
             </a>
117 
-          </article>
118 
-          <article class="h_text_l">
119 
-            <a class="h_link" href="../second/town_admini_info.html">
120 
-              <span class="h_text">町政情報</span>
121 
-            </a>
122 
-          </article>
123 
-        </div>
124 
-        <div id="h_block_search">
125 
-          <div class="h_line"></div>
126 
-          <article class="h_search">
127 
-            <div class="space10"></div>
128 
-            <form action="http://www.google.com/search">
129 
-              <input type="hidden" name="hl" value="ja" />
130 
-              <input type="hidden" name="ie" value="UTF-8">
131 
-              <input type="hidden" name="oe" value="UTF-8">
132 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
133 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
134 
-              <input type="submit" name="btnG" value="検索" />
135 
-            </form>
244 
+            <div id="h_block_1">
245 
+                <div class="h_line">
246 
+                </div>
247 
+                <article class="h_text_l">
248 
+                    <a class="h_link" href="../second/living.html">
249 
+                        <span class="h_text">くらしの情報</span>
250 
+                    </a>
251 
+                </article>
252 
+                <article class="h_text_l">
253 
+                    <a class="h_link" href="../second/tourism.html">
254 
+                        <span class="h_text">観光</span>
255 
+                    </a>
256 
+                </article>
257 
+                <article class="h_text_l">
258 
+                    <a class="h_link" href="../second/business.html">
259 
+                        <span class="h_text">事業者向け情報</span>
260 
+                    </a>
261 
+                </article>
262 
+                <article class="h_text_l">
263 
+                    <a class="h_link" href="../second/town_admini_info.html">
264 
+                        <span class="h_text">町政情報</span>
265 
+                    </a>
266 
+                </article>
267 
+            </div>
268 
+            <div id="h_block_search">
269 
+                <div class="h_line"></div>
270 
+                <article class="h_search">
271 
+                    <div class="space10"></div>
272 
+                    <form action="http://www.google.com/search">
273 
+                        <input type="hidden" name="hl" value="ja"/>
274 
+                        <input type="hidden" name="ie" value="UTF-8">
275 
+                        <input type="hidden" name="oe" value="UTF-8">
276 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
277 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
278 
+                        <input type="submit" name="btnG" value="検索"/>
279 
+                    </form>
136 280
137 
-          </article>
281 
+                </article>
282 
+            </div>
138 283 
         </div>
139 
-      </div>
140 284 
     </header>
141 285
142 286 
     <div>
143 
-      <!--セクション template-->
144 
-      <section id="template">
145 
-        <article id="breadcrumb">
146 
-          <div id="breadcrumb_title">
147 
-            <div id="breadcrumb_title_block">
287 
+        <!--セクション template-->
288 
+        <section id="template">
289 
+            <article id="breadcrumb">
290 
+                <div id="breadcrumb_title">
291 
+                    <div id="breadcrumb_title_block">
148 292 
               <span id="breadcrumb_title">
149 293 
                 <a href="../index.html">トップ</a>>北方町ふるさと寄附金の募集</span>
150 
-            </div>
151 
-          </div>
152 
-        </article>
294 
+                    </div>
295 
+                </div>
296 
+            </article>
153 297
154 
-        <article id="template">
155 
-          <div id="template_title" class="gothic">
156 
-            <div id="template_title_block">
157 
-              <span id="template_title">北方町ふるさと寄附金の募集</span>
158 
-            </div>
159 
-          </div>
160 
-          <span id="template_article_block">
298 
+            <article id="template">
299 
+                <div id="template_title" class="gothic">
300 
+                    <div id="template_title_block">
301 
+                        <span id="template_title">北方町ふるさと寄附金の募集</span>
302 
+                    </div>
303 
+                </div>
304 
+                <span id="template_article_block">
161 305 
             <p>
162 306 
               　「北方町を応援したい」、「北方町が好き」・・・ふるさとへの思いや北方町のまちづくりに共感を持つ個人、法人その他団体からの寄附金を受付しています。
163 307 
             </p>
 
@@ -172,39 +316,55 @@
172 316 
             <a href="../third/donation/Handling_of_donations_at_the_end_of_the_year.html">・年末の寄附の取り扱いについて</a><br>
173 317 
             <a href="../third/notices/176_20181207.html">・ふるさと納税を装った詐欺サイトにご注意ください</a><br>
174 318 
             <br>
175 
-             <a target="_blank" href="https://www.furusato-tax.jp/city/product/21421">
176 
-                <img src="../css/img/donationchoice.png" alt="岐阜県北方町 お礼の品一覧ページはこちら" />
177 
-              </a>
319 
+            <a target="_blank" href="https://www.furusato-tax.jp/city/product/21421">
320 
+              <img class="img__sp" src="../css/img/donationchoice.png" alt="岐阜県北方町 お礼の品一覧ページはこちら"/>
321 
+            </a>
178 322 
           </span>
179 
-        </article>
323 
+            </article>
180 324
181 
-        <article id="template_list_title">
182 
-          <div id="template_title2" class="gothic">
183 
-            <div id="template_title_block">
184 
-              <span id="template_title2">問い合わせ先</span>
185 
-            </div>
186 
-          </div>
187 
-          <span id="template_article_block">
188 
-            政策財政課<br />
325 
+            <article id="template_list_title">
326 
+                <div id="template_title2" class="gothic">
327 
+                    <div id="template_title_block">
328 
+                        <span id="template_title2">問い合わせ先</span>
329 
+                    </div>
330 
+                </div>
331 
+                <span id="template_article_block">
332 
+            政策財政課<br/>
189 333 
             TEL　058-322-9936
190 334 
           </span>
191 
-        </article>
335 
+            </article>
192 336
193 
-      </section>
337 
+        </section>
194 338 
     </div>
339 
+
195 340 
     <footer>
196 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
197 
-      <br />
198 
-      <p class="footer_text">
199 
-        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
200 
-        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
201 
-        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
202 
-      </p>
341 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+        <div class="footer_mobile">
343 
+            <div class="footer_mobile_title">
344 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+                <h1 class="footerMobile__text">北方町役場</h1>
346 
+            </div>
347 
+            <div class="footer_mobile_address">
348 
+          <span class="footerTextWrap__text">
349 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+          </span><br>
351 
+                電話:058-323-1111(代)<br>
352 
+                FAX:058-323-2963<br>
353 
+                開庁日：8時30分～17時15分<br>
354 
+                （土・日・祝日、年末年始を除く）<br>
355 
+            </div>
356 
+        </div>
357 
+        <br class="sp__brDisplay">
358 
+        <p class="footer_text">
359 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+        </p>
203 363 
     </footer>
204 364
205 
-  </div>
206 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Donation" height="1"
207 
-    width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Donation" height="1"
367 
+     width="1"/>
208 368 
 </body>
209 369
210 
-</html>
370 
+</html>

+ 191
- 27
second/Education.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>教育 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                         src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                      getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja"/>
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                         class="mobile_form_input"/>
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
201 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+    <div id="charsize_img">
203 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+    </div>
207 
+    </article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,16 +224,6 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
 
@@ -152,7 +299,7 @@
152 299 
             </div>
153 300 
           </div>
154 301 
           <span id="template_article_block">
155 
-            <div class="left">
302 
+            <div class="left_mobile">
156 303 
               <div class="template_list">
157 304 
                 <span class="template_list">
158 305 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -181,7 +328,7 @@
181 328 
                     北方町立学校区域図</a></span><br />
182 329 
                 <span class="clear"></span>
183 330 
               </div>
184 
-               <div class="template_list">
331 
+              <div class="template_list">
185 332 
                 <span class="template_list">
186 333 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
187 334 
                   <a href="../css/pdf/20190123_school_logn_life_project.pdf" target="_blank">
 
@@ -196,7 +343,7 @@
196 343 
                 <span class="clear"></span>
197 344 
               </div>
198 345 
             </div>
199 
-            <div class="right">
346 
+            <div class="right_mobile">
200 347 
               <div class="template_list">
201 348 
                 <span class="template_list">
202 349 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -235,10 +382,27 @@
235 382 
     </div>
236 383
237 384 
     <footer>
238 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
239 
-      <br />
240 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
241 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
385 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
386 
+      <div class="footer_mobile">
387 
+        <div class="footer_mobile_title">
388 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
389 
+          <h1 class="footerMobile__text">北方町役場</h1>
390 
+        </div>
391 
+        <div class="footer_mobile_address">
392 
+          <span class="footerTextWrap__text">
393 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
394 
+          </span><br>
395 
+          電話:058-323-1111(代)<br>
396 
+          FAX:058-323-2963<br>
397 
+          開庁日：8時30分～17時15分<br>
398 
+          （土・日・祝日、年末年始を除く）<br>
399 
+        </div>
400 
+      </div>
401 
+      <br class="sp__brDisplay">
402 
+      <p class="footer_text">
403 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
404 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
405 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
242 406 
       </p>
243 407 
     </footer>
244 408 
 
@@ -247,4 +411,4 @@
247 411 
     width="1" />
248 412 
 </body>
249 413
250 
-</html>
414 
+</html>

+ 529
- 355
second/Family_register.html Datei anzeigen 

@@ -1,51 +1,207 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>戸籍・住民票など 北方町ホームページ</title>
7 
-	<!--くらしの情報-->
8 
-	<link rel="stylesheet" href="../css/base.css">
9 
-	<link rel="stylesheet" href="../css/second_header.css">
10 
-	<link rel="stylesheet" href="../css/footer.css">
11 
-	<link rel="stylesheet" href="../css/section.css">
12 
-	<link rel="stylesheet" href="../css/second_body.css">
13 
-	<link rel="stylesheet" href="../css/table.css">
14 
-	<script src="../js/operation.js"></script>
15 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-	</meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>戸籍・住民票など 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/table.css">
15 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
23 
+  </meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
20 
-	<div id="main" class="gothic">
21 
-		<!--セクション 操作-->
22 
-		<section id="operation">
23 
-			<!--セクション 住所-->
24 
-			<article id="address">
25 
-				<address id="operation_add">
26 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+  <!-- mobile header -->
39 
+  <header class="header">
40 
+    <div class="headerLogo">
41 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+    </div>
44 
+    <div class="headerTitle">
45 
+      <a href="../index.html" class="header_link">
46 
+        <h1 class="headerTitle__text">北方町</h1>
47 
+      </a>
48 
+    </div>
49 
+    <div class="headerSubTitle">
50 
+      <a href="../index.html" class="header_link">
51 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+      </a>
53 
+    </div>
54 
+    <div id="h-menu">
55 
+      <span></span>
56 
+      <span></span>
57 
+      <span></span>
58 
+      <div id="h-text">menu</div>
59 
+    </div>
60 
+    <div id="h-nav">
61 
+      <div class="h-menu_main_block_top">
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../second/living.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">くらしの情報</div>
67 
+              </div>
68 
+            </a>
69 
+          </div>
70 
+        </div>
71 
+        <div class="h-menu_main_block">
72 
+          <div class="h-menu_block">
73 
+            <a href="../second/tourism.html">
74 
+              <div class="h-menu_block_text h-menu_block_before">
75 
+                <div class="h-menu_block_text_center">
76 
+                  観光
77 
+                </div>
78 
+              </div>
79 
+            </a>
80 
+          </div>
81 
+        </div>
82 
+        <div class="h-menu_main_block">
83 
+          <div class="h-menu_block">
84 
+            <a href="../second/business.html">
85 
+              <div class="h-menu_block_text h-menu_block_before">
86 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+              </div>
88 
+            </a>
89 
+          </div>
90 
+        </div>
91 
+        <div class="h-menu_main_block">
92 
+          <div class="h-menu_block">
93 
+            <a href="../second/town_admini_info.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">町政情報</div>
96 
+              </div>
97 
+            </a>
98 
+          </div>
99 
+        </div>
100 
+        <div class="h-menu_main_block">
101 
+          <div class="h-menu_block h-menu_block_before">
102 
+            <a href="../second/sitemap.html">
103 
+              <div class="h-menu_block_text h-menu_block_before">
104 
+                <div class="h-menu_block_text_center">
105 
+                  サイトマップ
106 
+                </div>
107 
+              </div>
108 
+            </a>
109 
+          </div>
110 
+        </div>
111 
+        <div class="h-menu_main_block">
112 
+          <div class="h-menu_block h-menu_block_before">
113 
+            <a href="https://ai-staff.net/kitagata/chat">
114 
+              <div class="h-menu_block_text  h-menu_block_before">
115 
+                <div class="h-menu_block_text_center">
116 
+                  AIチャット
117 
+                </div>
118 
+              </div>
119 
+            </a>
120 
+          </div>
121 
+        </div>
122 
+        <div class="h-menu_main_block">
123 
+          <div class="h-menu_block h-menu_block_before">
124 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+              <div class="h-menu_block_text">
126 
+                <div class="h-menu_block_text_center">
127 
+                  お問い合わせ一覧
128 
+                </div>
129 
+              </div>
130 
+            </a>
131 
+          </div>
132 
+        </div>
133 
+        <div class="h-menu_main_block">
134 
+          <div class="h-menu_lang">
135 
+            <div class="h-menu_block_lang">
136 
+              <div class="h-menu_block_text_center">
137 
+                <div class="h-menu_block_text_line">
138 
+                  背景変更
139 
+                  <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                  </div>
141 
+                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                  </div>
143 
+                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                  </div>
145 
+                </div>
146 
+                <script>
147 
+                    getBackgNumber2();
148 
+                </script>
149 
+                <div class="h-menu_block_text_line">言語選択
150 
+                  <div class="mobile_translation">
151 
+                    <div id="google_translate_element"></div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+        </div>
158 
+        <div class="h-menu_main_block">
159 
+          <div class="h-menu_search">
160 
+            <div class="h-menu_block_search">
161 
+              <form action="https://www.google.com/search">
162 
+                <input type="hidden" name="hl" value="ja"/>
163 
+                <input type="hidden" name="ie" value="UTF-8">
164 
+                <input type="hidden" name="oe" value="UTF-8">
165 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
166 
+                <input type="text" name="q" size="16" maxlength="256" value=""
167 
+                       class="mobile_form_input"/>
168 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169 
+              </form>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </div>
175 
+  </header>
176 
+
177 
+  <!--セクション 操作-->
178 
+  <section id="operation">
179 
+    <!--セクション 住所-->
180 
+    <article id="address">
181 
+      <address id="operation_add">
182 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 183 
 						TEL:058-323-1111(代)</span>
28 
-				</address>
29 
-			</article>
30 
-			<div id="controle_panel">
31 
-				<!--セクション 背景色-->
32 
-				<article id="bgcolor">
33 
-					<img src="../css/img/013.png" alt="背景色変更ボックス" />
34 
-					<div id="bgcolor_img">
35 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
36 
-							onClick="setBackground2(1)">
37 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-							onClick="setBackground2(2)">
39 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-							onClick="setBackground2(3)">
41 
-					</div>
42 
-					<script>
43 
-						getBackgNumber2();
44 
-					</script>
45 
-				</article>
184 
+      </address>
185 
+    </article>
186 
+    <div id="controle_panel">
187 
+      <!--セクション 背景色-->
188 
+      <article id="bgcolor">
189 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
190 
+        <div id="bgcolor_img">
191 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground2(1)">
193 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground2(2)">
195 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
196 
+                 onClick="setBackground2(3)">
197 
+        </div>
198 
+        <script>
199 
+            getBackgNumber2();
200 
+        </script>
201 
+      </article>
46 202
47 
-				<!--セクション 文字サイズ-->
48 
-				<!--<article id="charsize" >
203 
+      <!--セクション 文字サイズ-->
204 
+      <!--<article id="charsize" >
49 205 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 206 
 <div id="charsize_img">
51 207 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -54,352 +210,370 @@
54 210 
 </div>
55 211 
 </article>-->
56 212
57 
-				<!--セクション サイトマップ-->
58 
-				<article id="sitemap">
59 
-					<div id="sitemap_img">
60 
-						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
61 
-					</div>
62 
-				</article>
63 
-				<!--セクション お問い合わせ-->
64 
-				<article id="contact">
65 
-					<div id="contact_img">
66 
-						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
67 
-								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
68 
-					</div>
69 
-				</article>
70 
-				<!--セクション 翻訳-->
71 
-				<article id="translation">
72 
-					<div id="translation_img">
73 
-						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({
78 
-									pageLanguage: 'ja',
79 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-								}, 'google_translate_element');
81 
-							}
82 
-						</script>
83 
-						<script type="text/javascript"
84 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 
-					</div>
86 
-				</article>
87 
-				<div id="claer">
88 
-				</div>
89 
-			</div>
90 
-		</section>
213 
+      <!--セクション サイトマップ-->
214 
+      <article id="sitemap">
215 
+        <div id="sitemap_img">
216 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
217 
+        </div>
218 
+      </article>
219 
+      <!--セクション お問い合わせ-->
220 
+      <article id="contact">
221 
+        <div id="contact_img">
222 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
223 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
224 
+        </div>
225 
+      </article>
226 
+      <!--セクション 翻訳-->
227 
+      <article id="translation">
228 
+        <div id="translation_img">
229 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
230 
+          <div id="google_translate_element"></div>
231 
+        </div>
232 
+      </article>
233 
+      <div id="claer">
234 
+      </div>
235 
+    </div>
236 
+  </section>
91 237
92 238
93 
-		<!--ヘッダーデータ-->
94 
-		<header>
95 
-			<div id="header" class="gothic">
96 
-				<a href="../index.html">
97 
-					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
98 
-				</a>
99 
-				<div id="h_block_1">
100 
-					<div class="h_line">
101 
-					</div>
102 
-					<article class="h_text_l">
103 
-						<a class="h_link" href="../second/living.html">
104 
-							<span class="h_text">くらしの情報</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../second/tourism.html">
108 
-							<span class="h_text">観光</span></a>
109 
-					</article>
110 
-					<article class="h_text_l">
111 
-						<a class="h_link" href="../second/business.html">
112 
-							<span class="h_text">事業者向け情報</span></a>
113 
-					</article>
114 
-					<article class="h_text_l">
115 
-						<a class="h_link" href="../second/town_admini_info.html">
239 
+  <!--ヘッダーデータ-->
240 
+  <header>
241 
+    <div id="header" class="gothic">
242 
+      <a href="../index.html">
243 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
244 
+      </a>
245 
+      <div id="h_block_1">
246 
+        <div class="h_line">
247 
+        </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../second/living.html">
250 
+            <span class="h_text">くらしの情報</span></a>
251 
+        </article>
252 
+        <article class="h_text_l">
253 
+          <a class="h_link" href="../second/tourism.html">
254 
+            <span class="h_text">観光</span></a>
255 
+        </article>
256 
+        <article class="h_text_l">
257 
+          <a class="h_link" href="../second/business.html">
258 
+            <span class="h_text">事業者向け情報</span></a>
259 
+        </article>
260 
+        <article class="h_text_l">
261 
+          <a class="h_link" href="../second/town_admini_info.html">
116 262
117 
-							<span class="h_text">町政情報</span></a>
118 
-					</article>
119 
-				</div>
120 
-				<div id="h_block_search">
121 
-					<div class="h_line"></div>
122 
-					<article class="h_search">
123 
-						<div class="space10"></div>
124 
-						<form action="http://www.google.com/search">
125 
-							<input type="hidden" name="hl" value="ja" />
126 
-							<input type="hidden" name="ie" value="UTF-8">
127 
-							<input type="hidden" name="oe" value="UTF-8">
128 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
129 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
130 
-							<input type="submit" name="btnG" value="検索" />
131 
-						</form>
263 
+            <span class="h_text">町政情報</span></a>
264 
+        </article>
265 
+      </div>
266 
+      <div id="h_block_search">
267 
+        <div class="h_line"></div>
268 
+        <article class="h_search">
269 
+          <div class="space10"></div>
270 
+          <form action="http://www.google.com/search">
271 
+            <input type="hidden" name="hl" value="ja"/>
272 
+            <input type="hidden" name="ie" value="UTF-8">
273 
+            <input type="hidden" name="oe" value="UTF-8">
274 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
275 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
276 
+            <input type="submit" name="btnG" value="検索"/>
277 
+          </form>
132 278
133 
-					</article>
134 
-				</div>
135 
-			</div>
136 
-		</header>
279 
+        </article>
280 
+      </div>
281 
+    </div>
282 
+  </header>
137 283
138 
-		<div>
139 
-			<!--セクション template-->
140 
-			<section id="template">
141 
-				<article id="breadcrumb">
142 
-					<div id="breadcrumb_title">
143 
-						<div id="breadcrumb_title_block">
284 
+  <div>
285 
+    <!--セクション template-->
286 
+    <section id="template">
287 
+      <article id="breadcrumb">
288 
+        <div id="breadcrumb_title">
289 
+          <div id="breadcrumb_title_block">
144 290 
 							<span id="breadcrumb_title"><a href="../index.html">トップ</a>><a
145 
-									href="./living.html">くらしの情報</a>>戸籍・住民票など</span>
146 
-						</div>
147 
-					</div>
148 
-				</article>
149 
-				<article id="template">
150 
-					<div id="template_title" class="gothic">
151 
-						<div id="template_title_block">
152 
-							<span id="template_title">くらしの情報</span>
153 
-						</div>
154 
-					</div>
155 
-				</article>
156 
-				<article id="template_list_title3">
157 
-					<div id="template_title3" class="gothic">
158 
-						<div id="template_title_block">
159 
-							<span class="template_icon left">-</span><span id="template_title3"><a
160 
-									name="anc1">戸籍・住民票など</a></span>
161 
-						</div>
162 
-					</div>
163 
-					<span id="template_article_block">
291 
+                                    href="./living.html">くらしの情報</a>>戸籍・住民票など</span>
292 
+          </div>
293 
+        </div>
294 
+      </article>
295 
+      <article id="template">
296 
+        <div id="template_title" class="gothic">
297 
+          <div id="template_title_block">
298 
+            <span id="template_title">くらしの情報</span>
299 
+          </div>
300 
+        </div>
301 
+      </article>
302 
+      <article id="template_list_title3">
303 
+        <div id="template_title3" class="gothic">
304 
+          <div id="template_title_block">
305 
+            <span class="template_icon left">-</span><span id="template_title3"><a
306 
+                  name="anc1">戸籍・住民票など</a></span>
307 
+          </div>
308 
+        </div>
309 
+        <span id="template_article_block">
164 310 
 						<!--左項目ここから=================================================================================================================-->
165 
-						<div class="left">
166 
-							<h4 id="life">住民登録について</h4>
167 
-							<div class="template_list">
168 
-								<span class="template_list">
169 
-									<span class="template_list_img left"><img
170 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
171 
-									<a href="../third/living/Move_to_kitagata.html">
172 
-										転入届</a></span><br />
173 
-								<span class="clear"></span>
174 
-							</div>
175 
-							<div class="template_list">
176 
-								<span class="template_list">
177 
-									<span class="template_list_img left"><img
178 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
179 
-									<a href="../third/living/Address_change_in_town.html">
180 
-										転居届</a></span><br />
181 
-								<span class="clear"></span>
182 
-							</div>
183 
-							<div class="template_list">
184 
-								<span class="template_list">
185 
-									<span class="template_list_img left"><img
186 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
187 
-									<a href="../third/living/Moving_out_of_town.html">
188 
-										転出届</a></span><br />
189 
-								<span class="clear"></span>
190 
-							</div>
191 
-							<div class="template_list">
192 
-								<span class="template_list">
193 
-									<span class="template_list_img left"><img
194 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
195 
-									<a href="../third/living/Constitution_of_household_changed.html">
196 
-										世帯変更・世帯分離・合併</a></span>
197 
-								<span class="clear"></span>
198 
-							</div>
199 
-							<div class="template_list">
200 
-								<span class="template_list">
201 
-									<span class="template_list_img left"><img
202 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
203 
-									<a href="../third/living/proceeding_with_maiden_name.html">
204 
-										旧氏併記の手続き</a></span>
205 
-								<span class="clear"></span>
311 
+						<div class="left_mobile">
312 
+							<h4 id="life" class="accordion__title js-accordion-title">住民登録について</h4>
313 
+							<div class="accordion__content">
314 
+								<div class="template_list">
315 
+									<span class="template_list">
316 
+										<span class="template_list_img left"><img
317 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
318 
+										<a href="../third/living/Move_to_kitagata.html">
319 
+											転入届</a></span><br/>
320 
+									<span class="clear"></span>
321 
+								</div>
322 
+								<div class="template_list">
323 
+									<span class="template_list">
324 
+										<span class="template_list_img left"><img
325 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
326 
+										<a href="../third/living/Address_change_in_town.html">
327 
+											転居届</a></span><br/>
328 
+									<span class="clear"></span>
329 
+								</div>
330 
+								<div class="template_list">
331 
+									<span class="template_list">
332 
+										<span class="template_list_img left"><img
333 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
334 
+										<a href="../third/living/Moving_out_of_town.html">
335 
+											転出届</a></span><br/>
336 
+									<span class="clear"></span>
337 
+								</div>
338 
+								<div class="template_list">
339 
+									<span class="template_list">
340 
+										<span class="template_list_img left"><img
341 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
342 
+										<a href="../third/living/Constitution_of_household_changed.html">
343 
+											世帯変更・世帯分離・合併</a></span>
344 
+									<span class="clear"></span>
345 
+								</div>
346 
+								<div class="template_list">
347 
+									<span class="template_list">
348 
+										<span class="template_list_img left"><img
349 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
350 
+										<a href="../third/living/proceeding_with_maiden_name.html">
351 
+											旧氏併記の手続き</a></span>
352 
+									<span class="clear"></span>
353 
+								</div>
206 354 
 							</div>
207 355
208 
-							<h4 id="life">戸籍について</h4>
209 
-							<div class="template_list">
210 
-								<span class="template_list">
211 
-									<span class="template_list_img left"><img
212 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
213 
-									<a href="../third/living/Birth_registration.html">
214 
-										出生届</a></span><br />
215 
-								<span class="clear"></span>
216 
-							</div>
217 
-							<div class="template_list">
218 
-								<span class="template_list">
219 
-									<span class="template_list_img left"><img
220 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
221 
-									<a href="../third/living/Death_registration.html">
222 
-										死亡届</a></span><br />
223 
-								<span class="clear"></span>
224 
-							</div>
225 
-							<div class="template_list">
226 
-								<span class="template_list">
227 
-									<span class="template_list_img left"><img
228 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
229 
-									<a href="../third/living/Marriage_registration.html">
230 
-										婚姻届</a></span><br />
231 
-								<span class="clear"></span>
232 
-							</div>
233 
-							<div class="template_list">
234 
-								<span class="template_list">
235 
-									<span class="template_list_img left"><img
236 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
237 
-									<a href="../third/living/Divorce_registration.html">
238 
-										離婚届</a></span><br />
239 
-								<span class="clear"></span>
240 
-							</div>
356 
+							<h4 id="life" class="accordion__title js-accordion-title">戸籍について</h4>
357 
+							<div class="accordion__content">
358 
+								<div class="template_list">
359 
+									<span class="template_list">
360 
+										<span class="template_list_img left"><img
361 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
362 
+										<a href="../third/living/Birth_registration.html">
363 
+											出生届</a></span><br/>
364 
+									<span class="clear"></span>
365 
+								</div>
366 
+								<div class="template_list">
367 
+									<span class="template_list">
368 
+										<span class="template_list_img left"><img
369 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
370 
+										<a href="../third/living/Death_registration.html">
371 
+											死亡届</a></span><br/>
372 
+									<span class="clear"></span>
373 
+								</div>
374 
+								<div class="template_list">
375 
+									<span class="template_list">
376 
+										<span class="template_list_img left"><img
377 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
378 
+										<a href="../third/living/Marriage_registration.html">
379 
+											婚姻届</a></span><br/>
380 
+									<span class="clear"></span>
381 
+								</div>
382 
+								<div class="template_list">
383 
+									<span class="template_list">
384 
+										<span class="template_list_img left"><img
385 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
386 
+										<a href="../third/living/Divorce_registration.html">
387 
+											離婚届</a></span><br/>
388 
+									<span class="clear"></span>
389 
+								</div>
241 390
242 
-							<div class="template_list">
243 
-								<span class="template_list">
244 
-									<span class="template_list_img left"><img
245 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
246 
-									<a href="../third/living/No_family_register.html">
247 
-										無戸籍でお困りの方へ</a></span>
248 
-								<span class="clear"></span>
249 
-							</div>
391 
+								<div class="template_list">
392 
+									<span class="template_list">
393 
+										<span class="template_list_img left"><img
394 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
395 
+										<a href="../third/living/No_family_register.html">
396 
+											無戸籍でお困りの方へ</a></span>
397 
+									<span class="clear"></span>
398 
+								</div>
250 399
251 
-							<div class="template_list">
252 
-								<span class="template_list">
253 
-									<span class="template_list_img left"><img
254 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
255 
-									<a href="../third/living/Nortification_of_other.html">
256 
-										その他の届出</a></span><br />
257 
-								<span class="clear"></span>
400 
+								<div class="template_list">
401 
+									<span class="template_list">
402 
+										<span class="template_list_img left"><img
403 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
404 
+										<a href="../third/living/Nortification_of_other.html">
405 
+											その他の届出</a></span><br/>
406 
+									<span class="clear"></span>
407 
+								</div>
258 408 
 							</div>
259 409
260 
-							<h4 id="life">マイナンバーカードについて</h4>
261 
-							<div class="template_list">
262 
-								<span class="template_list">
263 
-									<span class="template_list_img left"><img
264 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
265 
-									<a href="../third/my_number-card/what_my_number_card.html">
266 
-										マイナンバーカードとは</a></span><br />
267 
-								<span class="clear"></span>
268 
-							</div>
269 
-							<div class="template_list">
270 
-								<span class="template_list">
271 
-									<span class="template_list_img left"><img
272 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
273 
-									<a href="../third/my_number-card/mynumber_card_apply.html">
274 
-										マイナンバーカードの申請</a></span><br />
275 
-								<span class="clear"></span>
276 
-							</div>
277 
-							<div class="template_list">
278 
-								<span class="template_list">
279 
-									<span class="template_list_img left"><img
280 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
281 
-									<a href="../third/my_number-card/mynumber_card_delivery_window.html">
282 
-										マイナンバーカードの夜間・休日交付窓口(予約制)</a></span><br />
283 
-								<span class="clear"></span>
284 
-							</div>
285 
-							<div class="template_list">
286 
-								<span class="template_list">
287 
-									<span class="template_list_img left"><img
288 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
289 
-									<a href="../third/my_number-card/digital_certificate_index.html">
290 
-										電子証明書（公的個人確認証サービス）</a></span><br />
291 
-								<span class="clear"></span>
292 
-							</div>
293 
-							<div class="template_list">
294 
-								<span class="template_list">
295 
-									<span class="template_list_img left"><img
296 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
297 
-									<a href="../third/my_number-card/mynumber_card_pin.html">
298 
-										マイナンバーカードの暗証番号について</a></span><br />
299 
-								<span class="clear"></span>
300 
-							</div>
301 
-							<div class="template_list">
302 
-								<span class="template_list">
303 
-									<span class="template_list_img left"><img
304 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
305 
-									<a href="../third/my_number-card/mynumber_card_change_when_procedure.html">
306 
-										住所・氏名等に変更があった場合のマイナンバーカードの手続き</a></span><br />
307 
-								<span class="clear"></span>
410 
+							<h4 id="life" class="accordion__title js-accordion-title">マイナンバーカードについて</h4>
411 
+							<div class="accordion__content">
412 
+								<div class="template_list">
413 
+									<span class="template_list">
414 
+										<span class="template_list_img left"><img
415 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
416 
+										<a href="../third/my_number-card/what_my_number_card.html">
417 
+											マイナンバーカードとは</a></span><br/>
418 
+									<span class="clear"></span>
419 
+								</div>
420 
+								<div class="template_list">
421 
+									<span class="template_list">
422 
+										<span class="template_list_img left"><img
423 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
424 
+										<a href="../third/my_number-card/mynumber_card_apply.html">
425 
+											マイナンバーカードの申請</a></span><br/>
426 
+									<span class="clear"></span>
427 
+								</div>
428 
+								<div class="template_list">
429 
+									<span class="template_list">
430 
+										<span class="template_list_img left"><img
431 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
432 
+										<a href="../third/my_number-card/mynumber_card_delivery_window.html">
433 
+											マイナンバーカードの夜間・休日交付窓口</a></span><br/>
434 
+									<span class="clear"></span>
435 
+								</div>
436 
+								<div class="template_list">
437 
+									<span class="template_list">
438 
+										<span class="template_list_img left"><img
439 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
440 
+										<a href="../third/my_number-card/digital_certificate_index.html">
441 
+											電子証明書（公的個人確認証サービス）</a></span><br/>
442 
+									<span class="clear"></span>
443 
+								</div>
444 
+								<div class="template_list">
445 
+									<span class="template_list">
446 
+										<span class="template_list_img left"><img
447 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
448 
+										<a href="../third/my_number-card/mynumber_card_pin.html">
449 
+											マイナンバーカードの暗証番号について</a></span><br/>
450 
+									<span class="clear"></span>
451 
+								</div>
452 
+								<div class="template_list">
453 
+									<span class="template_list">
454 
+										<span class="template_list_img left"><img
455 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
456 
+										<a href="../third/my_number-card/mynumber_card_change_when_procedure.html">
457 
+											住所・氏名等に変更があった場合のマイナンバーカードの手続き</a></span><br/>
458 
+									<span class="clear"></span>
459 
+								</div>
308 460 
 							</div>
309 461
310 
-							<h4 id="life">各種証明書</h4>
311 
-							<div class="template_list">
312 
-								<span class="template_list">
313 
-									<span class="template_list_img left"><img
314 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
315 
-									<a
316 
-										href="../third/living/Request_for_issue_of_Certificate_of_family_register_window.html">
317 
-										窓口での住民票等の交付請求</a></span><br />
318 
-								<span class="clear"></span>
319 
-							</div>
320 
-							<div class="template_list">
321 
-								<span class="template_list">
322 
-									<span class="template_list_img left"><img
323 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
324 
-									<a
325 
-										href="../third/living/Request_for_issue_of_Certificate_of_family_register_mail.html">
326 
-										郵便による住民票、戸籍証明等の交付請求</a></span><br />
327 
-								<span class="clear"></span>
328 
-							</div>
462 
+							<h4 id="life" class="accordion__title js-accordion-title">各種証明書</h4>
463 
+							<div class="accordion__content">
464 
+								<div class="template_list">
465 
+									<span class="template_list">
466 
+										<span class="template_list_img left"><img
467 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
468 
+										<a
469 
+                                                href="../third/living/Request_for_issue_of_Certificate_of_family_register_window.html">
470 
+											窓口での住民票等の交付請求</a></span><br/>
471 
+									<span class="clear"></span>
472 
+								</div>
473 
+								<div class="template_list">
474 
+									<span class="template_list">
475 
+										<span class="template_list_img left"><img
476 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
477 
+										<a
478 
+                                                href="../third/living/Request_for_issue_of_Certificate_of_family_register_mail.html">
479 
+											郵便による住民票、戸籍証明等の交付請求</a></span><br/>
480 
+									<span class="clear"></span>
481 
+								</div>
329 482
330 
-							<div class="template_list">
331 
-								<span class="template_list">
332 
-									<span class="template_list_img left"><img
333 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
334 
-									<a href="../third/living/copy_of_the_certificate_of_residence.html">
335 
-										住民票の写し等の第三者交付に係る本人通知制度</a></span><br />
336 
-								<span class="clear"></span>
337 
-							</div>
338 
-							<div class="template_list">
339 
-								<span class="template_list">
340 
-									<span class="template_list_img left"><img
341 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
342 
-									<a href="../third/living/Wide_issue.html">
343 
-										広域発行</a></span><br />
344 
-								<span class="clear"></span>
483 
+								<div class="template_list">
484 
+									<span class="template_list">
485 
+										<span class="template_list_img left"><img
486 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
487 
+										<a href="../third/living/copy_of_the_certificate_of_residence.html">
488 
+											住民票の写し等の第三者交付に係る本人通知制度</a></span><br/>
489 
+									<span class="clear"></span>
490 
+								</div>
491 
+								<div class="template_list">
492 
+									<span class="template_list">
493 
+										<span class="template_list_img left"><img
494 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
495 
+										<a href="../third/living/Wide_issue.html">
496 
+											広域発行</a></span><br/>
497 
+									<span class="clear"></span>
498 
+								</div>
345 499 
 							</div>
346 500 
 						</div>
347 
-						<!--右項目ここから=================================================================================================================-->
348 
-						<div class="right">
501 
+          <!--右項目ここから=================================================================================================================-->
502 
+						<div class="right_mobile">
349 503
350 
-							<h4 id="life">旅券(パスポート)の申請</h4>
351 
-							<div class="template_list">
352 
-								<span class="template_list">
353 
-									<span class="template_list_img left"><img
354 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
355 
-									<a href="../third/living/Application_passport.html">
356 
-										旅券(パスポート)の申請</a></span><br />
357 
-								<span class="clear"></span>
504 
+							<h4 id="life" class="accordion__title js-accordion-title">旅券(パスポート)の申請</h4>
505 
+							<div class="accordion__content">
506 
+								<div class="template_list">
507 
+									<span class="template_list">
508 
+										<span class="template_list_img left"><img
509 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
510 
+										<a href="../third/living/Application_passport.html">
511 
+											旅券(パスポート)の申請</a></span><br/>
512 
+									<span class="clear"></span>
513 
+								</div>
358 514 
 							</div>
359 515
360 
-
361 
-							<h4 id="life">印鑑登録と印鑑登録証明書</h4>
362 
-							<div class="template_list">
363 
-								<span class="template_list">
364 
-									<span class="template_list_img left"><img
365 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
366 
-									<a href="../third/living/Seal_registration_certificate.html">
367 
-										印鑑登録と印鑑登録証明書</a></span><br />
368 
-								<span class="clear"></span>
516 
+							<h4 id="life" class="accordion__title js-accordion-title">印鑑登録と印鑑登録証明書</h4>
517 
+							<div class="accordion__content">
518 
+								<div class="template_list">
519 
+									<span class="template_list">
520 
+										<span class="template_list_img left"><img
521 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
522 
+										<a href="../third/living/Seal_registration_certificate.html">
523 
+											印鑑登録と印鑑登録証明書</a></span><br/>
524 
+									<span class="clear"></span>
525 
+								</div>
369 526 
 							</div>
370 527
371 
-							<h4 id="life">本人確認の書類</h4>
372 
-							<div class="template_list">
373 
-								<span class="template_list">
374 
-									<span class="template_list_img left"><img
375 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
376 
-									<a href="../third/living/Documents_of_identification.html">
377 
-										本人確認の書類</a></span><br />
378 
-								<span class="clear"></span>
528 
+							<h4 id="life" class="accordion__title js-accordion-title">本人確認の書類</h4>
529 
+							<div class="accordion__content">
530 
+								<div class="template_list">
531 
+									<span class="template_list">
532 
+										<span class="template_list_img left"><img
533 
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
534 
+										<a href="../third/living/Documents_of_identification.html">
535 
+											本人確認の書類</a></span><br/>
536 
+									<span class="clear"></span>
537 
+								</div>
379 538 
 							</div>
380 
-
381 
-
382 539 
 						</div>
383 
-						<!--右項目終了=================================================================================================================-->
540 
+          <!--右項目終了=================================================================================================================-->
384 541
385 542 
 						<div class="clear"></div>
386 543 
 					</span>
387 
-				</article>
544 
+      </article>
388 545
389 
-			</section>
390 
-		</div>
546 
+    </section>
547 
+  </div>
391 548
392 
-		<footer>
393 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
394 
-			<br />
395 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
396 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
397 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
398 
-		</footer>
549 
+  <footer>
550 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
551 
+    <div class="footer_mobile">
552 
+      <div class="footer_mobile_title">
553 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
554 
+        <h1 class="footerMobile__text">北方町役場</h1>
555 
+      </div>
556 
+      <div class="footer_mobile_address">
557 
+					<span class="footerTextWrap__text">
558 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
559 
+					</span><br>
560 
+        電話:058-323-1111(代)<br>
561 
+        FAX:058-323-2963<br>
562 
+        開庁日：8時30分～17時15分<br>
563 
+        （土・日・祝日、年末年始を除く）<br>
564 
+      </div>
565 
+    </div>
566 
+    <br class="sp__brDisplay">
567 
+    <p class="footer_text">
568 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
569 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
570 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
571 
+    </p>
572 
+  </footer>
399 573
400 
-	</div>
401 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Family_register" height="1"
402 
-		width="1" />
574 
+</div>
575 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Family_register" height="1"
576 
+     width="1"/>
403 577 
 </body>
404 578
405 579 
 </html>

+ 265
- 89
second/Health.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>健康・予防 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -11,13 +12,168 @@
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
13 14 
 	<link rel="stylesheet" href="../css/table.css">
15 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
17 
+	<link rel="stylesheet" href="../css/section_mobile.css">
18 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
14 19 
 	<script src="../js/operation.js"></script>
20 
+	<script src="../js/menu.js"></script>
21 
+	<script src="../js/accordion.js"></script>
15 22 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 	</meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
27 
+	<script type="text/javascript">
28 
+		function googleTranslateElementInit() {
29 
+			new google.translate.TranslateElement({
30 
+				pageLanguage: 'ja',
31 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+			}, 'google_translate_element');
33 
+		}
34 
+	</script>
35 
+	<script type="text/javascript"
36 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
20 37 
 	<div id="main" class="gothic">
38 
+		<!-- mobile header -->
39 
+		<header class="header">
40 
+			<div class="headerLogo">
41 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+			</div>
44 
+			<div class="headerTitle">
45 
+				<a href="../index.html" class="header_link">
46 
+					<h1 class="headerTitle__text">北方町</h1>
47 
+				</a>
48 
+			</div>
49 
+			<div class="headerSubTitle">
50 
+				<a href="../index.html" class="header_link">
51 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+				</a>
53 
+			</div>
54 
+			<div id="h-menu">
55 
+				<span></span>
56 
+				<span></span>
57 
+				<span></span>
58 
+				<div id="h-text">menu</div>
59 
+			</div>
60 
+			<div id="h-nav">
61 
+				<div class="h-menu_main_block_top">
62 
+					<div class="h-menu_main_block">
63 
+						<div class="h-menu_block">
64 
+							<a href="../second/living.html">
65 
+								<div class="h-menu_block_text h-menu_block_before">
66 
+									<div class="h-menu_block_text_center">くらしの情報</div>
67 
+								</div>
68 
+							</a>
69 
+						</div>
70 
+					</div>
71 
+					<div class="h-menu_main_block">
72 
+						<div class="h-menu_block">
73 
+							<a href="../second/tourism.html">
74 
+								<div class="h-menu_block_text h-menu_block_before">
75 
+									<div class="h-menu_block_text_center">
76 
+										観光
77 
+									</div>
78 
+								</div>
79 
+							</a>
80 
+						</div>
81 
+					</div>
82 
+					<div class="h-menu_main_block">
83 
+						<div class="h-menu_block">
84 
+							<a href="../second/business.html">
85 
+								<div class="h-menu_block_text h-menu_block_before">
86 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
87 
+								</div>
88 
+							</a>
89 
+						</div>
90 
+					</div>
91 
+					<div class="h-menu_main_block">
92 
+						<div class="h-menu_block">
93 
+							<a href="../second/town_admini_info.html">
94 
+								<div class="h-menu_block_text h-menu_block_before">
95 
+									<div class="h-menu_block_text_center">町政情報</div>
96 
+								</div>
97 
+							</a>
98 
+						</div>
99 
+					</div>
100 
+					<div class="h-menu_main_block">
101 
+						<div class="h-menu_block h-menu_block_before">
102 
+							<a href="../second/sitemap.html">
103 
+								<div class="h-menu_block_text h-menu_block_before">
104 
+									<div class="h-menu_block_text_center">
105 
+										サイトマップ
106 
+									</div>
107 
+								</div>
108 
+							</a>
109 
+						</div>
110 
+					</div>
111 
+					<div class="h-menu_main_block">
112 
+						<div class="h-menu_block h-menu_block_before">
113 
+							<a href="https://ai-staff.net/kitagata/chat">
114 
+								<div class="h-menu_block_text  h-menu_block_before">
115 
+									<div class="h-menu_block_text_center">
116 
+										AIチャット
117 
+									</div>
118 
+								</div>
119 
+							</a>
120 
+						</div>
121 
+					</div>
122 
+					<div class="h-menu_main_block">
123 
+						<div class="h-menu_block h-menu_block_before">
124 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+								<div class="h-menu_block_text">
126 
+									<div class="h-menu_block_text_center">
127 
+										お問い合わせ一覧
128 
+									</div>
129 
+								</div>
130 
+							</a>
131 
+						</div>
132 
+					</div>
133 
+					<div class="h-menu_main_block">
134 
+						<div class="h-menu_lang">
135 
+							<div class="h-menu_block_lang">
136 
+								<div class="h-menu_block_text_center">
137 
+									<div class="h-menu_block_text_line">
138 
+										背景変更
139 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+										</div>
141 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+										</div>
143 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+										</div>
145 
+									</div>
146 
+									<script>
147 
+										getBackgNumber2();
148 
+									</script>
149 
+									<div class="h-menu_block_text_line">言語選択
150 
+										<div class="mobile_translation">
151 
+											<div id="google_translate_element"></div>
152 
+										</div>
153 
+									</div>
154 
+								</div>
155 
+							</div>
156 
+						</div>
157 
+					</div>
158 
+					<div class="h-menu_main_block">
159 
+						<div class="h-menu_search">
160 
+							<div class="h-menu_block_search">
161 
+								<form action="https://www.google.com/search">
162 
+									<input type="hidden" name="hl" value="ja"/>
163 
+									<input type="hidden" name="ie" value="UTF-8">
164 
+									<input type="hidden" name="oe" value="UTF-8">
165 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
166 
+									<input type="text" name="q" size="16" maxlength="256" value=""
167 
+										   class="mobile_form_input"/>
168 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169 
+								</form>
170 
+							</div>
171 
+						</div>
172 
+					</div>
173 
+				</div>
174 
+			</div>
175 
+		</header>
176 
+
21 177 
 		<!--セクション 操作-->
22 178 
 		<section id="operation">
23 179 
 			<!--セクション 住所-->
 
@@ -46,13 +202,13 @@
46 202
47 203 
 				<!--セクション 文字サイズ-->
48 204 
 				<!--<article id="charsize" >
49 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 
-<div id="charsize_img">
51 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
52 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
53 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
54 
-</div>
55 
-</article>-->
205 
+	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
206 
+	<div id="charsize_img">
207 
+	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
208 
+	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
209 
+	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
210 
+	</div>
211 
+	</article>-->
56 212
57 213 
 				<!--セクション サイトマップ-->
58 214 
 				<article id="sitemap">
 
@@ -72,13 +228,6 @@
72 228 
 					<div id="translation_img">
73 229 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
74 230 
 						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
78 
-							}
79 
-						</script>
80 
-						<script type="text/javascript"
81 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 231 
 					</div>
83 232 
 				</article>
84 233 
 				<div id="claer">
 
@@ -158,82 +307,92 @@
158 307 
 					</div>
159 308 
 					<span id="template_article_block">
160 309 
 						<!--左側==================================================================================================================================-->
161 
-						<div class="left">
162 
-							<h4 id="life">母子健康</h4>
163 
-							<div class="template_list">
164 
-								<span class="template_list">
165 
-									<span class="template_list_img left"><img
166 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
167 
-									<a href="../third/living/Maternal_and_child_health.html">
168 
-										母子保健</a></span><br />
169 
-								<span class="clear"></span>
310 
+						<div class="left_mobile">
311 
+							<h4 id="life" class="accordion__title js-accordion-title">母子健康</h4>
312 
+							<div class="accordion__content">
313 
+								<div class="template_list">
314 
+									<span class="template_list">
315 
+										<span class="template_list_img left"><img
316 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
317 
+										<a href="../third/living/Maternal_and_child_health.html">
318 
+											母子保健</a></span><br />
319 
+									<span class="clear"></span>
320 
+								</div>
170 321 
 							</div>
171 
-							<h4 id="life">予防接種</h4>
172 
-							<div class="template_list">
173 
-								<span class="template_list">
174 
-									<span class="template_list_img left"><img
175 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
176 
-									<a href="../third/living/Vaccination.html">
177 
-										予防接種</a></span><br />
178 
-								<span class="clear"></span>
322 
+							<h4 id="life" class="accordion__title js-accordion-title">予防接種</h4>
323 
+							<div class="accordion__content">
324 
+								<div class="template_list">
325 
+									<span class="template_list">
326 
+										<span class="template_list_img left"><img
327 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
328 
+										<a href="../third/living/Vaccination.html">
329 
+											予防接種</a></span><br />
330 
+									<span class="clear"></span>
331 
+								</div>
179 332 
 							</div>
180 
-							<h4 id="life">成人保健</h4>
181 
-							<div class="template_list">
182 
-								<span class="template_list">
183 
-									<span class="template_list_img left"><img
184 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
185 
-									<a href="../third/living/Adult_health.html">
186 
-										成人保健</a></span><br />
187 
-								<span class="clear"></span>
333 
+							<h4 id="life" class="accordion__title js-accordion-title">成人保健</h4>
334 
+							<div class="accordion__content">
335 
+								<div class="template_list">
336 
+									<span class="template_list">
337 
+										<span class="template_list_img left"><img
338 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
339 
+										<a href="../third/living/Adult_health.html">
340 
+											成人保健</a></span><br />
341 
+									<span class="clear"></span>
342 
+								</div>
188 343 
 							</div>
189 
-							<h4 id="life">その他の保健</h4>
190 
-							<div class="template_list">
191 
-								<span class="template_list">
192 
-									<span class="template_list_img left"><img
193 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
194 
-									<a href="../third/living/Health_of_other.html">
195 
-										その他の保健</a></span><br />
196 
-								<span class="clear"></span>
344 
+							<h4 id="life" class="accordion__title js-accordion-title">その他の保健</h4>
345 
+							<div class="accordion__content">
346 
+								<div class="template_list">
347 
+									<span class="template_list">
348 
+										<span class="template_list_img left"><img
349 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
350 
+										<a href="../third/living/Health_of_other.html">
351 
+											その他の保健</a></span><br />
352 
+									<span class="clear"></span>
353 
+								</div>
197 354 
 							</div>
198 
-							<h4 id="life">AED設置施設</h4>
199 
-							<div class="template_list">
200 
-								<span class="template_list">
201 
-									<span class="template_list_img left"><img
202 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
203 
-									<a href="../third/living/aed_map.html">
204 
-										ＡＥＤ設置施設</a></span><br />
205 
-								<span class="clear"></span>
355 
+							<h4 id="life" class="accordion__title js-accordion-title">AED設置施設</h4>
356 
+							<div class="accordion__content">
357 
+								<div class="template_list">
358 
+									<span class="template_list">
359 
+										<span class="template_list_img left"><img
360 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
361 
+										<a href="../third/living/aed_map.html">
362 
+											ＡＥＤ設置施設</a></span><br />
363 
+									<span class="clear"></span>
364 
+								</div>
206 365 
 							</div>
207 
-
208 366 
 						</div>
209 367 
 						<!--右側=======================================================================================================================-->
210 
-						<div class="right">
211 
-							<h4 id="life">各種計画</h4>
212 
-							<div class="template_list">
213 
-								<span class="template_list">
214 
-									<span class="template_list_img left"><img
215 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
216 
-									<a href="../fourth/lifeguide/health/pdf/zisedaiikusei.pdf" target="_blank">
217 
-										北方町次世代育成支援対策後期行動計画（PDF 約779KB）</a></span><br />
218 
-								<span class="clear"></span>
219 
-							</div>
220 
-							<div class="template_list">
221 
-								<span class="template_list">
222 
-									<span class="template_list_img left"><img
223 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
224 
-									<a href="../third/notices/042_20141030.html">
225 
-										北方町新型インフルエンザ等対策行動計画</a></span><br />
226 
-								<span class="clear"></span>
227 
-							</div>
228 
-							<div class="template_list">
229 
-								<span class="template_list">
230 
-									<span class="template_list_img left"><img
231 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
232 
-									<a href="../fourth/notices/287_20210304.pdf" target="_blank">
233 
-										北方町新型コロナウィルス感染症に係る住民接種実施計画</a></span><br />
234 
-								<span class="clear"></span>
368 
+						<div class="right_mobile">
369 
+							<h4 id="life" class="accordion__title js-accordion-title">各種計画</h4>
370 
+							<div class="accordion__content">
371 
+								<div class="template_list">
372 
+									<span class="template_list">
373 
+										<span class="template_list_img left"><img
374 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
375 
+										<a href="../fourth/lifeguide/health/pdf/zisedaiikusei.pdf" target="_blank">
376 
+											北方町次世代育成支援対策後期行動計画（PDF 約779KB）</a></span><br />
377 
+									<span class="clear"></span>
378 
+								</div>
379 
+								<div class="template_list">
380 
+									<span class="template_list">
381 
+										<span class="template_list_img left"><img
382 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
383 
+										<a href="../third/notices/042_20141030.html">
384 
+											北方町新型インフルエンザ等対策行動計画</a></span><br />
385 
+									<span class="clear"></span>
386 
+								</div>
387 
+								<div class="template_list">
388 
+									<span class="template_list">
389 
+										<span class="template_list_img left"><img
390 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
391 
+										<a href="../fourth/notices/287_20210304.pdf" target="_blank">
392 
+											北方町新型コロナウィルス感染症に係る住民接種実施計画</a></span><br />
393 
+									<span class="clear"></span>
394 
+								</div>
235 395 
 							</div>
236 
-
237 396 
 						</div>
238 397 
 						<div class="clear"></div>
239 398 
 					</span>
 
@@ -242,11 +401,28 @@
242 401 
 		</div>
243 402
244 403 
 		<footer>
245 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
246 
-			<br />
247 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
248 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
249 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
404 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
405 
+			<div class="footer_mobile">
406 
+				<div class="footer_mobile_title">
407 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
408 
+					<h1 class="footerMobile__text">北方町役場</h1>
409 
+				</div>
410 
+				<div class="footer_mobile_address">
411 
+					<span class="footerTextWrap__text">
412 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
413 
+					</span><br>
414 
+					電話:058-323-1111(代)<br>
415 
+					FAX:058-323-2963<br>
416 
+					開庁日：8時30分～17時15分<br>
417 
+					（土・日・祝日、年末年始を除く）<br>
418 
+				</div>
419 
+			</div>
420 
+			<br class="sp__brDisplay">
421 
+			<p class="footer_text">
422 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
423 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
424 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
425 
+			</p>
250 426 
 		</footer>
251 427
252 428 
 	</div>
 
@@ -254,4 +430,4 @@
254 430 
 		width="1" />
255 431 
 </body>
256 432
257 
-</html>
433 
+</html>

+ 257
- 86
second/Health_and_prevention.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>健康・予防 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,20 +11,174 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
13 
-  <link rel="stylesheet" href="../css/table.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
14 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
15 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 22 
   </meta>
17 23 
 </head>
18 24
19 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
20 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                    getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja" />
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
165 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
166 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
167 
+                </form>
168 
+              </div>
169 
+            </div>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </header>
174 
+
21 175 
     <!--セクション 操作-->
22 176 
     <section id="operation">
23 177 
       <!--セクション 住所-->
24 178 
       <article id="address">
25 179 
         <address id="operation_add">
26 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
180 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
181 
+            TEL:058-323-1111(代)</span>
27 182 
         </address>
28 183 
       </article>
29 184 
       <div id="controle_panel">
 
@@ -42,13 +197,13 @@
42 197
43 198 
         <!--セクション 文字サイズ-->
44 199 
         <!--<article id="charsize" >
45 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
46 
-<div id="charsize_img">
47 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
48 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
49 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
50 
-</div>
51 
-</article>-->
200 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
201 
+    <div id="charsize_img">
202 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
203 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
204 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
205 
+    </div>
206 
+    </article>-->
52 207
53 208 
         <!--セクション サイトマップ-->
54 209 
         <article id="sitemap">
 
@@ -68,16 +223,6 @@
68 223 
           <div id="translation_img">
69 224 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
70 225 
             <div id="google_translate_element"></div>
71 
-            <script type="text/javascript">
72 
-              function googleTranslateElementInit() {
73 
-                new google.translate.TranslateElement({
74 
-                  pageLanguage: 'ja',
75 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-                }, 'google_translate_element');
77 
-              }
78 
-            </script>
79 
-            <script type="text/javascript"
80 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 226 
           </div>
82 227 
         </article>
83 228 
         <div id="claer">
 
@@ -154,75 +299,84 @@
154 299 
             </div>
155 300 
           </div>
156 301 
           <span id="template_article_block">
157 
-            <!--左側==================================================================================================================================-->
158 
-            <div class="left">
159 
-              <h4 id="life">母子健康</h4>
160 
-              <div class="template_list">
161 
-                <span class="template_list">
162 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
163 
-                  <a href="../third/living/Maternal_and_child_health.html">
164 
-                    母子保健</a></span><br />
165 
-                <span class="clear"></span>
302 
+            <div class="left_mobile">
303 
+              <h4 id="life" class="accordion__title js-accordion-title">母子健康</h4>
304 
+              <div class="accordion__content">
305 
+                <div class="template_list">
306 
+                  <span class="template_list">
307 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
308 
+                    <a href="../third/living/Maternal_and_child_health.html">
309 
+                      母子保健</a></span><br />
310 
+                  <span class="clear"></span>
311 
+                </div>
166 312 
               </div>
167 
-              <h4 id="life">予防接種</h4>
168 
-              <div class="template_list">
169 
-                <span class="template_list">
170 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
171 
-                  <a href="../third/living/Vaccination.html">
172 
-                    予防接種</a></span><br />
173 
-                <span class="clear"></span>
313 
+              <h4 id="life" class="accordion__title js-accordion-title">予防接種</h4>
314 
+              <div class="accordion__content">
315 
+                <div class="template_list">
316 
+                  <span class="template_list">
317 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
318 
+                    <a href="../third/living/Vaccination.html">
319 
+                      予防接種</a></span><br />
320 
+                  <span class="clear"></span>
321 
+                </div>
174 322 
               </div>
175 
-              <h4 id="life">成人保健</h4>
176 
-              <div class="template_list">
177 
-                <span class="template_list">
178 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
179 
-                  <a href="../third/living/Adult_health.html">
180 
-                    成人保健</a></span><br />
181 
-                <span class="clear"></span>
323 
+              <h4 id="life" class="accordion__title js-accordion-title">成人保健</h4>
324 
+              <div class="accordion__content">
325 
+                <div class="template_list">
326 
+                  <span class="template_list">
327 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
328 
+                    <a href="../third/living/Adult_health.html">
329 
+                      成人保健</a></span><br />
330 
+                  <span class="clear"></span>
331 
+                </div>
182 332 
               </div>
183 
-              <h4 id="life">その他の保健</h4>
184 
-              <div class="template_list">
185 
-                <span class="template_list">
186 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
187 
-                  <a href="../third/living/Health_of_other.html">
188 
-                    その他の保健</a></span><br />
189 
-                <span class="clear"></span>
333 
+              <h4 id="life" class="accordion__title js-accordion-title">その他の保健</h4>
334 
+              <div class="accordion__content">
335 
+                <div class="template_list">
336 
+                  <span class="template_list">
337 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
338 
+                    <a href="../third/living/Health_of_other.html">
339 
+                      その他の保健</a></span><br />
340 
+                  <span class="clear"></span>
341 
+                </div>
190 342 
               </div>
191 
-              <h4 id="life">AED設置施設</h4>
192 
-              <div class="template_list">
193 
-                <span class="template_list">
194 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
195 
-                  <a href="../third/living/aed_map.html">
196 
-                    ＡＥＤ設置施設</a></span><br />
197 
-                <span class="clear"></span>
343 
+              <h4 id="life" class="accordion__title js-accordion-title">AED設置施設</h4>
344 
+              <div class="accordion__content">
345 
+                <div class="template_list">
346 
+                  <span class="template_list">
347 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
348 
+                    <a href="../third/living/aed_map.html">
349 
+                      ＡＥＤ設置施設</a></span><br />
350 
+                  <span class="clear"></span>
351 
+                </div>
198 352 
               </div>
199 
-
200 353 
             </div>
201 
-            <!--右側=======================================================================================================================-->
202 
-            <div class="right">
203 
-              <h4 id="life">各種計画</h4>
204 
-              <div class="template_list">
205 
-                <span class="template_list">
206 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
207 
-                  <a href="../fourth/lifeguide/health/pdf/zisedaiikusei.pdf" target="_blank">
208 
-                    北方町次世代育成支援対策後期行動計画（PDF 約779KB）</a></span><br />
209 
-                <span class="clear"></span>
210 
-              </div>
211 
-              <div class="template_list">
212 
-                <span class="template_list">
213 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
214 
-                  <a href="../third/notices/042_20141030.html">
215 
-                    北方町新型インフルエンザ等対策行動計画</a></span><br />
216 
-                <span class="clear"></span>
217 
-              </div>
218 
-              <div class="template_list">
219 
-                <span class="template_list">
220 
-                  <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
221 
-                  <a href="../fourth/notices/287_20210304.pdf" target="_blank">
222 
-                    北方町新型コロナウィルス感染症に係る住民接種実施計画</a></span><br />
223 
-                <span class="clear"></span>
354 
+            <!--=============================================================================================================================================================-->
355 
+            <div class="right_mobile">
356 
+              <h4 id="life" class="accordion__title js-accordion-title">各種計画</h4>
357 
+              <div class="accordion__content">
358 
+                <div class="template_list">
359 
+                  <span class="template_list">
360 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
361 
+                    <a href="../fourth/lifeguide/health/pdf/zisedaiikusei.pdf" target="_blank">
362 
+                      北方町次世代育成支援対策後期行動計画（PDF 約779KB）</a></span><br />
363 
+                  <span class="clear"></span>
364 
+                </div>
365 
+                <div class="template_list">
366 
+                  <span class="template_list">
367 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
368 
+                    <a href="../third/notices/042_20141030.html">
369 
+                      北方町新型インフルエンザ等対策行動計画</a></span><br />
370 
+                  <span class="clear"></span>
371 
+                </div>
372 
+                <div class="template_list">
373 
+                  <span class="template_list">
374 
+                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
375 
+                    <a href="../fourth/notices/287_20210304.pdf" target="_blank">
376 
+                      北方町新型コロナウィルス感染症に係る住民接種実施計画</a></span><br />
377 
+                  <span class="clear"></span>
378 
+                </div>
224 379 
               </div>
225 
-
226 380 
             </div>
227 381 
             <div class="clear"></div>
228 382 
           </span>
 
@@ -231,10 +385,27 @@
231 385 
     </div>
232 386
233 387 
     <footer>
234 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
235 
-      <br />
236 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
237 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
388 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
389 
+      <div class="footer_mobile">
390 
+        <div class="footer_mobile_title">
391 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
392 
+          <h1 class="footerMobile__text">北方町役場</h1>
393 
+        </div>
394 
+        <div class="footer_mobile_address">
395 
+          <span class="footerTextWrap__text">
396 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
397 
+          </span><br>
398 
+          電話:058-323-1111(代)<br>
399 
+          FAX:058-323-2963<br>
400 
+          開庁日：8時30分～17時15分<br>
401 
+          （土・日・祝日、年末年始を除く）<br>
402 
+        </div>
403 
+      </div>
404 
+      <br class="sp__brDisplay">
405 
+      <p class="footer_text">
406 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
407 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
408 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
238 409 
       </p>
239 410 
     </footer>
240 411

+ 412
- 232
second/Housing_and_living.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>住まい・暮らし 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -11,13 +12,168 @@
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
13 14 
 	<link rel="stylesheet" href="../css/table.css">
15 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
17 
+	<link rel="stylesheet" href="../css/section_mobile.css">
18 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
14 19 
 	<script src="../js/operation.js"></script>
20 
+	<script src="../js/menu.js"></script>
21 
+	<script src="../js/accordion.js"></script>
15 22 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 	</meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
27 
+	<script type="text/javascript">
28 
+		function googleTranslateElementInit() {
29 
+			new google.translate.TranslateElement({
30 
+				pageLanguage: 'ja',
31 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+			}, 'google_translate_element');
33 
+		}
34 
+	</script>
35 
+	<script type="text/javascript"
36 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
20 37 
 	<div id="main" class="gothic">
38 
+		<!-- mobile header -->
39 
+		<header class="header">
40 
+			<div class="headerLogo">
41 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+			</div>
44 
+			<div class="headerTitle">
45 
+				<a href="../index.html" class="header_link">
46 
+					<h1 class="headerTitle__text">北方町</h1>
47 
+				</a>
48 
+			</div>
49 
+			<div class="headerSubTitle">
50 
+				<a href="../index.html" class="header_link">
51 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+				</a>
53 
+			</div>
54 
+			<div id="h-menu">
55 
+				<span></span>
56 
+				<span></span>
57 
+				<span></span>
58 
+				<div id="h-text">menu</div>
59 
+			</div>
60 
+			<div id="h-nav">
61 
+				<div class="h-menu_main_block_top">
62 
+					<div class="h-menu_main_block">
63 
+						<div class="h-menu_block">
64 
+							<a href="../second/living.html">
65 
+								<div class="h-menu_block_text h-menu_block_before">
66 
+									<div class="h-menu_block_text_center">くらしの情報</div>
67 
+								</div>
68 
+							</a>
69 
+						</div>
70 
+					</div>
71 
+					<div class="h-menu_main_block">
72 
+						<div class="h-menu_block">
73 
+							<a href="../second/tourism.html">
74 
+								<div class="h-menu_block_text h-menu_block_before">
75 
+									<div class="h-menu_block_text_center">
76 
+										観光
77 
+									</div>
78 
+								</div>
79 
+							</a>
80 
+						</div>
81 
+					</div>
82 
+					<div class="h-menu_main_block">
83 
+						<div class="h-menu_block">
84 
+							<a href="../second/business.html">
85 
+								<div class="h-menu_block_text h-menu_block_before">
86 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
87 
+								</div>
88 
+							</a>
89 
+						</div>
90 
+					</div>
91 
+					<div class="h-menu_main_block">
92 
+						<div class="h-menu_block">
93 
+							<a href="../second/town_admini_info.html">
94 
+								<div class="h-menu_block_text h-menu_block_before">
95 
+									<div class="h-menu_block_text_center">町政情報</div>
96 
+								</div>
97 
+							</a>
98 
+						</div>
99 
+					</div>
100 
+					<div class="h-menu_main_block">
101 
+						<div class="h-menu_block h-menu_block_before">
102 
+							<a href="../second/sitemap.html">
103 
+								<div class="h-menu_block_text h-menu_block_before">
104 
+									<div class="h-menu_block_text_center">
105 
+										サイトマップ
106 
+									</div>
107 
+								</div>
108 
+							</a>
109 
+						</div>
110 
+					</div>
111 
+					<div class="h-menu_main_block">
112 
+						<div class="h-menu_block h-menu_block_before">
113 
+							<a href="https://ai-staff.net/kitagata/chat">
114 
+								<div class="h-menu_block_text  h-menu_block_before">
115 
+									<div class="h-menu_block_text_center">
116 
+										AIチャット
117 
+									</div>
118 
+								</div>
119 
+							</a>
120 
+						</div>
121 
+					</div>
122 
+					<div class="h-menu_main_block">
123 
+						<div class="h-menu_block h-menu_block_before">
124 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+								<div class="h-menu_block_text">
126 
+									<div class="h-menu_block_text_center">
127 
+										お問い合わせ一覧
128 
+									</div>
129 
+								</div>
130 
+							</a>
131 
+						</div>
132 
+					</div>
133 
+					<div class="h-menu_main_block">
134 
+						<div class="h-menu_lang">
135 
+							<div class="h-menu_block_lang">
136 
+								<div class="h-menu_block_text_center">
137 
+									<div class="h-menu_block_text_line">
138 
+										背景変更
139 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+										</div>
141 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+										</div>
143 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+										</div>
145 
+									</div>
146 
+									<script>
147 
+										getBackgNumber2();
148 
+									</script>
149 
+									<div class="h-menu_block_text_line">言語選択
150 
+										<div class="mobile_translation">
151 
+											<div id="google_translate_element"></div>
152 
+										</div>
153 
+									</div>
154 
+								</div>
155 
+							</div>
156 
+						</div>
157 
+					</div>
158 
+					<div class="h-menu_main_block">
159 
+						<div class="h-menu_search">
160 
+							<div class="h-menu_block_search">
161 
+								<form action="https://www.google.com/search">
162 
+									<input type="hidden" name="hl" value="ja"/>
163 
+									<input type="hidden" name="ie" value="UTF-8">
164 
+									<input type="hidden" name="oe" value="UTF-8">
165 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
166 
+									<input type="text" name="q" size="16" maxlength="256" value=""
167 
+										   class="mobile_form_input"/>
168 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169 
+								</form>
170 
+							</div>
171 
+						</div>
172 
+					</div>
173 
+				</div>
174 
+			</div>
175 
+		</header>
176 
+
21 177 
 		<!--セクション 操作-->
22 178 
 		<section id="operation">
23 179 
 			<!--セクション 住所-->
 
@@ -72,16 +228,6 @@
72 228 
 					<div id="translation_img">
73 229 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
74 230 
 						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({
78 
-									pageLanguage: 'ja',
79 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-								}, 'google_translate_element');
81 
-							}
82 
-						</script>
83 
-						<script type="text/javascript"
84 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 231 
 					</div>
86 232 
 				</article>
87 233 
 				<div id="claer">
 
@@ -157,228 +303,243 @@
157 303 
 						</div>
158 304 
 					</div>
159 305 
 					<span id="template_article_block">
160 
-						<div class="left">
161 
-							<h4 id="life">住民登録について</h4>
162 
-							<div class="template_list">
163 
-								<span class="template_list">
164 
-									<span class="template_list_img left"><img
165 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
166 
-									<a href="../third/living/Move_to_kitagata.html">
167 
-										転入届</a></span><br />
168 
-								<span class="clear"></span>
169 
-							</div>
170 
-							<div class="template_list">
171 
-								<span class="template_list">
172 
-									<span class="template_list_img left"><img
173 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
174 
-									<a href="../third/living/Address_change_in_town.html">
175 
-										転居届</a></span><br />
176 
-								<span class="clear"></span>
177 
-							</div>
178 
-							<div class="template_list">
179 
-								<span class="template_list">
180 
-									<span class="template_list_img left"><img
181 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
182 
-									<a href="../third/living/Moving_out_of_town.html">
183 
-										転出届</a></span><br />
184 
-								<span class="clear"></span>
185 
-							</div>
186 
-							<div class="template_list">
187 
-								<span class="template_list">
188 
-									<span class="template_list_img left"><img
189 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
190 
-									<a href="../third/living/Constitution_of_household_changed.html">
191 
-										世帯主変更・分離・合併</a></span>
192 
-								<span class="clear"></span>
193 
-							</div>
194 
-							<div class="template_list">
195 
-								<span class="template_list">
196 
-									<span class="template_list_img left"><img
197 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
198 
-									<a
199 
-										href="../third/living/Request_for_issue_of_Certificate_of_family_register_window.html">
200 
-										窓口での住民票等の交付請求</a></span>
201 
-								<span class="clear"></span>
202 
-							</div>
203 
-							<h4 id="life">戸籍について</h4>
204 
-							<div class="template_list">
205 
-								<span class="template_list">
206 
-									<span class="template_list_img left"><img
207 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
208 
-									<a href="../third/living/Birth_registration.html">
209 
-										出生届</a></span>
210 
-								<span class="clear"></span>
211 
-							</div>
212 
-							<div class="template_list">
213 
-								<span class="template_list">
214 
-									<span class="template_list_img left"><img
215 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
216 
-									<a href="../third/living/Death_registration.html">
217 
-										死亡届</a></span>
218 
-								<span class="clear"></span>
219 
-							</div>
220 
-							<div class="template_list">
221 
-								<span class="template_list">
222 
-									<span class="template_list_img left"><img
223 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
224 
-									<a href="../third/living/Marriage_registration.html">
225 
-										婚姻届</a></span>
226 
-								<span class="clear"></span>
227 
-							</div>
228 
-							<div class="template_list">
229 
-								<span class="template_list">
230 
-									<span class="template_list_img left"><img
231 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
232 
-									<a href="../third/living/Divorce_registration.html">
233 
-										離婚届</a></span>
234 
-								<span class="clear"></span>
235 
-							</div>
236 
-							<div class="template_list">
237 
-								<span class="template_list">
238 
-									<span class="template_list_img left"><img
239 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
240 
-									<a
241 
-										href="../third/living/Request_for_issue_of_Certificate_of_family_register_mail.html">
242 
-										郵便による住民票・戸籍証明等の交付請求</a></span>
243 
-								<span class="clear"></span>
244 
-							</div>
245 
-							<h4 id="life">マイナンバーカードについて</h4>
246 
-							<div class="template_list">
247 
-								<span class="template_list">
248 
-									<span class="template_list_img left"><img
249 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
250 
-									<a href="../third/my_number-card/what_my_number_card.html">
251 
-										マイナンバーカードとは</a></span><br />
252 
-								<span class="clear"></span>
253 
-							</div>
254 
-							<div class="template_list">
255 
-								<span class="template_list">
256 
-									<span class="template_list_img left"><img
257 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
258 
-									<a href="../third/my_number-card/mynumber_card_apply.html">
259 
-										マイナンバーカードの申請</a></span><br />
260 
-								<span class="clear"></span>
261 
-							</div>
262 
-							<div class="template_list">
263 
-								<span class="template_list">
264 
-									<span class="template_list_img left"><img
265 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
266 
-									<a href="../third/my_number-card/mynumber_card_delivery_window.html">
267 
-										マイナンバーカードの夜間・休日交付窓口(予約制)</a></span><br />
268 
-								<span class="clear"></span>
269 
-							</div>
270 
-							<div class="template_list">
271 
-								<span class="template_list">
272 
-									<span class="template_list_img left"><img
273 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
274 
-									<a href="../third/my_number-card/digital_certificate_index.html">
275 
-										電子証明書（公的個人確認証サービス）</a></span><br />
276 
-								<span class="clear"></span>
306 
+						<div class="left_mobile">
307 
+							<h4 id="life" class="accordion__title js-accordion-title">住民登録について</h4>
308 
+							<div class="accordion__content">
309 
+								<div class="template_list">
310 
+									<span class="template_list">
311 
+										<span class="template_list_img left"><img
312 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
313 
+										<a href="../third/living/Move_to_kitagata.html">
314 
+											転入届</a></span><br />
315 
+									<span class="clear"></span>
316 
+								</div>
317 
+								<div class="template_list">
318 
+									<span class="template_list">
319 
+										<span class="template_list_img left"><img
320 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
321 
+										<a href="../third/living/Address_change_in_town.html">
322 
+											転居届</a></span><br />
323 
+									<span class="clear"></span>
324 
+								</div>
325 
+								<div class="template_list">
326 
+									<span class="template_list">
327 
+										<span class="template_list_img left"><img
328 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
329 
+										<a href="../third/living/Moving_out_of_town.html">
330 
+											転出届</a></span><br />
331 
+									<span class="clear"></span>
332 
+								</div>
333 
+								<div class="template_list">
334 
+									<span class="template_list">
335 
+										<span class="template_list_img left"><img
336 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
337 
+										<a href="../third/living/Constitution_of_household_changed.html">
338 
+											世帯主変更・分離・合併</a></span>
339 
+									<span class="clear"></span>
340 
+								</div>
341 
+								<div class="template_list">
342 
+									<span class="template_list">
343 
+										<span class="template_list_img left"><img
344 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
345 
+										<a
346 
+											href="../third/living/Request_for_issue_of_Certificate_of_family_register_window.html">
347 
+											窓口での住民票等の交付請求</a></span>
348 
+									<span class="clear"></span>
349 
+								</div>
277 350 
 							</div>
278 
-							<div class="template_list">
279 
-								<span class="template_list">
280 
-									<span class="template_list_img left"><img
281 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
282 
-									<a href="../third/my_number-card/mynumber_card_pin.html">
283 
-										マイナンバーカードの暗証番号について</a></span><br />
284 
-								<span class="clear"></span>
351 
+							<h4 id="life" class="accordion__title js-accordion-title">戸籍について</h4>
352 
+							<div class="accordion__content">
353 
+								<div class="template_list">
354 
+									<span class="template_list">
355 
+										<span class="template_list_img left"><img
356 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
357 
+										<a href="../third/living/Birth_registration.html">
358 
+											出生届</a></span>
359 
+									<span class="clear"></span>
360 
+								</div>
361 
+								<div class="template_list">
362 
+									<span class="template_list">
363 
+										<span class="template_list_img left"><img
364 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
365 
+										<a href="../third/living/Death_registration.html">
366 
+											死亡届</a></span>
367 
+									<span class="clear"></span>
368 
+								</div>
369 
+								<div class="template_list">
370 
+									<span class="template_list">
371 
+										<span class="template_list_img left"><img
372 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
373 
+										<a href="../third/living/Marriage_registration.html">
374 
+											婚姻届</a></span>
375 
+									<span class="clear"></span>
376 
+								</div>
377 
+								<div class="template_list">
378 
+									<span class="template_list">
379 
+										<span class="template_list_img left"><img
380 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
381 
+										<a href="../third/living/Divorce_registration.html">
382 
+											離婚届</a></span>
383 
+									<span class="clear"></span>
384 
+								</div>
385 
+								<div class="template_list">
386 
+									<span class="template_list">
387 
+										<span class="template_list_img left"><img
388 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
389 
+										<a
390 
+											href="../third/living/Request_for_issue_of_Certificate_of_family_register_mail.html">
391 
+											郵便による住民票・戸籍証明等の交付請求</a></span>
392 
+									<span class="clear"></span>
393 
+								</div>
285 394 
 							</div>
286 
-							<div class="template_list">
287 
-								<span class="template_list">
288 
-									<span class="template_list_img left"><img
289 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
290 
-									<a href="../third/my_number-card/mynumber_card_change_when_procedure.html">
291 
-										住所・氏名等に変更があった場合のマイナンバーカードの手続き</a></span><br />
292 
-								<span class="clear"></span>
395 
+							<h4 id="life" class="accordion__title js-accordion-title">マイナンバーカードについて</h4>
396 
+							<div class="accordion__content">
397 
+								<div class="template_list">
398 
+									<span class="template_list">
399 
+										<span class="template_list_img left"><img
400 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
401 
+										<a href="../third/my_number-card/what_my_number_card.html">
402 
+											マイナンバーカードとは</a></span><br />
403 
+									<span class="clear"></span>
404 
+								</div>
405 
+								<div class="template_list">
406 
+									<span class="template_list">
407 
+										<span class="template_list_img left"><img
408 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
409 
+										<a href="../third/my_number-card/mynumber_card_apply.html">
410 
+											マイナンバーカードの申請</a></span><br />
411 
+									<span class="clear"></span>
412 
+								</div>
413 
+								<div class="template_list">
414 
+									<span class="template_list">
415 
+										<span class="template_list_img left"><img
416 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
417 
+										<a href="../third/my_number-card/mynumber_card_delivery_window.html">
418 
+											マイナンバーカードの夜間・休日交付窓口</a></span><br />
419 
+									<span class="clear"></span>
420 
+								</div>
421 
+								<div class="template_list">
422 
+									<span class="template_list">
423 
+										<span class="template_list_img left"><img
424 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
425 
+										<a href="../third/my_number-card/digital_certificate_index.html">
426 
+											電子証明書（公的個人確認証サービス）</a></span><br />
427 
+									<span class="clear"></span>
428 
+								</div>
429 
+								<div class="template_list">
430 
+									<span class="template_list">
431 
+										<span class="template_list_img left"><img
432 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
433 
+										<a href="../third/my_number-card/mynumber_card_pin.html">
434 
+											マイナンバーカードの暗証番号について</a></span><br />
435 
+									<span class="clear"></span>
436 
+								</div>
437 
+								<div class="template_list">
438 
+									<span class="template_list">
439 
+										<span class="template_list_img left"><img
440 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
441 
+										<a href="../third/my_number-card/mynumber_card_change_when_procedure.html">
442 
+											住所・氏名等に変更があった場合のマイナンバーカードの手続き</a></span><br />
443 
+									<span class="clear"></span>
444 
+								</div>
293 445 
 							</div>
294 446 
 						</div>
295 447
296 
-						<div class="right">
297 
-							<h4 id="life">ごみの出し方について</h4>
298 
-							<div class="template_list">
299 
-								<span class="template_list">
300 
-									<span class="template_list_img left"><img
301 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
302 
-									<a href="../third/living/Out_garbage.html">
303 
-										ごみの出し方のポイント</a></span><br />
304 
-								<span class="clear"></span>
305 
-							</div>
306 
-							<div class="template_list">
307 
-								<span class="template_list">
308 
-									<span class="template_list_img left"><img
309 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
310 
-									<a href="../third/living/Waste_separation.html">
311 
-										ごみの分別</a></span><br />
312 
-								<span class="clear"></span>
313 
-							</div>
314 
-							<div class="template_list">
315 
-								<span class="template_list">
316 
-									<span class="template_list_img left"><img
317 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
318 
-									<a href="../third/living/Waste_that_can_not_be_recovered.html">
319 
-										町で回収できないごみ</a></span><br />
320 
-								<span class="clear"></span>
321 
-							</div>
322 
-							<div class="template_list">
323 
-								<span class="template_list">
324 
-									<span class="template_list_img left"><img
325 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
326 
-									<a href="../third/living/Date_of_collection_of_garbage.html">
327 
-										ごみの収集日</a></span><br />
328 
-								<span class="clear"></span>
329 
-							</div>
330 
-							<div class="template_list">
331 
-								<span class="template_list">
332 
-									<span class="template_list_img left"><img
333 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
334 
-									<a href="../third/living/Recycling_Center.html">
335 
-										北方町リサイクルセンター</a></span><br />
336 
-								<span class="clear"></span>
337 
-							</div>
338 
-							<div class="template_list">
339 
-								<span class="template_list">
340 
-									<span class="template_list_img left"><img
341 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
342 
-									<a href="../third/living/Coarse_dust.html">
343 
-										粗大ごみの有料戸別収集</a></span><br />
344 
-								<span class="clear"></span>
345 
-							</div>
346 
-							<h4 id="life">上水道・下水道について</h4>
347 
-							<div class="template_list">
348 
-								<span class="template_list">
349 
-									<span class="template_list_img left"><img
350 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
351 
-									<a href="../fourth/living/Procedures_for_water_supply_use.html">
352 
-										上下水道の使用開始・休止・使用者変更手続き</a></span><br />
353 
-								<span class="clear"></span>
354 
-							</div>
355 
-							<div class="template_list">
356 
-								<span class="template_list">
357 
-									<span class="template_list_img left"><img
358 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
359 
-									<a href="../fourth/living/jougesuidouryoukin.html">
360 
-										水道料金・下水道使用料</a></span><br />
361 
-								<span class="clear"></span>
448 
+						<div class="right_mobile">
449 
+							<h4 id="life" class="accordion__title js-accordion-title">ごみの出し方について</h4>
450 
+							<div class="accordion__content">
451 
+								<div class="template_list">
452 
+									<span class="template_list">
453 
+										<span class="template_list_img left"><img
454 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
455 
+										<a href="../third/living/Out_garbage.html">
456 
+											ごみの出し方のポイント</a></span><br />
457 
+									<span class="clear"></span>
458 
+								</div>
459 
+								<div class="template_list">
460 
+									<span class="template_list">
461 
+										<span class="template_list_img left"><img
462 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
463 
+										<a href="../third/living/Waste_separation.html">
464 
+											ごみの分別</a></span><br />
465 
+									<span class="clear"></span>
466 
+								</div>
467 
+								<div class="template_list">
468 
+									<span class="template_list">
469 
+										<span class="template_list_img left"><img
470 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
471 
+										<a href="../third/living/Waste_that_can_not_be_recovered.html">
472 
+											町で回収できないごみ</a></span><br />
473 
+									<span class="clear"></span>
474 
+								</div>
475 
+								<div class="template_list">
476 
+									<span class="template_list">
477 
+										<span class="template_list_img left"><img
478 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
479 
+										<a href="../third/living/Date_of_collection_of_garbage.html">
480 
+											ごみの収集日</a></span><br />
481 
+									<span class="clear"></span>
482 
+								</div>
483 
+								<div class="template_list">
484 
+									<span class="template_list">
485 
+										<span class="template_list_img left"><img
486 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
487 
+										<a href="../third/living/Recycling_Center.html">
488 
+											北方町リサイクルセンター</a></span><br />
489 
+									<span class="clear"></span>
490 
+								</div>
491 
+								<div class="template_list">
492 
+									<span class="template_list">
493 
+										<span class="template_list_img left"><img
494 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
495 
+										<a href="../third/living/Coarse_dust.html">
496 
+											粗大ごみの有料戸別収集</a></span><br />
497 
+									<span class="clear"></span>
498 
+								</div>
362 499 
 							</div>
363 
-							<div class="template_list">
364 
-								<span class="template_list">
365 
-									<span class="template_list_img left"><img
366 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
367 
-									<a href="../fourth/living/jougesuidouryoukingenmentetuduki.html">
368 
-										漏水の場合などの減免手続き</a></span><br />
369 
-								<span class="clear"></span>
500 
+							<h4 id="life" class="accordion__title js-accordion-title">上水道・下水道について</h4>
501 
+							<div class="accordion__content">
502 
+								<div class="template_list">
503 
+									<span class="template_list">
504 
+										<span class="template_list_img left"><img
505 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
506 
+										<a href="../fourth/living/Procedures_for_water_supply_use.html">
507 
+											上下水道の使用開始・休止・使用者変更手続き</a></span><br />
508 
+									<span class="clear"></span>
509 
+								</div>
510 
+								<div class="template_list">
511 
+									<span class="template_list">
512 
+										<span class="template_list_img left"><img
513 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
514 
+										<a href="../fourth/living/jougesuidouryoukin.html">
515 
+											水道料金・下水道使用料</a></span><br />
516 
+									<span class="clear"></span>
517 
+								</div>
518 
+								<div class="template_list">
519 
+									<span class="template_list">
520 
+										<span class="template_list_img left"><img
521 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
522 
+										<a href="../fourth/living/jougesuidouryoukingenmentetuduki.html">
523 
+											漏水の場合などの減免手続き</a></span><br />
524 
+									<span class="clear"></span>
525 
+								</div>
370 526 
 							</div>
371 
-							<h4 id="life">北方町ふるさと寄附金の募集について</h4>
372 
-							<div class="template_list">
373 
-								<span class="template_list">
374 
-									<span class="template_list_img left"><img
375 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
376 
-									<a href="../second/Donation.html">
377 
-										北方町ふるさと寄附金の募集について</a></span><br />
378 
-								<span class="clear"></span>
527 
+							<h4 id="life" class="accordion__title js-accordion-title">北方町ふるさと寄附金の募集について</h4>
528 
+							<div class="accordion__content">
529 
+								<div class="template_list">
530 
+									<span class="template_list">
531 
+										<span class="template_list_img left"><img
532 
+												src="../css/img/smallbutton_secondfloor.png" /></span>
533 
+										<a href="../second/Donation.html">
534 
+											北方町ふるさと寄附金の募集について</a></span><br />
535 
+									<span class="clear"></span>
536 
+								</div>
379 537 
 							</div>
380 
-							<h4 id="life">動物について</h4>
381 
-							<div class="right">
538 
+						</div>
539 
+
540 
+						<div class="right_mobile">
541 
+							<h4 id="life" class="accordion__title js-accordion-title">動物について</h4>
542 
+							<div class="accordion__content">
382 543 
 								<div class="template_list">
383 544 
 									<span class="template_list">
384 545 
 										<span class="template_list_img left"><img
 
@@ -387,7 +548,9 @@
387 548 
 											犬を飼うときは</a></span><br />
388 549 
 									<span class="clear"></span>
389 550 
 								</div>
390 
-								<h4 id="life">空き家について</h4>
551 
+							</div>
552 
+							<h4 id="life" class="accordion__title js-accordion-title">空き家について</h4>
553 
+							<div class="accordion__content">
391 554 
 								<div class="template_list">
392 555 
 									<span class="template_list">
393 556 
 										<span class="template_list_img left"><img
 
@@ -397,19 +560,36 @@
397 560 
 									<span class="clear"></span>
398 561 
 								</div>
399 562 
 							</div>
400 
-							<div class="clear"></div>
401 563 
 						</div>
564 
+						<div class="clear"></div>
402 565 
 					</span>
403 566 
 				</article>
404 567 
 			</section>
405 568 
 		</div>
406 569
407 570 
 		<footer>
408 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
409 
-			<br />
410 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
411 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
412 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
571 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
572 
+			<div class="footer_mobile">
573 
+				<div class="footer_mobile_title">
574 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
575 
+					<h1 class="footerMobile__text">北方町役場</h1>
576 
+				</div>
577 
+				<div class="footer_mobile_address">
578 
+					<span class="footerTextWrap__text">
579 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
580 
+					</span><br>
581 
+					電話:058-323-1111(代)<br>
582 
+					FAX:058-323-2963<br>
583 
+					開庁日：8時30分～17時15分<br>
584 
+					（土・日・祝日、年末年始を除く）<br>
585 
+				</div>
586 
+			</div>
587 
+			<br class="sp__brDisplay">
588 
+			<p class="footer_text">
589 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
590 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
591 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
592 
+			</p>
413 593 
 		</footer>
414 594
415 595 
 	</div>

+ 278
- 25
second/Inquiry_form.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,259 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
     <script src="../js/operation.js"></script>
19 
+    <script src="../js/menu.js"></script>
20 
+    <script src="../js/accordion.js"></script>
14 21 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
     </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+    <script type="text/javascript">
27 
+        function googleTranslateElementInit() {
28 
+            new google.translate.TranslateElement({
29 
+                pageLanguage: 'ja',
30 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+            }, 'google_translate_element');
32 
+        }
33 
+    </script>
34 
+    <script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
     <div id="main" class="gothic">
37 
+        <!-- mobile header -->
38 
+        <header class="header">
39 
+            <div class="headerLogo">
40 
+                <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                        src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+            </div>
43 
+            <div class="headerTitle">
44 
+                <a href="../index.html" class="header_link">
45 
+                    <h1 class="headerTitle__text">北方町</h1>
46 
+                </a>
47 
+            </div>
48 
+            <div class="headerSubTitle">
49 
+                <a href="../index.html" class="header_link">
50 
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+                </a>
52 
+            </div>
53 
+            <div id="h-menu">
54 
+                <span></span>
55 
+                <span></span>
56 
+                <span></span>
57 
+                <div id="h-text">menu</div>
58 
+            </div>
59 
+            <div id="h-nav">
60 
+                <div class="h-menu_main_block_top">
61 
+                    <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+                        <div class="h-menu_block_text">
63 
+                            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+                        </div>
65 
+                    </div>
66 
+                    <div class="h-accordion__content">
67 
+                        <div class="h-menu_accordion_block_start">
68 
+                            <div class="h-menu_accordion_block_text">
69 
+                                <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+                            </div>
71 
+                        </div>
72 
+                        <div class="h-menu_accordion_block">
73 
+                            <div class="h-menu_accordion_block_text">
74 
+                                <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+                            </div>
76 
+                        </div>
77 
+                        <div class="h-menu_accordion_block">
78 
+                            <div class="h-menu_accordion_block_text">
79 
+                                <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+                            </div>
81 
+                        </div>
82 
+                        <div class="h-menu_accordion_block">
83 
+                            <div class="h-menu_accordion_block_text">
84 
+                                <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+                            </div>
86 
+                        </div>
87 
+                        <div class="h-menu_accordion_block">
88 
+                            <div class="h-menu_accordion_block_text">
89 
+                                <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+                            </div>
91 
+                        </div>
92 
+                        <div class="h-menu_accordion_block">
93 
+                            <div class="h-menu_accordion_block_text">
94 
+                                <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+                            </div>
96 
+                        </div>
97 
+                        <div class="h-menu_accordion_block">
98 
+                            <div class="h-menu_accordion_block_text">
99 
+                                <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+                            </div>
101 
+                        </div>
102 
+                        <div class="h-menu_accordion_block">
103 
+                            <div class="h-menu_accordion_block_text">
104 
+                                <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+                            </div>
106 
+                        </div>
107 
+                        <div class="h-menu_accordion_block">
108 
+                            <div class="h-menu_accordion_block_text">
109 
+                                <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+                            </div>
111 
+                        </div>
112 
+                        <div class="h-menu_accordion_block">
113 
+                            <div class="h-menu_accordion_block_text">
114 
+                                <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+                            </div>
116 
+                        </div>
117 
+                        <div class="h-menu_accordion_block">
118 
+                            <div class="h-menu_accordion_block_text">
119 
+                                <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+                            </div>
121 
+                        </div>
122 
+                        <div class="h-menu_accordion_block">
123 
+                            <div class="h-menu_accordion_block_text">
124 
+                                <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+                            </div>
126 
+                        </div>
127 
+                        <div class="h-menu_accordion_block">
128 
+                            <div class="h-menu_accordion_block_text">
129 
+                                <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+                            </div>
131 
+                        </div>
132 
+                        <div class="h-menu_accordion_block">
133 
+                            <div class="h-menu_accordion_block_text">
134 
+                                <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+                            </div>
136 
+                        </div>
137 
+                        <div class="h-menu_accordion_block">
138 
+                            <div class="h-menu_accordion_block_text">
139 
+                                <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+                            </div>
141 
+                        </div>
142 
+                        <div class="h-menu_accordion_block">
143 
+                            <div class="h-menu_accordion_block_text">
144 
+                                <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+                            </div>
146 
+                        </div>
147 
+                        <div class="h-menu_accordion_block">
148 
+                            <div class="h-menu_accordion_block_text">
149 
+                                <a class="h_link" href="../second/Application_downloading.html"
150 
+                                    name="anc15">申請書ダウンロード</a>
151 
+                            </div>
152 
+                        </div>
153 
+                        <div class="h-menu_accordion_block">
154 
+                            <div class="h-menu_accordion_block_text">
155 
+                                <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                                    name="anc15">カワセミ便<br />（きたがた情報メール）</a>
157 
+                            </div>
158 
+                        </div>
159 
+                    </div>
160 
+                </div>
161 
+                <div class="h-menu_main_block">
162 
+                    <div class="h-menu_block">
163 
+                        <a href="../second/tourism.html">
164 
+                            <div class="h-menu_block_text h-menu_block_before">
165 
+                                <div class="h-menu_block_text_center">
166 
+                                    観光
167 
+                                </div>
168 
+                            </div>
169 
+                        </a>
170 
+                    </div>
171 
+                </div>
172 
+                <div class="h-menu_main_block">
173 
+                    <div class="h-menu_block">
174 
+                        <a href="../second/business.html">
175 
+                            <div class="h-menu_block_text h-menu_block_before">
176 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+                            </div>
178 
+                        </a>
179 
+                    </div>
180 
+                </div>
181 
+                <div class="h-menu_main_block">
182 
+                    <div class="h-menu_block">
183 
+                        <a href="../second/town_admini_info.html">
184 
+                            <div class="h-menu_block_text h-menu_block_before">
185 
+                                <div class="h-menu_block_text_center">町政情報</div>
186 
+                            </div>
187 
+                        </a>
188 
+                    </div>
189 
+                </div>
190 
+                <div class="h-menu_main_block">
191 
+                    <div class="h-menu_block h-menu_block_before">
192 
+                        <a href="../second/sitemap.html">
193 
+                            <div class="h-menu_block_text h-menu_block_before">
194 
+                                <div class="h-menu_block_text_center">
195 
+                                    サイトマップ
196 
+                                </div>
197 
+                            </div>
198 
+                        </a>
199 
+                    </div>
200 
+                </div>
201 
+                <div class="h-menu_main_block">
202 
+                    <div class="h-menu_block h-menu_block_before">
203 
+                        <a href="https://ai-staff.net/kitagata/chat">
204 
+                            <div class="h-menu_block_text  h-menu_block_before">
205 
+                                <div class="h-menu_block_text_center">
206 
+                                    AIチャット
207 
+                                </div>
208 
+                            </div>
209 
+                        </a>
210 
+                    </div>
211 
+                </div>
212 
+                <div class="h-menu_main_block">
213 
+                    <div class="h-menu_block h-menu_block_before">
214 
+                        <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+                            <div class="h-menu_block_text">
216 
+                                <div class="h-menu_block_text_center">
217 
+                                    お問い合わせ一覧
218 
+                                </div>
219 
+                            </div>
220 
+                        </a>
221 
+                    </div>
222 
+                </div>
223 
+                <div class="h-menu_main_block">
224 
+                    <div class="h-menu_lang">
225 
+                        <div class="h-menu_block_lang">
226 
+                            <div class="h-menu_block_text_center">
227 
+                                <div class="h-menu_block_text_line">
228 
+                                    背景変更
229 
+                                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                                    </div>
231 
+                                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                                    </div>
233 
+                                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                                    </div>
235 
+                                </div>
236 
+                                <script>
237 
+                                    getBackgNumber2();
238 
+                                </script>
239 
+                                <div class="h-menu_block_text_line">言語選択
240 
+                                    <div class="mobile_translation">
241 
+                                        <div id="google_translate_element"></div>
242 
+                                    </div>
243 
+                                </div>
244 
+                            </div>
245 
+                        </div>
246 
+                    </div>
247 
+                </div>
248 
+                <div class="h-menu_main_block">
249 
+                    <div class="h-menu_search">
250 
+                        <div class="h-menu_block_search">
251 
+                            <form action="https://www.google.com/search">
252 
+                                <input type="hidden" name="hl" value="ja" />
253 
+                                <input type="hidden" name="ie" value="UTF-8">
254 
+                                <input type="hidden" name="oe" value="UTF-8">
255 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
256 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                                    class="mobile_form_input" />
258 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
259 
+                            </form>
260 
+                        </div>
261 
+                    </div>
262 
+                </div>
263 
+            </div>
264 
+        </header>
265 
+
266 
+
20 267 
         <!--セクション 操作-->
21 268 
         <section id="operation">
22 269 
             <!--セクション 住所-->
 
@@ -45,13 +292,13 @@
45 292
46 293 
                 <!--セクション 文字サイズ-->
47 294 
                 <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
295 
+    	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+    	<div id="charsize_img">
297 
+    	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+    	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+    	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+    	</div>
301 
+    	</article>-->
55 302
56 303 
                 <!--セクション サイトマップ-->
57 304 
                 <article id="sitemap">
 
@@ -71,16 +318,6 @@
71 318 
                     <div id="translation_img">
72 319 
                         <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 320 
                         <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 321 
                     </div>
85 322 
                 </article>
86 323 
                 <div id="claer">
 
@@ -235,7 +472,7 @@
235 472 
                             <br /><input size="50" type="text" name="市町区村・番地">
236 473 
                             <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
237 474 
                             <br /><input size="11" type="text" name="電話番号">
238 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
475 
+                            <br /><br />FAX (半角数字 例→0583202200)
239 476 
                             <br /><input size="11" type="text" name="FAX">
240 477 
                             <br /><br />メールアドレス (半角英数字 例→mail@example.com) <span style="color: red;">必須</span>
241 478 
                             <br /><input size="50" type="text" name="email">
 
@@ -259,13 +496,29 @@
259 496 
         </div>
260 497
261 498 
         <footer>
262 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
263 
-            <br />
264 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
265 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
266 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
499 
+            <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
500 
+            <div class="footer_mobile">
501 
+                <div class="footer_mobile_title">
502 
+                    <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
503 
+                    <h1 class="footerMobile__text">北方町役場</h1>
504 
+                </div>
505 
+                <div class="footer_mobile_address">
506 
+                    <span class="footerTextWrap__text">
507 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
508 
+                    </span><br>
509 
+                    電話:058-323-1111(代)<br>
510 
+                    FAX:058-323-2963<br>
511 
+                    開庁日：8時30分～17時15分<br>
512 
+                    （土・日・祝日、年末年始を除く）<br>
513 
+                </div>
514 
+            </div>
515 
+            <br class="sp__brDisplay">
516 
+            <p class="footer_text">
517 
+                <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
518 
+                <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
519 
+                <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
520 
+            </p>
267 521 
         </footer>
268 
-
269 522 
     </div>
270 523 
 </body>
271 524

+ 423
- 169
second/Inquiry_form_accounting.html Datei anzeigen 

@@ -1,50 +1,297 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+          <div class="h-menu_block_text">
63 
+            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+          </div>
65 
+        </div>
66 
+        <div class="h-accordion__content">
67 
+          <div class="h-menu_accordion_block_start">
68 
+            <div class="h-menu_accordion_block_text">
69 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_accordion_block">
73 
+            <div class="h-menu_accordion_block_text">
74 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+            </div>
76 
+          </div>
77 
+          <div class="h-menu_accordion_block">
78 
+            <div class="h-menu_accordion_block_text">
79 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_accordion_block">
83 
+            <div class="h-menu_accordion_block_text">
84 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+            </div>
86 
+          </div>
87 
+          <div class="h-menu_accordion_block">
88 
+            <div class="h-menu_accordion_block_text">
89 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+            </div>
91 
+          </div>
92 
+          <div class="h-menu_accordion_block">
93 
+            <div class="h-menu_accordion_block_text">
94 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+            </div>
96 
+          </div>
97 
+          <div class="h-menu_accordion_block">
98 
+            <div class="h-menu_accordion_block_text">
99 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_accordion_block">
103 
+            <div class="h-menu_accordion_block_text">
104 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+            </div>
106 
+          </div>
107 
+          <div class="h-menu_accordion_block">
108 
+            <div class="h-menu_accordion_block_text">
109 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_accordion_block">
113 
+            <div class="h-menu_accordion_block_text">
114 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+            </div>
116 
+          </div>
117 
+          <div class="h-menu_accordion_block">
118 
+            <div class="h-menu_accordion_block_text">
119 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_accordion_block">
123 
+            <div class="h-menu_accordion_block_text">
124 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+            </div>
126 
+          </div>
127 
+          <div class="h-menu_accordion_block">
128 
+            <div class="h-menu_accordion_block_text">
129 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_accordion_block">
133 
+            <div class="h-menu_accordion_block_text">
134 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+            </div>
136 
+          </div>
137 
+          <div class="h-menu_accordion_block">
138 
+            <div class="h-menu_accordion_block_text">
139 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+            </div>
141 
+          </div>
142 
+          <div class="h-menu_accordion_block">
143 
+            <div class="h-menu_accordion_block_text">
144 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+            </div>
146 
+          </div>
147 
+          <div class="h-menu_accordion_block">
148 
+            <div class="h-menu_accordion_block_text">
149 
+              <a class="h_link" href="../second/Application_downloading.html"
150 
+                 name="anc15">申請書ダウンロード</a>
151 
+            </div>
152 
+          </div>
153 
+          <div class="h-menu_accordion_block">
154 
+            <div class="h-menu_accordion_block_text">
155 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+      </div>
161 
+      <div class="h-menu_main_block">
162 
+        <div class="h-menu_block">
163 
+          <a href="../second/tourism.html">
164 
+            <div class="h-menu_block_text h-menu_block_before">
165 
+              <div class="h-menu_block_text_center">
166 
+                観光
167 
+              </div>
168 
+            </div>
169 
+          </a>
170 
+        </div>
171 
+      </div>
172 
+      <div class="h-menu_main_block">
173 
+        <div class="h-menu_block">
174 
+          <a href="../second/business.html">
175 
+            <div class="h-menu_block_text h-menu_block_before">
176 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+            </div>
178 
+          </a>
179 
+        </div>
180 
+      </div>
181 
+      <div class="h-menu_main_block">
182 
+        <div class="h-menu_block">
183 
+          <a href="../second/town_admini_info.html">
184 
+            <div class="h-menu_block_text h-menu_block_before">
185 
+              <div class="h-menu_block_text_center">町政情報</div>
186 
+            </div>
187 
+          </a>
188 
+        </div>
189 
+      </div>
190 
+      <div class="h-menu_main_block">
191 
+        <div class="h-menu_block h-menu_block_before">
192 
+          <a href="../second/sitemap.html">
193 
+            <div class="h-menu_block_text h-menu_block_before">
194 
+              <div class="h-menu_block_text_center">
195 
+                サイトマップ
196 
+              </div>
197 
+            </div>
198 
+          </a>
199 
+        </div>
200 
+      </div>
201 
+      <div class="h-menu_main_block">
202 
+        <div class="h-menu_block h-menu_block_before">
203 
+          <a href="https://ai-staff.net/kitagata/chat">
204 
+            <div class="h-menu_block_text  h-menu_block_before">
205 
+              <div class="h-menu_block_text_center">
206 
+                AIチャット
207 
+              </div>
208 
+            </div>
209 
+          </a>
210 
+        </div>
211 
+      </div>
212 
+      <div class="h-menu_main_block">
213 
+        <div class="h-menu_block h-menu_block_before">
214 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+            <div class="h-menu_block_text">
216 
+              <div class="h-menu_block_text_center">
217 
+                お問い合わせ一覧
218 
+              </div>
219 
+            </div>
220 
+          </a>
221 
+        </div>
222 
+      </div>
223 
+      <div class="h-menu_main_block">
224 
+        <div class="h-menu_lang">
225 
+          <div class="h-menu_block_lang">
226 
+            <div class="h-menu_block_text_center">
227 
+              <div class="h-menu_block_text_line">
228 
+                背景変更
229 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                </div>
231 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                </div>
233 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                </div>
235 
+              </div>
236 
+              <script>
237 
+                  getBackgNumber2();
238 
+              </script>
239 
+              <div class="h-menu_block_text_line">言語選択
240 
+                <div class="mobile_translation">
241 
+                  <div id="google_translate_element"></div>
242 
+                </div>
243 
+              </div>
244 
+            </div>
245 
+          </div>
246 
+        </div>
247 
+      </div>
248 
+      <div class="h-menu_main_block">
249 
+        <div class="h-menu_search">
250 
+          <div class="h-menu_block_search">
251 
+            <form action="https://www.google.com/search">
252 
+              <input type="hidden" name="hl" value="ja"/>
253 
+              <input type="hidden" name="ie" value="UTF-8">
254 
+              <input type="hidden" name="oe" value="UTF-8">
255 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+              <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                     class="mobile_form_input"/>
258 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
259 
+            </form>
260 
+          </div>
261 
+        </div>
262 
+      </div>
263 
+    </div>
264 
+  </header>
265 
+
266 
+
267 
+  <!--セクション 操作-->
268 
+  <section id="operation">
269 
+    <!--セクション 住所-->
270 
+    <article id="address">
271 
+      <address id="operation_add">
272 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 273 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
274 
+      </address>
275 
+    </article>
276 
+    <div id="controle_panel">
277 
+      <!--セクション 背景色-->
278 
+      <article id="bgcolor">
279 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+        <div id="bgcolor_img">
281 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                 onClick="setBackground2(1)">
283 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                 onClick="setBackground2(2)">
285 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                 onClick="setBackground2(3)">
287 
+        </div>
288 
+        <script>
289 
+            getBackgNumber2();
290 
+        </script>
291 
+      </article>
45 292
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
293 
+      <!--セクション 文字サイズ-->
294 
+      <!--<article id="charsize" >
48 295 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 296 
 <div id="charsize_img">
50 297 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,121 +300,111 @@
53 300 
 </div>
54 301 
 </article>-->
55 302
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
303 
+      <!--セクション サイトマップ-->
304 
+      <article id="sitemap">
305 
+        <div id="sitemap_img">
306 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+        </div>
308 
+      </article>
309 
+      <!--セクション お問い合わせ-->
310 
+      <article id="contact">
311 
+        <div id="contact_img">
312 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+        </div>
315 
+      </article>
316 
+      <!--セクション 翻訳-->
317 
+      <article id="translation">
318 
+        <div id="translation_img">
319 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+          <div id="google_translate_element"></div>
321 
+        </div>
322 
+      </article>
323 
+      <div id="claer">
324 
+      </div>
325 
+    </div>
326 
+  </section>
90 327
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
328 
+  <!--ヘッダーデータ-->
329 
+  <header>
330 
+    <div id="header" class="gothic">
331 
+      <a href="../index.html">
332 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+      </a>
334 
+      <div id="h_block_1">
335 
+        <div class="h_line">
336 
+        </div>
337 
+        <article class="h_text_l">
338 
+          <a class="h_link" href="../second/living.html">
339 
+            <span class="h_text">くらしの情報</span></a>
340 
+        </article>
341 
+        <article class="h_text_l">
342 
+          <a class="h_link" href="../second/tourism.html">
343 
+            <span class="h_text">観光</span></a>
344 
+        </article>
345 
+        <article class="h_text_l">
346 
+          <a class="h_link" href="../second/business.html">
347 
+            <span class="h_text">事業者向け情報</span></a>
348 
+        </article>
349 
+        <article class="h_text_l">
350 
+          <a class="h_link" href="../second/town_admini_info.html">
351 
+            <span class="h_text">町政情報</span></a>
352 
+        </article>
353 
+      </div>
354 
+      <div id="h_block_search">
355 
+        <div class="h_line"></div>
356 
+        <article class="h_search">
357 
+          <div class="space10"></div>
358 
+          <form action="http://www.google.com/search">
359 
+            <input type="hidden" name="hl" value="ja"/>
360 
+            <input type="hidden" name="ie" value="UTF-8">
361 
+            <input type="hidden" name="oe" value="UTF-8">
362 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+            <input type="submit" name="btnG" value="検索"/>
365 
+          </form>
129 366
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
367 
+        </article>
368 
+      </div>
369 
+    </div>
370 
+  </header>
134 371
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>会計室へのお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">会計室へのお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
372 
+  <div>
373 
+    <!--セクション template-->
374 
+    <section id="template">
375 
+      <article id="breadcrumb">
376 
+        <div id="breadcrumb_title">
377 
+          <div id="breadcrumb_title_block">
378 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>会計室へのお問い合わせ</span>
379 
+          </div>
380 
+        </div>
381 
+      </article>
382 
+      <article id="template">
383 
+        <div id="template_title" class="gothic">
384 
+          <div id="template_title_block">
385 
+            <span id="template_title">会計室へのお問い合わせ</span>
386 
+          </div>
387 
+        </div>
388 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+        <span id="template_article_block">
153 390
154 391 
                         <!-- フォーム開始 -->
155 392 
                         <form method="post"
156 
-                            action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_accounting.cgi">
393 
+                              action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_accounting.cgi">
157 394 
                             <input type="hidden" name="subject" value="会計室へのお問い合わせ">
158 395 
                             <input type="hidden" name="location"
159 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_accounting.html">
160 
-                            <!-- 任意 -->
396 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_accounting.html">
397 
+                          <!-- 任意 -->
161 398
162 399 
                             お名前 <span style="color: red;">必須</span>
163 
-                            <br /><input size="30" type="text" name="名前">
164 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
165 
-                            <br /><input size="30" type="text" name="なまえ">
166 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
167 
-                            <br /><input size="7" type="text" name="郵便番号">
400 
+                            <br/><input size="30" type="text" name="名前">
401 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
402 
+                            <br/><input size="30" type="text" name="なまえ">
403 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
404 
+                            <br/><input size="7" type="text" name="郵便番号">
168 405
169 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
170 
-                            <br /><select name="都道府県">
406 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
407 
+                            <br/><select name="都道府県">
171 408 
                                 <option value="">都道府県を選択</option>
172 409 
                                 <optgroup label="北海道・東北地方">
173 410 
                                     <option value="北海道">北海道</option>
 
@@ -233,42 +470,59 @@
233 470 
                                 <option value="日本国外">日本国外</option>
234 471 
                             </select>
235 472
236 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
237 
-                            <br /><input size="50" type="text" name="市町区村・番地">
238 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 
-                            <br /><input size="11" type="text" name="電話番号">
240 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
241 
-                            <br /><input size="11" type="text" name="FAX">
242 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
243 
-                            <br /><input size="50" type="text" name="email">
244 
-                            <br /><br />お問い合わせ内容
245 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
473 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
474 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
475 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
476 
+                            <br/><input size="11" type="text" name="電話番号">
477 
+                            <br/><br/>FAX (半角数字 例→0583202200)
478 
+                            <br/><input size="11" type="text" name="FAX">
479 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
480 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
481 
+                            <br/><br/>お問い合わせ内容
482 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
246 483
247 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
484 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
248 485 
                             <INPUT TYPE="reset" VALUE="リセット">
249 486
250 
-                            <!-- 確認画面ありなし 暫定 -->
487 
+                          <!-- 確認画面ありなし 暫定 -->
251 488 
                             <input type="hidden" name="c_copy" value="on">
252 489 
                             <input type="hidden" name="space_check" value="on">
253 
-                            <!--
490 
+                          <!--
254 491 
 <input type="hidden" name="no_check" value="on">
255 492 
 -->
256 493 
                         </FORM>
257 494 
                     </span>
258 
-                    <!-- 本文データ ここまで -->
259 
-                </article>
260 
-            </section>
261 
-        </div>
262 
-
263 
-        <footer>
264 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
265 
-            <br />
266 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
267 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
268 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
269 
-        </footer>
495 
+        <!-- 本文データ ここまで -->
496 
+      </article>
497 
+    </section>
498 
+  </div>
270 499
500 
+  <footer>
501 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
502 
+    <div class="footer_mobile">
503 
+      <div class="footer_mobile_title">
504 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
505 
+        <h1 class="footerMobile__text">北方町役場</h1>
506 
+      </div>
507 
+      <div class="footer_mobile_address">
508 
+                    <span class="footerTextWrap__text">
509 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
510 
+                    </span><br>
511 
+        電話:058-323-1111(代)<br>
512 
+        FAX:058-323-2963<br>
513 
+        開庁日：8時30分～17時15分<br>
514 
+        （土・日・祝日、年末年始を除く）<br>
515 
+      </div>
271 516 
     </div>
517 
+    <br class="sp__brDisplay">
518 
+    <p class="footer_text">
519 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
520 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
521 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
522 
+    </p>
523 
+  </footer>
524 
+
525 
+</div>
272 526 
 </body>
273 527
274 
-</html>
528 
+</html>

+ 426
- 172
second/Inquiry_form_administration.html Datei anzeigen 

@@ -1,50 +1,297 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+          <div class="h-menu_block_text">
63 
+            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+          </div>
65 
+        </div>
66 
+        <div class="h-accordion__content">
67 
+          <div class="h-menu_accordion_block_start">
68 
+            <div class="h-menu_accordion_block_text">
69 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_accordion_block">
73 
+            <div class="h-menu_accordion_block_text">
74 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+            </div>
76 
+          </div>
77 
+          <div class="h-menu_accordion_block">
78 
+            <div class="h-menu_accordion_block_text">
79 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_accordion_block">
83 
+            <div class="h-menu_accordion_block_text">
84 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+            </div>
86 
+          </div>
87 
+          <div class="h-menu_accordion_block">
88 
+            <div class="h-menu_accordion_block_text">
89 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+            </div>
91 
+          </div>
92 
+          <div class="h-menu_accordion_block">
93 
+            <div class="h-menu_accordion_block_text">
94 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+            </div>
96 
+          </div>
97 
+          <div class="h-menu_accordion_block">
98 
+            <div class="h-menu_accordion_block_text">
99 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_accordion_block">
103 
+            <div class="h-menu_accordion_block_text">
104 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+            </div>
106 
+          </div>
107 
+          <div class="h-menu_accordion_block">
108 
+            <div class="h-menu_accordion_block_text">
109 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_accordion_block">
113 
+            <div class="h-menu_accordion_block_text">
114 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+            </div>
116 
+          </div>
117 
+          <div class="h-menu_accordion_block">
118 
+            <div class="h-menu_accordion_block_text">
119 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_accordion_block">
123 
+            <div class="h-menu_accordion_block_text">
124 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+            </div>
126 
+          </div>
127 
+          <div class="h-menu_accordion_block">
128 
+            <div class="h-menu_accordion_block_text">
129 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_accordion_block">
133 
+            <div class="h-menu_accordion_block_text">
134 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+            </div>
136 
+          </div>
137 
+          <div class="h-menu_accordion_block">
138 
+            <div class="h-menu_accordion_block_text">
139 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+            </div>
141 
+          </div>
142 
+          <div class="h-menu_accordion_block">
143 
+            <div class="h-menu_accordion_block_text">
144 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+            </div>
146 
+          </div>
147 
+          <div class="h-menu_accordion_block">
148 
+            <div class="h-menu_accordion_block_text">
149 
+              <a class="h_link" href="../second/Application_downloading.html"
150 
+                 name="anc15">申請書ダウンロード</a>
151 
+            </div>
152 
+          </div>
153 
+          <div class="h-menu_accordion_block">
154 
+            <div class="h-menu_accordion_block_text">
155 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+      </div>
161 
+      <div class="h-menu_main_block">
162 
+        <div class="h-menu_block">
163 
+          <a href="../second/tourism.html">
164 
+            <div class="h-menu_block_text h-menu_block_before">
165 
+              <div class="h-menu_block_text_center">
166 
+                観光
167 
+              </div>
168 
+            </div>
169 
+          </a>
170 
+        </div>
171 
+      </div>
172 
+      <div class="h-menu_main_block">
173 
+        <div class="h-menu_block">
174 
+          <a href="../second/business.html">
175 
+            <div class="h-menu_block_text h-menu_block_before">
176 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+            </div>
178 
+          </a>
179 
+        </div>
180 
+      </div>
181 
+      <div class="h-menu_main_block">
182 
+        <div class="h-menu_block">
183 
+          <a href="../second/town_admini_info.html">
184 
+            <div class="h-menu_block_text h-menu_block_before">
185 
+              <div class="h-menu_block_text_center">町政情報</div>
186 
+            </div>
187 
+          </a>
188 
+        </div>
189 
+      </div>
190 
+      <div class="h-menu_main_block">
191 
+        <div class="h-menu_block h-menu_block_before">
192 
+          <a href="../second/sitemap.html">
193 
+            <div class="h-menu_block_text h-menu_block_before">
194 
+              <div class="h-menu_block_text_center">
195 
+                サイトマップ
196 
+              </div>
197 
+            </div>
198 
+          </a>
199 
+        </div>
200 
+      </div>
201 
+      <div class="h-menu_main_block">
202 
+        <div class="h-menu_block h-menu_block_before">
203 
+          <a href="https://ai-staff.net/kitagata/chat">
204 
+            <div class="h-menu_block_text  h-menu_block_before">
205 
+              <div class="h-menu_block_text_center">
206 
+                AIチャット
207 
+              </div>
208 
+            </div>
209 
+          </a>
210 
+        </div>
211 
+      </div>
212 
+      <div class="h-menu_main_block">
213 
+        <div class="h-menu_block h-menu_block_before">
214 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+            <div class="h-menu_block_text">
216 
+              <div class="h-menu_block_text_center">
217 
+                お問い合わせ一覧
218 
+              </div>
219 
+            </div>
220 
+          </a>
221 
+        </div>
222 
+      </div>
223 
+      <div class="h-menu_main_block">
224 
+        <div class="h-menu_lang">
225 
+          <div class="h-menu_block_lang">
226 
+            <div class="h-menu_block_text_center">
227 
+              <div class="h-menu_block_text_line">
228 
+                背景変更
229 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                </div>
231 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                </div>
233 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                </div>
235 
+              </div>
236 
+              <script>
237 
+                  getBackgNumber2();
238 
+              </script>
239 
+              <div class="h-menu_block_text_line">言語選択
240 
+                <div class="mobile_translation">
241 
+                  <div id="google_translate_element"></div>
242 
+                </div>
243 
+              </div>
244 
+            </div>
245 
+          </div>
246 
+        </div>
247 
+      </div>
248 
+      <div class="h-menu_main_block">
249 
+        <div class="h-menu_search">
250 
+          <div class="h-menu_block_search">
251 
+            <form action="https://www.google.com/search">
252 
+              <input type="hidden" name="hl" value="ja"/>
253 
+              <input type="hidden" name="ie" value="UTF-8">
254 
+              <input type="hidden" name="oe" value="UTF-8">
255 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+              <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                     class="mobile_form_input"/>
258 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
259 
+            </form>
260 
+          </div>
261 
+        </div>
262 
+      </div>
263 
+    </div>
264 
+  </header>
265 
+
266 
+
267 
+  <!--セクション 操作-->
268 
+  <section id="operation">
269 
+    <!--セクション 住所-->
270 
+    <article id="address">
271 
+      <address id="operation_add">
272 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 273 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
274 
+      </address>
275 
+    </article>
276 
+    <div id="controle_panel">
277 
+      <!--セクション 背景色-->
278 
+      <article id="bgcolor">
279 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+        <div id="bgcolor_img">
281 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                 onClick="setBackground2(1)">
283 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                 onClick="setBackground2(2)">
285 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                 onClick="setBackground2(3)">
287 
+        </div>
288 
+        <script>
289 
+            getBackgNumber2();
290 
+        </script>
291 
+      </article>
45 292
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
293 
+      <!--セクション 文字サイズ-->
294 
+      <!--<article id="charsize" >
48 295 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 296 
 <div id="charsize_img">
50 297 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,121 +300,111 @@
53 300 
 </div>
54 301 
 </article>-->
55 302
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
303 
+      <!--セクション サイトマップ-->
304 
+      <article id="sitemap">
305 
+        <div id="sitemap_img">
306 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+        </div>
308 
+      </article>
309 
+      <!--セクション お問い合わせ-->
310 
+      <article id="contact">
311 
+        <div id="contact_img">
312 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+        </div>
315 
+      </article>
316 
+      <!--セクション 翻訳-->
317 
+      <article id="translation">
318 
+        <div id="translation_img">
319 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+          <div id="google_translate_element"></div>
321 
+        </div>
322 
+      </article>
323 
+      <div id="claer">
324 
+      </div>
325 
+    </div>
326 
+  </section>
90 327
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
328 
+  <!--ヘッダーデータ-->
329 
+  <header>
330 
+    <div id="header" class="gothic">
331 
+      <a href="../index.html">
332 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+      </a>
334 
+      <div id="h_block_1">
335 
+        <div class="h_line">
336 
+        </div>
337 
+        <article class="h_text_l">
338 
+          <a class="h_link" href="../second/living.html">
339 
+            <span class="h_text">くらしの情報</span></a>
340 
+        </article>
341 
+        <article class="h_text_l">
342 
+          <a class="h_link" href="../second/tourism.html">
343 
+            <span class="h_text">観光</span></a>
344 
+        </article>
345 
+        <article class="h_text_l">
346 
+          <a class="h_link" href="../second/business.html">
347 
+            <span class="h_text">事業者向け情報</span></a>
348 
+        </article>
349 
+        <article class="h_text_l">
350 
+          <a class="h_link" href="../second/town_admini_info.html">
351 
+            <span class="h_text">町政情報</span></a>
352 
+        </article>
353 
+      </div>
354 
+      <div id="h_block_search">
355 
+        <div class="h_line"></div>
356 
+        <article class="h_search">
357 
+          <div class="space10"></div>
358 
+          <form action="http://www.google.com/search">
359 
+            <input type="hidden" name="hl" value="ja"/>
360 
+            <input type="hidden" name="ie" value="UTF-8">
361 
+            <input type="hidden" name="oe" value="UTF-8">
362 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+            <input type="submit" name="btnG" value="検索"/>
365 
+          </form>
129 366
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
367 
+        </article>
368 
+      </div>
369 
+    </div>
370 
+  </header>
134 371
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>総務危機管理課へのお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">総務危機管理課へのお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
372 
+  <div>
373 
+    <!--セクション template-->
374 
+    <section id="template">
375 
+      <article id="breadcrumb">
376 
+        <div id="breadcrumb_title">
377 
+          <div id="breadcrumb_title_block">
378 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>総務危機管理課へのお問い合わせ</span>
379 
+          </div>
380 
+        </div>
381 
+      </article>
382 
+      <article id="template">
383 
+        <div id="template_title" class="gothic">
384 
+          <div id="template_title_block">
385 
+            <span id="template_title">総務危機管理課へのお問い合わせ</span>
386 
+          </div>
387 
+        </div>
388 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+        <span id="template_article_block">
153 390
154 391 
                         <!-- フォーム開始 -->
155 392 
                         <form method="post"
156 
-                            action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_administration.cgi">
393 
+                              action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_administration.cgi">
157 394 
                             <input type="hidden" name="subject" value="総務危機管理課へのお問い合わせ">
158 395 
                             <input type="hidden" name="location"
159 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_administration.html">
160 
-                            <!-- 任意 -->
396 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_administration.html">
397 
+                          <!-- 任意 -->
161 398
162 399 
                             お名前 <span style="color: red;">必須</span>
163 
-                            <br /><input size="30" type="text" name="名前">
164 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
165 
-                            <br /><input size="30" type="text" name="なまえ">
166 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
167 
-                            <br /><input size="7" type="text" name="郵便番号">
400 
+                            <br/><input size="30" type="text" name="名前">
401 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
402 
+                            <br/><input size="30" type="text" name="なまえ">
403 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
404 
+                            <br/><input size="7" type="text" name="郵便番号">
168 405
169 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
170 
-                            <br /><select name="都道府県">
406 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
407 
+                            <br/><select name="都道府県">
171 408 
                                 <option value="">都道府県を選択</option>
172 409 
                                 <optgroup label="北海道・東北地方">
173 410 
                                     <option value="北海道">北海道</option>
 
@@ -233,45 +470,62 @@
233 470 
                                 <option value="日本国外">日本国外</option>
234 471 
                             </select>
235 472
236 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
237 
-                            <br /><input size="50" type="text" name="市町区村・番地">
238 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 
-                            <br /><input size="11" type="text" name="電話番号">
240 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
241 
-                            <br /><input size="11" type="text" name="FAX">
242 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
243 
-                            <br /><input size="50" type="text" name="email">
244 
-                            <br /><br />お問い合わせ内容
245 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
473 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
474 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
475 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
476 
+                            <br/><input size="11" type="text" name="電話番号">
477 
+                            <br/><br/>FAX (半角数字 例→0583202200)
478 
+                            <br/><input size="11" type="text" name="FAX">
479 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
480 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
481 
+                            <br/><br/>お問い合わせ内容
482 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
246 483
247 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
484 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
248 485 
                             <INPUT TYPE="reset" VALUE="リセット">
249 486
250 
-                            <!-- 確認画面ありなし 暫定 -->
487 
+                          <!-- 確認画面ありなし 暫定 -->
251 488 
                             <input type="hidden" name="c_copy" value="on">
252 489 
                             <input type="hidden" name="space_check" value="on">
253 
-                            <!--
490 
+                          <!--
254 491 
 <input type="hidden" name="no_check" value="on">
255 492 
 -->
256 493 
                         </FORM>
257 494 
                     </span>
258 
-                    <!-- 本文データ ここまで -->
259 
-                </article>
260 
-            </section>
261 
-        </div>
262 
-
263 
-        <footer>
264 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
265 
-            <br />
266 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
267 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
268 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
269 
-        </footer>
495 
+        <!-- 本文データ ここまで -->
496 
+      </article>
497 
+    </section>
498 
+  </div>
270 499
500 
+  <footer>
501 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
502 
+    <div class="footer_mobile">
503 
+      <div class="footer_mobile_title">
504 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
505 
+        <h1 class="footerMobile__text">北方町役場</h1>
506 
+      </div>
507 
+      <div class="footer_mobile_address">
508 
+                    <span class="footerTextWrap__text">
509 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
510 
+                    </span><br>
511 
+        電話:058-323-1111(代)<br>
512 
+        FAX:058-323-2963<br>
513 
+        開庁日：8時30分～17時15分<br>
514 
+        （土・日・祝日、年末年始を除く）<br>
515 
+      </div>
271 516 
     </div>
272 
-    <img class="cgipageview"
273 
-        src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_administration" height="1"
274 
-        width="1" />
517 
+    <br class="sp__brDisplay">
518 
+    <p class="footer_text">
519 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
520 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
521 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
522 
+    </p>
523 
+  </footer>
524 
+
525 
+</div>
526 
+<img class="cgipageview"
527 
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_administration" height="1"
528 
+     width="1"/>
275 529 
 </body>
276 530
277 
-</html>
531 
+</html>

+ 283
- 29
second/Inquiry_form_disaster_prevention.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,259 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/third_template_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+    <script type="text/javascript">
27 
+        function googleTranslateElementInit() {
28 
+            new google.translate.TranslateElement({
29 
+                pageLanguage: 'ja',
30 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+            }, 'google_translate_element');
32 
+        }
33 
+    </script>
34 
+    <script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
     <div id="main" class="gothic">
37 
+        <!-- mobile header -->
38 
+        <header class="header">
39 
+            <div class="headerLogo">
40 
+                <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                        src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+            </div>
43 
+            <div class="headerTitle">
44 
+                <a href="../index.html" class="header_link">
45 
+                    <h1 class="headerTitle__text">北方町</h1>
46 
+                </a>
47 
+            </div>
48 
+            <div class="headerSubTitle">
49 
+                <a href="../index.html" class="header_link">
50 
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+                </a>
52 
+            </div>
53 
+            <div id="h-menu">
54 
+                <span></span>
55 
+                <span></span>
56 
+                <span></span>
57 
+                <div id="h-text">menu</div>
58 
+            </div>
59 
+            <div id="h-nav">
60 
+                <div class="h-menu_main_block_top">
61 
+                    <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+                        <div class="h-menu_block_text">
63 
+                            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+                        </div>
65 
+                    </div>
66 
+                    <div class="h-accordion__content">
67 
+                        <div class="h-menu_accordion_block_start">
68 
+                            <div class="h-menu_accordion_block_text">
69 
+                                <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+                            </div>
71 
+                        </div>
72 
+                        <div class="h-menu_accordion_block">
73 
+                            <div class="h-menu_accordion_block_text">
74 
+                                <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+                            </div>
76 
+                        </div>
77 
+                        <div class="h-menu_accordion_block">
78 
+                            <div class="h-menu_accordion_block_text">
79 
+                                <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+                            </div>
81 
+                        </div>
82 
+                        <div class="h-menu_accordion_block">
83 
+                            <div class="h-menu_accordion_block_text">
84 
+                                <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+                            </div>
86 
+                        </div>
87 
+                        <div class="h-menu_accordion_block">
88 
+                            <div class="h-menu_accordion_block_text">
89 
+                                <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+                            </div>
91 
+                        </div>
92 
+                        <div class="h-menu_accordion_block">
93 
+                            <div class="h-menu_accordion_block_text">
94 
+                                <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+                            </div>
96 
+                        </div>
97 
+                        <div class="h-menu_accordion_block">
98 
+                            <div class="h-menu_accordion_block_text">
99 
+                                <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+                            </div>
101 
+                        </div>
102 
+                        <div class="h-menu_accordion_block">
103 
+                            <div class="h-menu_accordion_block_text">
104 
+                                <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+                            </div>
106 
+                        </div>
107 
+                        <div class="h-menu_accordion_block">
108 
+                            <div class="h-menu_accordion_block_text">
109 
+                                <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+                            </div>
111 
+                        </div>
112 
+                        <div class="h-menu_accordion_block">
113 
+                            <div class="h-menu_accordion_block_text">
114 
+                                <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+                            </div>
116 
+                        </div>
117 
+                        <div class="h-menu_accordion_block">
118 
+                            <div class="h-menu_accordion_block_text">
119 
+                                <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+                            </div>
121 
+                        </div>
122 
+                        <div class="h-menu_accordion_block">
123 
+                            <div class="h-menu_accordion_block_text">
124 
+                                <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+                            </div>
126 
+                        </div>
127 
+                        <div class="h-menu_accordion_block">
128 
+                            <div class="h-menu_accordion_block_text">
129 
+                                <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+                            </div>
131 
+                        </div>
132 
+                        <div class="h-menu_accordion_block">
133 
+                            <div class="h-menu_accordion_block_text">
134 
+                                <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+                            </div>
136 
+                        </div>
137 
+                        <div class="h-menu_accordion_block">
138 
+                            <div class="h-menu_accordion_block_text">
139 
+                                <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+                            </div>
141 
+                        </div>
142 
+                        <div class="h-menu_accordion_block">
143 
+                            <div class="h-menu_accordion_block_text">
144 
+                                <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+                            </div>
146 
+                        </div>
147 
+                        <div class="h-menu_accordion_block">
148 
+                            <div class="h-menu_accordion_block_text">
149 
+                                <a class="h_link" href="../second/Application_downloading.html"
150 
+                                    name="anc15">申請書ダウンロード</a>
151 
+                            </div>
152 
+                        </div>
153 
+                        <div class="h-menu_accordion_block">
154 
+                            <div class="h-menu_accordion_block_text">
155 
+                                <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                                    name="anc15">カワセミ便<br />（きたがた情報メール）</a>
157 
+                            </div>
158 
+                        </div>
159 
+                    </div>
160 
+                </div>
161 
+                <div class="h-menu_main_block">
162 
+                    <div class="h-menu_block">
163 
+                        <a href="../second/tourism.html">
164 
+                            <div class="h-menu_block_text h-menu_block_before">
165 
+                                <div class="h-menu_block_text_center">
166 
+                                    観光
167 
+                                </div>
168 
+                            </div>
169 
+                        </a>
170 
+                    </div>
171 
+                </div>
172 
+                <div class="h-menu_main_block">
173 
+                    <div class="h-menu_block">
174 
+                        <a href="../second/business.html">
175 
+                            <div class="h-menu_block_text h-menu_block_before">
176 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+                            </div>
178 
+                        </a>
179 
+                    </div>
180 
+                </div>
181 
+                <div class="h-menu_main_block">
182 
+                    <div class="h-menu_block">
183 
+                        <a href="../second/town_admini_info.html">
184 
+                            <div class="h-menu_block_text h-menu_block_before">
185 
+                                <div class="h-menu_block_text_center">町政情報</div>
186 
+                            </div>
187 
+                        </a>
188 
+                    </div>
189 
+                </div>
190 
+                <div class="h-menu_main_block">
191 
+                    <div class="h-menu_block h-menu_block_before">
192 
+                        <a href="../second/sitemap.html">
193 
+                            <div class="h-menu_block_text h-menu_block_before">
194 
+                                <div class="h-menu_block_text_center">
195 
+                                    サイトマップ
196 
+                                </div>
197 
+                            </div>
198 
+                        </a>
199 
+                    </div>
200 
+                </div>
201 
+                <div class="h-menu_main_block">
202 
+                    <div class="h-menu_block h-menu_block_before">
203 
+                        <a href="https://ai-staff.net/kitagata/chat">
204 
+                            <div class="h-menu_block_text  h-menu_block_before">
205 
+                                <div class="h-menu_block_text_center">
206 
+                                    AIチャット
207 
+                                </div>
208 
+                            </div>
209 
+                        </a>
210 
+                    </div>
211 
+                </div>
212 
+                <div class="h-menu_main_block">
213 
+                    <div class="h-menu_block h-menu_block_before">
214 
+                        <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+                            <div class="h-menu_block_text">
216 
+                                <div class="h-menu_block_text_center">
217 
+                                    お問い合わせ一覧
218 
+                                </div>
219 
+                            </div>
220 
+                        </a>
221 
+                    </div>
222 
+                </div>
223 
+                <div class="h-menu_main_block">
224 
+                    <div class="h-menu_lang">
225 
+                        <div class="h-menu_block_lang">
226 
+                            <div class="h-menu_block_text_center">
227 
+                                <div class="h-menu_block_text_line">
228 
+                                    背景変更
229 
+                                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                                    </div>
231 
+                                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                                    </div>
233 
+                                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                                    </div>
235 
+                                </div>
236 
+                                <script>
237 
+                                    getBackgNumber2();
238 
+                                </script>
239 
+                                <div class="h-menu_block_text_line">言語選択
240 
+                                    <div class="mobile_translation">
241 
+                                        <div id="google_translate_element"></div>
242 
+                                    </div>
243 
+                                </div>
244 
+                            </div>
245 
+                        </div>
246 
+                    </div>
247 
+                </div>
248 
+                <div class="h-menu_main_block">
249 
+                    <div class="h-menu_search">
250 
+                        <div class="h-menu_block_search">
251 
+                            <form action="https://www.google.com/search">
252 
+                                <input type="hidden" name="hl" value="ja" />
253 
+                                <input type="hidden" name="ie" value="UTF-8">
254 
+                                <input type="hidden" name="oe" value="UTF-8">
255 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
256 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                                    class="mobile_form_input" />
258 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
259 
+                            </form>
260 
+                        </div>
261 
+                    </div>
262 
+                </div>
263 
+            </div>
264 
+        </header>
265 
+
266 
+
20 267 
         <!--セクション 操作-->
21 268 
         <section id="operation">
22 269 
             <!--セクション 住所-->
 
@@ -45,13 +292,13 @@
45 292
46 293 
                 <!--セクション 文字サイズ-->
47 294 
                 <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
295 
+    	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+    	<div id="charsize_img">
297 
+    	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+    	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+    	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+    	</div>
301 
+    	</article>-->
55 302
56 303 
                 <!--セクション サイトマップ-->
57 304 
                 <article id="sitemap">
 
@@ -71,16 +318,6 @@
71 318 
                     <div id="translation_img">
72 319 
                         <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 320 
                         <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 321 
                     </div>
85 322 
                 </article>
86 323 
                 <div id="claer">
 
@@ -234,15 +471,15 @@
234 471 
                             </select>
235 472
236 473 
                             <br /><br />市町区村・番地 <span style="color: red;">必須</span>
237 
-                            <br /><input size="50" type="text" name="市町区村・番地">
474 
+                            <br /><input class="form_textInput" size="50" type="text" name="市町区村・番地">
238 475 
                             <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 476 
                             <br /><input size="11" type="text" name="電話番号">
240 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
477 
+                            <br /><br />FAX (半角数字 例→0583202200)
241 478 
                             <br /><input size="11" type="text" name="FAX">
242 479 
                             <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
243 
-                            <br /><input size="50" type="text" name="email">
480 
+                            <br /><input class="form_textInput" size="50" type="text" name="email">
244 481 
                             <br /><br />お問い合わせ内容
245 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
482 
+                            <br /><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
246 483
247 484 
                             <br /><br /><INPUT TYPE="submit" VALUE="確認">
248 485 
                             <INPUT TYPE="reset" VALUE="リセット">
 
@@ -261,14 +498,31 @@
261 498 
         </div>
262 499
263 500 
         <footer>
264 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
265 
-            <br />
266 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
267 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
268 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
501 
+            <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
502 
+            <div class="footer_mobile">
503 
+                <div class="footer_mobile_title">
504 
+                    <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
505 
+                    <h1 class="footerMobile__text">北方町役場</h1>
506 
+                </div>
507 
+                <div class="footer_mobile_address">
508 
+                    <span class="footerTextWrap__text">
509 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
510 
+                    </span><br>
511 
+                    電話:058-323-1111(代)<br>
512 
+                    FAX:058-323-2963<br>
513 
+                    開庁日：8時30分～17時15分<br>
514 
+                    （土・日・祝日、年末年始を除く）<br>
515 
+                </div>
516 
+            </div>
517 
+            <br class="sp__brDisplay">
518 
+            <p class="footer_text">
519 
+                <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
520 
+                <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
521 
+                <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
522 
+            </p>
269 523 
         </footer>
270 524
271 525 
     </div>
272 526 
 </body>
273 527
274 
-</html>
528 
+</html>

+ 425
- 170
second/Inquiry_form_education.html Datei anzeigen 

@@ -1,50 +1,297 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+          <div class="h-menu_block_text">
63 
+            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+          </div>
65 
+        </div>
66 
+        <div class="h-accordion__content">
67 
+          <div class="h-menu_accordion_block_start">
68 
+            <div class="h-menu_accordion_block_text">
69 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_accordion_block">
73 
+            <div class="h-menu_accordion_block_text">
74 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+            </div>
76 
+          </div>
77 
+          <div class="h-menu_accordion_block">
78 
+            <div class="h-menu_accordion_block_text">
79 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_accordion_block">
83 
+            <div class="h-menu_accordion_block_text">
84 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+            </div>
86 
+          </div>
87 
+          <div class="h-menu_accordion_block">
88 
+            <div class="h-menu_accordion_block_text">
89 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+            </div>
91 
+          </div>
92 
+          <div class="h-menu_accordion_block">
93 
+            <div class="h-menu_accordion_block_text">
94 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+            </div>
96 
+          </div>
97 
+          <div class="h-menu_accordion_block">
98 
+            <div class="h-menu_accordion_block_text">
99 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_accordion_block">
103 
+            <div class="h-menu_accordion_block_text">
104 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+            </div>
106 
+          </div>
107 
+          <div class="h-menu_accordion_block">
108 
+            <div class="h-menu_accordion_block_text">
109 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_accordion_block">
113 
+            <div class="h-menu_accordion_block_text">
114 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+            </div>
116 
+          </div>
117 
+          <div class="h-menu_accordion_block">
118 
+            <div class="h-menu_accordion_block_text">
119 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_accordion_block">
123 
+            <div class="h-menu_accordion_block_text">
124 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+            </div>
126 
+          </div>
127 
+          <div class="h-menu_accordion_block">
128 
+            <div class="h-menu_accordion_block_text">
129 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_accordion_block">
133 
+            <div class="h-menu_accordion_block_text">
134 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+            </div>
136 
+          </div>
137 
+          <div class="h-menu_accordion_block">
138 
+            <div class="h-menu_accordion_block_text">
139 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+            </div>
141 
+          </div>
142 
+          <div class="h-menu_accordion_block">
143 
+            <div class="h-menu_accordion_block_text">
144 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+            </div>
146 
+          </div>
147 
+          <div class="h-menu_accordion_block">
148 
+            <div class="h-menu_accordion_block_text">
149 
+              <a class="h_link" href="../second/Application_downloading.html"
150 
+                 name="anc15">申請書ダウンロード</a>
151 
+            </div>
152 
+          </div>
153 
+          <div class="h-menu_accordion_block">
154 
+            <div class="h-menu_accordion_block_text">
155 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+      </div>
161 
+      <div class="h-menu_main_block">
162 
+        <div class="h-menu_block">
163 
+          <a href="../second/tourism.html">
164 
+            <div class="h-menu_block_text h-menu_block_before">
165 
+              <div class="h-menu_block_text_center">
166 
+                観光
167 
+              </div>
168 
+            </div>
169 
+          </a>
170 
+        </div>
171 
+      </div>
172 
+      <div class="h-menu_main_block">
173 
+        <div class="h-menu_block">
174 
+          <a href="../second/business.html">
175 
+            <div class="h-menu_block_text h-menu_block_before">
176 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+            </div>
178 
+          </a>
179 
+        </div>
180 
+      </div>
181 
+      <div class="h-menu_main_block">
182 
+        <div class="h-menu_block">
183 
+          <a href="../second/town_admini_info.html">
184 
+            <div class="h-menu_block_text h-menu_block_before">
185 
+              <div class="h-menu_block_text_center">町政情報</div>
186 
+            </div>
187 
+          </a>
188 
+        </div>
189 
+      </div>
190 
+      <div class="h-menu_main_block">
191 
+        <div class="h-menu_block h-menu_block_before">
192 
+          <a href="../second/sitemap.html">
193 
+            <div class="h-menu_block_text h-menu_block_before">
194 
+              <div class="h-menu_block_text_center">
195 
+                サイトマップ
196 
+              </div>
197 
+            </div>
198 
+          </a>
199 
+        </div>
200 
+      </div>
201 
+      <div class="h-menu_main_block">
202 
+        <div class="h-menu_block h-menu_block_before">
203 
+          <a href="https://ai-staff.net/kitagata/chat">
204 
+            <div class="h-menu_block_text  h-menu_block_before">
205 
+              <div class="h-menu_block_text_center">
206 
+                AIチャット
207 
+              </div>
208 
+            </div>
209 
+          </a>
210 
+        </div>
211 
+      </div>
212 
+      <div class="h-menu_main_block">
213 
+        <div class="h-menu_block h-menu_block_before">
214 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+            <div class="h-menu_block_text">
216 
+              <div class="h-menu_block_text_center">
217 
+                お問い合わせ一覧
218 
+              </div>
219 
+            </div>
220 
+          </a>
221 
+        </div>
222 
+      </div>
223 
+      <div class="h-menu_main_block">
224 
+        <div class="h-menu_lang">
225 
+          <div class="h-menu_block_lang">
226 
+            <div class="h-menu_block_text_center">
227 
+              <div class="h-menu_block_text_line">
228 
+                背景変更
229 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                </div>
231 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                </div>
233 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                </div>
235 
+              </div>
236 
+              <script>
237 
+                  getBackgNumber2();
238 
+              </script>
239 
+              <div class="h-menu_block_text_line">言語選択
240 
+                <div class="mobile_translation">
241 
+                  <div id="google_translate_element"></div>
242 
+                </div>
243 
+              </div>
244 
+            </div>
245 
+          </div>
246 
+        </div>
247 
+      </div>
248 
+      <div class="h-menu_main_block">
249 
+        <div class="h-menu_search">
250 
+          <div class="h-menu_block_search">
251 
+            <form action="https://www.google.com/search">
252 
+              <input type="hidden" name="hl" value="ja"/>
253 
+              <input type="hidden" name="ie" value="UTF-8">
254 
+              <input type="hidden" name="oe" value="UTF-8">
255 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+              <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                     class="mobile_form_input"/>
258 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
259 
+            </form>
260 
+          </div>
261 
+        </div>
262 
+      </div>
263 
+    </div>
264 
+  </header>
265 
+
266 
+
267 
+  <!--セクション 操作-->
268 
+  <section id="operation">
269 
+    <!--セクション 住所-->
270 
+    <article id="address">
271 
+      <address id="operation_add">
272 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 273 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
274 
+      </address>
275 
+    </article>
276 
+    <div id="controle_panel">
277 
+      <!--セクション 背景色-->
278 
+      <article id="bgcolor">
279 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+        <div id="bgcolor_img">
281 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                 onClick="setBackground2(1)">
283 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                 onClick="setBackground2(2)">
285 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                 onClick="setBackground2(3)">
287 
+        </div>
288 
+        <script>
289 
+            getBackgNumber2();
290 
+        </script>
291 
+      </article>
45 292
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
293 
+      <!--セクション 文字サイズ-->
294 
+      <!--<article id="charsize" >
48 295 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 296 
 <div id="charsize_img">
50 297 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,119 +300,110 @@
53 300 
 </div>
54 301 
 </article>-->
55 302
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
303 
+      <!--セクション サイトマップ-->
304 
+      <article id="sitemap">
305 
+        <div id="sitemap_img">
306 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+        </div>
308 
+      </article>
309 
+      <!--セクション お問い合わせ-->
310 
+      <article id="contact">
311 
+        <div id="contact_img">
312 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+        </div>
315 
+      </article>
316 
+      <!--セクション 翻訳-->
317 
+      <article id="translation">
318 
+        <div id="translation_img">
319 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+          <div id="google_translate_element"></div>
321 
+        </div>
322 
+      </article>
323 
+      <div id="claer">
324 
+      </div>
325 
+    </div>
326 
+  </section>
90 327
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
328 
+  <!--ヘッダーデータ-->
329 
+  <header>
330 
+    <div id="header" class="gothic">
331 
+      <a href="../index.html">
332 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+      </a>
334 
+      <div id="h_block_1">
335 
+        <div class="h_line">
336 
+        </div>
337 
+        <article class="h_text_l">
338 
+          <a class="h_link" href="../second/living.html">
339 
+            <span class="h_text">くらしの情報</span></a>
340 
+        </article>
341 
+        <article class="h_text_l">
342 
+          <a class="h_link" href="../second/tourism.html">
343 
+            <span class="h_text">観光</span></a>
344 
+        </article>
345 
+        <article class="h_text_l">
346 
+          <a class="h_link" href="../second/business.html">
347 
+            <span class="h_text">事業者向け情報</span></a>
348 
+        </article>
349 
+        <article class="h_text_l">
350 
+          <a class="h_link" href="../second/town_admini_info.html">
351 
+            <span class="h_text">町政情報</span></a>
352 
+        </article>
353 
+      </div>
354 
+      <div id="h_block_search">
355 
+        <div class="h_line"></div>
356 
+        <article class="h_search">
357 
+          <div class="space10"></div>
358 
+          <form action="http://www.google.com/search">
359 
+            <input type="hidden" name="hl" value="ja"/>
360 
+            <input type="hidden" name="ie" value="UTF-8">
361 
+            <input type="hidden" name="oe" value="UTF-8">
362 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+            <input type="submit" name="btnG" value="検索"/>
365 
+          </form>
129 366
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
367 
+        </article>
368 
+      </div>
369 
+    </div>
370 
+  </header>
134 371
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>教育課へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">教育課へお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
372 
+  <div>
373 
+    <!--セクション template-->
374 
+    <section id="template">
375 
+      <article id="breadcrumb">
376 
+        <div id="breadcrumb_title">
377 
+          <div id="breadcrumb_title_block">
378 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>教育課へお問い合わせ</span>
379 
+          </div>
380 
+        </div>
381 
+      </article>
382 
+      <article id="template">
383 
+        <div id="template_title" class="gothic">
384 
+          <div id="template_title_block">
385 
+            <span id="template_title">教育課へお問い合わせ</span>
386 
+          </div>
387 
+        </div>
388 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+        <span id="template_article_block">
153 390 
                         <!-- フォーム開始 -->
154 391 
                         <form method="post"
155 
-                            action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_education.cgi">
392 
+                              action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_education.cgi">
156 393 
                             <input type="hidden" name="subject" value="教育課へお問い合わせ">
157 394 
                             <input type="hidden" name="location"
158 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_education.html"> <!-- 任意 -->
395 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_education.html">
396 
+                          <!-- 任意 -->
159 397
160 398 
                             お名前 <span style="color: red;">必須</span>
161 
-                            <br /><input size="30" type="text" name="名前">
162 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
163 
-                            <br /><input size="30" type="text" name="なまえ">
164 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
165 
-                            <br /><input size="7" type="text" name="郵便番号">
399 
+                            <br/><input size="30" type="text" name="名前">
400 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
401 
+                            <br/><input size="30" type="text" name="なまえ">
402 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
403 
+                            <br/><input size="7" type="text" name="郵便番号">
166 404
167 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
168 
-                            <br /><select name="都道府県">
405 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
406 
+                            <br/><select name="都道府県">
169 407 
                                 <option value="">都道府県を選択</option>
170 408 
                                 <optgroup label="北海道・東北地方">
171 409 
                                     <option value="北海道">北海道</option>
 
@@ -231,44 +469,61 @@
231 469 
                                 <option value="日本国外">日本国外</option>
232 470 
                             </select>
233 471
234 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
235 
-                            <br /><input size="50" type="text" name="市町区村・番地">
236 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
237 
-                            <br /><input size="11" type="text" name="電話番号">
238 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 
-                            <br /><input size="11" type="text" name="FAX">
240 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
241 
-                            <br /><input size="50" type="text" name="email">
242 
-                            <br /><br />お問い合わせ内容
243 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
472 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
473 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
474 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
475 
+                            <br/><input size="11" type="text" name="電話番号">
476 
+                            <br/><br/>FAX (半角数字 例→0583202200)
477 
+                            <br/><input size="11" type="text" name="FAX">
478 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
479 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
480 
+                            <br/><br/>お問い合わせ内容
481 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
244 482
245 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
483 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
246 484 
                             <INPUT TYPE="reset" VALUE="リセット">
247 485
248 
-                            <!-- 確認画面ありなし 暫定 -->
486 
+                          <!-- 確認画面ありなし 暫定 -->
249 487 
                             <input type="hidden" name="c_copy" value="on">
250 488 
                             <input type="hidden" name="space_check" value="on">
251 
-                            <!--
489 
+                          <!--
252 490 
 <input type="hidden" name="no_check" value="on">
253 491 
 -->
254 492 
                         </FORM>
255 493 
                     </span>
256 
-                    <!-- 本文データ ここまで -->
257 
-                </article>
258 
-            </section>
259 
-        </div>
260 
-
261 
-        <footer>
262 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
263 
-            <br />
264 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
265 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
266 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
267 
-        </footer>
494 
+        <!-- 本文データ ここまで -->
495 
+      </article>
496 
+    </section>
497 
+  </div>
268 498
499 
+  <footer>
500 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
501 
+    <div class="footer_mobile">
502 
+      <div class="footer_mobile_title">
503 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
504 
+        <h1 class="footerMobile__text">北方町役場</h1>
505 
+      </div>
506 
+      <div class="footer_mobile_address">
507 
+                    <span class="footerTextWrap__text">
508 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
509 
+                    </span><br>
510 
+        電話:058-323-1111(代)<br>
511 
+        FAX:058-323-2963<br>
512 
+        開庁日：8時30分～17時15分<br>
513 
+        （土・日・祝日、年末年始を除く）<br>
514 
+      </div>
269 515 
     </div>
270 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_education"
271 
-        height="1" width="1" />
516 
+    <br class="sp__brDisplay">
517 
+    <p class="footer_text">
518 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
519 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
520 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
521 
+    </p>
522 
+  </footer>
523 
+
524 
+</div>
525 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_education"
526 
+     height="1" width="1"/>
272 527 
 </body>
273 528
274 
-</html>
529 
+</html>

+ 407
- 153
second/Inquiry_form_health.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,161 +11,397 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+        <div class="headerLogo">
40 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+        </div>
43 
+        <div class="headerTitle">
44 
+            <a href="../index.html" class="header_link">
45 
+                <h1 class="headerTitle__text">北方町</h1>
46 
+            </a>
47 
+        </div>
48 
+        <div class="headerSubTitle">
49 
+            <a href="../index.html" class="header_link">
50 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+            </a>
52 
+        </div>
53 
+        <div id="h-menu">
54 
+            <span></span>
55 
+            <span></span>
56 
+            <span></span>
57 
+            <div id="h-text">menu</div>
58 
+        </div>
59 
+        <div id="h-nav">
60 
+            <div class="h-menu_main_block_top">
61 
+                <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+                    <div class="h-menu_block_text">
63 
+                        <div class="h-menu_block_text_center">くらしの情報</div>
40 64 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
65 
+                </div>
66 
+                <div class="h-accordion__content">
67 
+                    <div class="h-menu_accordion_block_start">
68 
+                        <div class="h-menu_accordion_block_text">
69 
+                            <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+                        </div>
60 71 
                     </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
72 
+                    <div class="h-menu_accordion_block">
73 
+                        <div class="h-menu_accordion_block_text">
74 
+                            <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+                        </div>
67 76 
                     </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
77 
+                    <div class="h-menu_accordion_block">
78 
+                        <div class="h-menu_accordion_block_text">
79 
+                            <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+                        </div>
81 
+                    </div>
82 
+                    <div class="h-menu_accordion_block">
83 
+                        <div class="h-menu_accordion_block_text">
84 
+                            <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+                        </div>
86 
+                    </div>
87 
+                    <div class="h-menu_accordion_block">
88 
+                        <div class="h-menu_accordion_block_text">
89 
+                            <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+                        </div>
91 
+                    </div>
92 
+                    <div class="h-menu_accordion_block">
93 
+                        <div class="h-menu_accordion_block_text">
94 
+                            <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+                        </div>
96 
+                    </div>
97 
+                    <div class="h-menu_accordion_block">
98 
+                        <div class="h-menu_accordion_block_text">
99 
+                            <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+                        </div>
101 
+                    </div>
102 
+                    <div class="h-menu_accordion_block">
103 
+                        <div class="h-menu_accordion_block_text">
104 
+                            <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+                        </div>
106 
+                    </div>
107 
+                    <div class="h-menu_accordion_block">
108 
+                        <div class="h-menu_accordion_block_text">
109 
+                            <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+                        </div>
111 
+                    </div>
112 
+                    <div class="h-menu_accordion_block">
113 
+                        <div class="h-menu_accordion_block_text">
114 
+                            <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+                        </div>
116 
+                    </div>
117 
+                    <div class="h-menu_accordion_block">
118 
+                        <div class="h-menu_accordion_block_text">
119 
+                            <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+                        </div>
121 
+                    </div>
122 
+                    <div class="h-menu_accordion_block">
123 
+                        <div class="h-menu_accordion_block_text">
124 
+                            <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+                        </div>
126 
+                    </div>
127 
+                    <div class="h-menu_accordion_block">
128 
+                        <div class="h-menu_accordion_block_text">
129 
+                            <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+                        </div>
131 
+                    </div>
132 
+                    <div class="h-menu_accordion_block">
133 
+                        <div class="h-menu_accordion_block_text">
134 
+                            <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+                        </div>
136 
+                    </div>
137 
+                    <div class="h-menu_accordion_block">
138 
+                        <div class="h-menu_accordion_block_text">
139 
+                            <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+                        </div>
141 
+                    </div>
142 
+                    <div class="h-menu_accordion_block">
143 
+                        <div class="h-menu_accordion_block_text">
144 
+                            <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+                        </div>
146 
+                    </div>
147 
+                    <div class="h-menu_accordion_block">
148 
+                        <div class="h-menu_accordion_block_text">
149 
+                            <a class="h_link" href="../second/Application_downloading.html"
150 
+                               name="anc15">申請書ダウンロード</a>
151 
+                        </div>
152 
+                    </div>
153 
+                    <div class="h-menu_accordion_block">
154 
+                        <div class="h-menu_accordion_block_text">
155 
+                            <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                               name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+                        </div>
84 158 
                     </div>
85 
-                </article>
86 
-                <div id="claer">
87 159 
                 </div>
88 160 
             </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
161 
+            <div class="h-menu_main_block">
162 
+                <div class="h-menu_block">
163 
+                    <a href="../second/tourism.html">
164 
+                        <div class="h-menu_block_text h-menu_block_before">
165 
+                            <div class="h-menu_block_text_center">
166 
+                                観光
167 
+                            </div>
168 
+                        </div>
169 
+                    </a>
170 
+                </div>
171 
+            </div>
172 
+            <div class="h-menu_main_block">
173 
+                <div class="h-menu_block">
174 
+                    <a href="../second/business.html">
175 
+                        <div class="h-menu_block_text h-menu_block_before">
176 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+                        </div>
178 
+                    </a>
179 
+                </div>
180 
+            </div>
181 
+            <div class="h-menu_main_block">
182 
+                <div class="h-menu_block">
183 
+                    <a href="../second/town_admini_info.html">
184 
+                        <div class="h-menu_block_text h-menu_block_before">
185 
+                            <div class="h-menu_block_text_center">町政情報</div>
186 
+                        </div>
187 
+                    </a>
188 
+                </div>
189 
+            </div>
190 
+            <div class="h-menu_main_block">
191 
+                <div class="h-menu_block h-menu_block_before">
192 
+                    <a href="../second/sitemap.html">
193 
+                        <div class="h-menu_block_text h-menu_block_before">
194 
+                            <div class="h-menu_block_text_center">
195 
+                                サイトマップ
196 
+                            </div>
197 
+                        </div>
198 
+                    </a>
199 
+                </div>
200 
+            </div>
201 
+            <div class="h-menu_main_block">
202 
+                <div class="h-menu_block h-menu_block_before">
203 
+                    <a href="https://ai-staff.net/kitagata/chat">
204 
+                        <div class="h-menu_block_text  h-menu_block_before">
205 
+                            <div class="h-menu_block_text_center">
206 
+                                AIチャット
207 
+                            </div>
208 
+                        </div>
209 
+                    </a>
210 
+                </div>
211 
+            </div>
212 
+            <div class="h-menu_main_block">
213 
+                <div class="h-menu_block h-menu_block_before">
214 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+                        <div class="h-menu_block_text">
216 
+                            <div class="h-menu_block_text_center">
217 
+                                お問い合わせ一覧
218 
+                            </div>
219 
+                        </div>
220 
+                    </a>
221 
+                </div>
222 
+            </div>
223 
+            <div class="h-menu_main_block">
224 
+                <div class="h-menu_lang">
225 
+                    <div class="h-menu_block_lang">
226 
+                        <div class="h-menu_block_text_center">
227 
+                            <div class="h-menu_block_text_line">
228 
+                                背景変更
229 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                                </div>
231 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                                </div>
233 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                                </div>
235 
+                            </div>
236 
+                            <script>
237 
+                                getBackgNumber2();
238 
+                            </script>
239 
+                            <div class="h-menu_block_text_line">言語選択
240 
+                                <div class="mobile_translation">
241 
+                                    <div id="google_translate_element"></div>
242 
+                                </div>
243 
+                            </div>
244 
+                        </div>
99 245 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 246 
                 </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
247 
+            </div>
248 
+            <div class="h-menu_main_block">
249 
+                <div class="h-menu_search">
250 
+                    <div class="h-menu_block_search">
251 
+                        <form action="https://www.google.com/search">
252 
+                            <input type="hidden" name="hl" value="ja"/>
123 253 
                             <input type="hidden" name="ie" value="UTF-8">
124 254 
                             <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
255 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                                   class="mobile_form_input"/>
258 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
128 259 
                         </form>
260 
+                    </div>
261 
+                </div>
262 
+            </div>
263 
+        </div>
264 
+    </header>
265 
+
266 
+
267 
+    <!--セクション 操作-->
268 
+    <section id="operation">
269 
+        <!--セクション 住所-->
270 
+        <article id="address">
271 
+            <address id="operation_add">
272 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
273 
+                        TEL:058-323-1111(代)</span>
274 
+            </address>
275 
+        </article>
276 
+        <div id="controle_panel">
277 
+            <!--セクション 背景色-->
278 
+            <article id="bgcolor">
279 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+                <div id="bgcolor_img">
281 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                           onClick="setBackground2(1)">
283 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                           onClick="setBackground2(2)">
285 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                           onClick="setBackground2(3)">
287 
+                </div>
288 
+                <script>
289 
+                    getBackgNumber2();
290 
+                </script>
291 
+            </article>
292 
+
293 
+            <!--セクション 文字サイズ-->
294 
+            <!--<article id="charsize" >
295 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+    <div id="charsize_img">
297 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+    </div>
301 
+    </article>-->
302 
+
303 
+            <!--セクション サイトマップ-->
304 
+            <article id="sitemap">
305 
+                <div id="sitemap_img">
306 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+                </div>
308 
+            </article>
309 
+            <!--セクション お問い合わせ-->
310 
+            <article id="contact">
311 
+                <div id="contact_img">
312 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+                </div>
315 
+            </article>
316 
+            <!--セクション 翻訳-->
317 
+            <article id="translation">
318 
+                <div id="translation_img">
319 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+                    <div id="google_translate_element"></div>
321 
+                </div>
322 
+            </article>
323 
+            <div id="claer">
324 
+            </div>
325 
+        </div>
326 
+    </section>
129 327
130 
-                    </article>
328 
+    <!--ヘッダーデータ-->
329 
+    <header>
330 
+        <div id="header" class="gothic">
331 
+            <a href="../index.html">
332 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+            </a>
334 
+            <div id="h_block_1">
335 
+                <div class="h_line">
131 336 
                 </div>
337 
+                <article class="h_text_l">
338 
+                    <a class="h_link" href="../second/living.html">
339 
+                        <span class="h_text">くらしの情報</span></a>
340 
+                </article>
341 
+                <article class="h_text_l">
342 
+                    <a class="h_link" href="../second/tourism.html">
343 
+                        <span class="h_text">観光</span></a>
344 
+                </article>
345 
+                <article class="h_text_l">
346 
+                    <a class="h_link" href="../second/business.html">
347 
+                        <span class="h_text">事業者向け情報</span></a>
348 
+                </article>
349 
+                <article class="h_text_l">
350 
+                    <a class="h_link" href="../second/town_admini_info.html">
351 
+                        <span class="h_text">町政情報</span></a>
352 
+                </article>
132 353 
             </div>
133 
-        </header>
354 
+            <div id="h_block_search">
355 
+                <div class="h_line"></div>
356 
+                <article class="h_search">
357 
+                    <div class="space10"></div>
358 
+                    <form action="http://www.google.com/search">
359 
+                        <input type="hidden" name="hl" value="ja"/>
360 
+                        <input type="hidden" name="ie" value="UTF-8">
361 
+                        <input type="hidden" name="oe" value="UTF-8">
362 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+                        <input type="submit" name="btnG" value="検索"/>
365 
+                    </form>
134 366
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>健康推進課へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 367 
                 </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">健康推進課へお問い合わせ</span>
149 
-                        </div>
368 
+            </div>
369 
+        </div>
370 
+    </header>
371 
+
372 
+    <div>
373 
+        <!--セクション template-->
374 
+        <section id="template">
375 
+            <article id="breadcrumb">
376 
+                <div id="breadcrumb_title">
377 
+                    <div id="breadcrumb_title_block">
378 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>健康推進課へお問い合わせ</span>
150 379 
                     </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
380 
+                </div>
381 
+            </article>
382 
+            <article id="template">
383 
+                <div id="template_title" class="gothic">
384 
+                    <div id="template_title_block">
385 
+                        <span id="template_title">健康推進課へお問い合わせ</span>
386 
+                    </div>
387 
+                </div>
388 
+                <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+                <span id="template_article_block">
153 390 
                         <!-- フォーム開始 -->
154 391 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_health.cgi">
155 392 
                             <input type="hidden" name="subject" value="健康推進課へお問い合わせ">
156 393 
                             <input type="hidden" name="location"
157 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_health.html"> <!-- 任意 -->
394 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_health.html"> <!-- 任意 -->
158 395
159 396 
                             お名前 <span style="color: red;">必須</span>
160 
-                            <br /><input size="30" type="text" name="名前">
161 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="なまえ">
163 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
164 
-                            <br /><input size="7" type="text" name="郵便番号">
397 
+                            <br/><input size="30" type="text" name="名前">
398 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
399 
+                            <br/><input size="30" type="text" name="なまえ">
400 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
401 
+                            <br/><input size="7" type="text" name="郵便番号">
165 402
166 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
167 
-                            <br /><select name="都道府県">
403 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
404 
+                            <br/><select name="都道府県">
168 405 
                                 <option value="">都道府県を選択</option>
169 406 
                                 <optgroup label="北海道・東北地方">
170 407 
                                     <option value="北海道">北海道</option>
 
@@ -230,18 +467,18 @@
230 467 
                                 <option value="日本国外">日本国外</option>
231 468 
                             </select>
232 469
233 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
234 
-                            <br /><input size="50" type="text" name="市町区村・番地">
235 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 
-                            <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="FAX">
239 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 
-                            <br /><input size="50" type="text" name="email">
241 
-                            <br /><br />お問い合わせ内容
242 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
470 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
471 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
472 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
473 
+                            <br/><input size="11" type="text" name="電話番号">
474 
+                            <br/><br/>FAX (半角数字 例→0583202200)
475 
+                            <br/><input size="11" type="text" name="FAX">
476 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
477 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
478 
+                            <br/><br/>お問い合わせ内容
479 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
243 480
244 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
481 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
245 482 
                             <INPUT TYPE="reset" VALUE="リセット">
246 483
247 484 
                             <!-- 確認画面ありなし 暫定 -->
 
@@ -252,22 +489,39 @@
252 489 
 -->
253 490 
                         </FORM>
254 491 
                     </span>
255 
-                    <!-- 本文データ ここまで -->
256 
-                </article>
257 
-            </section>
258 
-        </div>
492 
+                <!-- 本文データ ここまで -->
493 
+            </article>
494 
+        </section>
495 
+    </div>
259 496
260 
-        <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
266 
-        </footer>
497 
+    <footer>
498 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
499 
+        <div class="footer_mobile">
500 
+            <div class="footer_mobile_title">
501 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
502 
+                <h1 class="footerMobile__text">北方町役場</h1>
503 
+            </div>
504 
+            <div class="footer_mobile_address">
505 
+                    <span class="footerTextWrap__text">
506 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
507 
+                    </span><br>
508 
+                電話:058-323-1111(代)<br>
509 
+                FAX:058-323-2963<br>
510 
+                開庁日：8時30分～17時15分<br>
511 
+                （土・日・祝日、年末年始を除く）<br>
512 
+            </div>
513 
+        </div>
514 
+        <br class="sp__brDisplay">
515 
+        <p class="footer_text">
516 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
517 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
518 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
519 
+        </p>
520 
+    </footer>
267 521
268 
-    </div>
269 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_health"
270 
-        height="1" width="1" />
522 
+</div>
523 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_health"
524 
+     height="1" width="1"/>
271 525 
 </body>
272 526
273 
-</html>
527 
+</html>

+ 407
- 153
second/Inquiry_form_hoken.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,161 +11,397 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+        <div class="headerLogo">
40 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+        </div>
43 
+        <div class="headerTitle">
44 
+            <a href="../index.html" class="header_link">
45 
+                <h1 class="headerTitle__text">北方町</h1>
46 
+            </a>
47 
+        </div>
48 
+        <div class="headerSubTitle">
49 
+            <a href="../index.html" class="header_link">
50 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+            </a>
52 
+        </div>
53 
+        <div id="h-menu">
54 
+            <span></span>
55 
+            <span></span>
56 
+            <span></span>
57 
+            <div id="h-text">menu</div>
58 
+        </div>
59 
+        <div id="h-nav">
60 
+            <div class="h-menu_main_block_top">
61 
+                <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+                    <div class="h-menu_block_text">
63 
+                        <div class="h-menu_block_text_center">くらしの情報</div>
40 64 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
65 
+                </div>
66 
+                <div class="h-accordion__content">
67 
+                    <div class="h-menu_accordion_block_start">
68 
+                        <div class="h-menu_accordion_block_text">
69 
+                            <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+                        </div>
60 71 
                     </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
72 
+                    <div class="h-menu_accordion_block">
73 
+                        <div class="h-menu_accordion_block_text">
74 
+                            <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+                        </div>
67 76 
                     </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
77 
+                    <div class="h-menu_accordion_block">
78 
+                        <div class="h-menu_accordion_block_text">
79 
+                            <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+                        </div>
81 
+                    </div>
82 
+                    <div class="h-menu_accordion_block">
83 
+                        <div class="h-menu_accordion_block_text">
84 
+                            <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+                        </div>
86 
+                    </div>
87 
+                    <div class="h-menu_accordion_block">
88 
+                        <div class="h-menu_accordion_block_text">
89 
+                            <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+                        </div>
91 
+                    </div>
92 
+                    <div class="h-menu_accordion_block">
93 
+                        <div class="h-menu_accordion_block_text">
94 
+                            <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+                        </div>
96 
+                    </div>
97 
+                    <div class="h-menu_accordion_block">
98 
+                        <div class="h-menu_accordion_block_text">
99 
+                            <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+                        </div>
101 
+                    </div>
102 
+                    <div class="h-menu_accordion_block">
103 
+                        <div class="h-menu_accordion_block_text">
104 
+                            <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+                        </div>
106 
+                    </div>
107 
+                    <div class="h-menu_accordion_block">
108 
+                        <div class="h-menu_accordion_block_text">
109 
+                            <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+                        </div>
111 
+                    </div>
112 
+                    <div class="h-menu_accordion_block">
113 
+                        <div class="h-menu_accordion_block_text">
114 
+                            <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+                        </div>
116 
+                    </div>
117 
+                    <div class="h-menu_accordion_block">
118 
+                        <div class="h-menu_accordion_block_text">
119 
+                            <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+                        </div>
121 
+                    </div>
122 
+                    <div class="h-menu_accordion_block">
123 
+                        <div class="h-menu_accordion_block_text">
124 
+                            <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+                        </div>
126 
+                    </div>
127 
+                    <div class="h-menu_accordion_block">
128 
+                        <div class="h-menu_accordion_block_text">
129 
+                            <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+                        </div>
131 
+                    </div>
132 
+                    <div class="h-menu_accordion_block">
133 
+                        <div class="h-menu_accordion_block_text">
134 
+                            <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+                        </div>
136 
+                    </div>
137 
+                    <div class="h-menu_accordion_block">
138 
+                        <div class="h-menu_accordion_block_text">
139 
+                            <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+                        </div>
141 
+                    </div>
142 
+                    <div class="h-menu_accordion_block">
143 
+                        <div class="h-menu_accordion_block_text">
144 
+                            <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+                        </div>
146 
+                    </div>
147 
+                    <div class="h-menu_accordion_block">
148 
+                        <div class="h-menu_accordion_block_text">
149 
+                            <a class="h_link" href="../second/Application_downloading.html"
150 
+                               name="anc15">申請書ダウンロード</a>
151 
+                        </div>
152 
+                    </div>
153 
+                    <div class="h-menu_accordion_block">
154 
+                        <div class="h-menu_accordion_block_text">
155 
+                            <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                               name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+                        </div>
84 158 
                     </div>
85 
-                </article>
86 
-                <div id="claer">
87 159 
                 </div>
88 160 
             </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
161 
+            <div class="h-menu_main_block">
162 
+                <div class="h-menu_block">
163 
+                    <a href="../second/tourism.html">
164 
+                        <div class="h-menu_block_text h-menu_block_before">
165 
+                            <div class="h-menu_block_text_center">
166 
+                                観光
167 
+                            </div>
168 
+                        </div>
169 
+                    </a>
170 
+                </div>
171 
+            </div>
172 
+            <div class="h-menu_main_block">
173 
+                <div class="h-menu_block">
174 
+                    <a href="../second/business.html">
175 
+                        <div class="h-menu_block_text h-menu_block_before">
176 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+                        </div>
178 
+                    </a>
179 
+                </div>
180 
+            </div>
181 
+            <div class="h-menu_main_block">
182 
+                <div class="h-menu_block">
183 
+                    <a href="../second/town_admini_info.html">
184 
+                        <div class="h-menu_block_text h-menu_block_before">
185 
+                            <div class="h-menu_block_text_center">町政情報</div>
186 
+                        </div>
187 
+                    </a>
188 
+                </div>
189 
+            </div>
190 
+            <div class="h-menu_main_block">
191 
+                <div class="h-menu_block h-menu_block_before">
192 
+                    <a href="../second/sitemap.html">
193 
+                        <div class="h-menu_block_text h-menu_block_before">
194 
+                            <div class="h-menu_block_text_center">
195 
+                                サイトマップ
196 
+                            </div>
197 
+                        </div>
198 
+                    </a>
199 
+                </div>
200 
+            </div>
201 
+            <div class="h-menu_main_block">
202 
+                <div class="h-menu_block h-menu_block_before">
203 
+                    <a href="https://ai-staff.net/kitagata/chat">
204 
+                        <div class="h-menu_block_text  h-menu_block_before">
205 
+                            <div class="h-menu_block_text_center">
206 
+                                AIチャット
207 
+                            </div>
208 
+                        </div>
209 
+                    </a>
210 
+                </div>
211 
+            </div>
212 
+            <div class="h-menu_main_block">
213 
+                <div class="h-menu_block h-menu_block_before">
214 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+                        <div class="h-menu_block_text">
216 
+                            <div class="h-menu_block_text_center">
217 
+                                お問い合わせ一覧
218 
+                            </div>
219 
+                        </div>
220 
+                    </a>
221 
+                </div>
222 
+            </div>
223 
+            <div class="h-menu_main_block">
224 
+                <div class="h-menu_lang">
225 
+                    <div class="h-menu_block_lang">
226 
+                        <div class="h-menu_block_text_center">
227 
+                            <div class="h-menu_block_text_line">
228 
+                                背景変更
229 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                                </div>
231 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                                </div>
233 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                                </div>
235 
+                            </div>
236 
+                            <script>
237 
+                                getBackgNumber2();
238 
+                            </script>
239 
+                            <div class="h-menu_block_text_line">言語選択
240 
+                                <div class="mobile_translation">
241 
+                                    <div id="google_translate_element"></div>
242 
+                                </div>
243 
+                            </div>
244 
+                        </div>
99 245 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 246 
                 </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
247 
+            </div>
248 
+            <div class="h-menu_main_block">
249 
+                <div class="h-menu_search">
250 
+                    <div class="h-menu_block_search">
251 
+                        <form action="https://www.google.com/search">
252 
+                            <input type="hidden" name="hl" value="ja"/>
123 253 
                             <input type="hidden" name="ie" value="UTF-8">
124 254 
                             <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
255 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                                   class="mobile_form_input"/>
258 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
128 259 
                         </form>
260 
+                    </div>
261 
+                </div>
262 
+            </div>
263 
+        </div>
264 
+    </header>
265 
+
266 
+
267 
+    <!--セクション 操作-->
268 
+    <section id="operation">
269 
+        <!--セクション 住所-->
270 
+        <article id="address">
271 
+            <address id="operation_add">
272 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
273 
+                        TEL:058-323-1111(代)</span>
274 
+            </address>
275 
+        </article>
276 
+        <div id="controle_panel">
277 
+            <!--セクション 背景色-->
278 
+            <article id="bgcolor">
279 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+                <div id="bgcolor_img">
281 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                           onClick="setBackground2(1)">
283 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                           onClick="setBackground2(2)">
285 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                           onClick="setBackground2(3)">
287 
+                </div>
288 
+                <script>
289 
+                    getBackgNumber2();
290 
+                </script>
291 
+            </article>
292 
+
293 
+            <!--セクション 文字サイズ-->
294 
+            <!--<article id="charsize" >
295 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+    <div id="charsize_img">
297 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+    </div>
301 
+    </article>-->
302 
+
303 
+            <!--セクション サイトマップ-->
304 
+            <article id="sitemap">
305 
+                <div id="sitemap_img">
306 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+                </div>
308 
+            </article>
309 
+            <!--セクション お問い合わせ-->
310 
+            <article id="contact">
311 
+                <div id="contact_img">
312 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+                </div>
315 
+            </article>
316 
+            <!--セクション 翻訳-->
317 
+            <article id="translation">
318 
+                <div id="translation_img">
319 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+                    <div id="google_translate_element"></div>
321 
+                </div>
322 
+            </article>
323 
+            <div id="claer">
324 
+            </div>
325 
+        </div>
326 
+    </section>
129 327
130 
-                    </article>
328 
+    <!--ヘッダーデータ-->
329 
+    <header>
330 
+        <div id="header" class="gothic">
331 
+            <a href="../index.html">
332 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+            </a>
334 
+            <div id="h_block_1">
335 
+                <div class="h_line">
131 336 
                 </div>
337 
+                <article class="h_text_l">
338 
+                    <a class="h_link" href="../second/living.html">
339 
+                        <span class="h_text">くらしの情報</span></a>
340 
+                </article>
341 
+                <article class="h_text_l">
342 
+                    <a class="h_link" href="../second/tourism.html">
343 
+                        <span class="h_text">観光</span></a>
344 
+                </article>
345 
+                <article class="h_text_l">
346 
+                    <a class="h_link" href="../second/business.html">
347 
+                        <span class="h_text">事業者向け情報</span></a>
348 
+                </article>
349 
+                <article class="h_text_l">
350 
+                    <a class="h_link" href="../second/town_admini_info.html">
351 
+                        <span class="h_text">町政情報</span></a>
352 
+                </article>
132 353 
             </div>
133 
-        </header>
354 
+            <div id="h_block_search">
355 
+                <div class="h_line"></div>
356 
+                <article class="h_search">
357 
+                    <div class="space10"></div>
358 
+                    <form action="http://www.google.com/search">
359 
+                        <input type="hidden" name="hl" value="ja"/>
360 
+                        <input type="hidden" name="ie" value="UTF-8">
361 
+                        <input type="hidden" name="oe" value="UTF-8">
362 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+                        <input type="submit" name="btnG" value="検索"/>
365 
+                    </form>
134 366
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>保健センターへお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 367 
                 </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">保健センターへお問い合わせ</span>
149 
-                        </div>
368 
+            </div>
369 
+        </div>
370 
+    </header>
371 
+
372 
+    <div>
373 
+        <!--セクション template-->
374 
+        <section id="template">
375 
+            <article id="breadcrumb">
376 
+                <div id="breadcrumb_title">
377 
+                    <div id="breadcrumb_title_block">
378 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>保健センターへお問い合わせ</span>
150 379 
                     </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
380 
+                </div>
381 
+            </article>
382 
+            <article id="template">
383 
+                <div id="template_title" class="gothic">
384 
+                    <div id="template_title_block">
385 
+                        <span id="template_title">保健センターへお問い合わせ</span>
386 
+                    </div>
387 
+                </div>
388 
+                <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+                <span id="template_article_block">
153 390 
                         <!-- フォーム開始 -->
154 391 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_hoken.cgi">
155 392 
                             <input type="hidden" name="subject" value="保健センターへお問い合わせ">
156 393 
                             <input type="hidden" name="location"
157 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_hoken.html"> <!-- 任意 -->
394 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_hoken.html"> <!-- 任意 -->
158 395
159 396 
                             お名前 <span style="color: red;">必須</span>
160 
-                            <br /><input size="30" type="text" name="名前">
161 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="なまえ">
163 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
164 
-                            <br /><input size="7" type="text" name="郵便番号">
397 
+                            <br/><input size="30" type="text" name="名前">
398 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
399 
+                            <br/><input size="30" type="text" name="なまえ">
400 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
401 
+                            <br/><input size="7" type="text" name="郵便番号">
165 402
166 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
167 
-                            <br /><select name="都道府県">
403 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
404 
+                            <br/><select name="都道府県">
168 405 
                                 <option value="">都道府県を選択</option>
169 406 
                                 <optgroup label="北海道・東北地方">
170 407 
                                     <option value="北海道">北海道</option>
 
@@ -230,18 +467,18 @@
230 467 
                                 <option value="日本国外">日本国外</option>
231 468 
                             </select>
232 469
233 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
234 
-                            <br /><input size="50" type="text" name="市町区村・番地">
235 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 
-                            <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="FAX">
239 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 
-                            <br /><input size="50" type="text" name="email">
241 
-                            <br /><br />お問い合わせ内容
242 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
470 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
471 
+                            <br/><input class="form_textInput" 　size="50" type="text" name="市町区村・番地">
472 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
473 
+                            <br/><input size="11" type="text" name="電話番号">
474 
+                            <br/><br/>FAX (半角数字 例→0583202200)
475 
+                            <br/><input size="11" type="text" name="FAX">
476 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
477 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
478 
+                            <br/><br/>お問い合わせ内容
479 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
243 480
244 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
481 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
245 482 
                             <INPUT TYPE="reset" VALUE="リセット">
246 483
247 484 
                             <!-- 確認画面ありなし 暫定 -->
 
@@ -252,22 +489,39 @@
252 489 
 -->
253 490 
                         </FORM>
254 491 
                     </span>
255 
-                    <!-- 本文データ ここまで -->
256 
-                </article>
257 
-            </section>
258 
-        </div>
492 
+                <!-- 本文データ ここまで -->
493 
+            </article>
494 
+        </section>
495 
+    </div>
259 496
260 
-        <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
266 
-        </footer>
497 
+    <footer>
498 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
499 
+        <div class="footer_mobile">
500 
+            <div class="footer_mobile_title">
501 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
502 
+                <h1 class="footerMobile__text">北方町役場</h1>
503 
+            </div>
504 
+            <div class="footer_mobile_address">
505 
+                    <span class="footerTextWrap__text">
506 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
507 
+                    </span><br>
508 
+                電話:058-323-1111(代)<br>
509 
+                FAX:058-323-2963<br>
510 
+                開庁日：8時30分～17時15分<br>
511 
+                （土・日・祝日、年末年始を除く）<br>
512 
+            </div>
513 
+        </div>
514 
+        <br class="sp__brDisplay">
515 
+        <p class="footer_text">
516 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
517 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
518 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
519 
+        </p>
520 
+    </footer>
267 521
268 
-    </div>
269 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_health"
270 
-        height="1" width="1" />
522 
+</div>
523 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_health"
524 
+     height="1" width="1"/>
271 525 
 </body>
272 526
273 
-</html>
527 
+</html>

+ 411
- 155
second/Inquiry_form_houkatu.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,161 +11,399 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+        <div class="headerLogo">
40 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+        </div>
43 
+        <div class="headerTitle">
44 
+            <a href="../index.html" class="header_link">
45 
+                <h1 class="headerTitle__text">北方町</h1>
46 
+            </a>
47 
+        </div>
48 
+        <div class="headerSubTitle">
49 
+            <a href="../index.html" class="header_link">
50 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+            </a>
52 
+        </div>
53 
+        <div id="h-menu">
54 
+            <span></span>
55 
+            <span></span>
56 
+            <span></span>
57 
+            <div id="h-text">menu</div>
58 
+        </div>
59 
+        <div id="h-nav">
60 
+            <div class="h-menu_main_block_top">
61 
+                <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+                    <div class="h-menu_block_text">
63 
+                        <div class="h-menu_block_text_center">くらしの情報</div>
40 64 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
65 
+                </div>
66 
+                <div class="h-accordion__content">
67 
+                    <div class="h-menu_accordion_block_start">
68 
+                        <div class="h-menu_accordion_block_text">
69 
+                            <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+                        </div>
60 71 
                     </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
72 
+                    <div class="h-menu_accordion_block">
73 
+                        <div class="h-menu_accordion_block_text">
74 
+                            <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+                        </div>
67 76 
                     </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
77 
+                    <div class="h-menu_accordion_block">
78 
+                        <div class="h-menu_accordion_block_text">
79 
+                            <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+                        </div>
81 
+                    </div>
82 
+                    <div class="h-menu_accordion_block">
83 
+                        <div class="h-menu_accordion_block_text">
84 
+                            <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+                        </div>
86 
+                    </div>
87 
+                    <div class="h-menu_accordion_block">
88 
+                        <div class="h-menu_accordion_block_text">
89 
+                            <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+                        </div>
91 
+                    </div>
92 
+                    <div class="h-menu_accordion_block">
93 
+                        <div class="h-menu_accordion_block_text">
94 
+                            <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+                        </div>
96 
+                    </div>
97 
+                    <div class="h-menu_accordion_block">
98 
+                        <div class="h-menu_accordion_block_text">
99 
+                            <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+                        </div>
101 
+                    </div>
102 
+                    <div class="h-menu_accordion_block">
103 
+                        <div class="h-menu_accordion_block_text">
104 
+                            <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+                        </div>
106 
+                    </div>
107 
+                    <div class="h-menu_accordion_block">
108 
+                        <div class="h-menu_accordion_block_text">
109 
+                            <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+                        </div>
111 
+                    </div>
112 
+                    <div class="h-menu_accordion_block">
113 
+                        <div class="h-menu_accordion_block_text">
114 
+                            <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+                        </div>
116 
+                    </div>
117 
+                    <div class="h-menu_accordion_block">
118 
+                        <div class="h-menu_accordion_block_text">
119 
+                            <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+                        </div>
121 
+                    </div>
122 
+                    <div class="h-menu_accordion_block">
123 
+                        <div class="h-menu_accordion_block_text">
124 
+                            <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+                        </div>
126 
+                    </div>
127 
+                    <div class="h-menu_accordion_block">
128 
+                        <div class="h-menu_accordion_block_text">
129 
+                            <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+                        </div>
131 
+                    </div>
132 
+                    <div class="h-menu_accordion_block">
133 
+                        <div class="h-menu_accordion_block_text">
134 
+                            <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+                        </div>
136 
+                    </div>
137 
+                    <div class="h-menu_accordion_block">
138 
+                        <div class="h-menu_accordion_block_text">
139 
+                            <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+                        </div>
141 
+                    </div>
142 
+                    <div class="h-menu_accordion_block">
143 
+                        <div class="h-menu_accordion_block_text">
144 
+                            <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+                        </div>
146 
+                    </div>
147 
+                    <div class="h-menu_accordion_block">
148 
+                        <div class="h-menu_accordion_block_text">
149 
+                            <a class="h_link" href="../second/Application_downloading.html"
150 
+                               name="anc15">申請書ダウンロード</a>
151 
+                        </div>
152 
+                    </div>
153 
+                    <div class="h-menu_accordion_block">
154 
+                        <div class="h-menu_accordion_block_text">
155 
+                            <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                               name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+                        </div>
84 158 
                     </div>
85 
-                </article>
86 
-                <div id="claer">
87 159 
                 </div>
88 160 
             </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
161 
+            <div class="h-menu_main_block">
162 
+                <div class="h-menu_block">
163 
+                    <a href="../second/tourism.html">
164 
+                        <div class="h-menu_block_text h-menu_block_before">
165 
+                            <div class="h-menu_block_text_center">
166 
+                                観光
167 
+                            </div>
168 
+                        </div>
169 
+                    </a>
170 
+                </div>
171 
+            </div>
172 
+            <div class="h-menu_main_block">
173 
+                <div class="h-menu_block">
174 
+                    <a href="../second/business.html">
175 
+                        <div class="h-menu_block_text h-menu_block_before">
176 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+                        </div>
178 
+                    </a>
179 
+                </div>
180 
+            </div>
181 
+            <div class="h-menu_main_block">
182 
+                <div class="h-menu_block">
183 
+                    <a href="../second/town_admini_info.html">
184 
+                        <div class="h-menu_block_text h-menu_block_before">
185 
+                            <div class="h-menu_block_text_center">町政情報</div>
186 
+                        </div>
187 
+                    </a>
188 
+                </div>
189 
+            </div>
190 
+            <div class="h-menu_main_block">
191 
+                <div class="h-menu_block h-menu_block_before">
192 
+                    <a href="../second/sitemap.html">
193 
+                        <div class="h-menu_block_text h-menu_block_before">
194 
+                            <div class="h-menu_block_text_center">
195 
+                                サイトマップ
196 
+                            </div>
197 
+                        </div>
198 
+                    </a>
199 
+                </div>
200 
+            </div>
201 
+            <div class="h-menu_main_block">
202 
+                <div class="h-menu_block h-menu_block_before">
203 
+                    <a href="https://ai-staff.net/kitagata/chat">
204 
+                        <div class="h-menu_block_text  h-menu_block_before">
205 
+                            <div class="h-menu_block_text_center">
206 
+                                AIチャット
207 
+                            </div>
208 
+                        </div>
209 
+                    </a>
210 
+                </div>
211 
+            </div>
212 
+            <div class="h-menu_main_block">
213 
+                <div class="h-menu_block h-menu_block_before">
214 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+                        <div class="h-menu_block_text">
216 
+                            <div class="h-menu_block_text_center">
217 
+                                お問い合わせ一覧
218 
+                            </div>
219 
+                        </div>
220 
+                    </a>
221 
+                </div>
222 
+            </div>
223 
+            <div class="h-menu_main_block">
224 
+                <div class="h-menu_lang">
225 
+                    <div class="h-menu_block_lang">
226 
+                        <div class="h-menu_block_text_center">
227 
+                            <div class="h-menu_block_text_line">
228 
+                                背景変更
229 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                                </div>
231 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                                </div>
233 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                                </div>
235 
+                            </div>
236 
+                            <script>
237 
+                                getBackgNumber2();
238 
+                            </script>
239 
+                            <div class="h-menu_block_text_line">言語選択
240 
+                                <div class="mobile_translation">
241 
+                                    <div id="google_translate_element"></div>
242 
+                                </div>
243 
+                            </div>
244 
+                        </div>
99 245 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 246 
                 </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
247 
+            </div>
248 
+            <div class="h-menu_main_block">
249 
+                <div class="h-menu_search">
250 
+                    <div class="h-menu_block_search">
251 
+                        <form action="https://www.google.com/search">
252 
+                            <input type="hidden" name="hl" value="ja"/>
123 253 
                             <input type="hidden" name="ie" value="UTF-8">
124 254 
                             <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
255 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                                   class="mobile_form_input"/>
258 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
128 259 
                         </form>
260 
+                    </div>
261 
+                </div>
262 
+            </div>
263 
+        </div>
264 
+    </header>
265 
+
266 
+
267 
+    <!--セクション 操作-->
268 
+    <section id="operation">
269 
+        <!--セクション 住所-->
270 
+        <article id="address">
271 
+            <address id="operation_add">
272 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
273 
+                        TEL:058-323-1111(代)</span>
274 
+            </address>
275 
+        </article>
276 
+        <div id="controle_panel">
277 
+            <!--セクション 背景色-->
278 
+            <article id="bgcolor">
279 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+                <div id="bgcolor_img">
281 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                           onClick="setBackground2(1)">
283 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                           onClick="setBackground2(2)">
285 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                           onClick="setBackground2(3)">
287 
+                </div>
288 
+                <script>
289 
+                    getBackgNumber2();
290 
+                </script>
291 
+            </article>
292 
+
293 
+            <!--セクション 文字サイズ-->
294 
+            <!--<article id="charsize" >
295 
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+      <div id="charsize_img">
297 
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+      </div>
301 
+      </article>-->
302 
+
303 
+            <!--セクション サイトマップ-->
304 
+            <article id="sitemap">
305 
+                <div id="sitemap_img">
306 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+                </div>
308 
+            </article>
309 
+            <!--セクション お問い合わせ-->
310 
+            <article id="contact">
311 
+                <div id="contact_img">
312 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+                </div>
315 
+            </article>
316 
+            <!--セクション 翻訳-->
317 
+            <article id="translation">
318 
+                <div id="translation_img">
319 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+                    <div id="google_translate_element"></div>
321 
+                </div>
322 
+            </article>
323 
+            <div id="claer">
324 
+            </div>
325 
+        </div>
326 
+
327 
+    </section>
129 328
130 
-                    </article>
329 
+    <!--ヘッダーデータ-->
330 
+    <header>
331 
+        <div id="header" class="gothic">
332 
+            <a href="../index.html">
333 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
334 
+            </a>
335 
+            <div id="h_block_1">
336 
+                <div class="h_line">
131 337 
                 </div>
338 
+                <article class="h_text_l">
339 
+                    <a class="h_link" href="../second/living.html">
340 
+                        <span class="h_text">くらしの情報</span></a>
341 
+                </article>
342 
+                <article class="h_text_l">
343 
+                    <a class="h_link" href="../second/tourism.html">
344 
+                        <span class="h_text">観光</span></a>
345 
+                </article>
346 
+                <article class="h_text_l">
347 
+                    <a class="h_link" href="../second/business.html">
348 
+                        <span class="h_text">事業者向け情報</span></a>
349 
+                </article>
350 
+                <article class="h_text_l">
351 
+                    <a class="h_link" href="../second/town_admini_info.html">
352 
+                        <span class="h_text">町政情報</span></a>
353 
+                </article>
132 354 
             </div>
133 
-        </header>
355 
+            <div id="h_block_search">
356 
+                <div class="h_line"></div>
357 
+                <article class="h_search">
358 
+                    <div class="space10"></div>
359 
+                    <form action="http://www.google.com/search">
360 
+                        <input type="hidden" name="hl" value="ja"/>
361 
+                        <input type="hidden" name="ie" value="UTF-8">
362 
+                        <input type="hidden" name="oe" value="UTF-8">
363 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
364 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
365 
+                        <input type="submit" name="btnG" value="検索"/>
366 
+                    </form>
134 367
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>地域包括支援センターへお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 368 
                 </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">地域包括支援センターへお問い合わせ</span>
149 
-                        </div>
369 
+            </div>
370 
+        </div>
371 
+    </header>
372 
+
373 
+    <div>
374 
+        <!--セクション template-->
375 
+        <section id="template">
376 
+            <article id="breadcrumb">
377 
+                <div id="breadcrumb_title">
378 
+                    <div id="breadcrumb_title_block">
379 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>地域包括支援センターへお問い合わせ</span>
150 380 
                     </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
381 
+                </div>
382 
+            </article>
383 
+            <article id="template">
384 
+                <div id="template_title" class="gothic">
385 
+                    <div id="template_title_block">
386 
+                        <span id="template_title">地域包括支援センターへお問い合わせ</span>
387 
+                    </div>
388 
+                </div>
389 
+                <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
390 
+                <span id="template_article_block">
153 391 
                         <!-- フォーム開始 -->
154 392 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_houkatu.cgi">
155 393 
                             <input type="hidden" name="subject" value="地域包括支援センターへお問い合わせ">
156 394 
                             <input type="hidden" name="location"
157 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_houkatu.html"> <!-- 任意 -->
395 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_houkatu.html">
396 
+                            <!-- 任意 -->
158 397
159 398 
                             お名前 <span style="color: red;">必須</span>
160 
-                            <br /><input size="30" type="text" name="名前">
161 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="なまえ">
163 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
164 
-                            <br /><input size="7" type="text" name="郵便番号">
399 
+                            <br/><input size="30" type="text" name="名前">
400 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
401 
+                            <br/><input size="30" type="text" name="なまえ">
402 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
403 
+                            <br/><input size="7" type="text" name="郵便番号">
165 404
166 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
167 
-                            <br /><select name="都道府県">
405 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
406 
+                            <br/><select name="都道府県">
168 407 
                                 <option value="">都道府県を選択</option>
169 408 
                                 <optgroup label="北海道・東北地方">
170 409 
                                     <option value="北海道">北海道</option>
 
@@ -230,44 +469,61 @@
230 469 
                                 <option value="日本国外">日本国外</option>
231 470 
                             </select>
232 471
233 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
234 
-                            <br /><input size="50" type="text" name="市町区村・番地">
235 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 
-                            <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="FAX">
239 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 
-                            <br /><input size="50" type="text" name="email">
241 
-                            <br /><br />お問い合わせ内容
242 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
472 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
473 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
474 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
475 
+                            <br/><input size="11" type="text" name="電話番号">
476 
+                            <br/><br/>FAX (半角数字 例→0583202200)
477 
+                            <br/><input size="11" type="text" name="FAX">
478 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
479 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
480 
+                            <br/><br/>お問い合わせ内容
481 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
243 482
244 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
483 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
245 484 
                             <INPUT TYPE="reset" VALUE="リセット">
246 485
247 486 
                             <!-- 確認画面ありなし 暫定 -->
248 487 
                             <input type="hidden" name="c_copy" value="on">
249 488 
                             <input type="hidden" name="space_check" value="on">
250 489 
                             <!--
251 
-<input type="hidden" name="no_check" value="on">
252 
--->
490 
+  <input type="hidden" name="no_check" value="on">
491 
+  -->
253 492 
                         </FORM>
254 493 
                     </span>
255 
-                    <!-- 本文データ ここまで -->
256 
-                </article>
257 
-            </section>
258 
-        </div>
494 
+                <!-- 本文データ ここまで -->
495 
+            </article>
496 
+        </section>
497 
+    </div>
259 498
260 
-        <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
266 
-        </footer>
499 
+    <footer>
500 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
501 
+        <div class="footer_mobile">
502 
+            <div class="footer_mobile_title">
503 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
504 
+                <h1 class="footerMobile__text">北方町役場</h1>
505 
+            </div>
506 
+            <div class="footer_mobile_address">
507 
+                    <span class="footerTextWrap__text">
508 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
509 
+                    </span><br>
510 
+                電話:058-323-1111(代)<br>
511 
+                FAX:058-323-2963<br>
512 
+                開庁日：8時30分～17時15分<br>
513 
+                （土・日・祝日、年末年始を除く）<br>
514 
+            </div>
515 
+        </div>
516 
+        <br class="sp__brDisplay">
517 
+        <p class="footer_text">
518 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
519 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
520 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
521 
+        </p>
522 
+    </footer>
267 523
268 
-    </div>
269 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_health"
270 
-        height="1" width="1" />
524 
+</div>
525 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_health"
526 
+     height="1" width="1"/>
271 527 
 </body>
272 528
273 
-</html>
529 
+</html>

+ 427
- 172
second/Inquiry_form_lifelong_learning.html Datei anzeigen 

@@ -1,50 +1,298 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
23 
+  </meta>
16 24 
 </head>
17 25
18 26 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+  <!-- mobile header -->
39 
+  <header class="header">
40 
+    <div class="headerLogo">
41 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+    </div>
44 
+    <div class="headerTitle">
45 
+      <a href="../index.html" class="header_link">
46 
+        <h1 class="headerTitle__text">北方町</h1>
47 
+      </a>
48 
+    </div>
49 
+    <div class="headerSubTitle">
50 
+      <a href="../index.html" class="header_link">
51 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+      </a>
53 
+    </div>
54 
+    <div id="h-menu">
55 
+      <span></span>
56 
+      <span></span>
57 
+      <span></span>
58 
+      <div id="h-text">menu</div>
59 
+    </div>
60 
+    <div id="h-nav">
61 
+      <div class="h-menu_main_block_top">
62 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
63 
+          <div class="h-menu_block_text">
64 
+            <div class="h-menu_block_text_center">くらしの情報</div>
65 
+          </div>
66 
+        </div>
67 
+        <div class="h-accordion__content">
68 
+          <div class="h-menu_accordion_block_start">
69 
+            <div class="h-menu_accordion_block_text">
70 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
71 
+            </div>
72 
+          </div>
73 
+          <div class="h-menu_accordion_block">
74 
+            <div class="h-menu_accordion_block_text">
75 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
76 
+            </div>
77 
+          </div>
78 
+          <div class="h-menu_accordion_block">
79 
+            <div class="h-menu_accordion_block_text">
80 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
81 
+            </div>
82 
+          </div>
83 
+          <div class="h-menu_accordion_block">
84 
+            <div class="h-menu_accordion_block_text">
85 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
86 
+            </div>
87 
+          </div>
88 
+          <div class="h-menu_accordion_block">
89 
+            <div class="h-menu_accordion_block_text">
90 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
91 
+            </div>
92 
+          </div>
93 
+          <div class="h-menu_accordion_block">
94 
+            <div class="h-menu_accordion_block_text">
95 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
96 
+            </div>
97 
+          </div>
98 
+          <div class="h-menu_accordion_block">
99 
+            <div class="h-menu_accordion_block_text">
100 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
101 
+            </div>
102 
+          </div>
103 
+          <div class="h-menu_accordion_block">
104 
+            <div class="h-menu_accordion_block_text">
105 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
106 
+            </div>
107 
+          </div>
108 
+          <div class="h-menu_accordion_block">
109 
+            <div class="h-menu_accordion_block_text">
110 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
111 
+            </div>
112 
+          </div>
113 
+          <div class="h-menu_accordion_block">
114 
+            <div class="h-menu_accordion_block_text">
115 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
116 
+            </div>
117 
+          </div>
118 
+          <div class="h-menu_accordion_block">
119 
+            <div class="h-menu_accordion_block_text">
120 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
121 
+            </div>
122 
+          </div>
123 
+          <div class="h-menu_accordion_block">
124 
+            <div class="h-menu_accordion_block_text">
125 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
126 
+            </div>
127 
+          </div>
128 
+          <div class="h-menu_accordion_block">
129 
+            <div class="h-menu_accordion_block_text">
130 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
131 
+            </div>
132 
+          </div>
133 
+          <div class="h-menu_accordion_block">
134 
+            <div class="h-menu_accordion_block_text">
135 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
136 
+            </div>
137 
+          </div>
138 
+          <div class="h-menu_accordion_block">
139 
+            <div class="h-menu_accordion_block_text">
140 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
141 
+            </div>
142 
+          </div>
143 
+          <div class="h-menu_accordion_block">
144 
+            <div class="h-menu_accordion_block_text">
145 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
146 
+            </div>
147 
+          </div>
148 
+          <div class="h-menu_accordion_block">
149 
+            <div class="h-menu_accordion_block_text">
150 
+              <a class="h_link" href="../second/Application_downloading.html"
151 
+                 name="anc15">申請書ダウンロード</a>
152 
+            </div>
153 
+          </div>
154 
+          <div class="h-menu_accordion_block">
155 
+            <div class="h-menu_accordion_block_text">
156 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
157 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
158 
+            </div>
159 
+          </div>
160 
+        </div>
161 
+      </div>
162 
+      <div class="h-menu_main_block">
163 
+        <div class="h-menu_block">
164 
+          <a href="../second/tourism.html">
165 
+            <div class="h-menu_block_text h-menu_block_before">
166 
+              <div class="h-menu_block_text_center">
167 
+                観光
168 
+              </div>
169 
+            </div>
170 
+          </a>
171 
+        </div>
172 
+      </div>
173 
+      <div class="h-menu_main_block">
174 
+        <div class="h-menu_block">
175 
+          <a href="../second/business.html">
176 
+            <div class="h-menu_block_text h-menu_block_before">
177 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
178 
+            </div>
179 
+          </a>
180 
+        </div>
181 
+      </div>
182 
+      <div class="h-menu_main_block">
183 
+        <div class="h-menu_block">
184 
+          <a href="../second/town_admini_info.html">
185 
+            <div class="h-menu_block_text h-menu_block_before">
186 
+              <div class="h-menu_block_text_center">町政情報</div>
187 
+            </div>
188 
+          </a>
189 
+        </div>
190 
+      </div>
191 
+      <div class="h-menu_main_block">
192 
+        <div class="h-menu_block h-menu_block_before">
193 
+          <a href="../second/sitemap.html">
194 
+            <div class="h-menu_block_text h-menu_block_before">
195 
+              <div class="h-menu_block_text_center">
196 
+                サイトマップ
197 
+              </div>
198 
+            </div>
199 
+          </a>
200 
+        </div>
201 
+      </div>
202 
+      <div class="h-menu_main_block">
203 
+        <div class="h-menu_block h-menu_block_before">
204 
+          <a href="https://ai-staff.net/kitagata/chat">
205 
+            <div class="h-menu_block_text  h-menu_block_before">
206 
+              <div class="h-menu_block_text_center">
207 
+                AIチャット
208 
+              </div>
209 
+            </div>
210 
+          </a>
211 
+        </div>
212 
+      </div>
213 
+      <div class="h-menu_main_block">
214 
+        <div class="h-menu_block h-menu_block_before">
215 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
216 
+            <div class="h-menu_block_text">
217 
+              <div class="h-menu_block_text_center">
218 
+                お問い合わせ一覧
219 
+              </div>
220 
+            </div>
221 
+          </a>
222 
+        </div>
223 
+      </div>
224 
+      <div class="h-menu_main_block">
225 
+        <div class="h-menu_lang">
226 
+          <div class="h-menu_block_lang">
227 
+            <div class="h-menu_block_text_center">
228 
+              <div class="h-menu_block_text_line">
229 
+                背景変更
230 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
231 
+                </div>
232 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
233 
+                </div>
234 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
235 
+                </div>
236 
+              </div>
237 
+              <script>
238 
+                  getBackgNumber2();
239 
+              </script>
240 
+              <div class="h-menu_block_text_line">言語選択
241 
+                <div class="mobile_translation">
242 
+                  <div id="google_translate_element"></div>
243 
+                </div>
244 
+              </div>
245 
+            </div>
246 
+          </div>
247 
+        </div>
248 
+      </div>
249 
+      <div class="h-menu_main_block">
250 
+        <div class="h-menu_search">
251 
+          <div class="h-menu_block_search">
252 
+            <form action="https://www.google.com/search">
253 
+              <input type="hidden" name="hl" value="ja"/>
254 
+              <input type="hidden" name="ie" value="UTF-8">
255 
+              <input type="hidden" name="oe" value="UTF-8">
256 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
257 
+              <input type="text" name="q" size="16" maxlength="256" value=""
258 
+                     class="mobile_form_input"/>
259 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
260 
+            </form>
261 
+          </div>
262 
+        </div>
263 
+      </div>
264 
+    </div>
265 
+  </header>
266 
+
267 
+
268 
+  <!--セクション 操作-->
269 
+  <section id="operation">
270 
+    <!--セクション 住所-->
271 
+    <article id="address">
272 
+      <address id="operation_add">
273 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 274 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
275 
+      </address>
276 
+    </article>
277 
+    <div id="controle_panel">
278 
+      <!--セクション 背景色-->
279 
+      <article id="bgcolor">
280 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
281 
+        <div id="bgcolor_img">
282 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
283 
+                 onClick="setBackground2(1)">
284 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
285 
+                 onClick="setBackground2(2)">
286 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
287 
+                 onClick="setBackground2(3)">
288 
+        </div>
289 
+        <script>
290 
+            getBackgNumber2();
291 
+        </script>
292 
+      </article>
45 293
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
294 
+      <!--セクション 文字サイズ-->
295 
+      <!--<article id="charsize" >
48 296 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 297 
 <div id="charsize_img">
50 298 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,120 +301,110 @@
53 301 
 </div>
54 302 
 </article>-->
55 303
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
304 
+      <!--セクション サイトマップ-->
305 
+      <article id="sitemap">
306 
+        <div id="sitemap_img">
307 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
308 
+        </div>
309 
+      </article>
310 
+      <!--セクション お問い合わせ-->
311 
+      <article id="contact">
312 
+        <div id="contact_img">
313 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
314 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
315 
+        </div>
316 
+      </article>
317 
+      <!--セクション 翻訳-->
318 
+      <article id="translation">
319 
+        <div id="translation_img">
320 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
321 
+          <div id="google_translate_element"></div>
322 
+        </div>
323 
+      </article>
324 
+      <div id="claer">
325 
+      </div>
326 
+    </div>
327 
+  </section>
90 328
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
329 
+  <!--ヘッダーデータ-->
330 
+  <header>
331 
+    <div id="header" class="gothic">
332 
+      <a href="../index.html">
333 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
334 
+      </a>
335 
+      <div id="h_block_1">
336 
+        <div class="h_line">
337 
+        </div>
338 
+        <article class="h_text_l">
339 
+          <a class="h_link" href="../second/living.html">
340 
+            <span class="h_text">くらしの情報</span></a>
341 
+        </article>
342 
+        <article class="h_text_l">
343 
+          <a class="h_link" href="../second/tourism.html">
344 
+            <span class="h_text">観光</span></a>
345 
+        </article>
346 
+        <article class="h_text_l">
347 
+          <a class="h_link" href="../second/business.html">
348 
+            <span class="h_text">事業者向け情報</span></a>
349 
+        </article>
350 
+        <article class="h_text_l">
351 
+          <a class="h_link" href="../second/town_admini_info.html">
352 
+            <span class="h_text">町政情報</span></a>
353 
+        </article>
354 
+      </div>
355 
+      <div id="h_block_search">
356 
+        <div class="h_line"></div>
357 
+        <article class="h_search">
358 
+          <div class="space10"></div>
359 
+          <form action="http://www.google.com/search">
360 
+            <input type="hidden" name="hl" value="ja"/>
361 
+            <input type="hidden" name="ie" value="UTF-8">
362 
+            <input type="hidden" name="oe" value="UTF-8">
363 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
364 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
365 
+            <input type="submit" name="btnG" value="検索"/>
366 
+          </form>
129 367
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
368 
+        </article>
369 
+      </div>
370 
+    </div>
371 
+  </header>
134 372
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>生涯学習推進室へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">生涯学習推進室へお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
373 
+  <div>
374 
+    <!--セクション template-->
375 
+    <section id="template">
376 
+      <article id="breadcrumb">
377 
+        <div id="breadcrumb_title">
378 
+          <div id="breadcrumb_title_block">
379 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>生涯学習推進室へお問い合わせ</span>
380 
+          </div>
381 
+        </div>
382 
+      </article>
383 
+      <article id="template">
384 
+        <div id="template_title" class="gothic">
385 
+          <div id="template_title_block">
386 
+            <span id="template_title">生涯学習推進室へお問い合わせ</span>
387 
+          </div>
388 
+        </div>
389 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
390 
+        <span id="template_article_block">
153 391 
                         <!-- フォーム開始 -->
154 392 
                         <form method="post"
155 
-                            action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_lifelong_learning.cgi">
393 
+                              action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_lifelong_learning.cgi">
156 394 
                             <input type="hidden" name="subject" value="生涯学習推進室へお問い合わせ">
157 395 
                             <input type="hidden" name="location"
158 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_lifelong_learning.html">
159 
-                            <!-- 任意 -->
396 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_lifelong_learning.html">
397 
+                          <!-- 任意 -->
160 398
161 399 
                             お名前 <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="名前">
163 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
164 
-                            <br /><input size="30" type="text" name="なまえ">
165 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
166 
-                            <br /><input size="7" type="text" name="郵便番号">
400 
+                            <br/><input size="30" type="text" name="名前">
401 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
402 
+                            <br/><input size="30" type="text" name="なまえ">
403 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
404 
+                            <br/><input size="7" type="text" name="郵便番号">
167 405
168 
-                            <br /><br />ご住所 (都道府県)
169 
-                            <br /><select name="都道府県">
406 
+                            <br/><br/>ご住所 (都道府県)
407 
+                            <br/><select name="都道府県">
170 408 
                                 <option value="">都道府県を選択</option>
171 409 
                                 <optgroup label="北海道・東北地方">
172 410 
                                     <option value="北海道">北海道</option>
 
@@ -232,45 +470,62 @@
232 470 
                                 <option value="日本国外">日本国外</option>
233 471 
                             </select>
234 472
235 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
236 
-                            <br /><input size="50" type="text" name="市町区村・番地">
237 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="電話番号">
239 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
240 
-                            <br /><input size="11" type="text" name="FAX">
241 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
242 
-                            <br /><input size="50" type="text" name="email">
243 
-                            <br /><br />お問い合わせ内容
244 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
473 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
474 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
475 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
476 
+                            <br/><input size="11" type="text" name="電話番号">
477 
+                            <br/><br/>FAX (半角数字 例→0583202200)
478 
+                            <br/><input size="11" type="text" name="FAX">
479 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
480 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
481 
+                            <br/><br/>お問い合わせ内容
482 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
245 483
246 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
484 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
247 485 
                             <INPUT TYPE="reset" VALUE="リセット">
248 486
249 
-                            <!-- 確認画面ありなし 暫定 -->
487 
+                          <!-- 確認画面ありなし 暫定 -->
250 488 
                             <input type="hidden" name="c_copy" value="on">
251 489 
                             <input type="hidden" name="space_check" value="on">
252 
-                            <!--
490 
+                          <!--
253 491 
 <input type="hidden" name="no_check" value="on">
254 492 
 -->
255 493 
                         </FORM>
256 494 
                     </span>
257 
-                    <!-- 本文データ ここまで -->
258 
-                </article>
259 
-            </section>
260 
-        </div>
261 
-
262 
-        <footer>
263 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
264 
-            <br />
265 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
266 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
267 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
268 
-        </footer>
495 
+        <!-- 本文データ ここまで -->
496 
+      </article>
497 
+    </section>
498 
+  </div>
269 499
500 
+  <footer>
501 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
502 
+    <div class="footer_mobile">
503 
+      <div class="footer_mobile_title">
504 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
505 
+        <h1 class="footerMobile__text">北方町役場</h1>
506 
+      </div>
507 
+      <div class="footer_mobile_address">
508 
+                    <span class="footerTextWrap__text">
509 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
510 
+                    </span><br>
511 
+        電話:058-323-1111(代)<br>
512 
+        FAX:058-323-2963<br>
513 
+        開庁日：8時30分～17時15分<br>
514 
+        （土・日・祝日、年末年始を除く）<br>
515 
+      </div>
270 516 
     </div>
271 
-    <img class="cgipageview"
272 
-        src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_lifelong_learning" height="1"
273 
-        width="1" />
517 
+    <br class="sp__brDisplay">
518 
+    <p class="footer_text">
519 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
520 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
521 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
522 
+    </p>
523 
+  </footer>
524 
+
525 
+</div>
526 
+<img class="cgipageview"
527 
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_lifelong_learning" height="1"
528 
+     width="1"/>
274 529 
 </body>
275 530
276 
-</html>
531 
+</html>

+ 423
- 169
second/Inquiry_form_parliament.html Datei anzeigen 

@@ -1,50 +1,297 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+          <div class="h-menu_block_text">
63 
+            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+          </div>
65 
+        </div>
66 
+        <div class="h-accordion__content">
67 
+          <div class="h-menu_accordion_block_start">
68 
+            <div class="h-menu_accordion_block_text">
69 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_accordion_block">
73 
+            <div class="h-menu_accordion_block_text">
74 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+            </div>
76 
+          </div>
77 
+          <div class="h-menu_accordion_block">
78 
+            <div class="h-menu_accordion_block_text">
79 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_accordion_block">
83 
+            <div class="h-menu_accordion_block_text">
84 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+            </div>
86 
+          </div>
87 
+          <div class="h-menu_accordion_block">
88 
+            <div class="h-menu_accordion_block_text">
89 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+            </div>
91 
+          </div>
92 
+          <div class="h-menu_accordion_block">
93 
+            <div class="h-menu_accordion_block_text">
94 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+            </div>
96 
+          </div>
97 
+          <div class="h-menu_accordion_block">
98 
+            <div class="h-menu_accordion_block_text">
99 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_accordion_block">
103 
+            <div class="h-menu_accordion_block_text">
104 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+            </div>
106 
+          </div>
107 
+          <div class="h-menu_accordion_block">
108 
+            <div class="h-menu_accordion_block_text">
109 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_accordion_block">
113 
+            <div class="h-menu_accordion_block_text">
114 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+            </div>
116 
+          </div>
117 
+          <div class="h-menu_accordion_block">
118 
+            <div class="h-menu_accordion_block_text">
119 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_accordion_block">
123 
+            <div class="h-menu_accordion_block_text">
124 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+            </div>
126 
+          </div>
127 
+          <div class="h-menu_accordion_block">
128 
+            <div class="h-menu_accordion_block_text">
129 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_accordion_block">
133 
+            <div class="h-menu_accordion_block_text">
134 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+            </div>
136 
+          </div>
137 
+          <div class="h-menu_accordion_block">
138 
+            <div class="h-menu_accordion_block_text">
139 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+            </div>
141 
+          </div>
142 
+          <div class="h-menu_accordion_block">
143 
+            <div class="h-menu_accordion_block_text">
144 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+            </div>
146 
+          </div>
147 
+          <div class="h-menu_accordion_block">
148 
+            <div class="h-menu_accordion_block_text">
149 
+              <a class="h_link" href="../second/Application_downloading.html"
150 
+                 name="anc15">申請書ダウンロード</a>
151 
+            </div>
152 
+          </div>
153 
+          <div class="h-menu_accordion_block">
154 
+            <div class="h-menu_accordion_block_text">
155 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+      </div>
161 
+      <div class="h-menu_main_block">
162 
+        <div class="h-menu_block">
163 
+          <a href="../second/tourism.html">
164 
+            <div class="h-menu_block_text h-menu_block_before">
165 
+              <div class="h-menu_block_text_center">
166 
+                観光
167 
+              </div>
168 
+            </div>
169 
+          </a>
170 
+        </div>
171 
+      </div>
172 
+      <div class="h-menu_main_block">
173 
+        <div class="h-menu_block">
174 
+          <a href="../second/business.html">
175 
+            <div class="h-menu_block_text h-menu_block_before">
176 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+            </div>
178 
+          </a>
179 
+        </div>
180 
+      </div>
181 
+      <div class="h-menu_main_block">
182 
+        <div class="h-menu_block">
183 
+          <a href="../second/town_admini_info.html">
184 
+            <div class="h-menu_block_text h-menu_block_before">
185 
+              <div class="h-menu_block_text_center">町政情報</div>
186 
+            </div>
187 
+          </a>
188 
+        </div>
189 
+      </div>
190 
+      <div class="h-menu_main_block">
191 
+        <div class="h-menu_block h-menu_block_before">
192 
+          <a href="../second/sitemap.html">
193 
+            <div class="h-menu_block_text h-menu_block_before">
194 
+              <div class="h-menu_block_text_center">
195 
+                サイトマップ
196 
+              </div>
197 
+            </div>
198 
+          </a>
199 
+        </div>
200 
+      </div>
201 
+      <div class="h-menu_main_block">
202 
+        <div class="h-menu_block h-menu_block_before">
203 
+          <a href="https://ai-staff.net/kitagata/chat">
204 
+            <div class="h-menu_block_text  h-menu_block_before">
205 
+              <div class="h-menu_block_text_center">
206 
+                AIチャット
207 
+              </div>
208 
+            </div>
209 
+          </a>
210 
+        </div>
211 
+      </div>
212 
+      <div class="h-menu_main_block">
213 
+        <div class="h-menu_block h-menu_block_before">
214 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+            <div class="h-menu_block_text">
216 
+              <div class="h-menu_block_text_center">
217 
+                お問い合わせ一覧
218 
+              </div>
219 
+            </div>
220 
+          </a>
221 
+        </div>
222 
+      </div>
223 
+      <div class="h-menu_main_block">
224 
+        <div class="h-menu_lang">
225 
+          <div class="h-menu_block_lang">
226 
+            <div class="h-menu_block_text_center">
227 
+              <div class="h-menu_block_text_line">
228 
+                背景変更
229 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                </div>
231 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                </div>
233 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                </div>
235 
+              </div>
236 
+              <script>
237 
+                  getBackgNumber2();
238 
+              </script>
239 
+              <div class="h-menu_block_text_line">言語選択
240 
+                <div class="mobile_translation">
241 
+                  <div id="google_translate_element"></div>
242 
+                </div>
243 
+              </div>
244 
+            </div>
245 
+          </div>
246 
+        </div>
247 
+      </div>
248 
+      <div class="h-menu_main_block">
249 
+        <div class="h-menu_search">
250 
+          <div class="h-menu_block_search">
251 
+            <form action="https://www.google.com/search">
252 
+              <input type="hidden" name="hl" value="ja"/>
253 
+              <input type="hidden" name="ie" value="UTF-8">
254 
+              <input type="hidden" name="oe" value="UTF-8">
255 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+              <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                     class="mobile_form_input"/>
258 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
259 
+            </form>
260 
+          </div>
261 
+        </div>
262 
+      </div>
263 
+    </div>
264 
+  </header>
265 
+
266 
+
267 
+  <!--セクション 操作-->
268 
+  <section id="operation">
269 
+    <!--セクション 住所-->
270 
+    <article id="address">
271 
+      <address id="operation_add">
272 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 273 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
274 
+      </address>
275 
+    </article>
276 
+    <div id="controle_panel">
277 
+      <!--セクション 背景色-->
278 
+      <article id="bgcolor">
279 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+        <div id="bgcolor_img">
281 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                 onClick="setBackground2(1)">
283 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                 onClick="setBackground2(2)">
285 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                 onClick="setBackground2(3)">
287 
+        </div>
288 
+        <script>
289 
+            getBackgNumber2();
290 
+        </script>
291 
+      </article>
45 292
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
293 
+      <!--セクション 文字サイズ-->
294 
+      <!--<article id="charsize" >
48 295 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 296 
 <div id="charsize_img">
50 297 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,121 +300,111 @@
53 300 
 </div>
54 301 
 </article>-->
55 302
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
303 
+      <!--セクション サイトマップ-->
304 
+      <article id="sitemap">
305 
+        <div id="sitemap_img">
306 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+        </div>
308 
+      </article>
309 
+      <!--セクション お問い合わせ-->
310 
+      <article id="contact">
311 
+        <div id="contact_img">
312 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+        </div>
315 
+      </article>
316 
+      <!--セクション 翻訳-->
317 
+      <article id="translation">
318 
+        <div id="translation_img">
319 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+          <div id="google_translate_element"></div>
321 
+        </div>
322 
+      </article>
323 
+      <div id="claer">
324 
+      </div>
325 
+    </div>
326 
+  </section>
90 327
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
328 
+  <!--ヘッダーデータ-->
329 
+  <header>
330 
+    <div id="header" class="gothic">
331 
+      <a href="../index.html">
332 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+      </a>
334 
+      <div id="h_block_1">
335 
+        <div class="h_line">
336 
+        </div>
337 
+        <article class="h_text_l">
338 
+          <a class="h_link" href="../second/living.html">
339 
+            <span class="h_text">くらしの情報</span></a>
340 
+        </article>
341 
+        <article class="h_text_l">
342 
+          <a class="h_link" href="../second/tourism.html">
343 
+            <span class="h_text">観光</span></a>
344 
+        </article>
345 
+        <article class="h_text_l">
346 
+          <a class="h_link" href="../second/business.html">
347 
+            <span class="h_text">事業者向け情報</span></a>
348 
+        </article>
349 
+        <article class="h_text_l">
350 
+          <a class="h_link" href="../second/town_admini_info.html">
351 
+            <span class="h_text">町政情報</span></a>
352 
+        </article>
353 
+      </div>
354 
+      <div id="h_block_search">
355 
+        <div class="h_line"></div>
356 
+        <article class="h_search">
357 
+          <div class="space10"></div>
358 
+          <form action="http://www.google.com/search">
359 
+            <input type="hidden" name="hl" value="ja"/>
360 
+            <input type="hidden" name="ie" value="UTF-8">
361 
+            <input type="hidden" name="oe" value="UTF-8">
362 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+            <input type="submit" name="btnG" value="検索"/>
365 
+          </form>
129 366
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
367 
+        </article>
368 
+      </div>
369 
+    </div>
370 
+  </header>
134 371
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>議会事務局へのお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">議会事務局へのお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
372 
+  <div>
373 
+    <!--セクション template-->
374 
+    <section id="template">
375 
+      <article id="breadcrumb">
376 
+        <div id="breadcrumb_title">
377 
+          <div id="breadcrumb_title_block">
378 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>議会事務局へのお問い合わせ</span>
379 
+          </div>
380 
+        </div>
381 
+      </article>
382 
+      <article id="template">
383 
+        <div id="template_title" class="gothic">
384 
+          <div id="template_title_block">
385 
+            <span id="template_title">議会事務局へのお問い合わせ</span>
386 
+          </div>
387 
+        </div>
388 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+        <span id="template_article_block">
153 390
154 391 
                         <!-- フォーム開始 -->
155 392 
                         <form method="post"
156 
-                            action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_parliament.cgi">
393 
+                              action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_parliament.cgi">
157 394 
                             <input type="hidden" name="subject" value="議会事務局へのお問い合わせ">
158 395 
                             <input type="hidden" name="location"
159 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_parliament.html">
160 
-                            <!-- 任意 -->
396 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_parliament.html">
397 
+                          <!-- 任意 -->
161 398
162 399 
                             お名前 <span style="color: red;">必須</span>
163 
-                            <br /><input size="30" type="text" name="名前">
164 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
165 
-                            <br /><input size="30" type="text" name="なまえ">
166 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
167 
-                            <br /><input size="7" type="text" name="郵便番号">
400 
+                            <br/><input size="30" type="text" name="名前">
401 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
402 
+                            <br/><input size="30" type="text" name="なまえ">
403 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
404 
+                            <br/><input size="7" type="text" name="郵便番号">
168 405
169 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
170 
-                            <br /><select name="都道府県">
406 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
407 
+                            <br/><select name="都道府県">
171 408 
                                 <option value="">都道府県を選択</option>
172 409 
                                 <optgroup label="北海道・東北地方">
173 410 
                                     <option value="北海道">北海道</option>
 
@@ -233,42 +470,59 @@
233 470 
                                 <option value="日本国外">日本国外</option>
234 471 
                             </select>
235 472
236 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
237 
-                            <br /><input size="50" type="text" name="市町区村・番地">
238 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 
-                            <br /><input size="11" type="text" name="電話番号">
240 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
241 
-                            <br /><input size="11" type="text" name="FAX">
242 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
243 
-                            <br /><input size="50" type="text" name="email">
244 
-                            <br /><br />お問い合わせ内容
245 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
473 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
474 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
475 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
476 
+                            <br/><input size="11" type="text" name="電話番号">
477 
+                            <br/><br/>FAX (半角数字 例→0583202200)
478 
+                            <br/><input size="11" type="text" name="FAX">
479 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
480 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
481 
+                            <br/><br/>お問い合わせ内容
482 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
246 483
247 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
484 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
248 485 
                             <INPUT TYPE="reset" VALUE="リセット">
249 486
250 
-                            <!-- 確認画面ありなし 暫定 -->
487 
+                          <!-- 確認画面ありなし 暫定 -->
251 488 
                             <input type="hidden" name="c_copy" value="on">
252 489 
                             <input type="hidden" name="space_check" value="on">
253 
-                            <!--
490 
+                          <!--
254 491 
 <input type="hidden" name="no_check" value="on">
255 492 
 -->
256 493 
                         </FORM>
257 494 
                     </span>
258 
-                    <!-- 本文データ ここまで -->
259 
-                </article>
260 
-            </section>
261 
-        </div>
262 
-
263 
-        <footer>
264 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
265 
-            <br />
266 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
267 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
268 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
269 
-        </footer>
495 
+        <!-- 本文データ ここまで -->
496 
+      </article>
497 
+    </section>
498 
+  </div>
270 499
500 
+  <footer>
501 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
502 
+    <div class="footer_mobile">
503 
+      <div class="footer_mobile_title">
504 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
505 
+        <h1 class="footerMobile__text">北方町役場</h1>
506 
+      </div>
507 
+      <div class="footer_mobile_address">
508 
+                    <span class="footerTextWrap__text">
509 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
510 
+                    </span><br>
511 
+        電話:058-323-1111(代)<br>
512 
+        FAX:058-323-2963<br>
513 
+        開庁日：8時30分～17時15分<br>
514 
+        （土・日・祝日、年末年始を除く）<br>
515 
+      </div>
271 516 
     </div>
517 
+    <br class="sp__brDisplay">
518 
+    <p class="footer_text">
519 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
520 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
521 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
522 
+    </p>
523 
+  </footer>
524 
+
525 
+</div>
272 526 
 </body>
273 527
274 
-</html>
528 
+</html>

+ 422
- 168
second/Inquiry_form_policy.html Datei anzeigen 

@@ -1,50 +1,297 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+          <div class="h-menu_block_text">
63 
+            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+          </div>
65 
+        </div>
66 
+        <div class="h-accordion__content">
67 
+          <div class="h-menu_accordion_block_start">
68 
+            <div class="h-menu_accordion_block_text">
69 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_accordion_block">
73 
+            <div class="h-menu_accordion_block_text">
74 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+            </div>
76 
+          </div>
77 
+          <div class="h-menu_accordion_block">
78 
+            <div class="h-menu_accordion_block_text">
79 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_accordion_block">
83 
+            <div class="h-menu_accordion_block_text">
84 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+            </div>
86 
+          </div>
87 
+          <div class="h-menu_accordion_block">
88 
+            <div class="h-menu_accordion_block_text">
89 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+            </div>
91 
+          </div>
92 
+          <div class="h-menu_accordion_block">
93 
+            <div class="h-menu_accordion_block_text">
94 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+            </div>
96 
+          </div>
97 
+          <div class="h-menu_accordion_block">
98 
+            <div class="h-menu_accordion_block_text">
99 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_accordion_block">
103 
+            <div class="h-menu_accordion_block_text">
104 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+            </div>
106 
+          </div>
107 
+          <div class="h-menu_accordion_block">
108 
+            <div class="h-menu_accordion_block_text">
109 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_accordion_block">
113 
+            <div class="h-menu_accordion_block_text">
114 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+            </div>
116 
+          </div>
117 
+          <div class="h-menu_accordion_block">
118 
+            <div class="h-menu_accordion_block_text">
119 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_accordion_block">
123 
+            <div class="h-menu_accordion_block_text">
124 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+            </div>
126 
+          </div>
127 
+          <div class="h-menu_accordion_block">
128 
+            <div class="h-menu_accordion_block_text">
129 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_accordion_block">
133 
+            <div class="h-menu_accordion_block_text">
134 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+            </div>
136 
+          </div>
137 
+          <div class="h-menu_accordion_block">
138 
+            <div class="h-menu_accordion_block_text">
139 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+            </div>
141 
+          </div>
142 
+          <div class="h-menu_accordion_block">
143 
+            <div class="h-menu_accordion_block_text">
144 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+            </div>
146 
+          </div>
147 
+          <div class="h-menu_accordion_block">
148 
+            <div class="h-menu_accordion_block_text">
149 
+              <a class="h_link" href="../second/Application_downloading.html"
150 
+                 name="anc15">申請書ダウンロード</a>
151 
+            </div>
152 
+          </div>
153 
+          <div class="h-menu_accordion_block">
154 
+            <div class="h-menu_accordion_block_text">
155 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+      </div>
161 
+      <div class="h-menu_main_block">
162 
+        <div class="h-menu_block">
163 
+          <a href="../second/tourism.html">
164 
+            <div class="h-menu_block_text h-menu_block_before">
165 
+              <div class="h-menu_block_text_center">
166 
+                観光
167 
+              </div>
168 
+            </div>
169 
+          </a>
170 
+        </div>
171 
+      </div>
172 
+      <div class="h-menu_main_block">
173 
+        <div class="h-menu_block">
174 
+          <a href="../second/business.html">
175 
+            <div class="h-menu_block_text h-menu_block_before">
176 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+            </div>
178 
+          </a>
179 
+        </div>
180 
+      </div>
181 
+      <div class="h-menu_main_block">
182 
+        <div class="h-menu_block">
183 
+          <a href="../second/town_admini_info.html">
184 
+            <div class="h-menu_block_text h-menu_block_before">
185 
+              <div class="h-menu_block_text_center">町政情報</div>
186 
+            </div>
187 
+          </a>
188 
+        </div>
189 
+      </div>
190 
+      <div class="h-menu_main_block">
191 
+        <div class="h-menu_block h-menu_block_before">
192 
+          <a href="../second/sitemap.html">
193 
+            <div class="h-menu_block_text h-menu_block_before">
194 
+              <div class="h-menu_block_text_center">
195 
+                サイトマップ
196 
+              </div>
197 
+            </div>
198 
+          </a>
199 
+        </div>
200 
+      </div>
201 
+      <div class="h-menu_main_block">
202 
+        <div class="h-menu_block h-menu_block_before">
203 
+          <a href="https://ai-staff.net/kitagata/chat">
204 
+            <div class="h-menu_block_text  h-menu_block_before">
205 
+              <div class="h-menu_block_text_center">
206 
+                AIチャット
207 
+              </div>
208 
+            </div>
209 
+          </a>
210 
+        </div>
211 
+      </div>
212 
+      <div class="h-menu_main_block">
213 
+        <div class="h-menu_block h-menu_block_before">
214 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+            <div class="h-menu_block_text">
216 
+              <div class="h-menu_block_text_center">
217 
+                お問い合わせ一覧
218 
+              </div>
219 
+            </div>
220 
+          </a>
221 
+        </div>
222 
+      </div>
223 
+      <div class="h-menu_main_block">
224 
+        <div class="h-menu_lang">
225 
+          <div class="h-menu_block_lang">
226 
+            <div class="h-menu_block_text_center">
227 
+              <div class="h-menu_block_text_line">
228 
+                背景変更
229 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                </div>
231 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                </div>
233 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                </div>
235 
+              </div>
236 
+              <script>
237 
+                  getBackgNumber2();
238 
+              </script>
239 
+              <div class="h-menu_block_text_line">言語選択
240 
+                <div class="mobile_translation">
241 
+                  <div id="google_translate_element"></div>
242 
+                </div>
243 
+              </div>
244 
+            </div>
245 
+          </div>
246 
+        </div>
247 
+      </div>
248 
+      <div class="h-menu_main_block">
249 
+        <div class="h-menu_search">
250 
+          <div class="h-menu_block_search">
251 
+            <form action="https://www.google.com/search">
252 
+              <input type="hidden" name="hl" value="ja"/>
253 
+              <input type="hidden" name="ie" value="UTF-8">
254 
+              <input type="hidden" name="oe" value="UTF-8">
255 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+              <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                     class="mobile_form_input"/>
258 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
259 
+            </form>
260 
+          </div>
261 
+        </div>
262 
+      </div>
263 
+    </div>
264 
+  </header>
265 
+
266 
+
267 
+  <!--セクション 操作-->
268 
+  <section id="operation">
269 
+    <!--セクション 住所-->
270 
+    <article id="address">
271 
+      <address id="operation_add">
272 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 273 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
274 
+      </address>
275 
+    </article>
276 
+    <div id="controle_panel">
277 
+      <!--セクション 背景色-->
278 
+      <article id="bgcolor">
279 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+        <div id="bgcolor_img">
281 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                 onClick="setBackground2(1)">
283 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                 onClick="setBackground2(2)">
285 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                 onClick="setBackground2(3)">
287 
+        </div>
288 
+        <script>
289 
+            getBackgNumber2();
290 
+        </script>
291 
+      </article>
45 292
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
293 
+      <!--セクション 文字サイズ-->
294 
+      <!--<article id="charsize" >
48 295 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 296 
 <div id="charsize_img">
50 297 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,120 +300,110 @@
53 300 
 </div>
54 301 
 </article>-->
55 302
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
303 
+      <!--セクション サイトマップ-->
304 
+      <article id="sitemap">
305 
+        <div id="sitemap_img">
306 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+        </div>
308 
+      </article>
309 
+      <!--セクション お問い合わせ-->
310 
+      <article id="contact">
311 
+        <div id="contact_img">
312 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+        </div>
315 
+      </article>
316 
+      <!--セクション 翻訳-->
317 
+      <article id="translation">
318 
+        <div id="translation_img">
319 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+          <div id="google_translate_element"></div>
321 
+        </div>
322 
+      </article>
323 
+      <div id="claer">
324 
+      </div>
325 
+    </div>
326 
+  </section>
90 327
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
328 
+  <!--ヘッダーデータ-->
329 
+  <header>
330 
+    <div id="header" class="gothic">
331 
+      <a href="../index.html">
332 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+      </a>
334 
+      <div id="h_block_1">
335 
+        <div class="h_line">
336 
+        </div>
337 
+        <article class="h_text_l">
338 
+          <a class="h_link" href="../second/living.html">
339 
+            <span class="h_text">くらしの情報</span></a>
340 
+        </article>
341 
+        <article class="h_text_l">
342 
+          <a class="h_link" href="../second/tourism.html">
343 
+            <span class="h_text">観光</span></a>
344 
+        </article>
345 
+        <article class="h_text_l">
346 
+          <a class="h_link" href="../second/business.html">
347 
+            <span class="h_text">事業者向け情報</span></a>
348 
+        </article>
349 
+        <article class="h_text_l">
350 
+          <a class="h_link" href="../second/town_admini_info.html">
351 
+            <span class="h_text">町政情報</span></a>
352 
+        </article>
353 
+      </div>
354 
+      <div id="h_block_search">
355 
+        <div class="h_line"></div>
356 
+        <article class="h_search">
357 
+          <div class="space10"></div>
358 
+          <form action="http://www.google.com/search">
359 
+            <input type="hidden" name="hl" value="ja"/>
360 
+            <input type="hidden" name="ie" value="UTF-8">
361 
+            <input type="hidden" name="oe" value="UTF-8">
362 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+            <input type="submit" name="btnG" value="検索"/>
365 
+          </form>
129 366
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
367 
+        </article>
368 
+      </div>
369 
+    </div>
370 
+  </header>
134 371
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>政策財政課へのお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">政策財政課へのお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
372 
+  <div>
373 
+    <!--セクション template-->
374 
+    <section id="template">
375 
+      <article id="breadcrumb">
376 
+        <div id="breadcrumb_title">
377 
+          <div id="breadcrumb_title_block">
378 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>政策財政課へのお問い合わせ</span>
379 
+          </div>
380 
+        </div>
381 
+      </article>
382 
+      <article id="template">
383 
+        <div id="template_title" class="gothic">
384 
+          <div id="template_title_block">
385 
+            <span id="template_title">政策財政課へのお問い合わせ</span>
386 
+          </div>
387 
+        </div>
388 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+        <span id="template_article_block">
153 390
154 391 
                         <!-- フォーム開始 -->
155 392 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_policy.cgi">
156 393 
                             <input type="hidden" name="subject" value="政策財政課へのお問い合わせ">
157 394 
                             <input type="hidden" name="location"
158 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_policy.html">
159 
-                            <!-- 任意 -->
395 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_policy.html">
396 
+                          <!-- 任意 -->
160 397
161 398 
                             お名前 <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="名前">
163 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
164 
-                            <br /><input size="30" type="text" name="なまえ">
165 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
166 
-                            <br /><input size="7" type="text" name="郵便番号">
399 
+                            <br/><input size="30" type="text" name="名前">
400 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
401 
+                            <br/><input size="30" type="text" name="なまえ">
402 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
403 
+                            <br/><input size="7" type="text" name="郵便番号">
167 404
168 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
169 
-                            <br /><select name="都道府県">
405 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
406 
+                            <br/><select name="都道府県">
170 407 
                                 <option value="">都道府県を選択</option>
171 408 
                                 <optgroup label="北海道・東北地方">
172 409 
                                     <option value="北海道">北海道</option>
 
@@ -232,42 +469,59 @@
232 469 
                                 <option value="日本国外">日本国外</option>
233 470 
                             </select>
234 471
235 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
236 
-                            <br /><input size="50" type="text" name="市町区村・番地">
237 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="電話番号">
239 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
240 
-                            <br /><input size="11" type="text" name="FAX">
241 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
242 
-                            <br /><input size="50" type="text" name="email">
243 
-                            <br /><br />お問い合わせ内容
244 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
472 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
473 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
474 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
475 
+                            <br/><input size="11" type="text" name="電話番号">
476 
+                            <br/><br/>FAX (半角数字 例→0583202200)
477 
+                            <br/><input size="11" type="text" name="FAX">
478 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
479 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
480 
+                            <br/><br/>お問い合わせ内容
481 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
245 482
246 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
483 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
247 484 
                             <INPUT TYPE="reset" VALUE="リセット">
248 485
249 
-                            <!-- 確認画面ありなし 暫定 -->
486 
+                          <!-- 確認画面ありなし 暫定 -->
250 487 
                             <input type="hidden" name="c_copy" value="on">
251 488 
                             <input type="hidden" name="space_check" value="on">
252 
-                            <!--
489 
+                          <!--
253 490 
 <input type="hidden" name="no_check" value="on">
254 491 
 -->
255 492 
                         </FORM>
256 493 
                     </span>
257 
-                    <!-- 本文データ ここまで -->
258 
-                </article>
259 
-            </section>
260 
-        </div>
261 
-
262 
-        <footer>
263 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
264 
-            <br />
265 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
266 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
267 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
268 
-        </footer>
494 
+        <!-- 本文データ ここまで -->
495 
+      </article>
496 
+    </section>
497 
+  </div>
269 498
499 
+  <footer>
500 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
501 
+    <div class="footer_mobile">
502 
+      <div class="footer_mobile_title">
503 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
504 
+        <h1 class="footerMobile__text">北方町役場</h1>
505 
+      </div>
506 
+      <div class="footer_mobile_address">
507 
+                    <span class="footerTextWrap__text">
508 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
509 
+                    </span><br>
510 
+        電話:058-323-1111(代)<br>
511 
+        FAX:058-323-2963<br>
512 
+        開庁日：8時30分～17時15分<br>
513 
+        （土・日・祝日、年末年始を除く）<br>
514 
+      </div>
270 515 
     </div>
516 
+    <br class="sp__brDisplay">
517 
+    <p class="footer_text">
518 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
519 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
520 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
521 
+    </p>
522 
+  </footer>
523 
+
524 
+</div>
271 525 
 </body>
272 526
273 
-</html>
527 
+</html>

+ 409
- 153
second/Inquiry_form_residents.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,162 +11,400 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 23 
     </meta>
16 24 
 </head>
17 25
18 26 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+        <div class="headerLogo">
41 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+        </div>
44 
+        <div class="headerTitle">
45 
+            <a href="../index.html" class="header_link">
46 
+                <h1 class="headerTitle__text">北方町</h1>
47 
+            </a>
48 
+        </div>
49 
+        <div class="headerSubTitle">
50 
+            <a href="../index.html" class="header_link">
51 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+            </a>
53 
+        </div>
54 
+        <div id="h-menu">
55 
+            <span></span>
56 
+            <span></span>
57 
+            <span></span>
58 
+            <div id="h-text">menu</div>
59 
+        </div>
60 
+        <div id="h-nav">
61 
+            <div class="h-menu_main_block_top">
62 
+                <div class="h-menu_block   h-accordion__title h-js-accordion-title">
63 
+                    <div class="h-menu_block_text">
64 
+                        <div class="h-menu_block_text_center">くらしの情報</div>
40 65 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
66 
+                </div>
67 
+                <div class="h-accordion__content">
68 
+                    <div class="h-menu_accordion_block_start">
69 
+                        <div class="h-menu_accordion_block_text">
70 
+                            <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
71 
+                        </div>
60 72 
                     </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
73 
+                    <div class="h-menu_accordion_block">
74 
+                        <div class="h-menu_accordion_block_text">
75 
+                            <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
76 
+                        </div>
67 77 
                     </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78 
+                    <div class="h-menu_accordion_block">
79 
+                        <div class="h-menu_accordion_block_text">
80 
+                            <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
81 
+                        </div>
82 
+                    </div>
83 
+                    <div class="h-menu_accordion_block">
84 
+                        <div class="h-menu_accordion_block_text">
85 
+                            <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
86 
+                        </div>
87 
+                    </div>
88 
+                    <div class="h-menu_accordion_block">
89 
+                        <div class="h-menu_accordion_block_text">
90 
+                            <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
91 
+                        </div>
92 
+                    </div>
93 
+                    <div class="h-menu_accordion_block">
94 
+                        <div class="h-menu_accordion_block_text">
95 
+                            <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
96 
+                        </div>
97 
+                    </div>
98 
+                    <div class="h-menu_accordion_block">
99 
+                        <div class="h-menu_accordion_block_text">
100 
+                            <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
101 
+                        </div>
102 
+                    </div>
103 
+                    <div class="h-menu_accordion_block">
104 
+                        <div class="h-menu_accordion_block_text">
105 
+                            <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
106 
+                        </div>
107 
+                    </div>
108 
+                    <div class="h-menu_accordion_block">
109 
+                        <div class="h-menu_accordion_block_text">
110 
+                            <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
111 
+                        </div>
112 
+                    </div>
113 
+                    <div class="h-menu_accordion_block">
114 
+                        <div class="h-menu_accordion_block_text">
115 
+                            <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="h-menu_accordion_block">
119 
+                        <div class="h-menu_accordion_block_text">
120 
+                            <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
121 
+                        </div>
122 
+                    </div>
123 
+                    <div class="h-menu_accordion_block">
124 
+                        <div class="h-menu_accordion_block_text">
125 
+                            <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
126 
+                        </div>
127 
+                    </div>
128 
+                    <div class="h-menu_accordion_block">
129 
+                        <div class="h-menu_accordion_block_text">
130 
+                            <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
131 
+                        </div>
132 
+                    </div>
133 
+                    <div class="h-menu_accordion_block">
134 
+                        <div class="h-menu_accordion_block_text">
135 
+                            <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
136 
+                        </div>
137 
+                    </div>
138 
+                    <div class="h-menu_accordion_block">
139 
+                        <div class="h-menu_accordion_block_text">
140 
+                            <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
141 
+                        </div>
142 
+                    </div>
143 
+                    <div class="h-menu_accordion_block">
144 
+                        <div class="h-menu_accordion_block_text">
145 
+                            <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
146 
+                        </div>
147 
+                    </div>
148 
+                    <div class="h-menu_accordion_block">
149 
+                        <div class="h-menu_accordion_block_text">
150 
+                            <a class="h_link" href="../second/Application_downloading.html"
151 
+                               name="anc15">申請書ダウンロード</a>
152 
+                        </div>
153 
+                    </div>
154 
+                    <div class="h-menu_accordion_block">
155 
+                        <div class="h-menu_accordion_block_text">
156 
+                            <a class="h_link" href="../third/living/Kwasemi_mail.html"
157 
+                               name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
158 
+                        </div>
84 159 
                     </div>
85 
-                </article>
86 
-                <div id="claer">
87 160 
                 </div>
88 161 
             </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
162 
+            <div class="h-menu_main_block">
163 
+                <div class="h-menu_block">
164 
+                    <a href="../second/tourism.html">
165 
+                        <div class="h-menu_block_text h-menu_block_before">
166 
+                            <div class="h-menu_block_text_center">
167 
+                                観光
168 
+                            </div>
169 
+                        </div>
170 
+                    </a>
171 
+                </div>
172 
+            </div>
173 
+            <div class="h-menu_main_block">
174 
+                <div class="h-menu_block">
175 
+                    <a href="../second/business.html">
176 
+                        <div class="h-menu_block_text h-menu_block_before">
177 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
178 
+                        </div>
179 
+                    </a>
180 
+                </div>
181 
+            </div>
182 
+            <div class="h-menu_main_block">
183 
+                <div class="h-menu_block">
184 
+                    <a href="../second/town_admini_info.html">
185 
+                        <div class="h-menu_block_text h-menu_block_before">
186 
+                            <div class="h-menu_block_text_center">町政情報</div>
187 
+                        </div>
188 
+                    </a>
189 
+                </div>
190 
+            </div>
191 
+            <div class="h-menu_main_block">
192 
+                <div class="h-menu_block h-menu_block_before">
193 
+                    <a href="../second/sitemap.html">
194 
+                        <div class="h-menu_block_text h-menu_block_before">
195 
+                            <div class="h-menu_block_text_center">
196 
+                                サイトマップ
197 
+                            </div>
198 
+                        </div>
199 
+                    </a>
200 
+                </div>
201 
+            </div>
202 
+            <div class="h-menu_main_block">
203 
+                <div class="h-menu_block h-menu_block_before">
204 
+                    <a href="https://ai-staff.net/kitagata/chat">
205 
+                        <div class="h-menu_block_text  h-menu_block_before">
206 
+                            <div class="h-menu_block_text_center">
207 
+                                AIチャット
208 
+                            </div>
209 
+                        </div>
210 
+                    </a>
211 
+                </div>
212 
+            </div>
213 
+            <div class="h-menu_main_block">
214 
+                <div class="h-menu_block h-menu_block_before">
215 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
216 
+                        <div class="h-menu_block_text">
217 
+                            <div class="h-menu_block_text_center">
218 
+                                お問い合わせ一覧
219 
+                            </div>
220 
+                        </div>
221 
+                    </a>
222 
+                </div>
223 
+            </div>
224 
+            <div class="h-menu_main_block">
225 
+                <div class="h-menu_lang">
226 
+                    <div class="h-menu_block_lang">
227 
+                        <div class="h-menu_block_text_center">
228 
+                            <div class="h-menu_block_text_line">
229 
+                                背景変更
230 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
231 
+                                </div>
232 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
233 
+                                </div>
234 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
235 
+                                </div>
236 
+                            </div>
237 
+                            <script>
238 
+                                getBackgNumber2();
239 
+                            </script>
240 
+                            <div class="h-menu_block_text_line">言語選択
241 
+                                <div class="mobile_translation">
242 
+                                    <div id="google_translate_element"></div>
243 
+                                </div>
244 
+                            </div>
245 
+                        </div>
99 246 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 247 
                 </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
248 
+            </div>
249 
+            <div class="h-menu_main_block">
250 
+                <div class="h-menu_search">
251 
+                    <div class="h-menu_block_search">
252 
+                        <form action="https://www.google.com/search">
253 
+                            <input type="hidden" name="hl" value="ja"/>
123 254 
                             <input type="hidden" name="ie" value="UTF-8">
124 255 
                             <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
256 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
257 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
258 
+                                   class="mobile_form_input"/>
259 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
128 260 
                         </form>
261 
+                    </div>
262 
+                </div>
263 
+            </div>
264 
+        </div>
265 
+    </header>
266 
+
267 
+
268 
+    <!--セクション 操作-->
269 
+    <section id="operation">
270 
+        <!--セクション 住所-->
271 
+        <article id="address">
272 
+            <address id="operation_add">
273 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
274 
+                        TEL:058-323-1111(代)</span>
275 
+            </address>
276 
+        </article>
277 
+        <div id="controle_panel">
278 
+            <!--セクション 背景色-->
279 
+            <article id="bgcolor">
280 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
281 
+                <div id="bgcolor_img">
282 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
283 
+                           onClick="setBackground2(1)">
284 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
285 
+                           onClick="setBackground2(2)">
286 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
287 
+                           onClick="setBackground2(3)">
288 
+                </div>
289 
+                <script>
290 
+                    getBackgNumber2();
291 
+                </script>
292 
+            </article>
293 
+
294 
+            <!--セクション 文字サイズ-->
295 
+            <!--<article id="charsize" >
296 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
297 
+    <div id="charsize_img">
298 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
299 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
300 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
301 
+    </div>
302 
+    </article>-->
303 
+
304 
+            <!--セクション サイトマップ-->
305 
+            <article id="sitemap">
306 
+                <div id="sitemap_img">
307 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
308 
+                </div>
309 
+            </article>
310 
+            <!--セクション お問い合わせ-->
311 
+            <article id="contact">
312 
+                <div id="contact_img">
313 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
314 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
315 
+                </div>
316 
+            </article>
317 
+            <!--セクション 翻訳-->
318 
+            <article id="translation">
319 
+                <div id="translation_img">
320 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
321 
+                    <div id="google_translate_element"></div>
322 
+                </div>
323 
+            </article>
324 
+            <div id="claer">
325 
+            </div>
326 
+        </div>
327 
+    </section>
129 328
130 
-                    </article>
329 
+    <!--ヘッダーデータ-->
330 
+    <header>
331 
+        <div id="header" class="gothic">
332 
+            <a href="../index.html">
333 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
334 
+            </a>
335 
+            <div id="h_block_1">
336 
+                <div class="h_line">
131 337 
                 </div>
338 
+                <article class="h_text_l">
339 
+                    <a class="h_link" href="../second/living.html">
340 
+                        <span class="h_text">くらしの情報</span></a>
341 
+                </article>
342 
+                <article class="h_text_l">
343 
+                    <a class="h_link" href="../second/tourism.html">
344 
+                        <span class="h_text">観光</span></a>
345 
+                </article>
346 
+                <article class="h_text_l">
347 
+                    <a class="h_link" href="../second/business.html">
348 
+                        <span class="h_text">事業者向け情報</span></a>
349 
+                </article>
350 
+                <article class="h_text_l">
351 
+                    <a class="h_link" href="../second/town_admini_info.html">
352 
+                        <span class="h_text">町政情報</span></a>
353 
+                </article>
132 354 
             </div>
133 
-        </header>
355 
+            <div id="h_block_search">
356 
+                <div class="h_line"></div>
357 
+                <article class="h_search">
358 
+                    <div class="space10"></div>
359 
+                    <form action="http://www.google.com/search">
360 
+                        <input type="hidden" name="hl" value="ja"/>
361 
+                        <input type="hidden" name="ie" value="UTF-8">
362 
+                        <input type="hidden" name="oe" value="UTF-8">
363 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
364 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
365 
+                        <input type="submit" name="btnG" value="検索"/>
366 
+                    </form>
134 367
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>住民保険課へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 368 
                 </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">住民保険課へお問い合わせ</span>
149 
-                        </div>
369 
+            </div>
370 
+        </div>
371 
+    </header>
372 
+
373 
+    <div>
374 
+        <!--セクション template-->
375 
+        <section id="template">
376 
+            <article id="breadcrumb">
377 
+                <div id="breadcrumb_title">
378 
+                    <div id="breadcrumb_title_block">
379 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>住民保険課へお問い合わせ</span>
150 380 
                     </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
381 
+                </div>
382 
+            </article>
383 
+            <article id="template">
384 
+                <div id="template_title" class="gothic">
385 
+                    <div id="template_title_block">
386 
+                        <span id="template_title">住民保険課へお問い合わせ</span>
387 
+                    </div>
388 
+                </div>
389 
+                <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
390 
+                <span id="template_article_block">
153 391 
                         <!-- フォーム開始 -->
154 392 
                         <form method="post"
155 
-                            action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_residents.cgi">
393 
+                              action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_residents.cgi">
156 394 
                             <input type="hidden" name="subject" value="住民保険課へお問い合わせ">
157 395 
                             <input type="hidden" name="location"
158 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_residents.html"> <!-- 任意 -->
396 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_residents.html">
397 
+                            <!-- 任意 -->
159 398
160 399 
                             お名前 <span style="color: red;">必須</span>
161 
-                            <br /><input size="30" type="text" name="名前">
162 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
163 
-                            <br /><input size="30" type="text" name="なまえ">
164 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
165 
-                            <br /><input size="7" type="text" name="郵便番号">
400 
+                            <br/><input size="30" type="text" name="名前">
401 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
402 
+                            <br/><input size="30" type="text" name="なまえ">
403 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
404 
+                            <br/><input size="7" type="text" name="郵便番号">
166 405
167 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
168 
-                            <br /><select name="都道府県">
406 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
407 
+                            <br/><select name="都道府県">
169 408 
                                 <option value="">都道府県を選択</option>
170 409 
                                 <optgroup label="北海道・東北地方">
171 410 
                                     <option value="北海道">北海道</option>
 
@@ -231,18 +470,18 @@
231 470 
                                 <option value="日本国外">日本国外</option>
232 471 
                             </select>
233 472
234 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
235 
-                            <br /><input size="50" type="text" name="市町区村・番地">
236 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
237 
-                            <br /><input size="11" type="text" name="電話番号">
238 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 
-                            <br /><input size="11" type="text" name="FAX">
240 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
241 
-                            <br /><input size="50" type="text" name="email">
242 
-                            <br /><br />お問い合わせ内容
243 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
473 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
474 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
475 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
476 
+                            <br/><input size="11" type="text" name="電話番号">
477 
+                            <br/><br/>FAX (半角数字 例→0583202200)
478 
+                            <br/><input size="11" type="text" name="FAX">
479 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
480 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
481 
+                            <br/><br/>お問い合わせ内容
482 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
244 483
245 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
484 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
246 485 
                             <INPUT TYPE="reset" VALUE="リセット">
247 486
248 487 
                             <!-- 確認画面ありなし 暫定 -->
 
@@ -253,22 +492,39 @@
253 492 
 -->
254 493 
                         </FORM>
255 494 
                     </span>
256 
-                    <!-- 本文データ ここまで -->
257 
-                </article>
258 
-            </section>
259 
-        </div>
495 
+                <!-- 本文データ ここまで -->
496 
+            </article>
497 
+        </section>
498 
+    </div>
260 499
261 
-        <footer>
262 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
263 
-            <br />
264 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
265 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
266 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
267 
-        </footer>
500 
+    <footer>
501 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
502 
+        <div class="footer_mobile">
503 
+            <div class="footer_mobile_title">
504 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
505 
+                <h1 class="footerMobile__text">北方町役場</h1>
506 
+            </div>
507 
+            <div class="footer_mobile_address">
508 
+                    <span class="footerTextWrap__text">
509 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
510 
+                    </span><br>
511 
+                電話:058-323-1111(代)<br>
512 
+                FAX:058-323-2963<br>
513 
+                開庁日：8時30分～17時15分<br>
514 
+                （土・日・祝日、年末年始を除く）<br>
515 
+            </div>
516 
+        </div>
517 
+        <br class="sp__brDisplay">
518 
+        <p class="footer_text">
519 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
520 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
521 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
522 
+        </p>
523 
+    </footer>
268 524
269 
-    </div>
270 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_residents"
271 
-        height="1" width="1" />
525 
+</div>
526 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_residents"
527 
+     height="1" width="1"/>
272 528 
 </body>
273 529
274 
-</html>
530 
+</html>

+ 278
- 24
second/Inquiry_form_storage.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,259 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
     <script src="../js/operation.js"></script>
19 
+    <script src="../js/menu.js"></script>
20 
+    <script src="../js/accordion.js"></script>
14 21 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
     </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+    <script type="text/javascript">
27 
+        function googleTranslateElementInit() {
28 
+            new google.translate.TranslateElement({
29 
+                pageLanguage: 'ja',
30 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+            }, 'google_translate_element');
32 
+        }
33 
+    </script>
34 
+    <script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
     <div id="main" class="gothic">
37 
+        <!-- mobile header -->
38 
+        <header class="header">
39 
+            <div class="headerLogo">
40 
+                <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                        src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+            </div>
43 
+            <div class="headerTitle">
44 
+                <a href="../index.html" class="header_link">
45 
+                    <h1 class="headerTitle__text">北方町</h1>
46 
+                </a>
47 
+            </div>
48 
+            <div class="headerSubTitle">
49 
+                <a href="../index.html" class="header_link">
50 
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+                </a>
52 
+            </div>
53 
+            <div id="h-menu">
54 
+                <span></span>
55 
+                <span></span>
56 
+                <span></span>
57 
+                <div id="h-text">menu</div>
58 
+            </div>
59 
+            <div id="h-nav">
60 
+                <div class="h-menu_main_block_top">
61 
+                    <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+                        <div class="h-menu_block_text">
63 
+                            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+                        </div>
65 
+                    </div>
66 
+                    <div class="h-accordion__content">
67 
+                        <div class="h-menu_accordion_block_start">
68 
+                            <div class="h-menu_accordion_block_text">
69 
+                                <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+                            </div>
71 
+                        </div>
72 
+                        <div class="h-menu_accordion_block">
73 
+                            <div class="h-menu_accordion_block_text">
74 
+                                <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+                            </div>
76 
+                        </div>
77 
+                        <div class="h-menu_accordion_block">
78 
+                            <div class="h-menu_accordion_block_text">
79 
+                                <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+                            </div>
81 
+                        </div>
82 
+                        <div class="h-menu_accordion_block">
83 
+                            <div class="h-menu_accordion_block_text">
84 
+                                <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+                            </div>
86 
+                        </div>
87 
+                        <div class="h-menu_accordion_block">
88 
+                            <div class="h-menu_accordion_block_text">
89 
+                                <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+                            </div>
91 
+                        </div>
92 
+                        <div class="h-menu_accordion_block">
93 
+                            <div class="h-menu_accordion_block_text">
94 
+                                <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+                            </div>
96 
+                        </div>
97 
+                        <div class="h-menu_accordion_block">
98 
+                            <div class="h-menu_accordion_block_text">
99 
+                                <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+                            </div>
101 
+                        </div>
102 
+                        <div class="h-menu_accordion_block">
103 
+                            <div class="h-menu_accordion_block_text">
104 
+                                <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+                            </div>
106 
+                        </div>
107 
+                        <div class="h-menu_accordion_block">
108 
+                            <div class="h-menu_accordion_block_text">
109 
+                                <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+                            </div>
111 
+                        </div>
112 
+                        <div class="h-menu_accordion_block">
113 
+                            <div class="h-menu_accordion_block_text">
114 
+                                <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+                            </div>
116 
+                        </div>
117 
+                        <div class="h-menu_accordion_block">
118 
+                            <div class="h-menu_accordion_block_text">
119 
+                                <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+                            </div>
121 
+                        </div>
122 
+                        <div class="h-menu_accordion_block">
123 
+                            <div class="h-menu_accordion_block_text">
124 
+                                <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+                            </div>
126 
+                        </div>
127 
+                        <div class="h-menu_accordion_block">
128 
+                            <div class="h-menu_accordion_block_text">
129 
+                                <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+                            </div>
131 
+                        </div>
132 
+                        <div class="h-menu_accordion_block">
133 
+                            <div class="h-menu_accordion_block_text">
134 
+                                <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+                            </div>
136 
+                        </div>
137 
+                        <div class="h-menu_accordion_block">
138 
+                            <div class="h-menu_accordion_block_text">
139 
+                                <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+                            </div>
141 
+                        </div>
142 
+                        <div class="h-menu_accordion_block">
143 
+                            <div class="h-menu_accordion_block_text">
144 
+                                <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+                            </div>
146 
+                        </div>
147 
+                        <div class="h-menu_accordion_block">
148 
+                            <div class="h-menu_accordion_block_text">
149 
+                                <a class="h_link" href="../second/Application_downloading.html"
150 
+                                    name="anc15">申請書ダウンロード</a>
151 
+                            </div>
152 
+                        </div>
153 
+                        <div class="h-menu_accordion_block">
154 
+                            <div class="h-menu_accordion_block_text">
155 
+                                <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                                    name="anc15">カワセミ便<br />（きたがた情報メール）</a>
157 
+                            </div>
158 
+                        </div>
159 
+                    </div>
160 
+                </div>
161 
+                <div class="h-menu_main_block">
162 
+                    <div class="h-menu_block">
163 
+                        <a href="../second/tourism.html">
164 
+                            <div class="h-menu_block_text h-menu_block_before">
165 
+                                <div class="h-menu_block_text_center">
166 
+                                    観光
167 
+                                </div>
168 
+                            </div>
169 
+                        </a>
170 
+                    </div>
171 
+                </div>
172 
+                <div class="h-menu_main_block">
173 
+                    <div class="h-menu_block">
174 
+                        <a href="../second/business.html">
175 
+                            <div class="h-menu_block_text h-menu_block_before">
176 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+                            </div>
178 
+                        </a>
179 
+                    </div>
180 
+                </div>
181 
+                <div class="h-menu_main_block">
182 
+                    <div class="h-menu_block">
183 
+                        <a href="../second/town_admini_info.html">
184 
+                            <div class="h-menu_block_text h-menu_block_before">
185 
+                                <div class="h-menu_block_text_center">町政情報</div>
186 
+                            </div>
187 
+                        </a>
188 
+                    </div>
189 
+                </div>
190 
+                <div class="h-menu_main_block">
191 
+                    <div class="h-menu_block h-menu_block_before">
192 
+                        <a href="../second/sitemap.html">
193 
+                            <div class="h-menu_block_text h-menu_block_before">
194 
+                                <div class="h-menu_block_text_center">
195 
+                                    サイトマップ
196 
+                                </div>
197 
+                            </div>
198 
+                        </a>
199 
+                    </div>
200 
+                </div>
201 
+                <div class="h-menu_main_block">
202 
+                    <div class="h-menu_block h-menu_block_before">
203 
+                        <a href="https://ai-staff.net/kitagata/chat">
204 
+                            <div class="h-menu_block_text  h-menu_block_before">
205 
+                                <div class="h-menu_block_text_center">
206 
+                                    AIチャット
207 
+                                </div>
208 
+                            </div>
209 
+                        </a>
210 
+                    </div>
211 
+                </div>
212 
+                <div class="h-menu_main_block">
213 
+                    <div class="h-menu_block h-menu_block_before">
214 
+                        <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+                            <div class="h-menu_block_text">
216 
+                                <div class="h-menu_block_text_center">
217 
+                                    お問い合わせ一覧
218 
+                                </div>
219 
+                            </div>
220 
+                        </a>
221 
+                    </div>
222 
+                </div>
223 
+                <div class="h-menu_main_block">
224 
+                    <div class="h-menu_lang">
225 
+                        <div class="h-menu_block_lang">
226 
+                            <div class="h-menu_block_text_center">
227 
+                                <div class="h-menu_block_text_line">
228 
+                                    背景変更
229 
+                                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                                    </div>
231 
+                                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                                    </div>
233 
+                                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                                    </div>
235 
+                                </div>
236 
+                                <script>
237 
+                                    getBackgNumber2();
238 
+                                </script>
239 
+                                <div class="h-menu_block_text_line">言語選択
240 
+                                    <div class="mobile_translation">
241 
+                                        <div id="google_translate_element"></div>
242 
+                                    </div>
243 
+                                </div>
244 
+                            </div>
245 
+                        </div>
246 
+                    </div>
247 
+                </div>
248 
+                <div class="h-menu_main_block">
249 
+                    <div class="h-menu_search">
250 
+                        <div class="h-menu_block_search">
251 
+                            <form action="https://www.google.com/search">
252 
+                                <input type="hidden" name="hl" value="ja" />
253 
+                                <input type="hidden" name="ie" value="UTF-8">
254 
+                                <input type="hidden" name="oe" value="UTF-8">
255 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
256 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                                    class="mobile_form_input" />
258 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
259 
+                            </form>
260 
+                        </div>
261 
+                    </div>
262 
+                </div>
263 
+            </div>
264 
+        </header>
265 
+
266 
+
20 267 
         <!--セクション 操作-->
21 268 
         <section id="operation">
22 269 
             <!--セクション 住所-->
 
@@ -45,13 +292,13 @@
45 292
46 293 
                 <!--セクション 文字サイズ-->
47 294 
                 <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
295 
+    	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+    	<div id="charsize_img">
297 
+    	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+    	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+    	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+    	</div>
301 
+    	</article>-->
55 302
56 303 
                 <!--セクション サイトマップ-->
57 304 
                 <article id="sitemap">
 
@@ -71,16 +318,6 @@
71 318 
                     <div id="translation_img">
72 319 
                         <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 320 
                         <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 321 
                     </div>
85 322 
                 </article>
86 323 
                 <div id="claer">
 
@@ -234,7 +471,7 @@
234 471 
                             <br /><input size="50" type="text" name="市町区村・番地">
235 472 
                             <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 473 
                             <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
474 
+                            <br /><br />FAX (半角数字 例→0583202200)
238 475 
                             <br /><input size="11" type="text" name="FAX">
239 476 
                             <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 477 
                             <br /><input size="50" type="text" name="email">
 
@@ -258,11 +495,28 @@
258 495 
         </div>
259 496
260 497 
         <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
498 
+            <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
499 
+            <div class="footer_mobile">
500 
+                <div class="footer_mobile_title">
501 
+                    <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
502 
+                    <h1 class="footerMobile__text">北方町役場</h1>
503 
+                </div>
504 
+                <div class="footer_mobile_address">
505 
+                    <span class="footerTextWrap__text">
506 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
507 
+                    </span><br>
508 
+                    電話:058-323-1111(代)<br>
509 
+                    FAX:058-323-2963<br>
510 
+                    開庁日：8時30分～17時15分<br>
511 
+                    （土・日・祝日、年末年始を除く）<br>
512 
+                </div>
513 
+            </div>
514 
+            <br class="sp__brDisplay">
515 
+            <p class="footer_text">
516 
+                <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
517 
+                <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
518 
+                <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
519 
+            </p>
266 520 
         </footer>
267 521
268 522 
     </div>

+ 405
- 150
second/Inquiry_form_tax.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,162 +11,399 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 23 
     </meta>
16 24 
 </head>
17 25
18 26 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+        <div class="headerLogo">
41 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+        </div>
44 
+        <div class="headerTitle">
45 
+            <a href="../index.html" class="header_link">
46 
+                <h1 class="headerTitle__text">北方町</h1>
47 
+            </a>
48 
+        </div>
49 
+        <div class="headerSubTitle">
50 
+            <a href="../index.html" class="header_link">
51 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+            </a>
53 
+        </div>
54 
+        <div id="h-menu">
55 
+            <span></span>
56 
+            <span></span>
57 
+            <span></span>
58 
+            <div id="h-text">menu</div>
59 
+        </div>
60 
+        <div id="h-nav">
61 
+            <div class="h-menu_main_block_top">
62 
+                <div class="h-menu_block   h-accordion__title h-js-accordion-title">
63 
+                    <div class="h-menu_block_text">
64 
+                        <div class="h-menu_block_text_center">くらしの情報</div>
40 65 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
66 
+                </div>
67 
+                <div class="h-accordion__content">
68 
+                    <div class="h-menu_accordion_block_start">
69 
+                        <div class="h-menu_accordion_block_text">
70 
+                            <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
71 
+                        </div>
60 72 
                     </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
73 
+                    <div class="h-menu_accordion_block">
74 
+                        <div class="h-menu_accordion_block_text">
75 
+                            <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
76 
+                        </div>
67 77 
                     </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78 
+                    <div class="h-menu_accordion_block">
79 
+                        <div class="h-menu_accordion_block_text">
80 
+                            <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
81 
+                        </div>
82 
+                    </div>
83 
+                    <div class="h-menu_accordion_block">
84 
+                        <div class="h-menu_accordion_block_text">
85 
+                            <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
86 
+                        </div>
87 
+                    </div>
88 
+                    <div class="h-menu_accordion_block">
89 
+                        <div class="h-menu_accordion_block_text">
90 
+                            <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
91 
+                        </div>
92 
+                    </div>
93 
+                    <div class="h-menu_accordion_block">
94 
+                        <div class="h-menu_accordion_block_text">
95 
+                            <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
96 
+                        </div>
97 
+                    </div>
98 
+                    <div class="h-menu_accordion_block">
99 
+                        <div class="h-menu_accordion_block_text">
100 
+                            <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
101 
+                        </div>
102 
+                    </div>
103 
+                    <div class="h-menu_accordion_block">
104 
+                        <div class="h-menu_accordion_block_text">
105 
+                            <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
106 
+                        </div>
107 
+                    </div>
108 
+                    <div class="h-menu_accordion_block">
109 
+                        <div class="h-menu_accordion_block_text">
110 
+                            <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
111 
+                        </div>
112 
+                    </div>
113 
+                    <div class="h-menu_accordion_block">
114 
+                        <div class="h-menu_accordion_block_text">
115 
+                            <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="h-menu_accordion_block">
119 
+                        <div class="h-menu_accordion_block_text">
120 
+                            <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
121 
+                        </div>
122 
+                    </div>
123 
+                    <div class="h-menu_accordion_block">
124 
+                        <div class="h-menu_accordion_block_text">
125 
+                            <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
126 
+                        </div>
127 
+                    </div>
128 
+                    <div class="h-menu_accordion_block">
129 
+                        <div class="h-menu_accordion_block_text">
130 
+                            <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
131 
+                        </div>
132 
+                    </div>
133 
+                    <div class="h-menu_accordion_block">
134 
+                        <div class="h-menu_accordion_block_text">
135 
+                            <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
136 
+                        </div>
137 
+                    </div>
138 
+                    <div class="h-menu_accordion_block">
139 
+                        <div class="h-menu_accordion_block_text">
140 
+                            <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
141 
+                        </div>
142 
+                    </div>
143 
+                    <div class="h-menu_accordion_block">
144 
+                        <div class="h-menu_accordion_block_text">
145 
+                            <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
146 
+                        </div>
147 
+                    </div>
148 
+                    <div class="h-menu_accordion_block">
149 
+                        <div class="h-menu_accordion_block_text">
150 
+                            <a class="h_link" href="../second/Application_downloading.html"
151 
+                               name="anc15">申請書ダウンロード</a>
152 
+                        </div>
153 
+                    </div>
154 
+                    <div class="h-menu_accordion_block">
155 
+                        <div class="h-menu_accordion_block_text">
156 
+                            <a class="h_link" href="../third/living/Kwasemi_mail.html"
157 
+                               name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
158 
+                        </div>
84 159 
                     </div>
85 
-                </article>
86 
-                <div id="claer">
87 160 
                 </div>
88 161 
             </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
162 
+            <div class="h-menu_main_block">
163 
+                <div class="h-menu_block">
164 
+                    <a href="../second/tourism.html">
165 
+                        <div class="h-menu_block_text h-menu_block_before">
166 
+                            <div class="h-menu_block_text_center">
167 
+                                観光
168 
+                            </div>
169 
+                        </div>
170 
+                    </a>
171 
+                </div>
172 
+            </div>
173 
+            <div class="h-menu_main_block">
174 
+                <div class="h-menu_block">
175 
+                    <a href="../second/business.html">
176 
+                        <div class="h-menu_block_text h-menu_block_before">
177 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
178 
+                        </div>
179 
+                    </a>
180 
+                </div>
181 
+            </div>
182 
+            <div class="h-menu_main_block">
183 
+                <div class="h-menu_block">
184 
+                    <a href="../second/town_admini_info.html">
185 
+                        <div class="h-menu_block_text h-menu_block_before">
186 
+                            <div class="h-menu_block_text_center">町政情報</div>
187 
+                        </div>
188 
+                    </a>
189 
+                </div>
190 
+            </div>
191 
+            <div class="h-menu_main_block">
192 
+                <div class="h-menu_block h-menu_block_before">
193 
+                    <a href="../second/sitemap.html">
194 
+                        <div class="h-menu_block_text h-menu_block_before">
195 
+                            <div class="h-menu_block_text_center">
196 
+                                サイトマップ
197 
+                            </div>
198 
+                        </div>
199 
+                    </a>
200 
+                </div>
201 
+            </div>
202 
+            <div class="h-menu_main_block">
203 
+                <div class="h-menu_block h-menu_block_before">
204 
+                    <a href="https://ai-staff.net/kitagata/chat">
205 
+                        <div class="h-menu_block_text  h-menu_block_before">
206 
+                            <div class="h-menu_block_text_center">
207 
+                                AIチャット
208 
+                            </div>
209 
+                        </div>
210 
+                    </a>
211 
+                </div>
212 
+            </div>
213 
+            <div class="h-menu_main_block">
214 
+                <div class="h-menu_block h-menu_block_before">
215 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
216 
+                        <div class="h-menu_block_text">
217 
+                            <div class="h-menu_block_text_center">
218 
+                                お問い合わせ一覧
219 
+                            </div>
220 
+                        </div>
221 
+                    </a>
222 
+                </div>
223 
+            </div>
224 
+            <div class="h-menu_main_block">
225 
+                <div class="h-menu_lang">
226 
+                    <div class="h-menu_block_lang">
227 
+                        <div class="h-menu_block_text_center">
228 
+                            <div class="h-menu_block_text_line">
229 
+                                背景変更
230 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
231 
+                                </div>
232 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
233 
+                                </div>
234 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
235 
+                                </div>
236 
+                            </div>
237 
+                            <script>
238 
+                                getBackgNumber2();
239 
+                            </script>
240 
+                            <div class="h-menu_block_text_line">言語選択
241 
+                                <div class="mobile_translation">
242 
+                                    <div id="google_translate_element"></div>
243 
+                                </div>
244 
+                            </div>
245 
+                        </div>
99 246 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 247 
                 </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
248 
+            </div>
249 
+            <div class="h-menu_main_block">
250 
+                <div class="h-menu_search">
251 
+                    <div class="h-menu_block_search">
252 
+                        <form action="https://www.google.com/search">
253 
+                            <input type="hidden" name="hl" value="ja"/>
123 254 
                             <input type="hidden" name="ie" value="UTF-8">
124 255 
                             <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
256 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
257 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
258 
+                                   class="mobile_form_input"/>
259 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
128 260 
                         </form>
261 
+                    </div>
262 
+                </div>
263 
+            </div>
264 
+        </div>
265 
+    </header>
266 
+
267 
+
268 
+    <!--セクション 操作-->
269 
+    <section id="operation">
270 
+        <!--セクション 住所-->
271 
+        <article id="address">
272 
+            <address id="operation_add">
273 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
274 
+                        TEL:058-323-1111(代)</span>
275 
+            </address>
276 
+        </article>
277 
+        <div id="controle_panel">
278 
+            <!--セクション 背景色-->
279 
+            <article id="bgcolor">
280 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
281 
+                <div id="bgcolor_img">
282 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
283 
+                           onClick="setBackground2(1)">
284 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
285 
+                           onClick="setBackground2(2)">
286 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
287 
+                           onClick="setBackground2(3)">
288 
+                </div>
289 
+                <script>
290 
+                    getBackgNumber2();
291 
+                </script>
292 
+            </article>
293 
+
294 
+            <!--セクション 文字サイズ-->
295 
+            <!--<article id="charsize" >
296 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
297 
+    <div id="charsize_img">
298 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
299 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
300 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
301 
+    </div>
302 
+    </article>-->
303 
+
304 
+            <!--セクション サイトマップ-->
305 
+            <article id="sitemap">
306 
+                <div id="sitemap_img">
307 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
308 
+                </div>
309 
+            </article>
310 
+            <!--セクション お問い合わせ-->
311 
+            <article id="contact">
312 
+                <div id="contact_img">
313 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
314 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
315 
+                </div>
316 
+            </article>
317 
+            <!--セクション 翻訳-->
318 
+            <article id="translation">
319 
+                <div id="translation_img">
320 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
321 
+                    <div id="google_translate_element"></div>
322 
+                </div>
323 
+            </article>
324 
+            <div id="claer">
325 
+            </div>
326 
+        </div>
327 
+    </section>
129 328
130 
-                    </article>
329 
+    <!--ヘッダーデータ-->
330 
+    <header>
331 
+        <div id="header" class="gothic">
332 
+            <a href="../index.html">
333 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
334 
+            </a>
335 
+            <div id="h_block_1">
336 
+                <div class="h_line">
131 337 
                 </div>
338 
+                <article class="h_text_l">
339 
+                    <a class="h_link" href="../second/living.html">
340 
+                        <span class="h_text">くらしの情報</span></a>
341 
+                </article>
342 
+                <article class="h_text_l">
343 
+                    <a class="h_link" href="../second/tourism.html">
344 
+                        <span class="h_text">観光</span></a>
345 
+                </article>
346 
+                <article class="h_text_l">
347 
+                    <a class="h_link" href="../second/business.html">
348 
+                        <span class="h_text">事業者向け情報</span></a>
349 
+                </article>
350 
+                <article class="h_text_l">
351 
+                    <a class="h_link" href="../second/town_admini_info.html">
352 
+                        <span class="h_text">町政情報</span></a>
353 
+                </article>
132 354 
             </div>
133 
-        </header>
355 
+            <div id="h_block_search">
356 
+                <div class="h_line"></div>
357 
+                <article class="h_search">
358 
+                    <div class="space10"></div>
359 
+                    <form action="http://www.google.com/search">
360 
+                        <input type="hidden" name="hl" value="ja"/>
361 
+                        <input type="hidden" name="ie" value="UTF-8">
362 
+                        <input type="hidden" name="oe" value="UTF-8">
363 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
364 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
365 
+                        <input type="submit" name="btnG" value="検索"/>
366 
+                    </form>
134 367
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>税務課へのお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 368 
                 </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">税務課へのお問い合わせ</span>
149 
-                        </div>
369 
+            </div>
370 
+        </div>
371 
+    </header>
372 
+
373 
+    <div>
374 
+        <!--セクション template-->
375 
+        <section id="template">
376 
+            <article id="breadcrumb">
377 
+                <div id="breadcrumb_title">
378 
+                    <div id="breadcrumb_title_block">
379 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>税務課へのお問い合わせ</span>
150 380 
                     </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
381 
+                </div>
382 
+            </article>
383 
+            <article id="template">
384 
+                <div id="template_title" class="gothic">
385 
+                    <div id="template_title_block">
386 
+                        <span id="template_title">税務課へのお問い合わせ</span>
387 
+                    </div>
388 
+                </div>
389 
+                <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
390 
+                <span id="template_article_block">
153 391
154 392 
                         <!-- フォーム開始 -->
155 393 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_tax.cgi">
156 394 
                             <input type="hidden" name="subject" value="税務課へのお問い合わせ">
157 395 
                             <input type="hidden" name="location"
158 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_tax.html"> <!-- 任意 -->
396 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_tax.html"> <!-- 任意 -->
159 397
160 398 
                             お名前 <span style="color: red;">必須</span>
161 
-                            <br /><input size="30" type="text" name="名前">
162 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
163 
-                            <br /><input size="30" type="text" name="なまえ">
164 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
165 
-                            <br /><input size="7" type="text" name="郵便番号">
399 
+                            <br/><input size="30" type="text" name="名前">
400 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
401 
+                            <br/><input size="30" type="text" name="なまえ">
402 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
403 
+                            <br/><input size="7" type="text" name="郵便番号">
166 404
167 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
168 
-                            <br /><select name="都道府県">
405 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
406 
+                            <br/><select name="都道府県">
169 407 
                                 <option value="">都道府県を選択</option>
170 408 
                                 <optgroup label="北海道・東北地方">
171 409 
                                     <option value="北海道">北海道</option>
 
@@ -231,18 +469,18 @@
231 469 
                                 <option value="日本国外">日本国外</option>
232 470 
                             </select>
233 471
234 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
235 
-                            <br /><input size="50" type="text" name="市町区村・番地">
236 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
237 
-                            <br /><input size="11" type="text" name="電話番号">
238 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
239 
-                            <br /><input size="11" type="text" name="FAX">
240 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
241 
-                            <br /><input size="50" type="text" name="email">
242 
-                            <br /><br />お問い合わせ内容
243 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
472 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
473 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
474 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
475 
+                            <br/><input size="11" type="text" name="電話番号">
476 
+                            <br/><br/>FAX (半角数字 例→0583202200)
477 
+                            <br/><input size="11" type="text" name="FAX">
478 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
479 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
480 
+                            <br/><br/>お問い合わせ内容
481 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
244 482
245 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
483 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
246 484 
                             <INPUT TYPE="reset" VALUE="リセット">
247 485
248 486 
                             <!-- 確認画面ありなし 暫定 -->
 
@@ -253,20 +491,37 @@
253 491 
 -->
254 492 
                         </FORM>
255 493 
                     </span>
256 
-                    <!-- 本文データ ここまで -->
257 
-                </article>
258 
-            </section>
259 
-        </div>
494 
+                <!-- 本文データ ここまで -->
495 
+            </article>
496 
+        </section>
497 
+    </div>
260 498
261 
-        <footer>
262 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
263 
-            <br />
264 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
265 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
266 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
267 
-        </footer>
499 
+    <footer>
500 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
501 
+        <div class="footer_mobile">
502 
+            <div class="footer_mobile_title">
503 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
504 
+                <h1 class="footerMobile__text">北方町役場</h1>
505 
+            </div>
506 
+            <div class="footer_mobile_address">
507 
+                    <span class="footerTextWrap__text">
508 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
509 
+                    </span><br>
510 
+                電話:058-323-1111(代)<br>
511 
+                FAX:058-323-2963<br>
512 
+                開庁日：8時30分～17時15分<br>
513 
+                （土・日・祝日、年末年始を除く）<br>
514 
+            </div>
515 
+        </div>
516 
+        <br class="sp__brDisplay">
517 
+        <p class="footer_text">
518 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
519 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
520 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
521 
+        </p>
522 
+    </footer>
268 523
269 
-    </div>
524 
+</div>
270 525 
 </body>
271 526
272 
-</html>
527 
+</html>

+ 423
- 172
second/Inquiry_form_urban.html Datei anzeigen 

@@ -1,50 +1,296 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
7 
+  <!--くらしの情報-->
8 
+  <link rel="stylesheet" href="../css/base.css">
9 
+  <link rel="stylesheet" href="../css/second_header.css">
10 
+  <link rel="stylesheet" href="../css/footer.css">
11 
+  <link rel="stylesheet" href="../css/section.css">
12 
+  <link rel="stylesheet" href="../css/third_template.css">
13 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
17 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
18 
+  <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
21 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
61 
+          <div class="h-menu_block_text">
62 
+            <div class="h-menu_block_text_center">くらしの情報</div>
63 
+          </div>
64 
+        </div>
65 
+        <div class="h-accordion__content">
66 
+          <div class="h-menu_accordion_block_start">
67 
+            <div class="h-menu_accordion_block_text">
68 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
69 
+            </div>
70 
+          </div>
71 
+          <div class="h-menu_accordion_block">
72 
+            <div class="h-menu_accordion_block_text">
73 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
74 
+            </div>
75 
+          </div>
76 
+          <div class="h-menu_accordion_block">
77 
+            <div class="h-menu_accordion_block_text">
78 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_accordion_block">
82 
+            <div class="h-menu_accordion_block_text">
83 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
84 
+            </div>
85 
+          </div>
86 
+          <div class="h-menu_accordion_block">
87 
+            <div class="h-menu_accordion_block_text">
88 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
89 
+            </div>
90 
+          </div>
91 
+          <div class="h-menu_accordion_block">
92 
+            <div class="h-menu_accordion_block_text">
93 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
94 
+            </div>
95 
+          </div>
96 
+          <div class="h-menu_accordion_block">
97 
+            <div class="h-menu_accordion_block_text">
98 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
99 
+            </div>
100 
+          </div>
101 
+          <div class="h-menu_accordion_block">
102 
+            <div class="h-menu_accordion_block_text">
103 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
104 
+            </div>
105 
+          </div>
106 
+          <div class="h-menu_accordion_block">
107 
+            <div class="h-menu_accordion_block_text">
108 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_accordion_block">
112 
+            <div class="h-menu_accordion_block_text">
113 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
114 
+            </div>
115 
+          </div>
116 
+          <div class="h-menu_accordion_block">
117 
+            <div class="h-menu_accordion_block_text">
118 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_accordion_block">
122 
+            <div class="h-menu_accordion_block_text">
123 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
124 
+            </div>
125 
+          </div>
126 
+          <div class="h-menu_accordion_block">
127 
+            <div class="h-menu_accordion_block_text">
128 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
129 
+            </div>
130 
+          </div>
131 
+          <div class="h-menu_accordion_block">
132 
+            <div class="h-menu_accordion_block_text">
133 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
134 
+            </div>
135 
+          </div>
136 
+          <div class="h-menu_accordion_block">
137 
+            <div class="h-menu_accordion_block_text">
138 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
139 
+            </div>
140 
+          </div>
141 
+          <div class="h-menu_accordion_block">
142 
+            <div class="h-menu_accordion_block_text">
143 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
144 
+            </div>
145 
+          </div>
146 
+          <div class="h-menu_accordion_block">
147 
+            <div class="h-menu_accordion_block_text">
148 
+              <a class="h_link" href="../second/Application_downloading.html"
149 
+                 name="anc15">申請書ダウンロード</a>
150 
+            </div>
151 
+          </div>
152 
+          <div class="h-menu_accordion_block">
153 
+            <div class="h-menu_accordion_block_text">
154 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
155 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
156 
+            </div>
157 
+          </div>
158 
+        </div>
159 
+      </div>
160 
+      <div class="h-menu_main_block">
161 
+        <div class="h-menu_block">
162 
+          <a href="../second/tourism.html">
163 
+            <div class="h-menu_block_text h-menu_block_before">
164 
+              <div class="h-menu_block_text_center">
165 
+                観光
166 
+              </div>
167 
+            </div>
168 
+          </a>
169 
+        </div>
170 
+      </div>
171 
+      <div class="h-menu_main_block">
172 
+        <div class="h-menu_block">
173 
+          <a href="../second/business.html">
174 
+            <div class="h-menu_block_text h-menu_block_before">
175 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
176 
+            </div>
177 
+          </a>
178 
+        </div>
179 
+      </div>
180 
+      <div class="h-menu_main_block">
181 
+        <div class="h-menu_block">
182 
+          <a href="../second/town_admini_info.html">
183 
+            <div class="h-menu_block_text h-menu_block_before">
184 
+              <div class="h-menu_block_text_center">町政情報</div>
185 
+            </div>
186 
+          </a>
187 
+        </div>
188 
+      </div>
189 
+      <div class="h-menu_main_block">
190 
+        <div class="h-menu_block h-menu_block_before">
191 
+          <a href="../second/sitemap.html">
192 
+            <div class="h-menu_block_text h-menu_block_before">
193 
+              <div class="h-menu_block_text_center">
194 
+                サイトマップ
195 
+              </div>
196 
+            </div>
197 
+          </a>
198 
+        </div>
199 
+      </div>
200 
+      <div class="h-menu_main_block">
201 
+        <div class="h-menu_block h-menu_block_before">
202 
+          <a href="https://ai-staff.net/kitagata/chat">
203 
+            <div class="h-menu_block_text  h-menu_block_before">
204 
+              <div class="h-menu_block_text_center">
205 
+                AIチャット
206 
+              </div>
207 
+            </div>
208 
+          </a>
209 
+        </div>
210 
+      </div>
211 
+      <div class="h-menu_main_block">
212 
+        <div class="h-menu_block h-menu_block_before">
213 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
214 
+            <div class="h-menu_block_text">
215 
+              <div class="h-menu_block_text_center">
216 
+                お問い合わせ一覧
217 
+              </div>
218 
+            </div>
219 
+          </a>
220 
+        </div>
221 
+      </div>
222 
+      <div class="h-menu_main_block">
223 
+        <div class="h-menu_lang">
224 
+          <div class="h-menu_block_lang">
225 
+            <div class="h-menu_block_text_center">
226 
+              <div class="h-menu_block_text_line">
227 
+                背景変更
228 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
229 
+                </div>
230 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
231 
+                </div>
232 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
233 
+                </div>
234 
+              </div>
235 
+              <script>
236 
+                  getBackgNumber2();
237 
+              </script>
238 
+              <div class="h-menu_block_text_line">言語選択
239 
+                <div class="mobile_translation">
240 
+                  <div id="google_translate_element"></div>
241 
+                </div>
242 
+              </div>
243 
+            </div>
244 
+          </div>
245 
+        </div>
246 
+      </div>
247 
+      <div class="h-menu_main_block">
248 
+        <div class="h-menu_search">
249 
+          <div class="h-menu_block_search">
250 
+            <form action="https://www.google.com/search">
251 
+              <input type="hidden" name="hl" value="ja"/>
252 
+              <input type="hidden" name="ie" value="UTF-8">
253 
+              <input type="hidden" name="oe" value="UTF-8">
254 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
255 
+              <input type="text" name="q" size="16" maxlength="256" value=""
256 
+                     class="mobile_form_input"/>
257 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
258 
+            </form>
259 
+          </div>
260 
+        </div>
261 
+      </div>
262 
+    </div>
263 
+  </header>
264 
+
265 
+
266 
+  <!--セクション 操作-->
267 
+  <section id="operation">
268 
+    <!--セクション 住所-->
269 
+    <article id="address">
270 
+      <address id="operation_add">
271 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 272 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
273 
+      </address>
274 
+    </article>
275 
+    <div id="controle_panel">
276 
+      <!--セクション 背景色-->
277 
+      <article id="bgcolor">
278 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
279 
+        <div id="bgcolor_img">
280 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
281 
+                 onClick="setBackground2(1)">
282 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
283 
+                 onClick="setBackground2(2)">
284 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
285 
+                 onClick="setBackground2(3)">
286 
+        </div>
287 
+        <script>
288 
+            getBackgNumber2();
289 
+        </script>
290 
+      </article>
45 291
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
292 
+      <!--セクション 文字サイズ-->
293 
+      <!--<article id="charsize" >
48 294 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 295 
 <div id="charsize_img">
50 296 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,118 +299,107 @@
53 299 
 </div>
54 300 
 </article>-->
55 301
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
302 
+      <!--セクション サイトマップ-->
303 
+      <article id="sitemap">
304 
+        <div id="sitemap_img">
305 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
306 
+        </div>
307 
+      </article>
308 
+      <!--セクション お問い合わせ-->
309 
+      <article id="contact">
310 
+        <div id="contact_img">
311 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
312 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
313 
+        </div>
314 
+      </article>
315 
+      <!--セクション 翻訳-->
316 
+      <article id="translation">
317 
+        <div id="translation_img">
318 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
319 
+          <div id="google_translate_element"></div>
320 
+        </div>
321 
+      </article>
322 
+      <div id="claer">
323 
+      </div>
324 
+    </div>
325 
+  </section>
326 
+  <!--ヘッダーデータ-->
327 
+  <header>
328 
+    <div id="header" class="gothic">
329 
+      <a href="../index.html">
330 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
331 
+      </a>
332 
+      <div id="h_block_1">
333 
+        <div class="h_line">
334 
+        </div>
335 
+        <article class="h_text_l">
336 
+          <a class="h_link" href="../second/living.html">
337 
+            <span class="h_text">くらしの情報</span></a>
338 
+        </article>
339 
+        <article class="h_text_l">
340 
+          <a class="h_link" href="../second/tourism.html">
341 
+            <span class="h_text">観光</span></a>
342 
+        </article>
343 
+        <article class="h_text_l">
344 
+          <a class="h_link" href="../second/business.html">
345 
+            <span class="h_text">事業者向け情報</span></a>
346 
+        </article>
347 
+        <article class="h_text_l">
348 
+          <a class="h_link" href="../second/town_admini_info.html">
349 
+            <span class="h_text">町政情報</span></a>
350 
+        </article>
351 
+      </div>
352 
+      <div id="h_block_search">
353 
+        <div class="h_line"></div>
354 
+        <article class="h_search">
355 
+          <div class="space10"></div>
356 
+          <form action="http://www.google.com/search">
357 
+            <input type="hidden" name="hl" value="ja"/>
358 
+            <input type="hidden" name="ie" value="UTF-8">
359 
+            <input type="hidden" name="oe" value="UTF-8">
360 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
361 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
362 
+            <input type="submit" name="btnG" value="検索"/>
363 
+          </form>
129 364
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
365 
+        </article>
366 
+      </div>
367 
+    </div>
368 
+  </header>
134 369
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>都市環境課へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">都市環境課へお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
370 
+  <div>
371 
+    <!--セクション template-->
372 
+    <section id="template">
373 
+      <article id="breadcrumb">
374 
+        <div id="breadcrumb_title">
375 
+          <div id="breadcrumb_title_block">
376 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>都市環境課へお問い合わせ</span>
377 
+          </div>
378 
+        </div>
379 
+      </article>
380 
+      <article id="template">
381 
+        <div id="template_title" class="gothic">
382 
+          <div id="template_title_block">
383 
+            <span id="template_title">都市環境課へお問い合わせ</span>
384 
+          </div>
385 
+        </div>
386 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
387 
+        <span id="template_article_block">
153 388 
                         <!-- フォーム開始 -->
154 389 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_urban.cgi">
155 390 
                             <input type="hidden" name="subject" value="都市環境課へお問い合わせ">
156 391 
                             <input type="hidden" name="location"
157 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_urban.html"> <!-- 任意 -->
392 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_urban.html"> <!-- 任意 -->
158 393
159 394 
                             お名前 <span style="color: red;">必須</span>
160 
-                            <br /><input size="30" type="text" name="名前">
161 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="なまえ">
163 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
164 
-                            <br /><input size="7" type="text" name="郵便番号">
395 
+                            <br/><input size="30" type="text" name="名前">
396 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
397 
+                            <br/><input size="30" type="text" name="なまえ">
398 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
399 
+                            <br/><input size="7" type="text" name="郵便番号">
165 400
166 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
167 
-                            <br /><select name="都道府県">
401 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
402 
+                            <br/><select name="都道府県">
168 403 
                                 <option value="">都道府県を選択</option>
169 404 
                                 <optgroup label="北海道・東北地方">
170 405 
                                     <option value="北海道">北海道</option>
 
@@ -230,44 +465,60 @@
230 465 
                                 <option value="日本国外">日本国外</option>
231 466 
                             </select>
232 467
233 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
234 
-                            <br /><input size="50" type="text" name="市町区村・番地">
235 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 
-                            <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="FAX">
239 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 
-                            <br /><input size="50" type="text" name="email">
241 
-                            <br /><br />お問い合わせ内容
242 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
243 
-
244 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
468 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
469 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
470 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
471 
+                            <br/><input size="11" type="text" name="電話番号">
472 
+                            <br/><br/>FAX (半角数字 例→0583202200)
473 
+                            <br/><input size="11" type="text" name="FAX">
474 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
475 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
476 
+                            <br/><br/>お問い合わせ内容
477 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
478 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
245 479 
                             <INPUT TYPE="reset" VALUE="リセット">
246 480
247 
-                            <!-- 確認画面ありなし 暫定 -->
481 
+                          <!-- 確認画面ありなし 暫定 -->
248 482 
                             <input type="hidden" name="c_copy" value="on">
249 483 
                             <input type="hidden" name="space_check" value="on">
250 
-                            <!--
484 
+                          <!--
251 485 
 <input type="hidden" name="no_check" value="on">
252 486 
 -->
253 487 
                         </FORM>
254 488 
                     </span>
255 
-                    <!-- 本文データ ここまで -->
256 
-                </article>
257 
-            </section>
258 
-        </div>
259 
-
260 
-        <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
266 
-        </footer>
489 
+        <!-- 本文データ ここまで -->
490 
+      </article>
491 
+    </section>
492 
+  </div>
267 493
494 
+  <footer>
495 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
496 
+    <div class="footer_mobile">
497 
+      <div class="footer_mobile_title">
498 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
499 
+        <h1 class="footerMobile__text">北方町役場</h1>
500 
+      </div>
501 
+      <div class="footer_mobile_address">
502 
+                    <span class="footerTextWrap__text">
503 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
504 
+                    </span><br>
505 
+        電話:058-323-1111(代)<br>
506 
+        FAX:058-323-2963<br>
507 
+        開庁日：8時30分～17時15分<br>
508 
+        （土・日・祝日、年末年始を除く）<br>
509 
+      </div>
268 510 
     </div>
269 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_urban"
270 
-        height="1" width="1" />
511 
+    <br class="sp__brDisplay">
512 
+    <p class="footer_text">
513 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
514 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
515 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
516 
+    </p>
517 
+  </footer>
518 
+
519 
+</div>
520 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_urban"
521 
+     height="1" width="1"/>
271 522 
 </body>
272 523
273 
-</html>
524 
+</html>

+ 423
- 169
second/Inquiry_form_water.html Datei anzeigen 

@@ -1,50 +1,297 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <!--くらしの情報-->
8 
-    <link rel="stylesheet" href="../css/base.css">
9 
-    <link rel="stylesheet" href="../css/second_header.css">
10 
-    <link rel="stylesheet" href="../css/footer.css">
11 
-    <link rel="stylesheet" href="../css/section.css">
12 
-    <link rel="stylesheet" href="../css/third_template.css">
13 
-    <script src="../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <link rel="stylesheet" href="../css/inquiry_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+          <div class="h-menu_block_text">
63 
+            <div class="h-menu_block_text_center">くらしの情報</div>
64 
+          </div>
65 
+        </div>
66 
+        <div class="h-accordion__content">
67 
+          <div class="h-menu_accordion_block_start">
68 
+            <div class="h-menu_accordion_block_text">
69 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+            </div>
71 
+          </div>
72 
+          <div class="h-menu_accordion_block">
73 
+            <div class="h-menu_accordion_block_text">
74 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+            </div>
76 
+          </div>
77 
+          <div class="h-menu_accordion_block">
78 
+            <div class="h-menu_accordion_block_text">
79 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_accordion_block">
83 
+            <div class="h-menu_accordion_block_text">
84 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+            </div>
86 
+          </div>
87 
+          <div class="h-menu_accordion_block">
88 
+            <div class="h-menu_accordion_block_text">
89 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+            </div>
91 
+          </div>
92 
+          <div class="h-menu_accordion_block">
93 
+            <div class="h-menu_accordion_block_text">
94 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+            </div>
96 
+          </div>
97 
+          <div class="h-menu_accordion_block">
98 
+            <div class="h-menu_accordion_block_text">
99 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_accordion_block">
103 
+            <div class="h-menu_accordion_block_text">
104 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+            </div>
106 
+          </div>
107 
+          <div class="h-menu_accordion_block">
108 
+            <div class="h-menu_accordion_block_text">
109 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+            </div>
111 
+          </div>
112 
+          <div class="h-menu_accordion_block">
113 
+            <div class="h-menu_accordion_block_text">
114 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+            </div>
116 
+          </div>
117 
+          <div class="h-menu_accordion_block">
118 
+            <div class="h-menu_accordion_block_text">
119 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_accordion_block">
123 
+            <div class="h-menu_accordion_block_text">
124 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+            </div>
126 
+          </div>
127 
+          <div class="h-menu_accordion_block">
128 
+            <div class="h-menu_accordion_block_text">
129 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_accordion_block">
133 
+            <div class="h-menu_accordion_block_text">
134 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+            </div>
136 
+          </div>
137 
+          <div class="h-menu_accordion_block">
138 
+            <div class="h-menu_accordion_block_text">
139 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+            </div>
141 
+          </div>
142 
+          <div class="h-menu_accordion_block">
143 
+            <div class="h-menu_accordion_block_text">
144 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+            </div>
146 
+          </div>
147 
+          <div class="h-menu_accordion_block">
148 
+            <div class="h-menu_accordion_block_text">
149 
+              <a class="h_link" href="../second/Application_downloading.html"
150 
+                 name="anc15">申請書ダウンロード</a>
151 
+            </div>
152 
+          </div>
153 
+          <div class="h-menu_accordion_block">
154 
+            <div class="h-menu_accordion_block_text">
155 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+      </div>
161 
+      <div class="h-menu_main_block">
162 
+        <div class="h-menu_block">
163 
+          <a href="../second/tourism.html">
164 
+            <div class="h-menu_block_text h-menu_block_before">
165 
+              <div class="h-menu_block_text_center">
166 
+                観光
167 
+              </div>
168 
+            </div>
169 
+          </a>
170 
+        </div>
171 
+      </div>
172 
+      <div class="h-menu_main_block">
173 
+        <div class="h-menu_block">
174 
+          <a href="../second/business.html">
175 
+            <div class="h-menu_block_text h-menu_block_before">
176 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
177 
+            </div>
178 
+          </a>
179 
+        </div>
180 
+      </div>
181 
+      <div class="h-menu_main_block">
182 
+        <div class="h-menu_block">
183 
+          <a href="../second/town_admini_info.html">
184 
+            <div class="h-menu_block_text h-menu_block_before">
185 
+              <div class="h-menu_block_text_center">町政情報</div>
186 
+            </div>
187 
+          </a>
188 
+        </div>
189 
+      </div>
190 
+      <div class="h-menu_main_block">
191 
+        <div class="h-menu_block h-menu_block_before">
192 
+          <a href="../second/sitemap.html">
193 
+            <div class="h-menu_block_text h-menu_block_before">
194 
+              <div class="h-menu_block_text_center">
195 
+                サイトマップ
196 
+              </div>
197 
+            </div>
198 
+          </a>
199 
+        </div>
200 
+      </div>
201 
+      <div class="h-menu_main_block">
202 
+        <div class="h-menu_block h-menu_block_before">
203 
+          <a href="https://ai-staff.net/kitagata/chat">
204 
+            <div class="h-menu_block_text  h-menu_block_before">
205 
+              <div class="h-menu_block_text_center">
206 
+                AIチャット
207 
+              </div>
208 
+            </div>
209 
+          </a>
210 
+        </div>
211 
+      </div>
212 
+      <div class="h-menu_main_block">
213 
+        <div class="h-menu_block h-menu_block_before">
214 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+            <div class="h-menu_block_text">
216 
+              <div class="h-menu_block_text_center">
217 
+                お問い合わせ一覧
218 
+              </div>
219 
+            </div>
220 
+          </a>
221 
+        </div>
222 
+      </div>
223 
+      <div class="h-menu_main_block">
224 
+        <div class="h-menu_lang">
225 
+          <div class="h-menu_block_lang">
226 
+            <div class="h-menu_block_text_center">
227 
+              <div class="h-menu_block_text_line">
228 
+                背景変更
229 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+                </div>
231 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+                </div>
233 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+                </div>
235 
+              </div>
236 
+              <script>
237 
+                  getBackgNumber2();
238 
+              </script>
239 
+              <div class="h-menu_block_text_line">言語選択
240 
+                <div class="mobile_translation">
241 
+                  <div id="google_translate_element"></div>
242 
+                </div>
243 
+              </div>
244 
+            </div>
245 
+          </div>
246 
+        </div>
247 
+      </div>
248 
+      <div class="h-menu_main_block">
249 
+        <div class="h-menu_search">
250 
+          <div class="h-menu_block_search">
251 
+            <form action="https://www.google.com/search">
252 
+              <input type="hidden" name="hl" value="ja"/>
253 
+              <input type="hidden" name="ie" value="UTF-8">
254 
+              <input type="hidden" name="oe" value="UTF-8">
255 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
256 
+              <input type="text" name="q" size="16" maxlength="256" value=""
257 
+                     class="mobile_form_input"/>
258 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
259 
+            </form>
260 
+          </div>
261 
+        </div>
262 
+      </div>
263 
+    </div>
264 
+  </header>
265 
+
266 
+
267 
+  <!--セクション 操作-->
268 
+  <section id="operation">
269 
+    <!--セクション 住所-->
270 
+    <article id="address">
271 
+      <address id="operation_add">
272 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 273 
                         TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
274 
+      </address>
275 
+    </article>
276 
+    <div id="controle_panel">
277 
+      <!--セクション 背景色-->
278 
+      <article id="bgcolor">
279 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
280 
+        <div id="bgcolor_img">
281 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+                 onClick="setBackground2(1)">
283 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+                 onClick="setBackground2(2)">
285 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+                 onClick="setBackground2(3)">
287 
+        </div>
288 
+        <script>
289 
+            getBackgNumber2();
290 
+        </script>
291 
+      </article>
45 292
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
293 
+      <!--セクション 文字サイズ-->
294 
+      <!--<article id="charsize" >
48 295 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 296 
 <div id="charsize_img">
50 297 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,118 +300,108 @@
53 300 
 </div>
54 301 
 </article>-->
55 302
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-                    </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-                    </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 
-                    </div>
85 
-                </article>
86 
-                <div id="claer">
87 
-                </div>
88 
-            </div>
89 
-        </section>
303 
+      <!--セクション サイトマップ-->
304 
+      <article id="sitemap">
305 
+        <div id="sitemap_img">
306 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
307 
+        </div>
308 
+      </article>
309 
+      <!--セクション お問い合わせ-->
310 
+      <article id="contact">
311 
+        <div id="contact_img">
312 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
314 
+        </div>
315 
+      </article>
316 
+      <!--セクション 翻訳-->
317 
+      <article id="translation">
318 
+        <div id="translation_img">
319 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+          <div id="google_translate_element"></div>
321 
+        </div>
322 
+      </article>
323 
+      <div id="claer">
324 
+      </div>
325 
+    </div>
326 
+  </section>
90 327
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 
-                </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
123 
-                            <input type="hidden" name="ie" value="UTF-8">
124 
-                            <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
128 
-                        </form>
328 
+  <!--ヘッダーデータ-->
329 
+  <header>
330 
+    <div id="header" class="gothic">
331 
+      <a href="../index.html">
332 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+      </a>
334 
+      <div id="h_block_1">
335 
+        <div class="h_line">
336 
+        </div>
337 
+        <article class="h_text_l">
338 
+          <a class="h_link" href="../second/living.html">
339 
+            <span class="h_text">くらしの情報</span></a>
340 
+        </article>
341 
+        <article class="h_text_l">
342 
+          <a class="h_link" href="../second/tourism.html">
343 
+            <span class="h_text">観光</span></a>
344 
+        </article>
345 
+        <article class="h_text_l">
346 
+          <a class="h_link" href="../second/business.html">
347 
+            <span class="h_text">事業者向け情報</span></a>
348 
+        </article>
349 
+        <article class="h_text_l">
350 
+          <a class="h_link" href="../second/town_admini_info.html">
351 
+            <span class="h_text">町政情報</span></a>
352 
+        </article>
353 
+      </div>
354 
+      <div id="h_block_search">
355 
+        <div class="h_line"></div>
356 
+        <article class="h_search">
357 
+          <div class="space10"></div>
358 
+          <form action="http://www.google.com/search">
359 
+            <input type="hidden" name="hl" value="ja"/>
360 
+            <input type="hidden" name="ie" value="UTF-8">
361 
+            <input type="hidden" name="oe" value="UTF-8">
362 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+            <input type="submit" name="btnG" value="検索"/>
365 
+          </form>
129 366
130 
-                    </article>
131 
-                </div>
132 
-            </div>
133 
-        </header>
367 
+        </article>
368 
+      </div>
369 
+    </div>
370 
+  </header>
134 371
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>上下水道課へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 
-                </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">上下水道課へお問い合わせ</span>
149 
-                        </div>
150 
-                    </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
372 
+  <div>
373 
+    <!--セクション template-->
374 
+    <section id="template">
375 
+      <article id="breadcrumb">
376 
+        <div id="breadcrumb_title">
377 
+          <div id="breadcrumb_title_block">
378 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>上下水道課へお問い合わせ</span>
379 
+          </div>
380 
+        </div>
381 
+      </article>
382 
+      <article id="template">
383 
+        <div id="template_title" class="gothic">
384 
+          <div id="template_title_block">
385 
+            <span id="template_title">上下水道課へお問い合わせ</span>
386 
+          </div>
387 
+        </div>
388 
+        <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+        <span id="template_article_block">
153 390 
                         <!-- フォーム開始 -->
154 391 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_water.cgi">
155 392 
                             <input type="hidden" name="subject" value="上下水道課へお問い合わせ">
156 393 
                             <input type="hidden" name="location"
157 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_water.html"> <!-- 任意 -->
394 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_water.html"> <!-- 任意 -->
158 395
159 396 
                             お名前 <span style="color: red;">必須</span>
160 
-                            <br /><input size="30" type="text" name="名前">
161 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="なまえ">
163 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
164 
-                            <br /><input size="7" type="text" name="郵便番号">
397 
+                            <br/><input size="30" type="text" name="名前">
398 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
399 
+                            <br/><input size="30" type="text" name="なまえ">
400 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
401 
+                            <br/><input size="7" type="text" name="郵便番号">
165 402
166 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
167 
-                            <br /><select name="都道府県">
403 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
404 
+                            <br/><select name="都道府県">
168 405 
                                 <option value="">都道府県を選択</option>
169 406 
                                 <optgroup label="北海道・東北地方">
170 407 
                                     <option value="北海道">北海道</option>
 
@@ -230,44 +467,61 @@
230 467 
                                 <option value="日本国外">日本国外</option>
231 468 
                             </select>
232 469
233 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
234 
-                            <br /><input size="50" type="text" name="市町区村・番地">
235 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 
-                            <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="FAX">
239 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 
-                            <br /><input size="50" type="text" name="email">
241 
-                            <br /><br />お問い合わせ内容
242 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
470 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
471 
+                            <br/><input class="form_textareaInput" size="50" type="text" name="市町区村・番地">
472 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
473 
+                            <br/><input size="11" type="text" name="電話番号">
474 
+                            <br/><br/>FAX (半角数字 例→0583202200)
475 
+                            <br/><input size="11" type="text" name="FAX">
476 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
477 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
478 
+                            <br/><br/>お問い合わせ内容
479 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
243 480
244 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
481 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
245 482 
                             <INPUT TYPE="reset" VALUE="リセット">
246 483
247 
-                            <!-- 確認画面ありなし 暫定 -->
484 
+                          <!-- 確認画面ありなし 暫定 -->
248 485 
                             <input type="hidden" name="c_copy" value="on">
249 486 
                             <input type="hidden" name="space_check" value="on">
250 
-                            <!--
487 
+                          <!--
251 488 
 <input type="hidden" name="no_check" value="on">
252 489 
 -->
253 490 
                         </FORM>
254 491 
                     </span>
255 
-                    <!-- 本文データ ここまで -->
256 
-                </article>
257 
-            </section>
258 
-        </div>
259 
-
260 
-        <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
266 
-        </footer>
492 
+        <!-- 本文データ ここまで -->
493 
+      </article>
494 
+    </section>
495 
+  </div>
267 496
497 
+  <footer>
498 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
499 
+    <div class="footer_mobile">
500 
+      <div class="footer_mobile_title">
501 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
502 
+        <h1 class="footerMobile__text">北方町役場</h1>
503 
+      </div>
504 
+      <div class="footer_mobile_address">
505 
+                    <span class="footerTextWrap__text">
506 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
507 
+                    </span><br>
508 
+        電話:058-323-1111(代)<br>
509 
+        FAX:058-323-2963<br>
510 
+        開庁日：8時30分～17時15分<br>
511 
+        （土・日・祝日、年末年始を除く）<br>
512 
+      </div>
268 513 
     </div>
269 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_water"
270 
-        height="1" width="1" />
514 
+    <br class="sp__brDisplay">
515 
+    <p class="footer_text">
516 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
517 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
518 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
519 
+    </p>
520 
+  </footer>
521 
+
522 
+</div>
523 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_water"
524 
+     height="1" width="1"/>
271 525 
 </body>
272 526
273 
-</html>
527 
+</html>

+ 407
- 152
second/Inquiry_form_welfare.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,161 +11,398 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+    <link rel="stylesheet" href="../css/inquiry_mobile.css">
13 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
14 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 23 
     </meta>
16 24 
 </head>
17 25
18 26 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground2(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground2(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground2(3)">
27 
+<script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+        new google.translate.TranslateElement({
30 
+            pageLanguage: 'ja',
31 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+        }, 'google_translate_element');
33 
+    }
34 
+</script>
35 
+<script type="text/javascript"
36 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+<div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+        <div class="headerLogo">
41 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+        </div>
44 
+        <div class="headerTitle">
45 
+            <a href="../index.html" class="header_link">
46 
+                <h1 class="headerTitle__text">北方町</h1>
47 
+            </a>
48 
+        </div>
49 
+        <div class="headerSubTitle">
50 
+            <a href="../index.html" class="header_link">
51 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+            </a>
53 
+        </div>
54 
+        <div id="h-menu">
55 
+            <span></span>
56 
+            <span></span>
57 
+            <span></span>
58 
+            <div id="h-text">menu</div>
59 
+        </div>
60 
+        <div id="h-nav">
61 
+            <div class="h-menu_main_block_top">
62 
+                <div class="h-menu_block   h-accordion__title h-js-accordion-title">
63 
+                    <div class="h-menu_block_text">
64 
+                        <div class="h-menu_block_text_center">くらしの情報</div>
40 65 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber2();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
66 
+                </div>
67 
+                <div class="h-accordion__content">
68 
+                    <div class="h-menu_accordion_block_start">
69 
+                        <div class="h-menu_accordion_block_text">
70 
+                            <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
71 
+                        </div>
60 72 
                     </div>
61 
-                </article>
62 
-                <!--セクション お問い合わせ-->
63 
-                <article id="contact">
64 
-                    <div id="contact_img">
65 
-                        <a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-                                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
73 
+                    <div class="h-menu_accordion_block">
74 
+                        <div class="h-menu_accordion_block_text">
75 
+                            <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
76 
+                        </div>
67 77 
                     </div>
68 
-                </article>
69 
-                <!--セクション 翻訳-->
70 
-                <article id="translation">
71 
-                    <div id="translation_img">
72 
-                        <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-                        <div id="google_translate_element"></div>
74 
-                        <script type="text/javascript">
75 
-                            function googleTranslateElementInit() {
76 
-                                new google.translate.TranslateElement({
77 
-                                    pageLanguage: 'ja',
78 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-                                }, 'google_translate_element');
80 
-                            }
81 
-                        </script>
82 
-                        <script type="text/javascript"
83 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78 
+                    <div class="h-menu_accordion_block">
79 
+                        <div class="h-menu_accordion_block_text">
80 
+                            <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
81 
+                        </div>
82 
+                    </div>
83 
+                    <div class="h-menu_accordion_block">
84 
+                        <div class="h-menu_accordion_block_text">
85 
+                            <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
86 
+                        </div>
87 
+                    </div>
88 
+                    <div class="h-menu_accordion_block">
89 
+                        <div class="h-menu_accordion_block_text">
90 
+                            <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
91 
+                        </div>
92 
+                    </div>
93 
+                    <div class="h-menu_accordion_block">
94 
+                        <div class="h-menu_accordion_block_text">
95 
+                            <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
96 
+                        </div>
97 
+                    </div>
98 
+                    <div class="h-menu_accordion_block">
99 
+                        <div class="h-menu_accordion_block_text">
100 
+                            <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
101 
+                        </div>
102 
+                    </div>
103 
+                    <div class="h-menu_accordion_block">
104 
+                        <div class="h-menu_accordion_block_text">
105 
+                            <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
106 
+                        </div>
107 
+                    </div>
108 
+                    <div class="h-menu_accordion_block">
109 
+                        <div class="h-menu_accordion_block_text">
110 
+                            <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
111 
+                        </div>
112 
+                    </div>
113 
+                    <div class="h-menu_accordion_block">
114 
+                        <div class="h-menu_accordion_block_text">
115 
+                            <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="h-menu_accordion_block">
119 
+                        <div class="h-menu_accordion_block_text">
120 
+                            <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
121 
+                        </div>
122 
+                    </div>
123 
+                    <div class="h-menu_accordion_block">
124 
+                        <div class="h-menu_accordion_block_text">
125 
+                            <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
126 
+                        </div>
127 
+                    </div>
128 
+                    <div class="h-menu_accordion_block">
129 
+                        <div class="h-menu_accordion_block_text">
130 
+                            <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
131 
+                        </div>
132 
+                    </div>
133 
+                    <div class="h-menu_accordion_block">
134 
+                        <div class="h-menu_accordion_block_text">
135 
+                            <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
136 
+                        </div>
137 
+                    </div>
138 
+                    <div class="h-menu_accordion_block">
139 
+                        <div class="h-menu_accordion_block_text">
140 
+                            <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
141 
+                        </div>
142 
+                    </div>
143 
+                    <div class="h-menu_accordion_block">
144 
+                        <div class="h-menu_accordion_block_text">
145 
+                            <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
146 
+                        </div>
147 
+                    </div>
148 
+                    <div class="h-menu_accordion_block">
149 
+                        <div class="h-menu_accordion_block_text">
150 
+                            <a class="h_link" href="../second/Application_downloading.html"
151 
+                               name="anc15">申請書ダウンロード</a>
152 
+                        </div>
153 
+                    </div>
154 
+                    <div class="h-menu_accordion_block">
155 
+                        <div class="h-menu_accordion_block_text">
156 
+                            <a class="h_link" href="../third/living/Kwasemi_mail.html"
157 
+                               name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
158 
+                        </div>
84 159 
                     </div>
85 
-                </article>
86 
-                <div id="claer">
87 160 
                 </div>
88 161 
             </div>
89 
-        </section>
90 
-
91 
-        <!--ヘッダーデータ-->
92 
-        <header>
93 
-            <div id="header" class="gothic">
94 
-                <a href="../index.html">
95 
-                    <img src="../css/img/header_emblem.png" width="200px" height="260px" />
96 
-                </a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
162 
+            <div class="h-menu_main_block">
163 
+                <div class="h-menu_block">
164 
+                    <a href="../second/tourism.html">
165 
+                        <div class="h-menu_block_text h-menu_block_before">
166 
+                            <div class="h-menu_block_text_center">
167 
+                                観光
168 
+                            </div>
169 
+                        </div>
170 
+                    </a>
171 
+                </div>
172 
+            </div>
173 
+            <div class="h-menu_main_block">
174 
+                <div class="h-menu_block">
175 
+                    <a href="../second/business.html">
176 
+                        <div class="h-menu_block_text h-menu_block_before">
177 
+                            <div class="h-menu_block_text_center">事業者向け情報</div>
178 
+                        </div>
179 
+                    </a>
180 
+                </div>
181 
+            </div>
182 
+            <div class="h-menu_main_block">
183 
+                <div class="h-menu_block">
184 
+                    <a href="../second/town_admini_info.html">
185 
+                        <div class="h-menu_block_text h-menu_block_before">
186 
+                            <div class="h-menu_block_text_center">町政情報</div>
187 
+                        </div>
188 
+                    </a>
189 
+                </div>
190 
+            </div>
191 
+            <div class="h-menu_main_block">
192 
+                <div class="h-menu_block h-menu_block_before">
193 
+                    <a href="../second/sitemap.html">
194 
+                        <div class="h-menu_block_text h-menu_block_before">
195 
+                            <div class="h-menu_block_text_center">
196 
+                                サイトマップ
197 
+                            </div>
198 
+                        </div>
199 
+                    </a>
200 
+                </div>
201 
+            </div>
202 
+            <div class="h-menu_main_block">
203 
+                <div class="h-menu_block h-menu_block_before">
204 
+                    <a href="https://ai-staff.net/kitagata/chat">
205 
+                        <div class="h-menu_block_text  h-menu_block_before">
206 
+                            <div class="h-menu_block_text_center">
207 
+                                AIチャット
208 
+                            </div>
209 
+                        </div>
210 
+                    </a>
211 
+                </div>
212 
+            </div>
213 
+            <div class="h-menu_main_block">
214 
+                <div class="h-menu_block h-menu_block_before">
215 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html">
216 
+                        <div class="h-menu_block_text">
217 
+                            <div class="h-menu_block_text_center">
218 
+                                お問い合わせ一覧
219 
+                            </div>
220 
+                        </div>
221 
+                    </a>
222 
+                </div>
223 
+            </div>
224 
+            <div class="h-menu_main_block">
225 
+                <div class="h-menu_lang">
226 
+                    <div class="h-menu_block_lang">
227 
+                        <div class="h-menu_block_text_center">
228 
+                            <div class="h-menu_block_text_line">
229 
+                                背景変更
230 
+                                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
231 
+                                </div>
232 
+                                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
233 
+                                </div>
234 
+                                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
235 
+                                </div>
236 
+                            </div>
237 
+                            <script>
238 
+                                getBackgNumber2();
239 
+                            </script>
240 
+                            <div class="h-menu_block_text_line">言語選択
241 
+                                <div class="mobile_translation">
242 
+                                    <div id="google_translate_element"></div>
243 
+                                </div>
244 
+                            </div>
245 
+                        </div>
99 246 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../second/living.html">
102 
-                            <span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../second/tourism.html">
106 
-                            <span class="h_text">観光</span></a>
107 
-                    </article>
108 
-                    <article class="h_text_l">
109 
-                        <a class="h_link" href="../second/business.html">
110 
-                            <span class="h_text">事業者向け情報</span></a>
111 
-                    </article>
112 
-                    <article class="h_text_l">
113 
-                        <a class="h_link" href="../second/town_admini_info.html">
114 
-                            <span class="h_text">町政情報</span></a>
115 
-                    </article>
116 247 
                 </div>
117 
-                <div id="h_block_search">
118 
-                    <div class="h_line"></div>
119 
-                    <article class="h_search">
120 
-                        <div class="space10"></div>
121 
-                        <form action="http://www.google.com/search">
122 
-                            <input type="hidden" name="hl" value="ja" />
248 
+            </div>
249 
+            <div class="h-menu_main_block">
250 
+                <div class="h-menu_search">
251 
+                    <div class="h-menu_block_search">
252 
+                        <form action="https://www.google.com/search">
253 
+                            <input type="hidden" name="hl" value="ja"/>
123 254 
                             <input type="hidden" name="ie" value="UTF-8">
124 255 
                             <input type="hidden" name="oe" value="UTF-8">
125 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
126 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
127 
-                            <input type="submit" name="btnG" value="検索" />
256 
+                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
257 
+                            <input type="text" name="q" size="16" maxlength="256" value=""
258 
+                                   class="mobile_form_input"/>
259 
+                            <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
128 260 
                         </form>
261 
+                    </div>
262 
+                </div>
263 
+            </div>
264 
+        </div>
265 
+    </header>
266 
+
267 
+
268 
+    <!--セクション 操作-->
269 
+    <section id="operation">
270 
+        <!--セクション 住所-->
271 
+        <article id="address">
272 
+            <address id="operation_add">
273 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
274 
+                        TEL:058-323-1111(代)</span>
275 
+            </address>
276 
+        </article>
277 
+        <div id="controle_panel">
278 
+            <!--セクション 背景色-->
279 
+            <article id="bgcolor">
280 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
281 
+                <div id="bgcolor_img">
282 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
283 
+                           onClick="setBackground2(1)">
284 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
285 
+                           onClick="setBackground2(2)">
286 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
287 
+                           onClick="setBackground2(3)">
288 
+                </div>
289 
+                <script>
290 
+                    getBackgNumber2();
291 
+                </script>
292 
+            </article>
293 
+
294 
+            <!--セクション 文字サイズ-->
295 
+            <!--<article id="charsize" >
296 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
297 
+    <div id="charsize_img">
298 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
299 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
300 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
301 
+    </div>
302 
+    </article>-->
129 303
130 
-                    </article>
304 
+            <!--セクション サイトマップ-->
305 
+            <article id="sitemap">
306 
+                <div id="sitemap_img">
307 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
308 
+                </div>
309 
+            </article>
310 
+            <!--セクション お問い合わせ-->
311 
+            <article id="contact">
312 
+                <div id="contact_img">
313 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
314 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
315 
+                </div>
316 
+            </article>
317 
+            <!--セクション 翻訳-->
318 
+            <article id="translation">
319 
+                <div id="translation_img">
320 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
321 
+                    <div id="google_translate_element"></div>
131 322 
                 </div>
323 
+            </article>
324 
+            <div id="claer">
325 
+            </div>
326 
+        </div>
327 
+    </section>
328 
+    <!--ヘッダーデータ-->
329 
+    <header>
330 
+        <div id="header" class="gothic">
331 
+            <a href="../index.html">
332 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+            </a>
334 
+            <div id="h_block_1">
335 
+                <div class="h_line">
336 
+                </div>
337 
+                <article class="h_text_l">
338 
+                    <a class="h_link" href="../second/living.html">
339 
+                        <span class="h_text">くらしの情報</span></a>
340 
+                </article>
341 
+                <article class="h_text_l">
342 
+                    <a class="h_link" href="../second/tourism.html">
343 
+                        <span class="h_text">観光</span></a>
344 
+                </article>
345 
+                <article class="h_text_l">
346 
+                    <a class="h_link" href="../second/business.html">
347 
+                        <span class="h_text">事業者向け情報</span></a>
348 
+                </article>
349 
+                <article class="h_text_l">
350 
+                    <a class="h_link" href="../second/town_admini_info.html">
351 
+                        <span class="h_text">町政情報</span></a>
352 
+                </article>
132 353 
             </div>
133 
-        </header>
354 
+            <div id="h_block_search">
355 
+                <div class="h_line"></div>
356 
+                <article class="h_search">
357 
+                    <div class="space10"></div>
358 
+                    <form action="http://www.google.com/search">
359 
+                        <input type="hidden" name="hl" value="ja"/>
360 
+                        <input type="hidden" name="ie" value="UTF-8">
361 
+                        <input type="hidden" name="oe" value="UTF-8">
362 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
363 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
364 
+                        <input type="submit" name="btnG" value="検索"/>
365 
+                    </form>
134 366
135 
-        <div>
136 
-            <!--セクション template-->
137 
-            <section id="template">
138 
-                <article id="breadcrumb">
139 
-                    <div id="breadcrumb_title">
140 
-                        <div id="breadcrumb_title_block">
141 
-                            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>福祉子ども課へお問い合わせ</span>
142 
-                        </div>
143 
-                    </div>
144 367 
                 </article>
145 
-                <article id="template">
146 
-                    <div id="template_title" class="gothic">
147 
-                        <div id="template_title_block">
148 
-                            <span id="template_title">福祉子ども課へお問い合わせ</span>
149 
-                        </div>
368 
+            </div>
369 
+        </div>
370 
+    </header>
371 
+
372 
+    <div>
373 
+        <!--セクション template-->
374 
+        <section id="template">
375 
+            <article id="breadcrumb">
376 
+                <div id="breadcrumb_title">
377 
+                    <div id="breadcrumb_title_block">
378 
+                        <span id="breadcrumb_title"><a href="../index.html">トップ</a>>福祉子ども課へお問い合わせ</span>
150 379 
                     </div>
151 
-                    <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
152 
-                    <span id="template_article_block">
380 
+                </div>
381 
+            </article>
382 
+            <article id="template">
383 
+                <div id="template_title" class="gothic">
384 
+                    <div id="template_title_block">
385 
+                        <span id="template_title">福祉子ども課へお問い合わせ</span>
386 
+                    </div>
387 
+                </div>
388 
+                <!-- 大タイトルに本文データが無い場合はこのブロックを消す -->
389 
+                <span id="template_article_block">
153 390 
                         <!-- フォーム開始 -->
154 391 
                         <form method="post" action="http://www.town.kitagata.gifu.jp/cgi-bin/mail/webform_welfare.cgi">
155 392 
                             <input type="hidden" name="subject" value="福祉子ども課へお問い合わせ">
156 393 
                             <input type="hidden" name="location"
157 
-                                value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_welfare.html"> <!-- 任意 -->
394 
+                                   value="http://www.town.kitagata.gifu.jp/second/Inquiry_form_welfare.html">
395 
+                            <!-- 任意 -->
158 396
159 397 
                             お名前 <span style="color: red;">必須</span>
160 
-                            <br /><input size="30" type="text" name="名前">
161 
-                            <br /><br />ふりがな <span style="color: red;">必須</span>
162 
-                            <br /><input size="30" type="text" name="なまえ">
163 
-                            <br /><br />郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
164 
-                            <br /><input size="7" type="text" name="郵便番号">
398 
+                            <br/><input size="30" type="text" name="名前">
399 
+                            <br/><br/>ふりがな <span style="color: red;">必須</span>
400 
+                            <br/><input size="30" type="text" name="なまえ">
401 
+                            <br/><br/>郵便番号 (半角数字7桁 例→5010431) <span style="color: red;">必須</span>
402 
+                            <br/><input size="7" type="text" name="郵便番号">
165 403
166 
-                            <br /><br />ご住所 (都道府県) <span style="color: red;">必須</span>
167 
-                            <br /><select name="都道府県">
404 
+                            <br/><br/>ご住所 (都道府県) <span style="color: red;">必須</span>
405 
+                            <br/><select name="都道府県">
168 406 
                                 <option value="">都道府県を選択</option>
169 407 
                                 <optgroup label="北海道・東北地方">
170 408 
                                     <option value="北海道">北海道</option>
 
@@ -230,18 +468,18 @@
230 468 
                                 <option value="日本国外">日本国外</option>
231 469 
                             </select>
232 470
233 
-                            <br /><br />市町区村・番地 <span style="color: red;">必須</span>
234 
-                            <br /><input size="50" type="text" name="市町区村・番地">
235 
-                            <br /><br />電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
236 
-                            <br /><input size="11" type="text" name="電話番号">
237 
-                            <br /><br />FAX (半角数字 例→0583202200) <span style="color: red;">必須</span>
238 
-                            <br /><input size="11" type="text" name="FAX">
239 
-                            <br /><br />メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
240 
-                            <br /><input size="50" type="text" name="email">
241 
-                            <br /><br />お問い合わせ内容
242 
-                            <br /><textarea name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
471 
+                            <br/><br/>市町区村・番地 <span style="color: red;">必須</span>
472 
+                            <br/><input class="form_textInput" size="50" type="text" name="市町区村・番地">
473 
+                            <br/><br/>電話番号 (半角数字 例→0583202200) <span style="color: red;">必須</span>
474 
+                            <br/><input size="11" type="text" name="電話番号">
475 
+                            <br/><br/>FAX (半角数字 例→0583202200)
476 
+                            <br/><input size="11" type="text" name="FAX">
477 
+                            <br/><br/>メールアドレス <span style="color: red;">必須</span>(半角英数字 例→mail@example.com)
478 
+                            <br/><input class="form_textInput" size="50" type="text" name="email">
479 
+                            <br/><br/>お問い合わせ内容
480 
+                            <br/><textarea class="form_textareaInput" name="お問い合わせ内容" ROWS="10" COLS="70"></textarea>
243 481
244 
-                            <br /><br /><INPUT TYPE="submit" VALUE="確認">
482 
+                            <br/><br/><INPUT TYPE="submit" VALUE="確認">
245 483 
                             <INPUT TYPE="reset" VALUE="リセット">
246 484
247 485 
                             <!-- 確認画面ありなし 暫定 -->
 
@@ -252,22 +490,39 @@
252 490 
 -->
253 491 
                         </FORM>
254 492 
                     </span>
255 
-                    <!-- 本文データ ここまで -->
256 
-                </article>
257 
-            </section>
258 
-        </div>
493 
+                <!-- 本文データ ここまで -->
494 
+            </article>
495 
+        </section>
496 
+    </div>
259 497
260 
-        <footer>
261 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
262 
-            <br />
263 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
264 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
265 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
266 
-        </footer>
498 
+    <footer>
499 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
500 
+        <div class="footer_mobile">
501 
+            <div class="footer_mobile_title">
502 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
503 
+                <h1 class="footerMobile__text">北方町役場</h1>
504 
+            </div>
505 
+            <div class="footer_mobile_address">
506 
+                    <span class="footerTextWrap__text">
507 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
508 
+                    </span><br>
509 
+                電話:058-323-1111(代)<br>
510 
+                FAX:058-323-2963<br>
511 
+                開庁日：8時30分～17時15分<br>
512 
+                （土・日・祝日、年末年始を除く）<br>
513 
+            </div>
514 
+        </div>
515 
+        <br class="sp__brDisplay">
516 
+        <p class="footer_text">
517 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
518 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
519 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
520 
+        </p>
521 
+    </footer>
267 522
268 
-    </div>
269 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_welfare"
270 
-        height="1" width="1" />
523 
+</div>
524 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Inquiry_form_welfare"
525 
+     height="1" width="1"/>
271 526 
 </body>
272 527
273 
-</html>
528 
+</html>

+ 602
- 496
second/Jougesuidou_siyoukaisi.html
Datei-Diff unterdrückt, da er zu groß ist
Datei anzeigen


+ 803
- 493
second/Jougesuidou_siyoukyuusi.html
Datei-Diff unterdrückt, da er zu groß ist
Datei anzeigen


+ 969
- 658
second/Jougesuidou_siyousyahenkou.html
Datei-Diff unterdrückt, da er zu groß ist
Datei anzeigen


+ 189
- 26
second/Living_environment.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>生活環境 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                         src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                      getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja"/>
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                         class="mobile_form_input"/>
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
201 
+    	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+    	<div id="charsize_img">
203 
+    	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+    	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+    	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+    	</div>
207 
+    	</article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,16 +224,6 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
 
@@ -153,7 +300,7 @@
153 300 
           </div>
154 301 
           <span id="template_article_block">
155 302 
             <!--左側==========================================================================================================================-->
156 
-            <div class="left">
303 
+            <div class="left_mobile">
157 304 
               <div class="template_list">
158 305 
                 <span class="template_list">
159 306 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -209,7 +356,7 @@
209 356 
               </div>
210 357 
             </div>
211 358 
             <!--左側==========================================================================================================================-->
212 
-            <div class="right">
359 
+            <div class="right_mobile">
213 360 
               <!-- <div class="template_list">
214 361 
                 <span class="template_list">
215 362 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -285,13 +432,29 @@
285 432 
     </div>
286 433
287 434 
     <footer>
288 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
289 
-      <br />
290 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
291 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
435 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
436 
+      <div class="footer_mobile">
437 
+        <div class="footer_mobile_title">
438 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
439 
+          <h1 class="footerMobile__text">北方町役場</h1>
440 
+        </div>
441 
+        <div class="footer_mobile_address">
442 
+          <span class="footerTextWrap__text">
443 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
444 
+          </span><br>
445 
+          電話:058-323-1111(代)<br>
446 
+          FAX:058-323-2963<br>
447 
+          開庁日：8時30分～17時15分<br>
448 
+          （土・日・祝日、年末年始を除く）<br>
449 
+        </div>
450 
+      </div>
451 
+      <br class="sp__brDisplay">
452 
+      <p class="footer_text">
453 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
454 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
455 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
292 456 
       </p>
293 457 
     </footer>
294 
-
295 458 
   </div>
296 459 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Living_environment"
297 460 
     height="1" width="1" />

+ 189
- 22
second/Marriage_and_divorce.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>結婚・離婚 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,169 @@
10 11 
 	<link rel="stylesheet" href="../css/footer.css">
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
 	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 	</meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
 	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_main_block">
62 
+						<div class="h-menu_block">
63 
+							<a href="../second/living.html">
64 
+								<div class="h-menu_block_text h-menu_block_before">
65 
+									<div class="h-menu_block_text_center">くらしの情報</div>
66 
+								</div>
67 
+							</a>
68 
+						</div>
69 
+					</div>
70 
+					<div class="h-menu_main_block">
71 
+						<div class="h-menu_block">
72 
+							<a href="../second/tourism.html">
73 
+								<div class="h-menu_block_text h-menu_block_before">
74 
+									<div class="h-menu_block_text_center">
75 
+										観光
76 
+									</div>
77 
+								</div>
78 
+							</a>
79 
+						</div>
80 
+					</div>
81 
+					<div class="h-menu_main_block">
82 
+						<div class="h-menu_block">
83 
+							<a href="../second/business.html">
84 
+								<div class="h-menu_block_text h-menu_block_before">
85 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
86 
+								</div>
87 
+							</a>
88 
+						</div>
89 
+					</div>
90 
+					<div class="h-menu_main_block">
91 
+						<div class="h-menu_block">
92 
+							<a href="../second/town_admini_info.html">
93 
+								<div class="h-menu_block_text h-menu_block_before">
94 
+									<div class="h-menu_block_text_center">町政情報</div>
95 
+								</div>
96 
+							</a>
97 
+						</div>
98 
+					</div>
99 
+					<div class="h-menu_main_block">
100 
+						<div class="h-menu_block h-menu_block_before">
101 
+							<a href="../second/sitemap.html">
102 
+								<div class="h-menu_block_text h-menu_block_before">
103 
+									<div class="h-menu_block_text_center">
104 
+										サイトマップ
105 
+									</div>
106 
+								</div>
107 
+							</a>
108 
+						</div>
109 
+					</div>
110 
+					<div class="h-menu_main_block">
111 
+						<div class="h-menu_block h-menu_block_before">
112 
+							<a href="https://ai-staff.net/kitagata/chat">
113 
+								<div class="h-menu_block_text  h-menu_block_before">
114 
+									<div class="h-menu_block_text_center">
115 
+										AIチャット
116 
+									</div>
117 
+								</div>
118 
+							</a>
119 
+						</div>
120 
+					</div>
121 
+					<div class="h-menu_main_block">
122 
+						<div class="h-menu_block h-menu_block_before">
123 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+								<div class="h-menu_block_text">
125 
+									<div class="h-menu_block_text_center">
126 
+										お問い合わせ一覧
127 
+									</div>
128 
+								</div>
129 
+							</a>
130 
+						</div>
131 
+					</div>
132 
+					<div class="h-menu_main_block">
133 
+						<div class="h-menu_lang">
134 
+							<div class="h-menu_block_lang">
135 
+								<div class="h-menu_block_text_center">
136 
+									<div class="h-menu_block_text_line">
137 
+										背景変更
138 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+										</div>
140 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+										</div>
142 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+										</div>
144 
+									</div>
145 
+									<script>
146 
+										getBackgNumber2();
147 
+									</script>
148 
+									<div class="h-menu_block_text_line">言語選択
149 
+										<div class="mobile_translation">
150 
+											<div id="google_translate_element"></div>
151 
+										</div>
152 
+									</div>
153 
+								</div>
154 
+							</div>
155 
+						</div>
156 
+					</div>
157 
+					<div class="h-menu_main_block">
158 
+						<div class="h-menu_search">
159 
+							<div class="h-menu_block_search">
160 
+								<form action="https://www.google.com/search">
161 
+									<input type="hidden" name="hl" value="ja" />
162 
+									<input type="hidden" name="ie" value="UTF-8">
163 
+									<input type="hidden" name="oe" value="UTF-8">
164 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
165 
+									<input type="text" name="q" size="16" maxlength="256" value=""
166 
+										class="mobile_form_input" />
167 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 
+								</form>
169 
+							</div>
170 
+						</div>
171 
+					</div>
172 
+				</div>
173 
+			</div>
174 
+		</header>
175 
+
176 
+
20 177 
 		<!--セクション 操作-->
21 178 
 		<section id="operation">
22 179 
 			<!--セクション 住所-->
 
@@ -45,13 +202,13 @@
45 202
46 203 
 				<!--セクション 文字サイズ-->
47 204 
 				<!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
205 
+		<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
206 
+		<div id="charsize_img">
207 
+		<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
208 
+		<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
209 
+		<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
210 
+		</div>
211 
+		</article>-->
55 212
56 213 
 				<!--セクション サイトマップ-->
57 214 
 				<article id="sitemap">
 
@@ -71,13 +228,6 @@
71 228 
 					<div id="translation_img">
72 229 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 230 
 						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
77 
-							}
78 
-						</script>
79 
-						<script type="text/javascript"
80 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 231 
 					</div>
82 232 
 				</article>
83 233 
 				<div id="claer">
 
@@ -154,7 +304,7 @@
154 304 
 						</div>
155 305 
 					</div>
156 306 
 					<span id="template_article_block">
157 
-						<div class="left">
307 
+						<div class="left_mobile">
158 308 
 							<div class="template_list">
159 309 
 								<span class="template_list">
160 310 
 									<span class="template_list_img left"><img
 
@@ -172,7 +322,7 @@
172 322 
 								<span class="clear"></span>
173 323 
 							</div>
174 324 
 						</div>
175 
-						<div class="right">
325 
+						<div class="right_mobile">
176 326 
 							<div class="template_list">
177 327 
 								<span class="template_list">
178 328 
 									<span class="template_list_img left"><img
 
@@ -189,11 +339,28 @@
189 339 
 		</div>
190 340
191 341 
 		<footer>
192 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
193 
-			<br />
194 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
195 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
196 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
342 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
343 
+			<div class="footer_mobile">
344 
+				<div class="footer_mobile_title">
345 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
346 
+					<h1 class="footerMobile__text">北方町役場</h1>
347 
+				</div>
348 
+				<div class="footer_mobile_address">
349 
+					<span class="footerTextWrap__text">
350 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
351 
+					</span><br>
352 
+					電話:058-323-1111(代)<br>
353 
+					FAX:058-323-2963<br>
354 
+					開庁日：8時30分～17時15分<br>
355 
+					（土・日・祝日、年末年始を除く）<br>
356 
+				</div>
357 
+			</div>
358 
+			<br class="sp__brDisplay">
359 
+			<p class="footer_text">
360 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
361 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
362 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
363 
+			</p>
197 364 
 		</footer>
198 365
199 366 
 	</div>

+ 190
- 27
second/National_Health_Insurance.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>国民健康保険 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                         src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                      getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja"/>
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                         class="mobile_form_input"/>
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-      <div id="charsize_img">
46 
-      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-      </div>
50 
-      </article>-->
201 
+  	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+  	<div id="charsize_img">
203 
+  	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+  	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+  	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+  	</div>
207 
+  	</article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,23 +224,12 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
83 230 
         </div>
84 231 
       </div>
85 232 
     </section>
86 
-
87 233 
     <!--ヘッダーデータ-->
88 234 
     <header>
89 235 
       <div id="header" class="gothic">
 
@@ -154,7 +300,7 @@
154 300 
           </div>
155 301 
           <span id="template_article_block">
156 302 
             <!--左項目ここから================================================================================================================-->
157 
-            <div class="left">
303 
+            <div class="left_mobile">
158 304 
               <div class="template_list">
159 305 
                 <span class="template_list">
160 306 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -228,7 +374,7 @@
228 374 
             </div>
229 375 
             <!--左項目終了================================================================================================================-->
230 376 
             <!--右項目ここから================================================================================================================-->
231 
-            <div class="right">
377 
+            <div class="right_mobile">
232 378 
               <div class="template_list">
233 379 
                 <span class="template_list">
234 380 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -310,10 +456,27 @@
310 456 
     </div>
311 457
312 458 
     <footer>
313 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
314 
-      <br />
315 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
316 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
459 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
460 
+      <div class="footer_mobile">
461 
+        <div class="footer_mobile_title">
462 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
463 
+          <h1 class="footerMobile__text">北方町役場</h1>
464 
+        </div>
465 
+        <div class="footer_mobile_address">
466 
+          <span class="footerTextWrap__text">
467 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
468 
+          </span><br>
469 
+          電話:058-323-1111(代)<br>
470 
+          FAX:058-323-2963<br>
471 
+          開庁日：8時30分～17時15分<br>
472 
+          （土・日・祝日、年末年始を除く）<br>
473 
+        </div>
474 
+      </div>
475 
+      <br class="sp__brDisplay">
476 
+      <p class="footer_text">
477 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
478 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
479 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
317 480 
       </p>
318 481 
     </footer>
319 482 
 
@@ -322,4 +485,4 @@
322 485 
     height="1" width="1" />
323 486 
 </body>
324 487
325 
-</html>
488 
+</html>

+ 377
- 190
second/National_pension.html Datei anzeigen 

@@ -1,217 +1,404 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>国民年金 北方町ホームページ</title>
6 
-        <!--くらしの情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/second_body.css" >
12 
-<script src="../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>国民年金 北方町ホームページ</title>
8 
+	<!--くらしの情報-->
9 
+	<link rel="stylesheet" href="../css/base.css">
10 
+	<link rel="stylesheet" href="../css/second_header.css">
11 
+	<link rel="stylesheet" href="../css/footer.css">
12 
+	<link rel="stylesheet" href="../css/section.css">
13 
+	<link rel="stylesheet" href="../css/second_body.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+	</meta>
14 23 
 </head>
15 24
16 25 
 <body id="back">
17 
-<div id="main" class="gothic">
18 
-<!--セクション 操作-->
19 
-<section id="operation" >
20 
-<!--セクション 住所-->
21 
-<article id="address" >
22 
-<address id="operation_add">
23 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24 
-</address>
25 
-</article>
26 
-<div id="controle_panel">
27 
-<!--セクション 背景色-->
28 
-<article id="bgcolor" >
29 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
30 
-<div id="bgcolor_img">
31 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber2();
37 
-</script>
38 
-</article>
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_main_block">
62 
+						<div class="h-menu_block">
63 
+							<a href="../second/living.html">
64 
+								<div class="h-menu_block_text h-menu_block_before">
65 
+									<div class="h-menu_block_text_center">くらしの情報</div>
66 
+								</div>
67 
+							</a>
68 
+						</div>
69 
+					</div>
70 
+					<div class="h-menu_main_block">
71 
+						<div class="h-menu_block">
72 
+							<a href="../second/tourism.html">
73 
+								<div class="h-menu_block_text h-menu_block_before">
74 
+									<div class="h-menu_block_text_center">
75 
+										観光
76 
+									</div>
77 
+								</div>
78 
+							</a>
79 
+						</div>
80 
+					</div>
81 
+					<div class="h-menu_main_block">
82 
+						<div class="h-menu_block">
83 
+							<a href="../second/business.html">
84 
+								<div class="h-menu_block_text h-menu_block_before">
85 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
86 
+								</div>
87 
+							</a>
88 
+						</div>
89 
+					</div>
90 
+					<div class="h-menu_main_block">
91 
+						<div class="h-menu_block">
92 
+							<a href="../second/town_admini_info.html">
93 
+								<div class="h-menu_block_text h-menu_block_before">
94 
+									<div class="h-menu_block_text_center">町政情報</div>
95 
+								</div>
96 
+							</a>
97 
+						</div>
98 
+					</div>
99 
+					<div class="h-menu_main_block">
100 
+						<div class="h-menu_block h-menu_block_before">
101 
+							<a href="../second/sitemap.html">
102 
+								<div class="h-menu_block_text h-menu_block_before">
103 
+									<div class="h-menu_block_text_center">
104 
+										サイトマップ
105 
+									</div>
106 
+								</div>
107 
+							</a>
108 
+						</div>
109 
+					</div>
110 
+					<div class="h-menu_main_block">
111 
+						<div class="h-menu_block h-menu_block_before">
112 
+							<a href="https://ai-staff.net/kitagata/chat">
113 
+								<div class="h-menu_block_text  h-menu_block_before">
114 
+									<div class="h-menu_block_text_center">
115 
+										AIチャット
116 
+									</div>
117 
+								</div>
118 
+							</a>
119 
+						</div>
120 
+					</div>
121 
+					<div class="h-menu_main_block">
122 
+						<div class="h-menu_block h-menu_block_before">
123 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+								<div class="h-menu_block_text">
125 
+									<div class="h-menu_block_text_center">
126 
+										お問い合わせ一覧
127 
+									</div>
128 
+								</div>
129 
+							</a>
130 
+						</div>
131 
+					</div>
132 
+					<div class="h-menu_main_block">
133 
+						<div class="h-menu_lang">
134 
+							<div class="h-menu_block_lang">
135 
+								<div class="h-menu_block_text_center">
136 
+									<div class="h-menu_block_text_line">
137 
+										背景変更
138 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+										</div>
140 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+										</div>
142 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+										</div>
144 
+									</div>
145 
+									<script>
146 
+										getBackgNumber2();
147 
+									</script>
148 
+									<div class="h-menu_block_text_line">言語選択
149 
+										<div class="mobile_translation">
150 
+											<div id="google_translate_element"></div>
151 
+										</div>
152 
+									</div>
153 
+								</div>
154 
+							</div>
155 
+						</div>
156 
+					</div>
157 
+					<div class="h-menu_main_block">
158 
+						<div class="h-menu_search">
159 
+							<div class="h-menu_block_search">
160 
+								<form action="https://www.google.com/search">
161 
+									<input type="hidden" name="hl" value="ja"/>
162 
+									<input type="hidden" name="ie" value="UTF-8">
163 
+									<input type="hidden" name="oe" value="UTF-8">
164 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+									<input type="text" name="q" size="16" maxlength="256" value=""
166 
+										   class="mobile_form_input"/>
167 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+								</form>
169 
+							</div>
170 
+						</div>
171 
+					</div>
172 
+				</div>
173 
+			</div>
174 
+		</header>
39 175
40 
-<!--セクション 文字サイズ-->
41 
-<!--<article id="charsize" >
42 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
176 
+		<!--セクション 操作-->
177 
+		<section id="operation">
178 
+			<!--セクション 住所-->
179 
+			<article id="address">
180 
+				<address id="operation_add">
181 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+						TEL:058-323-1111(代)</span>
183 
+				</address>
184 
+			</article>
185 
+			<div id="controle_panel">
186 
+				<!--セクション 背景色-->
187 
+				<article id="bgcolor">
188 
+					<img src="../css/img/013.png" alt="背景色変更ボックス" />
189 
+					<div id="bgcolor_img">
190 
+						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
191 
+							onClick="setBackground2(1)">
192 
+						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
193 
+							onClick="setBackground2(2)">
194 
+						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
195 
+							onClick="setBackground2(3)">
196 
+					</div>
197 
+					<script>
198 
+						getBackgNumber2();
199 
+					</script>
200 
+				</article>
49 201
50 
-<!--セクション サイトマップ-->
51 
-<article id="sitemap" >
52 
- <div id="sitemap_img">
53 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54 
- </div>
55 
-</article>
56 
-<!--セクション お問い合わせ-->
57 
-<article id="contact" >
58 
- <div id="contact_img">
59 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60 
- </div>
61 
-</article>
62 
-<!--セクション 翻訳-->
63 
-<article id="translation" >
64 
-<div id="translation_img">
65 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
66 
-<div id="google_translate_element"></div>
67 
-<script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
71 
-</script>
72 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73 
-</div>
74 
-</article>
75 
-<div id="claer">
76 
-</div>
77 
-</div>
78 
-</section>
202 
+				<!--セクション 文字サイズ-->
203 
+				<!--<article id="charsize" >
204 
+			<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
205 
+			<div id="charsize_img">
206 
+			<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
207 
+			<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
208 
+			<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
209 
+			</div>
210 
+			</article>-->
211 
+
212 
+				<!--セクション サイトマップ-->
213 
+				<article id="sitemap">
214 
+					<div id="sitemap_img">
215 
+						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
216 
+					</div>
217 
+				</article>
218 
+				<!--セクション お問い合わせ-->
219 
+				<article id="contact">
220 
+					<div id="contact_img">
221 
+						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
222 
+								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
223 
+					</div>
224 
+				</article>
225 
+				<!--セクション 翻訳-->
226 
+				<article id="translation">
227 
+					<div id="translation_img">
228 
+						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
229 
+						<div id="google_translate_element"></div>
230 
+					</div>
231 
+				</article>
232 
+				<div id="claer">
233 
+				</div>
234 
+			</div>
235 
+		</section>
79 236
80 237
81 
-			<!--ヘッダーデータ-->
82 
-			<header>
238 
+		<!--ヘッダーデータ-->
239 
+		<header>
83 240 
 			<div id="header" class="gothic">
84 241 
 				<a href="../index.html">
85 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
86 
-                </a>
242 
+					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
243 
+				</a>
87 244 
 				<div id="h_block_1">
88 
-                    <div class="h_line">
89 
-                    </div>
90 
-                    <article class="h_text_l">
91 
-                        <a class="h_link" href="../second/living.html">
92 
-                            <span class="h_text">くらしの情報</span></a>
93 
-                    </article>
94 
-                    <article class="h_text_l">
95 
-                        <a class="h_link" href="../second/tourism.html">
96 
-                            <span class="h_text">観光</span></a>
97 
-                    </article>
98 
-                    <article class="h_text_l">
99 
-                        <a class="h_link" href="../second/business.html">
100 
-                            <span class="h_text">事業者向け情報</span></a>
101 
-                    </article>
102 
-                    <article class="h_text_l">
103 
-                        <a class="h_link" href="../second/town_admini_info.html">
104 
-                            <span class="h_text">町政情報</span></a>
105 
-                    </article>
106 
-                </div>
107 
-                <div id="h_block_search">
108 
-                    <div class="h_line"></div>
109 
-                    <article class="h_search">
110 
-                    	<div class="space10"></div>
111 
-                    	<form action="http://www.google.com/search">
112 
-                        <input type="hidden" name="hl" value="ja" />
113 
-                        <input type="hidden" name="ie" value="UTF-8">
114 
-                        <input type="hidden" name="oe" value="UTF-8">
115 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-                        <input type="submit" name="btnG" value="検索" />
118 
-                        </form>
119 
-
120 
-                    </article>
121 
-                </div>
245 
+					<div class="h_line">
246 
+					</div>
247 
+					<article class="h_text_l">
248 
+						<a class="h_link" href="../second/living.html">
249 
+							<span class="h_text">くらしの情報</span></a>
250 
+					</article>
251 
+					<article class="h_text_l">
252 
+						<a class="h_link" href="../second/tourism.html">
253 
+							<span class="h_text">観光</span></a>
254 
+					</article>
255 
+					<article class="h_text_l">
256 
+						<a class="h_link" href="../second/business.html">
257 
+							<span class="h_text">事業者向け情報</span></a>
258 
+					</article>
259 
+					<article class="h_text_l">
260 
+						<a class="h_link" href="../second/town_admini_info.html">
261 
+							<span class="h_text">町政情報</span></a>
262 
+					</article>
263 
+				</div>
264 
+				<div id="h_block_search">
265 
+					<div class="h_line"></div>
266 
+					<article class="h_search">
267 
+						<div class="space10"></div>
268 
+						<form action="http://www.google.com/search">
269 
+							<input type="hidden" name="hl" value="ja" />
270 
+							<input type="hidden" name="ie" value="UTF-8">
271 
+							<input type="hidden" name="oe" value="UTF-8">
272 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
273 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
274 
+							<input type="submit" name="btnG" value="検索" />
275 
+						</form>
276 
+
277 
+					</article>
278 
+				</div>
122 279 
 			</div>
123 
-			</header>
280 
+		</header>
124 281
125 
-			<div >
126 
-				<!--セクション template-->
127 
-				<section id="template" >
128 
-					<article id="breadcrumb" >
129 
-						<div id="breadcrumb_title">
130 
-							<div id="breadcrumb_title_block">
131 
-								<span id="breadcrumb_title"><a href="../index.html">トップ</a>><a href="./living.html">くらしの情報</a>>国民年金</span>
132 
-							</div>
282 
+		<div>
283 
+			<!--セクション template-->
284 
+			<section id="template">
285 
+				<article id="breadcrumb">
286 
+					<div id="breadcrumb_title">
287 
+						<div id="breadcrumb_title_block">
288 
+							<span id="breadcrumb_title"><a href="../index.html">トップ</a>><a
289 
+									href="./living.html">くらしの情報</a>>国民年金</span>
133 290 
 						</div>
134 
-					</article>
135 
-					<article id="template" >
136 
-						<div id="template_title" class="gothic">
137 
-							<div id="template_title_block">
138 
-								<span id="template_title">くらしの情報</span>
139 
-							</div>
291 
+					</div>
292 
+				</article>
293 
+				<article id="template">
294 
+					<div id="template_title" class="gothic">
295 
+						<div id="template_title_block">
296 
+							<span id="template_title">くらしの情報</span>
140 297 
 						</div>
141 
-					</article>
142 
-					<article id="template_list_title3" >
143 
-						<div id="template_title3" class="gothic">
144 
-							<div id="template_title_block">
145 
-								<span class="template_icon left">-</span><span id="template_title3"><a name="anc1">国民年金</a></span>
146 
-							</div>
298 
+					</div>
299 
+				</article>
300 
+				<article id="template_list_title3">
301 
+					<div id="template_title3" class="gothic">
302 
+						<div id="template_title_block">
303 
+							<span class="template_icon left">-</span><span id="template_title3"><a
304 
+									name="anc1">国民年金</a></span>
147 305 
 						</div>
148 
-						<span id="template_article_block">
149 
-          					<div class="left">
150 
-          						<div class="template_list">
306 
+					</div>
307 
+					<span id="template_article_block">
308 
+						<div class="left_mobile">
309 
+							<div class="template_list">
151 310 
 								<span class="template_list">
152 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
153 
-                        		<a href="../third/living/National_insurance.html">
154 
-                                国民年金に加入する人</a></span><br />
155 
-                        				    	<span class="clear"></span>
156 
-          						</div>
157 
-          						<div class="template_list">
311 
+									<span class="template_list_img left"><img
312 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
313 
+									<a href="../third/living/National_insurance.html">
314 
+										国民年金に加入する人</a></span><br />
315 
+								<span class="clear"></span>
316 
+							</div>
317 
+							<div class="template_list">
158 318 
 								<span class="template_list">
159 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
160 
-                        		<a href="../third/living/National_pension_join_for_the_first_time_20_year_old.html">
161 
-                                20歳になって初めて国民年金に加入するとき</a></span><br />
162 
-                        				    	<span class="clear"></span>
163 
-          						</div>
164 
-          						<div class="template_list">
319 
+									<span class="template_list_img left"><img
320 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
321 
+									<a href="../third/living/National_pension_join_for_the_first_time_20_year_old.html">
322 
+										20歳になって初めて国民年金に加入するとき</a></span><br />
323 
+								<span class="clear"></span>
324 
+							</div>
325 
+							<div class="template_list">
165 326 
 								<span class="template_list">
166 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
167 
-                        		<a href="../third/living/Pay_insurance_premiums.html">
168 
-                                保険料の納め方</a></span><br />
169 
-                        				    	<span class="clear"></span>
170 
-          						</div>
171 
-          						<div class="template_list">
327 
+									<span class="template_list_img left"><img
328 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
329 
+									<a href="../third/living/Pay_insurance_premiums.html">
330 
+										保険料の納め方</a></span><br />
331 
+								<span class="clear"></span>
332 
+							</div>
333 
+							<div class="template_list">
172 334 
 								<span class="template_list">
173 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
174 
-                        		<a href="../third/living/Insurance_exemption.html">
175 
-                                保険料の免除制度</a></span><br />
176 
-                        				    	<span class="clear"></span>
177 
-          						</div>
335 
+									<span class="template_list_img left"><img
336 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
337 
+									<a href="../third/living/Insurance_exemption.html">
338 
+										保険料の免除制度</a></span><br />
339 
+								<span class="clear"></span>
340 
+							</div>
178 341 
 						</div>
179 
-						<div class="right">
180 
-          						<div class="template_list">
342 
+						<div class="right_mobile">
343 
+							<div class="template_list">
181 344 
 								<span class="template_list">
182 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
183 
-                        		<a href="../third/living/Notification_when_this.html">
184 
-                                こんな時に届け出を</a></span><br />
185 
-                        				    	<span class="clear"></span>
186 
-          						</div>
187 
-          						<div class="template_list">
345 
+									<span class="template_list_img left"><img
346 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
347 
+									<a href="../third/living/Notification_when_this.html">
348 
+										こんな時に届け出を</a></span><br />
349 
+								<span class="clear"></span>
350 
+							</div>
351 
+							<div class="template_list">
188 352 
 								<span class="template_list">
189 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
190 
-                        		<a href="../third/living/Basic_old_age_pension.html">
191 
-                                老齢基礎年金</a></span><br />
192 
-                        				    	<span class="clear"></span>
193 
-          						</div>
194 
-          						<div class="template_list">
353 
+									<span class="template_list_img left"><img
354 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
355 
+									<a href="../third/living/Basic_old_age_pension.html">
356 
+										老齢基礎年金</a></span><br />
357 
+								<span class="clear"></span>
358 
+							</div>
359 
+							<div class="template_list">
195 360 
 								<span class="template_list">
196 
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
197 
-                        		<a href="../third/living/Disability_basic_pension.html">
198 
-                                障害基礎年金</a></span><br />
199 
-                        				    	<span class="clear"></span>
200 
-          						</div>
361 
+									<span class="template_list_img left"><img
362 
+											src="../css/img/smallbutton_secondfloor.png" /></span>
363 
+									<a href="../third/living/Disability_basic_pension.html">
364 
+										障害基礎年金</a></span><br />
365 
+								<span class="clear"></span>
366 
+							</div>
201 367 
 						</div>
202 368 
 						<div class="clear"></div>
203 
-						</span>
204 
-					</article>
205 
-				</section>
206 
-			</div>
207 
-
208 
-			<footer>
209 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
210 
-			<br />
211 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
212 
-			</footer>
213 
-
369 
+					</span>
370 
+				</article>
371 
+			</section>
214 372 
 		</div>
215 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?National_pension" height="1" width="1" />
216 
-	</body>
217 
-</html>
373 
+
374 
+		<footer>
375 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
376 
+			<div class="footer_mobile">
377 
+				<div class="footer_mobile_title">
378 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
379 
+					<h1 class="footerMobile__text">北方町役場</h1>
380 
+				</div>
381 
+				<div class="footer_mobile_address">
382 
+					<span class="footerTextWrap__text">
383 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
384 
+					</span><br>
385 
+					電話:058-323-1111(代)<br>
386 
+					FAX:058-323-2963<br>
387 
+					開庁日：8時30分～17時15分<br>
388 
+					（土・日・祝日、年末年始を除く）<br>
389 
+				</div>
390 
+			</div>
391 
+			<br class="sp__brDisplay">
392 
+			<p class="footer_text">
393 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
394 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
395 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
396 
+			</p>
397 
+		</footer>
398 
+
399 
+	</div>
400 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?National_pension"
401 
+		height="1" width="1" />
402 
+</body>
403 
+
404 
+</html>

+ 329
- 267
second/Notices.html Datei anzeigen 

@@ -1,134 +1,179 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
-  <title>お知らせ一覧 北方町ホームページ</title>
7 
-  <!--くらしの情報-->
8 
-  <link href="../css/base.css" rel="stylesheet">
9 
-  <link href="../css/second_header.css" rel="stylesheet">
10 
-  <link href="../css/footer.css" rel="stylesheet">
11 
-  <link href="../css/section.css" rel="stylesheet">
12 
-  <link href="../css/third_template.css" rel="stylesheet">
13 
-  <link href="../css/notices.css" rel="stylesheet">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>北方町ホームページ</title>
8 
+  <link rel="stylesheet" href="../css/base.css">
9 
+  <link rel="stylesheet" href="../css/second_header.css">
10 
+  <link rel="stylesheet" href="../css/footer.css">
11 
+  <link rel="stylesheet" href="../css/section.css">
12 
+  <link rel="stylesheet" href="../css/third_template.css">
13 
+  <link rel="stylesheet" href="../css/table.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/third_template_mobile.css">
18 
+  <link rel="stylesheet" href="../css/notices_mobile.css">
14 19 
   <script src="../js/operation.js"></script>
15 
-  <meta content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f" name="google-translate-customization">
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 23 
   </meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
20 
-  <div class="gothic" id="main">
21 
-    <!--セクション 操作-->
22 
-    <section id="operation">
23 
-      <!--セクション 住所-->
24 
-      <article id="address">
25 
-        <address id="operation_add">
26 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 
-        </address>
28 
-      </article>
29 
-      <div id="controle_panel">
30 
-        <!--セクション 背景色-->
31 
-        <article id="bgcolor">
32 
-          <img alt="背景色変更ボックス" src="../css/img/013.png" />
33 
-          <div id="bgcolor_img">
34 
-            <input alt=" " height="28px" id="button1" onClick="setBackground2(1)" type="image" value=" " width="29px">
35 
-            <input alt=" " height="28px" id="button2" onClick="setBackground2(2)" type="image" value=" " width="29px">
36 
-            <input alt=" " height="28px" id="button3" onClick="setBackground2(3)" type="image" value=" " width="29px">
27 
+  <script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+      new google.translate.TranslateElement({
30 
+        pageLanguage: 'ja',
31 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+      }, 'google_translate_element');
33 
+    }
34 
+  </script>
35 
+  <script type="text/javascript"
36 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+  <div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+      <div class="headerLogo">
41 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+            src="../../image/logo_kitagata_green_S.png" alt=""></a>
43 
+      </div>
44 
+      <div class="headerTitle">
45 
+        <a href="../index.html" class="header_link">
46 
+          <h1 class="headerTitle__text">北方町</h1>
47 
+        </a>
48 
+      </div>
49 
+      <div class="headerSubTitle">
50 
+        <a href="../index.html" class="header_link">
51 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+        </a>
53 
+      </div>
54 
+      <div id="h-menu">
55 
+        <span></span>
56 
+        <span></span>
57 
+        <span></span>
58 
+        <div id="h-text">menu</div>
59 
+      </div>
60 
+      <div id="h-nav">
61 
+        <div class="h-menu_main_block_top">
62 
+          <div class="h-menu_main_block">
63 
+            <div class="h-menu_block">
64 
+              <a href="../second/living.html">
65 
+                <div class="h-menu_block_text h-menu_block_before">
66 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
67 
+                </div>
68 
+              </a>
69 
+            </div>
37 70 
           </div>
38 
-          <script>
39 
-            getBackgNumber2();
40 
-          </script>
41 
-        </article>
42 
-
43 
-        <!--セクション 文字サイズ-->
44 
-        <!--<article id="charsize" >
45 
-                  <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
46 
-                  <div id="charsize_img">
47 
-                  <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
48 
-                  <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
49 
-                  <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
71 
+          <div class="h-menu_main_block">
72 
+            <div class="h-menu_block">
73 
+              <a href="../second/tourism.html">
74 
+                <div class="h-menu_block_text h-menu_block_before">
75 
+                  <div class="h-menu_block_text_center">
76 
+                    観光
50 77 
                   </div>
51 
-                  </article>-->
52 
-
53 
-        <!--セクション サイトマップ-->
54 
-        <article id="sitemap">
55 
-          <div id="sitemap_img">
56 
-            <img alt="サイトマップ" src="../css/img/kitagata_sitemap.png" />
78 
+                </div>
79 
+              </a>
80 
+            </div>
57 81 
           </div>
58 
-        </article>
59 
-        <!--セクション お問い合わせ-->
60 
-        <article id="contact">
61 
-          <div id="contact_img">
62 
-            <a href="../third/town_admini_info/administrative_organization_chart.html"><img alt="お問い合わせはこちらから"
63 
-                src="../css/img/kitagata_support.png" /></a>
82 
+          <div class="h-menu_main_block">
83 
+            <div class="h-menu_block">
84 
+              <a href="../second/business.html">
85 
+                <div class="h-menu_block_text h-menu_block_before">
86 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+                </div>
88 
+              </a>
89 
+            </div>
64 90 
           </div>
65 
-        </article>
66 
-        <!--セクション 翻訳-->
67 
-        <article id="translation">
68 
-          <div id="translation_img">
69 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
70 
-            <div id="google_translate_element"></div>
71 
-            <script type="text/javascript">
72 
-              function googleTranslateElementInit() {
73 
-                new google.translate.TranslateElement({
74 
-                  pageLanguage: 'ja',
75 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-                }, 'google_translate_element');
77 
-              }
78 
-            </script>
79 
-            <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
80 
-              type="text/javascript"></script>
91 
+          <div class="h-menu_main_block">
92 
+            <div class="h-menu_block">
93 
+              <a href="../second/town_admini_info.html">
94 
+                <div class="h-menu_block_text h-menu_block_before">
95 
+                  <div class="h-menu_block_text_center">町政情報</div>
96 
+                </div>
97 
+              </a>
98 
+            </div>
81 99 
           </div>
82 
-        </article>
83 
-        <div id="claer">
84 
-        </div>
85 
-      </div>
86 
-    </section>
87 
-
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div class="gothic" id="header">
91 
-        <a href="../index.html">
92 
-          <img height="260px" src="../css/img/header_emblem.png" width="200px" />
93 
-        </a>
94 
-        <div id="h_block_1">
95 
-          <div class="h_line">
100 
+          <div class="h-menu_main_block">
101 
+            <div class="h-menu_block h-menu_block_before">
102 
+              <a href="../second/sitemap.html">
103 
+                <div class="h-menu_block_text h-menu_block_before">
104 
+                  <div class="h-menu_block_text_center">
105 
+                    サイトマップ
106 
+                  </div>
107 
+                </div>
108 
+              </a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_main_block">
112 
+            <div class="h-menu_block h-menu_block_before">
113 
+              <a href="https://ai-staff.net/kitagata/chat">
114 
+                <div class="h-menu_block_text  h-menu_block_before">
115 
+                  <div class="h-menu_block_text_center">
116 
+                    AIチャット
117 
+                  </div>
118 
+                </div>
119 
+              </a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_main_block">
123 
+            <div class="h-menu_block h-menu_block_before">
124 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                <div class="h-menu_block_text">
126 
+                  <div class="h-menu_block_text_center">
127 
+                    お問い合わせ一覧
128 
+                  </div>
129 
+                </div>
130 
+              </a>
131 
+            </div>
132 
+          </div>
133 
+          <div class="h-menu_main_block">
134 
+            <div class="h-menu_lang">
135 
+              <div class="h-menu_block_lang">
136 
+                <div class="h-menu_block_text_center">
137 
+                  <div class="h-menu_block_text_line">
138 
+                    背景変更
139 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
140 
+                    </div>
141 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
142 
+                    </div>
143 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
144 
+                    </div>
145 
+                  </div>
146 
+                  <script>
147 
+                    getBackgNumber2();
148 
+                  </script>
149 
+                  <div class="h-menu_block_text_line">言語選択
150 
+                    <div class="mobile_translation">
151 
+                      <div id="google_translate_element"></div>
152 
+                    </div>
153 
+                  </div>
154 
+                </div>
155 
+              </div>
156 
+            </div>
157 
+          </div>
158 
+          <div class="h-menu_main_block">
159 
+            <div class="h-menu_search">
160 
+              <div class="h-menu_block_search">
161 
+                <form action="https://www.google.com/search">
162 
+                  <input type="hidden" name="hl" value="ja" />
163 
+                  <input type="hidden" name="ie" value="UTF-8">
164 
+                  <input type="hidden" name="oe" value="UTF-8">
165 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
166 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 
+                </form>
169 
+              </div>
170 
+            </div>
96 171 
           </div>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../second/living.html">
99 
-              <span class="h_text">くらしの情報</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../second/tourism.html">
103 
-              <span class="h_text">観光</span></a>
104 
-          </article>
105 
-          <article class="h_text_l">
106 
-            <a class="h_link" href="../second/business.html">
107 
-              <span class="h_text">事業者向け情報</span></a>
108 
-          </article>
109 
-          <article class="h_text_l">
110 
-            <a class="h_link" href="../second/town_admini_info.html">
111 
-              <span class="h_text">町政情報</span></a>
112 
-          </article>
113 
-        </div>
114 
-        <div id="h_block_search">
115 
-          <div class="h_line"></div>
116 
-          <article class="h_search">
117 
-            <div class="space10"></div>
118 
-            <form action="http://www.google.com/search">
119 
-              <input name="hl" type="hidden" value="ja" />
120 
-              <input name="ie" type="hidden" value="UTF-8">
121 
-              <input name="oe" type="hidden" value="UTF-8">
122 
-              <input name="as_sitesearch" type="hidden" value="www.town.kitagata.gifu.jp" />
123 
-              <input maxlength="256" name="q" size="16" type="text" value="" />
124 
-              <input name="btnG" type="submit" value="検索" />
125 
-            </form>
126 
-
127 
-          </article>
128 172 
         </div>
129 173 
       </div>
130 174 
     </header>
131 175
176 
+
132 177 
     <div>
133 178 
       <!--セクション template-->
134 179 
       <section id="template">
 
@@ -273,13 +318,13 @@
273 318 
               </span>
274 319 
             </div>
275 320 
             <!--
276 
-            <div class="list_notices">
277 
-              <span class="list_notices_date">2022.01.31</span>
278 
-              <span class="list_notices_text">
279 
-                <a href="../third/notices/307_20220131.html">【令和４年３月採用】北方町職員（保健師）を募集します</a>
280 
-              </span>
281 
-            </div>
282 
-          -->
321 
+                      <div class="list_notices">
322 
+                        <span class="list_notices_date">2022.01.31</span>
323 
+                        <span class="list_notices_text">
324 
+                          <a href="../third/notices/307_20220131.html">【令和４年３月採用】北方町職員（保健師）を募集します</a>
325 
+                        </span>
326 
+                      </div>
327 
+                    -->
283 328
284 329 
             <div class="list_notices">
285 330 
               <span class="list_notices_date">2022.01.28</span>
 
@@ -873,11 +918,11 @@
873 918
874 919
875 920 
             <!-- <div class="list_notices">
876 
-                      <span class="list_notices_date">2021.03.03</span>
877 
-                      <span class="list_notices_text">
878 
-                        <a href="../fourth/business/line296_town_road_2021.html">一般競争入札の公告：町道２９６号線道路改良工事</a>
879 
-                      </span>
880 
-                    </div> -->
921 
+                                <span class="list_notices_date">2021.03.03</span>
922 
+                                <span class="list_notices_text">
923 
+                                  <a href="../fourth/business/line296_town_road_2021.html">一般競争入札の公告：町道２９６号線道路改良工事</a>
924 
+                                </span>
925 
+                              </div> -->
881 926
882 927 
             <div class="list_notices">
883 928 
               <span class="list_notices_date">2021.03.02</span>
 
@@ -1161,14 +1206,14 @@
1161 1206 
             <!--            </div>-->
1162 1207
1163 1208 
             <!--
1164 
-                                    <div class="list_notices">
1165 
-                                      <span class="list_notices_date">2020.10.19</span>
1166 
-                                      <span class="list_notices_text">
1167 
-                                        <a
1168 
-                                          href="../third/notices/265_20201019.html">岐阜県後期高齢者医療広域連合が行う後期高齢者医療制度関係事務に対する特定個人情報保護評価書（全項目評価書）（案）のパブリックコメントの実施について</a>
1169 
-                                      </span>
1170 
-                                    </div>
1171 
-                                   -->
1209 
+                                              <div class="list_notices">
1210 
+                                                <span class="list_notices_date">2020.10.19</span>
1211 
+                                                <span class="list_notices_text">
1212 
+                                                  <a
1213 
+                                                    href="../third/notices/265_20201019.html">岐阜県後期高齢者医療広域連合が行う後期高齢者医療制度関係事務に対する特定個人情報保護評価書（全項目評価書）（案）のパブリックコメントの実施について</a>
1214 
+                                                </span>
1215 
+                                              </div>
1216 
+                                             -->
1172 1217
1173 1218 
             <div class="list_notices">
1174 1219 
               <span class="list_notices_date">2020.10.19</span>
 
@@ -1608,36 +1653,36 @@
1608 1653 
               </span>
1609 1654 
             </div>
1610 1655 
             <!--
1611 
-                                    <div class="list_notices">
1612 
-                                      <span class="list_notices_date">2020.02.28</span>
1613 
-                                      <span class="list_notices_text">
1614 
-                                        <a href="../fourth/notices/222_20200228.pdf" target="_blank">新型コロナウイルス感染症の町の対応について</a>
1615 
-                                      </span>
1616 
-                                    </div>
1617 
-                         -->
1656 
+                                              <div class="list_notices">
1657 
+                                                <span class="list_notices_date">2020.02.28</span>
1658 
+                                                <span class="list_notices_text">
1659 
+                                                  <a href="../fourth/notices/222_20200228.pdf" target="_blank">新型コロナウイルス感染症の町の対応について</a>
1660 
+                                                </span>
1661 
+                                              </div>
1662 
+                                   -->
1618 1663 
             <!--
1619 
-                                    <div class="list_notices">
1620 
-                                      <span class="list_notices_date">2020.02.28</span>
1621 
-                                      <span class="list_notices_text">
1622 
-                                        <a href="../third/notices/221_20200228.html">新型コロナウイルスに伴う「かいこ祭り」中止のお知らせ</a>
1623 
-                                      </span>
1624 
-                                    </div>
1625 
-                         -->
1664 
+                                              <div class="list_notices">
1665 
+                                                <span class="list_notices_date">2020.02.28</span>
1666 
+                                                <span class="list_notices_text">
1667 
+                                                  <a href="../third/notices/221_20200228.html">新型コロナウイルスに伴う「かいこ祭り」中止のお知らせ</a>
1668 
+                                                </span>
1669 
+                                              </div>
1670 
+                                   -->
1626 1671 
             <!--
1627 
-                                    <div class="list_notices">
1628 
-                                      <span class="list_notices_date">2020.02.27</span>
1629 
-                                      <span class="list_notices_text">
1630 
-                                        <a href="../third/notices/220_20200227.html">北方町任期付職員（幼稚園長）を募集します</a>
1631 
-                                      </span>
1632 
-                                    </div>
1633 
-
1634 
-                                    <div class="list_notices">
1635 
-                                      <span class="list_notices_date">2020.02.27</span>
1636 
-                                      <span class="list_notices_text">
1637 
-                                        <a href="../third/notices/219_20200227.html">北方町職員（民間企業等職務経験者）を募集します</a>
1638 
-                                      </span>
1639 
-                                    </div>
1640 
-                         -->
1672 
+                                              <div class="list_notices">
1673 
+                                                <span class="list_notices_date">2020.02.27</span>
1674 
+                                                <span class="list_notices_text">
1675 
+                                                  <a href="../third/notices/220_20200227.html">北方町任期付職員（幼稚園長）を募集します</a>
1676 
+                                                </span>
1677 
+                                              </div>
1678 
+
1679 
+                                              <div class="list_notices">
1680 
+                                                <span class="list_notices_date">2020.02.27</span>
1681 
+                                                <span class="list_notices_text">
1682 
+                                                  <a href="../third/notices/219_20200227.html">北方町職員（民間企業等職務経験者）を募集します</a>
1683 
+                                                </span>
1684 
+                                              </div>
1685 
+                                   -->
1641 1686 
             <div class="list_notices">
1642 1687 
               <span class="list_notices_date">2020.02.25</span>
1643 1688 
               <span class="list_notices_text">
 
@@ -1653,11 +1698,11 @@
1653 1698 
             </div>
1654 1699
1655 1700 
             <!-- <div class="list_notices">
1656 
-                                      <span class="list_notices_date">2020.02.18</span>
1657 
-                                      <span class="list_notices_text">
1658 
-                                        <a href="../third/town_admini_info/election.html">北方町長選挙について</a>
1659 
-                                      </span>
1660 
-                                    </div> -->
1701 
+                                                <span class="list_notices_date">2020.02.18</span>
1702 
+                                                <span class="list_notices_text">
1703 
+                                                  <a href="../third/town_admini_info/election.html">北方町長選挙について</a>
1704 
+                                                </span>
1705 
+                                              </div> -->
1661 1706
1662 1707 
             <div class="list_notices">
1663 1708 
               <span class="list_notices_date">2020.02.14</span>
 
@@ -1674,18 +1719,18 @@
1674 1719 
             </div>
1675 1720
1676 1721 
             <!-- <div class="list_notices">
1677 
-                                      <span class="list_notices_date">2020.02.03</span>
1678 
-                                      <span class="list_notices_text">
1679 
-                                        <a href="../fourth/business/kyusyoku_shinchiku_20200203.html">一般競争入札の公告：（仮称）北方町学校給食調理場新築工事</a>
1680 
-                                      </span>
1681 
-                                    </div> -->
1722 
+                                                <span class="list_notices_date">2020.02.03</span>
1723 
+                                                <span class="list_notices_text">
1724 
+                                                  <a href="../fourth/business/kyusyoku_shinchiku_20200203.html">一般競争入札の公告：（仮称）北方町学校給食調理場新築工事</a>
1725 
+                                                </span>
1726 
+                                              </div> -->
1682 1727
1683 1728 
             <!-- <div class="list_notices">
1684 
-                                      <span class="list_notices_date">2020.02.03</span>
1685 
-                                      <span class="list_notices_text">
1686 
-                                        <a href="../fourth/business/kyusyoku_kikisecchi_20200203.html">一般競争入札の公告：（仮称）北方町学校給食調理場厨房機器設置工事</a>
1687 
-                                      </span>
1688 
-                                    </div> -->
1729 
+                                                <span class="list_notices_date">2020.02.03</span>
1730 
+                                                <span class="list_notices_text">
1731 
+                                                  <a href="../fourth/business/kyusyoku_kikisecchi_20200203.html">一般競争入札の公告：（仮称）北方町学校給食調理場厨房機器設置工事</a>
1732 
+                                                </span>
1733 
+                                              </div> -->
1689 1734
1690 1735 
             <div class="list_notices">
1691 1736 
               <span class="list_notices_date">2020.01.30</span>
 
@@ -1701,11 +1746,11 @@
1701 1746 
               </span>
1702 1747 
             </div>
1703 1748 
             <!-- <div class="list_notices">
1704 
-                                      <span class="list_notices_date">2020.01.21</span>
1705 
-                                      <span class="list_notices_text">
1706 
-                                        <a href="../third/notices/216_20200121.html">都市計画区域マスタープラン及び区域区分の変更に係る公聴会を開催します</a>
1707 
-                                      </span>
1708 
-                                    </div> -->
1749 
+                                                <span class="list_notices_date">2020.01.21</span>
1750 
+                                                <span class="list_notices_text">
1751 
+                                                  <a href="../third/notices/216_20200121.html">都市計画区域マスタープラン及び区域区分の変更に係る公聴会を開催します</a>
1752 
+                                                </span>
1753 
+                                              </div> -->
1709 1754 
             <div class="list_notices">
1710 1755 
               <span class="list_notices_date">2020.01.17</span>
1711 1756 
               <span class="list_notices_text">
 
@@ -1767,13 +1812,13 @@
1767 1812 
               </span>
1768 1813 
             </div>
1769 1814 
             <!--
1770 
-                                    <div class="list_notices">
1771 
-                                      <span class="list_notices_date">2019.10.29</span>
1772 
-                                      <span class="list_notices_text">
1773 
-                                        <a href="../third/notices/208_20191101.html">１１月から高齢者等タクシー利用助成において利用できる会社が増えました！！</a>
1774 
-                                      </span>
1775 
-                                    </div>
1776 
-                         -->
1815 
+                                              <div class="list_notices">
1816 
+                                                <span class="list_notices_date">2019.10.29</span>
1817 
+                                                <span class="list_notices_text">
1818 
+                                                  <a href="../third/notices/208_20191101.html">１１月から高齢者等タクシー利用助成において利用できる会社が増えました！！</a>
1819 
+                                                </span>
1820 
+                                              </div>
1821 
+                                   -->
1777 1822 
             <div class="list_notices">
1778 1823 
               <span class="list_notices_date">2019.10.10</span>
1779 1824 
               <span class="list_notices_text">
 
@@ -1805,11 +1850,11 @@
1805 1850 
               </span>
1806 1851 
             </div>
1807 1852 
             <!-- <div class="list_notices">
1808 
-                                      <span class="list_notices_date">2019.09.04</span>
1809 
-                                      <span class="list_notices_text">
1810 
-                                        <a href="../third/living/Premium_gift.html">プレミアム付商品券に関するお知らせです</a>
1811 
-                                      </span>
1812 
-                                    </div> -->
1853 
+                                                <span class="list_notices_date">2019.09.04</span>
1854 
+                                                <span class="list_notices_text">
1855 
+                                                  <a href="../third/living/Premium_gift.html">プレミアム付商品券に関するお知らせです</a>
1856 
+                                                </span>
1857 
+                                              </div> -->
1813 1858 
             <div class="list_notices">
1814 1859 
               <span class="list_notices_date">2019.09.01</span>
1815 1860 
               <span class="list_notices_text">
 
@@ -1817,13 +1862,13 @@
1817 1862 
               </span>
1818 1863 
             </div>
1819 1864 
             <!--
1820 
-                                    <div class="list_notices">
1821 
-                                      <span class="list_notices_date">2019.08.15</span>
1822 
-                                      <span class="list_notices_text">
1823 
-                                        <a href="../third/notices/201_20190815.html">台風10号の接近に伴う対応について</a>
1824 
-                                      </span>
1825 
-                                    </div>
1826 
-                         -->
1865 
+                                              <div class="list_notices">
1866 
+                                                <span class="list_notices_date">2019.08.15</span>
1867 
+                                                <span class="list_notices_text">
1868 
+                                                  <a href="../third/notices/201_20190815.html">台風10号の接近に伴う対応について</a>
1869 
+                                                </span>
1870 
+                                              </div>
1871 
+                                   -->
1827 1872 
             <div class="list_notices">
1828 1873 
               <span class="list_notices_date">2019.08.01</span>
1829 1874 
               <span class="list_notices_text">
 
@@ -1831,35 +1876,35 @@
1831 1876 
               </span>
1832 1877 
             </div>
1833 1878 
             <!--
1834 
-                                    <div class="list_notices">
1835 
-                                      <span class="list_notices_date">2019.08.01</span>
1836 
-                                      <span class="list_notices_text">
1837 
-                                        <a href="../third/notices/199_20190801.html">８月１３日（火）より「アユカ」助成の受付を開始します！<span
1838 
-                                            style="color: red;">(終了しました)</span></a>
1839 
-                                      </span>
1840 
-                                    </div>
1841 
-                         -->
1879 
+                                              <div class="list_notices">
1880 
+                                                <span class="list_notices_date">2019.08.01</span>
1881 
+                                                <span class="list_notices_text">
1882 
+                                                  <a href="../third/notices/199_20190801.html">８月１３日（火）より「アユカ」助成の受付を開始します！<span
1883 
+                                                      style="color: red;">(終了しました)</span></a>
1884 
+                                                </span>
1885 
+                                              </div>
1886 
+                                   -->
1842 1887 
             <!-- <div class="list_notices">
1843 
-                                      <span class="list_notices_date">2019.07.30</span>
1844 
-                                      <span class="list_notices_text">
1845 
-                                        <a href="../fourth/business/kitagatabunnkyou_20190726.html">一般競争入札の公告：（仮称）北方町立北方学園文教施設新増改築等設計監理業務委託</a>
1846 
-                                      </span>
1847 
-                                    </div> -->
1888 
+                                                <span class="list_notices_date">2019.07.30</span>
1889 
+                                                <span class="list_notices_text">
1890 
+                                                  <a href="../fourth/business/kitagatabunnkyou_20190726.html">一般競争入札の公告：（仮称）北方町立北方学園文教施設新増改築等設計監理業務委託</a>
1891 
+                                                </span>
1892 
+                                              </div> -->
1848 1893
1849 1894 
             <!-- <div class="list_notices">
1850 
-                                      <span class="list_notices_date">2019.07.11</span>
1851 
-                                      <span class="list_notices_text">
1852 
-                                        <a href="../fourth/business/kitagatasyougaku_20190711.html">一般競争入札の公告：北方小学校放課後児童クラブ施設新築工事</a>
1853 
-                                      </span>
1854 
-                                    </div> -->
1895 
+                                                <span class="list_notices_date">2019.07.11</span>
1896 
+                                                <span class="list_notices_text">
1897 
+                                                  <a href="../fourth/business/kitagatasyougaku_20190711.html">一般競争入札の公告：北方小学校放課後児童クラブ施設新築工事</a>
1898 
+                                                </span>
1899 
+                                              </div> -->
1855 1900
1856 1901 
             <!-- <div class="list_notices">
1857 
-                                      <span class="list_notices_date">2019.07.11</span>
1858 
-                                      <span class="list_notices_text">
1859 
-                                        <a
1860 
-                                          href="../fourth/business/fureaimizucenter_20190711.html">一般競争入札の公告：北方町ふれあい水センター電気設備長寿命化工事（汚水ポンプＶＶＶＦ盤）</a>
1861 
-                                      </span>
1862 
-                                    </div> -->
1902 
+                                                <span class="list_notices_date">2019.07.11</span>
1903 
+                                                <span class="list_notices_text">
1904 
+                                                  <a
1905 
+                                                    href="../fourth/business/fureaimizucenter_20190711.html">一般競争入札の公告：北方町ふれあい水センター電気設備長寿命化工事（汚水ポンプＶＶＶＦ盤）</a>
1906 
+                                                </span>
1907 
+                                              </div> -->
1863 1908
1864 1909 
             <div class="list_notices">
1865 1910 
               <span class="list_notices_date">2019.07.08</span>
 
@@ -1875,21 +1920,21 @@
1875 1920 
               </span>
1876 1921 
             </div>
1877 1922 
             <!--
1878 
-                                    <div class="list_notices">
1879 
-                                      <span class="list_notices_date">2019.07.02</span>
1880 
-                                      <span class="list_notices_text">
1881 
-                                        <a href="../third/notices/197_20190628.html">北方町職員を募集します</a>
1882 
-                                      </span>
1883 
-                                    </div>
1884 
-                         -->
1923 
+                                              <div class="list_notices">
1924 
+                                                <span class="list_notices_date">2019.07.02</span>
1925 
+                                                <span class="list_notices_text">
1926 
+                                                  <a href="../third/notices/197_20190628.html">北方町職員を募集します</a>
1927 
+                                                </span>
1928 
+                                              </div>
1929 
+                                   -->
1885 1930 
             <!--
1886 
-                                    <div class="list_notices">
1887 
-                                      <span class="list_notices_date">2019.07.01</span>
1888 
-                                      <span class="list_notices_text">
1889 
-                                        <a href="../third/notices/198_20190701.html">岐阜消防本部からのお知らせ</a>
1890 
-                                      </span>
1891 
-                                    </div>
1892 
-                         -->
1931 
+                                              <div class="list_notices">
1932 
+                                                <span class="list_notices_date">2019.07.01</span>
1933 
+                                                <span class="list_notices_text">
1934 
+                                                  <a href="../third/notices/198_20190701.html">岐阜消防本部からのお知らせ</a>
1935 
+                                                </span>
1936 
+                                              </div>
1937 
+                                   -->
1893 1938 
             <div class="list_notices">
1894 1939 
               <span class="list_notices_date">2019.06.26</span>
1895 1940 
               <span class="list_notices_text">
 
@@ -1911,12 +1956,12 @@
1911 1956 
             </div>
1912 1957
1913 1958 
             <!-- <div class="list_notices">
1914 
-                                      <span class="list_notices_date">2019.06.24</span>
1915 
-                                      <span class="list_notices_text">
1916 
-                                        <a href="../fourth/business/kitagatabunnkyou_20190524.pdf"
1917 
-                                          target="_blank">一般競争入札の中止広告について：（仮称）北方町立北方学園文教施設新増改築等設計監理業務委託</a>
1918 
-                                      </span>
1919 
-                                    </div> -->
1959 
+                                                <span class="list_notices_date">2019.06.24</span>
1960 
+                                                <span class="list_notices_text">
1961 
+                                                  <a href="../fourth/business/kitagatabunnkyou_20190524.pdf"
1962 
+                                                    target="_blank">一般競争入札の中止広告について：（仮称）北方町立北方学園文教施設新増改築等設計監理業務委託</a>
1963 
+                                                </span>
1964 
+                                              </div> -->
1920 1965
1921 1966 
             <div class="list_notices">
1922 1967 
               <span class="list_notices_date">2019.06.19</span>
 
@@ -1926,22 +1971,22 @@
1926 1971 
               </span>
1927 1972 
             </div>
1928 1973 
             <!--
1929 
-                                    <div class="list_notices">
1930 
-                                      <span class="list_notices_date">2019.06.10</span>
1931 
-                                      <span class="list_notices_text">
1932 
-                                        <a href="../third/notices/190_20190411.html">６月からアユカ（岐阜バスＩＣカード乗車券）助成の受付中　６月２８日（金）まで<font color="red">
1933 
-                                            （終了しました）</font></a>
1934 
-                                      </span>
1935 
-                                    </div>
1936 
-                         -->
1974 
+                                              <div class="list_notices">
1975 
+                                                <span class="list_notices_date">2019.06.10</span>
1976 
+                                                <span class="list_notices_text">
1977 
+                                                  <a href="../third/notices/190_20190411.html">６月からアユカ（岐阜バスＩＣカード乗車券）助成の受付中　６月２８日（金）まで<font color="red">
1978 
+                                                      （終了しました）</font></a>
1979 
+                                                </span>
1980 
+                                              </div>
1981 
+                                   -->
1937 1982 
             <!--
1938 
-                                    <div class="list_notices">
1939 
-                                      <span class="list_notices_date">2019.06.03</span>
1940 
-                                      <span class="list_notices_text">
1941 
-                                        <a href="../fourth/notices/194_20190517.pdf" target="_blank">8月6日あんしん防火研修会について</a>
1942 
-                                      </span>
1943 
-                                    </div>
1944 
-                         -->
1983 
+                                              <div class="list_notices">
1984 
+                                                <span class="list_notices_date">2019.06.03</span>
1985 
+                                                <span class="list_notices_text">
1986 
+                                                  <a href="../fourth/notices/194_20190517.pdf" target="_blank">8月6日あんしん防火研修会について</a>
1987 
+                                                </span>
1988 
+                                              </div>
1989 
+                                   -->
1945 1990 
             <div class="list_notices">
1946 1991 
               <span class="list_notices_date">2019.05.15</span>
1947 1992 
               <span class="list_notices_text">
 
@@ -1956,11 +2001,11 @@
1956 2001 
             </div>
1957 2002
1958 2003 
             <!-- <div class="list_notices">
1959 
-                                      <span class="list_notices_date">2019.05.07</span>
1960 
-                                      <span class="list_notices_text">
1961 
-                                        <a href="../third/notices/192_20190507.html">北方町職員を募集します</a>
1962 
-                                      </span>
1963 
-                                    </div> -->
2004 
+                                                <span class="list_notices_date">2019.05.07</span>
2005 
+                                                <span class="list_notices_text">
2006 
+                                                  <a href="../third/notices/192_20190507.html">北方町職員を募集します</a>
2007 
+                                                </span>
2008 
+                                              </div> -->
1964 2009
1965 2010 
             <div class="list_notices">
1966 2011 
               <span class="list_notices_date">2019.04.15</span>
 
@@ -1986,10 +2031,27 @@
1986 2031 
     </div>
1987 2032
1988 2033 
     <footer>
1989 
-      <img alt="北方町" height="80px" src="../css/img/kitagatafooter.png" width="920px" />
1990 
-      <br />
1991 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
1992 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
2034 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
2035 
+      <div class="footer_mobile">
2036 
+        <div class="footer_mobile_title">
2037 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
2038 
+          <h1 class="footerMobile__text">北方町役場</h1>
2039 
+        </div>
2040 
+        <div class="footer_mobile_address">
2041 
+          <span class="footerTextWrap__text">
2042 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
2043 
+          </span><br>
2044 
+          電話:058-323-1111(代)<br>
2045 
+          FAX:058-323-2963<br>
2046 
+          開庁日：8時30分～17時15分<br>
2047 
+          （土・日・祝日、年末年始を除く）<br>
2048 
+        </div>
2049 
+      </div>
2050 
+      <br class="sp__brDisplay">
2051 
+      <p class="footer_text">
2052 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
2053 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
2054 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
1993 2055 
       </p>
1994 2056 
     </footer>
1995 2057

+ 279
- 22
second/Nursing_care_insurance.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>介護保険 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,259 @@
10 11 
 	<link rel="stylesheet" href="../css/footer.css">
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
 	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 	</meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
 	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+						<div class="h-menu_block_text">
63 
+							<div class="h-menu_block_text_center">くらしの情報</div>
64 
+						</div>
65 
+					</div>
66 
+					<div class="h-accordion__content">
67 
+						<div class="h-menu_accordion_block_start">
68 
+							<div class="h-menu_accordion_block_text">
69 
+								<a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+							</div>
71 
+						</div>
72 
+						<div class="h-menu_accordion_block">
73 
+							<div class="h-menu_accordion_block_text">
74 
+								<a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+							</div>
76 
+						</div>
77 
+						<div class="h-menu_accordion_block">
78 
+							<div class="h-menu_accordion_block_text">
79 
+								<a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+							</div>
81 
+						</div>
82 
+						<div class="h-menu_accordion_block">
83 
+							<div class="h-menu_accordion_block_text">
84 
+								<a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+							</div>
86 
+						</div>
87 
+						<div class="h-menu_accordion_block">
88 
+							<div class="h-menu_accordion_block_text">
89 
+								<a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+							</div>
91 
+						</div>
92 
+						<div class="h-menu_accordion_block">
93 
+							<div class="h-menu_accordion_block_text">
94 
+								<a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+							</div>
96 
+						</div>
97 
+						<div class="h-menu_accordion_block">
98 
+							<div class="h-menu_accordion_block_text">
99 
+								<a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+							</div>
101 
+						</div>
102 
+						<div class="h-menu_accordion_block">
103 
+							<div class="h-menu_accordion_block_text">
104 
+								<a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+							</div>
106 
+						</div>
107 
+						<div class="h-menu_accordion_block">
108 
+							<div class="h-menu_accordion_block_text">
109 
+								<a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+							</div>
111 
+						</div>
112 
+						<div class="h-menu_accordion_block">
113 
+							<div class="h-menu_accordion_block_text">
114 
+								<a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+							</div>
116 
+						</div>
117 
+						<div class="h-menu_accordion_block">
118 
+							<div class="h-menu_accordion_block_text">
119 
+								<a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+							</div>
121 
+						</div>
122 
+						<div class="h-menu_accordion_block">
123 
+							<div class="h-menu_accordion_block_text">
124 
+								<a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+							</div>
126 
+						</div>
127 
+						<div class="h-menu_accordion_block">
128 
+							<div class="h-menu_accordion_block_text">
129 
+								<a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+							</div>
131 
+						</div>
132 
+						<div class="h-menu_accordion_block">
133 
+							<div class="h-menu_accordion_block_text">
134 
+								<a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+							</div>
136 
+						</div>
137 
+						<div class="h-menu_accordion_block">
138 
+							<div class="h-menu_accordion_block_text">
139 
+								<a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+							</div>
141 
+						</div>
142 
+						<div class="h-menu_accordion_block">
143 
+							<div class="h-menu_accordion_block_text">
144 
+								<a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+							</div>
146 
+						</div>
147 
+						<div class="h-menu_accordion_block">
148 
+							<div class="h-menu_accordion_block_text">
149 
+								<a class="h_link" href="../second/Application_downloading.html"
150 
+									name="anc15">申請書ダウンロード</a>
151 
+							</div>
152 
+						</div>
153 
+						<div class="h-menu_accordion_block">
154 
+							<div class="h-menu_accordion_block_text">
155 
+								<a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+									name="anc15">カワセミ便<br />（きたがた情報メール）</a>
157 
+							</div>
158 
+						</div>
159 
+					</div>
160 
+				</div>
161 
+				<div class="h-menu_main_block">
162 
+					<div class="h-menu_block">
163 
+						<a href="../second/tourism.html">
164 
+							<div class="h-menu_block_text h-menu_block_before">
165 
+								<div class="h-menu_block_text_center">
166 
+									観光
167 
+								</div>
168 
+							</div>
169 
+						</a>
170 
+					</div>
171 
+				</div>
172 
+				<div class="h-menu_main_block">
173 
+					<div class="h-menu_block">
174 
+						<a href="../second/business.html">
175 
+							<div class="h-menu_block_text h-menu_block_before">
176 
+								<div class="h-menu_block_text_center">事業者向け情報</div>
177 
+							</div>
178 
+						</a>
179 
+					</div>
180 
+				</div>
181 
+				<div class="h-menu_main_block">
182 
+					<div class="h-menu_block">
183 
+						<a href="../second/town_admini_info.html">
184 
+							<div class="h-menu_block_text h-menu_block_before">
185 
+								<div class="h-menu_block_text_center">町政情報</div>
186 
+							</div>
187 
+						</a>
188 
+					</div>
189 
+				</div>
190 
+				<div class="h-menu_main_block">
191 
+					<div class="h-menu_block h-menu_block_before">
192 
+						<a href="../second/sitemap.html">
193 
+							<div class="h-menu_block_text h-menu_block_before">
194 
+								<div class="h-menu_block_text_center">
195 
+									サイトマップ
196 
+								</div>
197 
+							</div>
198 
+						</a>
199 
+					</div>
200 
+				</div>
201 
+				<div class="h-menu_main_block">
202 
+					<div class="h-menu_block h-menu_block_before">
203 
+						<a href="https://ai-staff.net/kitagata/chat">
204 
+							<div class="h-menu_block_text  h-menu_block_before">
205 
+								<div class="h-menu_block_text_center">
206 
+									AIチャット
207 
+								</div>
208 
+							</div>
209 
+						</a>
210 
+					</div>
211 
+				</div>
212 
+				<div class="h-menu_main_block">
213 
+					<div class="h-menu_block h-menu_block_before">
214 
+						<a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+							<div class="h-menu_block_text">
216 
+								<div class="h-menu_block_text_center">
217 
+									お問い合わせ一覧
218 
+								</div>
219 
+							</div>
220 
+						</a>
221 
+					</div>
222 
+				</div>
223 
+				<div class="h-menu_main_block">
224 
+					<div class="h-menu_lang">
225 
+						<div class="h-menu_block_lang">
226 
+							<div class="h-menu_block_text_center">
227 
+								<div class="h-menu_block_text_line">
228 
+									背景変更
229 
+									<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+									</div>
231 
+									<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+									</div>
233 
+									<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+									</div>
235 
+								</div>
236 
+								<script>
237 
+									getBackgNumber2();
238 
+								</script>
239 
+								<div class="h-menu_block_text_line">言語選択
240 
+									<div class="mobile_translation">
241 
+										<div id="google_translate_element"></div>
242 
+									</div>
243 
+								</div>
244 
+							</div>
245 
+						</div>
246 
+					</div>
247 
+				</div>
248 
+				<div class="h-menu_main_block">
249 
+					<div class="h-menu_search">
250 
+						<div class="h-menu_block_search">
251 
+							<form action="https://www.google.com/search">
252 
+								<input type="hidden" name="hl" value="ja" />
253 
+								<input type="hidden" name="ie" value="UTF-8">
254 
+								<input type="hidden" name="oe" value="UTF-8">
255 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
256 
+								<input type="text" name="q" size="16" maxlength="256" value=""
257 
+									class="mobile_form_input" />
258 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
259 
+							</form>
260 
+						</div>
261 
+					</div>
262 
+				</div>
263 
+			</div>
264 
+		</header>
265 
+
266 
+
20 267 
 		<!--セクション 操作-->
21 268 
 		<section id="operation">
22 269 
 			<!--セクション 住所-->
 
@@ -45,13 +292,13 @@
45 292
46 293 
 				<!--セクション 文字サイズ-->
47 294 
 				<!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
295 
+		<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+		<div id="charsize_img">
297 
+		<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+		<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+		<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+		</div>
301 
+		</article>-->
55 302
56 303 
 				<!--セクション サイトマップ-->
57 304 
 				<article id="sitemap">
 
@@ -71,13 +318,6 @@
71 318 
 					<div id="translation_img">
72 319 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 320 
 						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
77 
-							}
78 
-						</script>
79 
-						<script type="text/javascript"
80 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 321 
 					</div>
82 322 
 				</article>
83 323 
 				<div id="claer">
 
@@ -152,7 +392,7 @@
152 392 
 				</article>
153 393 
 				<article id="template_list_title3">
154 394 
 					<span id="template_article_block">
155 
-						<div class="left">
395 
+						<div class="left_mobile">
156 396 
 							<div class="template_list">
157 397 
 								<span class="template_list">
158 398 
 									<span class="template_list_img left"><img
 
@@ -162,7 +402,7 @@
162 402 
 								<span class="clear"></span>
163 403 
 							</div>
164 404 
 						</div>
165 
-						<div class="right">
405 
+						<div class="right_mobile">
166 406 
 							<div class="template_list">
167 407 
 								<span class="template_list">
168 408 
 									<span class="template_list_img left"><img
 
@@ -179,11 +419,28 @@
179 419 
 		</div>
180 420
181 421 
 		<footer>
182 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
183 
-			<br />
184 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
185 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
186 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
422 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
423 
+			<div class="footer_mobile">
424 
+				<div class="footer_mobile_title">
425 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
426 
+					<h1 class="footerMobile__text">北方町役場</h1>
427 
+				</div>
428 
+				<div class="footer_mobile_address">
429 
+					<span class="footerTextWrap__text">
430 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
431 
+					</span><br>
432 
+					電話:058-323-1111(代)<br>
433 
+					FAX:058-323-2963<br>
434 
+					開庁日：8時30分～17時15分<br>
435 
+					（土・日・祝日、年末年始を除く）<br>
436 
+				</div>
437 
+			</div>
438 
+			<br class="sp__brDisplay">
439 
+			<p class="footer_text">
440 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
441 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
442 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
443 
+			</p>
187 444 
 		</footer>
188 445
189 446 
 	</div>

+ 195
- 29
second/Parliament.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>議会 北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -10,16 +11,168 @@
10 11 
     <link rel="stylesheet" href="../css/footer.css">
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/third_template.css">
14 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+    <link rel="stylesheet" href="../css/section_mobile.css">
17 
+    <link rel="stylesheet" href="../css/third_template_mobile.css">
13 18 
     <script src="../js/operation.js"></script>
19 
+    <script src="../js/menu.js"></script>
20 
+    <script src="../js/accordion.js"></script>
14 21 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-    <script>
20 
-        getBackgNumber2();
25 
+    <script type="text/javascript">
26 
+        function googleTranslateElementInit() {
27 
+            new google.translate.TranslateElement({
28 
+                pageLanguage: 'ja',
29 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+            }, 'google_translate_element');
31 
+        }
21 32 
     </script>
33 
+    <script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
22 35 
     <div id="main" class="gothic">
36 
+        <!-- mobile header -->
37 
+        <header class="header">
38 
+            <div class="headerLogo">
39 
+                <a href="../index.html" class="header_link"><img class="headerLogo__image"
40 
+                        src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+            </div>
42 
+            <div class="headerTitle">
43 
+                <a href="../index.html" class="header_link">
44 
+                    <h1 class="headerTitle__text">北方町</h1>
45 
+                </a>
46 
+            </div>
47 
+            <div class="headerSubTitle">
48 
+                <a href="../index.html" class="header_link">
49 
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+                </a>
51 
+            </div>
52 
+            <div id="h-menu">
53 
+                <span></span>
54 
+                <span></span>
55 
+                <span></span>
56 
+                <div id="h-text">menu</div>
57 
+            </div>
58 
+            <div id="h-nav">
59 
+                <div class="h-menu_main_block_top">
60 
+                    <div class="h-menu_main_block">
61 
+                        <div class="h-menu_block">
62 
+                            <a href="../second/living.html">
63 
+                                <div class="h-menu_block_text h-menu_block_before">
64 
+                                    <div class="h-menu_block_text_center">くらしの情報</div>
65 
+                                </div>
66 
+                            </a>
67 
+                        </div>
68 
+                    </div>
69 
+                    <div class="h-menu_main_block">
70 
+                        <div class="h-menu_block">
71 
+                            <a href="../second/tourism.html">
72 
+                                <div class="h-menu_block_text h-menu_block_before">
73 
+                                    <div class="h-menu_block_text_center">
74 
+                                        観光
75 
+                                    </div>
76 
+                                </div>
77 
+                            </a>
78 
+                        </div>
79 
+                    </div>
80 
+                    <div class="h-menu_main_block">
81 
+                        <div class="h-menu_block">
82 
+                            <a href="../second/business.html">
83 
+                                <div class="h-menu_block_text h-menu_block_before">
84 
+                                    <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+                                </div>
86 
+                            </a>
87 
+                        </div>
88 
+                    </div>
89 
+                    <div class="h-menu_main_block">
90 
+                        <div class="h-menu_block">
91 
+                            <a href="../second/town_admini_info.html">
92 
+                                <div class="h-menu_block_text h-menu_block_before">
93 
+                                    <div class="h-menu_block_text_center">町政情報</div>
94 
+                                </div>
95 
+                            </a>
96 
+                        </div>
97 
+                    </div>
98 
+                    <div class="h-menu_main_block">
99 
+                        <div class="h-menu_block h-menu_block_before">
100 
+                            <a href="../second/sitemap.html">
101 
+                                <div class="h-menu_block_text h-menu_block_before">
102 
+                                    <div class="h-menu_block_text_center">
103 
+                                        サイトマップ
104 
+                                    </div>
105 
+                                </div>
106 
+                            </a>
107 
+                        </div>
108 
+                    </div>
109 
+                    <div class="h-menu_main_block">
110 
+                        <div class="h-menu_block h-menu_block_before">
111 
+                            <a href="https://ai-staff.net/kitagata/chat">
112 
+                                <div class="h-menu_block_text  h-menu_block_before">
113 
+                                    <div class="h-menu_block_text_center">
114 
+                                        AIチャット
115 
+                                    </div>
116 
+                                </div>
117 
+                            </a>
118 
+                        </div>
119 
+                    </div>
120 
+                    <div class="h-menu_main_block">
121 
+                        <div class="h-menu_block h-menu_block_before">
122 
+                            <a href="../third/town_admini_info/administrative_organization_chart.html">
123 
+                                <div class="h-menu_block_text">
124 
+                                    <div class="h-menu_block_text_center">
125 
+                                        お問い合わせ一覧
126 
+                                    </div>
127 
+                                </div>
128 
+                            </a>
129 
+                        </div>
130 
+                    </div>
131 
+                    <div class="h-menu_main_block">
132 
+                        <div class="h-menu_lang">
133 
+                            <div class="h-menu_block_lang">
134 
+                                <div class="h-menu_block_text_center">
135 
+                                    <div class="h-menu_block_text_line">
136 
+                                        背景変更
137 
+                                        <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
138 
+                                        </div>
139 
+                                        <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
140 
+                                        </div>
141 
+                                        <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
142 
+                                        </div>
143 
+                                    </div>
144 
+                                    <script>
145 
+                                        getBackgNumber2();
146 
+                                    </script>
147 
+                                    <div class="h-menu_block_text_line">言語選択
148 
+                                        <div class="mobile_translation">
149 
+                                            <div id="google_translate_element"></div>
150 
+                                        </div>
151 
+                                    </div>
152 
+                                </div>
153 
+                            </div>
154 
+                        </div>
155 
+                    </div>
156 
+                    <div class="h-menu_main_block">
157 
+                        <div class="h-menu_search">
158 
+                            <div class="h-menu_block_search">
159 
+                                <form action="https://www.google.com/search">
160 
+                                    <input type="hidden" name="hl" value="ja" />
161 
+                                    <input type="hidden" name="ie" value="UTF-8">
162 
+                                    <input type="hidden" name="oe" value="UTF-8">
163 
+                                    <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
164 
+                                    <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                                        class="mobile_form_input" />
166 
+                                    <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
167 
+                                </form>
168 
+                            </div>
169 
+                        </div>
170 
+                    </div>
171 
+                </div>
172 
+            </div>
173 
+        </header>
174 
+
175 
+
23 176 
         <!--セクション 操作-->
24 177 
         <section id="operation">
25 178 
             <!--セクション 住所-->
 
@@ -34,20 +187,27 @@
34 187 
                 <article id="bgcolor">
35 188 
                     <img src="../css/img/013.png" alt="背景色変更ボックス" />
36 189 
                     <div id="bgcolor_img">
37 
-                        <input type="image" src="../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground2(1)">
38 
-                        <input type="image" src="../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground2(2)">
39 
-                        <input type="image" src="../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground2(3)">
190 
+                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
191 
+                            onClick="setBackground2(1)">
192 
+                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
193 
+                            onClick="setBackground2(2)">
194 
+                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
195 
+                            onClick="setBackground2(3)">
40 196 
                     </div>
197 
+                    <script>
198 
+                        getBackgNumber2();
199 
+                    </script>
41 200 
                 </article>
201 
+
42 202 
                 <!--セクション 文字サイズ-->
43 203 
                 <!--<article id="charsize" >
44 
-          <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-          <div id="charsize_img">
46 
-          <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-          <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-          <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-          </div>
50 
-          </article>-->
204 
+    	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
205 
+    	<div id="charsize_img">
206 
+    	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
207 
+    	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
208 
+    	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
209 
+    	</div>
210 
+    	</article>-->
51 211
52 212 
                 <!--セクション サイトマップ-->
53 213 
                 <article id="sitemap">
 
@@ -67,16 +227,6 @@
67 227 
                     <div id="translation_img">
68 228 
                         <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 229 
                         <div id="google_translate_element"></div>
70 
-                        <script type="text/javascript">
71 
-                            function googleTranslateElementInit() {
72 
-                                new google.translate.TranslateElement({
73 
-                                    pageLanguage: 'ja',
74 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                                }, 'google_translate_element');
76 
-                            }
77 
-                        </script>
78 
-                        <script type="text/javascript"
79 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 230 
                     </div>
81 231 
                 </article>
82 232 
                 <div id="claer">
 
@@ -218,11 +368,27 @@
218 368 
         </div>
219 369
220 370 
         <footer>
221 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
222 
-            <br />
223 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
224 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
225 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
371 
+            <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
372 
+            <div class="footer_mobile">
373 
+                <div class="footer_mobile_title">
374 
+                    <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
375 
+                    <h1 class="footerMobile__text">北方町役場</h1>
376 
+                </div>
377 
+                <div class="footer_mobile_address">
378 
+                    <span class="footerTextWrap__text">
379 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
380 
+                    </span><br>
381 
+                    電話:058-323-1111(代)<br>
382 
+                    FAX:058-323-2963<br>
383 
+                    開庁日：8時30分～17時15分<br>
384 
+                    （土・日・祝日、年末年始を除く）<br>
385 
+                </div>
386 
+            </div>
387 
+            <br class="sp__brDisplay">
388 
+            <p class="footer_text">
389 
+                <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
390 
+                <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
391 
+                <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
226 392 
             </p>
227 393 
         </footer>
228 394

+ 335
- 170
second/Pregnancy_and_childbirth.html Datei anzeigen 

@@ -1,220 +1,385 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>妊娠・出産 北方町ホームページ</title>
7 
-	<!--くらしの情報-->
8 
-	<link rel="stylesheet" href="../css/base.css">
9 
-	<link rel="stylesheet" href="../css/second_header.css">
10 
-	<link rel="stylesheet" href="../css/footer.css">
11 
-	<link rel="stylesheet" href="../css/section.css">
12 
-	<link rel="stylesheet" href="../css/second_body.css">
13 
-	<script src="../js/operation.js"></script>
14 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-	</meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>妊娠・出産 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+  <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
21 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+  </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-	<div id="main" class="gothic">
20 
-		<!--セクション 操作-->
21 
-		<section id="operation">
22 
-			<!--セクション 住所-->
23 
-			<article id="address">
24 
-				<address id="operation_add">
25 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
27 
-				</address>
28 
-			</article>
29 
-			<div id="controle_panel">
30 
-				<!--セクション 背景色-->
31 
-				<article id="bgcolor">
32 
-					<img src="../css/img/013.png" alt="背景色変更ボックス" />
33 
-					<div id="bgcolor_img">
34 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-							onClick="setBackground2(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground2(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground2(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber2();
43 
-					</script>
44 
-				</article>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_main_block">
62 
+          <div class="h-menu_block">
63 
+            <a href="../second/living.html">
64 
+              <div class="h-menu_block_text h-menu_block_before">
65 
+                <div class="h-menu_block_text_center">くらしの情報</div>
66 
+              </div>
67 
+            </a>
68 
+          </div>
69 
+        </div>
70 
+        <div class="h-menu_main_block">
71 
+          <div class="h-menu_block">
72 
+            <a href="../second/tourism.html">
73 
+              <div class="h-menu_block_text h-menu_block_before">
74 
+                <div class="h-menu_block_text_center">
75 
+                  観光
76 
+                </div>
77 
+              </div>
78 
+            </a>
79 
+          </div>
80 
+        </div>
81 
+        <div class="h-menu_main_block">
82 
+          <div class="h-menu_block">
83 
+            <a href="../second/business.html">
84 
+              <div class="h-menu_block_text h-menu_block_before">
85 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+              </div>
87 
+            </a>
88 
+          </div>
89 
+        </div>
90 
+        <div class="h-menu_main_block">
91 
+          <div class="h-menu_block">
92 
+            <a href="../second/town_admini_info.html">
93 
+              <div class="h-menu_block_text h-menu_block_before">
94 
+                <div class="h-menu_block_text_center">町政情報</div>
95 
+              </div>
96 
+            </a>
97 
+          </div>
98 
+        </div>
99 
+        <div class="h-menu_main_block">
100 
+          <div class="h-menu_block h-menu_block_before">
101 
+            <a href="../second/sitemap.html">
102 
+              <div class="h-menu_block_text h-menu_block_before">
103 
+                <div class="h-menu_block_text_center">
104 
+                  サイトマップ
105 
+                </div>
106 
+              </div>
107 
+            </a>
108 
+          </div>
109 
+        </div>
110 
+        <div class="h-menu_main_block">
111 
+          <div class="h-menu_block h-menu_block_before">
112 
+            <a href="https://ai-staff.net/kitagata/chat">
113 
+              <div class="h-menu_block_text  h-menu_block_before">
114 
+                <div class="h-menu_block_text_center">
115 
+                  AIチャット
116 
+                </div>
117 
+              </div>
118 
+            </a>
119 
+          </div>
120 
+        </div>
121 
+        <div class="h-menu_main_block">
122 
+          <div class="h-menu_block h-menu_block_before">
123 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+              <div class="h-menu_block_text">
125 
+                <div class="h-menu_block_text_center">
126 
+                  お問い合わせ一覧
127 
+                </div>
128 
+              </div>
129 
+            </a>
130 
+          </div>
131 
+        </div>
132 
+        <div class="h-menu_main_block">
133 
+          <div class="h-menu_lang">
134 
+            <div class="h-menu_block_lang">
135 
+              <div class="h-menu_block_text_center">
136 
+                <div class="h-menu_block_text_line">
137 
+                  背景変更
138 
+                  <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                  </div>
140 
+                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                  </div>
142 
+                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                  </div>
144 
+                </div>
145 
+                <script>
146 
+                    getBackgNumber2();
147 
+                </script>
148 
+                <div class="h-menu_block_text_line">言語選択
149 
+                  <div class="mobile_translation">
150 
+                    <div id="google_translate_element"></div>
151 
+                  </div>
152 
+                </div>
153 
+              </div>
154 
+            </div>
155 
+          </div>
156 
+        </div>
157 
+        <div class="h-menu_main_block">
158 
+          <div class="h-menu_search">
159 
+            <div class="h-menu_block_search">
160 
+              <form action="https://www.google.com/search">
161 
+                <input type="hidden" name="hl" value="ja"/>
162 
+                <input type="hidden" name="ie" value="UTF-8">
163 
+                <input type="hidden" name="oe" value="UTF-8">
164 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                       class="mobile_form_input"/>
167 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+              </form>
169 
+            </div>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </div>
174 
+  </header>
45 175
46 
-				<!--セクション 文字サイズ-->
47 
-				<!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 176
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
60 
-					</div>
61 
-				</article>
62 
-				<!--セクション お問い合わせ-->
63 
-				<article id="contact">
64 
-					<div id="contact_img">
65 
-						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
66 
-								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
67 
-					</div>
68 
-				</article>
69 
-				<!--セクション 翻訳-->
70 
-				<article id="translation">
71 
-					<div id="translation_img">
72 
-						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 
-						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
77 
-							}
78 
-						</script>
79 
-						<script type="text/javascript"
80 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 
-					</div>
82 
-				</article>
83 
-				<div id="claer">
84 
-				</div>
85 
-			</div>
86 
-		</section>
177 
+  <!--セクション 操作-->
178 
+  <section id="operation">
179 
+    <!--セクション 住所-->
180 
+    <article id="address">
181 
+      <address id="operation_add">
182 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
183 
+						TEL:058-323-1111(代)</span>
184 
+      </address>
185 
+    </article>
186 
+    <div id="controle_panel">
187 
+      <!--セクション 背景色-->
188 
+      <article id="bgcolor">
189 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
190 
+        <div id="bgcolor_img">
191 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground2(1)">
193 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground2(2)">
195 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
196 
+                 onClick="setBackground2(3)">
197 
+        </div>
198 
+        <script>
199 
+            getBackgNumber2();
200 
+        </script>
201 
+      </article>
87 202
203 
+      <!--セクション 文字サイズ-->
204 
+      <!--<article id="charsize" >
205 
+  <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
206 
+  <div id="charsize_img">
207 
+  <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
208 
+  <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
209 
+  <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
210 
+  </div>
211 
+  </article>-->
88 212
89 
-		<!--ヘッダーデータ-->
90 
-		<header>
91 
-			<div id="header" class="gothic">
92 
-				<a href="../index.html">
93 
-					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
94 
-				</a>
95 
-				<div id="h_block_1">
96 
-					<div class="h_line">
97 
-					</div>
98 
-					<article class="h_text_l">
99 
-						<a class="h_link" href="../second/living.html">
100 
-							<span class="h_text">くらしの情報</span></a>
101 
-					</article>
102 
-					<article class="h_text_l">
103 
-						<a class="h_link" href="../second/tourism.html">
104 
-							<span class="h_text">観光</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../second/business.html">
108 
-							<span class="h_text">事業者向け情報</span></a>
109 
-					</article>
110 
-					<article class="h_text_l">
111 
-						<a class="h_link" href="../second/town_admini_info.html">
112 
-							<span class="h_text">町政情報</span></a>
113 
-					</article>
114 
-				</div>
115 
-				<div id="h_block_search">
116 
-					<div class="h_line"></div>
117 
-					<article class="h_search">
118 
-						<div class="space10"></div>
119 
-						<form action="http://www.google.com/search">
120 
-							<input type="hidden" name="hl" value="ja" />
121 
-							<input type="hidden" name="ie" value="UTF-8">
122 
-							<input type="hidden" name="oe" value="UTF-8">
123 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
124 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
125 
-							<input type="submit" name="btnG" value="検索" />
126 
-						</form>
213 
+      <!--セクション サイトマップ-->
214 
+      <article id="sitemap">
215 
+        <div id="sitemap_img">
216 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
217 
+        </div>
218 
+      </article>
219 
+      <!--セクション お問い合わせ-->
220 
+      <article id="contact">
221 
+        <div id="contact_img">
222 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
223 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
224 
+        </div>
225 
+      </article>
226 
+      <!--セクション 翻訳-->
227 
+      <article id="translation">
228 
+        <div id="translation_img">
229 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
230 
+          <div id="google_translate_element"></div>
231 
+        </div>
232 
+      </article>
233 
+      <div id="claer">
234 
+      </div>
235 
+    </div>
236 
+  </section>
237 
+  <!--ヘッダーデータ-->
238 
+  <header>
239 
+    <div id="header" class="gothic">
240 
+      <a href="../index.html">
241 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
242 
+      </a>
243 
+      <div id="h_block_1">
244 
+        <div class="h_line">
245 
+        </div>
246 
+        <article class="h_text_l">
247 
+          <a class="h_link" href="../second/living.html">
248 
+            <span class="h_text">くらしの情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../second/tourism.html">
252 
+            <span class="h_text">観光</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../second/business.html">
256 
+            <span class="h_text">事業者向け情報</span></a>
257 
+        </article>
258 
+        <article class="h_text_l">
259 
+          <a class="h_link" href="../second/town_admini_info.html">
260 
+            <span class="h_text">町政情報</span></a>
261 
+        </article>
262 
+      </div>
263 
+      <div id="h_block_search">
264 
+        <div class="h_line"></div>
265 
+        <article class="h_search">
266 
+          <div class="space10"></div>
267 
+          <form action="http://www.google.com/search">
268 
+            <input type="hidden" name="hl" value="ja"/>
269 
+            <input type="hidden" name="ie" value="UTF-8">
270 
+            <input type="hidden" name="oe" value="UTF-8">
271 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
272 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
273 
+            <input type="submit" name="btnG" value="検索"/>
274 
+          </form>
127 275
128 
-					</article>
129 
-				</div>
130 
-			</div>
131 
-		</header>
276 
+        </article>
277 
+      </div>
278 
+    </div>
279 
+  </header>
132 280
133 
-		<div>
134 
-			<!--セクション template-->
135 
-			<section id="template">
136 
-				<article id="breadcrumb">
137 
-					<div id="breadcrumb_title">
138 
-						<div id="breadcrumb_title_block">
139 
-							<span id="breadcrumb_title"><a href="../index.html">トップ</a>>妊娠・出産</span>
140 
-						</div>
141 
-					</div>
142 
-				</article>
143 
-				<article id="template">
144 
-					<div id="template_title" class="gothic">
145 
-						<div id="template_title_block">
146 
-							<span id="template_title">ライフイベント</span>
147 
-						</div>
148 
-					</div>
149 
-				</article>
150 
-				<article id="template_list_title3">
151 
-					<div id="template_title3" class="gothic">
152 
-						<div id="template_title_block">
153 
-							<span id="template_title3"><a name="anc1">妊娠・出産</a></span>
154 
-						</div>
155 
-					</div>
156 
-					<span id="template_article_block">
157 
-						<div class="left">
281 
+  <div>
282 
+    <!--セクション template-->
283 
+    <section id="template">
284 
+      <article id="breadcrumb">
285 
+        <div id="breadcrumb_title">
286 
+          <div id="breadcrumb_title_block">
287 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>妊娠・出産</span>
288 
+          </div>
289 
+        </div>
290 
+      </article>
291 
+      <article id="template">
292 
+        <div id="template_title" class="gothic">
293 
+          <div id="template_title_block">
294 
+            <span id="template_title">ライフイベント</span>
295 
+          </div>
296 
+        </div>
297 
+      </article>
298 
+      <article id="template_list_title3">
299 
+        <div id="template_title3" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title3"><a name="anc1">妊娠・出産</a></span>
302 
+          </div>
303 
+        </div>
304 
+        <span id="template_article_block">
305 
+						<div class="left_mobile">
158 306 
 							<div class="template_list">
159 307 
 								<span class="template_list">
160 308 
 									<span class="template_list_img left"><img
161 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
309 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
162 310 
 									<span class="clear"></span>
163 311 
 									<a href="../third/living/Birth_registration.html">
164 
-										出生届</a></span><br />
312 
+										子どもが生まれた時に関わる手続き</a></span><br/>
165 313 
 							</div>
166 314 
 							<div class="template_list">
167 315 
 								<span class="template_list">
168 316 
 									<span class="template_list_img left"><img
169 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
317 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
170 318 
 									<a href="../third/living/Maternal_and_child_health.html">
171 
-										母子保健</a></span><br />
319 
+										母子保健</a></span><br/>
172 320 
 								<span class="clear"></span>
173 321 
 							</div>
174 322 
 							<div class="template_list">
175 323 
 								<span class="template_list">
176 324 
 									<span class="template_list_img left"><img
177 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
325 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
178 326 
 									<a href="../third/living/Lump_sum_birth_allowance.html">
179 
-										出産育児一時金</a></span><br />
327 
+										出産育児一時金</a></span><br/>
180 328 
 								<span class="clear"></span>
181 329 
 							</div>
182 330 
 						</div>
183 
-						<div class="right">
331 
+						<div class="right_mobile">
184 332 
 							<div class="template_list">
185 333 
 								<span class="template_list">
186 334 
 									<span class="template_list_img left"><img
187 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
335 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
188 336 
 									<a href="../fourth/living/Child_allowance.html">
189 
-										児童手当</a></span><br />
337 
+										児童手当</a></span><br/>
190 338 
 								<span class="clear"></span>
191 339 
 							</div>
192 340 
 							<div class="template_list">
193 341 
 								<span class="template_list">
194 342 
 									<span class="template_list_img left"><img
195 
-											src="../css/img/smallbutton_secondfloor.png" /></span>
343 
+                          src="../css/img/smallbutton_secondfloor.png"/></span>
196 344 
 									<a href="../fourth/living/Infants_medical_expenses_grant.html">
197 
-										乳幼児等医療費助成<br />（お子さんの医療費を助成します）</a></span><br />
345 
+										乳幼児等医療費助成<br/>（お子さんの医療費を助成します）</a></span><br/>
198 346 
 								<span class="clear"></span>
199 347 
 							</div>
200 348 
 						</div>
201 349 
 						<div class="clear"></div>
202 350 
 					</span>
203 
-				</article>
204 
-			</section>
205 
-		</div>
351 
+      </article>
352 
+    </section>
353 
+  </div>
206 354
207 
-		<footer>
208 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
209 
-			<br />
210 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
211 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
212 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
213 
-		</footer>
355 
+  <footer>
356 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
357 
+    <div class="footer_mobile">
358 
+      <div class="footer_mobile_title">
359 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
360 
+        <h1 class="footerMobile__text">北方町役場</h1>
361 
+      </div>
362 
+      <div class="footer_mobile_address">
363 
+					<span class="footerTextWrap__text">
364 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
365 
+					</span><br>
366 
+        電話:058-323-1111(代)<br>
367 
+        FAX:058-323-2963<br>
368 
+        開庁日：8時30分～17時15分<br>
369 
+        （土・日・祝日、年末年始を除く）<br>
370 
+      </div>
371 
+    </div>
372 
+    <br class="sp__brDisplay">
373 
+    <p class="footer_text">
374 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
375 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
376 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
377 
+    </p>
378 
+  </footer>
214 379
215 
-	</div>
216 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Pregnancy_and_childbirth"
217 
-		height="1" width="1" />
380 
+</div>
381 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Pregnancy_and_childbirth"
382 
+     height="1" width="1"/>
218 383 
 </body>
219 384
220 
-</html>
385 
+</html>

+ 459
- 187
second/Privacy_policy.html Datei anzeigen 

@@ -1,200 +1,472 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>個人情報保護指針 北方町ホームページ</title>
6 
-        <!--くらしの情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/third_template.css" >
12 
-<script src="../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>個人情報保護指針 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/third_template_mobile.css">
18 
+  <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
21 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 22 
 </head>
15 23
16 24 
 <body id="back">
17 
-<div id="main" class="gothic">
18 
-<!--セクション 操作-->
19 
-<section id="operation" >
20 
-<!--セクション 住所-->
21 
-<article id="address" >
22 
-<address id="operation_add">
23 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24 
-</address>
25 
-</article>
26 
-<div id="controle_panel">
27 
-<!--セクション 背景色-->
28 
-<article id="bgcolor" >
29 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
30 
-<div id="bgcolor_img">
31 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber2();
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
37 32 
 </script>
38 
-</article>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_block   h-accordion__title h-js-accordion-title">
61 
+          <div class="h-menu_block_text">
62 
+            <div class="h-menu_block_text_center">くらしの情報</div>
63 
+          </div>
64 
+        </div>
65 
+        <div class="h-accordion__content">
66 
+          <div class="h-menu_accordion_block_start">
67 
+            <div class="h-menu_accordion_block_text">
68 
+              <a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
69 
+            </div>
70 
+          </div>
71 
+          <div class="h-menu_accordion_block">
72 
+            <div class="h-menu_accordion_block_text">
73 
+              <a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
74 
+            </div>
75 
+          </div>
76 
+          <div class="h-menu_accordion_block">
77 
+            <div class="h-menu_accordion_block_text">
78 
+              <a class="h_link" href="../second/Education.html" name="anc3">教育</a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_accordion_block">
82 
+            <div class="h-menu_accordion_block_text">
83 
+              <a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
84 
+            </div>
85 
+          </div>
86 
+          <div class="h-menu_accordion_block">
87 
+            <div class="h-menu_accordion_block_text">
88 
+              <a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
89 
+            </div>
90 
+          </div>
91 
+          <div class="h-menu_accordion_block">
92 
+            <div class="h-menu_accordion_block_text">
93 
+              <a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
94 
+            </div>
95 
+          </div>
96 
+          <div class="h-menu_accordion_block">
97 
+            <div class="h-menu_accordion_block_text">
98 
+              <a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
99 
+            </div>
100 
+          </div>
101 
+          <div class="h-menu_accordion_block">
102 
+            <div class="h-menu_accordion_block_text">
103 
+              <a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
104 
+            </div>
105 
+          </div>
106 
+          <div class="h-menu_accordion_block">
107 
+            <div class="h-menu_accordion_block_text">
108 
+              <a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_accordion_block">
112 
+            <div class="h-menu_accordion_block_text">
113 
+              <a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
114 
+            </div>
115 
+          </div>
116 
+          <div class="h-menu_accordion_block">
117 
+            <div class="h-menu_accordion_block_text">
118 
+              <a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_accordion_block">
122 
+            <div class="h-menu_accordion_block_text">
123 
+              <a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
124 
+            </div>
125 
+          </div>
126 
+          <div class="h-menu_accordion_block">
127 
+            <div class="h-menu_accordion_block_text">
128 
+              <a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
129 
+            </div>
130 
+          </div>
131 
+          <div class="h-menu_accordion_block">
132 
+            <div class="h-menu_accordion_block_text">
133 
+              <a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
134 
+            </div>
135 
+          </div>
136 
+          <div class="h-menu_accordion_block">
137 
+            <div class="h-menu_accordion_block_text">
138 
+              <a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
139 
+            </div>
140 
+          </div>
141 
+          <div class="h-menu_accordion_block">
142 
+            <div class="h-menu_accordion_block_text">
143 
+              <a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
144 
+            </div>
145 
+          </div>
146 
+          <div class="h-menu_accordion_block">
147 
+            <div class="h-menu_accordion_block_text">
148 
+              <a class="h_link" href="../second/Application_downloading.html"
149 
+                 name="anc15">申請書ダウンロード</a>
150 
+            </div>
151 
+          </div>
152 
+          <div class="h-menu_accordion_block">
153 
+            <div class="h-menu_accordion_block_text">
154 
+              <a class="h_link" href="../third/living/Kwasemi_mail.html"
155 
+                 name="anc15">カワセミ便<br/>（きたがた情報メール）</a>
156 
+            </div>
157 
+          </div>
158 
+        </div>
159 
+      </div>
160 
+      <div class="h-menu_main_block">
161 
+        <div class="h-menu_block">
162 
+          <a href="../second/tourism.html">
163 
+            <div class="h-menu_block_text h-menu_block_before">
164 
+              <div class="h-menu_block_text_center">
165 
+                観光
166 
+              </div>
167 
+            </div>
168 
+          </a>
169 
+        </div>
170 
+      </div>
171 
+      <div class="h-menu_main_block">
172 
+        <div class="h-menu_block">
173 
+          <a href="../second/business.html">
174 
+            <div class="h-menu_block_text h-menu_block_before">
175 
+              <div class="h-menu_block_text_center">事業者向け情報</div>
176 
+            </div>
177 
+          </a>
178 
+        </div>
179 
+      </div>
180 
+      <div class="h-menu_main_block">
181 
+        <div class="h-menu_block">
182 
+          <a href="../second/town_admini_info.html">
183 
+            <div class="h-menu_block_text h-menu_block_before">
184 
+              <div class="h-menu_block_text_center">町政情報</div>
185 
+            </div>
186 
+          </a>
187 
+        </div>
188 
+      </div>
189 
+      <div class="h-menu_main_block">
190 
+        <div class="h-menu_block h-menu_block_before">
191 
+          <a href="../second/sitemap.html">
192 
+            <div class="h-menu_block_text h-menu_block_before">
193 
+              <div class="h-menu_block_text_center">
194 
+                サイトマップ
195 
+              </div>
196 
+            </div>
197 
+          </a>
198 
+        </div>
199 
+      </div>
200 
+      <div class="h-menu_main_block">
201 
+        <div class="h-menu_block h-menu_block_before">
202 
+          <a href="https://ai-staff.net/kitagata/chat">
203 
+            <div class="h-menu_block_text  h-menu_block_before">
204 
+              <div class="h-menu_block_text_center">
205 
+                AIチャット
206 
+              </div>
207 
+            </div>
208 
+          </a>
209 
+        </div>
210 
+      </div>
211 
+      <div class="h-menu_main_block">
212 
+        <div class="h-menu_block h-menu_block_before">
213 
+          <a href="../third/town_admini_info/administrative_organization_chart.html">
214 
+            <div class="h-menu_block_text">
215 
+              <div class="h-menu_block_text_center">
216 
+                お問い合わせ一覧
217 
+              </div>
218 
+            </div>
219 
+          </a>
220 
+        </div>
221 
+      </div>
222 
+      <div class="h-menu_main_block">
223 
+        <div class="h-menu_lang">
224 
+          <div class="h-menu_block_lang">
225 
+            <div class="h-menu_block_text_center">
226 
+              <div class="h-menu_block_text_line">
227 
+                背景変更
228 
+                <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
229 
+                </div>
230 
+                <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
231 
+                </div>
232 
+                <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
233 
+                </div>
234 
+              </div>
235 
+              <script>
236 
+                  getBackgNumber2();
237 
+              </script>
238 
+              <div class="h-menu_block_text_line">言語選択
239 
+                <div class="mobile_translation">
240 
+                  <div id="google_translate_element"></div>
241 
+                </div>
242 
+              </div>
243 
+            </div>
244 
+          </div>
245 
+        </div>
246 
+      </div>
247 
+      <div class="h-menu_main_block">
248 
+        <div class="h-menu_search">
249 
+          <div class="h-menu_block_search">
250 
+            <form action="https://www.google.com/search">
251 
+              <input type="hidden" name="hl" value="ja"/>
252 
+              <input type="hidden" name="ie" value="UTF-8">
253 
+              <input type="hidden" name="oe" value="UTF-8">
254 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
255 
+              <input type="text" name="q" size="16" maxlength="256" value=""
256 
+                     class="mobile_form_input"/>
257 
+              <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
258 
+            </form>
259 
+          </div>
260 
+        </div>
261 
+      </div>
262 
+    </div>
263 
+  </header>
39 264
40 
-<!--セクション 文字サイズ-->
41 
-<!--<article id="charsize" >
42 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
49 265
50 
-<!--セクション サイトマップ-->
51 
-<article id="sitemap" >
52 
- <div id="sitemap_img">
53 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54 
- </div>
55 
-</article>
56 
-<!--セクション お問い合わせ-->
57 
-<article id="contact" >
58 
- <div id="contact_img">
59 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60 
- </div>
61 
-</article>
62 
-<!--セクション 翻訳-->
63 
-<article id="translation" >
64 
-<div id="translation_img">
65 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
66 
-<div id="google_translate_element"></div>
67 
-<script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
71 
-</script>
72 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73 
-</div>
74 
-</article>
75 
-<div id="claer">
76 
-</div>
77 
-</div>
78 
-</section>
266 
+  <!--セクション 操作-->
267 
+  <section id="operation">
268 
+    <!--セクション 住所-->
269 
+    <article id="address">
270 
+      <address id="operation_add">
271 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
272 
+						TEL:058-323-1111(代)</span>
273 
+      </address>
274 
+    </article>
275 
+    <div id="controle_panel">
276 
+      <!--セクション 背景色-->
277 
+      <article id="bgcolor">
278 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
279 
+        <div id="bgcolor_img">
280 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
281 
+                 onClick="setBackground2(1)">
282 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
283 
+                 onClick="setBackground2(2)">
284 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
285 
+                 onClick="setBackground2(3)">
286 
+        </div>
287 
+        <script>
288 
+            getBackgNumber2();
289 
+        </script>
290 
+      </article>
79 291
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-			<div id="header" class="gothic">
83 
-				<a href="../index.html">
84 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
85 
-                </a>
86 
-				<div id="h_block_1">
87 
-                    <div class="h_line">
88 
-                    </div>
89 
-                    <article class="h_text_l">
90 
-                        <a class="h_link" href="../second/living.html">
91 
-                            <span class="h_text">くらしの情報</span></a>
92 
-                    </article>
93 
-                    <article class="h_text_l">
94 
-                        <a class="h_link" href="../second/tourism.html">
95 
-                            <span class="h_text">観光</span></a>
96 
-                    </article>
97 
-                    <article class="h_text_l">
98 
-                        <a class="h_link" href="../second/business.html">
99 
-                            <span class="h_text">事業者向け情報</span></a>
100 
-                    </article>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../second/town_admini_info.html">
103 
-                            <span class="h_text">町政情報</span></a>
104 
-                    </article>
105 
-                </div>
106 
-                <div id="h_block_search">
107 
-                    <div class="h_line"></div>
108 
-                    <article class="h_search">
109 
-                    	<div class="space10"></div>
110 
-                    	<form action="http://www.google.com/search">
111 
-                        <input type="hidden" name="hl" value="ja" />
112 
-                        <input type="hidden" name="ie" value="UTF-8">
113 
-                        <input type="hidden" name="oe" value="UTF-8">
114 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
115 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
116 
-                        <input type="submit" name="btnG" value="検索" />
117 
-                        </form>
292 
+      <!--セクション 文字サイズ-->
293 
+      <!--<article id="charsize" >
294 
+  <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
295 
+  <div id="charsize_img">
296 
+  <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
297 
+  <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
298 
+  <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
299 
+  </div>
300 
+  </article>-->
118 301
119 
-                    </article>
120 
-                </div>
121 
-			</div>
122 
-			</header>
302 
+      <!--セクション サイトマップ-->
303 
+      <article id="sitemap">
304 
+        <div id="sitemap_img">
305 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
306 
+        </div>
307 
+      </article>
308 
+      <!--セクション お問い合わせ-->
309 
+      <article id="contact">
310 
+        <div id="contact_img">
311 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
312 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
313 
+        </div>
314 
+      </article>
315 
+      <!--セクション 翻訳-->
316 
+      <article id="translation">
317 
+        <div id="translation_img">
318 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
319 
+          <div id="google_translate_element"></div>
320 
+        </div>
321 
+      </article>
322 
+      <div id="claer">
323 
+      </div>
324 
+    </div>
325 
+  </section>
326 
+
327 
+  <!--ヘッダーデータ-->
328 
+  <header>
329 
+    <div id="header" class="gothic">
330 
+      <a href="../index.html">
331 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
332 
+      </a>
333 
+      <div id="h_block_1">
334 
+        <div class="h_line">
335 
+        </div>
336 
+        <article class="h_text_l">
337 
+          <a class="h_link" href="../second/living.html">
338 
+            <span class="h_text">くらしの情報</span></a>
339 
+        </article>
340 
+        <article class="h_text_l">
341 
+          <a class="h_link" href="../second/tourism.html">
342 
+            <span class="h_text">観光</span></a>
343 
+        </article>
344 
+        <article class="h_text_l">
345 
+          <a class="h_link" href="../second/business.html">
346 
+            <span class="h_text">事業者向け情報</span></a>
347 
+        </article>
348 
+        <article class="h_text_l">
349 
+          <a class="h_link" href="../second/town_admini_info.html">
350 
+            <span class="h_text">町政情報</span></a>
351 
+        </article>
352 
+      </div>
353 
+      <div id="h_block_search">
354 
+        <div class="h_line"></div>
355 
+        <article class="h_search">
356 
+          <div class="space10"></div>
357 
+          <form action="http://www.google.com/search">
358 
+            <input type="hidden" name="hl" value="ja"/>
359 
+            <input type="hidden" name="ie" value="UTF-8">
360 
+            <input type="hidden" name="oe" value="UTF-8">
361 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
362 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
363 
+            <input type="submit" name="btnG" value="検索"/>
364 
+          </form>
365 
+
366 
+        </article>
367 
+      </div>
368 
+    </div>
369 
+  </header>
123 370
124 
-			<div >
125 
-				<!--セクション template-->
126 
-				<section id="template" >
127 
-					<article id="breadcrumb" >
128 
-						<div id="breadcrumb_title">
129 
-							<div id="breadcrumb_title_block">
130 
-								<span id="breadcrumb_title"><a href="../index.html">トップ</a>>個人情報保護指針</span>
131 
-							</div>
132 
-						</div>
133 
-					</article>
134 
-					<article id="template" >
135 
-						<div id="template_title" class="gothic">
136 
-							<div id="template_title_block">
137 
-								<span id="template_title">個人情報保護指針</span>
138 
-							</div>
139 
-						</div>
140 
-					</article>
141 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
142 
-					<article id="template_list_title" >
143 
-						<div id="template_title2" class="gothic">
144 
-							<div id="template_title_block">
145 
-								<span id="template_title2">個人情報とは</span>
146 
-							</div>
147 
-						</div>
148 
-						<!-- 本文データ 入力 -->
149 
-						<span id="template_article_block">
150 
-							個人情報とは、住所、氏名、電話番号、E-mailアドレス等、個人に関する情報であって、特定の個人を識別することができるものをいいます。
151 
-							他の情報と照合することができ、それにより特定の個人を識別することができることとなるものを含みます。
152 
-						</span>
153 
-						<!-- 本文データ ここまで -->
154 
-					</article>
155 
-					<!-- 小タイトルここまで -->
156 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
157 
-					<article id="template_list_title" >
158 
-						<div id="template_title2" class="gothic">
159 
-							<div id="template_title_block">
160 
-								<span id="template_title2">個人情報の収集および利用と提供</span>
161 
-							</div>
162 
-						</div>
163 
-						<!-- 本文データ 入力 -->
164 
-						<span id="template_article_block">
165 
-							個人情報の収集にあたっては、あらかじめ個人情報を取り扱う事務の目的を明確にします。 個人情報の収集は、その目的を達成するために必要な範囲内で行います。 本サイトを通じて岐阜県北方町が個人情報を収集するときは、利用者本人の意思による情報の提供（登録）を原則とします。
166 
-							<br />
167 
-							<br />皆様から提供（登録）いただいた個人情報は、個人情報を取り扱う事務の目的以外には、<a href="../fourth/privacy_policy/kitagataprivacy.pdf" target="_blank">岐阜県北方町個人情報保護条例（PDFで新しいウィンドウで開く）</a>で定める場合を除き、利用及び提供を行いません。
168 
-						</span>
169 
-						<!-- 本文データ ここまで -->
170 
-					</article>
171 
-					<!-- 小タイトルここまで -->
172 
-					<!-- 小タイトルが複数ある場合はこのブロックを増やす -->
173 
-					<article id="template_list_title" >
174 
-						<div id="template_title2" class="gothic">
175 
-							<div id="template_title_block">
176 
-								<span id="template_title2">個人情報の管理とアクセスログについて</span>
177 
-							</div>
178 
-						</div>
179 
-						<!-- 本文データ 入力 -->
180 
-						<span id="template_article_block">
181 
-							皆様から収集しました個人情報は、漏えい、不正利用、改ざん等の防止に適切な対策を講じます。 保有の必要のなくなった個人情報については、確実に、かつ、速やかに消去します。
182 
-							<br />
183 
-							<br />当サイトへのアクセスはアクセス元のIPアドレス、アクセス時刻、リクエスト内容、応答結果の4種類について自動的に記録し保管を行っています。 取得する目的は、利用者動向の調査および運営改善に役立てるためです。
184 
-						</span>
185 
-						<!-- 本文データ ここまで -->
186 
-					</article>
187 
-					<!-- 小タイトルここまで -->
188 
-				</section>
189 
-			</div>
371 
+  <div>
372 
+    <!--セクション template-->
373 
+    <section id="template">
374 
+      <article id="breadcrumb">
375 
+        <div id="breadcrumb_title">
376 
+          <div id="breadcrumb_title_block">
377 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>個人情報保護指針</span>
378 
+          </div>
379 
+        </div>
380 
+      </article>
381 
+      <article id="template">
382 
+        <div id="template_title" class="gothic">
383 
+          <div id="template_title_block">
384 
+            <span id="template_title">個人情報保護指針</span>
385 
+          </div>
386 
+        </div>
387 
+      </article>
388 
+      <!-- 小タイトルが複数ある場合はこのブロックを増やす -->
389 
+      <article id="template_list_title">
390 
+        <div id="template_title2" class="gothic">
391 
+          <div id="template_title_block">
392 
+            <span id="template_title2">個人情報とは</span>
393 
+          </div>
394 
+        </div>
395 
+        <!-- 本文データ 入力 -->
396 
+        <span id="template_article_block">
397 
+						個人情報とは、住所、氏名、電話番号、E-mailアドレス等、個人に関する情報であって、特定の個人を識別することができるものをいいます。
398 
+						他の情報と照合することができ、それにより特定の個人を識別することができることとなるものを含みます。
399 
+					</span>
400 
+        <!-- 本文データ ここまで -->
401 
+      </article>
402 
+      <!-- 小タイトルここまで -->
403 
+      <!-- 小タイトルが複数ある場合はこのブロックを増やす -->
404 
+      <article id="template_list_title">
405 
+        <div id="template_title2" class="gothic">
406 
+          <div id="template_title_block">
407 
+            <span id="template_title2">個人情報の収集および利用と提供</span>
408 
+          </div>
409 
+        </div>
410 
+        <!-- 本文データ 入力 -->
411 
+        <span id="template_article_block">
412 
+						個人情報の収集にあたっては、あらかじめ個人情報を取り扱う事務の目的を明確にします。 個人情報の収集は、その目的を達成するために必要な範囲内で行います。
413 
+						本サイトを通じて岐阜県北方町が個人情報を収集するときは、利用者本人の意思による情報の提供（登録）を原則とします。
414 
+						<br/>
415 
+						<br/>皆様から提供（登録）いただいた個人情報は、個人情報を取り扱う事務の目的以外には、<a
416 
+                href="../fourth/privacy_policy/kitagataprivacy.pdf"
417 
+                target="_blank">岐阜県北方町個人情報保護条例（PDFで新しいウィンドウで開く）</a>で定める場合を除き、利用及び提供を行いません。
418 
+					</span>
419 
+        <!-- 本文データ ここまで -->
420 
+      </article>
421 
+      <!-- 小タイトルここまで -->
422 
+      <!-- 小タイトルが複数ある場合はこのブロックを増やす -->
423 
+      <article id="template_list_title">
424 
+        <div id="template_title2" class="gothic">
425 
+          <div id="template_title_block">
426 
+            <span id="template_title2">個人情報の管理とアクセスログについて</span>
427 
+          </div>
428 
+        </div>
429 
+        <!-- 本文データ 入力 -->
430 
+        <span id="template_article_block">
431 
+						皆様から収集しました個人情報は、漏えい、不正利用、改ざん等の防止に適切な対策を講じます。 保有の必要のなくなった個人情報については、確実に、かつ、速やかに消去します。
432 
+						<br/>
433 
+						<br/>当サイトへのアクセスはアクセス元のIPアドレス、アクセス時刻、リクエスト内容、応答結果の4種類について自動的に記録し保管を行っています。
434 
+						取得する目的は、利用者動向の調査および運営改善に役立てるためです。
435 
+					</span>
436 
+        <!-- 本文データ ここまで -->
437 
+      </article>
438 
+      <!-- 小タイトルここまで -->
439 
+    </section>
440 
+  </div>
190 441
191 
-			<footer>
192 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
193 
-			<br />
194 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
195 
-			</footer>
442 
+  <footer>
443 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
444 
+    <div class="footer_mobile">
445 
+      <div class="footer_mobile_title">
446 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
447 
+        <h1 class="footerMobile__text">北方町役場</h1>
448 
+      </div>
449 
+      <div class="footer_mobile_address">
450 
+					<span class="footerTextWrap__text">
451 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
452 
+					</span><br>
453 
+        電話:058-323-1111(代)<br>
454 
+        FAX:058-323-2963<br>
455 
+        開庁日：8時30分～17時15分<br>
456 
+        （土・日・祝日、年末年始を除く）<br>
457 
+      </div>
458 
+    </div>
459 
+    <br class="sp__brDisplay">
460 
+    <p class="footer_text">
461 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
462 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
463 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
464 
+    </p>
465 
+  </footer>
466 
+
467 
+</div>
468 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Privacy_policy" height="1"
469 
+     width="1"/>
470 
+</body>
196 471
197 
-		</div>
198 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Privacy_policy" height="1" width="1" />
199 
-	</body>
200 472 
 </html>

+ 201
- 24
second/Public_relations.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>広報きたがた 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,174 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                    getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja" />
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
165 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
166 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
167 
+                </form>
168 
+              </div>
169 
+            </div>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </header>
174 
+
20 175 
     <!--セクション 操作-->
21 176 
     <section id="operation">
22 177 
       <!--セクション 住所-->
23 178 
       <article id="address">
24 179 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
180 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
181 
+            TEL:058-323-1111(代)</span>
26 182 
         </address>
27 183 
       </article>
28 184 
       <div id="controle_panel">
 
@@ -41,13 +197,13 @@
41 197
42 198 
         <!--セクション 文字サイズ-->
43 199 
         <!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
200 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
201 
+    <div id="charsize_img">
202 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
203 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
204 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
205 
+    </div>
206 
+    </article>-->
51 207
52 208 
         <!--セクション サイトマップ-->
53 209 
         <article id="sitemap">
 
@@ -67,16 +223,6 @@
67 223 
           <div id="translation_img">
68 224 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 225 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 226 
           </div>
81 227 
         </article>
82 228 
         <div id="claer">
 
@@ -145,7 +291,21 @@
145 291 
             </div>
146 292 
           </div>
147 293 
         </article>
148 
-        <div class="left">
294 
+        <div class="left_mobile">
295 
+          <article id="template_list_title">
296 
+            <div id="template_title_koho" class="gothic">
297 
+              <div id="template_title_block" style="text-align:center;">
298 
+                <span id="template_title_koho">今月の広報きたがた</span>
299 
+              </div>
300 
+            </div>
301 
+          </article>
302 
+          <!-- TODO 広報北方更新時に画像もいっしょに変更する -->
303 
+          <article id="template_list_title">
304 
+            <a href="../third/publicity_1/new/newKouhou.pdf" target="_blank">
305 
+              <img alt="" src="../third/publicity_1/new/newKouhou.png" width="325px" height="460px"></a><br />
306 
+          </article>
307 
+        </div>
308 
+        <div class="right_mobile">
149 309 
           <article id="template_list_title">
150 310 
             <div id="template_title_koho" class="gothic">
151 311 
               <div id="template_title_block" style="text-align:center;">
 
@@ -293,10 +453,27 @@
293 453 
     </div>
294 454
295 455 
     <footer>
296 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
297 
-      <br />
298 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
299 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
456 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
457 
+      <div class="footer_mobile">
458 
+        <div class="footer_mobile_title">
459 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
460 
+          <h1 class="footerMobile__text">北方町役場</h1>
461 
+        </div>
462 
+        <div class="footer_mobile_address">
463 
+          <span class="footerTextWrap__text">
464 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
465 
+          </span><br>
466 
+          電話:058-323-1111(代)<br>
467 
+          FAX:058-323-2963<br>
468 
+          開庁日：8時30分～17時15分<br>
469 
+          （土・日・祝日、年末年始を除く）<br>
470 
+        </div>
471 
+      </div>
472 
+      <br class="sp__brDisplay">
473 
+      <p class="footer_text">
474 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
475 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
476 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
300 477 
       </p>
301 478 
     </footer>
302 479

+ 188
- 26
second/Public_transport.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>消費者相談 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,168 @@
10 11 
 	<link rel="stylesheet" href="../css/footer.css">
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
 	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 	</meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
 	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_main_block">
62 
+						<div class="h-menu_block">
63 
+							<a href="../second/living.html">
64 
+								<div class="h-menu_block_text h-menu_block_before">
65 
+									<div class="h-menu_block_text_center">くらしの情報</div>
66 
+								</div>
67 
+							</a>
68 
+						</div>
69 
+					</div>
70 
+					<div class="h-menu_main_block">
71 
+						<div class="h-menu_block">
72 
+							<a href="../second/tourism.html">
73 
+								<div class="h-menu_block_text h-menu_block_before">
74 
+									<div class="h-menu_block_text_center">
75 
+										観光
76 
+									</div>
77 
+								</div>
78 
+							</a>
79 
+						</div>
80 
+					</div>
81 
+					<div class="h-menu_main_block">
82 
+						<div class="h-menu_block">
83 
+							<a href="../second/business.html">
84 
+								<div class="h-menu_block_text h-menu_block_before">
85 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
86 
+								</div>
87 
+							</a>
88 
+						</div>
89 
+					</div>
90 
+					<div class="h-menu_main_block">
91 
+						<div class="h-menu_block">
92 
+							<a href="../second/town_admini_info.html">
93 
+								<div class="h-menu_block_text h-menu_block_before">
94 
+									<div class="h-menu_block_text_center">町政情報</div>
95 
+								</div>
96 
+							</a>
97 
+						</div>
98 
+					</div>
99 
+					<div class="h-menu_main_block">
100 
+						<div class="h-menu_block h-menu_block_before">
101 
+							<a href="../second/sitemap.html">
102 
+								<div class="h-menu_block_text h-menu_block_before">
103 
+									<div class="h-menu_block_text_center">
104 
+										サイトマップ
105 
+									</div>
106 
+								</div>
107 
+							</a>
108 
+						</div>
109 
+					</div>
110 
+					<div class="h-menu_main_block">
111 
+						<div class="h-menu_block h-menu_block_before">
112 
+							<a href="https://ai-staff.net/kitagata/chat">
113 
+								<div class="h-menu_block_text  h-menu_block_before">
114 
+									<div class="h-menu_block_text_center">
115 
+										AIチャット
116 
+									</div>
117 
+								</div>
118 
+							</a>
119 
+						</div>
120 
+					</div>
121 
+					<div class="h-menu_main_block">
122 
+						<div class="h-menu_block h-menu_block_before">
123 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+								<div class="h-menu_block_text">
125 
+									<div class="h-menu_block_text_center">
126 
+										お問い合わせ一覧
127 
+									</div>
128 
+								</div>
129 
+							</a>
130 
+						</div>
131 
+					</div>
132 
+					<div class="h-menu_main_block">
133 
+						<div class="h-menu_lang">
134 
+							<div class="h-menu_block_lang">
135 
+								<div class="h-menu_block_text_center">
136 
+									<div class="h-menu_block_text_line">
137 
+										背景変更
138 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+										</div>
140 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+										</div>
142 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+										</div>
144 
+									</div>
145 
+									<script>
146 
+										getBackgNumber2();
147 
+									</script>
148 
+									<div class="h-menu_block_text_line">言語選択
149 
+										<div class="mobile_translation">
150 
+											<div id="google_translate_element"></div>
151 
+										</div>
152 
+									</div>
153 
+								</div>
154 
+							</div>
155 
+						</div>
156 
+					</div>
157 
+					<div class="h-menu_main_block">
158 
+						<div class="h-menu_search">
159 
+							<div class="h-menu_block_search">
160 
+								<form action="https://www.google.com/search">
161 
+									<input type="hidden" name="hl" value="ja"/>
162 
+									<input type="hidden" name="ie" value="UTF-8">
163 
+									<input type="hidden" name="oe" value="UTF-8">
164 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+									<input type="text" name="q" size="16" maxlength="256" value=""
166 
+										   class="mobile_form_input"/>
167 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+								</form>
169 
+							</div>
170 
+						</div>
171 
+					</div>
172 
+				</div>
173 
+			</div>
174 
+		</header>
175 
+
20 176 
 		<!--セクション 操作-->
21 177 
 		<section id="operation">
22 178 
 			<!--セクション 住所-->
 
@@ -45,13 +201,13 @@
45 201
46 202 
 				<!--セクション 文字サイズ-->
47 203 
 				<!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
204 
+			<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
205 
+			<div id="charsize_img">
206 
+			<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
207 
+			<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
208 
+			<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
209 
+			</div>
210 
+			</article>-->
55 211
56 212 
 				<!--セクション サイトマップ-->
57 213 
 				<article id="sitemap">
 
@@ -71,23 +227,12 @@
71 227 
 					<div id="translation_img">
72 228 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 229 
 						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({
77 
-									pageLanguage: 'ja',
78 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-								}, 'google_translate_element');
80 
-							}
81 
-						</script>
82 
-						<script type="text/javascript"
83 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 230 
 					</div>
85 231 
 				</article>
86 232 
 				<div id="claer">
87 233 
 				</div>
88 234 
 			</div>
89 235 
 		</section>
90 
-
91 236 
 		<!--ヘッダーデータ-->
92 237 
 		<header>
93 238 
 			<div id="header" class="gothic">
 
@@ -158,7 +303,7 @@
158 303 
 						</div>
159 304 
 					</div>
160 305 
 					<span id="template_article_block">
161 
-						<div class="left">
306 
+						<div class="left_mobile">
162 307 
 							<div class="template_list">
163 308 
 								<span class="template_list">
164 309 
 									<span class="template_list_img left"><img
 
@@ -184,7 +329,7 @@
184 329 
 								<span class="clear"></span>
185 330 
 							</div>
186 331 
 						</div>
187 
-						<div class="right">
332 
+						<div class="right_mobile">
188 333 
 						</div>
189 334 
 						<div class="clear"></div>
190 335 
 					</span>
 
@@ -193,11 +338,28 @@
193 338 
 		</div>
194 339
195 340 
 		<footer>
196 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
197 
-			<br />
198 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
199 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
200 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
341 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
342 
+			<div class="footer_mobile">
343 
+				<div class="footer_mobile_title">
344 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+					<h1 class="footerMobile__text">北方町役場</h1>
346 
+				</div>
347 
+				<div class="footer_mobile_address">
348 
+					<span class="footerTextWrap__text">
349 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+					</span><br>
351 
+					電話:058-323-1111(代)<br>
352 
+					FAX:058-323-2963<br>
353 
+					開庁日：8時30分～17時15分<br>
354 
+					（土・日・祝日、年末年始を除く）<br>
355 
+				</div>
356 
+			</div>
357 
+			<br class="sp__brDisplay">
358 
+			<p class="footer_text">
359 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+			</p>
201 363 
 		</footer>
202 364
203 365 
 	</div>

+ 507
- 372
second/Tax.html Datei anzeigen 

@@ -1,51 +1,203 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>税金 北方町ホームページ</title>
7 
-	<!--くらしの情報-->
8 
-	<link rel="stylesheet" href="../css/base.css">
9 
-	<link rel="stylesheet" href="../css/second_header.css">
10 
-	<link rel="stylesheet" href="../css/footer.css">
11 
-	<link rel="stylesheet" href="../css/section.css">
12 
-	<link rel="stylesheet" href="../css/second_body.css">
13 
-	<link rel="stylesheet" href="../css/table.css">
14 
-	<script src="../js/operation.js"></script>
15 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-	</meta>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+  <title>税金 北方町ホームページ</title>
8 
+  <!--くらしの情報-->
9 
+  <link rel="stylesheet" href="../css/base.css">
10 
+  <link rel="stylesheet" href="../css/second_header.css">
11 
+  <link rel="stylesheet" href="../css/footer.css">
12 
+  <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/table.css">
15 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
19 
+  <script src="../js/operation.js"></script>
20 
+  <script src="../js/menu.js"></script>
21 
+  <script src="../js/accordion.js"></script>
22 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
23 
+  </meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
20 
-	<div id="main" class="gothic">
21 
-		<!--セクション 操作-->
22 
-		<section id="operation">
23 
-			<!--セクション 住所-->
24 
-			<article id="address">
25 
-				<address id="operation_add">
26 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 
-						TEL:058-323-1111(代)</span>
28 
-				</address>
29 
-			</article>
30 
-			<div id="controle_panel">
31 
-				<!--セクション 背景色-->
32 
-				<article id="bgcolor">
33 
-					<img src="../css/img/013.png" alt="背景色変更ボックス" />
34 
-					<div id="bgcolor_img">
35 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
36 
-							onClick="setBackground2(1)">
37 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-							onClick="setBackground2(2)">
39 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-							onClick="setBackground2(3)">
41 
-					</div>
42 
-					<script>
43 
-						getBackgNumber2();
44 
-					</script>
45 
-				</article>
27 
+  <script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+      new google.translate.TranslateElement({
30 
+        pageLanguage: 'ja',
31 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+      }, 'google_translate_element');
33 
+    }
34 
+  </script>
35 
+  <script type="text/javascript"
36 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+  <div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+      <div class="headerLogo">
41 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+      </div>
44 
+      <div class="headerTitle">
45 
+        <a href="../index.html" class="header_link">
46 
+          <h1 class="headerTitle__text">北方町</h1>
47 
+        </a>
48 
+      </div>
49 
+      <div class="headerSubTitle">
50 
+        <a href="../index.html" class="header_link">
51 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+        </a>
53 
+      </div>
54 
+      <div id="h-menu">
55 
+        <span></span>
56 
+        <span></span>
57 
+        <span></span>
58 
+        <div id="h-text">menu</div>
59 
+      </div>
60 
+      <div id="h-nav">
61 
+        <div class="h-menu_main_block_top">
62 
+          <div class="h-menu_main_block">
63 
+            <div class="h-menu_block">
64 
+              <a href="../second/living.html">
65 
+                <div class="h-menu_block_text h-menu_block_before">
66 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
67 
+                </div>
68 
+              </a>
69 
+            </div>
70 
+          </div>
71 
+          <div class="h-menu_main_block">
72 
+            <div class="h-menu_block">
73 
+              <a href="../second/tourism.html">
74 
+                <div class="h-menu_block_text h-menu_block_before">
75 
+                  <div class="h-menu_block_text_center">
76 
+                    観光
77 
+                  </div>
78 
+                </div>
79 
+              </a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_main_block">
83 
+            <div class="h-menu_block">
84 
+              <a href="../second/business.html">
85 
+                <div class="h-menu_block_text h-menu_block_before">
86 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+                </div>
88 
+              </a>
89 
+            </div>
90 
+          </div>
91 
+          <div class="h-menu_main_block">
92 
+            <div class="h-menu_block">
93 
+              <a href="../second/town_admini_info.html">
94 
+                <div class="h-menu_block_text h-menu_block_before">
95 
+                  <div class="h-menu_block_text_center">町政情報</div>
96 
+                </div>
97 
+              </a>
98 
+            </div>
99 
+          </div>
100 
+          <div class="h-menu_main_block">
101 
+            <div class="h-menu_block h-menu_block_before">
102 
+              <a href="../second/sitemap.html">
103 
+                <div class="h-menu_block_text h-menu_block_before">
104 
+                  <div class="h-menu_block_text_center">
105 
+                    サイトマップ
106 
+                  </div>
107 
+                </div>
108 
+              </a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_main_block">
112 
+            <div class="h-menu_block h-menu_block_before">
113 
+              <a href="https://ai-staff.net/kitagata/chat">
114 
+                <div class="h-menu_block_text  h-menu_block_before">
115 
+                  <div class="h-menu_block_text_center">
116 
+                    AIチャット
117 
+                  </div>
118 
+                </div>
119 
+              </a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_main_block">
123 
+            <div class="h-menu_block h-menu_block_before">
124 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                <div class="h-menu_block_text">
126 
+                  <div class="h-menu_block_text_center">
127 
+                    お問い合わせ一覧
128 
+                  </div>
129 
+                </div>
130 
+              </a>
131 
+            </div>
132 
+          </div>
133 
+          <div class="h-menu_main_block">
134 
+            <div class="h-menu_lang">
135 
+              <div class="h-menu_block_lang">
136 
+                <div class="h-menu_block_text_center">
137 
+                  <div class="h-menu_block_text_line">
138 
+                    背景変更
139 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                    </div>
141 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                    </div>
143 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                    </div>
145 
+                  </div>
146 
+                  <script>
147 
+                    getBackgNumber2();
148 
+                  </script>
149 
+                  <div class="h-menu_block_text_line">言語選択
150 
+                    <div class="mobile_translation">
151 
+                      <div id="google_translate_element"></div>
152 
+                    </div>
153 
+                  </div>
154 
+                </div>
155 
+              </div>
156 
+            </div>
157 
+          </div>
158 
+          <div class="h-menu_main_block">
159 
+            <div class="h-menu_search">
160 
+              <div class="h-menu_block_search">
161 
+                <form action="https://www.google.com/search">
162 
+                  <input type="hidden" name="hl" value="ja" />
163 
+                  <input type="hidden" name="ie" value="UTF-8">
164 
+                  <input type="hidden" name="oe" value="UTF-8">
165 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
166 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
46 175
47 
-				<!--セクション 文字サイズ-->
48 
-				<!--<article id="charsize" >
176 
+    <!--セクション 操作-->
177 
+    <section id="operation">
178 
+      <!--セクション 住所-->
179 
+      <article id="address">
180 
+        <address id="operation_add">
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
183 
+        </address>
184 
+      </article>
185 
+      <div id="controle_panel">
186 
+        <!--セクション 背景色-->
187 
+        <article id="bgcolor">
188 
+          <img src="../css/img/013.png" alt="背景色変更ボックス" />
189 
+          <div id="bgcolor_img">
190 
+            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
191 
+            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
192 
+            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
193 
+          </div>
194 
+          <script>
195 
+            getBackgNumber2();
196 
+          </script>
197 
+        </article>
198 
+
199 
+        <!--セクション 文字サイズ-->
200 
+        <!--<article id="charsize" >
49 201 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 202 
 <div id="charsize_img">
51 203 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -54,349 +206,332 @@
54 206 
 </div>
55 207 
 </article>-->
56 208
57 
-				<!--セクション サイトマップ-->
58 
-				<article id="sitemap">
59 
-					<div id="sitemap_img">
60 
-						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
61 
-					</div>
62 
-				</article>
63 
-				<!--セクション お問い合わせ-->
64 
-				<article id="contact">
65 
-					<div id="contact_img">
66 
-						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
67 
-								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
68 
-					</div>
69 
-				</article>
70 
-				<!--セクション 翻訳-->
71 
-				<article id="translation">
72 
-					<div id="translation_img">
73 
-						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({
78 
-									pageLanguage: 'ja',
79 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-								}, 'google_translate_element');
81 
-							}
82 
-						</script>
83 
-						<script type="text/javascript"
84 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 
-					</div>
86 
-				</article>
87 
-				<div id="claer">
88 
-				</div>
89 
-			</div>
90 
-		</section>
91 
-
92 
-
93 
-		<!--ヘッダーデータ-->
94 
-		<header>
95 
-			<div id="header" class="gothic">
96 
-				<a href="../index.html">
97 
-					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
98 
-				</a>
99 
-				<div id="h_block_1">
100 
-					<div class="h_line">
101 
-					</div>
102 
-					<article class="h_text_l">
103 
-						<a class="h_link" href="../second/living.html">
104 
-							<span class="h_text">くらしの情報</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../second/tourism.html">
108 
-							<span class="h_text">観光</span></a>
109 
-					</article>
110 
-					<article class="h_text_l">
111 
-						<a class="h_link" href="../second/business.html">
112 
-							<span class="h_text">事業者向け情報</span></a>
113 
-					</article>
114 
-					<article class="h_text_l">
115 
-						<a class="h_link" href="../second/town_admini_info.html">
116 
-							<span class="h_text">町政情報</span></a>
117 
-					</article>
118 
-				</div>
119 
-				<div id="h_block_search">
120 
-					<div class="h_line"></div>
121 
-					<article class="h_search">
122 
-						<div class="space10"></div>
123 
-						<form action="http://www.google.com/search">
124 
-							<input type="hidden" name="hl" value="ja" />
125 
-							<input type="hidden" name="ie" value="UTF-8">
126 
-							<input type="hidden" name="oe" value="UTF-8">
127 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
128 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
129 
-							<input type="submit" name="btnG" value="検索" />
130 
-						</form>
209 
+        <!--セクション サイトマップ-->
210 
+        <article id="sitemap">
211 
+          <div id="sitemap_img">
212 
+            <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
213 
+          </div>
214 
+        </article>
215 
+        <!--セクション お問い合わせ-->
216 
+        <article id="contact">
217 
+          <div id="contact_img">
218 
+            <a href="../third/town_admini_info/administrative_organization_chart.html"><img
219 
+                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
220 
+          </div>
221 
+        </article>
222 
+        <!--セクション 翻訳-->
223 
+        <article id="translation">
224 
+          <div id="translation_img">
225 
+            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
226 
+            <div id="google_translate_element"></div>
227 
+          </div>
228 
+        </article>
229 
+        <div id="claer">
230 
+        </div>
231 
+      </div>
232 
+    </section>
131 233
132 
-					</article>
133 
-				</div>
134 
-			</div>
135 
-		</header>
234 
+    <!--ヘッダーデータ-->
235 
+    <header>
236 
+      <div id="header" class="gothic">
237 
+        <a href="../index.html">
238 
+          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
239 
+        </a>
240 
+        <div id="h_block_1">
241 
+          <div class="h_line">
242 
+          </div>
243 
+          <article class="h_text_l">
244 
+            <a class="h_link" href="../second/living.html">
245 
+              <span class="h_text">くらしの情報</span></a>
246 
+          </article>
247 
+          <article class="h_text_l">
248 
+            <a class="h_link" href="../second/tourism.html">
249 
+              <span class="h_text">観光</span></a>
250 
+          </article>
251 
+          <article class="h_text_l">
252 
+            <a class="h_link" href="../second/business.html">
253 
+              <span class="h_text">事業者向け情報</span></a>
254 
+          </article>
255 
+          <article class="h_text_l">
256 
+            <a class="h_link" href="../second/town_admini_info.html">
257 
+              <span class="h_text">町政情報</span></a>
258 
+          </article>
259 
+        </div>
260 
+        <div id="h_block_search">
261 
+          <div class="h_line"></div>
262 
+          <article class="h_search">
263 
+            <div class="space10"></div>
264 
+            <form action="http://www.google.com/search">
265 
+              <input type="hidden" name="hl" value="ja" />
266 
+              <input type="hidden" name="ie" value="UTF-8">
267 
+              <input type="hidden" name="oe" value="UTF-8">
268 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
269 
+              <input type="text" name="q" size="16" maxlength="256" value="" />
270 
+              <input type="submit" name="btnG" value="検索" />
271 
+            </form>
136 272
137 
-		<div>
138 
-			<!--セクション template-->
139 
-			<section id="template">
140 
-				<article id="breadcrumb">
141 
-					<div id="breadcrumb_title">
142 
-						<div id="breadcrumb_title_block">
143 
-							<span id="breadcrumb_title"><a href="../index.html">トップ</a>><a
144 
-									href="./living.html">くらしの情報</a>>税金</span>
145 
-						</div>
146 
-					</div>
147 
-				</article>
148 
-				<article id="template">
149 
-					<div id="template_title" class="gothic">
150 
-						<div id="template_title_block">
151 
-							<span id="template_title">くらしの情報</span>
152 
-						</div>
153 
-					</div>
154 
-				</article>
155 
-				<article id="template_list_title3">
156 
-					<div id="template_title3" class="gothic">
157 
-						<div id="template_title_block">
158 
-							<span class="template_icon left">-</span><span id="template_title3"><a
159 
-									name="anc1">税金</a></span>
160 
-						</div>
161 
-					</div>
162 
-					<span id="template_article_block">
163 
-						<span id="template_article_block">
164 
-							<div class="left">
165 
-								<h4 id="life">個人町県民税</h4>
166 
-								<div class="template_list">
167 
-									<span class="template_list">
168 
-										<span class="template_list_img left"><img
169 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
170 
-										<a
171 
-											href="../third/tax/Individual_town_prefectural_tax.html">町県民税とは</a></span><br />
172 
-									<span class="clear"></span>
173 
-								</div>
174 
-								<div class="template_list">
175 
-									<span class="template_list">
176 
-										<span class="template_list_img left"><img
177 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
178 
-										<a
179 
-											href="../third/tax/Individual_town_prefectural_tax_payment.html">納付方法</a></span><br />
180 
-									<span class="clear"></span>
181 
-								</div>
182 
-								<div class="template_list">
183 
-									<span class="template_list">
184 
-										<span class="template_list_img left"><img
185 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
186 
-										<a
187 
-											href="../third/tax/Individual_town_prefectural_tax_declaration.html">町県民税の申告</a></span><BR />
188 
-									<span class="clear"></span>
189 
-								</div>
273 
+          </article>
274 
+        </div>
275 
+      </div>
276 
+    </header>
190 277
191 
-								<div class="template_list">
192 
-									<span class="template_list">
193 
-										<span class="template_list_img left"><img
194 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
195 
-										<a
196 
-											href="../third/tax/Individual_town_prefectural_tax_deduction.html">ふるさと納税に関する控除</a></span><BR />
197 
-									<span class="clear"></span>
198 
-								</div>
199 
-								<div class="template_list">
200 
-									<span class="template_list">
201 
-										<span class="template_list_img left"><img
202 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
203 
-										<a
204 
-											href="../third/tax/Individual_town_prefectural_tax_r3.html">令和3年度からの主な改正点</a></span><BR />
205 
-									<span class="clear"></span>
206 
-								</div>
207 
-							</div>
208 
-						</span>
278 
+    <div>
279 
+      <!--セクション template-->
280 
+      <section id="template">
281 
+        <article id="breadcrumb">
282 
+          <div id="breadcrumb_title">
283 
+            <div id="breadcrumb_title_block">
284 
+              <span id="breadcrumb_title"><a href="../index.html">トップ</a>><a href="./living.html">くらしの情報</a>>税金</span>
285 
+            </div>
286 
+          </div>
287 
+        </article>
288 
+        <article id="template">
289 
+          <div id="template_title" class="gothic">
290 
+            <div id="template_title_block">
291 
+              <span id="template_title">くらしの情報</span>
292 
+            </div>
293 
+          </div>
294 
+        </article>
295 
+        <article id="template_list_title3">
296 
+          <div id="template_title3" class="gothic">
297 
+            <div id="template_title_block">
298 
+              <span class="template_icon left">-</span><span id="template_title3"><a name="anc1">税金</a></span>
299 
+            </div>
300 
+          </div>
301 
+          <span id="template_article_block">
302 
+            <span id="template_article_block">
303 
+              <div class="left_mobile">
304 
+                <h4 id="life" class="accordion__title js-accordion-title">個人町県民税</h4>
305 
+                <div class="accordion__content">
306 
+                  <div class="template_list">
307 
+                    <span class="template_list">
308 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
309 
+                      <a href="../third/tax/Individual_town_prefectural_tax.html">町県民税とは</a></span><br />
310 
+                    <span class="clear"></span>
311 
+                  </div>
312 
+                  <div class="template_list">
313 
+                    <span class="template_list">
314 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
315 
+                      <a href="../third/tax/Individual_town_prefectural_tax_payment.html">納付方法</a></span><br />
316 
+                    <span class="clear"></span>
317 
+                  </div>
318 
+                  <div class="template_list">
319 
+                    <span class="template_list">
320 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
321 
+                      <a href="../third/tax/Individual_town_prefectural_tax_declaration.html">町県民税の申告</a></span><BR />
322 
+                    <span class="clear"></span>
323 
+                  </div>
209 324
210 
-						<span id="template_article_block">
211 
-							<div class="right">
212 
-								<h4 id="life">固定資産税</h4>
213 
-								<div class="template_list">
214 
-									<span class="template_list">
215 
-										<span class="template_list_img left"><img
216 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
217 
-										<a href="../third/tax/Property_tax.html">固定資産税とは</a></span><BR />
218 
-									<span class="clear"></span>
219 
-								</div>
220 
-								<div class="template_list">
221 
-									<span class="template_list">
222 
-										<span class="template_list_img left"><img
223 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
224 
-										<a href="../third/tax/Property_tax_notification.html">届出</a></span><BR />
225 
-									<span class="clear"></span>
226 
-								</div>
325 
+                  <div class="template_list">
326 
+                    <span class="template_list">
327 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
328 
+                      <a
329 
+                        href="../third/tax/Individual_town_prefectural_tax_deduction.html">ふるさと納税に関する控除</a></span><BR />
330 
+                    <span class="clear"></span>
331 
+                  </div>
332 
+                  <div class="template_list">
333 
+                    <span class="template_list">
334 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
335 
+                      <a href="../third/tax/Individual_town_prefectural_tax_r3.html">令和3年度からの主な改正点</a></span><BR />
336 
+                    <span class="clear"></span>
337 
+                  </div>
338 
+                </div>
339 
+              </div>
340 
+            </span>
227 341
228 
-								<div class="template_list">
229 
-									<span class="template_list">
230 
-										<span class="template_list_img left"><img
231 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
232 
-										<a href="../third/tax/Property_tax_Payment.html">納付方法</a></span><br />
233 
-									<span class="clear"></span>
234 
-								</div>
235 
-								<div class="template_list">
236 
-									<span class="template_list">
237 
-										<span class="template_list_img left"><img
238 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
239 
-										<a href="../third/tax/Property_tax_Exemption.html">減免</a></span><br />
240 
-									<span class="clear"></span>
241 
-								</div>
242 
-								<div class="template_list">
243 
-									<span class="template_list">
244 
-										<span class="template_list_img left"><img
245 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
246 
-										<a
247 
-											href="../third/tax/Property_tax_Home_renovation.html">住宅改修に伴う減額</a></span><br />
248 
-									<span class="clear"></span>
249 
-								</div>
250 
-							</div>
251 
-						</span>
342 
+            <span id="template_article_block">
343 
+              <div class="right_mobile">
344 
+                <h4 id="life" class="accordion__title js-accordion-title">固定資産税</h4>
345 
+                <div class="accordion__content">
346 
+                  <div class="template_list">
347 
+                    <span class="template_list">
348 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
349 
+                      <a href="../third/tax/Property_tax.html">固定資産税とは</a></span><BR />
350 
+                    <span class="clear"></span>
351 
+                  </div>
352 
+                  <div class="template_list">
353 
+                    <span class="template_list">
354 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
355 
+                      <a href="../third/tax/Property_tax_notification.html">届出</a></span><BR />
356 
+                    <span class="clear"></span>
357 
+                  </div>
252 358
253 
-						<span id="template_article_block">
254 
-							<div class="left">
255 
-								<h4 id="life">軽自動車税種別割</h4>
256 
-								<div class="template_list">
257 
-									<span class="template_list">
258 
-										<span class="template_list_img left"><img
259 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
260 
-										<a href="../third/tax/Light_vehicle_tax.html">軽自動車税種別割とは</a></span><BR />
261 
-									<span class="clear"></span>
262 
-								</div>
263 
-								<div class="template_list">
264 
-									<span class="template_list">
265 
-										<span class="template_list_img left"><img
266 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
267 
-										<a href="../third/tax/Light_vehicle_tax_tax_rate.html">税率</a></span><BR />
268 
-									<span class="clear"></span>
269 
-								</div>
270 
-								<div class="template_list">
271 
-									<span class="template_list">
272 
-										<span class="template_list_img left"><img
273 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
274 
-										<a
275 
-											href="../third/tax/Light_vehicle_tax_procedure.html">廃車、住所変更等の手続き</a></span><BR />
276 
-									<span class="clear"></span>
277 
-								</div>
278 
-								<div class="template_list">
279 
-									<span class="template_list">
280 
-										<span class="template_list_img left"><img
281 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
282 
-										<a href="../third/tax/Light_vehicle_tax_Exemption.html">減免</a></span><BR />
283 
-									<span class="clear"></span>
284 
-								</div>
285 
-							</div>
286 
-						</span>
359 
+                  <div class="template_list">
360 
+                    <span class="template_list">
361 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
362 
+                      <a href="../third/tax/Property_tax_Payment.html">納付方法</a></span><br />
363 
+                    <span class="clear"></span>
364 
+                  </div>
365 
+                  <div class="template_list">
366 
+                    <span class="template_list">
367 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
368 
+                      <a href="../third/tax/Property_tax_Exemption.html">減免</a></span><br />
369 
+                    <span class="clear"></span>
370 
+                  </div>
371 
+                  <div class="template_list">
372 
+                    <span class="template_list">
373 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
374 
+                      <a href="../third/tax/Property_tax_Home_renovation.html">住宅改修に伴う減額</a></span><br />
375 
+                    <span class="clear"></span>
376 
+                  </div>
377 
+                </div>
378 
+              </div>
379 
+            </span>
287 380
288 
-						<span id="template_article_block">
289 
-							<div class="right">
290 
-								<h4 id="life">納付について</h4>
291 
-								<div class="template_list">
292 
-									<span class="template_list">
293 
-										<span class="template_list_img left"><img
294 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
295 
-										<a href="../third/tax/Payment_place.html">納付場所（指定金融機関等）</a></span><BR />
296 
-									<span class="clear"></span>
297 
-								</div>
298 
-								<div class="template_list">
299 
-									<span class="template_list">
300 
-										<span class="template_list_img left"><img
301 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
302 
-										<a
303 
-											href="../third/tax/Payment_of_town_taxes_useful_account_transfer.html">口座振替</a></span><BR />
304 
-									<span class="clear"></span>
305 
-								</div>
306 
-								<div class="template_list">
307 
-									<span class="template_list">
308 
-										<span class="template_list_img left"><img
309 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
310 
-										<a
311 
-											href="../third/tax/Delinquent_charge_and_town_tax_delinquent.html">町税の滞納と延滞金</a></span><BR />
312 
-									<span class="clear"></span>
313 
-								</div>
314 
-								<div class="template_list">
315 
-									<span class="template_list">
316 
-										<span class="template_list_img left"><img
317 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
318 
-										<a href="../third/tax/Tax_consultation.html">納税相談</a></span><BR />
319 
-									<span class="clear"></span>
320 
-								</div>
321 
-							</div>
322 
-						</span>
381 
+            <span id="template_article_block">
382 
+              <div class="left_mobile">
383 
+                <h4 id="life" class="accordion__title js-accordion-title">軽自動車税種別割</h4>
384 
+                <div class="accordion__content">
385 
+                  <div class="template_list">
386 
+                    <span class="template_list">
387 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
388 
+                      <a href="../third/tax/Light_vehicle_tax.html">軽自動車税種別割とは</a></span><BR />
389 
+                    <span class="clear"></span>
390 
+                  </div>
391 
+                  <div class="template_list">
392 
+                    <span class="template_list">
393 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
394 
+                      <a href="../third/tax/Light_vehicle_tax_tax_rate.html">税率</a></span><BR />
395 
+                    <span class="clear"></span>
396 
+                  </div>
397 
+                  <div class="template_list">
398 
+                    <span class="template_list">
399 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
400 
+                      <a href="../third/tax/Light_vehicle_tax_procedure.html">廃車、住所変更等の手続き</a></span><BR />
401 
+                    <span class="clear"></span>
402 
+                  </div>
403 
+                  <div class="template_list">
404 
+                    <span class="template_list">
405 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
406 
+                      <a href="../third/tax/Light_vehicle_tax_Exemption.html">減免</a></span><BR />
407 
+                    <span class="clear"></span>
408 
+                  </div>
409 
+                </div>
410 
+              </div>
411 
+            </span>
323 412
324 
-						<span id="template_article_block">
325 
-							<div class="left">
326 
-								<h4 id="life">法人町民税</h4>
327 
-								<div class="template_list">
328 
-									<span class="template_list">
329 
-										<span class="template_list_img left"><img
330 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
331 
-										<a href="../third/tax/Townsman_corporation_tax.html">法人町民税とは</a></span><BR />
332 
-									<span class="clear"></span>
333 
-								</div>
334 
-							</div>
335 
-						</span>
413 
+            <span id="template_article_block">
414 
+              <div class="right_mobile">
415 
+                <h4 id="life" class="accordion__title js-accordion-title">納付について</h4>
416 
+                <div class="accordion__content">
417 
+                  <div class="template_list">
418 
+                    <span class="template_list">
419 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
420 
+                      <a href="../third/tax/Payment_place.html">納付場所（指定金融機関等）</a></span><BR />
421 
+                    <span class="clear"></span>
422 
+                  </div>
423 
+                  <div class="template_list">
424 
+                    <span class="template_list">
425 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
426 
+                      <a href="../third/tax/Payment_of_town_taxes_useful_account_transfer.html">口座振替</a></span><BR />
427 
+                    <span class="clear"></span>
428 
+                  </div>
429 
+                  <div class="template_list">
430 
+                    <span class="template_list">
431 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
432 
+                      <a href="../third/tax/Delinquent_charge_and_town_tax_delinquent.html">町税の滞納と延滞金</a></span><BR />
433 
+                    <span class="clear"></span>
434 
+                  </div>
435 
+                  <div class="template_list">
436 
+                    <span class="template_list">
437 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
438 
+                      <a href="../third/tax/Tax_consultation.html">納税相談</a></span><BR />
439 
+                    <span class="clear"></span>
440 
+                  </div>
441 
+                </div>
442 
+              </div>
443 
+            </span>
336 444
337 
-						<span id="template_article_block">
338 
-							<div class="right">
339 
-								<h4 id="life">申告について</h4>
340 
-								<div class="template_list">
341 
-									<span class="template_list">
342 
-										<span class="template_list_img left"><img
343 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
344 
-										<a
345 
-											href="../third/tax/Electric_filling_town_tax.html">町税の電子申告（エルタックス）</a></span><BR />
346 
-									<span class="clear"></span>
347 
-								</div>
348 
-								<div class="template_list">
349 
-									<span class="template_list">
350 
-										<span class="template_list_img left"><img
351 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
352 
-										<a href="../third/tax/Final_tax_return.html">確定申告</a></span><BR />
353 
-									<span class="clear"></span>
354 
-								</div>
355 
-								<div class="template_list">
356 
-									<span class="template_list">
357 
-										<span class="template_list_img left"><img
358 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
359 
-										<a href="../third/tax/Tax_filing.html">町県民税の申告、国民健康保険税の申告</a></span><BR />
360 
-									<span class="clear"></span>
361 
-								</div>
362 
-							</div>
363 
-						</span>
445 
+            <span id="template_article_block">
446 
+              <div class="left_mobile">
447 
+                <h4 id="life" class="accordion__title js-accordion-title">法人町民税</h4>
448 
+                <div class="accordion__content">
449 
+                  <div class="template_list">
450 
+                    <span class="template_list">
451 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
452 
+                      <a href="../third/tax/Townsman_corporation_tax.html">法人町民税とは</a></span><BR />
453 
+                    <span class="clear"></span>
454 
+                  </div>
455 
+                </div>
456 
+              </div>
457 
+            </span>
364 458
365 
-						<span id="template_article_block">
366 
-							<div class="left">
367 
-								<h4 id="life">その他</h4>
368 
-								<div class="template_list">
369 
-									<span class="template_list">
370 
-										<span class="template_list_img left"><img
371 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
372 
-										<a href="../third/tax/Certificate_of_tax.html">税に関する証明書</a></span><BR />
373 
-									<span class="clear"></span>
374 
-								</div>
375 
-								<div class="template_list">
376 
-									<span class="template_list">
377 
-										<span class="template_list_img left"><img
378 
-												src="../css/img/smallbutton_secondfloor.png" /></span>
379 
-										<a href="../third/tax/Public_sale_information.html">公売情報</a></span><BR />
380 
-									<span class="clear"></span>
381 
-								</div>
382 
-							</div>
383 
-						</span>
384 
-					</span>
385 
-				</article>
386 
-			</section>
387 
-		</div>
459 
+            <span id="template_article_block">
460 
+              <div class="right_mobile">
461 
+                <h4 id="life" class="accordion__title js-accordion-title">申告について</h4>
462 
+                <div class="accordion__content">
463 
+                  <div class="template_list">
464 
+                    <span class="template_list">
465 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
466 
+                      <a href="../third/tax/Electric_filling_town_tax.html">町税の電子申告（エルタックス）</a></span><BR />
467 
+                    <span class="clear"></span>
468 
+                  </div>
469 
+                  <div class="template_list">
470 
+                    <span class="template_list">
471 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
472 
+                      <a href="../third/tax/Final_tax_return.html">確定申告</a></span><BR />
473 
+                    <span class="clear"></span>
474 
+                  </div>
475 
+                  <div class="template_list">
476 
+                    <span class="template_list">
477 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
478 
+                      <a href="../third/tax/Tax_filing.html">町県民税の申告、国民健康保険税の申告</a></span><BR />
479 
+                    <span class="clear"></span>
480 
+                  </div>
481 
+                </div>
482 
+              </div>
483 
+            </span>
388 484
389 
-		<footer>
390 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
391 
-			<br />
392 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
393 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
394 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
395 
-		</footer>
485 
+            <span id="template_article_block">
486 
+              <div class="left_mobile">
487 
+                <h4 id="life" class="accordion__title js-accordion-title">その他</h4>
488 
+                <div class="accordion__content">
489 
+                  <div class="template_list">
490 
+                    <span class="template_list">
491 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
492 
+                      <a href="../third/tax/Certificate_of_tax.html">税に関する証明書</a></span><BR />
493 
+                    <span class="clear"></span>
494 
+                  </div>
495 
+                  <div class="template_list">
496 
+                    <span class="template_list">
497 
+                      <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
498 
+                      <a href="../third/tax/Public_sale_information.html">公売情報</a></span><BR />
499 
+                    <span class="clear"></span>
500 
+                  </div>
501 
+                </div>
502 
+              </div>
503 
+            </span>
504 
+          </span>
505 
+        </article>
506 
+      </section>
507 
+    </div>
396 508
397 
-	</div>
398 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Tax" height="1"
399 
-		width="1" />
509 
+    <footer>
510 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
511 
+      <div class="footer_mobile">
512 
+        <div class="footer_mobile_title">
513 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
514 
+          <h1 class="footerMobile__text">北方町役場</h1>
515 
+        </div>
516 
+        <div class="footer_mobile_address">
517 
+          <span class="footerTextWrap__text">
518 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
519 
+          </span><br>
520 
+          電話:058-323-1111(代)<br>
521 
+          FAX:058-323-2963<br>
522 
+          開庁日：8時30分～17時15分<br>
523 
+          （土・日・祝日、年末年始を除く）<br>
524 
+        </div>
525 
+      </div>
526 
+      <br class="sp__brDisplay">
527 
+      <p class="footer_text">
528 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
529 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
530 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
531 
+      </p>
532 
+    </footer>
533 
+  </div>
534 
+  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Tax" height="1" width="1" />
400 535 
 </body>
401 536
402 537 
 </html>

+ 190
- 25
second/Trash.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
 	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
 	<title>ごみ・リサイクル 北方町ホームページ</title>
7 8 
 	<!--くらしの情報-->
8 9 
 	<link rel="stylesheet" href="../css/base.css">
 
@@ -10,13 +11,169 @@
10 11 
 	<link rel="stylesheet" href="../css/footer.css">
11 12 
 	<link rel="stylesheet" href="../css/section.css">
12 13 
 	<link rel="stylesheet" href="../css/second_body.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
 	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 	</meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
 	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_main_block">
62 
+						<div class="h-menu_block">
63 
+							<a href="../second/living.html">
64 
+								<div class="h-menu_block_text h-menu_block_before">
65 
+									<div class="h-menu_block_text_center">くらしの情報</div>
66 
+								</div>
67 
+							</a>
68 
+						</div>
69 
+					</div>
70 
+					<div class="h-menu_main_block">
71 
+						<div class="h-menu_block">
72 
+							<a href="../second/tourism.html">
73 
+								<div class="h-menu_block_text h-menu_block_before">
74 
+									<div class="h-menu_block_text_center">
75 
+										観光
76 
+									</div>
77 
+								</div>
78 
+							</a>
79 
+						</div>
80 
+					</div>
81 
+					<div class="h-menu_main_block">
82 
+						<div class="h-menu_block">
83 
+							<a href="../second/business.html">
84 
+								<div class="h-menu_block_text h-menu_block_before">
85 
+									<div class="h-menu_block_text_center">事業者向け情報</div>
86 
+								</div>
87 
+							</a>
88 
+						</div>
89 
+					</div>
90 
+					<div class="h-menu_main_block">
91 
+						<div class="h-menu_block">
92 
+							<a href="../second/town_admini_info.html">
93 
+								<div class="h-menu_block_text h-menu_block_before">
94 
+									<div class="h-menu_block_text_center">町政情報</div>
95 
+								</div>
96 
+							</a>
97 
+						</div>
98 
+					</div>
99 
+					<div class="h-menu_main_block">
100 
+						<div class="h-menu_block h-menu_block_before">
101 
+							<a href="../second/sitemap.html">
102 
+								<div class="h-menu_block_text h-menu_block_before">
103 
+									<div class="h-menu_block_text_center">
104 
+										サイトマップ
105 
+									</div>
106 
+								</div>
107 
+							</a>
108 
+						</div>
109 
+					</div>
110 
+					<div class="h-menu_main_block">
111 
+						<div class="h-menu_block h-menu_block_before">
112 
+							<a href="https://ai-staff.net/kitagata/chat">
113 
+								<div class="h-menu_block_text  h-menu_block_before">
114 
+									<div class="h-menu_block_text_center">
115 
+										AIチャット
116 
+									</div>
117 
+								</div>
118 
+							</a>
119 
+						</div>
120 
+					</div>
121 
+					<div class="h-menu_main_block">
122 
+						<div class="h-menu_block h-menu_block_before">
123 
+							<a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+								<div class="h-menu_block_text">
125 
+									<div class="h-menu_block_text_center">
126 
+										お問い合わせ一覧
127 
+									</div>
128 
+								</div>
129 
+							</a>
130 
+						</div>
131 
+					</div>
132 
+					<div class="h-menu_main_block">
133 
+						<div class="h-menu_lang">
134 
+							<div class="h-menu_block_lang">
135 
+								<div class="h-menu_block_text_center">
136 
+									<div class="h-menu_block_text_line">
137 
+										背景変更
138 
+										<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+										</div>
140 
+										<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+										</div>
142 
+										<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+										</div>
144 
+									</div>
145 
+									<script>
146 
+										getBackgNumber2();
147 
+									</script>
148 
+									<div class="h-menu_block_text_line">言語選択
149 
+										<div class="mobile_translation">
150 
+											<div id="google_translate_element"></div>
151 
+										</div>
152 
+									</div>
153 
+								</div>
154 
+							</div>
155 
+						</div>
156 
+					</div>
157 
+					<div class="h-menu_main_block">
158 
+						<div class="h-menu_search">
159 
+							<div class="h-menu_block_search">
160 
+								<form action="https://www.google.com/search">
161 
+									<input type="hidden" name="hl" value="ja"/>
162 
+									<input type="hidden" name="ie" value="UTF-8">
163 
+									<input type="hidden" name="oe" value="UTF-8">
164 
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+									<input type="text" name="q" size="16" maxlength="256" value=""
166 
+										   class="mobile_form_input"/>
167 
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+								</form>
169 
+							</div>
170 
+						</div>
171 
+					</div>
172 
+				</div>
173 
+			</div>
174 
+		</header>
175 
+
176 
+
20 177 
 		<!--セクション 操作-->
21 178 
 		<section id="operation">
22 179 
 			<!--セクション 住所-->
 
@@ -45,13 +202,13 @@
45 202
46 203 
 				<!--セクション 文字サイズ-->
47 204 
 				<!--<article id="charsize" >
48 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
205 
+	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
206 
+	<div id="charsize_img">
207 
+	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
208 
+	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
209 
+	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
210 
+	</div>
211 
+	</article>-->
55 212
56 213 
 				<!--セクション サイトマップ-->
57 214 
 				<article id="sitemap">
 
@@ -71,16 +228,6 @@
71 228 
 					<div id="translation_img">
72 229 
 						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
73 230 
 						<div id="google_translate_element"></div>
74 
-						<script type="text/javascript">
75 
-							function googleTranslateElementInit() {
76 
-								new google.translate.TranslateElement({
77 
-									pageLanguage: 'ja',
78 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
79 
-								}, 'google_translate_element');
80 
-							}
81 
-						</script>
82 
-						<script type="text/javascript"
83 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
84 231 
 					</div>
85 232 
 				</article>
86 233 
 				<div id="claer">
 
@@ -158,7 +305,7 @@
158 305 
 						</div>
159 306 
 					</div>
160 307 
 					<span id="template_article_block">
161 
-						<div class="left">
308 
+						<div class="left_mobile">
162 309 
 							<div class="template_list">
163 310 
 								<span class="template_list">
164 311 
 									<span class="template_list_img left"><img
 
@@ -246,7 +393,7 @@
246 393 
 							</div>
247 394 
 						</div>
248 395 
 						<!--=======================================================================================-->
249 
-						<div class="right">
396 
+						<div class="right_mobile">
250 397 
 							<div class="template_list">
251 398 
 								<span class="template_list">
252 399 
 									<span class="template_list_img left"><img
 
@@ -305,13 +452,31 @@
305 452 
 		</div>
306 453
307 454 
 		<footer>
308 
-			<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
309 
-			<br />
310 
-			<p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
311 
-					href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
312 
-					href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
455 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
456 
+			<div class="footer_mobile">
457 
+				<div class="footer_mobile_title">
458 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
459 
+					<h1 class="footerMobile__text">北方町役場</h1>
460 
+				</div>
461 
+				<div class="footer_mobile_address">
462 
+					<span class="footerTextWrap__text">
463 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
464 
+					</span><br>
465 
+					電話:058-323-1111(代)<br>
466 
+					FAX:058-323-2963<br>
467 
+					開庁日：8時30分～17時15分<br>
468 
+					（土・日・祝日、年末年始を除く）<br>
469 
+				</div>
470 
+			</div>
471 
+			<br class="sp__brDisplay">
472 
+			<p class="footer_text">
473 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
474 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
475 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
476 
+			</p>
313 477 
 		</footer>
314 478
479 
+
315 480 
 	</div>
316 481 
 	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Trash" height="1"
317 482 
 		width="1" />

+ 189
- 25
second/Urban_planning.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>都市計画 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                         src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                      getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja"/>
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                         class="mobile_form_input"/>
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
201 
+  	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+  	<div id="charsize_img">
203 
+  	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+  	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+  	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+  	</div>
207 
+  	</article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,16 +224,6 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
 
@@ -153,7 +300,7 @@
153 300 
           </div>
154 301 
           <span id="template_article_block">
155 302 
             <!--左側の項目===========================================================================================================================================-->
156 
-            <div class="left">
303 
+            <div class="left_mobile">
157 304 
               <div class="template_list">
158 305 
                 <span class="template_list">
159 306 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -227,7 +374,7 @@
227 374 
             </div>
228 375 
             <!--左側の項目終了===========================================================================================================================================-->
229 376 
             <!--右側の項目開始===========================================================================================================================================-->
230 
-            <div class="right">
377 
+            <div class="right_mobile">
231 378 
               <div class="template_list">
232 379 
                 <span class="template_list">
233 380 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -301,10 +448,27 @@
301 448 
     </div>
302 449
303 450 
     <footer>
304 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
305 
-      <br />
306 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
307 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
451 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
452 
+      <div class="footer_mobile">
453 
+        <div class="footer_mobile_title">
454 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
455 
+          <h1 class="footerMobile__text">北方町役場</h1>
456 
+        </div>
457 
+        <div class="footer_mobile_address">
458 
+          <span class="footerTextWrap__text">
459 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
460 
+          </span><br>
461 
+          電話:058-323-1111(代)<br>
462 
+          FAX:058-323-2963<br>
463 
+          開庁日：8時30分～17時15分<br>
464 
+          （土・日・祝日、年末年始を除く）<br>
465 
+        </div>
466 
+      </div>
467 
+      <br class="sp__brDisplay">
468 
+      <p class="footer_text">
469 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
470 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
471 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
308 472 
       </p>
309 473 
     </footer>
310 474

+ 784
- 619
second/Vaccination.html
Datei-Diff unterdrückt, da er zu groß ist
Datei anzeigen


+ 438
- 265
second/Water_supply_sewer.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
     <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
     <title>上水道・下水道 北方町ホームページ</title>
7 8 
     <!--くらしの情報-->
8 9 
     <link rel="stylesheet" href="../css/base.css">
 
@@ -11,12 +12,28 @@
11 12 
     <link rel="stylesheet" href="../css/section.css">
12 13 
     <link rel="stylesheet" href="../css/second_body.css">
13 14 
     <link rel="stylesheet" href="../css/table.css">
15 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+    <link rel="stylesheet" href="../css/section_mobile.css">
18 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
14 19 
     <script src="../js/operation.js"></script>
20 
+    <script src="../js/menu.js"></script>
21 
+    <script src="../js/accordion.js"></script>
15 22 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-    </meta>
17 23 
 </head>
18 24
19 25 
 <body id="back">
26 
+    <script type="text/javascript">
27 
+        function googleTranslateElementInit() {
28 
+            new google.translate.TranslateElement({
29 
+                pageLanguage: 'ja',
30 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+            }, 'google_translate_element');
32 
+        }
33 
+    </script>
34 
+    <script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+
20 37 
     <div id="main" class="gothic">
21 38 
         <!--セクション 操作-->
22 39 
         <section id="operation">
 
@@ -24,7 +41,7 @@
24 41 
             <article id="address">
25 42 
                 <address id="operation_add">
26 43 
                     <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 
-                        TEL:058-323-1111(代)</span>
44 
+						TEL:058-323-1111(代)</span>
28 45 
                 </address>
29 46 
             </article>
30 47 
             <div id="controle_panel">
 
@@ -33,11 +50,11 @@
33 50 
                     <img src="../css/img/013.png" alt="背景色変更ボックス" />
34 51 
                     <div id="bgcolor_img">
35 52 
                         <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
36 
-                            onClick="setBackground2(1)">
53 
+                               onClick="setBackground2(1)">
37 54 
                         <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                            onClick="setBackground2(2)">
55 
+                               onClick="setBackground2(2)">
39 56 
                         <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                            onClick="setBackground2(3)">
57 
+                               onClick="setBackground2(3)">
41 58 
                     </div>
42 59 
                     <script>
43 60 
                         getBackgNumber2();
 
@@ -46,13 +63,13 @@
46 63
47 64 
                 <!--セクション 文字サイズ-->
48 65 
                 <!--<article id="charsize" >
49 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 
-<div id="charsize_img">
51 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
52 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
53 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
54 
-</div>
55 
-</article>-->
66 
+              <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
67 
+              <div id="charsize_img">
68 
+              <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
69 
+              <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
70 
+              <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
71 
+              </div>
72 
+              </article>-->
56 73
57 74 
                 <!--セクション サイトマップ-->
58 75 
                 <article id="sitemap">
 
@@ -72,16 +89,6 @@
72 89 
                     <div id="translation_img">
73 90 
                         <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
74 91 
                         <div id="google_translate_element"></div>
75 
-                        <script type="text/javascript">
76 
-                            function googleTranslateElementInit() {
77 
-                                new google.translate.TranslateElement({
78 
-                                    pageLanguage: 'ja',
79 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-                                }, 'google_translate_element');
81 
-                            }
82 
-                        </script>
83 
-                        <script type="text/javascript"
84 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 92 
                     </div>
86 93 
                 </article>
87 94 
                 <div id="claer">
 
@@ -89,7 +96,6 @@
89 96 
             </div>
90 97 
         </section>
91 98
92 
-
93 99 
         <!--ヘッダーデータ-->
94 100 
         <header>
95 101 
             <div id="header" class="gothic">
 
@@ -134,6 +140,145 @@
134 140 
             </div>
135 141 
         </header>
136 142
143 
+        <!-- mobile header -->
144 
+        <header class="header">
145 
+            <div class="headerLogo">
146 
+                <a href="../index.html" class="header_link"><img class="headerLogo__image"
147 
+                                                                 src="../image/logo_kitagata_green_S.png" alt=""></a>
148 
+            </div>
149 
+            <div class="headerTitle">
150 
+                <a href="../index.html" class="header_link">
151 
+                    <h1 class="headerTitle__text">北方町</h1>
152 
+                </a>
153 
+            </div>
154 
+            <div class="headerSubTitle">
155 
+                <a href="../index.html" class="header_link">
156 
+                    <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
157 
+                </a>
158 
+            </div>
159 
+            <div id="h-menu">
160 
+                <span></span>
161 
+                <span></span>
162 
+                <span></span>
163 
+                <div id="h-text">menu</div>
164 
+            </div>
165 
+            <div id="h-nav">
166 
+                <div class="h-menu_main_block_top">
167 
+                    <div class="h-menu_main_block">
168 
+                        <div class="h-menu_block">
169 
+                            <a href="../second/living.html">
170 
+                                <div class="h-menu_block_text h-menu_block_before">
171 
+                                    <div class="h-menu_block_text_center">くらしの情報</div>
172 
+                                </div>
173 
+                            </a>
174 
+                        </div>
175 
+                    </div>
176 
+                    <div class="h-menu_main_block">
177 
+                        <div class="h-menu_block">
178 
+                            <a href="../second/tourism.html">
179 
+                                <div class="h-menu_block_text h-menu_block_before">
180 
+                                    <div class="h-menu_block_text_center">
181 
+                                        観光
182 
+                                    </div>
183 
+                                </div>
184 
+                            </a>
185 
+                        </div>
186 
+                    </div>
187 
+                    <div class="h-menu_main_block">
188 
+                        <div class="h-menu_block">
189 
+                            <a href="../second/business.html">
190 
+                                <div class="h-menu_block_text h-menu_block_before">
191 
+                                    <div class="h-menu_block_text_center">事業者向け情報</div>
192 
+                                </div>
193 
+                            </a>
194 
+                        </div>
195 
+                    </div>
196 
+                    <div class="h-menu_main_block">
197 
+                        <div class="h-menu_block">
198 
+                            <a href="../second/town_admini_info.html">
199 
+                                <div class="h-menu_block_text h-menu_block_before">
200 
+                                    <div class="h-menu_block_text_center">町政情報</div>
201 
+                                </div>
202 
+                            </a>
203 
+                        </div>
204 
+                    </div>
205 
+                    <div class="h-menu_main_block">
206 
+                        <div class="h-menu_block h-menu_block_before">
207 
+                            <a href="../second/sitemap.html">
208 
+                                <div class="h-menu_block_text h-menu_block_before">
209 
+                                    <div class="h-menu_block_text_center">
210 
+                                        サイトマップ
211 
+                                    </div>
212 
+                                </div>
213 
+                            </a>
214 
+                        </div>
215 
+                    </div>
216 
+                    <div class="h-menu_main_block">
217 
+                        <div class="h-menu_block h-menu_block_before">
218 
+                            <a href="https://ai-staff.net/kitagata/chat">
219 
+                                <div class="h-menu_block_text  h-menu_block_before">
220 
+                                    <div class="h-menu_block_text_center">
221 
+                                        AIチャット
222 
+                                    </div>
223 
+                                </div>
224 
+                            </a>
225 
+                        </div>
226 
+                    </div>
227 
+                    <div class="h-menu_main_block">
228 
+                        <div class="h-menu_block h-menu_block_before">
229 
+                            <a href="../third/town_admini_info/administrative_organization_chart.html">
230 
+                                <div class="h-menu_block_text">
231 
+                                    <div class="h-menu_block_text_center">
232 
+                                        お問い合わせ一覧
233 
+                                    </div>
234 
+                                </div>
235 
+                            </a>
236 
+                        </div>
237 
+                    </div>
238 
+                    <div class="h-menu_main_block">
239 
+                        <div class="h-menu_lang">
240 
+                            <div class="h-menu_block_lang">
241 
+                                <div class="h-menu_block_text_center">
242 
+                                    <div class="h-menu_block_text_line">
243 
+                                        背景変更
244 
+                                        <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
245 
+                                        </div>
246 
+                                        <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
247 
+                                        </div>
248 
+                                        <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
249 
+                                        </div>
250 
+                                    </div>
251 
+                                    <script>
252 
+                                        getBackgNumber2();
253 
+                                    </script>
254 
+                                    <div class="h-menu_block_text_line">言語選択
255 
+                                        <div class="mobile_translation">
256 
+                                            <div id="google_translate_element"></div>
257 
+                                        </div>
258 
+                                    </div>
259 
+                                </div>
260 
+                            </div>
261 
+                        </div>
262 
+                    </div>
263 
+                    <div class="h-menu_main_block">
264 
+                        <div class="h-menu_search">
265 
+                            <div class="h-menu_block_search">
266 
+                                <form action="https://www.google.com/search">
267 
+                                    <input type="hidden" name="hl" value="ja"/>
268 
+                                    <input type="hidden" name="ie" value="UTF-8">
269 
+                                    <input type="hidden" name="oe" value="UTF-8">
270 
+                                    <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
271 
+                                    <input type="text" name="q" size="16" maxlength="256" value=""
272 
+                                           class="mobile_form_input"/>
273 
+                                    <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
274 
+                                </form>
275 
+                            </div>
276 
+                        </div>
277 
+                    </div>
278 
+                </div>
279 
+            </div>
280 
+        </header>
281 
+
137 282 
         <div>
138 283 
             <!--セクション template-->
139 284 
             <section id="template">
 
@@ -160,247 +305,257 @@
160 305 
                         </div>
161 306 
                     </div>
162 307 
                     <span id="template_article_block">
163 
-                        <div class="left">
164 
-                            <h4 id="life">お客様（料金・手続きなど）</h4>
165 
-                            <div class="template_list">
166 
-                                <span class="template_list">
167 
-                                    <span class="template_list_img left"><img
168 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
169 
-                                    <a
170 
-                                        href="../fourth/living/suidou_kansenkakudaibousi.html">新型コロナウイルス感染症の拡大防止に関するお願い</a></span><br />
171 
-                                <span class="clear"></span>
172 
-                            </div>
173 
-                            <div class="template_list">
174 
-                                <span class="template_list">
175 
-                                    <span class="template_list_img left"><img
176 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
177 
-                                    <a href="../fourth/living/Custumer_infomation.html">お客様へのお知らせ・お願い</a></span><br />
178 
-                                <span class="clear"></span>
179 
-                                <span class="clear"></span>
180 
-                            </div>
181 
-                            <div class="template_list">
182 
-                                <span class="template_list">
183 
-                                    <span class="template_list_img left"><img
184 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
185 
-                                    <a
186 
-                                        href="../fourth/living/Procedures_for_water_supply_use.html">上下水道の使用開始・休止・使用者変更手続き</a></span><BR />
187 
-                                <span class="clear"></span>
188 
-                            </div>
308 
+                        <div class="left_mobile">
309 
+                            <h4 id="life" class="accordion__title js-accordion-title">お客様（料金・手続きなど）</h4>
310 
+                            <div class="accordion__content">
311 
+                                <div class="template_list">
312 
+                                    <span class="template_list">
313 
+                                        <span class="template_list_img left"><img
314 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
315 
+                                        <a
316 
+                                            href="../fourth/living/suidou_kansenkakudaibousi.html">新型コロナウイルス感染症の拡大防止に関するお願い</a></span><br />
317 
+                                    <span class="clear"></span>
318 
+                                </div>
319 
+                                <div class="template_list">
320 
+                                    <span class="template_list">
321 
+                                        <span class="template_list_img left"><img
322 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
323 
+                                        <a
324 
+                                            href="../fourth/living/Custumer_infomation.html">お客様へのお知らせ・お願い</a></span><br />
325 
+                                    <span class="clear"></span>
326 
+                                    <span class="clear"></span>
327 
+                                </div>
328 
+                                <div class="template_list">
329 
+                                    <span class="template_list">
330 
+                                        <span class="template_list_img left"><img
331 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
332 
+                                        <a
333 
+                                            href="../fourth/living/Procedures_for_water_supply_use.html">上下水道の使用開始・休止・使用者変更手続き</a></span><BR />
334 
+                                    <span class="clear"></span>
335 
+                                </div>
189 336
190 
-                            <div class="template_list">
191 
-                                <span class="template_list">
192 
-                                    <span class="template_list_img left"><img
193 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
194 
-                                    <a href="../fourth/living/jougesuidouryoukin.html">水道料金・下水道使用料</a></span><BR />
195 
-                                <span class="clear"></span>
196 
-                            </div>
197 
-                            <div class="template_list">
198 
-                                <span class="template_list">
199 
-                                    <span class="template_list_img left"><img
200 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
201 
-                                    <a href="../fourth/living/tekiseinouhu.html">上下水道料金の適正な納付のお願い</a></span><BR />
202 
-                                <span class="clear"></span>
203 
-                            </div>
204 
-                            <div class="template_list">
205 
-                                <span class="template_list">
206 
-                                    <span class="template_list_img left"><img
207 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
208 
-                                    <a
209 
-                                        href="../fourth/living/jougesuidouryoukingenmentetuduki.html">漏水の場合などの減免手続き</a></span><BR />
210 
-                                <span class="clear"></span>
211 
-                            </div>
212 
-                            <div class="template_list">
213 
-                                <span class="template_list">
214 
-                                    <span class="template_list_img left"><img
215 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
216 
-                                    <a
217 
-                                        href="../fourth/living/Procedures_for_water_supply_subscription.html">上水道への加入手続き</a></span><BR />
218 
-                                <span class="clear"></span>
219 
-                            </div>
220 
-                            <div class="template_list">
221 
-                                <span class="template_list">
222 
-                                    <span class="template_list_img left"><img
223 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
224 
-                                    <a
225 
-                                        href="../fourth/living/Switching_construction_of_sewer.html">下水道への切替え手続き</a></span><BR />
226 
-                                <span class="clear"></span>
227 
-                            </div>
228 
-                            <div class="template_list">
229 
-                                <span class="template_list">
230 
-                                    <span class="template_list_img left"><img
231 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
232 
-                                    <a href="../fourth/living/Sewerage_user_fee.html">下水道事業受益者負担金</a></span><BR />
233 
-                                <span class="clear"></span>
234 
-                            </div>
235 
-                            <div class="template_list">
236 
-                                <span class="template_list">
237 
-                                    <span class="template_list_img left"><img
238 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
239 
-                                    <a
240 
-                                        href="../fourth/living/Jougesuidou_siteiten_meibo.html">指定給水装置工事事業者・下水道工事指定店名簿</a></span><BR />
241 
-                                <span class="clear"></span>
242 
-                            </div>
243 
-                            <div class="template_list">
244 
-                                <span class="template_list">
245 
-                                    <span class="template_list_img left"><img
246 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
247 
-                                    <a
248 
-                                        href="../fourth/living/Standard_Terms_and_Conditions.html">給水契約の「定型約款」（供給規程）</a></span><BR />
249 
-                                <span class="clear"></span>
337 
+                                <div class="template_list">
338 
+                                    <span class="template_list">
339 
+                                        <span class="template_list_img left"><img
340 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
341 
+                                        <a href="../fourth/living/jougesuidouryoukin.html">水道料金・下水道使用料</a></span><BR />
342 
+                                    <span class="clear"></span>
343 
+                                </div>
344 
+                                <div class="template_list">
345 
+                                    <span class="template_list">
346 
+                                        <span class="template_list_img left"><img
347 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
348 
+                                        <a href="../fourth/living/tekiseinouhu.html">上下水道料金の適正な納付のお願い</a></span><BR />
349 
+                                    <span class="clear"></span>
350 
+                                </div>
351 
+                                <div class="template_list">
352 
+                                    <span class="template_list">
353 
+                                        <span class="template_list_img left"><img
354 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
355 
+                                        <a
356 
+                                            href="../fourth/living/jougesuidouryoukingenmentetuduki.html">漏水の場合などの減免手続き</a></span><BR />
357 
+                                    <span class="clear"></span>
358 
+                                </div>
359 
+                                <div class="template_list">
360 
+                                    <span class="template_list">
361 
+                                        <span class="template_list_img left"><img
362 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
363 
+                                        <a
364 
+                                            href="../fourth/living/Procedures_for_water_supply_subscription.html">上水道への加入手続き</a></span><BR />
365 
+                                    <span class="clear"></span>
366 
+                                </div>
367 
+                                <div class="template_list">
368 
+                                    <span class="template_list">
369 
+                                        <span class="template_list_img left"><img
370 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
371 
+                                        <a
372 
+                                            href="../fourth/living/Switching_construction_of_sewer.html">下水道への切替え手続き</a></span><BR />
373 
+                                    <span class="clear"></span>
374 
+                                </div>
375 
+                                <div class="template_list">
376 
+                                    <span class="template_list">
377 
+                                        <span class="template_list_img left"><img
378 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
379 
+                                        <a href="../fourth/living/Sewerage_user_fee.html">下水道事業受益者負担金</a></span><BR />
380 
+                                    <span class="clear"></span>
381 
+                                </div>
382 
+                                <div class="template_list">
383 
+                                    <span class="template_list">
384 
+                                        <span class="template_list_img left"><img
385 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
386 
+                                        <a
387 
+                                            href="../fourth/living/Jougesuidou_siteiten_meibo.html">指定給水装置工事事業者・下水道工事指定店名簿</a></span><BR />
388 
+                                    <span class="clear"></span>
389 
+                                </div>
390 
+                                <div class="template_list">
391 
+                                    <span class="template_list">
392 
+                                        <span class="template_list_img left"><img
393 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
394 
+                                        <a
395 
+                                            href="../fourth/living/Standard_Terms_and_Conditions.html">給水契約の「定型約款」（供給規程）</a></span><BR />
396 
+                                    <span class="clear"></span>
397 
+                                </div>
250 398 
                             </div>
251 399 
                         </div>
252 
-
253 400 
                         <!--                    						<div class="clear"></div>-->
254 401 
                     </span>
255 402
256 403 
                     <span id="template_article_block">
257 
-                        <div class="right">
258 
-                            <h4 id="life">事業者様（指定店・工事手続きなど）</h4>
259 
-                            <div class="template_list">
260 
-                                <span class="template_list">
261 
-                                    <span class="template_list_img left"><img
262 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
263 
-                                    <a
264 
-                                        href="../fourth/living/Procedures_for_designated_supplier.html">指定給水装置工事事業者の申請手続き</a></span><br />
265 
-                                <!--								<span class="clear"></span>-->
266 
-                            </div>
267 
-                            <div class="template_list">
268 
-                                <span class="template_list">
269 
-                                    <span class="template_list_img left"><img
270 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
271 
-                                    <a
272 
-                                        href="../fourth/living/Procedures_for_designated_sewer.html">下水道工事指定店の申請手続き</a></span><br />
273 
-                                <!--								<span class="clear"></span>-->
274 
-                            </div>
275 
-                            <div class="template_list">
276 
-                                <span class="template_list">
277 
-                                    <span class="template_list_img left"><img
278 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
279 
-                                    <a
280 
-                                        href="../fourth/living/Construction_of_water_supply.html">給水装置工事の申請手続き</a></span><br />
281 
-                                <!--								<span class="clear"></span>-->
282 
-                            </div>
404 
+                        <div class="right_mobile">
405 
+                            <h4 id="life" class="accordion__title js-accordion-title">事業者様（指定店・工事手続きなど）</h4>
406 
+                            <div class="accordion__content">
407 
+                                <div class="template_list">
408 
+                                    <span class="template_list">
409 
+                                        <span class="template_list_img left"><img
410 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
411 
+                                        <a
412 
+                                            href="../fourth/living/Procedures_for_designated_supplier.html">指定給水装置工事事業者の申請手続き</a></span><br />
413 
+                                    <!--								<span class="clear"></span>-->
414 
+                                </div>
415 
+                                <div class="template_list">
416 
+                                    <span class="template_list">
417 
+                                        <span class="template_list_img left"><img
418 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
419 
+                                        <a
420 
+                                            href="../fourth/living/Procedures_for_designated_sewer.html">下水道工事指定店の申請手続き</a></span><br />
421 
+                                    <!--								<span class="clear"></span>-->
422 
+                                </div>
423 
+                                <div class="template_list">
424 
+                                    <span class="template_list">
425 
+                                        <span class="template_list_img left"><img
426 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
427 
+                                        <a
428 
+                                            href="../fourth/living/Construction_of_water_supply.html">給水装置工事の申請手続き</a></span><br />
429 
+                                    <!--								<span class="clear"></span>-->
430 
+                                </div>
283 431
284 
-                            <div class="template_list">
285 
-                                <span class="template_list">
286 
-                                    <span class="template_list_img left"><img
287 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
288 
-                                    <a href="../fourth/living/Construction_of_sewer.html">排水設備工事の申請手続き</a></span><br />
289 
-                                <!--								<span class="clear"></span>-->
432 
+                                <div class="template_list">
433 
+                                    <span class="template_list">
434 
+                                        <span class="template_list_img left"><img
435 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
436 
+                                        <a
437 
+                                            href="../fourth/living/Construction_of_sewer.html">排水設備工事の申請手続き</a></span><br />
438 
+                                    <!--								<span class="clear"></span>-->
439 
+                                </div>
290 440 
                             </div>
441 
+                            <!--						<div class="clear"></div>-->
291 442 
                         </div>
292 
-                        <!--						<div class="clear"></div>-->
293 443 
                     </span>
294 444
295 445
296 446 
                     <span id="template_article_block">
297 
-                        <div class="right">
298 
-                            <h4 id="life">上下水道事業について</h4>
299 
-                            <div class="template_list">
300 
-                                <span class="template_list">
301 
-                                    <span class="template_list_img left"><img
302 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
303 
-                                    <a href="../fourth/living/Overview_of_water_supply.html">北方町の上水道</a></span><br />
304 
-                                <span class="clear"></span>
305 
-                            </div>
306 
-                            <div class="template_list">
307 
-                                <span class="template_list">
308 
-                                    <span class="template_list_img left"><img
309 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
310 
-                                    <a href="../fourth/living/Overview_of_sewer.html">北方町の下水道</a></span><br />
311 
-                                <span class="clear"></span>
312 
-                            </div>
313 
-                            <div class="template_list">
314 
-                                <span class="template_list">
315 
-                                    <span class="template_list_img left"><img
316 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
317 
-                                    <a href="../third/building_etc/Water_source.html">北方町水源地</a></span><br />
318 
-                                <span class="clear"></span>
319 
-                            </div>
320 
-
321 
-                            <div class="template_list">
322 
-                                <span class="template_list">
323 
-                                    <span class="template_list_img left"><img
324 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
325 
-                                    <a
326 
-                                        href="../third/building_etc/Water_center.html">北方町ふれあい水センター(下水道終末処理場)</a></span><br />
327 
-                                <span class="clear"></span>
328 
-                            </div>
329 
-                            <div class="template_list">
330 
-                                <span class="template_list">
331 
-                                    <span class="template_list_img left"><img
332 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
333 
-                                    <a href="../fourth/living/Water_storage_tank_water.html">貯水槽水道</a></span><br />
334 
-                                <span class="clear"></span>
335 
-                            </div>
336 
-                            <div class="template_list">
337 
-                                <span class="template_list">
338 
-                                    <span class="template_list_img left"><img
339 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
340 
-                                    <a href="../fourth/living/Jougesuidou_zaisei.html">上下水道事業の財政状況</a></span><br />
341 
-                                <span class="clear"></span>
342 
-                            </div>
343 
-                             <div class="template_list">
344 
-                                <span class="template_list">
345 
-                                    <span class="template_list_img left"><img
346 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
347 
-                                    <a href="../fourth/living/business_status_explanation_published.html">業務状況説明書類の公表</a></span><br />
348 
-                                <span class="clear"></span>
349 
-                            </div>
350 
-                            <div class="template_list">
351 
-                                <span class="template_list">
352 
-                                    <span class="template_list_img left"><img
353 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
354 
-                                    <a href="../fourth/living/Suidou_Keieisingikai.html">水道事業経審議会</a></span><br />
355 
-                                <span class="clear"></span>
356 
-                            </div>
357 
-                            <div class="template_list">
358 
-                                <span class="template_list">
359 
-                                    <span class="template_list_img left"><img
360 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
361 
-                                    <a href="../fourth/living/Jougesuidou_keieisenryaku.html">経営戦略の公表</a></span><br />
362 
-                                <span class="clear"></span>
363 
-                            </div>
364 
-                            <div class="template_list">
365 
-                                <span class="template_list">
366 
-                                    <span class="template_list_img left"><img
367 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
368 
-                                    <a href="../fourth/living/Water_supply_vision.html">北方町水道ビジョン</a></span><br />
369 
-                                <span class="clear"></span>
370 
-                            </div>
371 
-                            <div class="template_list">
372 
-                                <span class="template_list">
373 
-                                    <span class="template_list_img left"><img
374 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
375 
-                                    <a href="../fourth/living/Sewer_houtekiyou.html">公共下水道事業の地方公営企業法適用</a></span><br />
376 
-                                <span class="clear"></span>
377 
-                            </div>
378 
-                            <div class="template_list">
379 
-                                <span class="template_list">
380 
-                                    <span class="template_list_img left"><img
381 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
382 
-                                    <a
383 
-                                        href="../fourth/living/Sewer_sougoujisintaisakukeikaku.html">北方町公共下水道総合地震対策計画</a></span><br />
384 
-                                <span class="clear"></span>
385 
-                            </div>
386 
-                            <div class="template_list">
387 
-                                <span class="template_list">
388 
-                                    <span class="template_list_img left"><img
389 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
390 
-                                    <a
391 
-                                        href="../fourth/living/socialcapital_comprehensiveimprovement_plan_announce.html">社会資本総合整備計画書・事後評価書の公表</a></span><br />
392 
-                                <span class="clear"></span>
393 
-                            </div>
394 
-                            <div class="template_list">
395 
-                                <span class="template_list">
396 
-                                    <span class="template_list_img left"><img
397 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
398 
-                                    <a
399 
-                                        href="../fourth/living/Sewer_osuisyorisisetuseibikousou.html">北方町汚水処理施設整備構想（案）の公表</a></span><br />
400 
-                                <span class="clear"></span>
401 
-                            </div>
447 
+                        <div class="right_mobile">
448 
+                            <h4 id="life" class="accordion__title js-accordion-title">上下水道事業について</h4>
449 
+                            <div class="accordion__content">
450 
+                                <div class="template_list">
451 
+                                    <span class="template_list">
452 
+                                        <span class="template_list_img left"><img
453 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
454 
+                                        <a
455 
+                                            href="../fourth/living/Overview_of_water_supply.html">北方町の上水道</a></span><br />
456 
+                                    <span class="clear"></span>
457 
+                                </div>
458 
+                                <div class="template_list">
459 
+                                    <span class="template_list">
460 
+                                        <span class="template_list_img left"><img
461 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
462 
+                                        <a href="../fourth/living/Overview_of_sewer.html">北方町の下水道</a></span><br />
463 
+                                    <span class="clear"></span>
464 
+                                </div>
465 
+                                <div class="template_list">
466 
+                                    <span class="template_list">
467 
+                                        <span class="template_list_img left"><img
468 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
469 
+                                        <a href="../third/building_etc/Water_source.html">北方町水源地</a></span><br />
470 
+                                    <span class="clear"></span>
471 
+                                </div>
402 472
473 
+                                <div class="template_list">
474 
+                                    <span class="template_list">
475 
+                                        <span class="template_list_img left"><img
476 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
477 
+                                        <a
478 
+                                            href="../third/building_etc/Water_center.html">北方町ふれあい水センター(下水道終末処理場)</a></span><br />
479 
+                                    <span class="clear"></span>
480 
+                                </div>
481 
+                                <div class="template_list">
482 
+                                    <span class="template_list">
483 
+                                        <span class="template_list_img left"><img
484 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
485 
+                                        <a href="../fourth/living/Water_storage_tank_water.html">貯水槽水道</a></span><br />
486 
+                                    <span class="clear"></span>
487 
+                                </div>
488 
+                                <div class="template_list">
489 
+                                    <span class="template_list">
490 
+                                        <span class="template_list_img left"><img
491 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
492 
+                                        <a href="../fourth/living/Jougesuidou_zaisei.html">上下水道事業の財政状況</a></span><br />
493 
+                                    <span class="clear"></span>
494 
+                                </div>
495 
+                                <div class="template_list">
496 
+                                    <span class="template_list">
497 
+                                        <span class="template_list_img left"><img
498 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
499 
+                                        <a
500 
+                                            href="../fourth/living/business_status_explanation_published.html">業務状況説明書類の公表</a></span><br />
501 
+                                    <span class="clear"></span>
502 
+                                </div>
503 
+                                <div class="template_list">
504 
+                                    <span class="template_list">
505 
+                                        <span class="template_list_img left"><img
506 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
507 
+                                        <a href="../fourth/living/Suidou_Keieisingikai.html">水道事業経審議会</a></span><br />
508 
+                                    <span class="clear"></span>
509 
+                                </div>
510 
+                                <div class="template_list">
511 
+                                    <span class="template_list">
512 
+                                        <span class="template_list_img left"><img
513 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
514 
+                                        <a
515 
+                                            href="../fourth/living/Jougesuidou_keieisenryaku.html">経営戦略の公表</a></span><br />
516 
+                                    <span class="clear"></span>
517 
+                                </div>
518 
+                                <div class="template_list">
519 
+                                    <span class="template_list">
520 
+                                        <span class="template_list_img left"><img
521 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
522 
+                                        <a href="../fourth/living/Water_supply_vision.html">北方町水道ビジョン</a></span><br />
523 
+                                    <span class="clear"></span>
524 
+                                </div>
525 
+                                <div class="template_list">
526 
+                                    <span class="template_list">
527 
+                                        <span class="template_list_img left"><img
528 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
529 
+                                        <a
530 
+                                            href="../fourth/living/Sewer_houtekiyou.html">公共下水道事業の地方公営企業法適用</a></span><br />
531 
+                                    <span class="clear"></span>
532 
+                                </div>
533 
+                                <div class="template_list">
534 
+                                    <span class="template_list">
535 
+                                        <span class="template_list_img left"><img
536 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
537 
+                                        <a
538 
+                                            href="../fourth/living/Sewer_sougoujisintaisakukeikaku.html">北方町公共下水道総合地震対策計画</a></span><br />
539 
+                                    <span class="clear"></span>
540 
+                                </div>
541 
+                                <div class="template_list">
542 
+                                    <span class="template_list">
543 
+                                        <span class="template_list_img left"><img
544 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
545 
+                                        <a
546 
+                                            href="../fourth/living/socialcapital_comprehensiveimprovement_plan_announce.html">社会資本総合整備計画書・事後評価書の公表</a></span><br />
547 
+                                    <span class="clear"></span>
548 
+                                </div>
549 
+                                <div class="template_list">
550 
+                                    <span class="template_list">
551 
+                                        <span class="template_list_img left"><img
552 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
553 
+                                        <a
554 
+                                            href="../fourth/living/Sewer_osuisyorisisetuseibikousou.html">北方町汚水処理施設整備構想（案）の公表</a></span><br />
555 
+                                    <span class="clear"></span>
556 
+                                </div>
403 557
558 
+                            </div>
404 559 
                         </div>
405 560
406 561 
                         <!--						<div class="clear"></div>-->
 
@@ -408,17 +563,18 @@
408 563
409 564
410 565 
                     <span id="template_article_block">
411 
-                        <div class="left">
412 
-                            <h4 id="life">各種様式ダウンロード</h4>
413 
-                            <div class="template_list">
414 
-                                <span class="template_list">
415 
-                                    <span class="template_list_img left"><img
416 
-                                            src="../css/img/smallbutton_secondfloor.png" /></span>
417 
-                                    <a href="../third/living/Application_form.html">
418 
-                                        申請書等様式</a></span><br />
419 
-                                <span class="clear"></span>
566 
+                        <div class="left_mobile">
567 
+                            <h4 id="life" class="accordion__title js-accordion-title">各種様式ダウンロード</h4>
568 
+                            <div class="accordion__content">
569 
+                                <div class="template_list">
570 
+                                    <span class="template_list">
571 
+                                        <span class="template_list_img left"><img
572 
+                                                src="../css/img/smallbutton_secondfloor.png" /></span>
573 
+                                        <a href="../third/living/Application_form.html">
574 
+                                            申請書等様式</a></span><br />
575 
+                                    <span class="clear"></span>
576 
+                                </div>
420 577 
                             </div>
421 
-
422 578 
                         </div>
423 579
424 580 
                         <!--						<div class="clear"></div>-->
 
@@ -429,11 +585,28 @@
429 585 
         </div>
430 586
431 587 
         <footer>
432 
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
433 
-            <br />
434 
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
435 
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a
436 
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
588 
+            <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
589 
+            <div class="footer_mobile">
590 
+                <div class="footer_mobile_title">
591 
+                    <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
592 
+                    <h1 class="footerMobile__text">北方町役場</h1>
593 
+                </div>
594 
+                <div class="footer_mobile_address">
595 
+                    <span class="footerTextWrap__text">
596 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
597 
+                    </span><br>
598 
+                    電話:058-323-1111(代)<br>
599 
+                    FAX:058-323-2963<br>
600 
+                    開庁日：8時30分～17時15分<br>
601 
+                    （土・日・祝日、年末年始を除く）<br>
602 
+                </div>
603 
+            </div>
604 
+            <br class="sp__brDisplay">
605 
+            <p class="footer_text">
606 
+                <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
607 
+                <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
608 
+                <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
609 
+            </p>
437 610 
         </footer>
438 611
439 612 
     </div>
 
@@ -441,4 +614,4 @@
441 614 
         height="1" width="1" />
442 615 
 </body>
443 616
444 
-</html>
617 
+</html>

+ 189
- 25
second/Welfare.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>福祉 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                         src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                      getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja"/>
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                         class="mobile_form_input"/>
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-      <div id="charsize_img">
46 
-      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-      </div>
50 
-      </article>-->
201 
+    	<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+    	<div id="charsize_img">
203 
+    	<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+    	<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+    	<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+    	</div>
207 
+    	</article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,16 +224,6 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
 
@@ -154,7 +301,7 @@
154 301 
             </div>
155 302 
           </div>
156 303 
           <span id="template_article_block">
157 
-            <div class="left">
304 
+            <div class="left_mobile">
158 305 
               <div class="template_list">
159 306 
                 <span class="template_list">
160 307 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -213,7 +360,7 @@
213 360 
               </div>
214 361 
             </div>
215 362 
             <!--=======================================================================================================================================-->
216 
-            <div class="right">
363 
+            <div class="right_mobile">
217 364 
               <div class="template_list">
218 365 
                 <span class="template_list">
219 366 
                   <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
 
@@ -244,10 +391,27 @@
244 391 
     </div>
245 392
246 393 
     <footer>
247 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
248 
-      <br />
249 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
250 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
394 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
395 
+      <div class="footer_mobile">
396 
+        <div class="footer_mobile_title">
397 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
398 
+          <h1 class="footerMobile__text">北方町役場</h1>
399 
+        </div>
400 
+        <div class="footer_mobile_address">
401 
+          <span class="footerTextWrap__text">
402 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
403 
+          </span><br>
404 
+          電話:058-323-1111(代)<br>
405 
+          FAX:058-323-2963<br>
406 
+          開庁日：8時30分～17時15分<br>
407 
+          （土・日・祝日、年末年始を除く）<br>
408 
+        </div>
409 
+      </div>
410 
+      <br class="sp__brDisplay">
411 
+      <p class="footer_text">
412 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
413 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
414 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
251 415 
       </p>
252 416 
     </footer>
253 417

+ 189
- 27
second/Welfare_and_nursing_care.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>福祉・介護 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -11,19 +12,174 @@
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
13 14 
   <link rel="stylesheet" href="../css/table.css">
15 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
19 
+  <link rel="stylesheet" href="../css/link.css">
14 20 
   <script src="../js/operation.js"></script>
21 
+  <script src="../js/menu.js"></script>
22 
+  <script src="../js/accordion.js"></script>
15 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 24 
 </head>
18 25
19 26 
 <body id="back">
27 
+  <script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+      new google.translate.TranslateElement({
30 
+        pageLanguage: 'ja',
31 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+      }, 'google_translate_element');
33 
+    }
34 
+  </script>
35 
+  <script type="text/javascript"
36 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
20 37 
   <div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+      <div class="headerLogo">
41 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+      </div>
44 
+      <div class="headerTitle">
45 
+        <a href="../index.html" class="header_link">
46 
+          <h1 class="headerTitle__text">北方町</h1>
47 
+        </a>
48 
+      </div>
49 
+      <div class="headerSubTitle">
50 
+        <a href="../index.html" class="header_link">
51 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+        </a>
53 
+      </div>
54 
+      <div id="h-menu">
55 
+        <span></span>
56 
+        <span></span>
57 
+        <span></span>
58 
+        <div id="h-text">menu</div>
59 
+      </div>
60 
+      <div id="h-nav">
61 
+        <div class="h-menu_main_block_top">
62 
+          <div class="h-menu_main_block">
63 
+            <div class="h-menu_block">
64 
+              <a href="../second/living.html">
65 
+                <div class="h-menu_block_text h-menu_block_before">
66 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
67 
+                </div>
68 
+              </a>
69 
+            </div>
70 
+          </div>
71 
+          <div class="h-menu_main_block">
72 
+            <div class="h-menu_block">
73 
+              <a href="../second/tourism.html">
74 
+                <div class="h-menu_block_text h-menu_block_before">
75 
+                  <div class="h-menu_block_text_center">
76 
+                    観光
77 
+                  </div>
78 
+                </div>
79 
+              </a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_main_block">
83 
+            <div class="h-menu_block">
84 
+              <a href="../second/business.html">
85 
+                <div class="h-menu_block_text h-menu_block_before">
86 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+                </div>
88 
+              </a>
89 
+            </div>
90 
+          </div>
91 
+          <div class="h-menu_main_block">
92 
+            <div class="h-menu_block">
93 
+              <a href="../second/town_admini_info.html">
94 
+                <div class="h-menu_block_text h-menu_block_before">
95 
+                  <div class="h-menu_block_text_center">町政情報</div>
96 
+                </div>
97 
+              </a>
98 
+            </div>
99 
+          </div>
100 
+          <div class="h-menu_main_block">
101 
+            <div class="h-menu_block h-menu_block_before">
102 
+              <a href="../second/sitemap.html">
103 
+                <div class="h-menu_block_text h-menu_block_before">
104 
+                  <div class="h-menu_block_text_center">
105 
+                    サイトマップ
106 
+                  </div>
107 
+                </div>
108 
+              </a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_main_block">
112 
+            <div class="h-menu_block h-menu_block_before">
113 
+              <a href="https://ai-staff.net/kitagata/chat">
114 
+                <div class="h-menu_block_text  h-menu_block_before">
115 
+                  <div class="h-menu_block_text_center">
116 
+                    AIチャット
117 
+                  </div>
118 
+                </div>
119 
+              </a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_main_block">
123 
+            <div class="h-menu_block h-menu_block_before">
124 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                <div class="h-menu_block_text">
126 
+                  <div class="h-menu_block_text_center">
127 
+                    お問い合わせ一覧
128 
+                  </div>
129 
+                </div>
130 
+              </a>
131 
+            </div>
132 
+          </div>
133 
+          <div class="h-menu_main_block">
134 
+            <div class="h-menu_lang">
135 
+              <div class="h-menu_block_lang">
136 
+                <div class="h-menu_block_text_center">
137 
+                  <div class="h-menu_block_text_line">
138 
+                    背景変更
139 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                    </div>
141 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                    </div>
143 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                    </div>
145 
+                  </div>
146 
+                  <script>
147 
+                    getBackgNumber2();
148 
+                  </script>
149 
+                  <div class="h-menu_block_text_line">言語選択
150 
+                    <div class="mobile_translation">
151 
+                      <div id="google_translate_element"></div>
152 
+                    </div>
153 
+                  </div>
154 
+                </div>
155 
+              </div>
156 
+            </div>
157 
+          </div>
158 
+          <div class="h-menu_main_block">
159 
+            <div class="h-menu_search">
160 
+              <div class="h-menu_block_search">
161 
+                <form action="https://www.google.com/search">
162 
+                  <input type="hidden" name="hl" value="ja" />
163 
+                  <input type="hidden" name="ie" value="UTF-8">
164 
+                  <input type="hidden" name="oe" value="UTF-8">
165 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
166 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
21 176 
     <!--セクション 操作-->
22 177 
     <section id="operation">
23 178 
       <!--セクション 住所-->
24 179 
       <article id="address">
25 180 
         <address id="operation_add">
26 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
27 183 
         </address>
28 184 
       </article>
29 185 
       <div id="controle_panel">
 
@@ -42,13 +198,13 @@
42 198
43 199 
         <!--セクション 文字サイズ-->
44 200 
         <!--<article id="charsize" >
45 
-          <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
46 
-          <div id="charsize_img">
47 
-          <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
48 
-          <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
49 
-          <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
50 
-          </div>
51 
-          </article>-->
201 
+<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+<div id="charsize_img">
203 
+<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+</div>
207 
+</article>-->
52 208
53 209 
         <!--セクション サイトマップ-->
54 210 
         <article id="sitemap">
 
@@ -68,16 +224,6 @@
68 224 
           <div id="translation_img">
69 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
70 226 
             <div id="google_translate_element"></div>
71 
-            <script type="text/javascript">
72 
-              function googleTranslateElementInit() {
73 
-                new google.translate.TranslateElement({
74 
-                  pageLanguage: 'ja',
75 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-                }, 'google_translate_element');
77 
-              }
78 
-            </script>
79 
-            <script type="text/javascript"
80 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 227 
           </div>
82 228 
         </article>
83 229 
         <div id="claer">
 
@@ -154,7 +300,7 @@
154 300 
             </div>
155 301 
           </div>
156 302 
           <span id="template_article_block">
157 
-            <div class="left">
303 
+            <div class="left_mobile">
158 304 
               <h4 id="life">高齢者福祉</h4>
159 305 
               <div class="template_list">
160 306 
                 <span class="template_list">
 
@@ -234,10 +380,9 @@
234 380 
                     Net119（ねっといちいちきゅう）緊急通報システム</a></span><br />
235 381 
                 <span class="clear"></span>
236 382 
               </div>
237 
-
238 383 
             </div>
239 384
240 
-            <div class="right">
385 
+            <div class="right_mobile">
241 386 
               <h4 id="life">関係施設</h4>
242 387 
               <div class="template_list">
243 388 
                 <span class="template_list">
 
@@ -338,10 +483,27 @@
338 483 
     </div>
339 484
340 485 
     <footer>
341 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
342 
-      <br />
343 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
344 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
486 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
487 
+      <div class="footer_mobile">
488 
+        <div class="footer_mobile_title">
489 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
490 
+          <h1 class="footerMobile__text">北方町役場</h1>
491 
+        </div>
492 
+        <div class="footer_mobile_address">
493 
+          <span class="footerTextWrap__text">
494 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
495 
+          </span><br>
496 
+          電話:058-323-1111(代)<br>
497 
+          FAX:058-323-2963<br>
498 
+          開庁日：8時30分～17時15分<br>
499 
+          （土・日・祝日、年末年始を除く）<br>
500 
+        </div>
501 
+      </div>
502 
+      <br class="sp__brDisplay">
503 
+      <p class="footer_text">
504 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
505 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
506 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
345 507 
       </p>
346 508 
     </footer>
347 509

+ 194
- 35
second/board_of_education.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>教育委員会 北方町ホームページ</title>
7 8 
   <!--事業者向け情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,22 +11,173 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_template.css">
13 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 
-  </meta>
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
15 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
16 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 
-
19 22 
 </head>
20 23
21 24 
 <body id="back">
25 
+  <script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+      new google.translate.TranslateElement({
28 
+        pageLanguage: 'ja',
29 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+      }, 'google_translate_element');
31 
+    }
32 
+  </script>
33 
+  <script type="text/javascript"
34 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
22 35 
   <div id="main" class="gothic">
36 
+    <!-- mobile header -->
37 
+    <header class="header">
38 
+      <div class="headerLogo">
39 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
40 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
41 
+      </div>
42 
+      <div class="headerTitle">
43 
+        <a href="../index.html" class="header_link">
44 
+          <h1 class="headerTitle__text">北方町</h1>
45 
+        </a>
46 
+      </div>
47 
+      <div class="headerSubTitle">
48 
+        <a href="../index.html" class="header_link">
49 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+        </a>
51 
+      </div>
52 
+      <div id="h-menu">
53 
+        <span></span>
54 
+        <span></span>
55 
+        <span></span>
56 
+        <div id="h-text">menu</div>
57 
+      </div>
58 
+      <div id="h-nav">
59 
+        <div class="h-menu_main_block_top">
60 
+          <div class="h-menu_main_block">
61 
+            <div class="h-menu_block">
62 
+              <a href="../second/living.html">
63 
+                <div class="h-menu_block_text h-menu_block_before">
64 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
65 
+                </div>
66 
+              </a>
67 
+            </div>
68 
+          </div>
69 
+          <div class="h-menu_main_block">
70 
+            <div class="h-menu_block">
71 
+              <a href="../second/tourism.html">
72 
+                <div class="h-menu_block_text h-menu_block_before">
73 
+                  <div class="h-menu_block_text_center">
74 
+                    観光
75 
+                  </div>
76 
+                </div>
77 
+              </a>
78 
+            </div>
79 
+          </div>
80 
+          <div class="h-menu_main_block">
81 
+            <div class="h-menu_block">
82 
+              <a href="../second/business.html">
83 
+                <div class="h-menu_block_text h-menu_block_before">
84 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+                </div>
86 
+              </a>
87 
+            </div>
88 
+          </div>
89 
+          <div class="h-menu_main_block">
90 
+            <div class="h-menu_block">
91 
+              <a href="../second/town_admini_info.html">
92 
+                <div class="h-menu_block_text h-menu_block_before">
93 
+                  <div class="h-menu_block_text_center">町政情報</div>
94 
+                </div>
95 
+              </a>
96 
+            </div>
97 
+          </div>
98 
+          <div class="h-menu_main_block">
99 
+            <div class="h-menu_block h-menu_block_before">
100 
+              <a href="../second/sitemap.html">
101 
+                <div class="h-menu_block_text h-menu_block_before">
102 
+                  <div class="h-menu_block_text_center">
103 
+                    サイトマップ
104 
+                  </div>
105 
+                </div>
106 
+              </a>
107 
+            </div>
108 
+          </div>
109 
+          <div class="h-menu_main_block">
110 
+            <div class="h-menu_block h-menu_block_before">
111 
+              <a href="https://ai-staff.net/kitagata/chat">
112 
+                <div class="h-menu_block_text  h-menu_block_before">
113 
+                  <div class="h-menu_block_text_center">
114 
+                    AIチャット
115 
+                  </div>
116 
+                </div>
117 
+              </a>
118 
+            </div>
119 
+          </div>
120 
+          <div class="h-menu_main_block">
121 
+            <div class="h-menu_block h-menu_block_before">
122 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
123 
+                <div class="h-menu_block_text">
124 
+                  <div class="h-menu_block_text_center">
125 
+                    お問い合わせ一覧
126 
+                  </div>
127 
+                </div>
128 
+              </a>
129 
+            </div>
130 
+          </div>
131 
+          <div class="h-menu_main_block">
132 
+            <div class="h-menu_lang">
133 
+              <div class="h-menu_block_lang">
134 
+                <div class="h-menu_block_text_center">
135 
+                  <div class="h-menu_block_text_line">
136 
+                    背景変更
137 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
138 
+                    </div>
139 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
140 
+                    </div>
141 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
142 
+                    </div>
143 
+                  </div>
144 
+                  <script>
145 
+                    getBackgNumber2();
146 
+                  </script>
147 
+                  <div class="h-menu_block_text_line">言語選択
148 
+                    <div class="mobile_translation">
149 
+                      <div id="google_translate_element"></div>
150 
+                    </div>
151 
+                  </div>
152 
+                </div>
153 
+              </div>
154 
+            </div>
155 
+          </div>
156 
+          <div class="h-menu_main_block">
157 
+            <div class="h-menu_search">
158 
+              <div class="h-menu_block_search">
159 
+                <form action="https://www.google.com/search">
160 
+                  <input type="hidden" name="hl" value="ja" />
161 
+                  <input type="hidden" name="ie" value="UTF-8">
162 
+                  <input type="hidden" name="oe" value="UTF-8">
163 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
164 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
165 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
166 
+                </form>
167 
+              </div>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </header>
173 
+
23 174 
     <!--セクション 操作-->
24 175 
     <section id="operation">
25 176 
       <!--セクション 住所-->
26 177 
       <article id="address">
27 178 
         <address id="operation_add">
28 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
179 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
180 
+            TEL:058-323-1111(代)</span>
29 181 
         </address>
30 182 
       </article>
31 183 
       <div id="controle_panel">
 
@@ -44,13 +196,13 @@
44 196
45 197 
         <!--セクション 文字サイズ-->
46 198 
         <!--<article id="charsize" >
47 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
48 
-<div id="charsize_img">
49 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
50 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
51 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
52 
-</div>
53 
-</article>-->
199 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
200 
+    <div id="charsize_img">
201 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
202 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
203 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
204 
+    </div>
205 
+    </article>-->
54 206
55 207 
         <!--セクション サイトマップ-->
56 208 
         <article id="sitemap">
 
@@ -70,16 +222,6 @@
70 222 
           <div id="translation_img">
71 223 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
72 224 
             <div id="google_translate_element"></div>
73 
-            <script type="text/javascript">
74 
-              function googleTranslateElementInit() {
75 
-                new google.translate.TranslateElement({
76 
-                  pageLanguage: 'ja',
77 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
78 
-                }, 'google_translate_element');
79 
-              }
80 
-            </script>
81 
-            <script type="text/javascript"
82 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 225 
           </div>
84 226 
         </article>
85 227 
         <div id="claer">
 
@@ -221,16 +363,16 @@
221 363 
             </div>
222 364 
           </div>
223 365 
           <div style="height:110px;"></div>
224 
-          <!--
225 
-                       <div id="template_title2" class="gothic">
226 
-                            <div id="template_title_block">
227 
-                                <span id="template_title2">学園構想</span>
228 
-                            </div>
229 
-                            <div id="template_title_block">
230 
-                            	<div class="space10"></div>
231 
-                                <span class="template_list"><a href="../third/board_of_education/academy_concept.html">学園構想</a></span><br />
366 
+          <!--
367 
+                     <div id="template_title2" class="gothic">
368 
+                          <div id="template_title_block">
369 
+                              <span id="template_title2">学園構想</span>
232 370 
                           </div>
371 
+                          <div id="template_title_block">
372 
+                              <div class="space10"></div>
373 
+                              <span class="template_list"><a href="../third/board_of_education/academy_concept.html">学園構想</a></span><br />
233 374 
                         </div>
375 
+                      </div>
234 376 
 -->
235 377 
           <div class="space300"></div>
236 378 
         </article>
 
@@ -238,10 +380,27 @@
238 380 
     </div>
239 381
240 382 
     <footer>
241 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
242 
-      <br />
243 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
244 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
383 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
384 
+      <div class="footer_mobile">
385 
+        <div class="footer_mobile_title">
386 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
387 
+          <h1 class="footerMobile__text">北方町役場</h1>
388 
+        </div>
389 
+        <div class="footer_mobile_address">
390 
+          <span class="footerTextWrap__text">
391 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
392 
+          </span><br>
393 
+          電話:058-323-1111(代)<br>
394 
+          FAX:058-323-2963<br>
395 
+          開庁日：8時30分～17時15分<br>
396 
+          （土・日・祝日、年末年始を除く）<br>
397 
+        </div>
398 
+      </div>
399 
+      <br class="sp__brDisplay">
400 
+      <p class="footer_text">
401 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
402 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
403 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
245 404 
       </p>
246 405 
     </footer>
247 406

+ 451
- 182
second/build_a_house.html Datei anzeigen 

@@ -1,155 +1,402 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>事業者向け情報 北方町ホームページ</title>
6 
-        <!--事業者向け情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/second_template.css" >
12 
-        <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
13 
-<script src="../js/operation.js"></script>
14 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
15 3
16 
-	</head>
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>事業者向け情報 北方町ホームページ</title>
8 
+	<!--事業者向け情報-->
9 
+	<link rel="stylesheet" href="../css/base.css">
10 
+	<link rel="stylesheet" href="../css/second_header.css">
11 
+	<link rel="stylesheet" href="../css/footer.css">
12 
+	<link rel="stylesheet" href="../css/section.css">
13 
+	<link rel="stylesheet" href="../css/second_template.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+	</meta>
23 
+
24 
+</head>
17 25
18 26 
 <body id="back">
19 
-<div id="main" class="gothic">
20 
-<!--セクション 操作-->
21 
-<section id="operation" >
22 
-<!--セクション 住所-->
23 
-<article id="address" >
24 
-<address id="operation_add">
25 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-</address>
27 
-</article>
28 
-<div id="controle_panel">
29 
-<!--セクション 背景色-->
30 
-<article id="bgcolor" >
31 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
32 
-<div id="bgcolor_img">
33 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
34 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
35 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
36 
-</div>
37 
-<script>
38 
-getBackgNumber2();
39 
-</script>
40 
-</article>
27 
+	<script type="text/javascript">
28 
+		function googleTranslateElementInit() {
29 
+			new google.translate.TranslateElement({
30 
+				pageLanguage: 'ja',
31 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+			}, 'google_translate_element');
33 
+		}
34 
+	</script>
35 
+	<script type="text/javascript"
36 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+	<div id="main" class="gothic">
38 
+		<!-- mobile header -->
39 
+		<header class="header">
40 
+			<div class="headerLogo">
41 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+			</div>
44 
+			<div class="headerTitle">
45 
+				<a href="../index.html" class="header_link">
46 
+					<h1 class="headerTitle__text">北方町</h1>
47 
+				</a>
48 
+			</div>
49 
+			<div class="headerSubTitle">
50 
+				<a href="../index.html" class="header_link">
51 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+				</a>
53 
+			</div>
54 
+			<div id="h-menu">
55 
+				<span></span>
56 
+				<span></span>
57 
+				<span></span>
58 
+				<div id="h-text">menu</div>
59 
+			</div>
60 
+			<div id="h-nav">
61 
+				<div class="h-menu_main_block_top">
62 
+					<div class="h-menu_block   h-accordion__title h-js-accordion-title">
63 
+						<div class="h-menu_block_text">
64 
+							<div class="h-menu_block_text_center">くらしの情報</div>
65 
+						</div>
66 
+					</div>
67 
+					<div class="h-accordion__content">
68 
+						<div class="h-menu_accordion_block_start">
69 
+							<div class="h-menu_accordion_block_text">
70 
+								<a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
71 
+							</div>
72 
+						</div>
73 
+						<div class="h-menu_accordion_block">
74 
+							<div class="h-menu_accordion_block_text">
75 
+								<a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
76 
+							</div>
77 
+						</div>
78 
+						<div class="h-menu_accordion_block">
79 
+							<div class="h-menu_accordion_block_text">
80 
+								<a class="h_link" href="../second/Education.html" name="anc3">教育</a>
81 
+							</div>
82 
+						</div>
83 
+						<div class="h-menu_accordion_block">
84 
+							<div class="h-menu_accordion_block_text">
85 
+								<a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
86 
+							</div>
87 
+						</div>
88 
+						<div class="h-menu_accordion_block">
89 
+							<div class="h-menu_accordion_block_text">
90 
+								<a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
91 
+							</div>
92 
+						</div>
93 
+						<div class="h-menu_accordion_block">
94 
+							<div class="h-menu_accordion_block_text">
95 
+								<a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
96 
+							</div>
97 
+						</div>
98 
+						<div class="h-menu_accordion_block">
99 
+							<div class="h-menu_accordion_block_text">
100 
+								<a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
101 
+							</div>
102 
+						</div>
103 
+						<div class="h-menu_accordion_block">
104 
+							<div class="h-menu_accordion_block_text">
105 
+								<a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
106 
+							</div>
107 
+						</div>
108 
+						<div class="h-menu_accordion_block">
109 
+							<div class="h-menu_accordion_block_text">
110 
+								<a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
111 
+							</div>
112 
+						</div>
113 
+						<div class="h-menu_accordion_block">
114 
+							<div class="h-menu_accordion_block_text">
115 
+								<a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
116 
+							</div>
117 
+						</div>
118 
+						<div class="h-menu_accordion_block">
119 
+							<div class="h-menu_accordion_block_text">
120 
+								<a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
121 
+							</div>
122 
+						</div>
123 
+						<div class="h-menu_accordion_block">
124 
+							<div class="h-menu_accordion_block_text">
125 
+								<a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
126 
+							</div>
127 
+						</div>
128 
+						<div class="h-menu_accordion_block">
129 
+							<div class="h-menu_accordion_block_text">
130 
+								<a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
131 
+							</div>
132 
+						</div>
133 
+						<div class="h-menu_accordion_block">
134 
+							<div class="h-menu_accordion_block_text">
135 
+								<a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
136 
+							</div>
137 
+						</div>
138 
+						<div class="h-menu_accordion_block">
139 
+							<div class="h-menu_accordion_block_text">
140 
+								<a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
141 
+							</div>
142 
+						</div>
143 
+						<div class="h-menu_accordion_block">
144 
+							<div class="h-menu_accordion_block_text">
145 
+								<a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
146 
+							</div>
147 
+						</div>
148 
+						<div class="h-menu_accordion_block">
149 
+							<div class="h-menu_accordion_block_text">
150 
+								<a class="h_link" href="../second/Application_downloading.html"
151 
+									name="anc15">申請書ダウンロード</a>
152 
+							</div>
153 
+						</div>
154 
+						<div class="h-menu_accordion_block">
155 
+							<div class="h-menu_accordion_block_text">
156 
+								<a class="h_link" href="../third/living/Kwasemi_mail.html"
157 
+									name="anc15">カワセミ便<br />（きたがた情報メール）</a>
158 
+							</div>
159 
+						</div>
160 
+					</div>
161 
+				</div>
162 
+				<div class="h-menu_main_block">
163 
+					<div class="h-menu_block">
164 
+						<a href="../second/tourism.html">
165 
+							<div class="h-menu_block_text h-menu_block_before">
166 
+								<div class="h-menu_block_text_center">
167 
+									観光
168 
+								</div>
169 
+							</div>
170 
+						</a>
171 
+					</div>
172 
+				</div>
173 
+				<div class="h-menu_main_block">
174 
+					<div class="h-menu_block">
175 
+						<a href="../second/business.html">
176 
+							<div class="h-menu_block_text h-menu_block_before">
177 
+								<div class="h-menu_block_text_center">事業者向け情報</div>
178 
+							</div>
179 
+						</a>
180 
+					</div>
181 
+				</div>
182 
+				<div class="h-menu_main_block">
183 
+					<div class="h-menu_block">
184 
+						<a href="../second/town_admini_info.html">
185 
+							<div class="h-menu_block_text h-menu_block_before">
186 
+								<div class="h-menu_block_text_center">町政情報</div>
187 
+							</div>
188 
+						</a>
189 
+					</div>
190 
+				</div>
191 
+				<div class="h-menu_main_block">
192 
+					<div class="h-menu_block h-menu_block_before">
193 
+						<a href="../second/sitemap.html">
194 
+							<div class="h-menu_block_text h-menu_block_before">
195 
+								<div class="h-menu_block_text_center">
196 
+									サイトマップ
197 
+								</div>
198 
+							</div>
199 
+						</a>
200 
+					</div>
201 
+				</div>
202 
+				<div class="h-menu_main_block">
203 
+					<div class="h-menu_block h-menu_block_before">
204 
+						<a href="https://ai-staff.net/kitagata/chat">
205 
+							<div class="h-menu_block_text  h-menu_block_before">
206 
+								<div class="h-menu_block_text_center">
207 
+									AIチャット
208 
+								</div>
209 
+							</div>
210 
+						</a>
211 
+					</div>
212 
+				</div>
213 
+				<div class="h-menu_main_block">
214 
+					<div class="h-menu_block h-menu_block_before">
215 
+						<a href="../third/town_admini_info/administrative_organization_chart.html">
216 
+							<div class="h-menu_block_text">
217 
+								<div class="h-menu_block_text_center">
218 
+									お問い合わせ一覧
219 
+								</div>
220 
+							</div>
221 
+						</a>
222 
+					</div>
223 
+				</div>
224 
+				<div class="h-menu_main_block">
225 
+					<div class="h-menu_lang">
226 
+						<div class="h-menu_block_lang">
227 
+							<div class="h-menu_block_text_center">
228 
+								<div class="h-menu_block_text_line">
229 
+									背景変更
230 
+									<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
231 
+									</div>
232 
+									<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
233 
+									</div>
234 
+									<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
235 
+									</div>
236 
+								</div>
237 
+								<script>
238 
+									getBackgNumber2();
239 
+								</script>
240 
+								<div class="h-menu_block_text_line">言語選択
241 
+									<div class="mobile_translation">
242 
+										<div id="google_translate_element"></div>
243 
+									</div>
244 
+								</div>
245 
+							</div>
246 
+						</div>
247 
+					</div>
248 
+				</div>
249 
+				<div class="h-menu_main_block">
250 
+					<div class="h-menu_search">
251 
+						<div class="h-menu_block_search">
252 
+							<form action="https://www.google.com/search">
253 
+								<input type="hidden" name="hl" value="ja" />
254 
+								<input type="hidden" name="ie" value="UTF-8">
255 
+								<input type="hidden" name="oe" value="UTF-8">
256 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
257 
+								<input type="text" name="q" size="16" maxlength="256" value=""
258 
+									class="mobile_form_input" />
259 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
260 
+							</form>
261 
+						</div>
262 
+					</div>
263 
+				</div>
264 
+			</div>
265 
+		</header>
266 
+
41 267
42 
-<!--セクション 文字サイズ-->
43 
-<!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
268 
+		<!--セクション 操作-->
269 
+		<section id="operation">
270 
+			<!--セクション 住所-->
271 
+			<article id="address">
272 
+				<address id="operation_add">
273 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
274 
+						TEL:058-323-1111(代)</span>
275 
+				</address>
276 
+			</article>
277 
+			<div id="controle_panel">
278 
+				<!--セクション 背景色-->
279 
+				<article id="bgcolor">
280 
+					<img src="../css/img/013.png" alt="背景色変更ボックス" />
281 
+					<div id="bgcolor_img">
282 
+						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
283 
+							onClick="setBackground2(1)">
284 
+						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
285 
+							onClick="setBackground2(2)">
286 
+						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
287 
+							onClick="setBackground2(3)">
288 
+					</div>
289 
+					<script>
290 
+						getBackgNumber2();
291 
+					</script>
292 
+				</article>
51 293
52 
-<!--セクション サイトマップ-->
53 
-<article id="sitemap" >
54 
- <div id="sitemap_img">
55 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
- </div>
57 
-</article>
58 
-<!--セクション お問い合わせ-->
59 
-<article id="contact" >
60 
- <div id="contact_img">
61 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
62 
- </div>
63 
-</article>
64 
-<!--セクション 翻訳-->
65 
-<article id="translation" >
66 
-<div id="translation_img">
67 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
68 
-<div id="google_translate_element"></div>
69 
-<script type="text/javascript">
70 
-function googleTranslateElementInit() {
71 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
72 
-}
73 
-</script>
74 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
75 
-</div>
76 
-</article>
77 
-<div id="claer">
78 
-</div>
79 
-</div>
80 
-</section>
294 
+				<!--セクション 文字サイズ-->
295 
+				<!--<article id="charsize" >
296 
+	    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
297 
+	    <div id="charsize_img">
298 
+	    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
299 
+	    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
300 
+	    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
301 
+	    </div>
302 
+	    </article>-->
81 303
82 
-			<!--ヘッダーデータ-->
83 
-			<header>
304 
+				<!--セクション サイトマップ-->
305 
+				<article id="sitemap">
306 
+					<div id="sitemap_img">
307 
+						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
308 
+					</div>
309 
+				</article>
310 
+				<!--セクション お問い合わせ-->
311 
+				<article id="contact">
312 
+					<div id="contact_img">
313 
+						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
314 
+								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
315 
+					</div>
316 
+				</article>
317 
+				<!--セクション 翻訳-->
318 
+				<article id="translation">
319 
+					<div id="translation_img">
320 
+						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
321 
+						<div id="google_translate_element"></div>
322 
+					</div>
323 
+				</article>
324 
+				<div id="claer">
325 
+				</div>
326 
+			</div>
327 
+		</section>
328 
+
329 
+		<!--ヘッダーデータ-->
330 
+		<header>
84 331 
 			<div id="header" class="gothic">
85 332 
 				<a href="../index.html">
86 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
333 
+					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
87 334 
 				</a>
88 
-                <div id="h_block_1">
89 
-                    <div class="h_line">
90 
-                    </div>
91 
-                    <article class="h_text_l">
92 
-                        <a class="h_link" href="../second/living.html">
93 
-                            <span class="h_text">くらしの情報</span></a>
94 
-                    </article>
95 
-                    <article class="h_text_l">
96 
-                        <a class="h_link" href="../second/tourism.html">
97 
-                            <span class="h_text">観光</span></a>
98 
-                    </article>
99 
-                    <article class="h_text_l">
100 
-                        <a class="h_link" href="../second/business.html">
101 
-                            <span class="h_text">事業者向け情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../second/town_admini_info.html">
105 
-                            <span class="h_text">町政情報</span></a>
106 
-                    </article>
107 
-                </div>
108 
-                <div id="h_block_search">
109 
-                    <div class="h_line"></div>
110 
-                    <article class="h_search">
111 
-                    	<div class="space10"></div>
112 
-                    	<form action="http://www.google.com/search">
113 
-                        <input type="hidden" name="hl" value="ja" />
114 
-                        <input type="hidden" name="ie" value="UTF-8">
115 
-                        <input type="hidden" name="oe" value="UTF-8">
116 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-                        <input type="submit" name="btnG" value="検索" />
119 
-                        </form>
335 
+				<div id="h_block_1">
336 
+					<div class="h_line">
337 
+					</div>
338 
+					<article class="h_text_l">
339 
+						<a class="h_link" href="../second/living.html">
340 
+							<span class="h_text">くらしの情報</span></a>
341 
+					</article>
342 
+					<article class="h_text_l">
343 
+						<a class="h_link" href="../second/tourism.html">
344 
+							<span class="h_text">観光</span></a>
345 
+					</article>
346 
+					<article class="h_text_l">
347 
+						<a class="h_link" href="../second/business.html">
348 
+							<span class="h_text">事業者向け情報</span></a>
349 
+					</article>
350 
+					<article class="h_text_l">
351 
+						<a class="h_link" href="../second/town_admini_info.html">
352 
+							<span class="h_text">町政情報</span></a>
353 
+					</article>
354 
+				</div>
355 
+				<div id="h_block_search">
356 
+					<div class="h_line"></div>
357 
+					<article class="h_search">
358 
+						<div class="space10"></div>
359 
+						<form action="http://www.google.com/search">
360 
+							<input type="hidden" name="hl" value="ja" />
361 
+							<input type="hidden" name="ie" value="UTF-8">
362 
+							<input type="hidden" name="oe" value="UTF-8">
363 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
364 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
365 
+							<input type="submit" name="btnG" value="検索" />
366 
+						</form>
120 367
121 
-                    </article>
122 
-                </div>
368 
+					</article>
369 
+				</div>
123 370 
 			</div>
124 
-			</header>
371 
+		</header>
125 372
126 
-			<div id="article_body">
127 
-				<!--セクション space-->
128 
-				<!--セクション template-->
129 
-				<section id="template" >
130 
-					<article id="breadcrumb" >
131 
-						<div id="breadcrumb_title">
132 
-							<div id="breadcrumb_title_block">
133 
-								<span id="breadcrumb_title">
134 
-                                <a href="../index.html">トップ</a>>今、住宅を建てるなら北方町で！！</span>
135 
-							</div>
373 
+		<div id="article_body">
374 
+			<!--セクション space-->
375 
+			<!--セクション template-->
376 
+			<section id="template">
377 
+				<article id="breadcrumb">
378 
+					<div id="breadcrumb_title">
379 
+						<div id="breadcrumb_title_block">
380 
+							<span id="breadcrumb_title">
381 
+								<a href="../index.html">トップ</a>>今、住宅を建てるなら北方町で！！</span>
136 382 
 						</div>
137 
-					</article>
138 
-					<article id="template" >
139 
-						<div id="template_title" class="gothic">
140 
-							<div id="template_title_block">
141 
-								<span id="template_title">今、住宅を建てるなら北方町で！！</span>
142 
-							</div>
143 
-						</div>
144 
-					</article>
145 
-					<article id="template_list_title" >
146 
-						<div id="template_title2" class="gothic">
147 
-							<div id="template_title_block">
148 
-								<span id="template_title2">子育て</span>
149 
-							</div>
383 
+					</div>
384 
+				</article>
385 
+				<article id="template">
386 
+					<div id="template_title" class="gothic">
387 
+						<div id="template_title_block">
388 
+							<span id="template_title">今、住宅を建てるなら北方町で！！</span>
150 389 
 						</div>
390 
+					</div>
391 
+				</article>
392 
+				<article id="template_list_title">
393 
+					<div id="template_title2" class="gothic">
151 394 
 						<div id="template_title_block">
152 
-							<span id="template_article_block">
395 
+							<span id="template_title2">子育て</span>
396 
+						</div>
397 
+					</div>
398 
+					<div id="template_title_block">
399 
+						<span id="template_article_block">
153 400 
 							<a href="../third/living/Maternal_and_child_health.html">母子保健</a><br />
154 401 
 							<br />
155 402 
 							<a href="../third/living/Vaccination.html">予防接種</a><br />
 
@@ -157,33 +404,33 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
157 404 
 							<a href="../third/living/Child_care_support_Corner.html">子育て支援コーナー：のびのび子育て</a><br />
158 405 
 							<br />
159 406 
 							<a href="../third/living/Child_welfare.html">児童福祉</a>
160 
-							</span>
161 
-						</div>
162 
-					</article>
163 
-					<article id="template_list_title" >
164 
-						<div id="template_title2" class="gothic">
165 
-							<div id="template_title_block">
166 
-								<span id="template_title2">教育</span>
167 
-							</div>
168 
-						</div>
407 
+						</span>
408 
+					</div>
409 
+				</article>
410 
+				<article id="template_list_title">
411 
+					<div id="template_title2" class="gothic">
169 412 
 						<div id="template_title_block">
170 
-							<span id="template_article_block">
413 
+							<span id="template_title2">教育</span>
414 
+						</div>
415 
+					</div>
416 
+					<div id="template_title_block">
417 
+						<span id="template_article_block">
171 418 
 							<a href="../third/living/After_school_care_for_children_guidance.html">転校の案内</a><br />
172 419 
 							<br />
173 420 
 							<a href="../third/living/After_school_care_for_children_guidance.html">学童保育案内</a><br />
174 421 
 							<br />
175 422 
 							<a href="../third/living/Assistance_of_school.html">就学援助</a>
176 
-							</span>
177 
-						</div>
178 
-					</article>
179 
-					<article id="template_list_title" >
180 
-						<div id="template_title2" class="gothic">
181 
-							<div id="template_title_block">
182 
-								<span id="template_title2">生活</span>
183 
-							</div>
184 
-						</div>
423 
+						</span>
424 
+					</div>
425 
+				</article>
426 
+				<article id="template_list_title">
427 
+					<div id="template_title2" class="gothic">
185 428 
 						<div id="template_title_block">
186 
-							<span id="template_article_block">
429 
+							<span id="template_title2">生活</span>
430 
+						</div>
431 
+					</div>
432 
+					<div id="template_title_block">
433 
+						<span id="template_article_block">
187 434 
 							<a href="../third/living/Move_to_kitagata.html">転入に関わる手続き</a><br />
188 435 
 							<br />
189 436 
 							<a href="../third/living/Entering_kindergarten_encourage_cost.html">幼稚園就園奨励費</a><br />
 
@@ -198,39 +445,61 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
198 445 
 							<br />
199 446 
 							<a href="../third/living/Greening_city.html">都市緑化(生け垣づくり奨励補助)</a><br />
200 447 
 							<br />
201 
-							<a href="../third/living/The_subsidy_program_for_seismic_diagnosis_seismic_strengthening.html">耐震診断・耐震補強に対する補助制度</a><br />
448 
+							<a
449 
+								href="../third/living/The_subsidy_program_for_seismic_diagnosis_seismic_strengthening.html">耐震診断・耐震補強に対する補助制度</a><br />
202 450 
 							<br />
203 451 
 							<a href="../third/living/When_you_buy_a_dog.html">犬を飼うときは</a><br />
204 452 
 							<br />
205 
-							<a href="../third/living/Solar_home_system_installation_Grant_in_Aid.html">住宅用太陽光発電システム設置補助金</a><br />
453 
+							<a
454 
+								href="../third/living/Solar_home_system_installation_Grant_in_Aid.html">住宅用太陽光発電システム設置補助金</a><br />
206 455 
 							<br />
207 456 
 							<a href="../third/living/Property_tax.html">固定資産税</a>
208 
-							</span>
209 
-						</div>
210 
-					</article>
211 
-					<article id="template_list_title" >
212 
-						<div id="template_title2" class="gothic">
213 
-							<div id="template_title_block">
214 
-								<span id="template_title2">観光</span>
215 
-							</div>
216 
-						</div>
457 
+						</span>
458 
+					</div>
459 
+				</article>
460 
+				<article id="template_list_title">
461 
+					<div id="template_title2" class="gothic">
217 462 
 						<div id="template_title_block">
218 
-							<span id="template_article_block">
219 
-							<a href="../fourth/town_event/pdf/map.pdf" target="_blank">文化財観光マップ(PDF 9.3MB)</a>
220 
-							</span>
463 
+							<span id="template_title2">観光</span>
221 464 
 						</div>
222 
-					</article>
223 
-				</section>
224 
-			</div>
465 
+					</div>
466 
+					<div id="template_title_block">
467 
+						<span id="template_article_block">
468 
+							<a href="../fourth/town_event/pdf/map.pdf" target="_blank">文化財観光マップ(PDF 9.3MB)</a>
469 
+						</span>
470 
+					</div>
471 
+				</article>
472 
+			</section>
473 
+		</div>
225 474
226 
-			<footer>
227 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
228 
-			<br />
229 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
475 
+		<footer>
476 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
477 
+			<div class="footer_mobile">
478 
+				<div class="footer_mobile_title">
479 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
480 
+					<h1 class="footerMobile__text">北方町役場</h1>
481 
+				</div>
482 
+				<div class="footer_mobile_address">
483 
+					<span class="footerTextWrap__text">
484 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
485 
+					</span><br>
486 
+					電話:058-323-1111(代)<br>
487 
+					FAX:058-323-2963<br>
488 
+					開庁日：8時30分～17時15分<br>
489 
+					（土・日・祝日、年末年始を除く）<br>
490 
+				</div>
491 
+			</div>
492 
+			<br class="sp__brDisplay">
493 
+			<p class="footer_text">
494 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
495 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
496 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
497 
+			</p>
498 
+		</footer>
230 499
231 
-            </footer>
500 
+	</div>
501 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?business" height="1"
502 
+		width="1" />
503 
+</body>
232 504
233 
-		</div>
234 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?business" height="1" width="1" />
235 
-	</body>
236 
-</html>
505 
+</html>

+ 331
- 168
second/business.html Datei anzeigen 

@@ -1,49 +1,206 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>事業者向け情報 北方町ホームページ</title>
7 8 
   <!--事業者向け情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
9 10 
   <link rel="stylesheet" href="../css/second_header.css">
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
13 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
14 
+  <link rel="stylesheet" href="../css/second_body.css">
15 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../css/section_mobile.css">
12 18 
   <link rel="stylesheet" href="../css/second_template.css">
13 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 
-  </meta>
19 
+  <link rel="stylesheet" href="../css/second_template_mobile.css">
15 20 
   <script src="../js/operation.js"></script>
21 
+  <script src="../js/menu.js"></script>
22 
+  <script src="../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 24 
   </meta>
18 25
19 26 
 </head>
20 27
21 28 
 <body id="back">
22 
-  <div id="main" class="gothic">
23 
-    <!--セクション 操作-->
24 
-    <section id="operation">
25 
-      <!--セクション 住所-->
26 
-      <article id="address">
27 
-        <address id="operation_add">
28 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
29 
-        </address>
30 
-      </article>
31 
-      <div id="controle_panel">
32 
-        <!--セクション 背景色-->
33 
-        <article id="bgcolor">
34 
-          <img src="../css/img/013.png" alt="背景色変更ボックス" />
35 
-          <div id="bgcolor_img">
36 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
37 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
38 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
29 
+<script type="text/javascript">
30 
+    function googleTranslateElementInit() {
31 
+        new google.translate.TranslateElement({
32 
+            pageLanguage: 'ja',
33 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
34 
+        }, 'google_translate_element');
35 
+    }
36 
+</script>
37 
+<script type="text/javascript"
38 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
39 
+<div id="main" class="gothic">
40 
+  <!-- mobile header -->
41 
+  <header class="header">
42 
+    <div class="headerLogo">
43 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
44 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
45 
+    </div>
46 
+    <div class="headerTitle">
47 
+      <a href="../index.html" class="header_link">
48 
+        <h1 class="headerTitle__text">北方町</h1>
49 
+      </a>
50 
+    </div>
51 
+    <div class="headerSubTitle">
52 
+      <a href="../index.html" class="header_link">
53 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
54 
+      </a>
55 
+    </div>
56 
+    <div id="h-menu">
57 
+      <span></span>
58 
+      <span></span>
59 
+      <span></span>
60 
+      <div id="h-text">menu</div>
61 
+    </div>
62 
+    <div id="h-nav">
63 
+      <div class="h-menu_main_block_top">
64 
+        <div class="h-menu_main_block">
65 
+          <div class="h-menu_block">
66 
+            <a href="../second/living.html">
67 
+              <div class="h-menu_block_text h-menu_block_before">
68 
+                <div class="h-menu_block_text_center">くらしの情報</div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../second/tourism.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">
78 
+                  観光
79 
+                </div>
80 
+              </div>
81 
+            </a>
82 
+          </div>
83 
+        </div>
84 
+        <div class="h-menu_main_block">
85 
+          <div class="h-menu_block">
86 
+            <a href="../second/business.html">
87 
+              <div class="h-menu_block_text h-menu_block_before">
88 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
89 
+              </div>
90 
+            </a>
91 
+          </div>
92 
+        </div>
93 
+        <div class="h-menu_main_block">
94 
+          <div class="h-menu_block">
95 
+            <a href="../second/town_admini_info.html">
96 
+              <div class="h-menu_block_text h-menu_block_before">
97 
+                <div class="h-menu_block_text_center">町政情報</div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="../second/sitemap.html">
105 
+              <div class="h-menu_block_text h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  サイトマップ
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="https://ai-staff.net/kitagata/chat">
116 
+              <div class="h-menu_block_text  h-menu_block_before">
117 
+                <div class="h-menu_block_text_center">
118 
+                  AIチャット
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_block h-menu_block_before">
126 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
127 
+              <div class="h-menu_block_text">
128 
+                <div class="h-menu_block_text_center">
129 
+                  お問い合わせ一覧
130 
+                </div>
131 
+              </div>
132 
+            </a>
133 
+          </div>
134 
+        </div>
135 
+        <div class="h-menu_main_block">
136 
+          <div class="h-menu_lang">
137 
+            <div class="h-menu_block_lang">
138 
+              <div class="h-menu_block_text_center">
139 
+                <div class="h-menu_block_text_line">
140 
+                  背景変更
141 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
142 
+                  </div>
143 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
144 
+                  </div>
145 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
146 
+                  </div>
147 
+                </div>
148 
+                <script>
149 
+                    getBackgNumber2();
150 
+                </script>
151 
+                <div class="h-menu_block_text_line">言語選択
152 
+                  <div class="mobile_translation">
153 
+                    <div id="google_translate_element"></div>
154 
+                  </div>
155 
+                </div>
156 
+              </div>
157 
+            </div>
158 
+          </div>
159 
+        </div>
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_search">
162 
+            <div class="h-menu_block_search">
163 
+              <form action="https://www.google.com/search">
164 
+                <input type="hidden" name="hl" value="ja"/>
165 
+                <input type="hidden" name="ie" value="UTF-8">
166 
+                <input type="hidden" name="oe" value="UTF-8">
167 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
168 
+                <input type="text" name="q" size="16" maxlength="256" value=""
169 
+                       class="mobile_form_input"/>
170 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
171 
+              </form>
172 
+            </div>
39 173 
           </div>
40 
-          <script>
174 
+        </div>
175 
+      </div>
176 
+    </div>
177 
+  </header>
178 
+
179 
+  <!--セクション 操作-->
180 
+  <section id="operation">
181 
+    <!--セクション 住所-->
182 
+    <article id="address">
183 
+      <address id="operation_add">
184 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
185 
+            TEL:058-323-1111(代)</span>
186 
+      </address>
187 
+    </article>
188 
+    <div id="controle_panel">
189 
+      <!--セクション 背景色-->
190 
+      <article id="bgcolor">
191 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
192 
+        <div id="bgcolor_img">
193 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
194 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
195 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
196 
+        </div>
197 
+        <script>
41 198 
             getBackgNumber2();
42 
-          </script>
43 
-        </article>
199 
+        </script>
200 
+      </article>
44 201
45 
-        <!--セクション 文字サイズ-->
46 
-        <!--<article id="charsize" >
202 
+      <!--セクション 文字サイズ-->
203 
+      <!--<article id="charsize" >
47 204 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
48 205 
 <div id="charsize_img">
49 206 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -52,164 +209,170 @@
52 209 
 </div>
53 210 
 </article>-->
54 211
55 
-        <!--セクション サイトマップ-->
56 
-        <article id="sitemap">
57 
-          <div id="sitemap_img">
58 
-            <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
59 
-          </div>
212 
+      <!--セクション サイトマップ-->
213 
+      <article id="sitemap">
214 
+        <div id="sitemap_img">
215 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
216 
+        </div>
217 
+      </article>
218 
+      <!--セクション お問い合わせ-->
219 
+      <article id="contact">
220 
+        <div id="contact_img">
221 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
222 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
223 
+        </div>
224 
+      </article>
225 
+      <!--セクション 翻訳-->
226 
+      <article id="translation">
227 
+        <div id="translation_img">
228 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
229 
+          <div id="google_translate_element"></div>
230 
+        </div>
231 
+      </article>
232 
+      <div id="claer">
233 
+      </div>
234 
+    </div>
235 
+  </section>
236 
+
237 
+  <!--ヘッダーデータ-->
238 
+  <header>
239 
+    <div id="header" class="gothic">
240 
+      <a href="../index.html">
241 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
242 
+      </a>
243 
+      <div id="h_block_1">
244 
+        <div class="h_line">
245 
+        </div>
246 
+        <article class="h_text_l">
247 
+          <a class="h_link" href="../second/living.html">
248 
+            <span class="h_text">くらしの情報</span></a>
60 249 
         </article>
61 
-        <!--セクション お問い合わせ-->
62 
-        <article id="contact">
63 
-          <div id="contact_img">
64 
-            <a href="../third/town_admini_info/administrative_organization_chart.html"><img
65 
-                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
66 
-          </div>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../second/tourism.html">
252 
+            <span class="h_text">観光</span></a>
67 253 
         </article>
68 
-        <!--セクション 翻訳-->
69 
-        <article id="translation">
70 
-          <div id="translation_img">
71 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
72 
-            <div id="google_translate_element"></div>
73 
-            <script type="text/javascript">
74 
-              function googleTranslateElementInit() {
75 
-                new google.translate.TranslateElement({
76 
-                  pageLanguage: 'ja',
77 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
78 
-                }, 'google_translate_element');
79 
-              }
80 
-            </script>
81 
-            <script type="text/javascript"
82 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 
-          </div>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../second/business.html">
256 
+            <span class="h_text">事業者向け情報</span></a>
257 
+        </article>
258 
+        <article class="h_text_l">
259 
+          <a class="h_link" href="../second/town_admini_info.html">
260 
+            <span class="h_text">町政情報</span></a>
84 261 
         </article>
85 
-        <div id="claer">
86 
-        </div>
87 262 
       </div>
88 
-    </section>
263 
+      <div id="h_block_search">
264 
+        <div class="h_line"></div>
265 
+        <article class="h_search">
266 
+          <div class="space10"></div>
267 
+          <form action="http://www.google.com/search">
268 
+            <input type="hidden" name="hl" value="ja"/>
269 
+            <input type="hidden" name="ie" value="UTF-8">
270 
+            <input type="hidden" name="oe" value="UTF-8">
271 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
272 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
273 
+            <input type="submit" name="btnG" value="検索"/>
274 
+          </form>
89 275
90 
-    <!--ヘッダーデータ-->
91 
-    <header>
92 
-      <div id="header" class="gothic">
93 
-        <a href="../index.html">
94 
-          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
95 
-        </a>
96 
-        <div id="h_block_1">
97 
-          <div class="h_line">
98 
-          </div>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../second/living.html">
101 
-              <span class="h_text">くらしの情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../second/tourism.html">
105 
-              <span class="h_text">観光</span></a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../second/business.html">
109 
-              <span class="h_text">事業者向け情報</span></a>
110 
-          </article>
111 
-          <article class="h_text_l">
112 
-            <a class="h_link" href="../second/town_admini_info.html">
113 
-              <span class="h_text">町政情報</span></a>
114 
-          </article>
115 
-        </div>
116 
-        <div id="h_block_search">
117 
-          <div class="h_line"></div>
118 
-          <article class="h_search">
119 
-            <div class="space10"></div>
120 
-            <form action="http://www.google.com/search">
121 
-              <input type="hidden" name="hl" value="ja" />
122 
-              <input type="hidden" name="ie" value="UTF-8">
123 
-              <input type="hidden" name="oe" value="UTF-8">
124 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
125 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
126 
-              <input type="submit" name="btnG" value="検索" />
127 
-            </form>
128 
-
129 
-          </article>
130 
-        </div>
276 
+        </article>
131 277 
       </div>
132 
-    </header>
278 
+    </div>
279 
+  </header>
133 280
134 
-    <div id="article_body">
135 
-      <!--セクション space-->
136 
-      <!--セクション template-->
137 
-      <section id="template">
138 
-        <article id="breadcrumb">
139 
-          <div id="breadcrumb_title">
140 
-            <div id="breadcrumb_title_block">
281 
+  <div id="article_body">
282 
+    <!--セクション space-->
283 
+    <!--セクション template-->
284 
+    <section id="template">
285 
+      <article id="breadcrumb">
286 
+        <div id="breadcrumb_title">
287 
+          <div id="breadcrumb_title_block">
141 288 
               <span id="breadcrumb_title">
142 289 
                 <a href="../index.html">トップ</a>>事業者向け情報</span>
143 
-            </div>
144 290 
           </div>
145 
-        </article>
146 
-        <article id="template">
147 
-          <div id="template_title" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title">事業者向け情報</span>
150 
-            </div>
291 
+        </div>
292 
+      </article>
293 
+      <article id="template">
294 
+        <div id="template_title" class="gothic">
295 
+          <div id="template_title_block">
296 
+            <span id="template_title">事業者向け情報</span>
151 297 
           </div>
152 
-        </article>
153 
-        <article id="template_list_title">
154 
-          <div id="template_title2" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title2">入札・契約</span>
157 
-            </div>
158 
-            <div id="template_title_block">
159 
-              <div class="space10"></div>
160 
-              <span class="template_list"><a
161 
-                  href="../third/business/general_competitive_bidding.html">一般競争入札の公告について</a></span><br />
162 
-              <!-- <span class="template_list"><a
163 
-                  href="../third/business/general_competitive_bidding_cancel.html">一般競争入札の中止広告について</a></span><br /> -->
164 
-              <span class="template_list"><a href="../third/business/electronic_bidding.html">電子入札</a></span><br />
165 
-              <span class="template_list"><a
166 
-                  href="../third/business/qualifying_bidders.html">入札参加資格申請関係</a></span><br />
167 
-              <!-- <span class="template_list"><a href="../third/business/sikaku_teisi.html">資格停止</a></span><br /> -->
168 
-              <!--<span class="template_list"><a href="../third/business/auction_results.html">総合評価落札方式事後審査型制限付き一般競争入札結果</a></span><br /> -->
298 
+        </div>
299 
+      </article>
300 
+      <article id="template_list_title">
301 
+        <div id="template_title2" class="gothic">
302 
+          <div id="template_title_block">
303 
+            <span id="template_title2">入札・契約</span>
304 
+          </div>
305 
+          <div id="template_title_block">
306 
+            <div class="space10"></div>
307 
+            <span class="template_list"><a
308 
+                    href="../third/business/general_competitive_bidding.html">一般競争入札の公告について</a></span><br/>
309 
+            <!-- <span class="template_list"><a
310 
+                href="../third/business/general_competitive_bidding_cancel.html">一般競争入札の中止広告について</a></span><br /> -->
311 
+            <span class="template_list"><a href="../third/business/electronic_bidding.html">電子入札</a></span><br/>
312 
+            <span class="template_list"><a
313 
+                    href="../third/business/qualifying_bidders.html">入札参加資格申請関係</a></span><br/>
314 
+            <!-- <span class="template_list"><a href="../third/business/sikaku_teisi.html">資格停止</a></span><br /> -->
315 
+            <!--<span class="template_list"><a href="../third/business/auction_results.html">総合評価落札方式事後審査型制限付き一般競争入札結果</a></span><br /> -->
169 316
170 
-            </div>
171 317 
           </div>
172 
-          <div class="space200" style="height: 260px;"></div>
173 
-          <div id="template_title2" class="gothic">
174 
-            <div id="template_title_block">
175 
-              <span id="template_title2">その他</span>
176 
-            </div>
177 
-            <div id="template_title_block">
178 
-              <div class="space10"></div>
179 
-              <span class="template_list"><a
180 
-                  href="../third/business/published_proceedings_of_advertising.html">広告の掲載手続きについて</a></span><br />
181 
-              <span class="template_list"><a href="../css/pdf/business/scde2021.pdf" target="_blank">工事発注予定表(PDF形式
182 
-                  88KB)</a></span><br />
183 
-              <span class="template_list"><a
184 
-                  href="../third/business/introduction_of_construction_work.html">建設工事成績評定の導入について</a></span><br />
185 
-              <!--                                <span class="template_list"><a href="../third/business/Premium_gift_certificate_merchant.html">２０１５北方町プレミアム商品券取扱い加盟店募集</a></span><br />-->
186 
-              <span class="template_list"><a
187 
-                  href="../third/business/Monzen_City_union_members_Wanted.html">北方円鏡寺公園門前市組合員募集</a></span><br />
188 
-              <span class="template_list"><a
189 
-                  href="../third/business/act_on_productivity_improvement_special_measures_law.html">中小企業等経営強化法に基づく先端設備等導入計画について</a></span><br />
190 
-              <span class="template_list"><a href="../third/business/Safety_net.html">セーフティネット保証制度について</a></span><br />
191 
-              <span class="template_list"><a
192 
-                  href="../third/business/Crisis-related_guarantees.html">危機関連保証(中小企業信用保険法第2条第6項の規定による認定)について</a></span><br />
193 
-              <span class="template_list"><a
194 
-                  href="../third/business/SME_employment_adjustment_subsidy_project_cost_subsidy.html">北方町中小企業雇用調整助成事業費補助金について</a></span><br />
195 
-            </div>
318 
+        </div>
319 
+        <div class="space200" style="height: 260px;"></div>
320 
+        <div id="template_title2" class="gothic">
321 
+          <div id="template_title_block">
322 
+            <span id="template_title2">その他</span>
196 323 
           </div>
197 
-        </article>
198 
-      </section>
199 
-    </div>
200 
-
201 
-    <footer>
202 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
203 
-      <br />
204 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
205 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
206 
-      </p>
324 
+          <div id="template_title_block">
325 
+            <div class="space10"></div>
326 
+            <span class="template_list"><a
327 
+                    href="../third/business/published_proceedings_of_advertising.html">広告の掲載手続きについて</a></span><br/>
328 
+            <span class="template_list"><a href="../css/pdf/business/scde2021.pdf" target="_blank">工事発注予定表(PDF形式
329 
+                  88KB)</a></span><br/>
330 
+            <span class="template_list"><a
331 
+                    href="../third/business/introduction_of_construction_work.html">建設工事成績評定の導入について</a></span><br/>
332 
+            <!--                                <span class="template_list"><a href="../third/business/Premium_gift_certificate_merchant.html">２０１５北方町プレミアム商品券取扱い加盟店募集</a></span><br />-->
333 
+            <span class="template_list"><a
334 
+                    href="../third/business/Monzen_City_union_members_Wanted.html">北方円鏡寺公園門前市組合員募集</a></span><br/>
335 
+            <span class="template_list"><a
336 
+                    href="../third/business/act_on_productivity_improvement_special_measures_law.html">中小企業等経営強化法に基づく先端設備等導入計画について</a></span><br/>
337 
+            <span class="template_list"><a href="../third/business/Safety_net.html">セーフティネット保証制度について</a></span><br/>
338 
+            <span class="template_list"><a
339 
+                    href="../third/business/Crisis-related_guarantees.html">危機関連保証(中小企業信用保険法第2条第6項の規定による認定)について</a></span><br/>
340 
+            <span class="template_list"><a
341 
+                    href="../third/business/SME_employment_adjustment_subsidy_project_cost_subsidy.html">北方町中小企業雇用調整助成事業費補助金について</a></span><br/>
342 
+          </div>
343 
+        </div>
344 
+      </article>
345 
+    </section>
346 
+  </div>
207 347
208 
-    </footer>
348 
+  <footer>
349 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
350 
+    <div class="footer_mobile">
351 
+      <div class="footer_mobile_title">
352 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
353 
+        <h1 class="footerMobile__text">北方町役場</h1>
354 
+      </div>
355 
+      <div class="footer_mobile_address">
356 
+          <span class="footerTextWrap__text">
357 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
358 
+          </span><br>
359 
+        電話:058-323-1111(代)<br>
360 
+        FAX:058-323-2963<br>
361 
+        開庁日：8時30分～17時15分<br>
362 
+        （土・日・祝日、年末年始を除く）<br>
363 
+      </div>
364 
+    </div>
365 
+    <br class="sp__brDisplay">
366 
+    <p class="footer_text">
367 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
368 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
369 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
370 
+    </p>
371 
+  </footer>
209 372
210 
-  </div>
211 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?business" height="1"
212 
-    width="1" />
373 
+</div>
374 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?business" height="1"
375 
+     width="1"/>
213 376 
 </body>
214 377
215 
-</html>
378 
+</html>

+ 186
- 24
second/incentives_toyko.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -12,19 +13,173 @@
12 13 
   <link rel="stylesheet" href="../css/third_template.css">
13 14 
   <link rel="stylesheet" href="../css/table.css">
14 15 
   <link rel="stylesheet" href="../css/pageview.css">
16 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
17 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
18 
+  <link rel="stylesheet" href="../css/section_mobile.css">
19 
+  <link rel="stylesheet" href="../css/third_template_mobile.css">
15 20 
   <script src="../js/operation.js"></script>
21 
+  <script src="../js/menu.js"></script>
22 
+  <script src="../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
27 
+  <script type="text/javascript">
28 
+    function googleTranslateElementInit() {
29 
+      new google.translate.TranslateElement({
30 
+        pageLanguage: 'ja',
31 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+      }, 'google_translate_element');
33 
+    }
34 
+  </script>
35 
+  <script type="text/javascript"
36 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
21 37 
   <div id="main" class="gothic">
38 
+    <!-- mobile header -->
39 
+    <header class="header">
40 
+      <div class="headerLogo">
41 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+      </div>
44 
+      <div class="headerTitle">
45 
+        <a href="../index.html" class="header_link">
46 
+          <h1 class="headerTitle__text">北方町</h1>
47 
+        </a>
48 
+      </div>
49 
+      <div class="headerSubTitle">
50 
+        <a href="../index.html" class="header_link">
51 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+        </a>
53 
+      </div>
54 
+      <div id="h-menu">
55 
+        <span></span>
56 
+        <span></span>
57 
+        <span></span>
58 
+        <div id="h-text">menu</div>
59 
+      </div>
60 
+      <div id="h-nav">
61 
+        <div class="h-menu_main_block_top">
62 
+          <div class="h-menu_main_block">
63 
+            <div class="h-menu_block">
64 
+              <a href="../second/living.html">
65 
+                <div class="h-menu_block_text h-menu_block_before">
66 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
67 
+                </div>
68 
+              </a>
69 
+            </div>
70 
+          </div>
71 
+          <div class="h-menu_main_block">
72 
+            <div class="h-menu_block">
73 
+              <a href="../second/tourism.html">
74 
+                <div class="h-menu_block_text h-menu_block_before">
75 
+                  <div class="h-menu_block_text_center">
76 
+                    観光
77 
+                  </div>
78 
+                </div>
79 
+              </a>
80 
+            </div>
81 
+          </div>
82 
+          <div class="h-menu_main_block">
83 
+            <div class="h-menu_block">
84 
+              <a href="../second/business.html">
85 
+                <div class="h-menu_block_text h-menu_block_before">
86 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
87 
+                </div>
88 
+              </a>
89 
+            </div>
90 
+          </div>
91 
+          <div class="h-menu_main_block">
92 
+            <div class="h-menu_block">
93 
+              <a href="../second/town_admini_info.html">
94 
+                <div class="h-menu_block_text h-menu_block_before">
95 
+                  <div class="h-menu_block_text_center">町政情報</div>
96 
+                </div>
97 
+              </a>
98 
+            </div>
99 
+          </div>
100 
+          <div class="h-menu_main_block">
101 
+            <div class="h-menu_block h-menu_block_before">
102 
+              <a href="../second/sitemap.html">
103 
+                <div class="h-menu_block_text h-menu_block_before">
104 
+                  <div class="h-menu_block_text_center">
105 
+                    サイトマップ
106 
+                  </div>
107 
+                </div>
108 
+              </a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_main_block">
112 
+            <div class="h-menu_block h-menu_block_before">
113 
+              <a href="https://ai-staff.net/kitagata/chat">
114 
+                <div class="h-menu_block_text  h-menu_block_before">
115 
+                  <div class="h-menu_block_text_center">
116 
+                    AIチャット
117 
+                  </div>
118 
+                </div>
119 
+              </a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_main_block">
123 
+            <div class="h-menu_block h-menu_block_before">
124 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                <div class="h-menu_block_text">
126 
+                  <div class="h-menu_block_text_center">
127 
+                    お問い合わせ一覧
128 
+                  </div>
129 
+                </div>
130 
+              </a>
131 
+            </div>
132 
+          </div>
133 
+          <div class="h-menu_main_block">
134 
+            <div class="h-menu_lang">
135 
+              <div class="h-menu_block_lang">
136 
+                <div class="h-menu_block_text_center">
137 
+                  <div class="h-menu_block_text_line">
138 
+                    背景変更
139 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                    </div>
141 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                    </div>
143 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                    </div>
145 
+                  </div>
146 
+                  <script>
147 
+                    getBackgNumber2();
148 
+                  </script>
149 
+                  <div class="h-menu_block_text_line">言語選択
150 
+                    <div class="mobile_translation">
151 
+                      <div id="google_translate_element"></div>
152 
+                    </div>
153 
+                  </div>
154 
+                </div>
155 
+              </div>
156 
+            </div>
157 
+          </div>
158 
+          <div class="h-menu_main_block">
159 
+            <div class="h-menu_search">
160 
+              <div class="h-menu_block_search">
161 
+                <form action="https://www.google.com/search">
162 
+                  <input type="hidden" name="hl" value="ja" />
163 
+                  <input type="hidden" name="ie" value="UTF-8">
164 
+                  <input type="hidden" name="oe" value="UTF-8">
165 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
166 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 
+                </form>
169 
+              </div>
170 
+            </div>
171 
+          </div>
172 
+        </div>
173 
+      </div>
174 
+    </header>
175 
+
22 176 
     <!--セクション 操作-->
23 177 
     <section id="operation">
24 178 
       <!--セクション 住所-->
25 179 
       <article id="address">
26 180 
         <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
28 183 
         </address>
29 184 
       </article>
30 185 
       <div id="controle_panel">
 
@@ -43,13 +198,13 @@
43 198
44 199 
         <!--セクション 文字サイズ-->
45 200 
         <!--<article id="charsize" >
46 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-<div id="charsize_img">
48 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-</div>
52 
-</article>-->
201 
+    <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+    <div id="charsize_img">
203 
+    <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+    <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+    <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+    </div>
207 
+    </article>-->
53 208
54 209 
         <!--セクション サイトマップ-->
55 210 
         <article id="sitemap">
 
@@ -69,16 +224,6 @@
69 224 
           <div id="translation_img">
70 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
71 226 
             <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
73 
-              function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
78 
-              }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 227 
           </div>
83 228 
         </article>
84 229 
         <div id="claer">
 
@@ -233,10 +378,27 @@
233 378 
     </div>
234 379
235 380 
     <footer>
236 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
237 
-      <br />
238 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
239 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
381 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
382 
+      <div class="footer_mobile">
383 
+        <div class="footer_mobile_title">
384 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
385 
+          <h1 class="footerMobile__text">北方町役場</h1>
386 
+        </div>
387 
+        <div class="footer_mobile_address">
388 
+          <span class="footerTextWrap__text">
389 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
390 
+          </span><br>
391 
+          電話:058-323-1111(代)<br>
392 
+          FAX:058-323-2963<br>
393 
+          開庁日：8時30分～17時15分<br>
394 
+          （土・日・祝日、年末年始を除く）<br>
395 
+        </div>
396 
+      </div>
397 
+      <br class="sp__brDisplay">
398 
+      <p class="footer_text">
399 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
400 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
401 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
240 402 
       </p>
241 403 
     </footer>
242 404

+ 418
- 247
second/living.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>くらしの情報 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,37 +11,193 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/second_body.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/second_body_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-  <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                       src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_main_block">
62 
+          <div class="h-menu_block">
63 
+            <a href="../second/living.html">
64 
+              <div class="h-menu_block_text h-menu_block_before">
65 
+                <div class="h-menu_block_text_center">くらしの情報</div>
66 
+              </div>
67 
+            </a>
68 
+          </div>
69 
+        </div>
70 
+        <div class="h-menu_main_block">
71 
+          <div class="h-menu_block">
72 
+            <a href="../second/tourism.html">
73 
+              <div class="h-menu_block_text h-menu_block_before">
74 
+                <div class="h-menu_block_text_center">
75 
+                  観光
76 
+                </div>
77 
+              </div>
78 
+            </a>
79 
+          </div>
80 
+        </div>
81 
+        <div class="h-menu_main_block">
82 
+          <div class="h-menu_block">
83 
+            <a href="../second/business.html">
84 
+              <div class="h-menu_block_text h-menu_block_before">
85 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+              </div>
87 
+            </a>
88 
+          </div>
89 
+        </div>
90 
+        <div class="h-menu_main_block">
91 
+          <div class="h-menu_block">
92 
+            <a href="../second/town_admini_info.html">
93 
+              <div class="h-menu_block_text h-menu_block_before">
94 
+                <div class="h-menu_block_text_center">町政情報</div>
95 
+              </div>
96 
+            </a>
97 
+          </div>
98 
+        </div>
99 
+        <div class="h-menu_main_block">
100 
+          <div class="h-menu_block h-menu_block_before">
101 
+            <a href="../second/sitemap.html">
102 
+              <div class="h-menu_block_text h-menu_block_before">
103 
+                <div class="h-menu_block_text_center">
104 
+                  サイトマップ
105 
+                </div>
106 
+              </div>
107 
+            </a>
36 108 
           </div>
37 
-          <script>
109 
+        </div>
110 
+        <div class="h-menu_main_block">
111 
+          <div class="h-menu_block h-menu_block_before">
112 
+            <a href="https://ai-staff.net/kitagata/chat">
113 
+              <div class="h-menu_block_text  h-menu_block_before">
114 
+                <div class="h-menu_block_text_center">
115 
+                  AIチャット
116 
+                </div>
117 
+              </div>
118 
+            </a>
119 
+          </div>
120 
+        </div>
121 
+        <div class="h-menu_main_block">
122 
+          <div class="h-menu_block h-menu_block_before">
123 
+            <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+              <div class="h-menu_block_text">
125 
+                <div class="h-menu_block_text_center">
126 
+                  お問い合わせ一覧
127 
+                </div>
128 
+              </div>
129 
+            </a>
130 
+          </div>
131 
+        </div>
132 
+        <div class="h-menu_main_block">
133 
+          <div class="h-menu_lang">
134 
+            <div class="h-menu_block_lang">
135 
+              <div class="h-menu_block_text_center">
136 
+                <div class="h-menu_block_text_line">
137 
+                  背景変更
138 
+                  <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                  </div>
140 
+                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                  </div>
142 
+                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                  </div>
144 
+                </div>
145 
+                <script>
146 
+                    getBackgNumber2();
147 
+                </script>
148 
+                <div class="h-menu_block_text_line">言語選択
149 
+                  <div class="mobile_translation">
150 
+                    <div id="google_translate_element"></div>
151 
+                  </div>
152 
+                </div>
153 
+              </div>
154 
+            </div>
155 
+          </div>
156 
+        </div>
157 
+        <div class="h-menu_main_block">
158 
+          <div class="h-menu_search">
159 
+            <div class="h-menu_block_search">
160 
+              <form action="https://www.google.com/search">
161 
+                <input type="hidden" name="hl" value="ja"/>
162 
+                <input type="hidden" name="ie" value="UTF-8">
163 
+                <input type="hidden" name="oe" value="UTF-8">
164 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                       class="mobile_form_input"/>
167 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+              </form>
169 
+            </div>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </div>
174 
+  </header>
175 
+
176 
+  <!--セクション 操作-->
177 
+  <section id="operation">
178 
+    <!--セクション 住所-->
179 
+    <article id="address">
180 
+      <address id="operation_add">
181 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
183 
+      </address>
184 
+    </article>
185 
+    <div id="controle_panel">
186 
+      <!--セクション 背景色-->
187 
+      <article id="bgcolor">
188 
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
189 
+        <div id="bgcolor_img">
190 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
192 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
193 
+        </div>
194 
+        <script>
38 195 
             getBackgNumber2();
39 
-          </script>
40 
-        </article>
196 
+        </script>
197 
+      </article>
41 198
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
199 
+      <!--セクション 文字サイズ-->
200 
+      <!--<article id="charsize" >
44 201 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 202 
 <div id="charsize_img">
46 203 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -49,266 +206,280 @@
49 206 
 </div>
50 207 
 </article>-->
51 208
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
209 
+      <!--セクション サイトマップ-->
210 
+      <article id="sitemap">
211 
+        <div id="sitemap_img">
212 
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
213 
+        </div>
214 
+      </article>
215 
+      <!--セクション お問い合わせ-->
216 
+      <article id="contact">
217 
+        <div id="contact_img">
218 
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
219 
+                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
220 
+        </div>
221 
+      </article>
222 
+      <!--セクション 翻訳-->
223 
+      <article id="translation">
224 
+        <div id="translation_img">
225 
+          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
226 
+          <div id="google_translate_element"></div>
227 
+        </div>
228 
+      </article>
229 
+      <div id="claer">
230 
+      </div>
231 
+    </div>
232 
+  </section>
233 
+
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../index.html">
238 
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
239 
+      </a>
240 
+      <div id="h_block_1">
241 
+        <div class="h_line">
242 
+        </div>
243 
+        <article class="h_text_l">
244 
+          <a class="h_link" href="../second/living.html">
245 
+            <span class="h_text">くらしの情報</span></a>
57 246 
         </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../second/tourism.html">
249 
+            <span class="h_text">観光</span></a>
64 250 
         </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../second/business.html">
253 
+            <span class="h_text">事業者向け情報</span></a>
254 
+        </article>
255 
+        <article class="h_text_l">
256 
+          <a class="h_link" href="../second/town_admini_info.html">
257 
+            <span class="h_text">町政情報</span></a>
81 258 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 259 
       </div>
85 
-    </section>
260 
+      <div id="h_block_search">
261 
+        <div class="h_line"></div>
262 
+        <article class="h_search">
263 
+          <div class="space10"></div>
264 
+          <form action="http://www.google.com/search">
265 
+            <input type="hidden" name="hl" value="ja"/>
266 
+            <input type="hidden" name="ie" value="UTF-8">
267 
+            <input type="hidden" name="oe" value="UTF-8">
268 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
269 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
270 
+            <input type="submit" name="btnG" value="検索"/>
271 
+          </form>
86 272
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../index.html">
91 
-          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
92 
-        </a>
93 
-        <div id="h_block_1">
94 
-          <div class="h_line">
273 
+        </article>
274 
+      </div>
275 
+    </div>
276 
+  </header>
277 
+
278 
+  <div>
279 
+    <!--セクション template-->
280 
+    <section id="template">
281 
+      <article id="breadcrumb">
282 
+        <div id="breadcrumb_title">
283 
+          <div id="breadcrumb_title_block">
284 
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>>くらしの情報</span>
95 285 
           </div>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../second/living.html">
98 
-              <span class="h_text">くらしの情報</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../second/tourism.html">
102 
-              <span class="h_text">観光</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../second/business.html">
106 
-              <span class="h_text">事業者向け情報</span></a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../second/town_admini_info.html">
110 
-              <span class="h_text">町政情報</span></a>
111 
-          </article>
112 286 
         </div>
113 
-        <div id="h_block_search">
114 
-          <div class="h_line"></div>
115 
-          <article class="h_search">
116 
-            <div class="space10"></div>
117 
-            <form action="http://www.google.com/search">
118 
-              <input type="hidden" name="hl" value="ja" />
119 
-              <input type="hidden" name="ie" value="UTF-8">
120 
-              <input type="hidden" name="oe" value="UTF-8">
121 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
122 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
123 
-              <input type="submit" name="btnG" value="検索" />
124 
-            </form>
125 
-
126 
-          </article>
287 
+      </article>
288 
+      <article id="template">
289 
+        <div id="template_title" class="gothic">
290 
+          <div id="template_title_block">
291 
+            <span id="template_title">くらしの情報</span>
292 
+          </div>
127 293 
         </div>
128 
-      </div>
129 
-    </header>
130 
-
131 
-    <div>
132 
-      <!--セクション template-->
133 
-      <section id="template">
134 
-        <article id="breadcrumb">
135 
-          <div id="breadcrumb_title">
136 
-            <div id="breadcrumb_title_block">
137 
-              <span id="breadcrumb_title"><a href="../index.html">トップ</a>>くらしの情報</span>
294 
+      </article>
295 
+      <div class="left_mobile">
296 
+        <article id="template_list_title">
297 
+          <div id="template_title2" class="gothic">
298 
+            <div id="template_title_block">
299 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
300 
+                                                                                     href="./Family_register.html"
301 
+                                                                                     name="anc1">戸籍・住民票など</a></span>
138 302 
             </div>
139 303 
           </div>
140 304 
         </article>
141 
-        <article id="template">
142 
-          <div id="template_title" class="gothic">
305 
+        <article id="template_list_title">
306 
+          <div id="template_title2" class="gothic">
143 307 
             <div id="template_title_block">
144 
-              <span id="template_title">くらしの情報</span>
308 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
309 
+                                                                                     href="./Health.html" name="anc2">健康・予防</a></span>
145 310 
             </div>
146 311 
           </div>
147 312 
         </article>
148 
-        <div class="left">
149 
-          <article id="template_list_title">
150 
-            <div id="template_title2" class="gothic">
151 
-              <div id="template_title_block">
152 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
153 
-                    href="./Family_register.html" name="anc1">戸籍・住民票など</a></span>
154 
-              </div>
155 
-            </div>
156 
-          </article>
157 
-          <article id="template_list_title">
158 
-            <div id="template_title2" class="gothic">
159 
-              <div id="template_title_block">
160 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
161 
-                    href="./Health.html" name="anc2">健康・予防</a></span>
162 
-              </div>
163 
-            </div>
164 
-          </article>
165 
-          <article id="template_list_title">
166 
-            <div id="template_title2" class="gothic">
167 
-              <div id="template_title_block">
168 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
169 
-                    href="./Education.html" name="anc3">教育</a></span>
170 
-              </div>
313 
+        <article id="template_list_title">
314 
+          <div id="template_title2" class="gothic">
315 
+            <div id="template_title_block">
316 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
317 
+                                                                                     href="./Education.html"
318 
+                                                                                     name="anc3">教育</a></span>
171 319 
             </div>
172 
-          </article>
173 
-          <article id="template_list_title">
174 
-            <div id="template_title2" class="gothic">
175 
-              <div id="template_title_block">
176 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
177 
-                    href="./Culture.html" name="anc4">文化</a></span>
178 
-              </div>
320 
+          </div>
321 
+        </article>
322 
+        <article id="template_list_title">
323 
+          <div id="template_title2" class="gothic">
324 
+            <div id="template_title_block">
325 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
326 
+                                                                                     href="./Culture.html" name="anc4">文化</a></span>
179 327 
             </div>
180 
-          </article>
181 
-          <article id="template_list_title">
182 
-            <div id="template_title2" class="gothic">
183 
-              <div id="template_title_block">
184 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
185 
-                    href="./Trash.html" name="anc5">ごみ・リサイクル</a></span>
186 
-              </div>
328 
+          </div>
329 
+        </article>
330 
+        <article id="template_list_title">
331 
+          <div id="template_title2" class="gothic">
332 
+            <div id="template_title_block">
333 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
334 
+                                                                                     href="./Trash.html" name="anc5">ごみ・リサイクル</a></span>
187 335 
             </div>
188 
-          </article>
189 
-          <article id="template_list_title">
190 
-            <div id="template_title2" class="gothic">
191 
-              <div id="template_title_block">
192 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
193 
-                    href="./National_Health_Insurance.html" name="anc6">国民健康保険</a></span>
194 
-              </div>
336 
+          </div>
337 
+        </article>
338 
+        <article id="template_list_title">
339 
+          <div id="template_title2" class="gothic">
340 
+            <div id="template_title_block">
341 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
342 
+                                                                                     href="./National_Health_Insurance.html"
343 
+                                                                                     name="anc6">国民健康保険</a></span>
195 344 
             </div>
196 
-          </article>
197 
-          <article id="template_list_title">
198 
-            <div id="template_title2" class="gothic">
199 
-              <div id="template_title_block">
200 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
201 
-                    href="./National_pension.html" name="anc7">国民年金</a></span>
202 
-              </div>
345 
+          </div>
346 
+        </article>
347 
+        <article id="template_list_title">
348 
+          <div id="template_title2" class="gothic">
349 
+            <div id="template_title_block">
350 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
351 
+                                                                                     href="./National_pension.html"
352 
+                                                                                     name="anc7">国民年金</a></span>
203 353 
             </div>
204 
-          </article>
205 
-          <article id="template_list_title">
206 
-            <div id="template_title2" class="gothic">
207 
-              <div id="template_title_block">
208 
-                <span class="template_icon left">+</span><span id="template_title2"><a href="../second/Calender.html"
209 
-                    name="anc8" class="s_link">くらしのカレンダー</a></span>
210 
-              </div>
354 
+          </div>
355 
+        </article>
356 
+        <article id="template_list_title">
357 
+          <div id="template_title2" class="gothic">
358 
+            <div id="template_title_block">
359 
+              <span class="template_icon left">+</span><span id="template_title2"><a href="../second/Calender.html"
360 
+                                                                                     name="anc8" class="s_link">くらしのカレンダー</a></span>
211 361 
             </div>
212 
-          </article>
213 
-        </div>
214 
-        <!--===================================================================================================================================================-->
215 
-        <div class="right">
216 
-          <article id="template_list_title">
217 
-            <div id="template_title2" class="gothic">
218 
-              <div id="template_title_block">
219 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
220 
-                    href="./Welfare.html" name="anc9">福祉・介護</a></span>
221 
-              </div>
362 
+          </div>
363 
+        </article>
364 
+      </div>
365 
+      <!--===================================================================================================================================================-->
366 
+      <div class="right_mobile">
367 
+        <article id="template_list_title">
368 
+          <div id="template_title2" class="gothic">
369 
+            <div id="template_title_block">
370 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
371 
+                                                                                     href="./Welfare.html" name="anc9">福祉・介護</a></span>
222 372 
             </div>
223 
-          </article>
224 
-          <article id="template_list_title">
225 
-            <div id="template_title2" class="gothic">
226 
-              <div id="template_title_block">
227 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
228 
-                    href="./Urban_planning.html" name="anc10">都市計画</a></span>
229 
-              </div>
373 
+          </div>
374 
+        </article>
375 
+        <article id="template_list_title">
376 
+          <div id="template_title2" class="gothic">
377 
+            <div id="template_title_block">
378 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
379 
+                                                                                     href="./Urban_planning.html"
380 
+                                                                                     name="anc10">都市計画</a></span>
230 381 
             </div>
231 
-          </article>
232 
-          <article id="template_list_title">
233 
-            <div id="template_title2" class="gothic">
234 
-              <div id="template_title_block">
235 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
236 
-                    href="./Living_environment.html" name="anc11">生活環境</a></span>
237 
-              </div>
382 
+          </div>
383 
+        </article>
384 
+        <article id="template_list_title">
385 
+          <div id="template_title2" class="gothic">
386 
+            <div id="template_title_block">
387 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
388 
+                                                                                     href="./Living_environment.html"
389 
+                                                                                     name="anc11">生活環境</a></span>
238 390 
             </div>
239 
-          </article>
240 
-          <article id="template_list_title">
241 
-            <div id="template_title2" class="gothic">
242 
-              <div id="template_title_block">
243 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link" href="./Tax.html"
244 
-                    name="anc12">税金</a></span>
245 
-              </div>
391 
+          </div>
392 
+        </article>
393 
+        <article id="template_list_title">
394 
+          <div id="template_title2" class="gothic">
395 
+            <div id="template_title_block">
396 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link" href="./Tax.html"
397 
+                                                                                     name="anc12">税金</a></span>
246 398 
             </div>
247 
-          </article>
248 
-          <article id="template_list_title">
249 
-            <div id="template_title2" class="gothic">
250 
-              <div id="template_title_block">
251 
-                <span class="template_icon left">+</span><span id="template_title2">
399 
+          </div>
400 
+        </article>
401 
+        <article id="template_list_title">
402 
+          <div id="template_title2" class="gothic">
403 
+            <div id="template_title_block">
404 
+              <span class="template_icon left">+</span><span id="template_title2">
252 405 
                   <a class="s_link" href="./Water_supply_sewer.html" name="anc13">上水道・下水道</a></span>
253 
-              </div>
254 406 
             </div>
255 
-          </article>
256 
-          <article id="template_list_title">
257 
-            <div id="template_title2" class="gothic">
258 
-              <div id="template_title_block">
259 
-                <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
260 
-                    href="./Agriculture.html" name="anc14">農業</a></span>
261 
-              </div>
407 
+          </div>
408 
+        </article>
409 
+        <article id="template_list_title">
410 
+          <div id="template_title2" class="gothic">
411 
+            <div id="template_title_block">
412 
+              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
413 
+                                                                                     href="./Agriculture.html"
414 
+                                                                                     name="anc14">農業</a></span>
262 415 
             </div>
263 
-          </article>
264 
-          <article id="template_list_title">
265 
-            <div id="template_title2" class="gothic">
266 
-              <div id="template_title_block">
267 
-                <span class="template_icon left">+</span><span id="template_title2">
416 
+          </div>
417 
+        </article>
418 
+        <article id="template_list_title">
419 
+          <div id="template_title2" class="gothic">
420 
+            <div id="template_title_block">
421 
+              <span class="template_icon left">+</span><span id="template_title2">
268 422 
                   <a class="s_link" href="./Consumer_consultation.html" name="anc15">消費者相談</a></span>
269 
-              </div>
270 423 
             </div>
271 
-          </article>
272 
-          <article id="template_list_title">
273 
-            <div id="template_title2" class="gothic">
274 
-              <div id="template_title_block">
275 
-                <span class="template_icon left">+</span><span id="template_title2">
424 
+          </div>
425 
+        </article>
426 
+        <article id="template_list_title">
427 
+          <div id="template_title2" class="gothic">
428 
+            <div id="template_title_block">
429 
+              <span class="template_icon left">+</span><span id="template_title2">
276 430 
                   <a class="s_link" href="./Public_transport.html" name="anc15">公共交通</a></span>
277 
-              </div>
278 431 
             </div>
279 
-          </article>
280 
-          <article id="template_list_title">
281 
-            <div id="template_title2" class="gothic">
282 
-              <div id="template_title_block">
283 
-                <span class="template_icon left">+</span><span id="template_title2">
432 
+          </div>
433 
+        </article>
434 
+        <article id="template_list_title">
435 
+          <div id="template_title2" class="gothic">
436 
+            <div id="template_title_block">
437 
+              <span class="template_icon left">+</span><span id="template_title2">
284 438 
                   <a class="s_link" href="./Application_downloading.html" name="anc15">申請書ダウンロード</a></span>
285 
-              </div>
286 439 
             </div>
287 
-          </article>
288 
-          <article id="template_list_title">
289 
-            <div id="template_title2" class="gothic">
290 
-              <div id="template_title_block">
291 
-                <span class="template_icon left">+</span><span id="template_title2">
440 
+          </div>
441 
+        </article>
442 
+        <article id="template_list_title">
443 
+          <div id="template_title2" class="gothic">
444 
+            <div id="template_title_block">
445 
+              <span class="template_icon left">+</span><span id="template_title2">
292 446 
                   <a class="s_link" href="../third/living/Kwasemi_mail.html" name="anc15">カワセミ便（きたがた情報メール）</a></span>
293 
-              </div>
294 447 
             </div>
295 
-          </article>
296 
-        </div>
297 
-        <div class="clear"></div>
298 
-      </section>
299 
-    </div>
448 
+          </div>
449 
+        </article>
450 
+      </div>
451 
+      <div class="clear"></div>
452 
+    </section>
453 
+  </div>
300 454
301 
-    <footer>
302 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
303 
-      <br />
304 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
305 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
306 
-      </p>
307 
-    </footer>
455 
+  <footer>
456 
+    <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
457 
+    <div class="footer_mobile">
458 
+      <div class="footer_mobile_title">
459 
+        <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
460 
+        <h1 class="footerMobile__text">北方町役場</h1>
461 
+      </div>
462 
+      <div class="footer_mobile_address">
463 
+          <span class="footerTextWrap__text">
464 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
465 
+          </span><br>
466 
+        電話:058-323-1111(代)<br>
467 
+        FAX:058-323-2963<br>
468 
+        開庁日：8時30分～17時15分<br>
469 
+        （土・日・祝日、年末年始を除く）<br>
470 
+      </div>
471 
+    </div>
472 
+    <br class="sp__brDisplay">
473 
+    <p class="footer_text">
474 
+      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
475 
+      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
476 
+      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
477 
+    </p>
478 
+  </footer>
308 479
309 
-  </div>
310 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?living" height="1"
311 
-    width="1" />
480 
+</div>
481 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?living" height="1"
482 
+     width="1"/>
312 483 
 </body>
313 484
314 
-</html>
485 
+</html>

+ 198
- 35
second/sitemap.html Datei anzeigen 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>サイトマップ 北方町ホームページ</title>
7 8 
   <!--くらしの情報-->
8 9 
   <link rel="stylesheet" href="../css/base.css">
 
@@ -10,19 +11,175 @@
10 11 
   <link rel="stylesheet" href="../css/footer.css">
11 12 
   <link rel="stylesheet" href="../css/section.css">
12 13 
   <link rel="stylesheet" href="../css/third_template.css">
14 
+  <link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../css/third_template_mobile.css">
13 18 
   <script src="../js/operation.js"></script>
19 
+  <script src="../js/menu.js"></script>
20 
+  <script src="../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+  <script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+      new google.translate.TranslateElement({
29 
+        pageLanguage: 'ja',
30 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+      }, 'google_translate_element');
32 
+    }
33 
+  </script>
34 
+  <script type="text/javascript"
35 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
   <div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+      <div class="headerLogo">
40 
+        <a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+            src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+      </div>
43 
+      <div class="headerTitle">
44 
+        <a href="../index.html" class="header_link">
45 
+          <h1 class="headerTitle__text">北方町</h1>
46 
+        </a>
47 
+      </div>
48 
+      <div class="headerSubTitle">
49 
+        <a href="../index.html" class="header_link">
50 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+        </a>
52 
+      </div>
53 
+      <div id="h-menu">
54 
+        <span></span>
55 
+        <span></span>
56 
+        <span></span>
57 
+        <div id="h-text">menu</div>
58 
+      </div>
59 
+      <div id="h-nav">
60 
+        <div class="h-menu_main_block_top">
61 
+          <div class="h-menu_main_block">
62 
+            <div class="h-menu_block">
63 
+              <a href="../second/living.html">
64 
+                <div class="h-menu_block_text h-menu_block_before">
65 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                </div>
67 
+              </a>
68 
+            </div>
69 
+          </div>
70 
+          <div class="h-menu_main_block">
71 
+            <div class="h-menu_block">
72 
+              <a href="../second/tourism.html">
73 
+                <div class="h-menu_block_text h-menu_block_before">
74 
+                  <div class="h-menu_block_text_center">
75 
+                    観光
76 
+                  </div>
77 
+                </div>
78 
+              </a>
79 
+            </div>
80 
+          </div>
81 
+          <div class="h-menu_main_block">
82 
+            <div class="h-menu_block">
83 
+              <a href="../second/business.html">
84 
+                <div class="h-menu_block_text h-menu_block_before">
85 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                </div>
87 
+              </a>
88 
+            </div>
89 
+          </div>
90 
+          <div class="h-menu_main_block">
91 
+            <div class="h-menu_block">
92 
+              <a href="../second/town_admini_info.html">
93 
+                <div class="h-menu_block_text h-menu_block_before">
94 
+                  <div class="h-menu_block_text_center">町政情報</div>
95 
+                </div>
96 
+              </a>
97 
+            </div>
98 
+          </div>
99 
+          <div class="h-menu_main_block">
100 
+            <div class="h-menu_block h-menu_block_before">
101 
+              <a href="../second/sitemap.html">
102 
+                <div class="h-menu_block_text h-menu_block_before">
103 
+                  <div class="h-menu_block_text_center">
104 
+                    サイトマップ
105 
+                  </div>
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
116 
+                  </div>
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
127 
+                  </div>
128 
+                </div>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 
+                    getBackgNumber2();
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
152 
+                  </div>
153 
+                </div>
154 
+              </div>
155 
+            </div>
156 
+          </div>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja" />
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
165 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
166 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
167 
+                </form>
168 
+              </div>
169 
+            </div>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </header>
174 
+
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 178 
       <!--セクション 住所-->
23 179 
       <article id="address">
24 180 
         <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
26 183 
         </address>
27 184 
       </article>
28 185 
       <div id="controle_panel">
 
@@ -41,13 +198,13 @@
41 198
42 199 
         <!--セクション 文字サイズ-->
43 200 
         <!--<article id="charsize" >
44 
-      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-      <div id="charsize_img">
46 
-      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-      </div>
50 
-      </article>-->
201 
+  <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 
+  <div id="charsize_img">
203 
+  <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
204 
+  <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
205 
+  <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
206 
+  </div>
207 
+  </article>-->
51 208
52 209 
         <!--セクション サイトマップ-->
53 210 
         <article id="sitemap">
 
@@ -67,16 +224,6 @@
67 224 
           <div id="translation_img">
68 225 
             <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 226 
             <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 227 
           </div>
81 228 
         </article>
82 229 
         <div id="claer">
 
@@ -134,7 +281,7 @@
134 281 
         <article id="breadcrumb">
135 282 
           <div id="breadcrumb_title">
136 283 
             <div id="breadcrumb_title_block">
137 
-              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>>サイトマップ</span>
284 
+              <span id="breadcrumb_title"><a href="../index.html">トップ</a>>サイトマップ</span>
138 285 
             </div>
139 286 
           </div>
140 287 
         </article>
 
@@ -319,26 +466,42 @@
319 466 
           </span>
320 467 
         </article>
321 468 
         <!--
322 
-      <article id="template_list_title" >
323 
-          <div id="template_title2" class="gothic">
324 
-              <div id="template_title_block">
325 
-                  <span id="template_title2"></span>
326 
-              </div>
327 
-          </div>
328 
-          <span id="template_article_block">
329 
-          </span>
330 
-      </article>
331 
-      -->
469 
+    <article id="template_list_title" >
470 
+        <div id="template_title2" class="gothic">
471 
+            <div id="template_title_block">
472 
+                <span id="template_title2"></span>
473 
+            </div>
474 
+        </div>
475 
+        <span id="template_article_block">
476 
+        </span>
477 
+    </article>
478 
+    -->
332 479 
       </section>
333 480 
     </div>
334 481
335 482 
     <footer>
336 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
337 
-      <br />
338 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
339 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
483 
+      <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
484 
+      <div class="footer_mobile">
485 
+        <div class="footer_mobile_title">
486 
+          <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
487 
+          <h1 class="footerMobile__text">北方町役場</h1>
488 
+        </div>
489 
+        <div class="footer_mobile_address">
490 
+          <span class="footerTextWrap__text">
491 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
492 
+          </span><br>
493 
+          電話:058-323-1111(代)<br>
494 
+          FAX:058-323-2963<br>
495 
+          開庁日：8時30分～17時15分<br>
496 
+          （土・日・祝日、年末年始を除く）<br>
497 
+        </div>
498 
+      </div>
499 
+      <br class="sp__brDisplay">
500 
+      <p class="footer_text">
501 
+        <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
502 
+        <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
503 
+        <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
340 504 
       </p>
341 
-
342 505 
     </footer>
343 506
344 507 
   </div>

+ 415
- 146
second/template_second.html Datei anzeigen 

@@ -1,162 +1,431 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-        <!--くらしの情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/third_template.css" >
12 
-<script src="../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>北方町ホームページ</title>
8 
+	<!--くらしの情報-->
9 
+	<link rel="stylesheet" href="../css/base.css">
10 
+	<link rel="stylesheet" href="../css/second_header.css">
11 
+	<link rel="stylesheet" href="../css/footer.css">
12 
+	<link rel="stylesheet" href="../css/section.css">
13 
+	<link rel="stylesheet" href="../css/third_template.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+	</meta>
14 23 
 </head>
15 24
16 25 
 <body id="back">
17 
-<div id="main" class="gothic">
18 
-<!--セクション 操作-->
19 
-<section id="operation" >
20 
-<!--セクション 住所-->
21 
-<article id="address" >
22 
-<address id="operation_add">
23 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24 
-</address>
25 
-</article>
26 
-<div id="controle_panel">
27 
-<!--セクション 背景色-->
28 
-<article id="bgcolor" >
29 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
30 
-<div id="bgcolor_img">
31 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber2();
37 
-</script>
38 
-</article>
26 
+	<script type="text/javascript">
27 
+		function googleTranslateElementInit() {
28 
+			new google.translate.TranslateElement({
29 
+				pageLanguage: 'ja',
30 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+			}, 'google_translate_element');
32 
+		}
33 
+	</script>
34 
+	<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+	<div id="main" class="gothic">
37 
+		<!-- mobile header -->
38 
+		<header class="header">
39 
+			<div class="headerLogo">
40 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
42 
+			</div>
43 
+			<div class="headerTitle">
44 
+				<a href="../index.html" class="header_link">
45 
+					<h1 class="headerTitle__text">北方町</h1>
46 
+				</a>
47 
+			</div>
48 
+			<div class="headerSubTitle">
49 
+				<a href="../index.html" class="header_link">
50 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+				</a>
52 
+			</div>
53 
+			<div id="h-menu">
54 
+				<span></span>
55 
+				<span></span>
56 
+				<span></span>
57 
+				<div id="h-text">menu</div>
58 
+			</div>
59 
+			<div id="h-nav">
60 
+				<div class="h-menu_main_block_top">
61 
+					<div class="h-menu_block   h-accordion__title h-js-accordion-title">
62 
+						<div class="h-menu_block_text">
63 
+							<div class="h-menu_block_text_center">くらしの情報</div>
64 
+						</div>
65 
+					</div>
66 
+					<div class="h-accordion__content">
67 
+						<div class="h-menu_accordion_block_start">
68 
+							<div class="h-menu_accordion_block_text">
69 
+								<a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
70 
+							</div>
71 
+						</div>
72 
+						<div class="h-menu_accordion_block">
73 
+							<div class="h-menu_accordion_block_text">
74 
+								<a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
75 
+							</div>
76 
+						</div>
77 
+						<div class="h-menu_accordion_block">
78 
+							<div class="h-menu_accordion_block_text">
79 
+								<a class="h_link" href="../second/Education.html" name="anc3">教育</a>
80 
+							</div>
81 
+						</div>
82 
+						<div class="h-menu_accordion_block">
83 
+							<div class="h-menu_accordion_block_text">
84 
+								<a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
85 
+							</div>
86 
+						</div>
87 
+						<div class="h-menu_accordion_block">
88 
+							<div class="h-menu_accordion_block_text">
89 
+								<a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
90 
+							</div>
91 
+						</div>
92 
+						<div class="h-menu_accordion_block">
93 
+							<div class="h-menu_accordion_block_text">
94 
+								<a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
95 
+							</div>
96 
+						</div>
97 
+						<div class="h-menu_accordion_block">
98 
+							<div class="h-menu_accordion_block_text">
99 
+								<a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
100 
+							</div>
101 
+						</div>
102 
+						<div class="h-menu_accordion_block">
103 
+							<div class="h-menu_accordion_block_text">
104 
+								<a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
105 
+							</div>
106 
+						</div>
107 
+						<div class="h-menu_accordion_block">
108 
+							<div class="h-menu_accordion_block_text">
109 
+								<a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
110 
+							</div>
111 
+						</div>
112 
+						<div class="h-menu_accordion_block">
113 
+							<div class="h-menu_accordion_block_text">
114 
+								<a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
115 
+							</div>
116 
+						</div>
117 
+						<div class="h-menu_accordion_block">
118 
+							<div class="h-menu_accordion_block_text">
119 
+								<a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
120 
+							</div>
121 
+						</div>
122 
+						<div class="h-menu_accordion_block">
123 
+							<div class="h-menu_accordion_block_text">
124 
+								<a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
125 
+							</div>
126 
+						</div>
127 
+						<div class="h-menu_accordion_block">
128 
+							<div class="h-menu_accordion_block_text">
129 
+								<a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
130 
+							</div>
131 
+						</div>
132 
+						<div class="h-menu_accordion_block">
133 
+							<div class="h-menu_accordion_block_text">
134 
+								<a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
135 
+							</div>
136 
+						</div>
137 
+						<div class="h-menu_accordion_block">
138 
+							<div class="h-menu_accordion_block_text">
139 
+								<a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
140 
+							</div>
141 
+						</div>
142 
+						<div class="h-menu_accordion_block">
143 
+							<div class="h-menu_accordion_block_text">
144 
+								<a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
145 
+							</div>
146 
+						</div>
147 
+						<div class="h-menu_accordion_block">
148 
+							<div class="h-menu_accordion_block_text">
149 
+								<a class="h_link" href="../second/Application_downloading.html"
150 
+									name="anc15">申請書ダウンロード</a>
151 
+							</div>
152 
+						</div>
153 
+						<div class="h-menu_accordion_block">
154 
+							<div class="h-menu_accordion_block_text">
155 
+								<a class="h_link" href="../third/living/Kwasemi_mail.html"
156 
+									name="anc15">カワセミ便<br />（きたがた情報メール）</a>
157 
+							</div>
158 
+						</div>
159 
+					</div>
160 
+				</div>
161 
+				<div class="h-menu_main_block">
162 
+					<div class="h-menu_block">
163 
+						<a href="../second/tourism.html">
164 
+							<div class="h-menu_block_text h-menu_block_before">
165 
+								<div class="h-menu_block_text_center">
166 
+									観光
167 
+								</div>
168 
+							</div>
169 
+						</a>
170 
+					</div>
171 
+				</div>
172 
+				<div class="h-menu_main_block">
173 
+					<div class="h-menu_block">
174 
+						<a href="../second/business.html">
175 
+							<div class="h-menu_block_text h-menu_block_before">
176 
+								<div class="h-menu_block_text_center">事業者向け情報</div>
177 
+							</div>
178 
+						</a>
179 
+					</div>
180 
+				</div>
181 
+				<div class="h-menu_main_block">
182 
+					<div class="h-menu_block">
183 
+						<a href="../second/town_admini_info.html">
184 
+							<div class="h-menu_block_text h-menu_block_before">
185 
+								<div class="h-menu_block_text_center">町政情報</div>
186 
+							</div>
187 
+						</a>
188 
+					</div>
189 
+				</div>
190 
+				<div class="h-menu_main_block">
191 
+					<div class="h-menu_block h-menu_block_before">
192 
+						<a href="../second/sitemap.html">
193 
+							<div class="h-menu_block_text h-menu_block_before">
194 
+								<div class="h-menu_block_text_center">
195 
+									サイトマップ
196 
+								</div>
197 
+							</div>
198 
+						</a>
199 
+					</div>
200 
+				</div>
201 
+				<div class="h-menu_main_block">
202 
+					<div class="h-menu_block h-menu_block_before">
203 
+						<a href="https://ai-staff.net/kitagata/chat">
204 
+							<div class="h-menu_block_text  h-menu_block_before">
205 
+								<div class="h-menu_block_text_center">
206 
+									AIチャット
207 
+								</div>
208 
+							</div>
209 
+						</a>
210 
+					</div>
211 
+				</div>
212 
+				<div class="h-menu_main_block">
213 
+					<div class="h-menu_block h-menu_block_before">
214 
+						<a href="../third/town_admini_info/administrative_organization_chart.html">
215 
+							<div class="h-menu_block_text">
216 
+								<div class="h-menu_block_text_center">
217 
+									お問い合わせ一覧
218 
+								</div>
219 
+							</div>
220 
+						</a>
221 
+					</div>
222 
+				</div>
223 
+				<div class="h-menu_main_block">
224 
+					<div class="h-menu_lang">
225 
+						<div class="h-menu_block_lang">
226 
+							<div class="h-menu_block_text_center">
227 
+								<div class="h-menu_block_text_line">
228 
+									背景変更
229 
+									<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
230 
+									</div>
231 
+									<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
232 
+									</div>
233 
+									<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
234 
+									</div>
235 
+								</div>
236 
+								<script>
237 
+									getBackgNumber2();
238 
+								</script>
239 
+								<div class="h-menu_block_text_line">言語選択
240 
+									<div class="mobile_translation">
241 
+										<div id="google_translate_element"></div>
242 
+									</div>
243 
+								</div>
244 
+							</div>
245 
+						</div>
246 
+					</div>
247 
+				</div>
248 
+				<div class="h-menu_main_block">
249 
+					<div class="h-menu_search">
250 
+						<div class="h-menu_block_search">
251 
+							<form action="https://www.google.com/search">
252 
+								<input type="hidden" name="hl" value="ja" />
253 
+								<input type="hidden" name="ie" value="UTF-8">
254 
+								<input type="hidden" name="oe" value="UTF-8">
255 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
256 
+								<input type="text" name="q" size="16" maxlength="256" value=""
257 
+									class="mobile_form_input" />
258 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
259 
+							</form>
260 
+						</div>
261 
+					</div>
262 
+				</div>
263 
+			</div>
264 
+		</header>
265 
+
39 266
40 
-<!--セクション 文字サイズ-->
41 
-<!--<article id="charsize" >
42 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
267 
+		<!--セクション 操作-->
268 
+		<section id="operation">
269 
+			<!--セクション 住所-->
270 
+			<article id="address">
271 
+				<address id="operation_add">
272 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
273 
+						TEL:058-323-1111(代)</span>
274 
+				</address>
275 
+			</article>
276 
+			<div id="controle_panel">
277 
+				<!--セクション 背景色-->
278 
+				<article id="bgcolor">
279 
+					<img src="../css/img/013.png" alt="背景色変更ボックス" />
280 
+					<div id="bgcolor_img">
281 
+						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
282 
+							onClick="setBackground2(1)">
283 
+						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
284 
+							onClick="setBackground2(2)">
285 
+						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
286 
+							onClick="setBackground2(3)">
287 
+					</div>
288 
+					<script>
289 
+						getBackgNumber2();
290 
+					</script>
291 
+				</article>
292 
+
293 
+				<!--セクション 文字サイズ-->
294 
+				<!--<article id="charsize" >
295 
+		<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
296 
+		<div id="charsize_img">
297 
+		<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
298 
+		<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
299 
+		<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
300 
+		</div>
301 
+		</article>-->
49 302
50 
-<!--セクション サイトマップ-->
51 
-<article id="sitemap" >
52 
- <div id="sitemap_img">
53 
-<img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" />
54 
- </div>
55 
-</article>
56 
-<!--セクション お問い合わせ-->
57 
-<article id="contact" >
58 
- <div id="contact_img">
59 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60 
- </div>
61 
-</article>
62 
-<!--セクション 翻訳-->
63 
-<article id="translation" >
64 
-<div id="translation_img">
65 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
66 
-<div id="google_translate_element"></div>
67 
-<script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
71 
-</script>
72 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73 
-</div>
74 
-</article>
75 
-<div id="claer">
76 
-</div>
77 
-</div>
78 
-</section>
303 
+				<!--セクション サイトマップ-->
304 
+				<article id="sitemap">
305 
+					<div id="sitemap_img">
306 
+						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
307 
+					</div>
308 
+				</article>
309 
+				<!--セクション お問い合わせ-->
310 
+				<article id="contact">
311 
+					<div id="contact_img">
312 
+						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
313 
+								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
314 
+					</div>
315 
+				</article>
316 
+				<!--セクション 翻訳-->
317 
+				<article id="translation">
318 
+					<div id="translation_img">
319 
+						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
320 
+						<div id="google_translate_element"></div>
321 
+					</div>
322 
+				</article>
323 
+				<div id="claer">
324 
+				</div>
325 
+			</div>
326 
+		</section>
79 327
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
328 
+		<!--ヘッダーデータ-->
329 
+		<header>
82 330 
 			<div id="header" class="gothic">
83 331 
 				<a href="../index.html">
84 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
85 
-                </a>
332 
+					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
333 
+				</a>
86 334 
 				<div id="h_block_1">
87 
-                    <div class="h_line">
88 
-                    </div>
89 
-                    <article class="h_text_l">
90 
-                        <a class="h_link" href="../second/living.html">
91 
-                            <span class="h_text">くらしの情報</span></a>
92 
-                    </article>
93 
-                    <article class="h_text_l">
94 
-                        <a class="h_link" href="../second/tourism.html">
95 
-                            <span class="h_text">観光</span></a>
96 
-                    </article>
97 
-                    <article class="h_text_l">
98 
-                        <a class="h_link" href="../second/business.html">
99 
-                            <span class="h_text">事業者向け情報</span></a>
100 
-                    </article>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../second/town_admini_info.html">
103 
-                            <span class="h_text">町政情報</span></a>
104 
-                    </article>
105 
-                </div>
106 
-                <div id="h_block_search">
107 
-                    <div class="h_line"></div>
108 
-                    <article class="h_search">
109 
-                    	<div class="space10"></div>
110 
-                    	<form action="http://www.google.com/search">
111 
-                        <input type="hidden" name="hl" value="ja" />
112 
-                        <input type="hidden" name="ie" value="UTF-8">
113 
-                        <input type="hidden" name="oe" value="UTF-8">
114 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
115 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
116 
-                        <input type="submit" name="btnG" value="検索" />
117 
-                        </form>
118 
-
119 
-                    </article>
120 
-                </div>
335 
+					<div class="h_line">
336 
+					</div>
337 
+					<article class="h_text_l">
338 
+						<a class="h_link" href="../second/living.html">
339 
+							<span class="h_text">くらしの情報</span></a>
340 
+					</article>
341 
+					<article class="h_text_l">
342 
+						<a class="h_link" href="../second/tourism.html">
343 
+							<span class="h_text">観光</span></a>
344 
+					</article>
345 
+					<article class="h_text_l">
346 
+						<a class="h_link" href="../second/business.html">
347 
+							<span class="h_text">事業者向け情報</span></a>
348 
+					</article>
349 
+					<article class="h_text_l">
350 
+						<a class="h_link" href="../second/town_admini_info.html">
351 
+							<span class="h_text">町政情報</span></a>
352 
+					</article>
353 
+				</div>
354 
+				<div id="h_block_search">
355 
+					<div class="h_line"></div>
356 
+					<article class="h_search">
357 
+						<div class="space10"></div>
358 
+						<form action="http://www.google.com/search">
359 
+							<input type="hidden" name="hl" value="ja" />
360 
+							<input type="hidden" name="ie" value="UTF-8">
361 
+							<input type="hidden" name="oe" value="UTF-8">
362 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
363 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
364 
+							<input type="submit" name="btnG" value="検索" />
365 
+						</form>
366 
+
367 
+					</article>
368 
+				</div>
121 369 
 			</div>
122 
-			</header>
370 
+		</header>
123 371
124 
-			<div >
125 
-				<!--セクション template-->
126 
-				<section id="template" >
127 
-					<article id="breadcrumb" >
128 
-						<div id="breadcrumb_title">
129 
-							<div id="breadcrumb_title_block">
130 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>>アジェンダ</span>
131 
-							</div>
372 
+		<div>
373 
+			<!--セクション template-->
374 
+			<section id="template">
375 
+				<article id="breadcrumb">
376 
+					<div id="breadcrumb_title">
377 
+						<div id="breadcrumb_title_block">
378 
+							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>>アジェンダ</span>
132 379 
 						</div>
133 
-					</article>
134 
-					<article id="template" >
135 
-						<div id="template_title" class="gothic">
136 
-							<div id="template_title_block">
137 
-								<span id="template_title">大タイトル</span>
138 
-							</div>
380 
+					</div>
381 
+				</article>
382 
+				<article id="template">
383 
+					<div id="template_title" class="gothic">
384 
+						<div id="template_title_block">
385 
+							<span id="template_title">大タイトル</span>
139 386 
 						</div>
140 
-					</article>
141 
-					<article id="template_list_title" >
142 
-						<div id="template_title2" class="gothic">
143 
-							<div id="template_title_block">
144 
-								<span id="template_title2">小タイトル</span>
145 
-							</div>
387 
+					</div>
388 
+				</article>
389 
+				<article id="template_list_title">
390 
+					<div id="template_title2" class="gothic">
391 
+						<div id="template_title_block">
392 
+							<span id="template_title2">小タイトル</span>
146 393 
 						</div>
147 
-						<span id="template_article_block">
148 
-						</span>
149 
-					</article>
150 
-				</section>
151 
-			</div>
152 
-
153 
-			<footer>
154 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
155 
-			<br />
156 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
157 
-			</footer>
158 
-
394 
+					</div>
395 
+					<span id="template_article_block">
396 
+					</span>
397 
+				</article>
398 
+			</section>
159 399 
 		</div>
160 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?template_second" height="1" width="1" />
161 
-	</body>
162 
-</html>
400 
+
401 
+		<footer>
402 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
403 
+			<div class="footer_mobile">
404 
+				<div class="footer_mobile_title">
405 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
406 
+					<h1 class="footerMobile__text">北方町役場</h1>
407 
+				</div>
408 
+				<div class="footer_mobile_address">
409 
+					<span class="footerTextWrap__text">
410 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
411 
+					</span><br>
412 
+					電話:058-323-1111(代)<br>
413 
+					FAX:058-323-2963<br>
414 
+					開庁日：8時30分～17時15分<br>
415 
+					（土・日・祝日、年末年始を除く）<br>
416 
+				</div>
417 
+			</div>
418 
+			<br class="sp__brDisplay">
419 
+			<p class="footer_text">
420 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
421 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
422 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
423 
+			</p>
424 
+		</footer>
425 
+
426 
+	</div>
427 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?template_second" height="1"
428 
+		width="1" />
429 
+</body>
430 
+
431 
+</html>

+ 769
- 605
second/tourism.html
Datei-Diff unterdrückt, da er zu groß ist
Datei anzeigen


+ 391
- 215
second/town_admini_info.html Datei anzeigen 

@@ -1,248 +1,424 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>町政情報 北方町ホームページ</title>
7 
-  <!--町政情報-->
8 
-  <link rel="stylesheet" href="../css/base.css">
9 
-  <link rel="stylesheet" href="../css/second_header.css">
10 
-  <link rel="stylesheet" href="../css/footer.css">
11 
-  <link rel="stylesheet" href="../css/section.css">
12 
-  <link rel="stylesheet" href="../css/second_template.css">
13 
-  <script src="../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
5 
+    <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
7 
+    <title>町政情報 北方町ホームページ</title>
8 
+    <!--町政情報-->
9 
+    <link rel="stylesheet" href="../css/base.css">
10 
+    <link rel="stylesheet" href="../css/second_header.css">
11 
+    <link rel="stylesheet" href="../css/footer.css">
12 
+    <link rel="stylesheet" href="../css/section.css">
13 
+    <link rel="stylesheet" href="../css/second_body_mobile.css">
14 
+    <link rel="stylesheet" href="../css/second_body.css">
15 
+    <link rel="stylesheet" href="../css/second_header_mobile.css">
16 
+    <link rel="stylesheet" href="../css/footer_mobile.css">
17 
+    <link rel="stylesheet" href="../css/section_mobile.css">
18 
+    <link rel="stylesheet" href="../css/second_template.css">
19 
+    <link rel="stylesheet" href="../css/second_template_mobile.css">
20 
+    <script src="../js/operation.js"></script>
21 
+    <script src="../js/menu.js"></script>
22 
+    <script src="../js/accordion.js"></script>
23 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
24 
+    </meta>
16 25 
 </head>
17 26
18 27 
 <body id="back">
19 
-  <div id="main" class="gothic">
28 
+<script type="text/javascript">
29 
+    function googleTranslateElementInit() {
30 
+        new google.translate.TranslateElement({
31 
+            pageLanguage: 'ja',
32 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
33 
+        }, 'google_translate_element');
34 
+    }
35 
+</script>
36 
+<script type="text/javascript"
37 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
38 
+<div id="main" class="gothic">
39 
+    <!-- mobile header -->
40 
+    <header class="header">
41 
+        <div class="headerLogo">
42 
+            <a href="../index.html" class="header_link"><img class="headerLogo__image"
43 
+                                                             src="../image/logo_kitagata_green_S.png" alt=""></a>
44 
+        </div>
45 
+        <div class="headerTitle">
46 
+            <a href="../index.html" class="header_link">
47 
+                <h1 class="headerTitle__text">北方町</h1>
48 
+            </a>
49 
+        </div>
50 
+        <div class="headerSubTitle">
51 
+            <a href="../index.html" class="header_link">
52 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
53 
+            </a>
54 
+        </div>
55 
+        <div id="h-menu">
56 
+            <span></span>
57 
+            <span></span>
58 
+            <span></span>
59 
+            <div id="h-text">menu</div>
60 
+        </div>
61 
+        <div id="h-nav">
62 
+            <div class="h-menu_main_block_top">
63 
+                <div class="h-menu_main_block">
64 
+                    <div class="h-menu_block">
65 
+                        <a href="../second/living.html">
66 
+                            <div class="h-menu_block_text h-menu_block_before">
67 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
68 
+                            </div>
69 
+                        </a>
70 
+                    </div>
71 
+                </div>
72 
+                <div class="h-menu_main_block">
73 
+                    <div class="h-menu_block">
74 
+                        <a href="../second/tourism.html">
75 
+                            <div class="h-menu_block_text h-menu_block_before">
76 
+                                <div class="h-menu_block_text_center">
77 
+                                    観光
78 
+                                </div>
79 
+                            </div>
80 
+                        </a>
81 
+                    </div>
82 
+                </div>
83 
+                <div class="h-menu_main_block">
84 
+                    <div class="h-menu_block">
85 
+                        <a href="../second/business.html">
86 
+                            <div class="h-menu_block_text h-menu_block_before">
87 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
88 
+                            </div>
89 
+                        </a>
90 
+                    </div>
91 
+                </div>
92 
+                <div class="h-menu_main_block">
93 
+                    <div class="h-menu_block">
94 
+                        <a href="../second/town_admini_info.html">
95 
+                            <div class="h-menu_block_text h-menu_block_before">
96 
+                                <div class="h-menu_block_text_center">町政情報</div>
97 
+                            </div>
98 
+                        </a>
99 
+                    </div>
100 
+                </div>
101 
+                <div class="h-menu_main_block">
102 
+                    <div class="h-menu_block h-menu_block_before">
103 
+                        <a href="../second/sitemap.html">
104 
+                            <div class="h-menu_block_text h-menu_block_before">
105 
+                                <div class="h-menu_block_text_center">
106 
+                                    サイトマップ
107 
+                                </div>
108 
+                            </div>
109 
+                        </a>
110 
+                    </div>
111 
+                </div>
112 
+                <div class="h-menu_main_block">
113 
+                    <div class="h-menu_block h-menu_block_before">
114 
+                        <a href="https://ai-staff.net/kitagata/chat">
115 
+                            <div class="h-menu_block_text  h-menu_block_before">
116 
+                                <div class="h-menu_block_text_center">
117 
+                                    AIチャット
118 
+                                </div>
119 
+                            </div>
120 
+                        </a>
121 
+                    </div>
122 
+                </div>
123 
+                <div class="h-menu_main_block">
124 
+                    <div class="h-menu_block h-menu_block_before">
125 
+                        <a href="../third/town_admini_info/administrative_organization_chart.html">
126 
+                            <div class="h-menu_block_text">
127 
+                                <div class="h-menu_block_text_center">
128 
+                                    お問い合わせ一覧
129 
+                                </div>
130 
+                            </div>
131 
+                        </a>
132 
+                    </div>
133 
+                </div>
134 
+                <div class="h-menu_main_block">
135 
+                    <div class="h-menu_lang">
136 
+                        <div class="h-menu_block_lang">
137 
+                            <div class="h-menu_block_text_center">
138 
+                                <div class="h-menu_block_text_line">
139 
+                                    背景変更
140 
+                                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
141 
+                                    </div>
142 
+                                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
143 
+                                    </div>
144 
+                                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
145 
+                                    </div>
146 
+                                </div>
147 
+                                <script>
148 
+                                    getBackgNumber2();
149 
+                                </script>
150 
+                                <div class="h-menu_block_text_line">言語選択
151 
+                                    <div class="mobile_translation">
152 
+                                        <div id="google_translate_element"></div>
153 
+                                    </div>
154 
+                                </div>
155 
+                            </div>
156 
+                        </div>
157 
+                    </div>
158 
+                </div>
159 
+                <div class="h-menu_main_block">
160 
+                    <div class="h-menu_search">
161 
+                        <div class="h-menu_block_search">
162 
+                            <form action="https://www.google.com/search">
163 
+                                <input type="hidden" name="hl" value="ja"/>
164 
+                                <input type="hidden" name="ie" value="UTF-8">
165 
+                                <input type="hidden" name="oe" value="UTF-8">
166 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
167 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
168 
+                                       class="mobile_form_input"/>
169 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
170 
+                            </form>
171 
+                        </div>
172 
+                    </div>
173 
+                </div>
174 
+            </div>
175 
+    </header>
176 
+
177 
+
20 178 
     <!--セクション 操作-->
21 179 
     <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber2();
39 
-          </script>
180 
+        <!--セクション 住所-->
181 
+        <article id="address">
182 
+            <address id="operation_add">
183 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
184 
+            TEL:058-323-1111(代)</span>
185 
+            </address>
40 186 
         </article>
187 
+        <div id="controle_panel">
188 
+            <!--セクション 背景色-->
189 
+            <article id="bgcolor">
190 
+                <img src="../css/img/013.png" alt="背景色変更ボックス"/>
191 
+                <div id="bgcolor_img">
192 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
193 
+                           onClick="setBackground2(1)">
194 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
195 
+                           onClick="setBackground2(2)">
196 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
197 
+                           onClick="setBackground2(3)">
198 
+                </div>
199 
+                <script>
200 
+                    getBackgNumber2();
201 
+                </script>
202 
+            </article>
41 203
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-      <div id="charsize_img">
46 
-      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-      </div>
50 
-      </article>-->
51 
-
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
204 
+            <!--セクション 文字サイズ-->
205 
+            <!--<article id="charsize" >
206 
+          <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
207 
+          <div id="charsize_img">
208 
+          <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
209 
+          <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
210 
+          <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
80 211 
           </div>
81 
-        </article>
82 
-        <div id="claer">
212 
+          </article>-->
213 
+
214 
+            <!--セクション サイトマップ-->
215 
+            <article id="sitemap">
216 
+                <div id="sitemap_img">
217 
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
218 
+                </div>
219 
+            </article>
220 
+            <!--セクション お問い合わせ-->
221 
+            <article id="contact">
222 
+                <div id="contact_img">
223 
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
224 
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
225 
+                </div>
226 
+            </article>
227 
+            <!--セクション 翻訳-->
228 
+            <article id="translation">
229 
+                <div id="translation_img">
230 
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
231 
+                    <div id="google_translate_element"></div>
232 
+                </div>
233 
+            </article>
234 
+            <div id="claer">
235 
+            </div>
83 236 
         </div>
84 
-      </div>
85 237 
     </section>
86 238
87 239
88 240 
     <!--ヘッダーデータ-->
89 241 
     <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../index.html">
92 
-          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
93 
-        </a>
94 
-        <div id="h_block_1">
95 
-          <div class="h_line">
96 
-          </div>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../second/living.html">
99 
-              <span class="h_text">くらしの情報</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../second/tourism.html">
103 
-              <span class="h_text">観光</span></a>
104 
-          </article>
105 
-          <article class="h_text_l">
106 
-            <a class="h_link" href="../second/business.html">
107 
-              <span class="h_text">事業者向け情報</span></a>
108 
-          </article>
109 
-          <article class="h_text_l">
110 
-            <a class="h_link" href="../second/town_admini_info.html">
111 
-              <span class="h_text">町政情報</span></a>
112 
-          </article>
113 
-        </div>
114 
-        <div id="h_block_search">
115 
-          <div class="h_line"></div>
116 
-          <article class="h_search">
117 
-            <div class="space10"></div>
118 
-            <form action="http://www.google.com/search">
119 
-              <input type="hidden" name="hl" value="ja" />
120 
-              <input type="hidden" name="ie" value="UTF-8">
121 
-              <input type="hidden" name="oe" value="UTF-8">
122 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
123 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
124 
-              <input type="submit" name="btnG" value="検索" />
125 
-            </form>
242 
+        <div id="header" class="gothic">
243 
+            <a href="../index.html">
244 
+                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
245 
+            </a>
246 
+            <div id="h_block_1">
247 
+                <div class="h_line">
248 
+                </div>
249 
+                <article class="h_text_l">
250 
+                    <a class="h_link" href="../second/living.html">
251 
+                        <span class="h_text">くらしの情報</span></a>
252 
+                </article>
253 
+                <article class="h_text_l">
254 
+                    <a class="h_link" href="../second/tourism.html">
255 
+                        <span class="h_text">観光</span></a>
256 
+                </article>
257 
+                <article class="h_text_l">
258 
+                    <a class="h_link" href="../second/business.html">
259 
+                        <span class="h_text">事業者向け情報</span></a>
260 
+                </article>
261 
+                <article class="h_text_l">
262 
+                    <a class="h_link" href="../second/town_admini_info.html">
263 
+                        <span class="h_text">町政情報</span></a>
264 
+                </article>
265 
+            </div>
266 
+            <div id="h_block_search">
267 
+                <div class="h_line"></div>
268 
+                <article class="h_search">
269 
+                    <div class="space10"></div>
270 
+                    <form action="http://www.google.com/search">
271 
+                        <input type="hidden" name="hl" value="ja"/>
272 
+                        <input type="hidden" name="ie" value="UTF-8">
273 
+                        <input type="hidden" name="oe" value="UTF-8">
274 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
275 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
276 
+                        <input type="submit" name="btnG" value="検索"/>
277 
+                    </form>
126 278
127 
-          </article>
279 
+                </article>
280 
+            </div>
128 281 
         </div>
129 
-      </div>
130 282 
     </header>
131 283
132 284 
     <div id="article_body">
133 
-      <!--セクション template-->
134 
-      <section id="template" style="height:1500px;">
135 
-        <article id="breadcrumb">
136 
-          <div id="breadcrumb_title">
137 
-            <div id="breadcrumb_title_block">
285 
+        <!--セクション template-->
286 
+        <section id="template" style="height:1500px;">
287 
+            <article id="breadcrumb">
288 
+                <div id="breadcrumb_title">
289 
+                    <div id="breadcrumb_title_block">
138 290 
               <span id="breadcrumb_title">
139 291 
                 <a href="../index.html">トップ</a>>町政情報</span>
140 
-            </div>
141 
-          </div>
142 
-        </article>
143 
-        <article id="template">
144 
-          <div id="template_title" class="gothic">
145 
-            <div id="template_title_block">
146 
-              <span id="template_title">町政情報</span>
147 
-            </div>
148 
-          </div>
149 
-        </article>
150 
-        <article id="template_list_title">
151 
-          <div id="template_title2" class="gothic">
152 
-            <div id="template_title_block">
153 
-              <span id="template_title2">計画・財政</span>
154 
-            </div>
155 
-            <div id="template_title_block">
156 
-              <div class="space10"></div>
157 
-              <!--
158 
-                                <span class="template_list"><a href="../third/town_admini_info/administrative_and_financial_organization.html">行財政組織</a></span><br />
159 
-            -->
160 
-              <span class="template_list"><a
161 
-                  href="../third/town_admini_info/comprehensive_plan.html">総合計画</a></span><br />
162 
-              <span class="template_list"><a
163 
-                  href="../third/town_admini_info/Comprehensive_management_plan.html">公共施設等総合管理計画</a></span><br />
164 
-              <span class="template_list"><a href="../css/pdf/20190122_Integrated_strategy.pdf">北方町総合戦略</a></span><br />
165 
-              <span class="template_list"><a
166 
-                  href="../third/town_admini_info/community_participation.html">住民参加</a></span><br />
167 
-              <span class="template_list">
292 
+                    </div>
293 
+                </div>
294 
+            </article>
295 
+            <article id="template">
296 
+                <div id="template_title" class="gothic">
297 
+                    <div id="template_title_block">
298 
+                        <span id="template_title">町政情報</span>
299 
+                    </div>
300 
+                </div>
301 
+            </article>
302 
+            <article id="template_list_title">
303 
+                <div id="template_title2" class="gothic">
304 
+                    <div id="template_title_block">
305 
+                        <span id="template_title2">計画・財政</span>
306 
+                    </div>
307 
+                    <div id="template_title_block">
308 
+                        <div class="space10"></div>
309 
+                        <!--
310 
+                                          <span class="template_list"><a href="../third/town_admini_info/administrative_and_financial_organization.html">行財政組織</a></span><br />
311 
+                      -->
312 
+                        <span class="template_list"><a
313 
+                                href="../third/town_admini_info/comprehensive_plan.html">総合計画</a></span><br/>
314 
+                        <span class="template_list"><a
315 
+                                href="../third/town_admini_info/Comprehensive_management_plan.html">公共施設等総合管理計画</a></span><br/>
316 
+                        <span class="template_list"><a
317 
+                                href="../css/pdf/20190122_Integrated_strategy.pdf">北方町総合戦略</a></span><br/>
318 
+                        <span class="template_list"><a
319 
+                                href="../third/town_admini_info/community_participation.html">住民参加</a></span><br/>
320 
+                        <span class="template_list">
168 321 
                 <!--<span style="margin-left: 1em">--><a
169 
-                  href="../third/town_admini_info/Activities_Grant_business.html">まちづくり活動助成事業</a></span></span><br />
170 
-              <span class="template_list"><a
171 
-                  href="../third/town_admini_info/fiscal_information.html">財政情報</a></span><br />
172 
-              <span class="template_list"><a href="../fourth/notices/Clear_stream_of_country_basic_plan.pdf"
173 
-                  target="_blank">わがまち清流の国ぎふづくり基本計画</a></span><br />
174 
-              <span class="template_list"><a
175 
-                  href="../third/town_admini_info/danjyokyoudousankaku_plan.html">男女共同参画プラン</a></span><br />
322 
+                                href="../third/town_admini_info/Activities_Grant_business.html">まちづくり活動助成事業</a>
323 
+              </span></span><br/>
324 
+                        <span class="template_list"><a
325 
+                                href="../third/town_admini_info/fiscal_information.html">財政情報</a></span><br/>
326 
+                        <span class="template_list"><a href="../fourth/notices/Clear_stream_of_country_basic_plan.pdf"
327 
+                                                       target="_blank">わがまち清流の国ぎふづくり基本計画</a></span><br/>
328 
+                        <span class="template_list"><a
329 
+                                href="../third/town_admini_info/danjyokyoudousankaku_plan.html">男女共同参画プラン</a></span><br/>
176 330
177 
-            </div>
178 
-          </div>
179 
-          <div class="space210" style="height:400px;"></div>
180 
-          <div id="template_title2" class="gothic">
181 
-            <div id="template_title_block">
182 
-              <span id="template_title2">行政組織</span>
183 
-            </div>
184 
-            <div id="template_title_block">
185 
-              <div class="space10"></div>
186 
-              <span class="template_list"><a
187 
-                  href="../third/town_admini_info/administrative_organization_chart.html">行政組織表</a></span><br />
188 
-              <span class="template_list"><a href="../third/town_admini_info/publication.html">給与等の状況</a></span><br />
189 
-            </div>
190 
-          </div>
191 
-          <div class="space100"></div>
192 
-          <div id="template_title2" class="gothic">
193 
-            <div id="template_title_block">
194 
-              <span id="template_title2">各種制度</span>
195 
-            </div>
196 
-            <div id="template_title_block">
197 
-              <div class="space10"></div>
198 
-              <span class="template_list"><a href="../third/town_admini_info/election.html">選挙</a></span><br />
199 
-              <span class="template_list"><a href="../third/town_admini_info/statistics.html">統計</a></span><br />
200 
-              <span class="template_list"><a href="../third/town_admini_info/audit.html">監査</a></span><br />
201 
-              <span class="template_list"><a href="../third/town_admini_info/privacy.html">個人情報保護</a></span><br />
202 
-              <span class="template_list"><a
203 
-                  href="../third/town_admini_info/information_disclosure.html">情報公開</a></span><br />
204 
-              <span class="template_list"><a
205 
-                  href="../third/town_admini_info/mynumber.html">社会保障・税番号制度（マイナンバー制度）</a></span><br />
206 
-            </div>
207 
-          </div>
208 
-          <div style="height:320px;"></div>
209 
-          <div id="template_title2" class="gothic">
210 
-            <div id="template_title_block">
211 
-              <span id="template_title2">その他</span>
212 
-            </div>
213 
-            <div id="template_title_block">
214 
-              <div class="space10"></div>
215 
-              <span class="template_list"><a
216 
-                  href="../third/town_admini_info/service_kaikaku.html">地方行政サービス改革に関する取組状況</a></span><br />
217 
-              <span class="template_list"><a
218 
-                  href="../third/town_admini_info/opendata.html">オープンデータの取り組みについて</a></span><br />
219 
-              <span class="template_list"><a
220 
-                  href="../third/town_admini_info/new_building_construction.html">新庁舎建設</a></span><br />
221 
-              <span class="template_list"><a href="../third/town_admini_info/merger_problem.html">合併問題</a></span><br />
222 
-              <span class="template_list"><a
223 
-                  href="../third/town_admini_info/School_etc.html">学校・幼稚園・保育所</a></span><br />
224 
-              <span class="template_list"><a
225 
-                  href="../third/town_admini_info/Building_etc.html">その他の公共施設</a></span><br />
226 
-              <span class="template_list"><a href="../css/pdf/town_admini_info/Disabled_person_promotion_plan.pdf"
227 
-                  target="_blank">北方町障害者活躍推進計画</a></span><br />
228 
-              <span class="template_list"><a href="../third/town_admini_info/Investment_statement.html"
229 
-                                             >投資表明</a></span><br />
230 
-            </div>
231 
-          </div>
232 
-        </article>
233 
-      </section>
331 
+                    </div>
332 
+                </div>
333 
+                <div class="space420"></div>
334 
+                <div id="template_title2" class="gothic">
335 
+                    <div id="template_title_block">
336 
+                        <span id="template_title2">行政組織</span>
337 
+                    </div>
338 
+                    <div id="template_title_block">
339 
+                        <div class="space10"></div>
340 
+                        <span class="template_list"><a
341 
+                                href="../third/town_admini_info/administrative_organization_chart.html">行政組織表</a></span><br/>
342 
+                        <span class="template_list"><a
343 
+                                href="../third/town_admini_info/publication.html">給与等の状況</a></span><br/>
344 
+                    </div>
345 
+                </div>
346 
+                <div class="space100"></div>
347 
+                <div id="template_title2" class="gothic">
348 
+                    <div id="template_title_block">
349 
+                        <span id="template_title2">各種制度</span>
350 
+                    </div>
351 
+                    <div id="template_title_block">
352 
+                        <div class="space10"></div>
353 
+                        <span class="template_list"><a href="../third/town_admini_info/election.html">選挙</a></span><br/>
354 
+                        <span class="template_list"><a
355 
+                                href="../third/town_admini_info/statistics.html">統計</a></span><br/>
356 
+                        <span class="template_list"><a href="../third/town_admini_info/audit.html">監査</a></span><br/>
357 
+                        <span class="template_list"><a
358 
+                                href="../third/town_admini_info/privacy.html">個人情報保護</a></span><br/>
359 
+                        <span class="template_list"><a
360 
+                                href="../third/town_admini_info/information_disclosure.html">情報公開</a></span><br/>
361 
+                        <span class="template_list"><a
362 
+                                href="../third/town_admini_info/mynumber.html">社会保障・税番号制度（マイナンバー制度）</a></span><br/>
363 
+                    </div>
364 
+                </div>
365 
+                <div style="height:320px;"></div>
366 
+                <div id="template_title2" class="gothic">
367 
+                    <div id="template_title_block">
368 
+                        <span id="template_title2">その他</span>
369 
+                    </div>
370 
+                    <div id="template_title_block">
371 
+                        <div class="space10"></div>
372 
+                        <span class="template_list"><a
373 
+                                href="../third/town_admini_info/service_kaikaku.html">地方行政サービス改革に関する取組状況</a></span><br/>
374 
+                        <span class="template_list"><a
375 
+                                href="../third/town_admini_info/opendata.html">オープンデータの取り組みについて</a></span><br/>
376 
+                        <span class="template_list"><a
377 
+                                href="../third/town_admini_info/new_building_construction.html">新庁舎建設</a></span><br/>
378 
+                        <span class="template_list"><a
379 
+                                href="../third/town_admini_info/merger_problem.html">合併問題</a></span><br/>
380 
+                        <span class="template_list"><a
381 
+                                href="../third/town_admini_info/School_etc.html">学校・幼稚園・保育所</a></span><br/>
382 
+                        <span class="template_list"><a
383 
+                                href="../third/town_admini_info/Building_etc.html">その他の公共施設</a></span><br/>
384 
+                        <span class="template_list"><a
385 
+                                href="../css/pdf/town_admini_info/Disabled_person_promotion_plan.pdf"
386 
+                                target="_blank">北方町障害者活躍推進計画</a></span><br/>
387 
+                        <span class="template_list"><a
388 
+                                href="../third/town_admini_info/Investment_statement.html">投資表明</a></span><br/>
389 
+                    </div>
390 
+                </div>
391 
+            </article>
392 
+        </section>
234 393 
     </div>
235 394 
     <footer>
236 
-      <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
237 
-      <br />
238 
-      <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a
239 
-          href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
240 
-      </p>
395 
+        <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
396 
+        <div class="footer_mobile">
397 
+            <div class="footer_mobile_title">
398 
+                <img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
399 
+                <h1 class="footerMobile__text">北方町役場</h1>
400 
+            </div>
401 
+            <div class="footer_mobile_address">
402 
+          <span class="footerTextWrap__text">
403 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
404 
+          </span><br>
405 
+                電話:058-323-1111(代)<br>
406 
+                FAX:058-323-2963<br>
407 
+                開庁日：8時30分～17時15分<br>
408 
+                （土・日・祝日、年末年始を除く）<br>
409 
+            </div>
410 
+        </div>
411 
+        <br class="sp__brDisplay">
412 
+        <p class="footer_text">
413 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
414 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
415 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
416 
+        </p>
241 417 
     </footer>
242 418
243 
-  </div>
244 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?town_admini_info" height="1"
245 
-    width="1" />
419 
+</div>
420 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?town_admini_info" height="1"
421 
+     width="1"/>
246 422 
 </body>
247 423
248 424 
 </html>

+ 440
- 167
second/vacant_house_bank.html Datei anzeigen 

@@ -1,195 +1,468 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>事業者向け情報 北方町ホームページ</title>
6 
-        <!--事業者向け情報-->
7 
-		<link rel="stylesheet" href="../css/base.css">
8 
-		<link rel="stylesheet" href="../css/second_header.css">
9 
-		<link rel="stylesheet" href="../css/footer.css">
10 
-		<link rel="stylesheet" href="../css/section.css">
11 
-		<link rel="stylesheet" href="../css/second_template.css" >
12 
-        <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
13 
-<script src="../js/operation.js"></script>
14 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
15 
-
16 
-	</head>
2 
+<html id="html-back" lang="ja">
3 
+
4 
+<head>
5 
+	<meta charset="utf-8">
6 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
7 
+	<title>事業者向け情報 北方町ホームページ</title>
8 
+	<!--事業者向け情報-->
9 
+	<link rel="stylesheet" href="../css/base.css">
10 
+	<link rel="stylesheet" href="../css/second_header.css">
11 
+	<link rel="stylesheet" href="../css/footer.css">
12 
+	<link rel="stylesheet" href="../css/section.css">
13 
+	<link rel="stylesheet" href="../css/second_template.css">
14 
+	<link rel="stylesheet" href="../css/second_header_mobile.css">
15 
+	<link rel="stylesheet" href="../css/footer_mobile.css">
16 
+	<link rel="stylesheet" href="../css/section_mobile.css">
17 
+	<link rel="stylesheet" href="../css/second_body_mobile.css">
18 
+	<script src="../js/operation.js"></script>
19 
+	<script src="../js/menu.js"></script>
20 
+	<script src="../js/accordion.js"></script>
21 
+	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+	</meta>
23 
+
24 
+</head>
17 25
18 26 
 <body id="back">
19 
-<div id="main" class="gothic">
20 
-<!--セクション 操作-->
21 
-<section id="operation" >
22 
-<!--セクション 住所-->
23 
-<article id="address" >
24 
-<address id="operation_add">
25 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-</address>
27 
-</article>
28 
-<div id="controle_panel">
29 
-<!--セクション 背景色-->
30 
-<article id="bgcolor" >
31 
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
32 
-<div id="bgcolor_img">
33 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
34 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
35 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
36 
-</div>
37 
-<script>
38 
-getBackgNumber2();
39 
-</script>
40 
-</article>
41 
-
42 
-<!--セクション 文字サイズ-->
43 
-<!--<article id="charsize" >
44 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
51 
-
52 
-<!--セクション サイトマップ-->
53 
-<article id="sitemap" >
54 
- <div id="sitemap_img">
55 
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
- </div>
57 
-</article>
58 
-<!--セクション お問い合わせ-->
59 
-<article id="contact" >
60 
- <div id="contact_img">
61 
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
62 
- </div>
63 
-</article>
64 
-<!--セクション 翻訳-->
65 
-<article id="translation" >
66 
-<div id="translation_img">
67 
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
68 
-<div id="google_translate_element"></div>
69 
-<script type="text/javascript">
70 
-function googleTranslateElementInit() {
71 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
72 
-}
73 
-</script>
74 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
75 
-</div>
76 
-</article>
77 
-<div id="claer">
78 
-</div>
79 
-</div>
80 
-</section>
81 
-
82 
-			<!--ヘッダーデータ-->
83 
-			<header>
84 
-			<div id="header" class="gothic">
85 
-				<a href="../index.html">
86 
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
27 
+	<script type="text/javascript">
28 
+		function googleTranslateElementInit() {
29 
+			new google.translate.TranslateElement({
30 
+				pageLanguage: 'ja',
31 
+				layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32 
+			}, 'google_translate_element');
33 
+		}
34 
+	</script>
35 
+	<script type="text/javascript"
36 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37 
+	<div id="main" class="gothic">
38 
+		<!-- mobile header -->
39 
+		<header class="header">
40 
+			<div class="headerLogo">
41 
+				<a href="../index.html" class="header_link"><img class="headerLogo__image"
42 
+						src="../image/logo_kitagata_green_S.png" alt=""></a>
43 
+			</div>
44 
+			<div class="headerTitle">
45 
+				<a href="../index.html" class="header_link">
46 
+					<h1 class="headerTitle__text">北方町</h1>
87 47 
 				</a>
88 
-                <div id="h_block_1">
89 
-                    <div class="h_line">
90 
-                    </div>
91 
-                    <article class="h_text_l">
92 
-                        <a class="h_link" href="../second/living.html">
93 
-                            <span class="h_text">くらしの情報</span></a>
94 
-                    </article>
95 
-                    <article class="h_text_l">
96 
-                        <a class="h_link" href="../second/tourism.html">
97 
-                            <span class="h_text">観光</span></a>
98 
-                    </article>
99 
-                    <article class="h_text_l">
100 
-                        <a class="h_link" href="../second/business.html">
101 
-                            <span class="h_text">事業者向け情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../second/town_admini_info.html">
105 
-                            <span class="h_text">町政情報</span></a>
106 
-                    </article>
107 
-                </div>
108 
-                <div id="h_block_search">
109 
-                    <div class="h_line"></div>
110 
-                    <article class="h_search">
111 
-                    	<div class="space10"></div>
112 
-                    	<form action="http://www.google.com/search">
113 
-                        <input type="hidden" name="hl" value="ja" />
114 
-                        <input type="hidden" name="ie" value="UTF-8">
115 
-                        <input type="hidden" name="oe" value="UTF-8">
116 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-                        <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-                        <input type="submit" name="btnG" value="検索" />
119 
-                        </form>
120 
-
121 
-                    </article>
122 
-                </div>
123 48 
 			</div>
124 
-			</header>
125 
-
126 
-			<div id="article_body">
127 
-				<!--セクション space-->
128 
-				<!--セクション template-->
129 
-				<section id="template" >
130 
-					<article id="breadcrumb" >
131 
-						<div id="breadcrumb_title">
132 
-							<div id="breadcrumb_title_block">
133 
-								<span id="breadcrumb_title">
134 
-                                <a href="../index.html">トップ</a>>空家等対策について　</span>
49 
+			<div class="headerSubTitle">
50 
+				<a href="../index.html" class="header_link">
51 
+					<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
52 
+				</a>
53 
+			</div>
54 
+			<div id="h-menu">
55 
+				<span></span>
56 
+				<span></span>
57 
+				<span></span>
58 
+				<div id="h-text">menu</div>
59 
+			</div>
60 
+			<div id="h-nav">
61 
+				<div class="h-menu_main_block_top">
62 
+					<div class="h-menu_block   h-accordion__title h-js-accordion-title">
63 
+						<div class="h-menu_block_text">
64 
+							<div class="h-menu_block_text_center">くらしの情報</div>
65 
+						</div>
66 
+					</div>
67 
+					<div class="h-accordion__content">
68 
+						<div class="h-menu_accordion_block_start">
69 
+							<div class="h-menu_accordion_block_text">
70 
+								<a class="h_link" href="../second/Family_register.html" name="anc1">戸籍・住民票など</a>
135 71 
 							</div>
136 72 
 						</div>
137 
-					</article>
138 
-					<article id="template" >
139 
-						<div id="template_title" class="gothic">
140 
-							<div id="template_title_block">
141 
-								<span id="template_title">空家等対策について　</span>
73 
+						<div class="h-menu_accordion_block">
74 
+							<div class="h-menu_accordion_block_text">
75 
+								<a class="h_link" href="../second/Health.html" name="anc2">健康・医療</a>
76 
+							</div>
77 
+						</div>
78 
+						<div class="h-menu_accordion_block">
79 
+							<div class="h-menu_accordion_block_text">
80 
+								<a class="h_link" href="../second/Education.html" name="anc3">教育</a>
81 
+							</div>
82 
+						</div>
83 
+						<div class="h-menu_accordion_block">
84 
+							<div class="h-menu_accordion_block_text">
85 
+								<a class="h_link" href="../second/Culture.html" name="anc4">文化</a>
86 
+							</div>
87 
+						</div>
88 
+						<div class="h-menu_accordion_block">
89 
+							<div class="h-menu_accordion_block_text">
90 
+								<a class="h_link" href="../second/Trash.html" name="anc5">ごみ・リサイクル</a>
91 
+							</div>
92 
+						</div>
93 
+						<div class="h-menu_accordion_block">
94 
+							<div class="h-menu_accordion_block_text">
95 
+								<a class="h_link" href="../second/National_Health_Insurance.html" name="anc6">国民健康保険</a>
96 
+							</div>
97 
+						</div>
98 
+						<div class="h-menu_accordion_block">
99 
+							<div class="h-menu_accordion_block_text">
100 
+								<a class="h_link" href="../second/National_pension.html" name="anc7">国民年金</a>
101 
+							</div>
102 
+						</div>
103 
+						<div class="h-menu_accordion_block">
104 
+							<div class="h-menu_accordion_block_text">
105 
+								<a class="h_link" href="../second/Calender.html" name="anc8">くらしのカレンダー</a>
106 
+							</div>
107 
+						</div>
108 
+						<div class="h-menu_accordion_block">
109 
+							<div class="h-menu_accordion_block_text">
110 
+								<a class="h_link" href="../second/Welfare.html" name="anc9">福祉・介護</a>
111 
+							</div>
112 
+						</div>
113 
+						<div class="h-menu_accordion_block">
114 
+							<div class="h-menu_accordion_block_text">
115 
+								<a class="h_link" href="../second/Urban_planning.html" name="anc10">都市計画</a>
116 
+							</div>
117 
+						</div>
118 
+						<div class="h-menu_accordion_block">
119 
+							<div class="h-menu_accordion_block_text">
120 
+								<a class="h_link" href="../second/Living_environment.html" name="anc11">生活環境</a>
121 
+							</div>
122 
+						</div>
123 
+						<div class="h-menu_accordion_block">
124 
+							<div class="h-menu_accordion_block_text">
125 
+								<a class="h_link" href="../second/Tax.html" name="anc12">税金</a>
126 
+							</div>
127 
+						</div>
128 
+						<div class="h-menu_accordion_block">
129 
+							<div class="h-menu_accordion_block_text">
130 
+								<a class="h_link" href="../second/Water_supply_sewer.html" name="anc13">上水道・下水道</a>
131 
+							</div>
132 
+						</div>
133 
+						<div class="h-menu_accordion_block">
134 
+							<div class="h-menu_accordion_block_text">
135 
+								<a class="h_link" href="../second/Agriculture.html" name="anc14">農業</a>
136 
+							</div>
137 
+						</div>
138 
+						<div class="h-menu_accordion_block">
139 
+							<div class="h-menu_accordion_block_text">
140 
+								<a class="h_link" href="../second/Consumer_consultation.html" name="anc15">消費者相談</a>
142 141 
 							</div>
143 142 
 						</div>
143 
+						<div class="h-menu_accordion_block">
144 
+							<div class="h-menu_accordion_block_text">
145 
+								<a class="h_link" href="../second/Public_transport.html" name="anc15">公共交通</a>
146 
+							</div>
147 
+						</div>
148 
+						<div class="h-menu_accordion_block">
149 
+							<div class="h-menu_accordion_block_text">
150 
+								<a class="h_link" href="../second/Application_downloading.html"
151 
+									name="anc15">申請書ダウンロード</a>
152 
+							</div>
153 
+						</div>
154 
+						<div class="h-menu_accordion_block">
155 
+							<div class="h-menu_accordion_block_text">
156 
+								<a class="h_link" href="../third/living/Kwasemi_mail.html"
157 
+									name="anc15">カワセミ便<br />（きたがた情報メール）</a>
158 
+							</div>
159 
+						</div>
160 
+					</div>
161 
+				</div>
162 
+				<div class="h-menu_main_block">
163 
+					<div class="h-menu_block">
164 
+						<a href="../second/tourism.html">
165 
+							<div class="h-menu_block_text h-menu_block_before">
166 
+								<div class="h-menu_block_text_center">
167 
+									観光
168 
+								</div>
169 
+							</div>
170 
+						</a>
171 
+					</div>
172 
+				</div>
173 
+				<div class="h-menu_main_block">
174 
+					<div class="h-menu_block">
175 
+						<a href="../second/business.html">
176 
+							<div class="h-menu_block_text h-menu_block_before">
177 
+								<div class="h-menu_block_text_center">事業者向け情報</div>
178 
+							</div>
179 
+						</a>
180 
+					</div>
181 
+				</div>
182 
+				<div class="h-menu_main_block">
183 
+					<div class="h-menu_block">
184 
+						<a href="../second/town_admini_info.html">
185 
+							<div class="h-menu_block_text h-menu_block_before">
186 
+								<div class="h-menu_block_text_center">町政情報</div>
187 
+							</div>
188 
+						</a>
189 
+					</div>
190 
+				</div>
191 
+				<div class="h-menu_main_block">
192 
+					<div class="h-menu_block h-menu_block_before">
193 
+						<a href="../second/sitemap.html">
194 
+							<div class="h-menu_block_text h-menu_block_before">
195 
+								<div class="h-menu_block_text_center">
196 
+									サイトマップ
197 
+								</div>
198 
+							</div>
199 
+						</a>
200 
+					</div>
201 
+				</div>
202 
+				<div class="h-menu_main_block">
203 
+					<div class="h-menu_block h-menu_block_before">
204 
+						<a href="https://ai-staff.net/kitagata/chat">
205 
+							<div class="h-menu_block_text  h-menu_block_before">
206 
+								<div class="h-menu_block_text_center">
207 
+									AIチャット
208 
+								</div>
209 
+							</div>
210 
+						</a>
211 
+					</div>
212 
+				</div>
213 
+				<div class="h-menu_main_block">
214 
+					<div class="h-menu_block h-menu_block_before">
215 
+						<a href="../third/town_admini_info/administrative_organization_chart.html">
216 
+							<div class="h-menu_block_text">
217 
+								<div class="h-menu_block_text_center">
218 
+									お問い合わせ一覧
219 
+								</div>
220 
+							</div>
221 
+						</a>
222 
+					</div>
223 
+				</div>
224 
+				<div class="h-menu_main_block">
225 
+					<div class="h-menu_lang">
226 
+						<div class="h-menu_block_lang">
227 
+							<div class="h-menu_block_text_center">
228 
+								<div class="h-menu_block_text_line">
229 
+									背景変更
230 
+									<div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
231 
+									</div>
232 
+									<div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
233 
+									</div>
234 
+									<div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
235 
+									</div>
236 
+								</div>
237 
+								<script>
238 
+									getBackgNumber2();
239 
+								</script>
240 
+								<div class="h-menu_block_text_line">言語選択
241 
+									<div class="mobile_translation">
242 
+										<div id="google_translate_element"></div>
243 
+									</div>
244 
+								</div>
245 
+							</div>
246 
+						</div>
247 
+					</div>
248 
+				</div>
249 
+				<div class="h-menu_main_block">
250 
+					<div class="h-menu_search">
251 
+						<div class="h-menu_block_search">
252 
+							<form action="https://www.google.com/search">
253 
+								<input type="hidden" name="hl" value="ja" />
254 
+								<input type="hidden" name="ie" value="UTF-8">
255 
+								<input type="hidden" name="oe" value="UTF-8">
256 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
257 
+								<input type="text" name="q" size="16" maxlength="256" value=""
258 
+									class="mobile_form_input" />
259 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
260 
+							</form>
261 
+						</div>
262 
+					</div>
263 
+				</div>
264 
+			</div>
265 
+		</header>
266 
+
267 
+
268 
+		<!--セクション 操作-->
269 
+		<section id="operation">
270 
+			<!--セクション 住所-->
271 
+			<article id="address">
272 
+				<address id="operation_add">
273 
+					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
274 
+						TEL:058-323-1111(代)</span>
275 
+				</address>
276 
+			</article>
277 
+			<div id="controle_panel">
278 
+				<!--セクション 背景色-->
279 
+				<article id="bgcolor">
280 
+					<img src="../css/img/013.png" alt="背景色変更ボックス" />
281 
+					<div id="bgcolor_img">
282 
+						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
283 
+							onClick="setBackground2(1)">
284 
+						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
285 
+							onClick="setBackground2(2)">
286 
+						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
287 
+							onClick="setBackground2(3)">
288 
+					</div>
289 
+					<script>
290 
+						getBackgNumber2();
291 
+					</script>
292 
+				</article>
293 
+
294 
+				<!--セクション 文字サイズ-->
295 
+				<!--<article id="charsize" >
296 
+		<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
297 
+		<div id="charsize_img">
298 
+		<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
299 
+		<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
300 
+		<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
301 
+		</div>
302 
+		</article>-->
303 
+
304 
+				<!--セクション サイトマップ-->
305 
+				<article id="sitemap">
306 
+					<div id="sitemap_img">
307 
+						<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
308 
+					</div>
309 
+				</article>
310 
+				<!--セクション お問い合わせ-->
311 
+				<article id="contact">
312 
+					<div id="contact_img">
313 
+						<a href="../third/town_admini_info/administrative_organization_chart.html"><img
314 
+								src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
315 
+					</div>
316 
+				</article>
317 
+				<!--セクション 翻訳-->
318 
+				<article id="translation">
319 
+					<div id="translation_img">
320 
+						<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
321 
+						<div id="google_translate_element"></div>
322 
+					</div>
323 
+				</article>
324 
+				<div id="claer">
325 
+				</div>
326 
+			</div>
327 
+		</section>
328 
+
329 
+		<!--ヘッダーデータ-->
330 
+		<header>
331 
+			<div id="header" class="gothic">
332 
+				<a href="../index.html">
333 
+					<img src="../css/img/header_emblem.png" width="200px" height="260px" />
334 
+				</a>
335 
+				<div id="h_block_1">
336 
+					<div class="h_line">
337 
+					</div>
338 
+					<article class="h_text_l">
339 
+						<a class="h_link" href="../second/living.html">
340 
+							<span class="h_text">くらしの情報</span></a>
341 
+					</article>
342 
+					<article class="h_text_l">
343 
+						<a class="h_link" href="../second/tourism.html">
344 
+							<span class="h_text">観光</span></a>
345 
+					</article>
346 
+					<article class="h_text_l">
347 
+						<a class="h_link" href="../second/business.html">
348 
+							<span class="h_text">事業者向け情報</span></a>
349 
+					</article>
350 
+					<article class="h_text_l">
351 
+						<a class="h_link" href="../second/town_admini_info.html">
352 
+							<span class="h_text">町政情報</span></a>
144 353 
 					</article>
145 
-					<article id="template_list_title" >
146 
-						<!-- <div id="template_title2" class="gothic">
354 
+				</div>
355 
+				<div id="h_block_search">
356 
+					<div class="h_line"></div>
357 
+					<article class="h_search">
358 
+						<div class="space10"></div>
359 
+						<form action="http://www.google.com/search">
360 
+							<input type="hidden" name="hl" value="ja" />
361 
+							<input type="hidden" name="ie" value="UTF-8">
362 
+							<input type="hidden" name="oe" value="UTF-8">
363 
+							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
364 
+							<input type="text" name="q" size="16" maxlength="256" value="" />
365 
+							<input type="submit" name="btnG" value="検索" />
366 
+						</form>
367 
+
368 
+					</article>
369 
+				</div>
370 
+			</div>
371 
+		</header>
372 
+
373 
+		<div id="article_body">
374 
+			<!--セクション space-->
375 
+			<!--セクション template-->
376 
+			<section id="template">
377 
+				<article id="breadcrumb">
378 
+					<div id="breadcrumb_title">
379 
+						<div id="breadcrumb_title_block">
380 
+							<span id="breadcrumb_title">
381 
+								<a href="../index.html">トップ</a>>空家等対策について　</span>
382 
+						</div>
383 
+					</div>
384 
+				</article>
385 
+				<article id="template">
386 
+					<div id="template_title" class="gothic">
387 
+						<div id="template_title_block">
388 
+							<span id="template_title">空家等対策について　</span>
389 
+						</div>
390 
+					</div>
391 
+				</article>
392 
+				<article id="template_list_title">
393 
+					<!-- <div id="template_title2" class="gothic">
147 394 
 							<div id="template_title_block">
148 395 
 								<span id="template_title2">入札・契約</span>
149 396 
 							</div> -->
150 
-              		<div id="template_title_block">
151 
-                            <div class="space10"></div>
397 
+					<div id="template_title_block">
398 
+						<div class="space10"></div>
152 399 
 					</div>
153 
-					</article>
400 
+				</article>
154 401
155 
-					<article id="template_list_title" >
156 
-						<div id="template_title2" class="gothic">
157 
-							<div id="template_title_block">
158 
-								<span id="template_title2">北方町空家等対策計画</span>
159 
-							</div>
402 
+				<article id="template_list_title">
403 
+					<div id="template_title2" class="gothic">
404 
+						<div id="template_title_block">
405 
+							<span id="template_title2">北方町空家等対策計画</span>
160 406 
 						</div>
161 
-						<span id="template_article_block">
407 
+					</div>
408 
+					<span id="template_article_block">
162 409 
 						　少子高齢化や家族構成の変化など社会情勢や産業構造の変化に伴い、居住や使用がなされていない住宅や建築物、いわゆる「空家」が年々増加しています。このような「空家」が適正に管理されずに放置された場合、周辺の住環境に悪影響を及ぼすことが懸念されます。<br />　そのため、その対策の必要性を踏まえ「空家等対策の推進に関する特別措置法」が平成27年5月に完全施行されたことに伴い、北方町においても総合的かつ計画的に対策を実施することを目的に「北方町空家等対策計画」を策定しました。
163 410 
 						<br /><br />
164 411 
 						<a href="../css/pdf/2018_04_akisu.pdf" target="_blank">北方町空家等対策計画.PDF</a>
165 
-						</span>
166 
-					</article>
412 
+					</span>
413 
+				</article>
167 414
168 
-					<article id="template_list_title" >
169 
-						<div id="template_title2" class="gothic">
170 
-							<div id="template_title_block">
171 
-								<span id="template_title2">空き家バンク</span>
172 
-							</div>
415 
+				<article id="template_list_title">
416 
+					<div id="template_title2" class="gothic">
417 
+						<div id="template_title_block">
418 
+							<span id="template_title2">空き家バンク</span>
173 419 
 						</div>
174 
-						<span id="template_article_block">
420 
+					</div>
421 
+					<span id="template_article_block">
175 422 
 						　北方町内にある「空き家」をのうち、賃貸または売却を希望する物件について所有者の方から情報を収集し、その物件情報を希望する方へ提供しています。<br /><br />
176 423
177 424
178 
-								<span class="template_list"><img src="../css/img/vacant_house_bank_logo.png" style="vertical-align: middle; margin-right:10px;"><a href="../third/vacant_house_bank/vacant_house_bank_Overview.html">空き家バンク</a></span><br />
179 
-                  	        	<span class="template_list"><img src="../css/img/jti-rogo.jpg" style="vertical-align: middle; middle; margin-right:10px;"><a href="../third/vacant_house_bank/myhome_kariage.html">マイホーム借上げ制度</a></span><br />
180 
-                              <span class="template_list"><img src="../css/img/gjk_logo.jpg" style="vertical-align: middle; middle; margin-right:10px;"><a href="../third/vacant_house_bank/vacant_house_bank_soudanmadoguti.html">岐阜県住宅供給公社による空き家の相談</a></span><br />
181 
-					</article>
182 
-				</section>
183 
-			</div>
425 
+						<span class="template_list"><img src="../css/img/vacant_house_bank_logo.png"
426 
+								style="vertical-align: middle; margin-right:10px;"><a
427 
+								href="../third/vacant_house_bank/vacant_house_bank_Overview.html">空き家バンク</a></span><br />
428 
+						<span class="template_list"><img src="../css/img/jti-rogo.jpg"
429 
+								style="vertical-align: middle; middle; margin-right:10px;"><a
430 
+								href="../third/vacant_house_bank/myhome_kariage.html">マイホーム借上げ制度</a></span><br />
431 
+						<span class="template_list"><img src="../css/img/gjk_logo.jpg"
432 
+								style="vertical-align: middle; middle; margin-right:10px;"><a
433 
+								href="../third/vacant_house_bank/vacant_house_bank_soudanmadoguti.html">岐阜県住宅供給公社による空き家の相談</a></span><br />
434 
+				</article>
435 
+			</section>
436 
+		</div>
184 437
185 
-			<footer>
186 
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
187 
-			<br />
188 
-                <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
438 
+		<footer>
439 
+			<img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
440 
+			<div class="footer_mobile">
441 
+				<div class="footer_mobile_title">
442 
+					<img class="footerImg__logo" src="../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
443 
+					<h1 class="footerMobile__text">北方町役場</h1>
444 
+				</div>
445 
+				<div class="footer_mobile_address">
446 
+					<span class="footerTextWrap__text">
447 
+						〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
448 
+					</span><br>
449 
+					電話:058-323-1111(代)<br>
450 
+					FAX:058-323-2963<br>
451 
+					開庁日：8時30分～17時15分<br>
452 
+					（土・日・祝日、年末年始を除く）<br>
453 
+				</div>
454 
+			</div>
455 
+			<br class="sp__brDisplay">
456 
+			<p class="footer_text">
457 
+				<a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
458 
+				<a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
459 
+				<a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
460 
+			</p>
461 
+		</footer>
189 462
190 
-            </footer>
463 
+	</div>
464 
+	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?business" height="1"
465 
+		width="1" />
466 
+</body>
191 467
192 
-		</div>
193 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?business" height="1" width="1" />
194 
-	</body>
195 468 
 </html>

Verfassen Vorschau
Laden…
Abbrechen
Speichern