kitagata
/
kitagata_old
ウォッチ 3
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
ソースを参照

third mobaile add

KuniakiTakenaka 2年前
親
c3b7fe9640
コミット
a307947e28
100個のファイルの変更、35476行の追加、20204行の削除
分割表示 差分情報を表示
  1. 210
    187
      third/Coronavirus/Coronavirus_200413_1.html
  2. 266
    116
      third/Coronavirus/Coronavirus_200427_1.html
  3. 314
    164
      third/Coronavirus/Coronavirus_200427_2.html
  4. 4915
    4923
      third/Coronavirus/Coronavirus_200723_1.html
  5. 346
    195
      third/Coronavirus/Coronavirus_201217.html
  6. 350
    200
      third/Coronavirus/Coronavirus_210113_1.html
  7. 292
    141
      third/Coronavirus/Coronavirus_210113_2.html
  8. 295
    144
      third/Coronavirus/Coronavirus_210114.html
  9. 293
    147
      third/Coronavirus/Coronavirus_210415.html
  10. 432
    159
      third/Coronavirus/Coronavirus_210902.html
  11. 235
    138
      third/Coronavirus/Coronavirus_220121.html
  12. 234
    138
      third/Coronavirus/Coronavirus_220328.html
  13. 205
    60
      third/Coronavirus/accident_sickness_benefits.html
  14. 204
    57
      third/Coronavirus/apply_for_sticker.html
  15. 296
    147
      third/Coronavirus/coronavirus_consultation_service.html
  16. 204
    57
      third/Coronavirus/coronavirus_procedures.html
  17. 300
    151
      third/Coronavirus/for_foreign_residents.html
  18. 214
    60
      third/Coronavirus/health_insurance_tax_reduction_exemption_system.html
  19. 205
    59
      third/Coronavirus/infection_control_measures_dates.html
  20. 327
    180
      third/Coronavirus/kitagata_correspondence.html
  21. 205
    59
      third/Coronavirus/patient_outbreak.html
  22. 306
    155
      third/Coronavirus/prefectural_governor_message.html
  23. 385
    220
      third/Public_transport/Ayuka.html
  24. 196
    33
      third/Public_transport/Ayuka_20210330.html
  25. 199
    36
      third/Public_transport/Ayuka_old_20210330.html
  26. 193
    49
      third/Vaccination/Vaccination_old.html
  27. 303
    152
      third/Vaccination/Vaccination_old16.html
  28. 288
    138
      third/Vaccination/Vaccination_old60.html
  29. 291
    141
      third/Vaccination/Vaccination_old65over.html
  30. 364
    215
      third/Vaccination/Vaccination_syoumei.html
  31. 311
    148
      third/Welfare_and_nursing_care/Long-term_care.html
  32. 302
    145
      third/board_of_education/academy_concept.html
  33. 190
    182
      third/board_of_education/adaptation_guidance_room.html
  34. 314
    144
      third/board_of_education/kyoukasyosaitaku_r3.html
  35. 161
    152
      third/board_of_education/suisenkou_seido.html
  36. 194
    31
      third/building_etc/Chiikihoukatsu.html
  37. 358
    191
      third/building_etc/Community_Center.html
  38. 375
    194
      third/building_etc/Ecopark.html
  39. 372
    185
      third/building_etc/Fujin_home.html
  40. 356
    194
      third/building_etc/Gym.html
  41. 370
    202
      third/building_etc/Hoken.html
  42. 267
    99
      third/building_etc/Koureisha_fureai.html
  43. 328
    160
      third/building_etc/Kyushoku.html
  44. 436
    271
      third/building_etc/Library.html
  45. 338
    168
      third/building_etc/Seishonen_home.html
  46. 339
    157
      third/building_etc/Water_center.html
  47. 333
    153
      third/building_etc/Water_source.html
  48. 241
    78
      third/building_etc/use_altech_arena.html
  49. 396
    221
      third/business/Crisis-related_guarantees.html
  50. 334
    167
      third/business/Monzen_City_union_members_Wanted.html
  51. 401
    238
      third/business/SME_employment_adjustment_subsidy_project_cost_subsidy.html
  52. 215
    146
      third/business/Safety_net.html
  53. 407
    242
      third/business/act_on_productivity_improvement_special_measures_law.html
  54. 357
    175
      third/business/electronic_bidding.html
  55. 295
    126
      third/business/general_competitive_bidding.html
  56. 341
    162
      third/business/introduction_of_construction_work.html
  57. 369
    207
      third/business/published_proceedings_of_advertising.html
  58. 311
    140
      third/business/qualifying_bidders.html
  59. 321
    321
      third/calender/Living.html
  60. 342
    188
      third/donation/About_announcement_of_oldness_and_donation.html
  61. 394
    238
      third/donation/About_tax_deduction.html
  62. 379
    228
      third/donation/Handling_of_donations_at_the_end_of_the_year.html
  63. 387
    230
      third/donation/How_to_apply_for_donations.html
  64. 376
    221
      third/donation/designation_of_designated_proxy_payer.html
  65. 421
    247
      third/emergency_and_disaster_information/About_fire_fighting.html
  66. 306
    136
      third/emergency_and_disaster_information/Emergency_information.html
  67. 273
    103
      third/emergency_and_disaster_information/Firefighting_team_cooperation_office.html
  68. 323
    141
      third/emergency_and_disaster_information/Gifu_disaster_prevention_check_date.html
  69. 306
    135
      third/emergency_and_disaster_information/Hazard_map.html
  70. 324
    160
      third/emergency_and_disaster_information/Regional_disaster_prevention.html
  71. 314
    144
      third/emergency_and_disaster_information/Shelter_information.html
  72. 272
    109
      third/emergency_and_disaster_information/Soil_toughened_area.html
  73. 344
    162
      third/emergency_and_disaster_information/bousai_gyousei_musen.html
  74. 318
    148
      third/emergency_and_disaster_information/emergency_and_disaster_information.html
  75. 350
    177
      third/emergency_and_disaster_information/emergency_and_disaster_level.html
  76. 303
    133
      third/emergency_and_disaster_information/refugee_card.html
  77. 344
    162
      third/emergency_and_disaster_information/syoubou_kouikika.html
  78. 337
    171
      third/emergency_and_disaster_information/teiden_jyouhou.html
  79. 331
    165
      third/emergency_and_disaster_information/yahoo_app.html
  80. 349
    183
      third/introduction_of_northern_town/Access_to_the_town.html
  81. 357
    181
      third/introduction_of_northern_town/Overview_of_the_city.html
  82. 485
    316
      third/introduction_of_northern_town/Population_of_the_town.html
  83. 359
    209
      third/living/Address_change_in_town.html
  84. 272
    108
      third/living/Administrative_application.html
  85. 315
    153
      third/living/Adult_health.html
  86. 357
    188
      third/living/Agricultural_committee.html
  87. 321
    158
      third/living/Agriculture_Application_status.html
  88. 306
    136
      third/living/Application_bid_and_contract.html
  89. 352
    189
      third/living/Application_culture.html
  90. 313
    134
      third/living/Application_election.html
  91. 320
    157
      third/living/Application_environment.html
  92. 303
    134
      third/living/Application_family_register.html
  93. 190
    19
      third/living/Application_fire_and_disaster_prevention.html
  94. 349
    177
      third/living/Application_for_sponsorship_use.html
  95. 363
    192
      third/living/Application_form.html
  96. 317
    155
      third/living/Application_health.html
  97. 316
    153
      third/living/Application_national_health_insurance.html
  98. 316
    135
      third/living/Application_nursing_care_insurance.html
  99. 273
    109
      third/living/Application_passport.html
  100. 0
    0
      third/living/Application_tax.html

+ 210
- 187
third/Coronavirus/Coronavirus_200413_1.html ファイルの表示 

@@ -1,227 +1,250 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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 
+    <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/pageview.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/third_template_mobile.css">
19 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
20 
+    <link rel="stylesheet" href="../../css/pageview_mobile.css">
21 
+    <script src="../../js/operation.js"></script>
22 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 23 
 </head>
18 24
19 25 
 <body id="back">
20 
-  <div id="main" class="gothic">
26 
+<div id="main" class="gothic">
21 27 
     <!--セクション 操作-->
22 28 
     <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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
43 
-          </script>
29 
+        <!--セクション 住所-->
30 
+        <article id="address">
31 
+            <address id="operation_add">
32 
+                <span>北方町役場</span>
33 
+                <span> 〒501-0492</span>
34 
+                <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
35 
+                <span> TEL:058-323-1111(代)</span>
36 
+            </address>
44 37 
         </article>
38 
+        <div id="controle_panel">
39 
+            <!--セクション 背景色-->
40 
+            <article id="bgcolor">
41 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
42 
+                <div id="bgcolor_img">
43 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
44 
+                           onClick="setBackground3(1)">
45 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
46 
+                           onClick="setBackground3(2)">
47 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
48 
+                           onClick="setBackground3(3)">
49 
+                </div>
50 
+                <script>
51 
+                    getBackgNumber3();
52 
+                </script>
53 
+            </article>
45 54
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 
+            <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
55 64
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>
70 
-          </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">
65 
+            <!--セクション サイトマップ-->
66 
+            <article id="sitemap">
67 
+                <div id="sitemap_img">
68 
+                    <a href="../../second/sitemap.html">
69 
+                        <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
70 
+                    </a>
71 
+                </div>
72 
+            </article>
73 
+            <!--セクション お問い合わせ-->
74 
+            <article id="contact">
75 
+                <div id="contact_img">
76 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html">
77 
+                        <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
78 
+                    </a>
79 
+                </div>
80 
+            </article>
81 
+            <!--セクション 翻訳-->
82 
+            <article id="translation">
83 
+                <div id="translation_img">
84 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
85 
+                    <div id="google_translate_element"></div>
86 
+                    <script type="text/javascript">
87 
+                        function googleTranslateElementInit() {
88 
+                            new google.translate.TranslateElement({
89 
+                                pageLanguage: 'ja',
90 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
91 
+                            }, 'google_translate_element');
92 
+                        }
93 
+                    </script>
94 
+                    <script type="text/javascript"
95 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
96 
+                </div>
97 
+            </article>
98 
+            <div id="claer">
99 
+            </div>
90 100 
         </div>
91 
-      </div>
92 101 
     </section>
93 102 
     <!--ヘッダーデータ-->
94 103 
     <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>
105 
-            </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
104 
+        <div id="header" class="gothic">
105 
+            <a href="../../index.html">
106 
+                <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
120 107 
             </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
108 
+            <div id="h_block_1">
109 
+                <div class="h_line">
110 
+                </div>
111 
+                <article class="h_text_l">
112 
+                    <a class="h_link" href="../../second/living.html">
113 
+                        <span class="h_text">くらしの情報</span>
114 
+                    </a>
115 
+                </article>
116 
+                <article class="h_text_l">
117 
+                    <a class="h_link" href="../../second/tourism.html">
118 
+                        <span class="h_text">観光</span>
119 
+                    </a>
120 
+                </article>
121 
+                <article class="h_text_l">
122 
+                    <a class="h_link" href="../../second/business.html">
123 
+                        <span class="h_text">事業者向け情報</span>
124 
+                    </a>
125 
+                </article>
126 
+                <article class="h_text_l">
127 
+                    <a class="h_link" href="../../second/town_admini_info.html">
128 
+                        <span class="h_text">町政情報</span>
129 
+                    </a>
130 
+                </article>
131 
+            </div>
132 
+            <div id="h_block_search">
133 
+                <div class="h_line"></div>
134 
+                <article class="h_search">
135 
+                    <div class="space10"></div>
136 
+                    <form action="http://www.google.com/search">
137 
+                        <input type="hidden" name="hl" value="ja"/>
138 
+                        <input type="hidden" name="ie" value="UTF-8">
139 
+                        <input type="hidden" name="oe" value="UTF-8">
140 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
141 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
142 
+                        <input type="submit" name="btnG" value="検索"/>
143 
+                    </form>
144 
+                </article>
145 
+            </div>
136 146 
         </div>
137 
-      </div>
138 147 
     </header>
139 148
140 149 
     <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
150 
+        <!--セクション template-->
151 
+        <section id="template">
152 
+            <article id="breadcrumb">
153 
+                <div id="breadcrumb_title">
154 
+                    <div id="breadcrumb_title_block">
146 155 
               <span id="breadcrumb_title">
147 156 
                 <a href="../../index.html">トップ</a>>
148 157 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>非常事態宣言にかかる事業について</span>
149 
-            </div>
150 
-          </div>
151 
-        </article>
152 
-        <article id="template">
153 
-          <div id="template_title" class="gothic">
154 
-            <div id="template_title_block">
158 
+                    </div>
159 
+                </div>
160 
+            </article>
161 
+            <article id="template">
162 
+                <div id="template_title" class="gothic">
163 
+                    <div id="template_title_block">
155 164 
               <span id="template_title">新型コロナウイルス感染症における
156 165 
                 岐阜県非常事態宣言に伴う対応について</span>
157 
-            </div>
158 
-          </div>
159 
-          <span id="template_article_block">
160 
-            　保健センターの事業は、健康と安全、感染拡大防止の観点から北方町においては次のとおり対応方針を決定しました。<br />
166 
+                    </div>
167 
+                </div>
168 
+                <span id="template_article_block">
169 
+            　保健センターの事業は、健康と安全、感染拡大防止の観点から北方町においては次のとおり対応方針を決定しました。<br/>
161 170 
           </span>
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>
169 
-          <span id="template_article_block">
170 
-            　４月１３日以降の乳幼児健康診査及び相談事業については、当面の間見合わせることになりました。電話での相談は随時受け付けておりますので、心配事などありましたら保健センターまでご連絡ください。<br />
171 
+            </article>
172 
+            <article id="template_list_title">
173 
+                <div id="template_title2" class="gothic">
174 
+                    <div id="template_title_block">
175 
+                        <span id="template_title2">〇母子保健事業について</span>
176 
+                    </div>
177 
+                </div>
178 
+                <span id="template_article_block">
179 
+            　４月１３日以降の乳幼児健康診査及び相談事業については、当面の間見合わせることになりました。電話での相談は随時受け付けておりますので、心配事などありましたら保健センターまでご連絡ください。<br/>
171 180 
           </span>
172 
-        </article>
181 
+            </article>
173 182
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 
-          <span id="template_article_block">
181 
-            　５月から予定していました下記の健診（検診）についても当面の間見合わせることになりました。開始時期が決まりましたら、広報・ホームページなどでご案内いたします。<br />
182 
-            　・結核・肺がん検診（４０歳以上）<br />
183 
-            　・すこやか健診（７５歳以上）<br />
184 
-            　・わかば健診（１９～３９歳）<br />
185 
-            　・肝炎ウイルス検査（４０歳以上）<br />
186 
-            　・骨粗しょう症検診（４０歳以上の女性）<br />
187 
-            　・大腸がん検診（４０歳以上）<br />
188 
-            　・日曜集団健診（検診）の受付<br />
189 
-            　・ぎふ・さわやか口腔健診（７５歳以上）<br />
190 
-            ※症状がある方は、健診（検診）を待たずに、医療機関へ受診してください。<br />
191 
-            ※現在治療中の方は、かかりつけ医と相談し病気が悪化しないように管理しましょう。<br />
183 
+            <article id="template_list_title">
184 
+                <div id="template_title2" class="gothic">
185 
+                    <div id="template_title_block">
186 
+                        <span id="template_title2">〇成人保健事業について</span>
187 
+                    </div>
188 
+                </div>
189 
+                <span id="template_article_block">
190 
+            　５月から予定していました下記の健診（検診）についても当面の間見合わせることになりました。開始時期が決まりましたら、広報・ホームページなどでご案内いたします。<br/>
191 
+            　・結核・肺がん検診（４０歳以上）<br/>
192 
+            　・すこやか健診（７５歳以上）<br/>
193 
+            　・わかば健診（１９～３９歳）<br/>
194 
+            　・肝炎ウイルス検査（４０歳以上）<br/>
195 
+            　・骨粗しょう症検診（４０歳以上の女性）<br/>
196 
+            　・大腸がん検診（４０歳以上）<br/>
197 
+            　・日曜集団健診（検診）の受付<br/>
198 
+            　・ぎふ・さわやか口腔健診（７５歳以上）<br/>
199 
+            ※症状がある方は、健診（検診）を待たずに、医療機関へ受診してください。<br/>
200 
+            ※現在治療中の方は、かかりつけ医と相談し病気が悪化しないように管理しましょう。<br/>
192 201
193 202 
           </span>
194 
-        </article>
203 
+            </article>
195 204
196 
-        <article id="template_list_title">
197 
-          <div id="template_title2" class="gothic">
198 
-            <div id="template_title_block">
199 
-              <span id="template_title2">　〇お問い合わせ</span>
200 
-            </div>
201 
-          </div>
202 
-          <span id="template_article_block">
203 
-            　　保健センター　 電 話：０５８－３２３－７６００<br />
204 
-            　　　　　　　　　　 　 受 付：月～金曜日（土日祝日除く）８：３０～１７：１５<br />
205 
+            <article id="template_list_title">
206 
+                <div id="template_title2" class="gothic">
207 
+                    <div id="template_title_block">
208 
+                        <span id="template_title2">　〇お問い合わせ</span>
209 
+                    </div>
210 
+                </div>
211 
+                <span id="template_article_block">
212 
+            　　保健センター　 電 話：０５８－３２３－７６００<br/>
213 
+            　　　　　　　　　　 　 受 付：月～金曜日（土日祝日除く）８：３０～１７：１５<br/>
205 214 
           </span>
206 
-        </article>
215 
+            </article>
207 216
208 
-      </section>
217 
+        </section>
209 218 
     </div>
210 219
211 220 
     <footer>
212 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
213 
-      <br />
214 
-      <p class="footer_text">
215 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
216 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
217 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
218 
-      </p>
221 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
222 
+        <div class="footer_mobile">
223 
+            <div class="footer_mobile_title">
224 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
225 
+                <h1 class="footerMobile__text">北方町役場</h1>
226 
+            </div>
227 
+            <div class="footer_mobile_address">
228 
+          <span class="footerTextWrap__text">
229 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
230 
+          </span><br>
231 
+                電話:058-323-1111(代)<br>
232 
+                FAX:058-323-2963<br>
233 
+                開庁日：8時30分～17時15分<br>
234 
+                （土・日・祝日、年末年始を除く）<br>
235 
+            </div>
236 
+        </div>
237 
+        <br class="sp__brDisplay">
238 
+        <p class="footer_text">
239 
+            <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
240 
+            <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
241 
+            <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
242 
+        </p>
219 243 
     </footer>
220 244
221 
-
222 
-  </div>
223 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
224 
-    height="1" width="1" />
245 
+</div>
246 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
247 
+     height="1" width="1"/>
225 248 
 </body>
226 249
227 
-</html>
250 
+</html>

+ 266
- 116
third/Coronavirus/Coronavirus_200427_1.html ファイルの表示 

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

+ 314
- 164
third/Coronavirus/Coronavirus_200427_2.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,209 +10,359 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
43 89 
           </script>
44 
-        </article>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
45 98
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>-->
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
55 135
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="サイトマップ" />
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
61 166 
             </a>
62 167 
           </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="お問い合わせはこちらから" />
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
69 177 
             </a>
70 178 
           </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">
90 179 
         </div>
91 
-      </div>
92 
-    </section>
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">
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
101 187 
           </div>
102 
-          <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
188 
+        </div>
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
105 195 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
110 206 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
115 217 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
120 228 
             </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
136 270 
         </div>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
146 281 
               <span id="breadcrumb_title">
147 282 
                 <a href="../../index.html">トップ</a>>
148 283 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>ＤＶを理由とした避難をしている場合</span>
149 
-            </div>
150 284 
           </div>
151 
-        </article>
152 
-        <article id="template">
153 
-          <div id="template_title" class="gothic">
154 
-            <div id="template_title_block">
155 
-              <span id="template_title">ＤＶを理由とした避難をしている場合</span>
156 
-            </div>
285 
+        </div>
286 
+      </article>
287 
+      <article id="template">
288 
+        <div id="template_title" class="gothic">
289 
+          <div id="template_title_block">
290 
+            <span id="template_title">ＤＶを理由とした避難をしている場合</span>
157 291 
           </div>
158 
-          <span id="template_article_block">
159 
-            　国民1人当たり10万円が支給される特別定額給付金は、基準日（令和2年4月27日）において、住民基本台帳に登録されている方が対象となります。<br />
160 
-            　配偶者からの暴力を理由に避難している方で、事情により令和2年4月27日以前に今お住まいの市区町村へ住民票を移すことができない方は、一定の要件を満たし、申出をすることで、お住まいの市区町村へ給付申請をすることが可能となります。<br />
292 
+        </div>
293 
+        <span id="template_article_block">
294 
+            　国民1人当たり10万円が支給される特別定額給付金は、基準日（令和2年4月27日）において、住民基本台帳に登録されている方が対象となります。<br/>
295 
+            　配偶者からの暴力を理由に避難している方で、事情により令和2年4月27日以前に今お住まいの市区町村へ住民票を移すことができない方は、一定の要件を満たし、申出をすることで、お住まいの市区町村へ給付申請をすることが可能となります。<br/>
161 296 
           </span>
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>
297 
+      </article>
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">申出の方法</span>
168 302 
           </div>
169 
-          <span id="template_article_block">
170 
-            １ <a href="../../fourth/Coronavirus/Coronavirus_200427_3.pdf" target="_blank">避難者へのチラシ</a>により、要件を確認<br />
303 
+        </div>
304 
+        <span id="template_article_block">
305 
+            １ <a href="../../fourth/Coronavirus/Coronavirus_200427_3.pdf" target="_blank">避難者へのチラシ</a>により、要件を確認<br/>
171 306 
             ２ <a href="../../fourth/Coronavirus/Coronavirus_200427_4.xls"
172 
-              target="_blank">申出書</a>をお住まいの市区町村へ提出（北方町の場合は総務課）<br />
307 
+                 target="_blank">申出書</a>をお住まいの市区町村へ提出（北方町の場合は総務課）<br/>
173 308 
           </span>
174 
-        </article>
309 
+      </article>
175 310
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>
311 
+      <article id="template_list_title">
312 
+        <div id="template_title2" class="gothic">
313 
+          <div id="template_title_block">
314 
+            <span id="template_title2">申出期間</span>
181 315 
           </div>
182 
-          <span id="template_article_block">
183 
-            令和2年4月24日（金）　から　4月30日（木）　まで<br />
316 
+        </div>
317 
+        <span id="template_article_block">
318 
+            令和2年4月24日（金）　から　4月30日（木）　まで<br/>
184 319 
           </span>
185 
-        </article>
320 
+      </article>
186 321
187 
-        <article id="template_list_title">
188 
-          <div id="template_title2" class="gothic">
189 
-            <div id="template_title_block">
190 
-              <span id="template_title2">注意事項</span>
191 
-            </div>
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>
192 326 
           </div>
193 
-          <span id="template_article_block">
327 
+        </div>
328 
+        <span id="template_article_block">
194 329 
             特別定額給付金の申請手続きは、申出手続きとは別に行う必要があります。
195 
-            申請手続きについては、<a href="../../third/Coronavirus/Coronavirus_200427_1.html">こちら</a>をご覧ください。<br />
330 
+            申請手続きについては、<a href="../../third/Coronavirus/Coronavirus_200427_1.html">こちら</a>をご覧ください。<br/>
196 331 
           </span>
197 
-        </article>
332 
+      </article>
198 333
199 
-      </section>
200 
-    </div>
334 
+    </section>
335 
+  </div>
201 336
202 
-    <footer>
203 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
204 
-      <br />
205 
-      <p class="footer_text">
206 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
207 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
208 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
209 
-      </p>
210 
-    </footer>
211 337
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>
212 362
213 
-  </div>
214 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
215 
-    height="1" width="1" />
363 
+</div>
364 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
365 
+     height="1" width="1"/>
216 366 
 </body>
217 367
218 
-</html>
368 
+</html>

+ 4915
- 4923
third/Coronavirus/Coronavirus_200723_1.html
ファイル差分が大きすぎるため省略します
ファイルの表示


+ 346
- 195
third/Coronavirus/Coronavirus_201217.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,245 +10,396 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
31 76 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
43 89 
           </script>
44 
-        </article>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
45 98
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>-->
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
55 135
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="サイトマップ" />
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
61 166 
             </a>
62 167 
           </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="お問い合わせはこちらから" />
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
69 177 
             </a>
70 178 
           </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>
179 
+        </div>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
87 187 
           </div>
88 
-        </article>
89 
-        <div id="claer">
90 188 
         </div>
91 
-      </div>
92 
-    </section>
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>
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
105 195 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
110 206 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
115 217 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
120 228 
             </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
136 270 
         </div>
137 271 
       </div>
138 
-    </header>
139 
-
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
272 
+    </div>
273 
+  </header>
274 
+
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
146 281 
               <span id="breadcrumb_title">
147 282 
                 <a href="../../index.html">トップ</a>>
148 283 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>【岐阜県からのお知らせ】営業時間短縮要請と協力金</span>
149 
-            </div>
150 284 
           </div>
151 
-        </article>
152 
-        <article id="template">
153 
-          <div id="template_title" class="gothic">
154 
-            <div id="template_title_block">
155 
-              <span id="template_title">【岐阜県からのお知らせ】営業時間短縮要請と協力金</span>
156 
-            </div>
285 
+        </div>
286 
+      </article>
287 
+      <article id="template_2lins">
288 
+        <div id="template_title_2lins" class="gothic">
289 
+          <div id="template_title_block_2lins">
290 
+            <span id="template_title_2lins">岐阜県からのお知らせ】営業時間短縮要請と協力金</span>
157 291 
           </div>
158 
-        </article>
292 
+        </div>
293 
+      </article>
159 294
160 
-        <article id="template_list_title">
161 
-          <div id="template_title2" class="gothic">
162 
-            <div id="template_title_block">
163 
-              <span id="template_title2">営業時間短縮要請について</span>
164 
-            </div>
295 
+      <article id="template_list_title">
296 
+        <div id="template_title2" class="gothic">
297 
+          <div id="template_title_block">
298 
+            <span id="template_title2">営業時間短縮要請について</span>
165 299 
           </div>
166 
-          <span id="template_article_block">
300 
+        </div>
301 
+        <span id="template_article_block">
167 302 
             岐阜県において、新型インフルエンザ等対策特別措置法に基づく営業時間短縮の要請がなされました。詳しくは<a
168 
-              href="https://www.pref.gifu.lg.jp/site/covid19/117075.html" target="_blank">こちら</a>をご確認ください。<br />
169 
-            <br />
170 
-            または、下記コールセンターまでお問い合わせください。<br />
171 
-            岐阜県「要請・協力金コールセンター」（午前９時から午後５時、平日・土日祝日に開設）<br />
172 
-            電話：058-272-8192<br />
303 
+                href="https://www.pref.gifu.lg.jp/site/covid19/117075.html" target="_blank">こちら</a>をご確認ください。<br/>
304 
+            <br/>
305 
+            または、下記コールセンターまでお問い合わせください。<br/>
306 
+            岐阜県「要請・協力金コールセンター」（午前９時から午後５時、平日・土日祝日に開設）<br/>
307 
+            電話：058-272-8192<br/>
173 308 
           </span>
174 
-        </article>
309 
+      </article>
175 310
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>
311 
+      <article id="template_list_title">
312 
+        <div id="template_title2" class="gothic">
313 
+          <div id="template_title_block">
314 
+            <span id="template_title2">要請期間</span>
181 315 
           </div>
182 
-          <span id="template_article_block">
183 
-            令和2年12月18日（金）午後9時から令和3年1月11日（月）午後12時までの25日間<br />
316 
+        </div>
317 
+        <span id="template_article_block">
318 
+            令和2年12月18日（金）午後9時から令和3年1月11日（月）午後12時までの25日間<br/>
184 319 
           </span>
185 
-        </article>
320 
+      </article>
186 321
187 
-        <article id="template_list_title">
188 
-          <div id="template_title2" class="gothic">
189 
-            <div id="template_title_block">
190 
-              <span id="template_title2">要請内容</span>
191 
-            </div>
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>
192 326 
           </div>
193 
-          <span id="template_article_block">
194 
-            午後9時から午前5時までの休業を要請<br />
327 
+        </div>
328 
+        <span id="template_article_block">
329 
+            午後9時から午前5時までの休業を要請<br/>
195 330 
           </span>
196 
-        </article>
331 
+      </article>
197 332
198 
-        <article id="template_list_title">
199 
-          <div id="template_title2" class="gothic">
200 
-            <div id="template_title_block">
201 
-              <span id="template_title2">対象業種</span>
202 
-            </div>
333 
+      <article id="template_list_title">
334 
+        <div id="template_title2" class="gothic">
335 
+          <div id="template_title_block">
336 
+            <span id="template_title2">対象業種</span>
203 337 
           </div>
204 
-          <span id="template_article_block">
205 
-            酒類の提供を行う飲食店（酒類の提供を行う、カラオケ店やライブハウス等を含む）<br />
206 
-            （注）食品衛生法に基づく「飲食営業許可」を受けている店舗のうち、酒類の提供を行う店舗。ただし、テイクアウトやデリバリー、イートインスペースがあるスーパーやコンビニエンスストア、キッチンカー等は対象外<br />
338 
+        </div>
339 
+        <span id="template_article_block">
340 
+            酒類の提供を行う飲食店（酒類の提供を行う、カラオケ店やライブハウス等を含む）<br/>
341 
+            （注）食品衛生法に基づく「飲食営業許可」を受けている店舗のうち、酒類の提供を行う店舗。ただし、テイクアウトやデリバリー、イートインスペースがあるスーパーやコンビニエンスストア、キッチンカー等は対象外<br/>
207 342 
           </span>
208 
-        </article>
343 
+      </article>
209 344
210 
-        <article id="template_list_title">
211 
-          <div id="template_title2" class="gothic">
212 
-            <div id="template_title_block">
213 
-              <span id="template_title2">岐阜県新型コロナウイルス感染症拡大防止協力金（第２弾）について</span>
214 
-            </div>
345 
+      <article id="template_list_title">
346 
+        <div class="template_title2 template_title2_2 gothic">
347 
+          <div id="template_title_block">
348 
+            <span class="template_title2 template_title2_2">岐阜県新型コロナウイルス感染症拡大防止協力金（第２弾）について</span>
215 349 
           </div>
216 
-          <span id="template_article_block">
217 
-            要請を行う全期間（令和2年12月18日（金）午後9時から令和3年1月11日（月）午後12時までの25日間）、営業時間の短縮（午後9時から午前5時）を実施した本要請の対象事業者に協力金を支給します。<br />
218 
-            <br />
219 
-            支給額：1店舗につき100万円<br />
220 
-            <br />
350 
+        </div>
351 
+        <span id="template_article_block">
352 
+            要請を行う全期間（令和2年12月18日（金）午後9時から令和3年1月11日（月）午後12時までの25日間）、営業時間の短縮（午後9時から午前5時）を実施した本要請の対象事業者に協力金を支給します。<br/>
353 
+            <br/>
354 
+            支給額：1店舗につき100万円<br/>
355 
+            <br/>
221 356 
             ※申請要件等の詳細は、<a href="https://www.pref.gifu.lg.jp/site/covid19/117190.html"
222 
-              target="_blank">岐阜県ホームページ</a>またはコールセンターで必ずご確認ください。<br />
223 
-            岐阜県「要請・協力金コールセンター」（午前９時から午後５時、平日・土日祝日に開設）<br />
224 
-            電話：058-272-8192<br />
225 
-            <br />
226 
-            申請書等<br />
227 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_201217_1.pdf" target="_blank">申請受付要項</a><br />
228 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_201217_2.docx" target="_blank">申請書様式（様式１～様式３）</a><br />
229 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_201217_3.pdf" target="_blank">誓約書（様式４）</a><br />
230 
-            ・<a href="../../fourth/Coronavirus/1224_QAjitanyosei.pdf" target="_blank">よくあるご質問（時短要請・協力金）</a><br />
231 
-            <br />
357 
+                          target="_blank">岐阜県ホームページ</a>またはコールセンターで必ずご確認ください。<br/>
358 
+            岐阜県「要請・協力金コールセンター」（午前９時から午後５時、平日・土日祝日に開設）<br/>
359 
+            電話：058-272-8192<br/>
360 
+            <br/>
361 
+            申請書等<br/>
362 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_201217_1.pdf" target="_blank">申請受付要項</a><br/>
363 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_201217_2.docx" target="_blank">申請書様式（様式１～様式３）</a><br/>
364 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_201217_3.pdf" target="_blank">誓約書（様式４）</a><br/>
365 
+            ・<a href="../../fourth/Coronavirus/1224_QAjitanyosei.pdf" target="_blank">よくあるご質問（時短要請・協力金）</a><br/>
366 
+            <br/>
232 367 
           </span>
233 
-        </article>
368 
+      </article>
234 369
235 
-      </section>
236 
-    </div>
370 
+    </section>
371 
+  </div>
237 372
238 
-    <footer>
239 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
240 
-      <br />
241 
-      <p class="footer_text">
242 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
243 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
244 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
245 
-      </p>
246 
-    </footer>
247 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>
248 398
249 
-  </div>
250 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
251 
-    height="1" width="1" />
399 
+
400 
+</div>
401 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
402 
+     height="1" width="1"/>
252 403 
 </body>
253 404
254 
-</html>
405 
+</html>

+ 350
- 200
third/Coronavirus/Coronavirus_210113_1.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,255 +10,405 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
43 89 
           </script>
44 
-        </article>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
45 98
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>-->
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
55 135
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="サイトマップ" />
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
61 166 
             </a>
62 167 
           </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="お問い合わせはこちらから" />
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
69 177 
             </a>
70 178 
           </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">
90 179 
         </div>
91 
-      </div>
92 
-    </section>
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">
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
101 187 
           </div>
102 
-          <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
188 
+        </div>
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
105 195 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
110 206 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
115 217 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
120 228 
             </a>
121 
-          </article>
229 
+          </div>
122 230 
         </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
136 270 
         </div>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
146 281 
               <span id="breadcrumb_title">
147 282 
                 <a href="../../index.html">トップ</a>>
148 283 
                 <a
149 
-                  href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>岐阜県からのお知らせ　酒類提供の飲食店に対する時短要請の延長・強化（１月１２日から２月７日）</span>
150 
-            </div>
284 
+                        href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>岐阜県からのお知らせ　酒類提供の飲食店に対する時短要請の延長・強化（１月１２日から２月７日）</span>
151 285 
           </div>
152 
-        </article>
153 
-        <article id="template">
154 
-          <div id="template_title" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title">岐阜県からのお知らせ　酒類提供の飲食店に対する時短要請の延長・強化（１月１２日から２月７日）</span>
157 
-            </div>
286 
+        </div>
287 
+      </article>
288 
+      <article id="template_3lins">
289 
+        <div id="template_title_3lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">岐阜県からのお知らせ　酒類提供の飲食店に対する時短要請の延長・強化（１月１２日から２月７日）</span>
158 292 
           </div>
159 
-        </article>
293 
+        </div>
294 
+      </article>
160 295
161 
-        <article id="template_list_title">
162 
-          <div id="template_title2" class="gothic">
163 
-            <div id="template_title_block">
164 
-              <span id="template_title2">岐阜県より飲食店に対して時短営業期間の延長・強化要請がなされました</span>
165 
-            </div>
296 
+      <article id="template_list_title">
297 
+        <div class="template_title2 template_title2_2 gothic">
298 
+          <div id="template_title_block">
299 
+            <span class="template_title2 template_title2_2">岐阜県より飲食店に対して時短営業期間の延長・強化要請がなされました</span>
166 300 
           </div>
167 
-          <span id="template_article_block">
168 
-            令和3年1月11日（月・祝）までとしていた時短営業要請期間が令和３年２月７日（日）まで延長されました。<br />
169 
-            また、午後9時までとしていた時短要請が午後8時までに短縮され、酒類の提供は午前１１時から午後７時までに短縮されました。<br />
301 
+        </div>
302 
+        <span id="template_article_block">
303 
+            令和3年1月11日（月・祝）までとしていた時短営業要請期間が令和３年２月７日（日）まで延長されました。<br/>
304 
+            また、午後9時までとしていた時短要請が午後8時までに短縮され、酒類の提供は午前１１時から午後７時までに短縮されました。<br/>
170 305 
             詳しくは、<a href="https://www.pref.gifu.lg.jp/site/covid19/122384.html"
171 
-              target="_blank">岐阜県ホームページ</a>をご確認ください。<br />
172 
-            または、下記専用コールセンターまでお問い合わせください。<br />
173 
-            岐阜県「要請・協力金コールセンター」　（午前9時から午後5時、平日・土日祝日に開設）<br />
174 
-            電話：058-272-8192<br />
306 
+                    target="_blank">岐阜県ホームページ</a>をご確認ください。<br/>
307 
+            または、下記専用コールセンターまでお問い合わせください。<br/>
308 
+            岐阜県「要請・協力金コールセンター」　（午前9時から午後5時、平日・土日祝日に開設）<br/>
309 
+            電話：058-272-8192<br/>
175 310 
           </span>
176 
-        </article>
311 
+      </article>
177 312
178 
-        <article id="template_list_title">
179 
-          <div id="template_title2" class="gothic">
180 
-            <div id="template_title_block">
181 
-              <span id="template_title2">要請期間</span>
182 
-            </div>
313 
+      <article id="template_list_title">
314 
+        <div id="template_title2" class="gothic">
315 
+          <div id="template_title_block">
316 
+            <span id="template_title2">要請期間</span>
183 317 
           </div>
184 
-          <span id="template_article_block">
185 
-            令和3年1月12日（火）から令和3年2月7日（日）までの27日間<br />
318 
+        </div>
319 
+        <span id="template_article_block">
320 
+            令和3年1月12日（火）から令和3年2月7日（日）までの27日間<br/>
186 321 
           </span>
187 
-        </article>
322 
+      </article>
188 323
189 
-        <article id="template_list_title">
190 
-          <div id="template_title2" class="gothic">
191 
-            <div id="template_title_block">
192 
-              <span id="template_title2">要請内容</span>
193 
-            </div>
324 
+      <article id="template_list_title">
325 
+        <div id="template_title2" class="gothic">
326 
+          <div id="template_title_block">
327 
+            <span id="template_title2">要請内容</span>
194 328 
           </div>
195 
-          <span id="template_article_block">
196 
-            営業時間　　午前5時から午後8時に短縮<br />
197 
-            酒類の提供　午前11時から午後7時に短縮<br />
329 
+        </div>
330 
+        <span id="template_article_block">
331 
+            営業時間　　午前5時から午後8時に短縮<br/>
332 
+            酒類の提供　午前11時から午後7時に短縮<br/>
198 333 
           </span>
199 
-        </article>
334 
+      </article>
200 335
201 
-        <article id="template_list_title">
202 
-          <div id="template_title2" class="gothic">
203 
-            <div id="template_title_block">
204 
-              <span id="template_title2">対象業種</span>
205 
-            </div>
336 
+      <article id="template_list_title">
337 
+        <div id="template_title2" class="gothic">
338 
+          <div id="template_title_block">
339 
+            <span id="template_title2">対象業種</span>
206 340 
           </div>
207 
-          <span id="template_article_block">
208 
-            酒類の提供を行う飲食店（酒類の提供を行う、カラオケ店やライブハウス等を含む）<br />
209 
-            （注）食品衛生法に基づく「飲食営業許可」を受けている店舗のうち、酒類の提供を行う店舗。ただし、テイクアウトやデリバリー、イートインスペースがあるスーパーやコンビニエンスストア、キッチンカー等は対象外 <br />
341 
+        </div>
342 
+        <span id="template_article_block">
343 
+            酒類の提供を行う飲食店（酒類の提供を行う、カラオケ店やライブハウス等を含む）<br/>
344 
+            （注）食品衛生法に基づく「飲食営業許可」を受けている店舗のうち、酒類の提供を行う店舗。ただし、テイクアウトやデリバリー、イートインスペースがあるスーパーやコンビニエンスストア、キッチンカー等は対象外 <br/>
210 345 
           </span>
211 
-        </article>
346 
+      </article>
212 347
213 
-        <article id="template_list_title">
214 
-          <div id="template_title2" class="gothic">
215 
-            <div id="template_title_block">
216 
-              <span id="template_title2">岐阜県新型コロナウイルス感染症拡大防止協力金（第３弾）について</span>
217 
-            </div>
348 
+      <article id="template_list_title">
349 
+        <div class="template_title2 template_title2_2 gothic">
350 
+          <div id="template_title_block">
351 
+            <span class="template_title2 template_title2_2">岐阜県新型コロナウイルス感染症拡大防止協力金（第３弾）について</span>
218 352 
           </div>
219 
-          <span id="template_article_block">
220 
-            要請を行う全期間（令和3年1月12日（火）から令和3年2月7日（日））、営業時間の短縮等を実施した本要請の対象事業者に協力金を支給します。令和3年1月11日（月・祝）までの時短要請に伴う協力金（第2弾）とは別に申請が必要となります。<br />
221 
-            支給額：1店舗につき108万円<br />
353 
+        </div>
354 
+        <span id="template_article_block">
355 
+            要請を行う全期間（令和3年1月12日（火）から令和3年2月7日（日））、営業時間の短縮等を実施した本要請の対象事業者に協力金を支給します。令和3年1月11日（月・祝）までの時短要請に伴う協力金（第2弾）とは別に申請が必要となります。<br/>
356 
+            支給額：1店舗につき108万円<br/>
222 357 
             申請要件等の詳細は、<a href="https://www.pref.gifu.lg.jp/site/covid19/122433.html"
223 
-              target="_blank">岐阜県ホームページ</a>またはコールセンターで必ずご確認ください。<br />
224 
-            <br />
225 
-            申請書等<br />
226 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_1.pdf" target="_blank">申請受付要項</a><br />
227 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_2.docx" target="_blank">申請書様式（様式１～３）</a><br />
228 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_3.pdf" target="_blank">誓約書（様式４）</a><br />
229 
-            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_4.pdf" target="_blank">よくあるご質問（時短要請・協力金）</a><br />
358 
+                         target="_blank">岐阜県ホームページ</a>またはコールセンターで必ずご確認ください。<br/>
359 
+            <br/>
360 
+            申請書等<br/>
361 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_1.pdf" target="_blank">申請受付要項</a><br/>
362 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_2.docx" target="_blank">申請書様式（様式１～３）</a><br/>
363 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_3.pdf" target="_blank">誓約書（様式４）</a><br/>
364 
+            ・<a href="../../fourth/Coronavirus/Coronavirus_210128_4.pdf" target="_blank">よくあるご質問（時短要請・協力金）</a><br/>
230 365 
           </span>
231 
-        </article>
366 
+      </article>
232 367
233 
-        <article id="template_list_title">
234 
-          <div id="template_title2" class="gothic">
235 
-            <div id="template_title_block">
236 
-              <span id="template_title2">問い合わせ</span>
237 
-            </div>
368 
+      <article id="template_list_title">
369 
+        <div id="template_title2" class="gothic">
370 
+          <div id="template_title_block">
371 
+            <span id="template_title2">問い合わせ</span>
238 372 
           </div>
239 
-          <span id="template_article_block">
240 
-            岐阜県「要請・協力金コールセンター」（午前9時から午後5時、平日・土日祝日に開設） <br />
241 
-            電話：058-272-8192 <br />
373 
+        </div>
374 
+        <span id="template_article_block">
375 
+            岐阜県「要請・協力金コールセンター」（午前9時から午後5時、平日・土日祝日に開設） <br/>
376 
+            電話：058-272-8192 <br/>
242 377 
           </span>
243 
-        </article>
378 
+      </article>
244 379
245 
-      </section>
246 
-    </div>
380 
+    </section>
381 
+  </div>
247 382
248 
-    <footer>
249 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
250 
-      <br />
251 
-      <p class="footer_text">
252 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
253 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
254 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
255 
-      </p>
256 
-    </footer>
257 383
384 
+  <footer>
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>
406 
+    </p>
407 
+  </footer>
258 408
259 
-  </div>
260 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
261 
-    height="1" width="1" />
409 
+</div>
410 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
411 
+     height="1" width="1"/>
262 412 
 </body>
263 413
264 
-</html>
414 
+</html>

+ 292
- 141
third/Coronavirus/Coronavirus_210113_2.html ファイルの表示 

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

+ 295
- 144
third/Coronavirus/Coronavirus_210114.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,164 +10,300 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/link.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 
-  </meta>
17 22 
 </head>
18 23
19 24 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
31 54 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
43 90 
           </script>
44 
-        </article>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
45 99
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>-->
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
55 136
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="サイトマップ" />
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
61 167 
             </a>
62 168 
           </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="お問い合わせはこちらから" />
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </div>
177 
+              </div>
69 178 
             </a>
70 179 
           </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">
90 180 
         </div>
91 
-      </div>
92 
-    </section>
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">
181 
+        <div class="h-menu_main_block">
182 
+          <div class="h-menu_block">
183 
+            <a href="../../second/business.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>
101 188 
           </div>
102 
-          <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
189 
+        </div>
190 
+        <div class="h-menu_main_block">
191 
+          <div class="h-menu_block">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
105 196 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
110 207 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
115 218 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
120 229 
             </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
136 271 
         </div>
137 272 
       </div>
138 
-    </header>
273 
+    </div>
274 
+  </header>
139 275
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
276 
+  <div id="third_body">
277 
+    <!--セクション template-->
278 
+    <section id="template">
279 
+      <article id="breadcrumb2">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
146 282 
               <span id="breadcrumb_title">
147 283 
                 <a href="../../index.html">トップ</a>>
148 284 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>新型コロナウイルス感染症に係る緊急事態対策について</span>
149 
-            </div>
150 285 
           </div>
151 
-        </article>
152 
-        <article id="template">
153 
-          <div id="template_title" class="gothic">
154 
-            <div id="template_title_block">
155 
-              <span id="template_title">新型コロナウイルス感染症に係る緊急事態対策について</span>
156 
-            </div>
286 
+        </div>
287 
+      </article>
288 
+      <article id="template_2lins">
289 
+        <div id="template_title_2lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">新型コロナウイルス感染症に係る緊急事態対策について</span>
157 292 
           </div>
158 
-          <span id="template_article_block">
293 
+        </div>
294 
+        <span id="template_article_block">
159 295 
             　令和３年９月９日、岐阜県の新型コロナ感染症の「緊急事態措置」が延長されました。<br>
160 296 
             　町民の皆様は、引き続きマスクの着用や手指消毒など基本的な感染防止対策に加え、不要不急の外出の自粛をお願いします。<br>
161 297 
             <br>
162 298 
             　<a href="../../fourth/Coronavirus/extension_of_emergency_measures_5th_wave.pdf"
163 
-              target="_blank">第５波『緊急事態措置延長』を受けて～『生命を守る』体制の強化～（PDF）</a><br>
299 
+                target="_blank">第５波『緊急事態措置延長』を受けて～『生命を守る』体制の強化～（PDF）</a><br>
164 300 
             <br>
165 301 
             　<a href="../../fourth/Coronavirus/emergency_measures_received_extension.pdf"
166 
-              target="_blank">緊急事態措置区域の指定を受けて（期間延長）（PDF）</a><br>
302 
+                target="_blank">緊急事態措置区域の指定を受けて（期間延長）（PDF）</a><br>
167 303 
             <br>
168 304 
             　岐阜県ホームページ <br>
169 305 
             　<a href="https://www.pref.gifu.lg.jp/site/covid19/172895.html"
170 
-              target="_blank">https://www.pref.gifu.lg.jp/site/covid19/172895.html</a><br>
306 
+                target="_blank" class="link_mobile">https://www.pref.gifu.lg.jp/site/covid19/172895.html</a><br>
171 307
172 308 
             　令和3年8月27日、岐阜県は、新型コロナ感染症の「緊急事態措置区域」に指定されました。 <br>
173 309 
             　町民の皆様は、マスクの着用や手指消毒など基本的な感染防止対策に加え、不要不急の外出の自粛をお願いします。 <br>
 
@@ -177,33 +313,48 @@
177 313 
             <br>
178 314 
             　岐阜県ホームページ <br>
179 315 
             　<a href="https://www.pref.gifu.lg.jp/site/covid19/172895.html"
180 
-              target="_blank">https://www.pref.gifu.lg.jp/site/covid19/172895.html</a><br>
316 
+                target="_blank" class="link_mobile">https://www.pref.gifu.lg.jp/site/covid19/172895.html</a><br>
181 317 
             <br>
182 
-            　令和3年1月14日、国の緊急事態宣言の区域に新たに岐阜県が追加されました。これを受け、岐阜県は、新型コロナウイルス感染症の感染拡大を防止するため、「緊急事態対策」を発表しました。<br />
318 
+            　令和3年1月14日、国の緊急事態宣言の区域に新たに岐阜県が追加されました。これを受け、岐阜県は、新型コロナウイルス感染症の感染拡大を防止するため、「緊急事態対策」を発表しました。<br/>
183 319 
             詳しくは、<a href="https://www.pref.gifu.lg.jp/site/covid19/26556.html">岐阜県ホームページ</a>および「<a
184 
-              href="../../fourth/Coronavirus/Coronavirus_210114.pdf"
185 
-              target="_blank">緊急事態対策</a>」をご確認いただき、感染防止対策の徹底をよろしくお願いします。<br />
320 
+                href="../../fourth/Coronavirus/Coronavirus_210114.pdf"
321 
+                target="_blank">緊急事態対策</a>」をご確認いただき、感染防止対策の徹底をよろしくお願いします。<br/>
186 322
187 323 
           </span>
188 
-        </article>
324 
+      </article>
189 325
190 
-      </section>
191 
-    </div>
326 
+    </section>
327 
+  </div>
192 328
193 
-    <footer>
194 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
195 
-      <br />
196 
-      <p class="footer_text">
197 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
198 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
199 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
200 
-      </p>
201 
-    </footer>
202 329
330 
+  <footer>
331 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
332 
+    <div class="footer_mobile">
333 
+      <div class="footer_mobile_title">
334 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
335 
+        <h1 class="footerMobile__text">北方町役場</h1>
336 
+      </div>
337 
+      <div class="footer_mobile_address">
338 
+                <span class="footerTextWrap__text">
339 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
340 
+                </span><br>
341 
+        電話:058-323-1111(代)<br>
342 
+        FAX:058-323-2963<br>
343 
+        開庁日：8時30分～17時15分<br>
344 
+        （土・日・祝日、年末年始を除く）<br>
345 
+      </div>
346 
+    </div>
347 
+    <br class="sp__brDisplay">
348 
+    <p class="footer_text">
349 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
350 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
351 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
352 
+    </p>
353 
+  </footer>
203 354
204 
-  </div>
205 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
206 
-    height="1" width="1" />
355 
+</div>
356 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
357 
+     height="1" width="1"/>
207 358 
 </body>
208 359
209 
-</html>
360 
+</html>

+ 293
- 147
third/Coronavirus/Coronavirus_210415.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,164 +10,296 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
     <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
15 20 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-    </meta>
17 21 
 </head>
18 22
19 23 
 <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>
27 
-                    <span> 〒501-0492</span>
28 
-                    <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-                    <span> TEL:058-323-1111(代)</span>
30 
-                </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+    <!--セクション 操作-->
37 
+    <section id="operation">
38 
+        <!--セクション 住所-->
39 
+        <article id="address">
40 
+            <address id="operation_add">
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+            </address>
43 
+        </article>
44 
+        <div id="controle_panel">
45 
+            <!--セクション 背景色-->
46 
+            <article id="bgcolor">
47 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+                <div id="bgcolor_img">
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+                </div>
31 53 
             </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"
38 
-                            onClick="setBackground3(1)">
39 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                            onClick="setBackground3(2)">
41 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                            onClick="setBackground3(3)">
43 
-                    </div>
44 
-                    <script>
45 
-                        getBackgNumber3();
54 
+            <!--セクション 文字サイズ-->
55 
+            <!--<article id="charsize" >
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
63 
+
64 
+            <!--セクション サイトマップ-->
65 
+            <article id="sitemap">
66 
+                <div id="sitemap_img">
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+                </div>
69 
+            </article>
70 
+            <!--セクション お問い合わせ-->
71 
+            <article id="contact">
72 
+                <div id="contact_img">
73 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+                </div>
76 
+            </article>
77 
+            <!--セクション 翻訳-->
78 
+            <article id="translation">
79 
+                <div id="translation_img">
80 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+                    <div id="google_translate_element"></div>
82 
+                    <script type="text/javascript">
83 
+                        function googleTranslateElementInit() {
84 
+                            new google.translate.TranslateElement({
85 
+                                pageLanguage: 'ja',
86 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                            }, 'google_translate_element');
88 
+                        }
46 89 
                     </script>
47 
-                </article>
90 
+                    <script type="text/javascript"
91 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+                </div>
93 
+            </article>
94 
+            <div id="claer">
95 
+            </div>
96 
+        </div>
97 
+    </section>
48 98
49 
-                <!--セクション 文字サイズ-->
50 
-                <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
99 
+    <!--ヘッダーデータ-->
100 
+    <header>
101 
+        <div id="header" class="gothic">
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+            <div id="h_block_1">
104 
+                <div class="h_line">
105 
+                </div>
106 
+                <article class="h_text_l">
107 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+                </article>
109 
+                <article class="h_text_l">
110 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+                </article>
112 
+                <article class="h_text_l">
113 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+                </article>
115 
+                <article class="h_text_l">
116 
+                    <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+                </article>
132 
+            </div>
133 
+        </div>
134 
+    </header>
58 135
59 
-                <!--セクション サイトマップ-->
60 
-                <article id="sitemap">
61 
-                    <div id="sitemap_img">
62 
-                        <a href="../../second/sitemap.html">
63 
-                            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
64 166 
                         </a>
65 167 
                     </div>
66 
-                </article>
67 
-                <!--セクション お問い合わせ-->
68 
-                <article id="contact">
69 
-                    <div id="contact_img">
70 
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-                            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" />
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </div>
176 
+                            </div>
72 177 
                         </a>
73 178 
                     </div>
74 
-                </article>
75 
-                <!--セクション 翻訳-->
76 
-                <article id="translation">
77 
-                    <div id="translation_img">
78 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 
-                        <div id="google_translate_element"></div>
80 
-                        <script type="text/javascript">
81 
-                            function googleTranslateElementInit() {
82 
-                                new google.translate.TranslateElement({
83 
-                                    pageLanguage: 'ja',
84 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-                                }, 'google_translate_element');
86 
-                            }
87 
-                        </script>
88 
-                        <script type="text/javascript"
89 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
90 
-                    </div>
91 
-                </article>
92 
-                <div id="claer">
93 179 
                 </div>
94 
-            </div>
95 
-        </section>
96 
-        <!--ヘッダーデータ-->
97 
-        <header>
98 
-            <div id="header" class="gothic">
99 
-                <a href="../../index.html">
100 
-                    <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
101 
-                </a>
102 
-                <div id="h_block_1">
103 
-                    <div class="h_line">
180 
+                <div class="h-menu_main_block">
181 
+                    <div class="h-menu_block">
182 
+                        <a href="../../second/business.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>
104 187 
                     </div>
105 
-                    <article class="h_text_l">
106 
-                        <a class="h_link" href="../../second/living.html">
107 
-                            <span class="h_text">くらしの情報</span>
188 
+                </div>
189 
+                <div class="h-menu_main_block">
190 
+                    <div class="h-menu_block">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
108 195 
                         </a>
109 
-                    </article>
110 
-                    <article class="h_text_l">
111 
-                        <a class="h_link" href="../../second/tourism.html">
112 
-                            <span class="h_text">観光</span>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
113 206 
                         </a>
114 
-                    </article>
115 
-                    <article class="h_text_l">
116 
-                        <a class="h_link" href="../../second/business.html">
117 
-                            <span class="h_text">事業者向け情報</span>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
118 217 
                         </a>
119 
-                    </article>
120 
-                    <article class="h_text_l">
121 
-                        <a class="h_link" href="../../second/town_admini_info.html">
122 
-                            <span class="h_text">町政情報</span>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
123 228 
                         </a>
124 
-                    </article>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
125 255 
                 </div>
126 
-                <div id="h_block_search">
127 
-                    <div class="h_line"></div>
128 
-                    <article class="h_search">
129 
-                        <div class="space10"></div>
130 
-                        <form action="http://www.google.com/search">
131 
-                            <input type="hidden" name="hl" value="ja" />
132 
-                            <input type="hidden" name="ie" value="UTF-8">
133 
-                            <input type="hidden" name="oe" value="UTF-8">
134 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
135 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
136 
-                            <input type="submit" name="btnG" value="検索" />
137 
-                        </form>
138 
-                    </article>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
139 270 
                 </div>
140 271 
             </div>
141 
-        </header>
272 
+        </div>
273 
+    </header>
142 274
143 
-        <div id="third_body">
144 
-            <!--セクション template-->
145 
-            <section id="template">
146 
-                <article id="breadcrumb2">
147 
-                    <div id="breadcrumb_title2">
148 
-                        <div id="breadcrumb_title_block2">
275 
+    <div id="third_body">
276 
+        <!--セクション template-->
277 
+        <section id="template">
278 
+            <article id="breadcrumb2">
279 
+                <div id="breadcrumb_title2">
280 
+                    <div id="breadcrumb_title_block2">
149 281 
                             <span id="breadcrumb_title">
150 282 
                                 <a href="../../index.html">トップ</a>>
151 283 
                                 <a
152 
-                                    href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>北方町及び関係団体が主催するイベント等の中止情報について</span>
153 
-                        </div>
284 
+                                        href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>北方町及び関係団体が主催するイベント等の中止情報について</span>
154 285 
                     </div>
155 
-                </article>
156 
-                <article id="template">
157 
-                    <div id="template_title" class="gothic">
158 
-                        <div id="template_title_block">
159 
-                            <span id="template_title">北方町及び関係団体が主催するイベント等の中止情報について</span>
160 
-                        </div>
286 
+                </div>
287 
+            </article>
288 
+            <article id="template_2lins">
289 
+                <div id="template_title_2lins" class="gothic">
290 
+                    <div id="template_title_block_2lins">
291 
+                        <span id="template_title_2lins">北方町及び関係団体が主催するイベント等の中止情報について</span>
161 292 
                     </div>
162 
-                </article>
293 
+                </div>
294 
+            </article>
163 295
164 
-                <article id="template_list_title">
165 
-                    <div id="template_title2" class="gothic">
166 
-                        <div id="template_title_block">
167 
-                            <span id="template_title2">北方町主催及び関係団体が主催するイベント等の中止情報（令和3年度）</span>
168 
-                        </div>
296 
+            <article id="template_list_title">
297 
+                <div class="template_title2 template_title2_2 gothic">
298 
+                    <div id="template_title_block">
299 
+                        <span class="template_title2 template_title2_2">北方町主催及び関係団体が主催するイベント等の中止情報（令和3年度）</span>
169 300 
                     </div>
170 
-                    <span id="template_article_block">
301 
+                </div>
302 
+                <span id="template_article_block">
171 303 
                         新型コロナウイルスの感染予防のため、次のイベントを中止または延期します。<br>
172 304 
                         <br>
173 305 
                         <br>
 
@@ -255,25 +387,39 @@
255 387 
                         <br>
256 388 
                         ※詳細については、お問い合わせ先にお願いします。
257 389 
                     </span>
258 
-                </article>
259 
-
260 
-            </section>
261 
-        </div>
390 
+            </article>
262 391
263 
-        <footer>
264 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
265 
-            <br />
266 
-            <p class="footer_text">
267 
-                <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
268 
-                <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
269 
-                <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
270 
-            </p>
271 
-        </footer>
392 
+        </section>
393 
+    </div>
272 394
395 
+    <footer>
396 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
397 
+        <div class="footer_mobile">
398 
+            <div class="footer_mobile_title">
399 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
400 
+                <h1 class="footerMobile__text">北方町役場</h1>
401 
+            </div>
402 
+            <div class="footer_mobile_address">
403 
+                <span class="footerTextWrap__text">
404 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
405 
+                </span><br>
406 
+                電話:058-323-1111(代)<br>
407 
+                FAX:058-323-2963<br>
408 
+                開庁日：8時30分～17時15分<br>
409 
+                （土・日・祝日、年末年始を除く）<br>
410 
+            </div>
411 
+        </div>
412 
+        <br class="sp__brDisplay">
413 
+        <p class="footer_text">
414 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
415 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
416 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
417 
+        </p>
418 
+    </footer>
273 419
274 
-    </div>
275 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
276 
-        height="1" width="1" />
420 
+</div>
421 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
422 
+     height="1" width="1"/>
277 423 
 </body>
278 424
279 
-</html>
425 
+</html>

+ 432
- 159
third/Coronavirus/Coronavirus_210902.html ファイルの表示 

@@ -1,192 +1,465 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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 
+    <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/pageview.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/third_template_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">
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 
-  <!--セクション 操作-->
22 
-  <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="setBackground3(1)">
38 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
38 
+    <!--セクション 操作-->
39 
+    <section id="operation">
40 
+        <!--セクション 住所-->
41 
+        <article id="address">
42 
+            <address id="operation_add">
43 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
44 
+            </address>
45 
+        </article>
46 
+        <div id="controle_panel">
47 
+            <!--セクション 背景色-->
48 
+            <article id="bgcolor">
49 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
50 
+                <div id="bgcolor_img">
51 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
52 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
53 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
54 
+                </div>
55 
+            </article>
56 
+            <!--セクション 文字サイズ-->
57 
+            <!--<article id="charsize" >
58 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
59 
+            <div id="charsize_img">
60 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
61 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
62 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
63 
+            </div>
64 
+            </article>-->
65 
+
66 
+            <!--セクション サイトマップ-->
67 
+            <article id="sitemap">
68 
+                <div id="sitemap_img">
69 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
70 
+                </div>
71 
+            </article>
72 
+            <!--セクション お問い合わせ-->
73 
+            <article id="contact">
74 
+                <div id="contact_img">
75 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
76 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
77 
+                </div>
78 
+            </article>
79 
+            <!--セクション 翻訳-->
80 
+            <article id="translation">
81 
+                <div id="translation_img">
82 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
83 
+                    <div id="google_translate_element"></div>
84 
+                    <script type="text/javascript">
85 
+                        function googleTranslateElementInit() {
86 
+                            new google.translate.TranslateElement({
87 
+                                pageLanguage: 'ja',
88 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
89 
+                            }, 'google_translate_element');
90 
+                        }
91 
+                    </script>
92 
+                    <script type="text/javascript"
93 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
94 
+                </div>
95 
+            </article>
96 
+            <div id="claer">
97 
+            </div>
98 
+        </div>
99 
+    </section>
100 
+
101 
+    <!--ヘッダーデータ-->
102 
+    <header>
103 
+        <div id="header" class="gothic">
104 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
105 
+            <div id="h_block_1">
106 
+                <div class="h_line">
107 
+                </div>
108 
+                <article class="h_text_l">
109 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
110 
+                </article>
111 
+                <article class="h_text_l">
112 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
113 
+                </article>
114 
+                <article class="h_text_l">
115 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116 
+                </article>
117 
+                <article class="h_text_l">
118 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
119 
+                </article>
120 
+            </div>
121 
+            <div id="h_block_search">
122 
+                <div class="h_line"></div>
123 
+                <article class="h_search">
124 
+                    <div class="space10"></div>
125 
+                    <form action="http://www.google.com/search">
126 
+                        <input type="hidden" name="hl" value="ja"/>
127 
+                        <input type="hidden" name="ie" value="UTF-8">
128 
+                        <input type="hidden" name="oe" value="UTF-8">
129 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
130 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
131 
+                        <input type="submit" name="btnG" value="検索"/>
132 
+                    </form>
133 
+                </article>
134 
+            </div>
40 135 
         </div>
41 
-        <script>
42 
-          getBackgNumber3();
43 
-        </script>
44 
-      </article>
136 
+    </header>
45 137
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>-->
138 
+    <!--セクション 操作-->
139 
+    <section id="operation">
140 
+        <!--セクション 住所-->
141 
+        <article id="address">
142 
+            <address id="operation_add">
143 
+                <span>北方町役場</span>
144 
+                <span> 〒501-0492</span>
145 
+                <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
146 
+                <span> TEL:058-323-1111(代)</span>
147 
+            </address>
148 
+        </article>
149 
+        <div id="controle_panel">
150 
+            <!--セクション 背景色-->
151 
+            <article id="bgcolor">
152 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
153 
+                <div id="bgcolor_img">
154 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
155 
+                           onClick="setBackground3(1)">
156 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
157 
+                           onClick="setBackground3(2)">
158 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
159 
+                           onClick="setBackground3(3)">
160 
+                </div>
161 
+                <script>
162 
+                    getBackgNumber3();
163 
+                </script>
164 
+            </article>
55 165
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>
166 
+            <!--セクション 文字サイズ-->
167 
+            <!--<article id="charsize" >
168 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
169 
+      <div id="charsize_img">
170 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
171 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
172 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
173 
+      </div>
174 
+      </article>-->
175 
+
176 
+            <!--セクション サイトマップ-->
177 
+            <article id="sitemap">
178 
+                <div id="sitemap_img">
179 
+                    <a href="../../second/sitemap.html">
180 
+                        <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
181 
+                    </a>
182 
+                </div>
183 
+            </article>
184 
+            <!--セクション お問い合わせ-->
185 
+            <article id="contact">
186 
+                <div id="contact_img">
187 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html">
188 
+                        <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
189 
+                    </a>
190 
+                </div>
191 
+            </article>
192 
+            <!--セクション 翻訳-->
193 
+            <article id="translation">
194 
+                <div id="translation_img">
195 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
196 
+                    <div id="google_translate_element"></div>
197 
+                    <script type="text/javascript">
198 
+                        function googleTranslateElementInit() {
199 
+                            new google.translate.TranslateElement({
200 
+                                pageLanguage: 'ja',
201 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
202 
+                            }, 'google_translate_element');
203 
+                        }
204 
+                    </script>
205 
+                    <script type="text/javascript"
206 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
207 
+                </div>
208 
+            </article>
209 
+            <div id="claer">
210 
+            </div>
62 211 
         </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>
212 
+    </section>
213 
+    <!--ヘッダーデータ-->
214 
+    <header>
215 
+        <div id="header" class="gothic">
216 
+            <a href="../../index.html">
217 
+                <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
218 
+            </a>
219 
+            <div id="h_block_1">
220 
+                <div class="h_line">
221 
+                </div>
222 
+                <article class="h_text_l">
223 
+                    <a class="h_link" href="../../second/living.html">
224 
+                        <span class="h_text">くらしの情報</span>
225 
+                    </a>
226 
+                </article>
227 
+                <article class="h_text_l">
228 
+                    <a class="h_link" href="../../second/tourism.html">
229 
+                        <span class="h_text">観光</span>
230 
+                    </a>
231 
+                </article>
232 
+                <article class="h_text_l">
233 
+                    <a class="h_link" href="../../second/business.html">
234 
+                        <span class="h_text">事業者向け情報</span>
235 
+                    </a>
236 
+                </article>
237 
+                <article class="h_text_l">
238 
+                    <a class="h_link" href="../../second/town_admini_info.html">
239 
+                        <span class="h_text">町政情報</span>
240 
+                    </a>
241 
+                </article>
242 
+            </div>
243 
+            <div id="h_block_search">
244 
+                <div class="h_line"></div>
245 
+                <article class="h_search">
246 
+                    <div class="space10"></div>
247 
+                    <form action="http://www.google.com/search">
248 
+                        <input type="hidden" name="hl" value="ja"/>
249 
+                        <input type="hidden" name="ie" value="UTF-8">
250 
+                        <input type="hidden" name="oe" value="UTF-8">
251 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
252 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
253 
+                        <input type="submit" name="btnG" value="検索"/>
254 
+                    </form>
255 
+                </article>
256 
+            </div>
70 257 
         </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>
258 
+    </header>
259 
+
260 
+    <!-- mobile header -->
261 
+    <header class="header">
262 
+        <div class="headerLogo">
263 
+            <a href="../../index.html" class="header_link">
264 
+                <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt=""></a>
87 265 
         </div>
88 
-      </article>
89 
-      <div id="claer">
90 
-      </div>
91 
-    </div>
92 
-  </section>
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">
266 
+        <div class="headerTitle">
267 
+            <a href="../../index.html" class="header_link">
268 
+                <h1 class="headerTitle__text">北方町</h1>
269 
+            </a>
101 270 
         </div>
102 
-        <article class="h_text_l">
103 
-          <a class="h_link" href="../../second/living.html">
104 
-            <span class="h_text">くらしの情報</span>
105 
-          </a>
106 
-        </article>
107 
-        <article class="h_text_l">
108 
-          <a class="h_link" href="../../second/tourism.html">
109 
-            <span class="h_text">観光</span>
110 
-          </a>
111 
-        </article>
112 
-        <article class="h_text_l">
113 
-          <a class="h_link" href="../../second/business.html">
114 
-            <span class="h_text">事業者向け情報</span>
115 
-          </a>
116 
-        </article>
117 
-        <article class="h_text_l">
118 
-          <a class="h_link" href="../../second/town_admini_info.html">
119 
-            <span class="h_text">町政情報</span>
120 
-          </a>
121 
-        </article>
122 
-      </div>
123 
-      <div id="h_block_search">
124 
-        <div class="h_line"></div>
125 
-        <article class="h_search">
126 
-          <div class="space10"></div>
127 
-          <form action="http://www.google.com/search">
128 
-            <input type="hidden" name="hl" value="ja" />
129 
-            <input type="hidden" name="ie" value="UTF-8">
130 
-            <input type="hidden" name="oe" value="UTF-8">
131 
-            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-            <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-            <input type="submit" name="btnG" value="検索" />
134 
-          </form>
135 
-        </article>
136 
-      </div>
137 
-    </div>
138 
-  </header>
271 
+        <div class="headerSubTitle">
272 
+            <a href="../../index.html" class="header_link">
273 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
274 
+            </a>
275 
+        </div>
276 
+        <div id="h-menu">
277 
+            <span></span>
278 
+            <span></span>
279 
+            <span></span>
280 
+            <div id="h-text">menu</div>
281 
+        </div>
282 
+        <div id="h-nav">
283 
+            <div class="h-menu_main_block_top">
284 
+                <div class="h-menu_main_block">
285 
+                    <div class="h-menu_block">
286 
+                        <a href="../../second/living.html">
287 
+                            <div class="h-menu_block_text h-menu_block_before">
288 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
289 
+                            </div>
290 
+                        </a>
291 
+                    </div>
292 
+                </div>
293 
+                <div class="h-menu_main_block">
294 
+                    <div class="h-menu_block">
295 
+                        <a href="../../second/tourism.html">
296 
+                            <div class="h-menu_block_text h-menu_block_before">
297 
+                                <div class="h-menu_block_text_center">
298 
+                                    観光
299 
+                                </div>
300 
+                            </div>
301 
+                        </a>
302 
+                    </div>
303 
+                </div>
304 
+                <div class="h-menu_main_block">
305 
+                    <div class="h-menu_block">
306 
+                        <a href="../../second/business.html">
307 
+                            <div class="h-menu_block_text h-menu_block_before">
308 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
309 
+                            </div>
310 
+                        </a>
311 
+                    </div>
312 
+                </div>
313 
+                <div class="h-menu_main_block">
314 
+                    <div class="h-menu_block">
315 
+                        <a href="../../second/town_admini_info.html">
316 
+                            <div class="h-menu_block_text h-menu_block_before">
317 
+                                <div class="h-menu_block_text_center">町政情報</div>
318 
+                            </div>
319 
+                        </a>
320 
+                    </div>
321 
+                </div>
322 
+                <div class="h-menu_main_block">
323 
+                    <div class="h-menu_block h-menu_block_before">
324 
+                        <a href="../../second/sitemap.html">
325 
+                            <div class="h-menu_block_text h-menu_block_before">
326 
+                                <div class="h-menu_block_text_center">
327 
+                                    サイトマップ
328 
+                                </div>
329 
+                            </div>
330 
+                        </a>
331 
+                    </div>
332 
+                </div>
333 
+                <div class="h-menu_main_block">
334 
+                    <div class="h-menu_block h-menu_block_before">
335 
+                        <a href="https://ai-staff.net/kitagata/chat">
336 
+                            <div class="h-menu_block_text  h-menu_block_before">
337 
+                                <div class="h-menu_block_text_center">
338 
+                                    AIチャット
339 
+                                </div>
340 
+                            </div>
341 
+                        </a>
342 
+                    </div>
343 
+                </div>
344 
+                <div class="h-menu_main_block">
345 
+                    <div class="h-menu_block h-menu_block_before">
346 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
347 
+                            <div class="h-menu_block_text">
348 
+                                <div class="h-menu_block_text_center">
349 
+                                    お問い合わせ一覧
350 
+                                </div>
351 
+                            </div>
352 
+                        </a>
353 
+                    </div>
354 
+                </div>
355 
+                <div class="h-menu_main_block">
356 
+                    <div class="h-menu_lang">
357 
+                        <div class="h-menu_block_lang">
358 
+                            <div class="h-menu_block_text_center">
359 
+                                <div class="h-menu_block_text_line">
360 
+                                    背景変更
361 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
362 
+                                    </div>
363 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
364 
+                                    </div>
365 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
366 
+                                    </div>
367 
+                                </div>
368 
+                                <script>
369 
+                                    getBackgNumber2();
370 
+                                </script>
371 
+                                <div class="h-menu_block_text_line">言語選択
372 
+                                    <div class="mobile_translation">
373 
+                                        <div id="google_translate_element"></div>
374 
+                                    </div>
375 
+                                </div>
376 
+                            </div>
377 
+                        </div>
378 
+                    </div>
379 
+                </div>
380 
+                <div class="h-menu_main_block">
381 
+                    <div class="h-menu_search">
382 
+                        <div class="h-menu_block_search">
383 
+                            <form action="https://www.google.com/search">
384 
+                                <input type="hidden" name="hl" value="ja"/>
385 
+                                <input type="hidden" name="ie" value="UTF-8">
386 
+                                <input type="hidden" name="oe" value="UTF-8">
387 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
388 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
389 
+                                       class="mobile_form_input"/>
390 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
391 
+                            </form>
392 
+                        </div>
393 
+                    </div>
394 
+                </div>
395 
+            </div>
396 
+        </div>
397 
+    </header>
139 398
140 
-  <div id="third_body">
141 
-    <!--セクション template-->
142 
-    <section id="template">
143 
-      <article id="breadcrumb2">
144 
-        <div id="breadcrumb_title">
145 
-          <div id="breadcrumb_title_block">
399 
+    <div id="third_body">
400 
+        <!--セクション template-->
401 
+        <section id="template">
402 
+            <article id="breadcrumb2">
403 
+                <div id="breadcrumb_title">
404 
+                    <div id="breadcrumb_title_block">
146 405 
               <span id="breadcrumb_title">
147 406 
                 <a href="../../index.html">トップ</a>>
148 407 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>岐阜県新型コロナウイルス感染症拡大防止協力金（第７弾）</span>
149 
-          </div>
150 
-        </div>
151 
-      </article>
152 
-      <article id="template_2lins">
153 
-        <div id="template_title_2lins" class="gothic">
154 
-          <div id="template_title_block_2lins">
155 
-            <span id="template_title_2lins">岐阜県新型コロナウイルス感染症拡大防止協力金（第７弾）</span>
156 
-          </div>
157 
-        </div>
158 
-        <span id="template_article_block">
408 
+                    </div>
409 
+                </div>
410 
+            </article>
411 
+            <article id="template_2lins">
412 
+                <div id="template_title_2lins" class="gothic">
413 
+                    <div id="template_title_block_2lins">
414 
+                        <span id="template_title_2lins">岐阜県新型コロナウイルス感染症拡大防止協力金（第７弾）</span>
415 
+                    </div>
416 
+                </div>
417 
+                <span id="template_article_block">
159 418 
            要請期間：令和３年８月１７日（火曜日）から令和３年９月１２日（日曜日）<br>
160 419 
 　日々感染拡大している新型コロナウイルス感染症の感染拡大防止のため、県の要請に応じて、対象期間全てにおいて、要請の対象となる店舗の営業時間の短縮等に全面的にご協力いただける事業者に対して、協力金が出支給されます。<br>
161 420 
 　詳しくは、岐阜県のホームページをご覧ください。<br>
162 421 
           ●<a href="http://www.pref.gifu.lg.jp/site/covid19/170335.html">第７弾の詳細はこちら</a><br>
163 422 
           ●<a href="http://www.pref.gifu.lg.jp/site/covid19/170422.html">第７弾早期支給分の詳細はこちら</a><br>
164 423
165 
-<br />
166 
-問い合わせ<br />
167 
-岐阜県「協力金コールセンター」（９時から１７時）<br />
168 
-電話番号：058-272-8192<br />
169 
-<br />
424 
+<br/>
425 
+問い合わせ<br/>
426 
+岐阜県「協力金コールセンター」（９時から１７時）<br/>
427 
+電話番号：058-272-8192<br/>
428 
+<br/>
170 429 
           </span>
171 
-      </article>
430 
+            </article>
172 431
173 
-    </section>
174 
-  </div>
175 
-
176 
-  <footer>
177 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
178 
-    <br />
179 
-    <p class="footer_text">
180 
-      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
181 
-      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
182 
-      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
183 
-    </p>
184 
-  </footer>
432 
+        </section>
433 
+    </div>
185 434
435 
+    <footer>
436 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
437 
+        <div class="footer_mobile">
438 
+            <div class="footer_mobile_title">
439 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
440 
+                <h1 class="footerMobile__text">北方町役場</h1>
441 
+            </div>
442 
+            <div class="footer_mobile_address">
443 
+                <span class="footerTextWrap__text">
444 
+                    〒501-0429 岐阜県本巣郡北方町長谷川1丁目1番地
445 
+                </span><br>
446 
+                電話:058-323-1111(代)<br>
447 
+                FAX:058-323-2963<br>
448 
+                開庁日：8時30分～17時15分<br>
449 
+                （土・日・祝日、年末年始を除く）<br>
450 
+            </div>
451 
+        </div>
452 
+        <br class="sp__brDisplay">
453 
+        <p class="footer_text">
454 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
455 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
456 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
457 
+        </p>
458 
+    </footer>
186 459
187 460 
 </div>
188 461 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
189 
-     height="1" width="1" />
462 
+     height="1" width="1"/>
190 463 
 </body>
191 464
192 465 
 </html>

+ 235
- 138
third/Coronavirus/Coronavirus_220121.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,152 +10,234 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
   </meta>
17 22 
 </head>
18 23
19 24 
 <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>
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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
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">
60 
-              <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
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>
61 66 
             </a>
62 67 
           </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="お問い合わせはこちらから" />
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>
69 77 
             </a>
70 78 
           </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">
90 79 
         </div>
91 
-      </div>
92 
-    </section>
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">
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>
101 87 
           </div>
102 
-          <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
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>
105 95 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
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>
110 106 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
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>
115 117 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
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>
120 128 
             </a>
121 
-          </article>
129 
+          </div>
122 130 
         </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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 
+  <header>
177 
+    <div id="header" class="gothic">
178 
+      <a href="../../index.html">
179 
+        <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
180 
+      </a>
181 
+      <div id="h_block_1">
182 
+        <div class="h_line">
136 183 
         </div>
184 
+        <article class="h_text_l">
185 
+          <a class="h_link" href="../../second/living.html">
186 
+            <span class="h_text">くらしの情報</span>
187 
+          </a>
188 
+        </article>
189 
+        <article class="h_text_l">
190 
+          <a class="h_link" href="../../second/tourism.html">
191 
+            <span class="h_text">観光</span>
192 
+          </a>
193 
+        </article>
194 
+        <article class="h_text_l">
195 
+          <a class="h_link" href="../../second/business.html">
196 
+            <span class="h_text">事業者向け情報</span>
197 
+          </a>
198 
+        </article>
199 
+        <article class="h_text_l">
200 
+          <a class="h_link" href="../../second/town_admini_info.html">
201 
+            <span class="h_text">町政情報</span>
202 
+          </a>
203 
+        </article>
137 204 
       </div>
138 
-    </header>
205 
+      <div id="h_block_search">
206 
+        <div class="h_line"></div>
207 
+        <article class="h_search">
208 
+          <div class="space10"></div>
209 
+          <form action="http://www.google.com/search">
210 
+            <input type="hidden" name="hl" value="ja" />
211 
+            <input type="hidden" name="ie" value="UTF-8">
212 
+            <input type="hidden" name="oe" value="UTF-8">
213 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
214 
+            <input type="text" name="q" size="16" maxlength="256" value="" />
215 
+            <input type="submit" name="btnG" value="検索" />
216 
+          </form>
217 
+        </article>
218 
+      </div>
219 
+    </div>
220 
+  </header>
139 221
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
222 
+  <div id="third_body">
223 
+    <!--セクション template-->
224 
+    <section id="template">
225 
+      <article id="breadcrumb2">
226 
+        <div id="breadcrumb_title">
227 
+          <div id="breadcrumb_title_block">
146 228 
               <span id="breadcrumb_title">
147 229 
                 <a href="../../index.html">トップ</a>>
148 230 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>岐阜県新型コロナウイルス感染症拡大防止協力金（第９弾）</span>
149 
-            </div>
150 231 
           </div>
151 
-        </article>
152 
-        <article id="template_2lins">
153 
-          <div id="template_title_2lins" class="gothic">
154 
-            <div id="template_title_block_2lins">
155 
-              <span id="template_title_2lins">岐阜県新型コロナウイルス感染症拡大防止協力金（第９弾）</span>
156 
-            </div>
232 
+        </div>
233 
+      </article>
234 
+      <article id="template_2lins">
235 
+        <div id="template_title_2lins" class="gothic">
236 
+          <div id="template_title_block_2lins">
237 
+            <span id="template_title_2lins">岐阜県新型コロナウイルス感染症拡大防止協力金（第９弾）</span>
157 238 
           </div>
158 
-          <span id="template_article_block">
239 
+        </div>
240 
+        <span id="template_article_block">
159 241 
             要請期間：令和４年１月２１日（金曜日）から令和４年２月１３日（日曜日）<br>
160 242 
             日々感染拡大している新型コロナウイルス感染症の感染拡大防止のため、県の要請に応じて、要請期間全てにおいて、要請の対象となる店舗の営業時間の短縮等に全面的にご協力いただける事業者に対して、協力金が支給されます。<br>
161 243 
             詳しくは、岐阜県のホームページをご覧ください。<br>
 
@@ -168,25 +250,40 @@
168 250 
             電話番号：058-272-8192<br />
169 251 
             <br />
170 252 
           </span>
171 
-        </article>
253 
+      </article>
172 254
173 
-      </section>
174 
-    </div>
255 
+    </section>
256 
+  </div>
175 257
176 
-    <footer>
177 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
178 
-      <br />
179 
-      <p class="footer_text">
180 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
181 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
182 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
183 
-      </p>
184 
-    </footer>
185 258
259 
+  <footer>
260 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
261 
+    <div class="footer_mobile">
262 
+      <div class="footer_mobile_title">
263 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
264 
+        <h1 class="footerMobile__text">北方町役場</h1>
265 
+      </div>
266 
+      <div class="footer_mobile_address">
267 
+                <span class="footerTextWrap__text">
268 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
269 
+                </span><br>
270 
+        電話:058-323-1111(代)<br>
271 
+        FAX:058-323-2963<br>
272 
+        開庁日：8時30分～17時15分<br>
273 
+        （土・日・祝日、年末年始を除く）<br>
274 
+      </div>
275 
+    </div>
276 
+    <br class="sp__brDisplay">
277 
+    <p class="footer_text">
278 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
279 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
280 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
281 
+    </p>
282 
+  </footer>
186 283
187 
-  </div>
188 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
189 
-    height="1" width="1" />
284 
+</div>
285 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
286 
+     height="1" width="1" />
190 287 
 </body>
191 288
192 289 
 </html>

+ 234
- 138
third/Coronavirus/Coronavirus_220328.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,152 +10,233 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
   </meta>
17 22 
 </head>
18 23
19 24 
 <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>
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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
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">
60 
-              <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
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>
61 66 
             </a>
62 67 
           </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="お問い合わせはこちらから" />
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>
69 77 
             </a>
70 78 
           </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">
90 79 
         </div>
91 
-      </div>
92 
-    </section>
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">
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>
101 87 
           </div>
102 
-          <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
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>
105 95 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
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>
110 106 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
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>
115 117 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
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>
120 128 
             </a>
121 
-          </article>
129 
+          </div>
122 130 
         </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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 
+  <header>
176 
+    <div id="header" class="gothic">
177 
+      <a href="../../index.html">
178 
+        <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
179 
+      </a>
180 
+      <div id="h_block_1">
181 
+        <div class="h_line">
136 182 
         </div>
183 
+        <article class="h_text_l">
184 
+          <a class="h_link" href="../../second/living.html">
185 
+            <span class="h_text">くらしの情報</span>
186 
+          </a>
187 
+        </article>
188 
+        <article class="h_text_l">
189 
+          <a class="h_link" href="../../second/tourism.html">
190 
+            <span class="h_text">観光</span>
191 
+          </a>
192 
+        </article>
193 
+        <article class="h_text_l">
194 
+          <a class="h_link" href="../../second/business.html">
195 
+            <span class="h_text">事業者向け情報</span>
196 
+          </a>
197 
+        </article>
198 
+        <article class="h_text_l">
199 
+          <a class="h_link" href="../../second/town_admini_info.html">
200 
+            <span class="h_text">町政情報</span>
201 
+          </a>
202 
+        </article>
137 203 
       </div>
138 
-    </header>
204 
+      <div id="h_block_search">
205 
+        <div class="h_line"></div>
206 
+        <article class="h_search">
207 
+          <div class="space10"></div>
208 
+          <form action="http://www.google.com/search">
209 
+            <input type="hidden" name="hl" value="ja" />
210 
+            <input type="hidden" name="ie" value="UTF-8">
211 
+            <input type="hidden" name="oe" value="UTF-8">
212 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
213 
+            <input type="text" name="q" size="16" maxlength="256" value="" />
214 
+            <input type="submit" name="btnG" value="検索" />
215 
+          </form>
216 
+        </article>
217 
+      </div>
218 
+    </div>
219 
+  </header>
139 220
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title">
145 
-            <div id="breadcrumb_title_block">
221 
+  <div id="third_body">
222 
+    <!--セクション template-->
223 
+    <section id="template">
224 
+      <article id="breadcrumb2">
225 
+        <div id="breadcrumb_title">
226 
+          <div id="breadcrumb_title_block">
146 227 
               <span id="breadcrumb_title">
147 228 
                 <a href="../../index.html">トップ</a>>
148 229 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>岐阜県新型コロナウイルス感染症拡大防止協力金（第10弾）</span>
149 
-            </div>
150 230 
           </div>
151 
-        </article>
152 
-        <article id="template_2lins">
153 
-          <div id="template_title_2lins" class="gothic">
154 
-            <div id="template_title_block_2lins">
155 
-              <span id="template_title_2lins">岐阜県新型コロナウイルス感染症拡大防止協力金（第10弾）</span>
156 
-            </div>
231 
+        </div>
232 
+      </article>
233 
+      <article id="template_2lins">
234 
+        <div id="template_title_2lins" class="gothic">
235 
+          <div id="template_title_block_2lins">
236 
+            <span id="template_title_2lins">岐阜県新型コロナウイルス感染症拡大防止協力金（第10弾）</span>
157 237 
           </div>
158 
-          <span id="template_article_block">
238 
+        </div>
239 
+        <span id="template_article_block">
159 240 
             　要請期間：令和４年３月７日（月曜日）から令和４年３月２１日（月曜日）<br>
160 241 
             　新型コロナウイルス感染症の感染拡大防止のため、県の要請に応じて、対象店舗の時短営業等に全面的にご協力いただいた事業者の皆様に対して、協力金が出支給されます。<br>
161 242 
             　詳しくは、岐阜県のホームページをご覧ください。<br>
 
@@ -167,25 +248,40 @@
167 248 
             電話番号：058-272-8192<br />
168 249 
             <br />
169 250 
           </span>
170 
-        </article>
251 
+      </article>
171 252
172 
-      </section>
173 
-    </div>
253 
+    </section>
254 
+  </div>
174 255
175 
-    <footer>
176 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
177 
-      <br />
178 
-      <p class="footer_text">
179 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
180 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
181 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
182 
-      </p>
183 
-    </footer>
184 256
257 
+  <footer>
258 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
259 
+    <div class="footer_mobile">
260 
+      <div class="footer_mobile_title">
261 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
262 
+        <h1 class="footerMobile__text">北方町役場</h1>
263 
+      </div>
264 
+      <div class="footer_mobile_address">
265 
+                <span class="footerTextWrap__text">
266 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
267 
+                </span><br>
268 
+        電話:058-323-1111(代)<br>
269 
+        FAX:058-323-2963<br>
270 
+        開庁日：8時30分～17時15分<br>
271 
+        （土・日・祝日、年末年始を除く）<br>
272 
+      </div>
273 
+    </div>
274 
+    <br class="sp__brDisplay">
275 
+    <p class="footer_text">
276 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
277 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
278 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
279 
+    </p>
280 
+  </footer>
185 281
186 
-  </div>
187 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
188 
-    height="1" width="1" />
282 
+</div>
283 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
284 
+     height="1" width="1" />
189 285 
 </body>
190 286
191 287 
 </html>

+ 205
- 60
third/Coronavirus/accident_sickness_benefits.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +10,35 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
20 35 
 <div id="main" class="gothic">
21 36 
   <!--セクション 操作-->
22 37 
   <section id="operation">
23 38 
     <!--セクション 住所-->
24 39 
     <article id="address">
25 40 
       <address id="operation_add">
26 
-        <span>北方町役場</span>
27 
-        <span> 〒501-0492</span>
28 
-        <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-        <span> TEL:058-323-1111(代)</span>
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 42 
       </address>
31 43 
     </article>
32 44 
     <div id="controle_panel">
 
@@ -34,42 +46,32 @@
34 46 
       <article id="bgcolor">
35 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
36 48 
         <div id="bgcolor_img">
37 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                 onClick="setBackground3(1)">
39 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                 onClick="setBackground3(2)">
41 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                 onClick="setBackground3(3)">
43 
-        </div>
44 
-        <script>
45 
-          getBackgNumber3();
46 
-        </script>
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
47 53 
       </article>
48 
-
49 54 
       <!--セクション 文字サイズ-->
50 55 
       <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
58 63
59 64 
       <!--セクション サイトマップ-->
60 65 
       <article id="sitemap">
61 66 
         <div id="sitemap_img">
62 
-          <a href="../../second/sitemap.html">
63 
-            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
64 
-          </a>
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
65 68 
         </div>
66 69 
       </article>
67 70 
       <!--セクション お問い合わせ-->
68 71 
       <article id="contact">
69 72 
         <div id="contact_img">
70 
-          <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
72 
-          </a>
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
73 75 
         </div>
74 76 
       </article>
75 77 
       <!--セクション 翻訳-->
 
@@ -78,12 +80,12 @@
78 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 81 
           <div id="google_translate_element"></div>
80 82 
           <script type="text/javascript">
81 
-            function googleTranslateElementInit() {
82 
-              new google.translate.TranslateElement({
83 
-                pageLanguage: 'ja',
84 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-              }, 'google_translate_element');
86 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
87 89 
           </script>
88 90 
           <script type="text/javascript"
89 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -93,34 +95,25 @@
93 95 
       </div>
94 96 
     </div>
95 97 
   </section>
98 
+
96 99 
   <!--ヘッダーデータ-->
97 100 
   <header>
98 101 
     <div id="header" class="gothic">
99 
-      <a href="../../index.html">
100 
-        <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
101 
-      </a>
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
102 103 
       <div id="h_block_1">
103 104 
         <div class="h_line">
104 105 
         </div>
105 106 
         <article class="h_text_l">
106 
-          <a class="h_link" href="../../second/living.html">
107 
-            <span class="h_text">くらしの情報</span>
108 
-          </a>
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 108 
         </article>
110 109 
         <article class="h_text_l">
111 
-          <a class="h_link" href="../../second/tourism.html">
112 
-            <span class="h_text">観光</span>
113 
-          </a>
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 111 
         </article>
115 112 
         <article class="h_text_l">
116 
-          <a class="h_link" href="../../second/business.html">
117 
-            <span class="h_text">事業者向け情報</span>
118 
-          </a>
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 114 
         </article>
120 115 
         <article class="h_text_l">
121 
-          <a class="h_link" href="../../second/town_admini_info.html">
122 
-            <span class="h_text">町政情報</span>
123 
-          </a>
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 117 
         </article>
125 118 
       </div>
126 119 
       <div id="h_block_search">
 
@@ -140,6 +133,145 @@
140 133 
     </div>
141 134 
   </header>
142 135
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
143 275 
   <div id="third_body">
144 276 
     <!--セクション template-->
145 277 
     <section id="template">
 
@@ -148,8 +280,7 @@
148 280 
           <div id="breadcrumb_title_block2">
149 281 
               <span id="breadcrumb_title2">
150 282 
                 <a href="../../index.html">トップ</a>>
151 
-                <a
152 
-                        href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
283 
+                <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
153 284 
                 新型コロナウイルス感染症による傷病手当金について
154 285 
               </span>
155 286 
           </div>
 
@@ -164,9 +295,9 @@
164 295 
       </article>
165 296
166 297 
       <article id="template_list_title">
167 
-        <div id="template_title2" class="gothic">
298 
+        <div class="template_title2 template_title2_2 gothic">
168 299 
           <div id="template_title_block">
169 
-            <span id="template_title2">新型コロナウイルス感染症による傷病手当金について</span>
300 
+            <span class="template_title2 template_title2_2">新型コロナウイルス感染症による傷病手当金について</span>
170 301 
           </div>
171 302 
         </div>
172 303 
         <span id="template_article_block">
 
@@ -205,8 +336,23 @@
205 336 
   </div>
206 337
207 338 
   <footer>
208 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
209 
-    <br/>
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">
210 356 
     <p class="footer_text">
211 357 
       <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
212 358 
       <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
 
@@ -214,7 +360,6 @@
214 360 
     </p>
215 361 
   </footer>
216 362
217 
-
218 363 
 </div>
219 364 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
220 365 
      height="1" width="1"/>

+ 204
- 57
third/Coronavirus/apply_for_sticker.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +10,35 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
20 35 
 <div id="main" class="gothic">
21 36 
   <!--セクション 操作-->
22 37 
   <section id="operation">
23 38 
     <!--セクション 住所-->
24 39 
     <article id="address">
25 40 
       <address id="operation_add">
26 
-        <span>北方町役場</span>
27 
-        <span> 〒501-0492</span>
28 
-        <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-        <span> TEL:058-323-1111(代)</span>
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 42 
       </address>
31 43 
     </article>
32 44 
     <div id="controle_panel">
 
@@ -34,42 +46,32 @@
34 46 
       <article id="bgcolor">
35 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
36 48 
         <div id="bgcolor_img">
37 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                 onClick="setBackground3(1)">
39 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                 onClick="setBackground3(2)">
41 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                 onClick="setBackground3(3)">
43 
-        </div>
44 
-        <script>
45 
-          getBackgNumber3();
46 
-        </script>
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
47 53 
       </article>
48 
-
49 54 
       <!--セクション 文字サイズ-->
50 55 
       <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
58 63
59 64 
       <!--セクション サイトマップ-->
60 65 
       <article id="sitemap">
61 66 
         <div id="sitemap_img">
62 
-          <a href="../../second/sitemap.html">
63 
-            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
64 
-          </a>
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
65 68 
         </div>
66 69 
       </article>
67 70 
       <!--セクション お問い合わせ-->
68 71 
       <article id="contact">
69 72 
         <div id="contact_img">
70 
-          <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
72 
-          </a>
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
73 75 
         </div>
74 76 
       </article>
75 77 
       <!--セクション 翻訳-->
 
@@ -78,12 +80,12 @@
78 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 81 
           <div id="google_translate_element"></div>
80 82 
           <script type="text/javascript">
81 
-            function googleTranslateElementInit() {
82 
-              new google.translate.TranslateElement({
83 
-                pageLanguage: 'ja',
84 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-              }, 'google_translate_element');
86 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
87 89 
           </script>
88 90 
           <script type="text/javascript"
89 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -93,34 +95,25 @@
93 95 
       </div>
94 96 
     </div>
95 97 
   </section>
98 
+
96 99 
   <!--ヘッダーデータ-->
97 100 
   <header>
98 101 
     <div id="header" class="gothic">
99 
-      <a href="../../index.html">
100 
-        <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
101 
-      </a>
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
102 103 
       <div id="h_block_1">
103 104 
         <div class="h_line">
104 105 
         </div>
105 106 
         <article class="h_text_l">
106 
-          <a class="h_link" href="../../second/living.html">
107 
-            <span class="h_text">くらしの情報</span>
108 
-          </a>
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 108 
         </article>
110 109 
         <article class="h_text_l">
111 
-          <a class="h_link" href="../../second/tourism.html">
112 
-            <span class="h_text">観光</span>
113 
-          </a>
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 111 
         </article>
115 112 
         <article class="h_text_l">
116 
-          <a class="h_link" href="../../second/business.html">
117 
-            <span class="h_text">事業者向け情報</span>
118 
-          </a>
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 114 
         </article>
120 115 
         <article class="h_text_l">
121 
-          <a class="h_link" href="../../second/town_admini_info.html">
122 
-            <span class="h_text">町政情報</span>
123 
-          </a>
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 117 
         </article>
125 118 
       </div>
126 119 
       <div id="h_block_search">
 
@@ -140,6 +133,145 @@
140 133 
     </div>
141 134 
   </header>
142 135
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
143 275 
   <div id="third_body">
144 276 
     <!--セクション template-->
145 277 
     <section id="template">
 
@@ -164,9 +296,9 @@
164 296 
       </article>
165 297
166 298 
       <article id="template_list_title">
167 
-        <div id="template_title2" class="gothic">
299 
+        <div class="template_title2 template_title2_2 gothic">
168 300 
           <div id="template_title_block">
169 
-            <span id="template_title2">新型コロナ対策実施店舗向けステッカーの申込みについて</span>
301 
+            <span class="template_title2 template_title2_2">新型コロナ対策実施店舗向けステッカーの申込みについて</span>
170 302 
           </div>
171 303 
         </div>
172 304 
         <span id="template_article_block">
 
@@ -180,8 +312,23 @@
180 312 
   </div>
181 313
182 314 
   <footer>
183 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
184 
-    <br/>
315 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
316 
+    <div class="footer_mobile">
317 
+      <div class="footer_mobile_title">
318 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
319 
+        <h1 class="footerMobile__text">北方町役場</h1>
320 
+      </div>
321 
+      <div class="footer_mobile_address">
322 
+                <span class="footerTextWrap__text">
323 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
324 
+                </span><br>
325 
+        電話:058-323-1111(代)<br>
326 
+        FAX:058-323-2963<br>
327 
+        開庁日：8時30分～17時15分<br>
328 
+        （土・日・祝日、年末年始を除く）<br>
329 
+      </div>
330 
+    </div>
331 
+    <br class="sp__brDisplay">
185 332 
     <p class="footer_text">
186 333 
       <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
187 334 
       <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜

+ 296
- 147
third/Coronavirus/coronavirus_consultation_service.html ファイルの表示 

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

+ 204
- 57
third/Coronavirus/coronavirus_procedures.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +10,35 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
20 35 
 <div id="main" class="gothic">
21 36 
   <!--セクション 操作-->
22 37 
   <section id="operation">
23 38 
     <!--セクション 住所-->
24 39 
     <article id="address">
25 40 
       <address id="operation_add">
26 
-        <span>北方町役場</span>
27 
-        <span> 〒501-0492</span>
28 
-        <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-        <span> TEL:058-323-1111(代)</span>
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 42 
       </address>
31 43 
     </article>
32 44 
     <div id="controle_panel">
 
@@ -34,42 +46,32 @@
34 46 
       <article id="bgcolor">
35 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
36 48 
         <div id="bgcolor_img">
37 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                 onClick="setBackground3(1)">
39 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                 onClick="setBackground3(2)">
41 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                 onClick="setBackground3(3)">
43 
-        </div>
44 
-        <script>
45 
-          getBackgNumber3();
46 
-        </script>
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
47 53 
       </article>
48 
-
49 54 
       <!--セクション 文字サイズ-->
50 55 
       <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
58 63
59 64 
       <!--セクション サイトマップ-->
60 65 
       <article id="sitemap">
61 66 
         <div id="sitemap_img">
62 
-          <a href="../../second/sitemap.html">
63 
-            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
64 
-          </a>
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
65 68 
         </div>
66 69 
       </article>
67 70 
       <!--セクション お問い合わせ-->
68 71 
       <article id="contact">
69 72 
         <div id="contact_img">
70 
-          <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
72 
-          </a>
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
73 75 
         </div>
74 76 
       </article>
75 77 
       <!--セクション 翻訳-->
 
@@ -78,12 +80,12 @@
78 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 81 
           <div id="google_translate_element"></div>
80 82 
           <script type="text/javascript">
81 
-            function googleTranslateElementInit() {
82 
-              new google.translate.TranslateElement({
83 
-                pageLanguage: 'ja',
84 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-              }, 'google_translate_element');
86 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
87 89 
           </script>
88 90 
           <script type="text/javascript"
89 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -93,34 +95,25 @@
93 95 
       </div>
94 96 
     </div>
95 97 
   </section>
98 
+
96 99 
   <!--ヘッダーデータ-->
97 100 
   <header>
98 101 
     <div id="header" class="gothic">
99 
-      <a href="../../index.html">
100 
-        <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
101 
-      </a>
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
102 103 
       <div id="h_block_1">
103 104 
         <div class="h_line">
104 105 
         </div>
105 106 
         <article class="h_text_l">
106 
-          <a class="h_link" href="../../second/living.html">
107 
-            <span class="h_text">くらしの情報</span>
108 
-          </a>
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 108 
         </article>
110 109 
         <article class="h_text_l">
111 
-          <a class="h_link" href="../../second/tourism.html">
112 
-            <span class="h_text">観光</span>
113 
-          </a>
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 111 
         </article>
115 112 
         <article class="h_text_l">
116 
-          <a class="h_link" href="../../second/business.html">
117 
-            <span class="h_text">事業者向け情報</span>
118 
-          </a>
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 114 
         </article>
120 115 
         <article class="h_text_l">
121 
-          <a class="h_link" href="../../second/town_admini_info.html">
122 
-            <span class="h_text">町政情報</span>
123 
-          </a>
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 117 
         </article>
125 118 
       </div>
126 119 
       <div id="h_block_search">
 
@@ -140,6 +133,145 @@
140 133 
     </div>
141 134 
   </header>
142 135
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
143 275 
   <div id="third_body">
144 276 
     <!--セクション template-->
145 277 
     <section id="template">
 
@@ -164,9 +296,9 @@
164 296 
       </article>
165 297
166 298 
       <article id="template_list_title">
167 
-        <div id="template_title2" class="gothic">
299 
+        <div class="template_title2 template_title2_2 gothic">
168 300 
           <div id="template_title_block">
169 
-            <span id="template_title2">新型コロナウイルス感染症に関する各種手続き等について</span>
301 
+            <span class="template_title2 template_title2_2">新型コロナウイルス感染症に関する各種手続き等について</span>
170 302 
           </div>
171 303 
         </div>
172 304 
         <span id="template_article_block">
 
@@ -184,8 +316,23 @@
184 316 
   </div>
185 317
186 318 
   <footer>
187 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
188 
-    <br/>
319 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
320 
+    <div class="footer_mobile">
321 
+      <div class="footer_mobile_title">
322 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
323 
+        <h1 class="footerMobile__text">北方町役場</h1>
324 
+      </div>
325 
+      <div class="footer_mobile_address">
326 
+                <span class="footerTextWrap__text">
327 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
328 
+                </span><br>
329 
+        電話:058-323-1111(代)<br>
330 
+        FAX:058-323-2963<br>
331 
+        開庁日：8時30分～17時15分<br>
332 
+        （土・日・祝日、年末年始を除く）<br>
333 
+      </div>
334 
+    </div>
335 
+    <br class="sp__brDisplay">
189 336 
     <p class="footer_text">
190 337 
       <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
191 338 
       <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜

+ 300
- 151
third/Coronavirus/for_foreign_residents.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,162 +10,297 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
43 89 
           </script>
44 
-        </article>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
45 98
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>-->
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
55 135
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="サイトマップ" />
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
61 166 
             </a>
62 167 
           </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="お問い合わせはこちらから" />
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
69 177 
             </a>
70 178 
           </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">
90 179 
         </div>
91 
-      </div>
92 
-    </section>
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">
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
101 187 
           </div>
102 
-          <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
188 
+        </div>
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
105 195 
             </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
110 206 
             </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
115 217 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
120 228 
             </a>
121 
-          </article>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
122 255 
         </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
136 270 
         </div>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title2">
145 
-            <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
146 281 
               <span id="breadcrumb_title2">
147 282 
                 <a href="../../index.html">トップ</a>&gt;
148 283 
                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>&gt;
149 284 
                 Information about COVID-19（外国人のみなさまへ）
150 285 
               </span>
151 
-            </div>
152 286 
           </div>
153 
-        </article>
154 
-        <article id="template">
155 
-          <div id="template_title" class="gothic">
156 
-            <div id="template_title_block">
157 
-              <span id="template_title">Information about COVID-19(外国人のみなさまへ）</span>
158 
-            </div>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template_2lins">
290 
+        <div id="template_title_2lins" class="gothic">
291 
+          <div id="template_title_block_2lins">
292 
+            <span id="template_title_2lins">Information about COVID-19(外国人のみなさまへ）</span>
159 293 
           </div>
160 
-        </article>
294 
+        </div>
295 
+      </article>
161 296
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">Information about COVID-19（外国人のみなさまへ）</span>
166 
-            </div>
297 
+      <article id="template_list_title">
298 
+        <div class="template_title2 template_title2_2 gothic">
299 
+          <div id="template_title_block">
300 
+            <span class="template_title2 template_title2_2">Information about COVID-19（外国人のみなさまへ）</span>
167 301 
           </div>
168 
-          <span id="template_article_block">
302 
+        </div>
303 
+        <span id="template_article_block">
169 304 
             下記にある掲示やサイトを確認して、感染対策を徹底してください。<br><br>
170 305
171 306 
             Please check the following resources and make sure to follow all precautions to prevent yourself and others
 
@@ -192,9 +327,9 @@
192 327 
             <a href="../../fourth/Coronavirus/Coronavirus_220304_chinese.pdf" target="_blank">中国語(chinese)</a><br>
193 328 
             <a href="../../fourth/Coronavirus/Coronavirus_220304_tagalog.pdf" target="_blank">タガログ語(tagalog)</a><br>
194 329 
             <a href="../../fourth/Coronavirus/Coronavirus_220304_portugal.pdf"
195 
-              target="_blank">ポルトガル語(portuguese)</a><br>
330 
+               target="_blank">ポルトガル語(portuguese)</a><br>
196 331 
             <a href="../../fourth/Coronavirus/Coronavirus_220304_vietnamese.pdf"
197 
-              target="_blank">ベトナム語(vietnamese)</a><br><br>
332 
+               target="_blank">ベトナム語(vietnamese)</a><br><br>
198 333
199 334 
             <h4 id="life">まん延防止等重点措置の延長を受けて<br>(Extension of “The Special Measures District to Prevent the Further
200 335 
               Spread of
 
@@ -204,9 +339,9 @@
204 339 
             <a href="../../fourth/Coronavirus/Coronavirus_220210_chinese.pdf" target="_blank">中国語(chinese)</a><br>
205 340 
             <a href="../../fourth/Coronavirus/Coronavirus_220210_tagalog.pdf" target="_blank">タガログ語(tagalog)</a><br>
206 341 
             <a href="../../fourth/Coronavirus/Coronavirus_220210_portugal.pdf"
207 
-              target="_blank">ポルトガル語(portuguese)</a><br>
342 
+               target="_blank">ポルトガル語(portuguese)</a><br>
208 343 
             <a href="../../fourth/Coronavirus/Coronavirus_220210_vietnamese.pdf"
209 
-              target="_blank">ベトナム語(vietnamese)</a><br><br>
344 
+               target="_blank">ベトナム語(vietnamese)</a><br><br>
210 345
211 346 
             <h4 id="life"> 新型コロナウイルス感染症「第6波」非常事態宣言(抜粋)<br>("6th Wave State of Emergency Measures(Extract))2022.01.17
212 347 
             </h4><br>
 
@@ -215,9 +350,9 @@
215 350 
             <a href="../../fourth/Coronavirus/Coronavirus_220117_chinese.pdf" target="_blank">中国語(chinese)</a><br>
216 351 
             <a href="../../fourth/Coronavirus/Coronavirus_220117_tagalog.pdf" target="_blank">タガログ語(tagalog)</a><br>
217 352 
             <a href="../../fourth/Coronavirus/Coronavirus_220117_portugal.pdf"
218 
-              target="_blank">ポルトガル語(portuguese)</a><br>
353 
+               target="_blank">ポルトガル語(portuguese)</a><br>
219 354 
             <a href="../../fourth/Coronavirus/Coronavirus_220117_vietnamese.pdf"
220 
-              target="_blank">ベトナム語(vietnamese)</a><br><br>
355 
+               target="_blank">ベトナム語(vietnamese)</a><br><br>
221 356
222 357 
             <h4 id="life"> 新型コロナウイルス感染症「第6波」突入　オミクロン株緊急対策(抜粋)<br>(COVID-19 Infection Entering the "6th Wave" Omicron
223 358 
               Variant
 
@@ -227,9 +362,9 @@
227 362 
             <a href="../../fourth/Coronavirus/Coronavirus_220111_chinese.pdf" target="_blank">中国語(chinese)</a><br>
228 363 
             <a href="../../fourth/Coronavirus/Coronavirus_220111_tagalog.pdf" target="_blank">タガログ語(tagalog)</a><br>
229 364 
             <a href="../../fourth/Coronavirus/Coronavirus_220111_portugal.pdf"
230 
-              target="_blank">ポルトガル語(portuguese)</a><br>
365 
+               target="_blank">ポルトガル語(portuguese)</a><br>
231 366 
             <a href="../../fourth/Coronavirus/Coronavirus_220111_vietnamese.pdf"
232 
-              target="_blank">ベトナム語(vietnamese)</a><br><br>
367 
+               target="_blank">ベトナム語(vietnamese)</a><br><br>
233 368
234 369
235 370 
             <h4 id="life"> 岐阜県知事メッセージ掲載ホームページ<br>Homepage for messages from the governor of Gifu Prefecture.</h4><br>
 
@@ -246,25 +381,39 @@
246 381 
             岐阜県国際交流センターホームページは<a href="https://www.gic.or.jp/" target="_blank">こちら。</a><br><br>
247 382
248 383 
           </span>
249 
-        </article>
250 
-
251 
-      </section>
252 
-    </div>
384 
+      </article>
253 385
254 
-    <footer>
255 
-      <img src="../../css/img/kitagatafooter.png" alt="北方町" width="920px" height="80px">
256 
-      <br>
257 
-      <p class="footer_text">
258 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
259 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
260 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
261 
-      </p>
262 
-    </footer>
386 
+    </section>
387 
+  </div>
263 388
389 
+  <footer>
390 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
391 
+    <div class="footer_mobile">
392 
+      <div class="footer_mobile_title">
393 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
394 
+        <h1 class="footerMobile__text">北方町役場</h1>
395 
+      </div>
396 
+      <div class="footer_mobile_address">
397 
+                <span class="footerTextWrap__text">
398 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
399 
+                </span><br>
400 
+        電話:058-323-1111(代)<br>
401 
+        FAX:058-323-2963<br>
402 
+        開庁日：8時30分～17時15分<br>
403 
+        （土・日・祝日、年末年始を除く）<br>
404 
+      </div>
405 
+    </div>
406 
+    <br class="sp__brDisplay">
407 
+    <p class="footer_text">
408 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
409 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
410 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
411 
+    </p>
412 
+  </footer>
264 413
265 
-  </div>
266 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
267 
-    width="1" height="1">
414 
+</div>
415 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
416 
+     height="1" width="1"/>
268 417 
 </body>
269 418
270 
-</html>
419 
+</html>

+ 214
- 60
third/Coronavirus/health_insurance_tax_reduction_exemption_system.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +10,36 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_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 
-  </meta>
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>
35 
+
20 36 
 <div id="main" class="gothic">
21 37 
   <!--セクション 操作-->
22 38 
   <section id="operation">
23 39 
     <!--セクション 住所-->
24 40 
     <article id="address">
25 41 
       <address id="operation_add">
26 
-        <span>北方町役場</span>
27 
-        <span> 〒501-0492</span>
28 
-        <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-        <span> TEL:058-323-1111(代)</span>
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 43 
       </address>
31 44 
     </article>
32 45 
     <div id="controle_panel">
 
@@ -34,42 +47,32 @@
34 47 
       <article id="bgcolor">
35 48 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
36 49 
         <div id="bgcolor_img">
37 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                 onClick="setBackground3(1)">
39 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                 onClick="setBackground3(2)">
41 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                 onClick="setBackground3(3)">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
43 53 
         </div>
44 
-        <script>
45 
-          getBackgNumber3();
46 
-        </script>
47 54 
       </article>
48 
-
49 55 
       <!--セクション 文字サイズ-->
50 56 
       <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
58 64
59 65 
       <!--セクション サイトマップ-->
60 66 
       <article id="sitemap">
61 67 
         <div id="sitemap_img">
62 
-          <a href="../../second/sitemap.html">
63 
-            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
64 
-          </a>
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
65 69 
         </div>
66 70 
       </article>
67 71 
       <!--セクション お問い合わせ-->
68 72 
       <article id="contact">
69 73 
         <div id="contact_img">
70 
-          <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
72 
-          </a>
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
73 76 
         </div>
74 77 
       </article>
75 78 
       <!--セクション 翻訳-->
 
@@ -78,12 +81,12 @@
78 81 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 82 
           <div id="google_translate_element"></div>
80 83 
           <script type="text/javascript">
81 
-            function googleTranslateElementInit() {
82 
-              new google.translate.TranslateElement({
83 
-                pageLanguage: 'ja',
84 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-              }, 'google_translate_element');
86 
-            }
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
87 90 
           </script>
88 91 
           <script type="text/javascript"
89 92 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -93,34 +96,25 @@
93 96 
       </div>
94 97 
     </div>
95 98 
   </section>
99 
+
96 100 
   <!--ヘッダーデータ-->
97 101 
   <header>
98 102 
     <div id="header" class="gothic">
99 
-      <a href="../../index.html">
100 
-        <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
101 
-      </a>
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
102 104 
       <div id="h_block_1">
103 105 
         <div class="h_line">
104 106 
         </div>
105 107 
         <article class="h_text_l">
106 
-          <a class="h_link" href="../../second/living.html">
107 
-            <span class="h_text">くらしの情報</span>
108 
-          </a>
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 109 
         </article>
110 110 
         <article class="h_text_l">
111 
-          <a class="h_link" href="../../second/tourism.html">
112 
-            <span class="h_text">観光</span>
113 
-          </a>
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 112 
         </article>
115 113 
         <article class="h_text_l">
116 
-          <a class="h_link" href="../../second/business.html">
117 
-            <span class="h_text">事業者向け情報</span>
118 
-          </a>
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 115 
         </article>
120 116 
         <article class="h_text_l">
121 
-          <a class="h_link" href="../../second/town_admini_info.html">
122 
-            <span class="h_text">町政情報</span>
123 
-          </a>
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 118 
         </article>
125 119 
       </div>
126 120 
       <div id="h_block_search">
 
@@ -140,13 +134,152 @@
140 134 
     </div>
141 135 
   </header>
142 136
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
167 
+            </a>
168 
+          </div>
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </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/business.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">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
229 
+            </a>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
271 
+        </div>
272 
+      </div>
273 
+    </div>
274 
+  </header>
275 
+
143 276 
   <div id="third_body">
144 277 
     <!--セクション template-->
145 278 
     <section id="template">
146 
-      <article id="breadcrumb2">
147 
-        <div id="breadcrumb_title2">
148 
-          <div id="breadcrumb_title_block2">
149 
-              <span id="breadcrumb_title2">
279 
+      <article id="breadcrumb">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
282 
+              <span id="breadcrumb_title">
150 283 
                 <a href="../../index.html">トップ</a>>
151 284 
                 <a
152 285 
                         href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
 
@@ -207,6 +340,7 @@
207 340 
             </ul>
208 341 
             <br>
209 342 
             表１<br>
343 
+          <div class="scroll_table">
210 344 
             <table id="infokitagata" summary="datatable" width="675" cellspacing="0" cellpadding="0" border="1">
211 345 
               <tbody>
212 346 
                 <tr>
 
@@ -230,8 +364,12 @@
230 364 
                   </td>
231 365 
                 </tr>
232 366 
               </tbody>
233 
-            </table><br>
234 
-            表２<br>
367 
+            </table>
368 
+          </div>
369 
+          <br>
370 
+            表２
371 
+          <br>
372 
+          <div class="scroll_table">
235 373 
             <table id="infokitagata" summary="datatable" width="675" cellspacing="0" cellpadding="0" border="1">
236 374 
               <tbody>
237 375 
                 <tr>
 
@@ -260,6 +398,7 @@
260 398 
                 </tr>
261 399 
               </tbody>
262 400 
             </table>
401 
+            </div>
263 402 
             <h4 id="life">４　申請に必要な書類</h4>
264 403 
             <ul style="list-style-type: disc; margin: 0px;padding: 0px; padding-left: 20px;">
265 404 
               <li>申請者の本人確認書類</li>
 
@@ -289,8 +428,23 @@
289 428 
   </div>
290 429
291 430 
   <footer>
292 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
293 
-    <br/>
431 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
432 
+    <div class="footer_mobile">
433 
+      <div class="footer_mobile_title">
434 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
435 
+        <h1 class="footerMobile__text">北方町役場</h1>
436 
+      </div>
437 
+      <div class="footer_mobile_address">
438 
+                <span class="footerTextWrap__text">
439 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
440 
+                </span><br>
441 
+        電話:058-323-1111(代)<br>
442 
+        FAX:058-323-2963<br>
443 
+        開庁日：8時30分～17時15分<br>
444 
+        （土・日・祝日、年末年始を除く）<br>
445 
+      </div>
446 
+    </div>
447 
+    <br class="sp__brDisplay">
294 448 
     <p class="footer_text">
295 449 
       <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
296 450 
       <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜

+ 205
- 59
third/Coronavirus/infection_control_measures_dates.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +10,35 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
20 35 
 <div id="main" class="gothic">
21 36 
   <!--セクション 操作-->
22 37 
   <section id="operation">
23 38 
     <!--セクション 住所-->
24 39 
     <article id="address">
25 40 
       <address id="operation_add">
26 
-        <span>北方町役場</span>
27 
-        <span> 〒501-0492</span>
28 
-        <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-        <span> TEL:058-323-1111(代)</span>
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 42 
       </address>
31 43 
     </article>
32 44 
     <div id="controle_panel">
 
@@ -34,42 +46,32 @@
34 46 
       <article id="bgcolor">
35 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
36 48 
         <div id="bgcolor_img">
37 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                 onClick="setBackground3(1)">
39 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                 onClick="setBackground3(2)">
41 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                 onClick="setBackground3(3)">
43 
-        </div>
44 
-        <script>
45 
-          getBackgNumber3();
46 
-        </script>
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
47 53 
       </article>
48 
-
49 54 
       <!--セクション 文字サイズ-->
50 55 
       <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
58 63
59 64 
       <!--セクション サイトマップ-->
60 65 
       <article id="sitemap">
61 66 
         <div id="sitemap_img">
62 
-          <a href="../../second/sitemap.html">
63 
-            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
64 
-          </a>
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
65 68 
         </div>
66 69 
       </article>
67 70 
       <!--セクション お問い合わせ-->
68 71 
       <article id="contact">
69 72 
         <div id="contact_img">
70 
-          <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
72 
-          </a>
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
73 75 
         </div>
74 76 
       </article>
75 77 
       <!--セクション 翻訳-->
 
@@ -78,12 +80,12 @@
78 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 81 
           <div id="google_translate_element"></div>
80 82 
           <script type="text/javascript">
81 
-            function googleTranslateElementInit() {
82 
-              new google.translate.TranslateElement({
83 
-                pageLanguage: 'ja',
84 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-              }, 'google_translate_element');
86 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
87 89 
           </script>
88 90 
           <script type="text/javascript"
89 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -93,34 +95,25 @@
93 95 
       </div>
94 96 
     </div>
95 97 
   </section>
98 
+
96 99 
   <!--ヘッダーデータ-->
97 100 
   <header>
98 101 
     <div id="header" class="gothic">
99 
-      <a href="../../index.html">
100 
-        <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
101 
-      </a>
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
102 103 
       <div id="h_block_1">
103 104 
         <div class="h_line">
104 105 
         </div>
105 106 
         <article class="h_text_l">
106 
-          <a class="h_link" href="../../second/living.html">
107 
-            <span class="h_text">くらしの情報</span>
108 
-          </a>
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 108 
         </article>
110 109 
         <article class="h_text_l">
111 
-          <a class="h_link" href="../../second/tourism.html">
112 
-            <span class="h_text">観光</span>
113 
-          </a>
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 111 
         </article>
115 112 
         <article class="h_text_l">
116 
-          <a class="h_link" href="../../second/business.html">
117 
-            <span class="h_text">事業者向け情報</span>
118 
-          </a>
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 114 
         </article>
120 115 
         <article class="h_text_l">
121 
-          <a class="h_link" href="../../second/town_admini_info.html">
122 
-            <span class="h_text">町政情報</span>
123 
-          </a>
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 117 
         </article>
125 118 
       </div>
126 119 
       <div id="h_block_search">
 
@@ -140,6 +133,145 @@
140 133 
     </div>
141 134 
   </header>
142 135
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
143 275 
   <div id="third_body">
144 276 
     <!--セクション template-->
145 277 
     <section id="template">
 
@@ -148,8 +280,7 @@
148 280 
           <div id="breadcrumb_title_block2">
149 281 
               <span id="breadcrumb_title2">
150 282 
                 <a href="../../index.html">トップ</a>>
151 
-                <a
152 
-                        href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
283 
+                <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
153 284 
                 北方町新型コロナウイルス感染症対策本部の開催状況について
154 285 
               </span>
155 286 
           </div>
 
@@ -164,9 +295,9 @@
164 295 
       </article>
165 296
166 297 
       <article id="template_list_title">
167 
-        <div id="template_title2" class="gothic">
298 
+        <div class="template_title2 template_title2_2 gothic">
168 299 
           <div id="template_title_block">
169 
-            <span id="template_title2">北方町新型コロナウイルス感染症対策本部の開催状況について</span>
300 
+            <span class="template_title2 template_title2_2">北方町新型コロナウイルス感染症対策本部の開催状況について</span>
170 301 
           </div>
171 302 
         </div>
172 303 
         <span id="template_article_block">
 
@@ -194,8 +325,23 @@
194 325 
   </div>
195 326
196 327 
   <footer>
197 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
198 
-    <br/>
328 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
329 
+    <div class="footer_mobile">
330 
+      <div class="footer_mobile_title">
331 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
332 
+        <h1 class="footerMobile__text">北方町役場</h1>
333 
+      </div>
334 
+      <div class="footer_mobile_address">
335 
+                <span class="footerTextWrap__text">
336 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
337 
+                </span><br>
338 
+        電話:058-323-1111(代)<br>
339 
+        FAX:058-323-2963<br>
340 
+        開庁日：8時30分～17時15分<br>
341 
+        （土・日・祝日、年末年始を除く）<br>
342 
+      </div>
343 
+    </div>
344 
+    <br class="sp__brDisplay">
199 345 
     <p class="footer_text">
200 346 
       <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
201 347 
       <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜

+ 327
- 180
third/Coronavirus/kitagata_correspondence.html ファイルの表示 

@@ -1,53 +1,58 @@
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 
-    <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 
-    <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.css">
14 
-    <script src="../../js/operation.js"></script>
15 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-    </meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 21 
 </head>
18 22
19 23 
 <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>
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"
38 
-                            onClick="setBackground3(1)">
39 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                            onClick="setBackground3(2)">
41 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                            onClick="setBackground3(3)">
43 
-                    </div>
44 
-                    <script>
45 
-                        getBackgNumber3();
46 
-                    </script>
47 
-                </article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
48 34
49 
-                <!--セクション 文字サイズ-->
50 
-                <!--<article id="charsize" >
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
51 56 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 57 
       <div id="charsize_img">
53 58 
       <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -56,124 +61,251 @@
56 61 
       </div>
57 62 
       </article>-->
58 63
59 
-                <!--セクション サイトマップ-->
60 
-                <article id="sitemap">
61 
-                    <div id="sitemap_img">
62 
-                        <a href="../../second/sitemap.html">
63 
-                            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
64 
-                        </a>
65 
-                    </div>
66 
-                </article>
67 
-                <!--セクション お問い合わせ-->
68 
-                <article id="contact">
69 
-                    <div id="contact_img">
70 
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-                            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" />
72 
-                        </a>
73 
-                    </div>
74 
-                </article>
75 
-                <!--セクション 翻訳-->
76 
-                <article id="translation">
77 
-                    <div id="translation_img">
78 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 
-                        <div id="google_translate_element"></div>
80 
-                        <script type="text/javascript">
81 
-                            function googleTranslateElementInit() {
82 
-                                new google.translate.TranslateElement({
83 
-                                    pageLanguage: 'ja',
84 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-                                }, 'google_translate_element');
86 
-                            }
87 
-                        </script>
88 
-                        <script type="text/javascript"
89 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
90 
-                    </div>
91 
-                </article>
92 
-                <div id="claer">
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
135 
+
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
93 175 
                 </div>
94 
-            </div>
95 
-        </section>
96 
-        <!--ヘッダーデータ-->
97 
-        <header>
98 
-            <div id="header" class="gothic">
99 
-                <a href="../../index.html">
100 
-                    <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
101 
-                </a>
102 
-                <div id="h_block_1">
103 
-                    <div class="h_line">
104 
-                    </div>
105 
-                    <article class="h_text_l">
106 
-                        <a class="h_link" href="../../second/living.html">
107 
-                            <span class="h_text">くらしの情報</span>
108 
-                        </a>
109 
-                    </article>
110 
-                    <article class="h_text_l">
111 
-                        <a class="h_link" href="../../second/tourism.html">
112 
-                            <span class="h_text">観光</span>
113 
-                        </a>
114 
-                    </article>
115 
-                    <article class="h_text_l">
116 
-                        <a class="h_link" href="../../second/business.html">
117 
-                            <span class="h_text">事業者向け情報</span>
118 
-                        </a>
119 
-                    </article>
120 
-                    <article class="h_text_l">
121 
-                        <a class="h_link" href="../../second/town_admini_info.html">
122 
-                            <span class="h_text">町政情報</span>
123 
-                        </a>
124 
-                    </article>
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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
125 226 
                 </div>
126 
-                <div id="h_block_search">
127 
-                    <div class="h_line"></div>
128 
-                    <article class="h_search">
129 
-                        <div class="space10"></div>
130 
-                        <form action="http://www.google.com/search">
131 
-                            <input type="hidden" name="hl" value="ja" />
132 
-                            <input type="hidden" name="ie" value="UTF-8">
133 
-                            <input type="hidden" name="oe" value="UTF-8">
134 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
135 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
136 
-                            <input type="submit" name="btnG" value="検索" />
137 
-                        </form>
138 
-                    </article>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
139 251 
                 </div>
252 
+              </div>
140 253 
             </div>
141 
-        </header>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
142 274
143 
-        <div id="third_body">
144 
-            <!--セクション template-->
145 
-            <section id="template">
146 
-                <article id="breadcrumb2">
147 
-                    <div id="breadcrumb_title2">
148 
-                        <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
149 281 
                             <span id="breadcrumb_title2">
150 282 
                                 <a href="../../index.html">トップ</a>>
151 283 
                                 <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>北方町の対応について
152 284 
                             </span>
153 
-                        </div>
154 
-                    </div>
155 
-                </article>
156 
-                <article id="template">
157 
-                    <div id="template_title" class="gothic">
158 
-                        <div id="template_title_block">
159 
-                            <span id="template_title">新型コロナウイルス感染症について</span>
160 
-                        </div>
161 
-                    </div>
162 
-                </article>
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>
163 295
164 
-                <article id="template_list_title">
165 
-                    <div id="template_title2" class="gothic">
166 
-                        <div id="template_title_block">
167 
-                            <span id="template_title2">北方町の対応について</span>
168 
-                        </div>
169 
-                    </div>
170 
-                    <span id="template_article_block">
296 
+      <article id="template_list_title">
297 
+        <div id="template_title2" class="gothic">
298 
+          <div id="template_title_block">
299 
+            <span id="template_title2">北方町の対応について</span>
300 
+          </div>
301 
+        </div>
302 
+        <span id="template_article_block">
171 303 
                         <table id="infokitagata" width="100%" cellspacing="0" cellpadding="0" border="0">
172 304 
                             <tbody>
173 305 
                                 <tr>
174 306 
                                     <td width="25%" valign="top">〇令和２年３月２日</td>
175 307 
                                     <td width="75%">北方町における新型コロナウイルス感染症への対応は、<a href="Coronavirus_4.pdf"
176 
-                                            target="_blank">こちら</a><br></td>
308 
+                                                                                target="_blank">こちら</a><br></td>
177 309 
                                 </tr>
178 310 
                                 <tr>
179 311 
                                     <td valign="top">〇令和２年３月１０日</td>
 
@@ -188,96 +320,96 @@
188 320 
                                 <tr>
189 321 
                                     <td valign="top">〇令和２年４月６日</td>
190 322 
                                     <td>北方町立幼稚園、小・中学校の臨時休校については<a href="Coronavirus_200406_1.pdf"
191 
-                                            target="_blank">こちら</a><br></td>
323 
+                                                                  target="_blank">こちら</a><br></td>
192 324 
                                 </tr>
193 325 
                                 <tr>
194 326 
                                     <td valign="top">〇令和２年４月１０日</td>
195 327 
                                     <td>岐阜県の非常事態宣言発令後の対応については<a href="Coronavirus_200410_2.pdf"
196 
-                                            target="_blank">こちら</a><br>
328 
+                                                                target="_blank">こちら</a><br>
197 329 
                                     </td>
198 330 
                                 </tr>
199 331 
                                 <tr>
200 332 
                                     <td valign="top">〇令和２年４月１０日</td>
201 333 
                                     <td>非常事態宣言発令後の保健センター事業の対応については<a href="Coronavirus_200413_1.pdf"
202 
-                                            target="_blank">こちら</a><br></td>
334 
+                                                                     target="_blank">こちら</a><br></td>
203 335 
                                 </tr>
204 336 
                                 <tr>
205 337 
                                     <td valign="top">〇令和２年４月１７日</td>
206 338 
                                     <td>北方町立幼稚園、小・中学校の休校期間の再延長については<a href="Coronavirus_200420_1.pdf"
207 
-                                            target="_blank">こちら</a><br></td>
339 
+                                                                      target="_blank">こちら</a><br></td>
208 340 
                                 </tr>
209 341 
                                 <tr>
210 342 
                                     <td valign="top">〇令和２年４月２１日</td>
211 343 
                                     <td>北方町立保育園、放課後児童クラブの休園期間の延長については<a href="Coronavirus_200421_1.pdf"
212 
-                                            target="_blank">こちら</a><br></td>
344 
+                                                                        target="_blank">こちら</a><br></td>
213 345 
                                 </tr>
214 346 
                                 <tr>
215 347 
                                     <td valign="top">〇令和２年５月１５日</td>
216 348 
                                     <td>緊急事態宣言指定区域除外後の対応については<a href="Coronavirus_200518_2.pdf"
217 
-                                            target="_blank">こちら</a><br>
349 
+                                                                target="_blank">こちら</a><br>
218 350 
                                     </td>
219 351 
                                 </tr>
220 352 
                                 <tr>
221 353 
                                     <td width="25%" valign="top">〇令和３年１月１４日</td>
222 354 
                                     <td width="75%">新型コロナウイルス感染症緊急事態宣言発令に伴う北方町の方針については<a href="Coronavirus_210114_1.pdf"
223 
-                                            target="_blank">こちら</a><br></td>
355 
+                                                                                         target="_blank">こちら</a><br></td>
224 356 
                                 </tr>
225 357
226 358 
                                 <tr>
227 359 
                                     <td valign="top">〇令和３年２月３日</td>
228 360 
                                     <td>新型コロナウイルス感染症緊急事態宣言の期間延長に伴う北方町の方針については<a href="Coronavirus_210203_1.pdf"
229 
-                                            target="_blank">こちら</a><br>
361 
+                                                                                target="_blank">こちら</a><br>
230 362 
                                     </td>
231 363 
                                 </tr>
232 364
233 365 
                                 <tr>
234 366 
                                     <td valign="top">〇令和３年３月１日</td>
235 367 
                                     <td>新型コロナウイルス感染症緊急事態宣言の区域除外後の北方町の方針については<a href="Coronavirus_210301_1.pdf"
236 
-                                            target="_blank">こちら</a><br>
368 
+                                                                               target="_blank">こちら</a><br>
237 369 
                                     </td>
238 370 
                                 </tr>
239 371
240 372 
                                 <tr>
241 373 
                                     <td valign="top">〇令和３年３月９日</td>
242 374 
                                     <td>今後の新型コロナウィルス感染症対策についての北方町の方針については<a href="Coronavirus_210309_1.pdf"
243 
-                                            target="_blank">こちら</a><br>
375 
+                                                                            target="_blank">こちら</a><br>
244 376 
                                     </td>
245 377 
                                 </tr>
246 378 
                                 <tr>
247 379 
                                     <td width="25%" valign="top">〇令和３年４月１２日</td>
248 380 
                                     <td width="75%">今後の新型コロナウィルス感染症対策についての北方町の方針については<a href="Coronavirus.210412.pdf"
249 
-                                            target="_blank">こちら</a><br></td>
381 
+                                                                                        target="_blank">こちら</a><br></td>
250 382 
                                 </tr>
251 383 
                                 <tr>
252 384 
                                     <td valign="top">○令和３年４月２３日</td>
253 385 
                                     <td>岐阜県の非常事態宣言発令後の北方町の方針については<a href="Coronavirus_210423_1.pdf"
254 
-                                            target="_blank">こちら</a><br>
386 
+                                                                    target="_blank">こちら</a><br>
255 387 
                                     </td>
256 388 
                                 </tr>
257 389 
                                 <tr>
258 390 
                                     <td valign="top">○令和３年５月１０日</td>
259 391 
                                     <td>まん延防止等重点措置区域指定後の北方町の方針については<a href="Coronavirus_210510_1.pdf"
260 
-                                            target="_blank">こちら</a><br>
392 
+                                                                      target="_blank">こちら</a><br>
261 393 
                                     </td>
262 394 
                                 </tr>
263 395 
                                 <tr>
264 396 
                                     <td valign="top">○令和３年６月１８日</td>
265 397 
                                     <td>まん延防止等重点措置区域指定解除後の北方町の方針については<a href="Coronavirus_210618_1.pdf"
266 
-                                            target="_blank">こちら</a><br>
398 
+                                                                        target="_blank">こちら</a><br>
267 399 
                                     </td>
268 400 
                                 </tr>
269 401
270 402 
                                 <tr>
271 403 
                                     <td valign="top">○令和３年８月１８日</td>
272 404 
                                     <td>まん延防止等重点措置区域指定後の北方町の方針については<a href="Coronavirus_210901_1.pdf"
273 
-                                            target="_blank">こちら</a><br>
405 
+                                                                      target="_blank">こちら</a><br>
274 406 
                                     </td>
275 407 
                                 </tr>
276 408
277 409 
                                 <tr>
278 410 
                                     <td valign="top">○令和４年１月２０日</td>
279 411 
                                     <td>まん延防止等重点措置区域指定後の北方町の方針については<a href="Coronavirus_220121_1.pdf"
280 
-                                            target="_blank">こちら</a><br>
412 
+                                                                      target="_blank">こちら</a><br>
281 413 
                                     </td>
282 414 
                                 </tr>
283 415 
 
@@ -291,7 +423,7 @@
291 423 
                                 <tr>
292 424 
                                     <td valign="top">○令和４年２月１０日</td>
293 425 
                                     <td>まん延防止等重点措置区域指定後の北方町の方針については<a href="Coronavirus_220210_1.pdf"
294 
-                                            target="_blank">こちら</a><br>
426 
+                                                                      target="_blank">こちら</a><br>
295 427 
                                     </td>
296 428 
                                 </tr>
297 429 
 
@@ -299,25 +431,40 @@
299 431 
                         </table>
300 432 
                         <br>
301 433 
                     </span>
302 
-                </article>
434 
+      </article>
303 435
304 
-            </section>
305 
-        </div>
436 
+    </section>
437 
+  </div>
306 438
307 
-        <footer>
308 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
309 
-            <br />
310 
-            <p class="footer_text">
311 
-                <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
312 
-                <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
313 
-                <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
314 
-            </p>
315 
-        </footer>
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>
316 463
317 464
318 
-    </div>
319 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
320 
-        height="1" width="1" />
465 
+</div>
466 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
467 
+     height="1" width="1"/>
321 468 
 </body>
322 469
323 
-</html>
470 
+</html>

+ 205
- 59
third/Coronavirus/patient_outbreak.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +10,35 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
20 35 
 <div id="main" class="gothic">
21 36 
   <!--セクション 操作-->
22 37 
   <section id="operation">
23 38 
     <!--セクション 住所-->
24 39 
     <article id="address">
25 40 
       <address id="operation_add">
26 
-        <span>北方町役場</span>
27 
-        <span> 〒501-0492</span>
28 
-        <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-        <span> TEL:058-323-1111(代)</span>
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 42 
       </address>
31 43 
     </article>
32 44 
     <div id="controle_panel">
 
@@ -34,42 +46,32 @@
34 46 
       <article id="bgcolor">
35 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
36 48 
         <div id="bgcolor_img">
37 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                 onClick="setBackground3(1)">
39 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                 onClick="setBackground3(2)">
41 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
42 
-                 onClick="setBackground3(3)">
43 
-        </div>
44 
-        <script>
45 
-          getBackgNumber3();
46 
-        </script>
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
47 53 
       </article>
48 
-
49 54 
       <!--セクション 文字サイズ-->
50 55 
       <!--<article id="charsize" >
51 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
-<div id="charsize_img">
53 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
-</div>
57 
-</article>-->
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
58 63
59 64 
       <!--セクション サイトマップ-->
60 65 
       <article id="sitemap">
61 66 
         <div id="sitemap_img">
62 
-          <a href="../../second/sitemap.html">
63 
-            <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/>
64 
-          </a>
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
65 68 
         </div>
66 69 
       </article>
67 70 
       <!--セクション お問い合わせ-->
68 71 
       <article id="contact">
69 72 
         <div id="contact_img">
70 
-          <a href="../../third/town_admini_info/administrative_organization_chart.html">
71 
-            <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/>
72 
-          </a>
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
73 75 
         </div>
74 76 
       </article>
75 77 
       <!--セクション 翻訳-->
 
@@ -78,12 +80,12 @@
78 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
79 81 
           <div id="google_translate_element"></div>
80 82 
           <script type="text/javascript">
81 
-            function googleTranslateElementInit() {
82 
-              new google.translate.TranslateElement({
83 
-                pageLanguage: 'ja',
84 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
85 
-              }, 'google_translate_element');
86 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
87 89 
           </script>
88 90 
           <script type="text/javascript"
89 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -93,34 +95,25 @@
93 95 
       </div>
94 96 
     </div>
95 97 
   </section>
98 
+
96 99 
   <!--ヘッダーデータ-->
97 100 
   <header>
98 101 
     <div id="header" class="gothic">
99 
-      <a href="../../index.html">
100 
-        <img src="../../css/img/header_emblem.png" width="200px" height="260px"/>
101 
-      </a>
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
102 103 
       <div id="h_block_1">
103 104 
         <div class="h_line">
104 105 
         </div>
105 106 
         <article class="h_text_l">
106 
-          <a class="h_link" href="../../second/living.html">
107 
-            <span class="h_text">くらしの情報</span>
108 
-          </a>
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 108 
         </article>
110 109 
         <article class="h_text_l">
111 
-          <a class="h_link" href="../../second/tourism.html">
112 
-            <span class="h_text">観光</span>
113 
-          </a>
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 111 
         </article>
115 112 
         <article class="h_text_l">
116 
-          <a class="h_link" href="../../second/business.html">
117 
-            <span class="h_text">事業者向け情報</span>
118 
-          </a>
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
119 114 
         </article>
120 115 
         <article class="h_text_l">
121 
-          <a class="h_link" href="../../second/town_admini_info.html">
122 
-            <span class="h_text">町政情報</span>
123 
-          </a>
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
124 117 
         </article>
125 118 
       </div>
126 119 
       <div id="h_block_search">
 
@@ -140,6 +133,145 @@
140 133 
     </div>
141 134 
   </header>
142 135
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
143 275 
   <div id="third_body">
144 276 
     <!--セクション template-->
145 277 
     <section id="template">
 
@@ -148,8 +280,7 @@
148 280 
           <div id="breadcrumb_title_block2">
149 281 
               <span id="breadcrumb_title2">
150 282 
                 <a href="../../index.html">トップ</a>>
151 
-                <a
152 
-                        href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
283 
+                <a href="../../second/Coronavirus.html">新型コロナウイルス感染症について</a>>
153 284 
                 新型コロナウイルス感染症の患者の発生について
154 285
155 286 
               </span>
 
@@ -165,9 +296,9 @@
165 296 
       </article>
166 297
167 298 
       <article id="template_list_title">
168 
-        <div id="template_title2" class="gothic">
299 
+        <div class="template_title2 template_title2_2 gothic">
169 300 
           <div id="template_title_block">
170 
-            <span id="template_title2">新型コロナウイルス感染症の患者の発生について</span>
301 
+            <span class="template_title2 template_title2_2">新型コロナウイルス感染症の患者の発生について</span>
171 302 
           </div>
172 303 
         </div>
173 304 
         <span id="template_article_block">
 
@@ -214,8 +345,23 @@
214 345 
   </div>
215 346
216 347 
   <footer>
217 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
218 
-    <br/>
348 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
349 
+    <div class="footer_mobile">
350 
+      <div class="footer_mobile_title">
351 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
352 
+        <h1 class="footerMobile__text">北方町役場</h1>
353 
+      </div>
354 
+      <div class="footer_mobile_address">
355 
+                <span class="footerTextWrap__text">
356 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
357 
+                </span><br>
358 
+        電話:058-323-1111(代)<br>
359 
+        FAX:058-323-2963<br>
360 
+        開庁日：8時30分～17時15分<br>
361 
+        （土・日・祝日、年末年始を除く）<br>
362 
+      </div>
363 
+    </div>
364 
+    <br class="sp__brDisplay">
219 365 
     <p class="footer_text">
220 366 
       <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
221 367 
       <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜

+ 306
- 155
third/Coronavirus/prefectural_governor_message.html ファイルの表示 

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

+ 385
- 220
third/Public_transport/Ayuka.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,256 +10,421 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
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 
-    <script src="../../js/operation.js"></script>
17 23 
 </head>
18 24
19 25 
 <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>
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 
+    <!--セクション 操作-->
38 
+    <section id="operation">
39 
+        <!--セクション 住所-->
40 
+        <article id="address">
41 
+            <address id="operation_add">
42 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+            </address>
44 
+        </article>
45 
+        <div id="controle_panel">
46 
+            <!--セクション 背景色-->
47 
+            <article id="bgcolor">
48 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+                <div id="bgcolor_img">
50 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+                </div>
29 54 
             </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="setBackground3(1)">
37 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                            onClick="setBackground3(2)">
39 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                            onClick="setBackground3(3)">
41 
-                    </div>
42 
-                    <script>
43 
-                        getBackgNumber3();
44 
-                    </script>
45 
-                </article>
55 
+            <!--セクション 文字サイズ-->
56 
+            <!--<article id="charsize" >
57 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+            <div id="charsize_img">
59 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+            </div>
63 
+            </article>-->
46 64
47 
-                <!--セクション 文字サイズ-->
48 
-                <!--<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>-->
65 
+            <!--セクション サイトマップ-->
66 
+            <article id="sitemap">
67 
+                <div id="sitemap_img">
68 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+                </div>
70 
+            </article>
71 
+            <!--セクション お問い合わせ-->
72 
+            <article id="contact">
73 
+                <div id="contact_img">
74 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+                </div>
77 
+            </article>
78 
+            <!--セクション 翻訳-->
79 
+            <article id="translation">
80 
+                <div id="translation_img">
81 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+                    <div id="google_translate_element"></div>
83 
+                    <script type="text/javascript">
84 
+                        function googleTranslateElementInit() {
85 
+                            new google.translate.TranslateElement({
86 
+                                pageLanguage: 'ja',
87 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                            }, 'google_translate_element');
89 
+                        }
90 
+                    </script>
91 
+                    <script type="text/javascript"
92 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+                </div>
94 
+            </article>
95 
+            <div id="claer">
96 
+            </div>
97 
+        </div>
98 
+    </section>
56 99
57 
-                <!--セクション サイトマップ-->
58 
-                <article id="sitemap">
59 
-                    <div id="sitemap_img">
60 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
61 
-                                alt="サイトマップ" /></a>
62 
-                    </div>
100 
+    <!--ヘッダーデータ-->
101 
+    <header>
102 
+        <div id="header" class="gothic">
103 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+            <div id="h_block_1">
105 
+                <div class="h_line">
106 
+                </div>
107 
+                <article class="h_text_l">
108 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
63 109 
                 </article>
64 
-                <!--セクション お問い合わせ-->
65 
-                <article id="contact">
66 
-                    <div id="contact_img">
67 
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
68 
-                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
69 
-                    </div>
110 
+                <article class="h_text_l">
111 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
70 112 
                 </article>
71 
-                <!--セクション 翻訳-->
72 
-                <article id="translation">
73 
-                    <div id="translation_img">
74 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
-                        <div id="google_translate_element"></div>
76 
-                        <script type="text/javascript">
77 
-                            function googleTranslateElementInit() {
78 
-                                new google.translate.TranslateElement({
79 
-                                    pageLanguage: 'ja',
80 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
81 
-                                }, 'google_translate_element');
82 
-                            }
83 
-                        </script>
84 
-                        <script type="text/javascript"
85 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
86 
-                    </div>
113 
+                <article class="h_text_l">
114 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+                </article>
116 
+                <article class="h_text_l">
117 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
87 118 
                 </article>
88 
-                <div id="claer">
89 
-                </div>
90 119 
             </div>
91 
-        </section>
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>
132 
+                </article>
133 
+            </div>
134 
+        </div>
135 
+    </header>
92 136
93 
-        <!--ヘッダーデータ-->
94 
-        <header>
95 
-            <div id="header" class="gothic">
96 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
97 
-                        height="260px" /></a>
98 
-                <div id="h_block_1">
99 
-                    <div class="h_line">
137 
+    <!-- mobile header -->
138 
+    <header class="header">
139 
+        <div class="headerLogo">
140 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+        </div>
143 
+        <div class="headerTitle">
144 
+            <a href="../../index.html" class="header_link">
145 
+                <h1 class="headerTitle__text">北方町</h1>
146 
+            </a>
147 
+        </div>
148 
+        <div class="headerSubTitle">
149 
+            <a href="../../index.html" class="header_link">
150 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+            </a>
152 
+        </div>
153 
+        <div id="h-menu">
154 
+            <span></span>
155 
+            <span></span>
156 
+            <span></span>
157 
+            <div id="h-text">menu</div>
158 
+        </div>
159 
+        <div id="h-nav">
160 
+            <div class="h-menu_main_block_top">
161 
+                <div class="h-menu_main_block">
162 
+                    <div class="h-menu_block">
163 
+                        <a href="../../second/living.html">
164 
+                            <div class="h-menu_block_text h-menu_block_before">
165 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+                            </div>
167 
+                        </a>
168 
+                    </div>
169 
+                </div>
170 
+                <div class="h-menu_main_block">
171 
+                    <div class="h-menu_block">
172 
+                        <a href="../../second/tourism.html">
173 
+                            <div class="h-menu_block_text h-menu_block_before">
174 
+                                <div class="h-menu_block_text_center">
175 
+                                    観光
176 
+                                </div>
177 
+                            </div>
178 
+                        </a>
100 179 
                     </div>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
106 
-                    </article>
107 
-                    <article class="h_text_l">
108 
-                        <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
112 
-                    </article>
113 180 
                 </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>
126 
-                    </article>
181 
+                <div class="h-menu_main_block">
182 
+                    <div class="h-menu_block">
183 
+                        <a href="../../second/business.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">
192 
+                        <a href="../../second/town_admini_info.html">
193 
+                            <div class="h-menu_block_text h-menu_block_before">
194 
+                                <div class="h-menu_block_text_center">町政情報</div>
195 
+                            </div>
196 
+                        </a>
197 
+                    </div>
198 
+                </div>
199 
+                <div class="h-menu_main_block">
200 
+                    <div class="h-menu_block h-menu_block_before">
201 
+                        <a href="../../second/sitemap.html">
202 
+                            <div class="h-menu_block_text h-menu_block_before">
203 
+                                <div class="h-menu_block_text_center">
204 
+                                    サイトマップ
205 
+                                </div>
206 
+                            </div>
207 
+                        </a>
208 
+                    </div>
209 
+                </div>
210 
+                <div class="h-menu_main_block">
211 
+                    <div class="h-menu_block h-menu_block_before">
212 
+                        <a href="https://ai-staff.net/kitagata/chat">
213 
+                            <div class="h-menu_block_text  h-menu_block_before">
214 
+                                <div class="h-menu_block_text_center">
215 
+                                    AIチャット
216 
+                                </div>
217 
+                            </div>
218 
+                        </a>
219 
+                    </div>
220 
+                </div>
221 
+                <div class="h-menu_main_block">
222 
+                    <div class="h-menu_block h-menu_block_before">
223 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+                            <div class="h-menu_block_text">
225 
+                                <div class="h-menu_block_text_center">
226 
+                                    お問い合わせ一覧
227 
+                                </div>
228 
+                            </div>
229 
+                        </a>
230 
+                    </div>
231 
+                </div>
232 
+                <div class="h-menu_main_block">
233 
+                    <div class="h-menu_lang">
234 
+                        <div class="h-menu_block_lang">
235 
+                            <div class="h-menu_block_text_center">
236 
+                                <div class="h-menu_block_text_line">
237 
+                                    背景変更
238 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                                    </div>
240 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                                    </div>
242 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                                    </div>
244 
+                                </div>
245 
+                                <script>
246 
+                                    getBackgNumber2();
247 
+                                </script>
248 
+                                <div class="h-menu_block_text_line">言語選択
249 
+                                    <div class="mobile_translation">
250 
+                                        <div id="google_translate_element"></div>
251 
+                                    </div>
252 
+                                </div>
253 
+                            </div>
254 
+                        </div>
255 
+                    </div>
256 
+                </div>
257 
+                <div class="h-menu_main_block">
258 
+                    <div class="h-menu_search">
259 
+                        <div class="h-menu_block_search">
260 
+                            <form action="https://www.google.com/search">
261 
+                                <input type="hidden" name="hl" value="ja"/>
262 
+                                <input type="hidden" name="ie" value="UTF-8">
263 
+                                <input type="hidden" name="oe" value="UTF-8">
264 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                                       class="mobile_form_input"/>
267 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+                            </form>
269 
+                        </div>
270 
+                    </div>
127 271 
                 </div>
128 272 
             </div>
129 
-        </header>
273 
+        </div>
274 
+    </header>
130 275
131 
-        <div id="third_body">
132 
-            <!--セクション template-->
133 
-            <section id="template">
134 
-                <article id="breadcrumb2">
135 
-                    <div id="breadcrumb_title2">
136 
-                        <div id="breadcrumb_title_block2">
276 
+    <div id="third_body">
277 
+        <!--セクション template-->
278 
+        <section id="template">
279 
+            <article id="breadcrumb2">
280 
+                <div id="breadcrumb_title2">
281 
+                    <div id="breadcrumb_title_block2">
137 282 
                             <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
138 283 
                                     href="../../second/living.html">くらしの情報</a>><a
139 284 
                                     href="../../second/Public_transport.html">公共交通</a>><a
140 285 
                                     href="../../third/living/Ayuka.html">アユカ助成</a>>運転免許証を自主返納された方への支援について</span>
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 286 
                     </div>
149 
-                </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>
293 
+                </div>
294 
+            </article>
150 295
151 
-                <article id="template">
152 
-                    <div id="template_title2" class="gothic">
153 
-                        <div id="template_title_block">
154 
-                            <span id="template_title2">・運転免許証を自主返納された方への支援について</span>
155 
-                        </div>
296 
+            <article id="template">
297 
+                <div id="template_title2" class="gothic">
298 
+                    <div id="template_title_block">
299 
+                        <span id="template_title2">・運転免許証を自主返納された方への支援について</span>
156 300 
                     </div>
157 
-                    <span id="template_article_block">
301 
+                </div>
302 
+                <span id="template_article_block">
158 303 
                         運転免許を自主返納された方に、アユカと町内で使用できるタクシーチケットを特典としてお渡しします。自主返納後の移動手段にぜひご利用ください。
159 
-                        <br />
160 
-                        <table border="0" cellpadding="3" cellspacing="2" width="600" id="infokitagata">
161 
-                            <tr>
162 
-                                <td valign="top" align="left" bgcolor="#dcdcdc" colspan="2" width="20%">助成内容</td>
163 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">
164 
-                                    ◆アユカ（岐阜バスICカード）の新規交付（3,000円分）、
165 
-                                    もしくは積み増し交付（3,000円分）<br />
166 
-                                    ◆町内間の移動にのみ使用できるタクシーチケットを交付<br />
167 
-                                    ※上記の２点をお渡しします。<br /></td>
168 
-                            </tr>
169 
-                            <tr>
170 
-                                <td valign="top" align="left" bgcolor="#dcdcdc" colspan="2">対象者</td>
171 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">北方町内在住の65歳以上の方<br />
172 
-                                    ※運転免許証を返納してから６ヶ月以内の申請に限る<br />
173 
-                                    ※1人1回に限る</td>
174 
-                            </tr>
175 
-                            <tr>
176 
-                                <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="8">タクシーチケット</td>
177 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">枚数</td>
178 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">50枚　　　申請から１０日後以降にお渡しできます。
179 
-                                </td>
180 
-                            </tr>
181 
-                            <tr>
182 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">助成金額</td>
183 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">400円（1回1枚限り有効）<br />
184 
-                                    （タクシー料金から1枚につき400円の割引）
185 
-                                </td>
186 
-                            </tr>
187 
-                            <tr>
188 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">有効期限</td>
189 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">申請年度から５年目の年度末まで有効<br />
190 
-                                    （例　R3.5.1に申請の場合、R8.3.31まで有効）
191 
-                                </td>
192 
-                            </tr>
193 
-                            <tr>
194 
-                                <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="4">利用できるタクシー会社</td>
195 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">日本タクシー　　　☏０５８－２４６－１２１２
196 
-                                </td>
197 
-                            </tr>
198 
-                            <tr>
199 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">本巣タクシー　　　☏０５８－３２４－０５２１
200 
-                                </td>
201 
-                            </tr>
202 
-                            <tr>
203 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">ぎふ福祉タクシー　☏０５８－２９６－３０５０
204 
-                                </td>
205 
-                            </tr>
206 
-                            <tr>
207 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">岐阜交通東部　　　☏０５８－２６８－２１００
208 
-                                </td>
209 
-                            </tr>
210 
-                            <tr>
211 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">利用範囲</td>
212 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">町内→町内：〇利用可能<br />
213 
-                                    町内→町外：✕利用不可<br />
214 
-                                    町外→町内：✕利用不可
215 
-                                </td>
216 
-                            </tr>
217 
-                            <tr>
218 
-                                <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="3">アユカ</td>
219 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">新規</td>
220 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">3,000円のアユカ（無記名）を10日後以降にお渡しします。<br />
221 
-                                    （2,500円分のバス運賃と保証金500円）
222 
-                                </td>
223 
-                            </tr>
224 
-                            <tr>
225 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">積み増し（チャージ）</td>
226 
-                                <td valign="top" align="left" bgcolor="#dcdcdc">3,000円をその場で積み増し<br />
227 
-                                    ※残高が17,000円を超えていると積み増しができません。
228 
-                                </td>
229 
-                            </tr>
230 
-                            <tr>
231 
-                                <td valign="top" align="left" bgcolor="#dcdcdc" colspan="2">新規・積み増し、いずれかを選択できます。</td>
232 
-                            </tr>
233 
-                        </table>
234 
-                        必要書類<br />
235 
-                        ・本人確認書類（保険証等）又は失効済みの運転免許証（４スミに穴を開けられた物）<br />
236 
-                        ・警察署で発行する「申請による運転免許の取消通知書」<br />
237 
-                        ・アユカ（チャージを希望する場合）<br />
238 
-                        ・代理申請の場合、上記３点に加え、代理人の本人確認書類<br />
239 
-                        ・申請書<br />
304 
+                        <br/>
305 
+                        <div class="scroll_table">
306 
+                            <table border="0" cellpadding="3" cellspacing="2" width="600" id="infokitagata">
307 
+                                <tr>
308 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc" colspan="2" width="20%">助成内容</td>
309 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">
310 
+                                        ◆アユカ（岐阜バスICカード）の新規交付（3,000円分）、
311 
+                                        もしくは積み増し交付（3,000円分）<br/>
312 
+                                        ◆町内間の移動にのみ使用できるタクシーチケットを交付<br/>
313 
+                                        ※上記の２点をお渡しします。<br/></td>
314 
+                                </tr>
315 
+                                <tr>
316 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc" colspan="2">対象者</td>
317 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">北方町内在住の65歳以上の方<br/>
318 
+                                        ※運転免許証を返納してから６ヶ月以内の申請に限る<br/>
319 
+                                        ※1人1回に限る</td>
320 
+                                </tr>
321 
+                                <tr>
322 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="8">タクシーチケット</td>
323 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">枚数</td>
324 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">50枚　　　申請から１０日後以降にお渡しできます。
325 
+                                    </td>
326 
+                                </tr>
327 
+                                <tr>
328 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">助成金額</td>
329 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">400円（1回1枚限り有効）<br/>
330 
+                                        （タクシー料金から1枚につき400円の割引）
331 
+                                    </td>
332 
+                                </tr>
333 
+                                <tr>
334 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">有効期限</td>
335 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">申請年度から５年目の年度末まで有効<br/>
336 
+                                        （例　R3.5.1に申請の場合、R8.3.31まで有効）
337 
+                                    </td>
338 
+                                </tr>
339 
+                                <tr>
340 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="4">利用できるタクシー会社</td>
341 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">日本タクシー　　　☏０５８－２４６－１２１２
342 
+                                    </td>
343 
+                                </tr>
344 
+                                <tr>
345 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">本巣タクシー　　　☏０５８－３２４－０５２１
346 
+                                    </td>
347 
+                                </tr>
348 
+                                <tr>
349 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">ぎふ福祉タクシー　☏０５８－２９６－３０５０
350 
+                                    </td>
351 
+                                </tr>
352 
+                                <tr>
353 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">岐阜交通東部　　　☏０５８－２６８－２１００
354 
+                                    </td>
355 
+                                </tr>
356 
+                                <tr>
357 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">利用範囲</td>
358 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">町内→町内：〇利用可能<br/>
359 
+                                        町内→町外：✕利用不可<br/>
360 
+                                        町外→町内：✕利用不可
361 
+                                    </td>
362 
+                                </tr>
363 
+                                <tr>
364 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="3">アユカ</td>
365 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">新規</td>
366 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">3,000円のアユカ（無記名）を10日後以降にお渡しします。<br/>
367 
+                                        （2,500円分のバス運賃と保証金500円）
368 
+                                    </td>
369 
+                                </tr>
370 
+                                <tr>
371 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">積み増し（チャージ）</td>
372 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc">3,000円をその場で積み増し<br/>
373 
+                                        ※残高が17,000円を超えていると積み増しができません。
374 
+                                    </td>
375 
+                                </tr>
376 
+                                <tr>
377 
+                                    <td valign="top" align="left" bgcolor="#dcdcdc" colspan="2">新規・積み増し、いずれかを選択できます。</td>
378 
+                                </tr>
379 
+                            </table>
380 
+                        </div>
381 
+                        必要書類<br/>
382 
+                        ・本人確認書類（保険証等）又は失効済みの運転免許証（４スミに穴を開けられた物）<br/>
383 
+                        ・警察署で発行する「申請による運転免許の取消通知書」<br/>
384 
+                        ・アユカ（チャージを希望する場合）<br/>
385 
+                        ・代理申請の場合、上記３点に加え、代理人の本人確認書類<br/>
386 
+                        ・申請書<br/>
240 387 
                         <a href="../../fourth/Public_transport/Ayuka_shinsei_2021.pdf"
241 
-                            target="_blank">アユカ及びタクシーチケット交付申請書PDF</a><br />
388 
+                           target="_blank">アユカ及びタクシーチケット交付申請書PDF</a><br/>
242 389 
                         <a href="../../fourth/Public_transport/Ayuka_shinsei_rei_2021.pdf"
243 
-                            target="_blank">アユカ及びタクシーチケット交付申請書（記入例）PDF</a><br />
244 
-                        <br />
245 
-                        ※運転免許証の有効期限が切れた方（失効）は対象になりません。<br />
390 
+                           target="_blank">アユカ及びタクシーチケット交付申請書（記入例）PDF</a><br/>
391 
+                        <br/>
392 
+                        ※運転免許証の有効期限が切れた方（失効）は対象になりません。<br/>
246 393 
                     </span>
247 
-                </article>
394 
+            </article>
248 395
249 
-            </section>
250 
-        </div>
396 
+        </section>
397 
+    </div>
251 398
252 
-        <footer>
253 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
254 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
255 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
256 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
257 
-        </footer>
258 399
400 
+    <footer>
401 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
402 
+        <div class="footer_mobile">
403 
+            <div class="footer_mobile_title">
404 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
405 
+                <h1 class="footerMobile__text">北方町役場</h1>
406 
+            </div>
407 
+            <div class="footer_mobile_address">
408 
+                <span class="footerTextWrap__text">
409 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
410 
+                </span><br>
411 
+                電話:058-323-1111(代)<br>
412 
+                FAX:058-323-2963<br>
413 
+                開庁日：8時30分～17時15分<br>
414 
+                （土・日・祝日、年末年始を除く）<br>
415 
+            </div>
416 
+        </div>
417 
+        <br class="sp__brDisplay">
418 
+        <p class="footer_text">
419 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
420 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
421 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
422 
+        </p>
423 
+    </footer>
259 424
260 
-    </div>
261 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
262 
-        width="1" />
425 
+</div>
426 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
427 
+     width="1"/>
263 428 
 </body>
264 429
265 
-</html>
430 
+</html>

+ 196
- 33
third/Public_transport/Ayuka_20210330.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,20 +10,35 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
13 17 
     <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
14 20 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 21 
     </meta>
16 22 
 </head>
17 23
18 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>
19 35 
 <div id="main" class="gothic">
20 36 
     <!--セクション 操作-->
21 37 
     <section id="operation">
22 38 
         <!--セクション 住所-->
23 39 
         <article id="address">
24 40 
             <address id="operation_add">
25 
-                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 42 
             </address>
28 43 
         </article>
29 44 
         <div id="controle_panel">
 
@@ -31,33 +46,25 @@
31 46 
             <article id="bgcolor">
32 47 
                 <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 48 
                 <div id="bgcolor_img">
34 
-                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                           onClick="setBackground3(1)">
36 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                           onClick="setBackground3(2)">
38 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                           onClick="setBackground3(3)">
40 
-                </div>
41 
-                <script>
42 
-                    getBackgNumber3();
43 
-                </script>
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+                </div>
44 53 
             </article>
45 
-
46 54 
             <!--セクション 文字サイズ-->
47 55 
             <!--<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>-->
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
55 63
56 64 
             <!--セクション サイトマップ-->
57 65 
             <article id="sitemap">
58 66 
                 <div id="sitemap_img">
59 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                                             alt="サイトマップ"/></a>
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
61 68 
                 </div>
62 69 
             </article>
63 70 
             <!--セクション お問い合わせ-->
 
@@ -92,8 +99,7 @@
92 99 
     <!--ヘッダーデータ-->
93 100 
     <header>
94 101 
         <div id="header" class="gothic">
95 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                                            height="260px"/></a>
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
97 103 
             <div id="h_block_1">
98 104 
                 <div class="h_line">
99 105 
                 </div>
 
@@ -127,6 +133,145 @@
127 133 
         </div>
128 134 
     </header>
129 135
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
272 
+        </div>
273 
+    </header>
274 
+
130 275 
     <div id="third_body">
131 276 
         <section id="template">
132 277 
             <article id="breadcrumb">
 
@@ -205,7 +350,8 @@
205 350 
                     </ul>
206 351 
 ■関係書類<br>
207 352 
 <a target="_blank" href="../../fourth/Public_transport/Ayuka_kouhu_sinsei_20210623.pdf">令和３年度アユカ交付申請書（PDF）</a><br>
208 
-<a target="_blank"  href="../../fourth/Public_transport/Ayuka_kouhu_sinsei_rei_20210623.pdf">令和３年度アユカ交付申請書記入例（PDF）</a><br>
353 
+<a target="_blank"
354 
+   href="../../fourth/Public_transport/Ayuka_kouhu_sinsei_rei_20210623.pdf">令和３年度アユカ交付申請書記入例（PDF）</a><br>
209 355 
 ■問い合わせ<br>
210 356 
 　政策財政課　☎３２２－９９３６
211 357 
                 </span>
 
@@ -213,14 +359,31 @@
213 359 
         </section>
214 360 
     </div>
215 361
362 
+
216 363 
     <footer>
217 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
218 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
219 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
220 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
364 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
365 
+        <div class="footer_mobile">
366 
+            <div class="footer_mobile_title">
367 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
368 
+                <h1 class="footerMobile__text">北方町役場</h1>
369 
+            </div>
370 
+            <div class="footer_mobile_address">
371 
+                <span class="footerTextWrap__text">
372 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
373 
+                </span><br>
374 
+                電話:058-323-1111(代)<br>
375 
+                FAX:058-323-2963<br>
376 
+                開庁日：8時30分～17時15分<br>
377 
+                （土・日・祝日、年末年始を除く）<br>
378 
+            </div>
379 
+        </div>
380 
+        <br class="sp__brDisplay">
381 
+        <p class="footer_text">
382 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
383 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
384 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
385 
+        </p>
221 386 
     </footer>
222 
-
223 
-
224 387 
 </div>
225 388 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Townsman_corporation_tax"
226 389 
      height="1" width="1"/>

+ 199
- 36
third/Public_transport/Ayuka_old_20210330.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,21 +10,35 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
14 20 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 21 
     </meta>
16 
-    <script src="../../js/operation.js"></script>
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 
     <!--セクション 操作-->
22 37 
     <section id="operation">
23 38 
         <!--セクション 住所-->
24 39 
         <article id="address">
25 40 
             <address id="operation_add">
26 
-                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
27 
-                        TEL:058-323-1111(代)</span>
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 42 
             </address>
29 43 
         </article>
30 44 
         <div id="controle_panel">
 
@@ -32,33 +46,25 @@
32 46 
             <article id="bgcolor">
33 47 
                 <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
34 48 
                 <div id="bgcolor_img">
35 
-                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
36 
-                           onClick="setBackground3(1)">
37 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                           onClick="setBackground3(2)">
39 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                           onClick="setBackground3(3)">
41 
-                </div>
42 
-                <script>
43 
-                    getBackgNumber3();
44 
-                </script>
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+                </div>
45 53 
             </article>
46 
-
47 54 
             <!--セクション 文字サイズ-->
48 55 
             <!--<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>-->
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
56 63
57 64 
             <!--セクション サイトマップ-->
58 65 
             <article id="sitemap">
59 66 
                 <div id="sitemap_img">
60 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
61 
-                                                             alt="サイトマップ"/></a>
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
62 68 
                 </div>
63 69 
             </article>
64 70 
             <!--セクション お問い合わせ-->
 
@@ -93,8 +99,7 @@
93 99 
     <!--ヘッダーデータ-->
94 100 
     <header>
95 101 
         <div id="header" class="gothic">
96 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
97 
-                                            height="260px"/></a>
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
98 103 
             <div id="h_block_1">
99 104 
                 <div class="h_line">
100 105 
                 </div>
 
@@ -128,6 +133,145 @@
128 133 
         </div>
129 134 
     </header>
130 135
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
272 
+        </div>
273 
+    </header>
274 
+
131 275 
     <div id="third_body">
132 276 
         <!--セクション template-->
133 277 
         <section id="template">
 
@@ -139,11 +283,12 @@
139 283 
                                     href="../../second/Public_transport.html">公共交通</a>><a
140 284 
                                     href="../../third/living/Ayuka.html">アユカ助成</a>>高齢者・障がいのある方へのアユカ助成について(令和3年度)</span>
141 285 
                     </div>
286 
+                </div>
142 287 
             </article>
143 
-            <article id="template">
144 
-                <div id="template_title" class="gothic">
145 
-                    <div id="template_title_block">
146 
-                        <span id="template_title">高齢者・障がいのある方へのアユカ助成について(令和3年度)</span>
288 
+            <article id="template_2lins">
289 
+                <div id="template_title_2lins" class="gothic">
290 
+                    <div id="template_title_block_2lins">
291 
+                        <span id="template_title_2lins">高齢者・障がいのある方へのアユカ助成について(令和3年度)</span>
147 292 
                     </div>
148 293 
                 </div>
149 294 
                 <span id="template_article_block">
 
@@ -174,10 +319,28 @@
174 319 
     </div>
175 320
176 321 
     <footer>
177 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
178 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
179 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
180 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
322 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
323 
+        <div class="footer_mobile">
324 
+            <div class="footer_mobile_title">
325 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
326 
+                <h1 class="footerMobile__text">北方町役場</h1>
327 
+            </div>
328 
+            <div class="footer_mobile_address">
329 
+                <span class="footerTextWrap__text">
330 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
331 
+                </span><br>
332 
+                電話:058-323-1111(代)<br>
333 
+                FAX:058-323-2963<br>
334 
+                開庁日：8時30分～17時15分<br>
335 
+                （土・日・祝日、年末年始を除く）<br>
336 
+            </div>
337 
+        </div>
338 
+        <br class="sp__brDisplay">
339 
+        <p class="footer_text">
340 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
341 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
342 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
343 
+        </p>
181 344 
     </footer>
182 345
183 346

+ 193
- 49
third/Vaccination/Vaccination_old.html ファイルの表示 

@@ -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 
   <link rel="stylesheet" href="../../css/base.css">
8 9 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +11,175 @@
10 11 
   <link rel="stylesheet" href="../../css/section.css">
11 12 
   <link rel="stylesheet" href="../../css/third_template.css">
12 13 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/image_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="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>
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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
181 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
182 
+            TEL:058-323-1111(代)</span>
30 183 
         </address>
31 184 
       </article>
32 185 
       <div id="controle_panel">
 
@@ -56,17 +209,14 @@
56 209 
         <!--セクション サイトマップ-->
57 210 
         <article id="sitemap">
58 211 
           <div id="sitemap_img">
59 
-            <a href="../../second/sitemap.html">
60 
-              <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
61 
-            </a>
212 
+            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
62 213 
           </div>
63 214 
         </article>
64 215 
         <!--セクション お問い合わせ-->
65 216 
         <article id="contact">
66 217 
           <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>
218 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
219 
+                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
70 220 
           </div>
71 221 
         </article>
72 222 
         <!--セクション 翻訳-->
 
@@ -74,50 +224,31 @@
74 224 
           <div id="translation_img">
75 225 
             <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
76 226 
             <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 227 
           </div>
88 228 
         </article>
89 229 
         <div id="claer">
90 230 
         </div>
91 231 
       </div>
92 232 
     </section>
233 
+
93 234 
     <!--ヘッダーデータ-->
94 235 
     <header>
95 236 
       <div id="header" class="gothic">
96 
-        <a href="../../index.html">
97 
-          <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
98 
-        </a>
237 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
99 238 
         <div id="h_block_1">
100 239 
           <div class="h_line">
101 240 
           </div>
102 241 
           <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
105 
-            </a>
242 
+            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
106 243 
           </article>
107 244 
           <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
245 
+            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 246 
           </article>
112 247 
           <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
248 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116 249 
           </article>
117 250 
           <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
120 
-            </a>
251 
+            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
121 252 
           </article>
122 253 
         </div>
123 254 
         <div id="h_block_search">
 
@@ -159,6 +290,7 @@
159 290
160 291 
         </article>
161 292
293 
+
162 294 
         <article id="template_list_title">
163 295 
           <div id="template_title2" class="gothic">
164 296 
             <div id="template_title_block">
 
@@ -297,8 +429,6 @@
297 429 
             <br />
298 430 
           </span>
299 431 
         </article>
300 
-
301 
-
302 432 
         <article id="template_list_title">
303 433 
           <div id="template_title2" class="gothic">
304 434 
             <div id="template_title_block">
 
@@ -375,7 +505,7 @@
375 505 
               <ul type="disc">
376 506 
                 <li>医療機関ごとに予約方法などが異なりますので、町内外問わず、<strong>それぞれの医療機関へ直接お問合せ、ご予約ください</strong>。</li>
377 507 
               </ul>
378 
-              　→ 町内の <a href="../../fourth/Vaccination/Vaccination_211015_1.pdf" target="_blank">個別接種医療機関一覧</a><br />
508 
+              　→ 町内の <a href="../fourth/Vaccination/Vaccination_211015_1.pdf" target="_blank">個別接種医療機関一覧</a><br />
379 509 
               <br />
380 510 
               <span style=" padding: 5px; border: solid black 1px;">集団接種 について</span><br />
381 511 
               <br />
 
@@ -441,7 +571,7 @@
441 571 
                   <td style="text-align: center;border: solid 1px black;">ネット予約
442 572 
                   </td>
443 573 
                   <td valign="center" style="border: solid 1px black;">
444 
-                    <img src="../../fourth/Vaccination/Vaccination_210930_1.png" width="13%"
574 
+                    <img src="../fourth/Vaccination/Vaccination_210930_1.png" width="13%"
445 575 
                       style="float:right;vertical-align: middle; ">
446 576 
                     <p>
447 577 
                       「予約」サイトアドレス （24時間受付可能）<br />
 
@@ -634,7 +764,6 @@
634 764 
         </article>
635 765
636 766
637 
-
638 767 
         <article id="template_list_title">
639 768 
           <div id="template_title2" class="gothic">
640 769 
             <div id="template_title_block">
 
@@ -1029,7 +1158,7 @@
1029 1158 
             　時間：平日の午後のみ<br />
1030 1159 
             ・<strong>「予約開始のお知らせ」が届いた方から</strong>、日時などを確認し予約してください。<br />
1031 1160 
             　　　・インターネット（パソコン、スマートフォン）<br />
1032 
-            　　　　予約サイトのＵＲＬやＱＲコードは「予約開始のお知らせ」をご参照ください。<br />
1161 
+            　　　　予約サイトのＵＲＬやＱＲコードは「予約開始のおthird/Vaccination/Vaccination_old65over.html知らせ」をご参照ください。<br />
1033 1162 
             　　　・電話（受付相談センター ３２３－７６５０）<br />
1034 1163 
             　　　　接種券をお手元にご用意ください。<br />
1035 1164 
             　※ＷＥＢ、電話ともに<strong>予約開始日の９時から</strong>です。それ以前には予約できません。<br />
 
@@ -1154,7 +1283,7 @@
1154 1283 
           </span>
1155 1284 
           <span id="template_article_block">
1156 1285 
             下記の予定で進めていきます。※諸般の事情により、変更となる場合がありますのでご了承ください。<br>
1157 
-            <img src="../../css/img/coronavirus_vaccine_schedule_2021.png" alt=""><br />
1286 
+            <img src="../../css/img/coronavirus_vaccine_schedule_2021.png" alt="" class="template_image_mobile"><br />
1158 1287 
             <table align="right">
1159 1288 
               <tr>
1160 1289 
                 <td rowspan="4" valign="top">表示の詳細</td>
 
@@ -1232,9 +1361,9 @@
1232 1361 
         </article>
1233 1362
1234 1363 
         <article id="template_list_title">
1235 
-          <div id="template_title2" class="gothic">
1364 
+          <div class="template_title2 template_title2_2 gothic">
1236 1365 
             <div id="template_title_block">
1237 
-              <span id="template_title2">北方町新型コロナウィルス感染症に係る住民接種実施計画</span>
1366 
+              <span class="template_title2 template_title2_2">北方町新型コロナウィルス感染症に係る住民接種実施計画</span>
1238 1367 
             </div>
1239 1368 
           </div>
1240 1369 
           <span id="template_article_block">
 
@@ -1366,9 +1495,25 @@
1366 1495 
       </section>
1367 1496 
     </div>
1368 1497
1498 
+
1369 1499 
     <footer>
1370 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
1371 
-      <br />
1500 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
1501 
+      <div class="footer_mobile">
1502 
+        <div class="footer_mobile_title">
1503 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
1504 
+          <h1 class="footerMobile__text">北方町役場</h1>
1505 
+        </div>
1506 
+        <div class="footer_mobile_address">
1507 
+          <span class="footerTextWrap__text">
1508 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
1509 
+          </span><br>
1510 
+          電話:058-323-1111(代)<br>
1511 
+          FAX:058-323-2963<br>
1512 
+          開庁日：8時30分～17時15分<br>
1513 
+          （土・日・祝日、年末年始を除く）<br>
1514 
+        </div>
1515 
+      </div>
1516 
+      <br class="sp__brDisplay">
1372 1517 
       <p class="footer_text">
1373 1518 
         <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
1374 1519 
         <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
 
@@ -1376,7 +1521,6 @@
1376 1521 
       </p>
1377 1522 
     </footer>
1378 1523
1379 
-
1380 1524 
   </div>
1381 1525 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
1382 1526 
     height="1" width="1" />

+ 303
- 152
third/Vaccination/Vaccination_old16.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,41 +10,196 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
   </meta>
17 22 
 </head>
18 23
19 24 
 <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>
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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(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 
+  <!-- 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>
40 129 
           </div>
41 
-          <script>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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>
181 
+						TEL:058-323-1111(代)</span>
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="setBackground3(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground3(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground3(3)">
195 
+        </div>
196 
+        <script>
42 197 
             getBackgNumber3();
43 
-          </script>
44 
-        </article>
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,148 +208,144 @@
53 208 
 </div>
54 209 
 </article>-->
55 210
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>
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                   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"><img src="../../css/img/header_emblem.png" width="200px"
241 
+                                      height="260px"/></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"><span class="h_text">くらしの情報</span></a>
63 247 
         </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>
70 
-          </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
71 250 
         </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>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
88 256 
         </article>
89 
-        <div id="claer">
90 
-        </div>
91 257 
       </div>
92 
-    </section>
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>
105 
-            </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
120 
-            </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
136 
-        </div>
258 
+      <div id="h_block_search">
259 
+        <div class="h_line"></div>
260 
+        <article class="h_search">
261 
+          <div class="space10"></div>
262 
+          <form action="http://www.google.com/search">
263 
+            <input type="hidden" name="hl" value="ja"/>
264 
+            <input type="hidden" name="ie" value="UTF-8">
265 
+            <input type="hidden" name="oe" value="UTF-8">
266 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
268 
+            <input type="submit" name="btnG" value="検索"/>
269 
+          </form>
270 
+        </article>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title2">
145 
-            <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
146 281 
               <span id="breadcrumb_title2">
147 282 
                 <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
148 
-                    href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>１６歳以上５９歳以下の方</span>
149 
-            </div>
283 
+                        href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>１６歳以上５９歳以下の方</span>
284 
+              </span>
150 285 
           </div>
151 
-        </article>
286 
+        </div>
287 
+      </article>
152 288
153 
-        <article id="template_2lins">
154 
-          <div id="template_title_2lins" class="gothic">
155 
-            <div id="template_title_block_2lins">
156 
-              <span id="template_title_2lins">１６歳以上５９歳以下の方（昭和37年４月2日に生まれた方～平成18年4月1日に生まれた方）</span>
157 
-            </div>
289 
+      <article id="template_3lins">
290 
+        <div id="template_title_3lins" class="gothic">
291 
+          <div id="template_title_block_2lins">
292 
+            <span id="template_title_2lins">１６歳以上５９歳以下の方（昭和37年４月2日に生まれた方～平成18年4月1日に生まれた方）</span>
158 293 
           </div>
159 
-          <span id="template_article_block">
160 
-            <strong>基礎疾患のある方は下記をご覧ください。</strong><br />
161 
-            <br />
162 
-            ※<strong>６月下旬に全ての方に「接種券」を発送します。</strong><br />
163 
-            ・<strong>「接種券」とは別に、7月下旬から年齢を区切り「予約開始のお知らせ」を順次郵送します。</strong>内容をご確認の上、<strong>お知らせに記載の予約開始日から予約をしてください。</strong><br />
164 
-            　<br />
165 
-            <img src="../../fourth/Vaccination/Vaccination_old16_1.png" width="100%"><br />
166 
-            <br />
294 
+        </div>
295 
+        <span id="template_article_block">
296 
+            <strong>基礎疾患のある方は下記をご覧ください。</strong><br/>
297 
+            <br/>
298 
+            ※<strong>６月下旬に全ての方に「接種券」を発送します。</strong><br/>
299 
+            ・<strong>「接種券」とは別に、7月下旬から年齢を区切り「予約開始のお知らせ」を順次郵送します。</strong>内容をご確認の上、<strong>お知らせに記載の予約開始日から予約をしてください。</strong><br/>
300 
+            　<br/>
301 
+            <img src="../../fourth/Vaccination/Vaccination_old16_1.png" width="100%"><br/>
302 
+            <br/>
167 303 
             <h4 id="life">※ 基礎疾患のある方へ</h4>
168 
-            ・基礎疾患のある方は、新型コロナウイルス感染症の重症化リスクが高いことから、優先接種の対象となりますので、先行して予約期間を設けます。<br />
304 
+            ・基礎疾患のある方は、新型コロナウイルス感染症の重症化リスクが高いことから、優先接種の対象となりますので、先行して予約期間を設けます。<br/>
169 305 
             ・具体的な範囲については、<a href="https://www.cov19-vaccine.mhlw.go.jp/qa/pdf/0034_1.pdf"
170 
-              target="_blank">こちら（厚生労働省）</a>をご覧ください。<br />
171 
-            ・基礎疾患があることを証明するための診断書等は必要ありません。<br />
172 
-            ※該当するかどうかは<strong>必ず事前にかかりつけ医や医療機関に確認してください。受付相談センターや保健センターにお電話いただいても回答できません</strong>ので、ご了承ください。<br />
173 
-            ・「接種券」が届きましたら、<strong>かかりつけの医療機関等に相談し、接種を受けてよいかどうか、集団接種なのか個別接種なのか、などを判断した上で、該当する接種場所の受付で予約をし、接種してください。</strong><br />
174 
-            <br />
175 
-            <img src="../../fourth/Vaccination/Vaccination_old16_2.png" width="100%"><br />
176 
-            <br />
306 
+                            target="_blank">こちら（厚生労働省）</a>をご覧ください。<br/>
307 
+            ・基礎疾患があることを証明するための診断書等は必要ありません。<br/>
308 
+            ※該当するかどうかは<strong>必ず事前にかかりつけ医や医療機関に確認してください。受付相談センターや保健センターにお電話いただいても回答できません</strong>ので、ご了承ください。<br/>
309 
+            ・「接種券」が届きましたら、<strong>かかりつけの医療機関等に相談し、接種を受けてよいかどうか、集団接種なのか個別接種なのか、などを判断した上で、該当する接種場所の受付で予約をし、接種してください。</strong><br/>
310 
+            <br/>
311 
+            <img src="../../fourth/Vaccination/Vaccination_old16_2.png" width="100%"><br/>
312 
+            <br/>
177 313 
             ・集団接種を選択される場合は、電話予約のみ（３２３－７６５０）で受け付けます。予約の際、該当する疾患名等を確認した上で、ご予約を進めさせていただきます。
178 314 
           </span>
179 
-        </article>
315 
+      </article>
180 316
181 
-      </section>
182 
-    </div>
317 
+    </section>
318 
+  </div>
183 319
184 
-    <footer>
185 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
186 
-      <br />
187 
-      <p class="footer_text">
188 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
189 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
190 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
191 
-      </p>
192 
-    </footer>
193 320
321 
+  <footer>
322 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
323 
+    <div class="footer_mobile">
324 
+      <div class="footer_mobile_title">
325 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
326 
+        <h1 class="footerMobile__text">北方町役場</h1>
327 
+      </div>
328 
+      <div class="footer_mobile_address">
329 
+                <span class="footerTextWrap__text">
330 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
331 
+                </span><br>
332 
+        電話:058-323-1111(代)<br>
333 
+        FAX:058-323-2963<br>
334 
+        開庁日：8時30分～17時15分<br>
335 
+        （土・日・祝日、年末年始を除く）<br>
336 
+      </div>
337 
+    </div>
338 
+    <br class="sp__brDisplay">
339 
+    <p class="footer_text">
340 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
341 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
342 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
343 
+    </p>
344 
+  </footer>
194 345
195 
-  </div>
196 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
197 
-    height="1" width="1" />
346 
+</div>
347 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
348 
+     height="1" width="1"/>
198 349 
 </body>
199 350
200 
-</html>
351 
+</html>

+ 288
- 138
third/Vaccination/Vaccination_old60.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,41 +10,196 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
   </meta>
17 22 
 </head>
18 23
19 24 
 <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>
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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(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 
+  <!-- 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>
40 129 
           </div>
41 
-          <script>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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>
181 
+						TEL:058-323-1111(代)</span>
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="setBackground3(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground3(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground3(3)">
195 
+        </div>
196 
+        <script>
42 197 
             getBackgNumber3();
43 
-          </script>
44 
-        </article>
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,134 +208,129 @@
53 208 
 </div>
54 209 
 </article>-->
55 210
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>
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                   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"><img src="../../css/img/header_emblem.png" width="200px"
241 
+                                      height="260px"/></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"><span class="h_text">くらしの情報</span></a>
63 247 
         </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>
70 
-          </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
71 250 
         </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>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
88 256 
         </article>
89 
-        <div id="claer">
90 
-        </div>
91 257 
       </div>
92 
-    </section>
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>
105 
-            </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
120 
-            </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
136 
-        </div>
258 
+      <div id="h_block_search">
259 
+        <div class="h_line"></div>
260 
+        <article class="h_search">
261 
+          <div class="space10"></div>
262 
+          <form action="http://www.google.com/search">
263 
+            <input type="hidden" name="hl" value="ja"/>
264 
+            <input type="hidden" name="ie" value="UTF-8">
265 
+            <input type="hidden" name="oe" value="UTF-8">
266 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
268 
+            <input type="submit" name="btnG" value="検索"/>
269 
+          </form>
270 
+        </article>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title2">
145 
-            <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
146 281 
               <span id="breadcrumb_title2">
147 282 
                 <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
148 
-                    href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>６０歳以上６４歳以下の方</span>
149 
-            </div>
283 
+                        href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>６０歳以上６４歳以下の方</span>
150 284 
           </div>
151 
-        </article>
285 
+        </div>
286 
+      </article>
152 287
153 
-        <article id="template_2lins">
154 
-          <div id="template_title_2lins" class="gothic">
155 
-            <div id="template_title_block_2lins">
156 
-              <span id="template_title_2lins">６０歳以上６４歳以下の方（昭和37年４月１日以前に生まれた方）</span>
157 
-            </div>
288 
+      <article id="template_2lins">
289 
+        <div id="template_title_2lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">６０歳以上６４歳以下の方（昭和37年４月１日以前に生まれた方）</span>
158 292 
           </div>
159 
-          <span id="template_article_block">
293 
+        </div>
294 
+        <span id="template_article_block">
160 295 
             ※６月中旬に「接種券」等と「予約開始のお知らせ」を一緒に発送します。<br>
161 296 
             ・内容をご確認の上、お知らせに記載の予約開始日から予約をしてください。<br>
162 297 
             ・予約方法については、<a href="../../second/Vaccination.html">こちら</a>
163 
-            をご覧ください。<br />
164 
-            　<img src="../../fourth/Vaccination/Vaccination_old60.png" width="100%"><br />
298 
+            をご覧ください。<br/>
299 
+            　<img src="../../fourth/Vaccination/Vaccination_old60.png" width="100%"><br/>
165 300 
           </span>
166 
-        </article>
167 
-      </section>
168 
-    </div>
301 
+      </article>
302 
+    </section>
303 
+  </div>
169 304
170 
-    <footer>
171 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
172 
-      <br />
173 
-      <p class="footer_text">
174 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
175 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
176 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
177 
-      </p>
178 
-    </footer>
179 305
306 
+  <footer>
307 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
308 
+    <div class="footer_mobile">
309 
+      <div class="footer_mobile_title">
310 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
311 
+        <h1 class="footerMobile__text">北方町役場</h1>
312 
+      </div>
313 
+      <div class="footer_mobile_address">
314 
+                <span class="footerTextWrap__text">
315 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
316 
+                </span><br>
317 
+        電話:058-323-1111(代)<br>
318 
+        FAX:058-323-2963<br>
319 
+        開庁日：8時30分～17時15分<br>
320 
+        （土・日・祝日、年末年始を除く）<br>
321 
+      </div>
322 
+    </div>
323 
+    <br class="sp__brDisplay">
324 
+    <p class="footer_text">
325 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
326 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
327 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
328 
+    </p>
329 
+  </footer>
180 330
181 
-  </div>
182 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
183 
-    height="1" width="1" />
331 
+</div>
332 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
333 
+     height="1" width="1"/>
184 334 
 </body>
185 335
186 336 
 </html>

+ 291
- 141
third/Vaccination/Vaccination_old65over.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,41 +10,196 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
   </meta>
17 22 
 </head>
18 23
19 24 
 <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>
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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(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 
+  <!-- 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>
40 129 
           </div>
41 
-          <script>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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>
181 
+						TEL:058-323-1111(代)</span>
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="setBackground3(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground3(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground3(3)">
195 
+        </div>
196 
+        <script>
42 197 
             getBackgNumber3();
43 
-          </script>
44 
-        </article>
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,134 +208,129 @@
53 208 
 </div>
54 209 
 </article>-->
55 210
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>
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                   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"><img src="../../css/img/header_emblem.png" width="200px"
241 
+                                      height="260px"/></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"><span class="h_text">くらしの情報</span></a>
63 247 
         </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>
70 
-          </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
71 250 
         </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>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
88 256 
         </article>
89 
-        <div id="claer">
90 
-        </div>
91 257 
       </div>
92 
-    </section>
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>
105 
-            </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
120 
-            </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
136 
-        </div>
258 
+      <div id="h_block_search">
259 
+        <div class="h_line"></div>
260 
+        <article class="h_search">
261 
+          <div class="space10"></div>
262 
+          <form action="http://www.google.com/search">
263 
+            <input type="hidden" name="hl" value="ja"/>
264 
+            <input type="hidden" name="ie" value="UTF-8">
265 
+            <input type="hidden" name="oe" value="UTF-8">
266 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
268 
+            <input type="submit" name="btnG" value="検索"/>
269 
+          </form>
270 
+        </article>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title2">
145 
-            <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
146 281 
               <span id="breadcrumb_title2">
147 282 
                 <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
148 
-                    href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>６５歳以上の方</span>
149 
-            </div>
283 
+                        href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>６５歳以上の方</span>
150 284 
           </div>
151 
-        </article>
285 
+        </div>
286 
+      </article>
152 287
153 
-        <article id="template_2lins">
154 
-          <div id="template_title_2lins" class="gothic">
155 
-            <div id="template_title_block_2lins">
156 
-              <span id="template_title_2lins">６５歳以上の方（昭和32年4月1日以前に生まれた方）</span>
157 
-            </div>
288 
+      <article id="template_2lins">
289 
+        <div id="template_title_2lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">６５歳以上の方（昭和32年4月1日以前に生まれた方）</span>
158 292 
           </div>
159 
-          <span id="template_article_block">
160 
-            ※接種実施中です。<br />
161 
-            ・接種を希望される方は、6月30日までに1回目の接種を済ませてください。<br />
162 
-            ※予約受付中です。必ず事前予約をしてください。<br />
293 
+        </div>
294 
+        <span id="template_article_block">
295 
+            ※接種実施中です。<br/>
296 
+            ・接種を希望される方は、6月30日までに1回目の接種を済ませてください。<br/>
297 
+            ※予約受付中です。必ず事前予約をしてください。<br/>
163 298 
             ・予約方法については、<a href="../../second/Vaccination.html">こちら</a>
164 
-            をご覧ください。<br />
165 
-            　<br />
299 
+            をご覧ください。<br/>
300 
+            　<br/>
166 301 
           </span>
167 
-        </article>
168 
-      </section>
169 
-    </div>
302 
+      </article>
303 
+    </section>
304 
+  </div>
170 305
171 
-    <footer>
172 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
173 
-      <br />
174 
-      <p class="footer_text">
175 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
176 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
177 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
178 
-      </p>
179 
-    </footer>
180 306
307 
+  <footer>
308 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
309 
+    <div class="footer_mobile">
310 
+      <div class="footer_mobile_title">
311 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
312 
+        <h1 class="footerMobile__text">北方町役場</h1>
313 
+      </div>
314 
+      <div class="footer_mobile_address">
315 
+                <span class="footerTextWrap__text">
316 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
317 
+                </span><br>
318 
+        電話:058-323-1111(代)<br>
319 
+        FAX:058-323-2963<br>
320 
+        開庁日：8時30分～17時15分<br>
321 
+        （土・日・祝日、年末年始を除く）<br>
322 
+      </div>
323 
+    </div>
324 
+    <br class="sp__brDisplay">
325 
+    <p class="footer_text">
326 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
327 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
328 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
329 
+    </p>
330 
+  </footer>
181 331
182 
-  </div>
183 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1" />
332 
+</div>
333 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1"/>
184 334 
 </body>
185 335
186 
-</html>
336 
+</html>

+ 364
- 215
third/Vaccination/Vaccination_syoumei.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,41 +10,196 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
   </meta>
17 22 
 </head>
18 23
19 24 
 <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>
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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(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 
+  <!-- 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>
40 67 
           </div>
41 
-          <script>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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>
181 
+						TEL:058-323-1111(代)</span>
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="setBackground3(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground3(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground3(3)">
195 
+        </div>
196 
+        <script>
42 197 
             getBackgNumber3();
43 
-          </script>
44 
-        </article>
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,243 +208,237 @@
53 208 
 </div>
54 209 
 </article>-->
55 210
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>
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                   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"><img src="../../css/img/header_emblem.png" width="200px"
241 
+                                      height="260px"/></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"><span class="h_text">くらしの情報</span></a>
63 247 
         </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>
70 
-          </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
71 250 
         </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>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
88 256 
         </article>
89 
-        <div id="claer">
90 
-        </div>
91 257 
       </div>
92 
-    </section>
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>
105 
-            </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
120 
-            </a>
121 
-          </article>
122 
-        </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
136 
-        </div>
258 
+      <div id="h_block_search">
259 
+        <div class="h_line"></div>
260 
+        <article class="h_search">
261 
+          <div class="space10"></div>
262 
+          <form action="http://www.google.com/search">
263 
+            <input type="hidden" name="hl" value="ja"/>
264 
+            <input type="hidden" name="ie" value="UTF-8">
265 
+            <input type="hidden" name="oe" value="UTF-8">
266 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
268 
+            <input type="submit" name="btnG" value="検索"/>
269 
+          </form>
270 
+        </article>
137 271 
       </div>
138 
-    </header>
272 
+    </div>
273 
+  </header>
139 274
140 
-    <div id="third_body">
141 
-      <!--セクション template-->
142 
-      <section id="template">
143 
-        <article id="breadcrumb2">
144 
-          <div id="breadcrumb_title2">
145 
-            <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
146 281 
               <span id="breadcrumb_title2">
147 282 
                 <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
148 
-                    href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>新型コロナウイルス感染症予防接種証明書（ワクチンパスポート）について</span>
149 
-            </div>
283 
+                        href="../../second/Vaccination.html">新型コロナウイルス感染症にかかるワクチン接種</a>>新型コロナウイルス感染症予防接種証明書（ワクチンパスポート）について</span>
150 284 
           </div>
151 
-        </article>
285 
+        </div>
286 
+      </article>
152 287
153 
-        <article id="template_2lins">
154 
-          <div id="template_title_2lins" class="gothic">
155 
-            <div id="template_title_block_2lins">
156 
-              <span id="template_title_2lins">新型コロナウイルス感染症予防接種証明書（ワクチンパスポート）について</span>
157 
-            </div>
288 
+      <article id="template_2lins">
289 
+        <div id="template_title_2lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">新型コロナウイルス感染症予防接種証明書（ワクチンパスポート）について</span>
158 292 
           </div>
159 
-        </article>
160 
-
293 
+        </div>
294 
+      </article>
161 295
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">新型コロナウイルス感染症予防接種証明書の申請を受け付けます</span>
166 
-            </div>
296 
+      <article id="template_list_title">
297 
+        <div class="template_title2 template_title2_2 gothic">
298 
+          <div id="template_title_block">
299 
+            <span class="template_title2 template_title2_2">新型コロナウイルス感染症予防接種証明書の申請を受け付けます</span>
167 300 
           </div>
168 
-          <span id="template_article_block">
301 
+        </div>
302 
+        <span id="template_article_block">
169 303 
             　証明書は予防接種法に基づいて、市区町村で実施された新型コロナウイルスワクチン接種記録等を、接種者からの申請に基づき交付するものです。この証明書は、諸外国への入国時の防疫措置（一定期間の経過観察等）の緩和のため、諸外国にワクチン接種証明書の提示を求められた場合に提示するものとしての利用を想定しています。そのため、申請については、当面の間、<span
170 
-              style="color: red;">海外渡航予定者に限り受け付けるとともに、用途を国外利用に限定します。</span><br />
171 
-            　渡航予定の国におけるワクチン接種証明書の有効性については、外務省ホームページや、渡航先国の駐日外国公館等にご確認いただき、申請の必要性をご判断ください。<br />
172 
-            　<span style="color: red;">渡航予定がない方については、接種時に発行された「接種済証」や「接種記録書」でワクチン接種済であることを示すことができます。</span><br />
173 
-            <br />
304 
+                style="color: red;">海外渡航予定者に限り受け付けるとともに、用途を国外利用に限定します。</span><br/>
305 
+            　渡航予定の国におけるワクチン接種証明書の有効性については、外務省ホームページや、渡航先国の駐日外国公館等にご確認いただき、申請の必要性をご判断ください。<br/>
306 
+            　<span style="color: red;">渡航予定がない方については、接種時に発行された「接種済証」や「接種記録書」でワクチン接種済であることを示すことができます。</span><br/>
307 
+            <br/>
174 308 
           </span>
175 
-        </article>
309 
+      </article>
176 310
177 311
178 
-        <article id="template_list_title">
179 
-          <div id="template_title2" class="gothic">
180 
-            <div id="template_title_block">
181 
-              <span id="template_title2">対象者</span>
182 
-            </div>
312 
+      <article id="template_list_title">
313 
+        <div id="template_title2" class="gothic">
314 
+          <div id="template_title_block">
315 
+            <span id="template_title2">対象者</span>
183 316 
           </div>
184 
-          <span id="template_article_block">
185 
-            　以下の要件をすべて満たす方が対象です。<br />
186 
-            ・海外渡航を予定しており、渡航予定日時点で有効な旅券を持っている方<br />
187 
-            ・接種日時点で北方町に住民登録をしている方<br />
317 
+        </div>
318 
+        <span id="template_article_block">
319 
+            　以下の要件をすべて満たす方が対象です。<br/>
320 
+            ・海外渡航を予定しており、渡航予定日時点で有効な旅券を持っている方<br/>
321 
+            ・接種日時点で北方町に住民登録をしている方<br/>
188 322 
             　<div style="display: inline-block; vertical-align: top;">※</div>
189 323 
             <div style="display: inline-block; width: 94%;">
190 
-              他市町村で接種後に北方町に転入された場合は、発行できません。転入前の自治体に申請してください。１回目と2回目で異なる自治体から発行された接種券で接種を受けた場合は、それぞれの自治体に申請が必要になります。<br />
324 
+              他市町村で接種後に北方町に転入された場合は、発行できません。転入前の自治体に申請してください。１回目と2回目で異なる自治体から発行された接種券で接種を受けた場合は、それぞれの自治体に申請が必要になります。<br/>
191 325 
             </div>
192 
-            <br />
326 
+            <br/>
193 327 
           </span>
194 
-        </article>
328 
+      </article>
195 329
196 330
197 
-        <article id="template_list_title">
198 
-          <div id="template_title2" class="gothic">
199 
-            <div id="template_title_block">
200 
-              <span id="template_title2">申請方法</span>
201 
-            </div>
331 
+      <article id="template_list_title">
332 
+        <div id="template_title2" class="gothic">
333 
+          <div id="template_title_block">
334 
+            <span id="template_title2">申請方法</span>
202 335 
           </div>
203 
-          <span id="template_article_block">
204 
-            　申請に必要事項を記入し必要書類と合わせて、郵送してください。窓口での申請は受け付けませんのでご了承ください。<br />
205 
-            【送り先】<br />
206 
-            　〒501-0452　本巣郡北方町高屋石末1-10<br />
207 
-            　北方町保健センター<br />
208 
-            <br />
336 
+        </div>
337 
+        <span id="template_article_block">
338 
+            　申請に必要事項を記入し必要書類と合わせて、郵送してください。窓口での申請は受け付けませんのでご了承ください。<br/>
339 
+            【送り先】<br/>
340 
+            　〒501-0452　本巣郡北方町高屋石末1-10<br/>
341 
+            　北方町保健センター<br/>
342 
+            <br/>
209 343 
           </span>
210 
-        </article>
344 
+      </article>
211 345
212 346
213 
-        <article id="template_list_title">
214 
-          <div id="template_title2" class="gothic">
215 
-            <div id="template_title_block">
216 
-              <span id="template_title2">申請に必要な書類</span>
217 
-            </div>
347 
+      <article id="template_list_title">
348 
+        <div id="template_title2" class="gothic">
349 
+          <div id="template_title_block">
350 
+            <span id="template_title2">申請に必要な書類</span>
218 351 
           </div>
219 
-          <span id="template_article_block">
220 
-            （1）予防接種証明書交付申請書　（<a href="../../fourth/Vaccination/Vaccination_syoumei_1.pdf" target="_blank">PDF</a>）<br />
221 
-            （2）旅券（パスポート）の写し　　※有効期限内のものに限る。<br />
222 
-            　旧姓・別姓・別名の記載がある場合は、それらの確認書類が必要です。（例：旧姓併記のマイナンバーカード、運転免許証、戸籍、住民票の写し、別姓、別名の記載のある外国の旅券（パスポート）等※旧姓・別姓・別名が元々ローマ字表記であり、旅券（パスポート）のみで記載事項の確認ができる場合は除く。）<br />
352 
+        </div>
353 
+        <span id="template_article_block">
354 
+            （1）予防接種証明書交付申請書　（<a href="../../fourth/Vaccination/Vaccination_syoumei_1.pdf" target="_blank">PDF</a>）<br/>
355 
+            （2）旅券（パスポート）の写し　　※有効期限内のものに限る。<br/>
356 
+            　旧姓・別姓・別名の記載がある場合は、それらの確認書類が必要です。（例：旧姓併記のマイナンバーカード、運転免許証、戸籍、住民票の写し、別姓、別名の記載のある外国の旅券（パスポート）等※旧姓・別姓・別名が元々ローマ字表記であり、旅券（パスポート）のみで記載事項の確認ができる場合は除く。）<br/>
223 357 
             （3）接種済証又は接種記録書の写し　　※見本（<a href="../../fourth/Vaccination/Vaccination_syoumei_2.pdf"
224 
-              target="_blank">PDF</a>）<br />
225 
-            （4）返信用封筒<br />
226 
-            　返送先住所・宛名を記載し、84円切手を貼付してください。（速達や簡易書留等での返送をご希望の場合は、必要な料金分の切手を貼付してください。）<br />
227 
-            <br />
358 
+                                      target="_blank">PDF</a>）<br/>
359 
+            （4）返信用封筒<br/>
360 
+            　返送先住所・宛名を記載し、84円切手を貼付してください。（速達や簡易書留等での返送をご希望の場合は、必要な料金分の切手を貼付してください。）<br/>
361 
+            <br/>
228 362 
           </span>
229 
-        </article>
363 
+      </article>
230 364
231 365
232 
-        <article id="template_list_title">
233 
-          <div id="template_title2" class="gothic">
234 
-            <div id="template_title_block">
235 
-              <span id="template_title2">代理人が申請する場合に必要な書類</span>
236 
-            </div>
366 
+      <article id="template_list_title">
367 
+        <div id="template_title2" class="gothic">
368 
+          <div id="template_title_block">
369 
+            <span id="template_title2">代理人が申請する場合に必要な書類</span>
237 370 
           </div>
238 
-          <span id="template_article_block">
239 
-            　申請書類のほかに委任状と代理人の身分が確認できる書類（運転免許証や健康保険証、マイナンバーカード等の写し）が必要となります。<br />
240 
-            　委任状　（<a href="../../fourth/Vaccination/Vaccination_syoumei_3.pdf" target="_blank">PDF</a>）<br />
241 
-            <br />
371 
+        </div>
372 
+        <span id="template_article_block">
373 
+            　申請書類のほかに委任状と代理人の身分が確認できる書類（運転免許証や健康保険証、マイナンバーカード等の写し）が必要となります。<br/>
374 
+            　委任状　（<a href="../../fourth/Vaccination/Vaccination_syoumei_3.pdf" target="_blank">PDF</a>）<br/>
375 
+            <br/>
242 376 
           </span>
243 
-        </article>
377 
+      </article>
244 378
245 379
246 
-        <article id="template_list_title">
247 
-          <div id="template_title2" class="gothic">
248 
-            <div id="template_title_block">
249 
-              <span id="template_title2">証明書の交付</span>
250 
-            </div>
380 
+      <article id="template_list_title">
381 
+        <div id="template_title2" class="gothic">
382 
+          <div id="template_title_block">
383 
+            <span id="template_title2">証明書の交付</span>
251 384 
           </div>
252 
-          <span id="template_article_block">
253 
-            　申請書受付後、1週間程度で返送先住所（返信用封筒に記載に住所地）に送付します。また書類に不備がある場合等については、その限りではありませんのでご注意ください。<br />
385 
+        </div>
386 
+        <span id="template_article_block">
387 
+            　申請書受付後、1週間程度で返送先住所（返信用封筒に記載に住所地）に送付します。また書類に不備がある場合等については、その限りではありませんのでご注意ください。<br/>
254 388 
             　<div style="display: inline-block; vertical-align: top;">※</div>
255 389 
             <div style="display: inline-block; width: 94%;">
256 
-              証明書は、海外渡航での活用を想定していることから、氏名の表記は、パスポートの表記としています。誤記載等を原因とする渡航先等でのトラブル事象については、町では一切責任を負うことはできません。お手元に届きましたら、必ず記載内容をご確認ください。<br />
390 
+              証明書は、海外渡航での活用を想定していることから、氏名の表記は、パスポートの表記としています。誤記載等を原因とする渡航先等でのトラブル事象については、町では一切責任を負うことはできません。お手元に届きましたら、必ず記載内容をご確認ください。<br/>
257 391 
             </div>
258 
-            <br />
392 
+            <br/>
259 393 
           </span>
260 
-        </article>
394 
+      </article>
261 395
262 396
263 
-        <article id="template_list_title">
264 
-          <div id="template_title2" class="gothic">
265 
-            <div id="template_title_block">
266 
-              <span id="template_title2">お問合せ先</span>
267 
-            </div>
397 
+      <article id="template_list_title">
398 
+        <div id="template_title2" class="gothic">
399 
+          <div id="template_title_block">
400 
+            <span id="template_title2">お問合せ先</span>
268 401 
           </div>
269 
-          <span id="template_article_block">
270 
-            北方町保健センター　058-323-7600<br />
271 
-            <br />
402 
+        </div>
403 
+        <span id="template_article_block">
404 
+            北方町保健センター　058-323-7600<br/>
405 
+            <br/>
272 406 
           </span>
273 
-        </article>
407 
+      </article>
274 408
275 409
276 
-      </section>
277 
-    </div>
410 
+    </section>
411 
+  </div>
278 412
279 
-    <footer>
280 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
281 
-      <br />
282 
-      <p class="footer_text">
283 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
284 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
285 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
286 
-      </p>
287 
-    </footer>
288 413
414 
+  <footer>
415 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
416 
+    <div class="footer_mobile">
417 
+      <div class="footer_mobile_title">
418 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
419 
+        <h1 class="footerMobile__text">北方町役場</h1>
420 
+      </div>
421 
+      <div class="footer_mobile_address">
422 
+                <span class="footerTextWrap__text">
423 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
424 
+                </span><br>
425 
+        電話:058-323-1111(代)<br>
426 
+        FAX:058-323-2963<br>
427 
+        開庁日：8時30分～17時15分<br>
428 
+        （土・日・祝日、年末年始を除く）<br>
429 
+      </div>
430 
+    </div>
431 
+    <br class="sp__brDisplay">
432 
+    <p class="footer_text">
433 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
434 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
435 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
436 
+    </p>
437 
+  </footer>
289 438
290 
-  </div>
291 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
292 
-    height="1" width="1" />
439 
+</div>
440 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
441 
+     height="1" width="1"/>
293 442 
 </body>
294 443
295 
-</html>
444 
+</html>

+ 311
- 148
third/Welfare_and_nursing_care/Long-term_care.html ファイルの表示 

@@ -1,50 +1,205 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+  </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>
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="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
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="setBackground3(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground3(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground3(3)">
195 
+        </div>
196 
+        <script>
197 
+            getBackgNumber3();
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,121 +208,129 @@
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"
60 
-								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 
-		<header>
93 
-			<div id="header" class="gothic">
94 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
95 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
101 
-					</article>
102 
-					<article class="h_text_l">
103 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
104 
-					</article>
105 
-					<article class="h_text_l">
106 
-						<a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
110 
-					</article>
111 
-				</div>
112 
-				<div id="h_block_search">
113 
-					<div class="h_line"></div>
114 
-					<article class="h_search">
115 
-						<div class="space10"></div>
116 
-						<form action="http://www.google.com/search">
117 
-							<input type="hidden" name="hl" value="ja" />
118 
-							<input type="hidden" name="ie" value="UTF-8">
119 
-							<input type="hidden" name="oe" value="UTF-8">
120 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
121 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
122 
-							<input type="submit" name="btnG" value="検索" />
123 
-						</form>
124 
-					</article>
125 
-				</div>
126 
-			</div>
127 
-		</header>
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                   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"><img src="../../css/img/header_emblem.png" width="200px"
241 
+                                      height="260px"/></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"><span class="h_text">くらしの情報</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
256 
+        </article>
257 
+      </div>
258 
+      <div id="h_block_search">
259 
+        <div class="h_line"></div>
260 
+        <article class="h_search">
261 
+          <div class="space10"></div>
262 
+          <form action="http://www.google.com/search">
263 
+            <input type="hidden" name="hl" value="ja"/>
264 
+            <input type="hidden" name="ie" value="UTF-8">
265 
+            <input type="hidden" name="oe" value="UTF-8">
266 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
268 
+            <input type="submit" name="btnG" value="検索"/>
269 
+          </form>
270 
+        </article>
271 
+      </div>
272 
+    </div>
273 
+  </header>
128 274
129 
-		<div id="third_body">
130 
-			<!--セクション space-->
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
131 277
132 
-			<!--セクション template-->
133 
-			<section id="template">
134 
-				<article id="breadcrumb">
135 
-					<div id="breadcrumb_title">
136 
-						<div id="breadcrumb_title_block">
278 
+    <!--セクション template-->
279 
+    <section id="template">
280 
+      <article id="breadcrumb">
281 
+        <div id="breadcrumb_title">
282 
+          <div id="breadcrumb_title_block">
137 283 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
138 
-									href="../../second/living.html">くらしの情報</a>><a
139 
-									href="../../second/Welfare.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 
-					<span id="template_article_block">
150 
-						◆<a href="../../css/pdf/Long-term_care_2019.pdf" target="_blank">令和元年度　もとす地域医療・介護連携マップ</a><br />
284 
+                      href="../../second/living.html">くらしの情報</a>><a
285 
+                      href="../../second/Welfare.html">福祉</a>>もとす地域医療・介護連携</span>
286 
+          </div>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template">
290 
+        <div id="template_title" class="gothic">
291 
+          <div id="template_title_block">
292 
+            <span id="template_title">もとす地域医療・介護連携</span>
293 
+          </div>
294 
+        </div>
295 
+        <span id="template_article_block">
296 
+						◆<a href="../../css/pdf/Long-term_care_2019.pdf" target="_blank">令和元年度　もとす地域医療・介護連携マップ</a><br/>
151 297 
 						◆<a href="../../css/pdf/Long-term_care_2020.pdf"
152 
-							target="_blank">もとす地域医療・介護連携マップ　令和２年新規事業所一覧　(追加分)</a><br />
298 
+                target="_blank">もとす地域医療・介護連携マップ　令和２年新規事業所一覧　(追加分)</a><br/>
153 299 
 						◆<a href="../../css/pdf/Long-term_care_2020_1.pdf"
154 
-							target="_blank">もとす地域医療・介護連携マップ　令和２年事業所一覧　(修正分)</a><br />
300 
+                target="_blank">もとす地域医療・介護連携マップ　令和２年事業所一覧　(修正分)</a><br/>
155 301 
 					</span>
156 
-				</article>
157 
-			</section>
158 
-		</div>
302 
+      </article>
303 
+    </section>
304 
+  </div>
159 305
160 
-		<footer>
161 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
162 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
163 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
164 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
165 
-		</footer>
306 
+  <footer>
307 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
308 
+    <div class="footer_mobile">
309 
+      <div class="footer_mobile_title">
310 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
311 
+        <h1 class="footerMobile__text">北方町役場</h1>
312 
+      </div>
313 
+      <div class="footer_mobile_address">
314 
+                <span class="footerTextWrap__text">
315 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
316 
+                </span><br>
317 
+        電話:058-323-1111(代)<br>
318 
+        FAX:058-323-2963<br>
319 
+        開庁日：8時30分～17時15分<br>
320 
+        （土・日・祝日、年末年始を除く）<br>
321 
+      </div>
322 
+    </div>
323 
+    <br class="sp__brDisplay">
324 
+    <p class="footer_text">
325 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
326 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
327 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
328 
+    </p>
329 
+  </footer>
166 330
167 
-
168 
-	</div>
169 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Nortification_of_other"
170 
-		height="1" width="1" />
331 
+</div>
332 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Nortification_of_other"
333 
+     height="1" width="1"/>
171 334 
 </body>
172 335
173 
-</html>
336 
+</html>

+ 302
- 145
third/board_of_education/academy_concept.html ファイルの表示 

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

+ 190
- 182
third/board_of_education/adaptation_guidance_room.html ファイルの表示 

@@ -1,210 +1,218 @@
1 1 
 <!doctype html>
2 2 
 <html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.css" >
12 
-<script src="../../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
3 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <title>北方町ホームページ</title>
6 
+  <link rel="stylesheet" href="../../css/base.css">
7 
+  <link rel="stylesheet" href="../../css/second_header.css">
8 
+  <link rel="stylesheet" href="../../css/footer.css">
9 
+  <link rel="stylesheet" href="../../css/section.css">
10 
+  <link rel="stylesheet" href="../../css/third_template.css">
11 
+  <link rel="stylesheet" href="../../css/table.css">
12 
+  <script src="../../js/operation.js"></script>
13 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 14 
 </head>
15 15
16 16 
 <body id="back">
17 17 
 <script>
18 
-getBackgNumber3();
18 
+    getBackgNumber3();
19 19 
 </script>
20 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> 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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
35 
-<input type="image"  src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
36 
-<input type="image"  src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
37 
-</div>
38 
-</article>
39 
-<!--セクション 文字サイズ-->
40 
-<!--<article id="charsize" >
41 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
42 
-<div id="charsize_img">
43 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
44 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
45 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
46 
-</div>
47 
-</article>-->
48 
-
49 
-<!--セクション サイトマップ-->
50 
-<article id="sitemap" >
51 
- <div id="sitemap_img">
52 
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
53 
- </div>
54 
-</article>
55 
-<!--セクション お問い合わせ-->
56 
-<article id="contact" >
57 
- <div id="contact_img">
58 
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
59 
- </div>
60 
-</article>
61 
-<!--セクション 翻訳-->
62 
-<article id="translation" >
63 
-<div id="translation_img">
64 
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
65 
-<div id="google_translate_element"></div>
66 
-<script type="text/javascript">
67 
-function googleTranslateElementInit() {
68 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
69 
-}
70 
-</script>
71 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
72 
-</div>
73 
-</article>
74 
-<div id="claer">
75 
-</div>
76 
-</div>
77 
-</section>
78 
-
79 
-			<!--ヘッダーデータ-->
80 
-			<header>
81 
-				<div id="header" class="gothic">
82 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
83 
-					<div id="h_block_1">
84 
-						<div class="h_line">
85 
-						</div>
86 
-						<article class="h_text_l">
87 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
88 
-						</article>
89 
-						<article class="h_text_l">
90 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
91 
-						</article>
92 
-						<article class="h_text_l">
93 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
94 
-						</article>
95 
-						<article class="h_text_l">
96 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
97 
-						</article>
98 
-					</div>
99 
-					<div id="h_block_search">
100 
-						<div class="h_line"></div>
101 
-						<article class="h_search">
102 
-			                    	<div class="space10"></div>
103 
-			                    	<form action="http://www.google.com/search">
104 
-				                        <input type="hidden" name="hl" value="ja" />
105 
-				                        <input type="hidden" name="ie" value="UTF-8">
106 
-				                        <input type="hidden" name="oe" value="UTF-8">
107 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
108 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
109 
-				                        <input type="submit" name="btnG" value="検索" />
110 
-			                        </form>
111 
-						</article>
112 
-					</div>
113 
-				</div>
114 
-			</header>
115 
-
116 
-			<div id="third_body">
117 
-				<!--セクション space-->
118 
-
119 
-				<!--セクション template-->
120 
-				<section id="template" >
121 
-					<article id="breadcrumb" >
122 
-						<div id="breadcrumb_title">
123 
-							<div id="breadcrumb_title_block">
124 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/board_of_education.html">教育委員会</a>>北方町適応指導教室 大空</span>
125 
-							</div>
126 
-						</div>
127 
-					</article>
128 
-					<article id="template" >
129 
-						<div id="template_title" class="gothic">
130 
-							<div id="template_title_block">
131 
-								<span id="template_title">北方町適応指導教室 大空</span>
132 
-							</div>
133 
-						</div>
134 
-					</article>
135 
-
136 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
137 
-					<article id="template_list_title" >
138 
-						<div id="template_title2" class="gothic">
139 
-							<div id="template_title_block">
140 
-								<span id="template_title2">適応指導教室</span>
141 
-							</div>
142 
-						</div>
143 
-						<span id="template_article_block">
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 src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 
+        <div id="bgcolor_img">
34 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
35 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
36 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
37 
+        </div>
38 
+      </article>
39 
+      <!--セクション 文字サイズ-->
40 
+      <!--<article id="charsize" >
41 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
42 
+      <div id="charsize_img">
43 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
44 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
45 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
46 
+      </div>
47 
+      </article>-->
48 
+
49 
+      <!--セクション サイトマップ-->
50 
+      <article id="sitemap">
51 
+        <div id="sitemap_img">
52 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
53 
+        </div>
54 
+      </article>
55 
+      <!--セクション お問い合わせ-->
56 
+      <article id="contact">
57 
+        <div id="contact_img">
58 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
59 
+                  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({
70 
+                      pageLanguage: 'ja',
71 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
72 
+                  }, 'google_translate_element');
73 
+              }
74 
+          </script>
75 
+          <script type="text/javascript"
76 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
77 
+        </div>
78 
+      </article>
79 
+      <div id="claer">
80 
+      </div>
81 
+    </div>
82 
+  </section>
83 
+
84 
+  <!--ヘッダーデータ-->
85 
+  <header>
86 
+    <div id="header" class="gothic">
87 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></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"><span class="h_text">くらしの情報</span></a>
93 
+        </article>
94 
+        <article class="h_text_l">
95 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
96 
+        </article>
97 
+        <article class="h_text_l">
98 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
99 
+        </article>
100 
+        <article class="h_text_l">
101 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
102 
+        </article>
103 
+      </div>
104 
+      <div id="h_block_search">
105 
+        <div class="h_line"></div>
106 
+        <article class="h_search">
107 
+          <div class="space10"></div>
108 
+          <form action="http://www.google.com/search">
109 
+            <input type="hidden" name="hl" value="ja"/>
110 
+            <input type="hidden" name="ie" value="UTF-8">
111 
+            <input type="hidden" name="oe" value="UTF-8">
112 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
113 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
114 
+            <input type="submit" name="btnG" value="検索"/>
115 
+          </form>
116 
+        </article>
117 
+      </div>
118 
+    </div>
119 
+  </header>
120 
+
121 
+  <div id="third_body">
122 
+    <!--セクション space-->
123 
+
124 
+    <!--セクション template-->
125 
+    <section id="template">
126 
+      <article id="breadcrumb">
127 
+        <div id="breadcrumb_title">
128 
+          <div id="breadcrumb_title_block">
129 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
130 
+                    href="../../second/board_of_education.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 
+      <!-- 小見出しから内容までのひとまとまりここから-->
143 
+      <article id="template_list_title">
144 
+        <div id="template_title2" class="gothic">
145 
+          <div id="template_title_block">
146 
+            <span id="template_title2">適応指導教室</span>
147 
+          </div>
148 
+        </div>
149 
+        <span id="template_article_block">
144 150
145 
-								<p class="paragraphT10">学校へ足がすすまない子たちを対象に担当の指導員やボランティア等がスポーツ・工作・学習・ゲームなどいろいろな活動をします。一人一人に適応した内容で過ごしたいと思っています。日頃、悩んでいることなどの相談もお聞きします。気軽に一度見学してみませんか。<br />
146 
-（＊状況に応じて、面談も行います。）</p><br />
147 
-<p>適応指導教室　「大空」（<a href="../building_etc/Library.html">町立図書館　2階</a>）℡058-323-7800<br />
151 
+								<p class="paragraphT10">学校へ足がすすまない子たちを対象に担当の指導員やボランティア等がスポーツ・工作・学習・ゲームなどいろいろな活動をします。一人一人に適応した内容で過ごしたいと思っています。日頃、悩んでいることなどの相談もお聞きします。気軽に一度見学してみませんか。<br/>
152 
+（＊状況に応じて、面談も行います。）</p><br/>
153 
+<p>適応指導教室　「大空」（<a href="../building_etc/Library.html">町立図書館　2階</a>）℡058-323-7800<br/>
148 154 
 開室日・時間　火曜日～金曜日　10：00～16：00（休業日は学校に準ずる）</p>
149 155
150 156
151 157
152 158 
 					  </span>
153 
-					</article>
154 
-
155 
-                    <!-- ひとまとまりここまで-->
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 
-						<span id="template_article_block">
159 
+      </article>
160 
+
161 
+      <!-- ひとまとまりここまで-->
162 
+
163 
+      <!-- 小見出しから内容までのひとまとまりここから-->
164 
+      <article id="template_list_title">
165 
+        <div id="template_title2" class="gothic">
166 
+          <div id="template_title_block">
167 
+            <span id="template_title2">相談の窓口</span>
168 
+          </div>
169 
+        </div>
170 
+        <span id="template_article_block">
165 171
166 172 
 								<p class="paragraphT10">子どもから大人まで広く相談の窓を開けています。「いじめられた」「家庭のことで困っている」「学校に行きたくない」「勉強が・・・いや」「子育ての不安」「子どもがわからない」など悩みや心配がありませんか。一人でかかえないで、どんなことでもご相談して下さい。</p>
167 
-                                <!--
168 
-                                <p>北方町教育委員会　教育課　℡058-323-1115<br />
173 
+          <!--
174 
+          <p>北方町教育委員会　教育課　℡058-323-1115<br />
169 175 
 　相談ダイヤル　090-7683-6180　090-3158-5397<br />
170 176 
 　　　　　　　　（いずれも月～金曜日9時～16時まで）</p>
171 
-								-->
177 
+-->
172 178
173 179
174 180 
 						</span>
175 
-					</article>
176 
-
177 
-                    <!-- ひとまとまりここまで-->
178 
-
179 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
180 
-					<article id="template_list_title" >
181 
-						<div id="template_title2" class="gothic">
182 
-							<div id="template_title_block">
183 
-								<span id="template_title2">親の会</span>
184 
-							</div>
185 
-						</div>
186 
-						<span id="template_article_block">
181 
+      </article>
182 
+
183 
+      <!-- ひとまとまりここまで-->
184 
+
185 
+      <!-- 小見出しから内容までのひとまとまりここから-->
186 
+      <article id="template_list_title">
187 
+        <div id="template_title2" class="gothic">
188 
+          <div id="template_title_block">
189 
+            <span id="template_title2">親の会</span>
190 
+          </div>
191 
+        </div>
192 
+        <span id="template_article_block">
187 193
188 194 
 								<p class="paragraphT10">子どものことについて悩んでみえる親さんが毎月一回図書館に集まって、子どもの様子や成長の様子、体験したことなど交流する中で親さん自身の心がやわらかくなる、そんなあたたかい親の会です。一度参加してみませんか</p>
189 195
190 196
191 197
192 198 
 						</span>
193 
-					</article>
194 
-
195 
-                    <!-- ひとまとまりここまで-->
196 
-
197 
-
198 
-
199 
-				</section>
200 
-			</div>
201 
-
202 
-						<footer>
203 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
204 
-                <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>
205 
-			</footer>
206 
-
207 
-
208 
-		</div>
209 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?adaptation_guidance_room" height="1" width="1" /></body>
199 
+      </article>
200 
+
201 
+      <!-- ひとまとまりここまで-->
202 
+
203 
+
204 
+    </section>
205 
+  </div>
206 
+
207 
+  <footer>
208 
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
209 
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
210 
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
211 
+    </p>
212 
+  </footer>
213 
+
214 
+
215 
+</div>
216 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?adaptation_guidance_room"
217 
+     height="1" width="1"/></body>
210 218 
 </html>

+ 314
- 144
third/board_of_education/kyoukasyosaitaku_r3.html ファイルの表示 

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

+ 161
- 152
third/board_of_education/suisenkou_seido.html ファイルの表示 

@@ -1,173 +1,182 @@
1 1 
 <!doctype html>
2 2 
 <html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.css" >
12 
-<script src="../../js/operation.js"></script>
13 
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
3 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <title>北方町ホームページ</title>
6 
+  <link rel="stylesheet" href="../../css/base.css">
7 
+  <link rel="stylesheet" href="../../css/second_header.css">
8 
+  <link rel="stylesheet" href="../../css/footer.css">
9 
+  <link rel="stylesheet" href="../../css/section.css">
10 
+  <link rel="stylesheet" href="../../css/third_template.css">
11 
+  <link rel="stylesheet" href="../../css/table.css">
12 
+  <script src="../../js/operation.js"></script>
13 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 14 
 </head>
15 15
16 16 
 <body id="back">
17 17 
 <script>
18 
-getBackgNumber3();
18 
+    getBackgNumber3();
19 19 
 </script>
20 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> 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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
35 
-<input type="image"  src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
36 
-<input type="image"  src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
37 
-</div>
38 
-</article>
39 
-<!--セクション 文字サイズ-->
40 
-<!--<article id="charsize" >
41 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
42 
-<div id="charsize_img">
43 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
44 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
45 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
46 
-</div>
47 
-</article>-->
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 src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 
+        <div id="bgcolor_img">
34 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
35 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
36 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
37 
+        </div>
38 
+      </article>
39 
+      <!--セクション 文字サイズ-->
40 
+      <!--<article id="charsize" >
41 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
42 
+      <div id="charsize_img">
43 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
44 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
45 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
46 
+      </div>
47 
+      </article>-->
48 48
49 
-<!--セクション サイトマップ-->
50 
-<article id="sitemap" >
51 
- <div id="sitemap_img">
52 
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
53 
- </div>
54 
-</article>
55 
-<!--セクション お問い合わせ-->
56 
-<article id="contact" >
57 
- <div id="contact_img">
58 
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
59 
- </div>
60 
-</article>
61 
-<!--セクション 翻訳-->
62 
-<article id="translation" >
63 
-<div id="translation_img">
64 
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
65 
-<div id="google_translate_element"></div>
66 
-<script type="text/javascript">
67 
-function googleTranslateElementInit() {
68 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
69 
-}
70 
-</script>
71 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
72 
-</div>
73 
-</article>
74 
-<div id="claer">
75 
-</div>
76 
-</div>
77 
-</section>
49 
+      <!--セクション サイトマップ-->
50 
+      <article id="sitemap">
51 
+        <div id="sitemap_img">
52 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
53 
+        </div>
54 
+      </article>
55 
+      <!--セクション お問い合わせ-->
56 
+      <article id="contact">
57 
+        <div id="contact_img">
58 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
59 
+                  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({
70 
+                      pageLanguage: 'ja',
71 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
72 
+                  }, 'google_translate_element');
73 
+              }
74 
+          </script>
75 
+          <script type="text/javascript"
76 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
77 
+        </div>
78 
+      </article>
79 
+      <div id="claer">
80 
+      </div>
81 
+    </div>
82 
+  </section>
78 83
79 
-			<!--ヘッダーデータ-->
80 
-			<header>
81 
-				<div id="header" class="gothic">
82 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
83 
-					<div id="h_block_1">
84 
-						<div class="h_line">
85 
-						</div>
86 
-						<article class="h_text_l">
87 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
88 
-						</article>
89 
-						<article class="h_text_l">
90 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
91 
-						</article>
92 
-						<article class="h_text_l">
93 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
94 
-						</article>
95 
-						<article class="h_text_l">
96 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
97 
-						</article>
98 
-					</div>
99 
-					<div id="h_block_search">
100 
-						<div class="h_line"></div>
101 
-						<article class="h_search">
102 
-			                    	<div class="space10"></div>
103 
-			                    	<form action="http://www.google.com/search">
104 
-				                        <input type="hidden" name="hl" value="ja" />
105 
-				                        <input type="hidden" name="ie" value="UTF-8">
106 
-				                        <input type="hidden" name="oe" value="UTF-8">
107 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
108 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
109 
-				                        <input type="submit" name="btnG" value="検索" />
110 
-			                        </form>
111 
-						</article>
112 
-					</div>
113 
-				</div>
114 
-			</header>
84 
+  <!--ヘッダーデータ-->
85 
+  <header>
86 
+    <div id="header" class="gothic">
87 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></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"><span class="h_text">くらしの情報</span></a>
93 
+        </article>
94 
+        <article class="h_text_l">
95 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
96 
+        </article>
97 
+        <article class="h_text_l">
98 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
99 
+        </article>
100 
+        <article class="h_text_l">
101 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
102 
+        </article>
103 
+      </div>
104 
+      <div id="h_block_search">
105 
+        <div class="h_line"></div>
106 
+        <article class="h_search">
107 
+          <div class="space10"></div>
108 
+          <form action="http://www.google.com/search">
109 
+            <input type="hidden" name="hl" value="ja"/>
110 
+            <input type="hidden" name="ie" value="UTF-8">
111 
+            <input type="hidden" name="oe" value="UTF-8">
112 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
113 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
114 
+            <input type="submit" name="btnG" value="検索"/>
115 
+          </form>
116 
+        </article>
117 
+      </div>
118 
+    </div>
119 
+  </header>
115 120
116 
-			<div id="third_body">
117 
-				<!--セクション space-->
121 
+  <div id="third_body">
122 
+    <!--セクション space-->
118 123
119 
-				<!--セクション template-->
120 
-				<section id="template" >
121 
-					<article id="breadcrumb" >
122 
-						<div id="breadcrumb_title">
123 
-							<div id="breadcrumb_title_block">
124 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/board_of_education.html">教育委員会</a>>推進校制度</span>
125 
-							</div>
126 
-						</div>
127 
-					</article>
128 
-					<article id="template" >
129 
-						<div id="template_title" class="gothic">
130 
-							<div id="template_title_block">
131 
-								<span id="template_title">推進校制度</span>
132 
-							</div>
133 
-						</div>
134 
-					</article>
124 
+    <!--セクション template-->
125 
+    <section id="template">
126 
+      <article id="breadcrumb">
127 
+        <div id="breadcrumb_title">
128 
+          <div id="breadcrumb_title_block">
129 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
130 
+                    href="../../second/board_of_education.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>
135 141
136 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
137 
-					<article id="template_list_title" >
138 
-						<div id="template_title2" class="gothic">
139 
-							<div id="template_title_block">
140 
-								<span id="template_title2">平成28年度研究指定等</span>
141 
-							</div>
142 
-						</div>
143 
-						<span id="template_article_block">
144 
-							◇岐阜教育事務所研究指定校（平成28年度）<br />
145 
-							　・北方中学校　公表会　11月11日（金）<br />
146 
-							<br />
147 
-							◇心を育てる教育計画訪問（3か年に1回　全小・中学校対象）<br />
148 
-							　・北方西小学校　5月25日（水）<br />
149 
-							<br />
150 
-							◇「小学校通常学級におけるメンタルヘルス予防プログラムの有効性に関する研究」<br />
151 
-							　・北方西小学校（研究協力校）<br />
152 
-							<br />
153 
-							◇「発達障がいのある児童生徒の教育支援体制検討会議」<br />
154 
-							　・岐阜県「子どもかがやきプラン」に基づき、県の施策検討会議に町として協力<br />
142 
+      <!-- 小見出しから内容までのひとまとまりここから-->
143 
+      <article id="template_list_title">
144 
+        <div id="template_title2" class="gothic">
145 
+          <div id="template_title_block">
146 
+            <span id="template_title2">平成28年度研究指定等</span>
147 
+          </div>
148 
+        </div>
149 
+        <span id="template_article_block">
150 
+							◇岐阜教育事務所研究指定校（平成28年度）<br/>
151 
+							　・北方中学校　公表会　11月11日（金）<br/>
152 
+							<br/>
153 
+							◇心を育てる教育計画訪問（3か年に1回　全小・中学校対象）<br/>
154 
+							　・北方西小学校　5月25日（水）<br/>
155 
+							<br/>
156 
+							◇「小学校通常学級におけるメンタルヘルス予防プログラムの有効性に関する研究」<br/>
157 
+							　・北方西小学校（研究協力校）<br/>
158 
+							<br/>
159 
+							◇「発達障がいのある児童生徒の教育支援体制検討会議」<br/>
160 
+							　・岐阜県「子どもかがやきプラン」に基づき、県の施策検討会議に町として協力<br/>
155 161
156 162 
 					  </span>
157 
-					</article>
163 
+      </article>
158 164
159 
-                    <!-- ひとまとまりここまで-->
165 
+      <!-- ひとまとまりここまで-->
160 166
161 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
162 
-				</section>
163 
-			</div>
167 
+      <!-- 小見出しから内容までのひとまとまりここから-->
168 
+    </section>
169 
+  </div>
164 170
165 
-						<footer>
166 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
167 
-                <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>
168 
-			</footer>
171 
+  <footer>
172 
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
173 
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
174 
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
175 
+    </p>
176 
+  </footer>
169 177
170 178
171 
-		</div>
172 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?adaptation_guidance_room" height="1" width="1" /></body>
179 
+</div>
180 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?adaptation_guidance_room"
181 
+     height="1" width="1"/></body>
173 182 
 </html>

+ 194
- 31
third/building_etc/Chiikihoukatsu.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,20 +10,35 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
13 17 
     <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
14 20 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 21 
 </head>
17 22
18 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
19 35 
 <div id="main" class="gothic">
20 36 
     <!--セクション 操作-->
21 37 
     <section id="operation">
22 38 
         <!--セクション 住所-->
23 39 
         <article id="address">
24 40 
             <address id="operation_add">
25 
-                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 42 
             </address>
28 43 
         </article>
29 44 
         <div id="controle_panel">
 
@@ -31,33 +46,25 @@
31 46 
             <article id="bgcolor">
32 47 
                 <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 48 
                 <div id="bgcolor_img">
34 
-                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                           onClick="setBackground3(1)">
36 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                           onClick="setBackground3(2)">
38 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                           onClick="setBackground3(3)">
40 
-                </div>
41 
-                <script>
42 
-                    getBackgNumber3();
43 
-                </script>
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+                </div>
44 53 
             </article>
45 
-
46 54 
             <!--セクション 文字サイズ-->
47 55 
             <!--<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>-->
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
55 63
56 64 
             <!--セクション サイトマップ-->
57 65 
             <article id="sitemap">
58 66 
                 <div id="sitemap_img">
59 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                                             alt="サイトマップ"/></a>
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
61 68 
                 </div>
62 69 
             </article>
63 70 
             <!--セクション お問い合わせ-->
 
@@ -92,8 +99,7 @@
92 99 
     <!--ヘッダーデータ-->
93 100 
     <header>
94 101 
         <div id="header" class="gothic">
95 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                                            height="260px"/></a>
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
97 103 
             <div id="h_block_1">
98 104 
                 <div class="h_line">
99 105 
                 </div>
 
@@ -127,6 +133,145 @@
127 133 
         </div>
128 134 
     </header>
129 135
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
272 
+        </div>
273 
+    </header>
274 
+
130 275 
     <div id="third_body">
131 276 
         <!--セクション space-->
132 277 
 
@@ -224,10 +369,28 @@
224 369 
     </div>
225 370
226 371 
     <footer>
227 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
228 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
229 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
230 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
372 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
373 
+        <div class="footer_mobile">
374 
+            <div class="footer_mobile_title">
375 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
376 
+                <h1 class="footerMobile__text">北方町役場</h1>
377 
+            </div>
378 
+            <div class="footer_mobile_address">
379 
+                <span class="footerTextWrap__text">
380 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
381 
+                </span><br>
382 
+                電話:058-323-1111(代)<br>
383 
+                FAX:058-323-2963<br>
384 
+                開庁日：8時30分～17時15分<br>
385 
+                （土・日・祝日、年末年始を除く）<br>
386 
+            </div>
387 
+        </div>
388 
+        <br class="sp__brDisplay">
389 
+        <p class="footer_text">
390 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
391 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
392 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
393 
+        </p>
231 394 
     </footer>
232 395
233 396

+ 358
- 191
third/building_etc/Community_Center.html ファイルの表示 

@@ -1,169 +1,318 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/school_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>
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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</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>
45 35
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>-->
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
54 
+      </article>
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
90 
+          </script>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
55 99
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								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({ 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 
-					</div>
83 
-				</article>
84 
-				<div id="claer">
85 
-				</div>
86 
-			</div>
87 
-		</section>
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
88 136
89 
-		<!--ヘッダーデータ-->
90 
-		<header>
91 
-			<div id="header" class="gothic">
92 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
93 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
99 
-					</article>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
108 
-					</article>
109 
-				</div>
110 
-				<div id="h_block_search">
111 
-					<div class="h_line"></div>
112 
-					<article class="h_search">
113 
-						<div class="space10"></div>
114 
-						<form action="http://www.google.com/search">
115 
-							<input type="hidden" name="hl" value="ja" />
116 
-							<input type="hidden" name="ie" value="UTF-8">
117 
-							<input type="hidden" name="oe" value="UTF-8">
118 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
119 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
120 
-							<input type="submit" name="btnG" value="検索" />
121 
-						</form>
122 
-					</article>
123 
-				</div>
124 
-			</div>
125 
-		</header>
137 
+    <!-- mobile header -->
138 
+    <header class="header">
139 
+        <div class="headerLogo">
140 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+        </div>
143 
+        <div class="headerTitle">
144 
+            <a href="../../index.html" class="header_link">
145 
+                <h1 class="headerTitle__text">北方町</h1>
146 
+            </a>
147 
+        </div>
148 
+        <div class="headerSubTitle">
149 
+            <a href="../../index.html" class="header_link">
150 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+            </a>
152 
+        </div>
153 
+        <div id="h-menu">
154 
+            <span></span>
155 
+            <span></span>
156 
+            <span></span>
157 
+            <div id="h-text">menu</div>
158 
+        </div>
159 
+        <div id="h-nav">
160 
+            <div class="h-menu_main_block_top">
161 
+                <div class="h-menu_main_block">
162 
+                    <div class="h-menu_block">
163 
+                        <a href="../../second/living.html">
164 
+                            <div class="h-menu_block_text h-menu_block_before">
165 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+                            </div>
167 
+                        </a>
168 
+                    </div>
169 
+                </div>
170 
+                <div class="h-menu_main_block">
171 
+                    <div class="h-menu_block">
172 
+                        <a href="../../second/tourism.html">
173 
+                            <div class="h-menu_block_text h-menu_block_before">
174 
+                                <div class="h-menu_block_text_center">
175 
+                                    観光
176 
+                                </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/business.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">
192 
+                        <a href="../../second/town_admini_info.html">
193 
+                            <div class="h-menu_block_text h-menu_block_before">
194 
+                                <div class="h-menu_block_text_center">町政情報</div>
195 
+                            </div>
196 
+                        </a>
197 
+                    </div>
198 
+                </div>
199 
+                <div class="h-menu_main_block">
200 
+                    <div class="h-menu_block h-menu_block_before">
201 
+                        <a href="../../second/sitemap.html">
202 
+                            <div class="h-menu_block_text h-menu_block_before">
203 
+                                <div class="h-menu_block_text_center">
204 
+                                    サイトマップ
205 
+                                </div>
206 
+                            </div>
207 
+                        </a>
208 
+                    </div>
209 
+                </div>
210 
+                <div class="h-menu_main_block">
211 
+                    <div class="h-menu_block h-menu_block_before">
212 
+                        <a href="https://ai-staff.net/kitagata/chat">
213 
+                            <div class="h-menu_block_text  h-menu_block_before">
214 
+                                <div class="h-menu_block_text_center">
215 
+                                    AIチャット
216 
+                                </div>
217 
+                            </div>
218 
+                        </a>
219 
+                    </div>
220 
+                </div>
221 
+                <div class="h-menu_main_block">
222 
+                    <div class="h-menu_block h-menu_block_before">
223 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+                            <div class="h-menu_block_text">
225 
+                                <div class="h-menu_block_text_center">
226 
+                                    お問い合わせ一覧
227 
+                                </div>
228 
+                            </div>
229 
+                        </a>
230 
+                    </div>
231 
+                </div>
232 
+                <div class="h-menu_main_block">
233 
+                    <div class="h-menu_lang">
234 
+                        <div class="h-menu_block_lang">
235 
+                            <div class="h-menu_block_text_center">
236 
+                                <div class="h-menu_block_text_line">
237 
+                                    背景変更
238 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                                    </div>
240 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                                    </div>
242 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                                    </div>
244 
+                                </div>
245 
+                                <script>
246 
+                                    getBackgNumber2();
247 
+                                </script>
248 
+                                <div class="h-menu_block_text_line">言語選択
249 
+                                    <div class="mobile_translation">
250 
+                                        <div id="google_translate_element"></div>
251 
+                                    </div>
252 
+                                </div>
253 
+                            </div>
254 
+                        </div>
255 
+                    </div>
256 
+                </div>
257 
+                <div class="h-menu_main_block">
258 
+                    <div class="h-menu_search">
259 
+                        <div class="h-menu_block_search">
260 
+                            <form action="https://www.google.com/search">
261 
+                                <input type="hidden" name="hl" value="ja"/>
262 
+                                <input type="hidden" name="ie" value="UTF-8">
263 
+                                <input type="hidden" name="oe" value="UTF-8">
264 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                                       class="mobile_form_input"/>
267 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+                            </form>
269 
+                        </div>
270 
+                    </div>
271 
+                </div>
272 
+            </div>
273 
+        </div>
274 
+    </header>
126 275
127 
-		<div id="third_body">
128 
-			<!--セクション space-->
276 
+    <div id="third_body">
277 
+        <!--セクション space-->
129 278
130 
-			<!--セクション template-->
131 
-			<section id="template">
132 
-				<article id="breadcrumb">
133 
-					<div id="breadcrumb_title">
134 
-						<div id="breadcrumb_title_block">
279 
+        <!--セクション template-->
280 
+        <section id="template">
281 
+            <article id="breadcrumb">
282 
+                <div id="breadcrumb_title">
283 
+                    <div id="breadcrumb_title_block">
135 284 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
136 
-									href="../../second/town_admini_info.html">町政情報</a>><a
137 
-									href="../town_admini_info/Building_etc.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>
285 
+                                    href="../../second/town_admini_info.html">町政情報</a>><a
286 
+                                    href="../town_admini_info/Building_etc.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>
148 297
149 
-				<!-- 小見出しから内容までのひとまとまりここから-->
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>
156 
-					<span id="template_article_block">
298 
+            <!-- 小見出しから内容までのひとまとまりここから-->
299 
+            <article id="template_list_title">
300 
+                <div id="template_title2" class="gothic">
301 
+                    <div id="template_title_block">
302 
+                        <span id="template_title2">施設概要</span>
303 
+                    </div>
304 
+                </div>
305 
+                <span id="template_article_block">
157 306 
 						<!-- コピペここから-->
158 307
159 
-						<strong id="life">所在地</strong><br />
308 
+						<strong id="life">所在地</strong><br/>
160 309 
 						<p class="paragraphT10"><img src="../../css/img/Community_Center.jpg" alt="外観写真"
161 
-								width="200"><br />
162 
-							〒501-0431<br />
163 
-							岐阜県本巣郡北方町北方1335番地の3<br />
310 
+                                                     width="200"><br/>
311 
+							〒501-0431<br/>
312 
+							岐阜県本巣郡北方町北方1335番地の3<br/>
164 313
165 314 
 						</p>
166 
-						<br clear="all" />
315 
+						<br clear="all"/>
167 316
168 317 
 						<div class="paragraphT10" style="width:300px">
169 318 
 							<div class="clear">
 
@@ -186,36 +335,36 @@
186 335 
 								<div class="left">構造</div>
187 336 
 								<div class="right">鉄骨造</div>
188 337 
 							</div>
189 
-							<br clear="all" />
338 
+							<br clear="all"/>
190 339 
 						</div>
191 340
192 341 
 						<p class="paragraphT10">
193 342 
 							<a href="https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6879566,35.4362803&z=12"
194 
-								onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
195 
-								onmouseout="window.status=''"
196 
-								onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6879566,35.4362803&z=12')"
197 
-								target="_blank">詳細地図（別ウインドウ表示）</a>
343 
+                               onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
344 
+                               onmouseout="window.status=''"
345 
+                               onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6879566,35.4362803&z=12')"
346 
+                               target="_blank">詳細地図（別ウインドウ表示）</a>
198 347 
 						</p>
199 348
200 
-						<!-- コピペここまで-->
349 
+                    <!-- コピペここまで-->
201 350 
 					</span>
202 
-				</article>
351 
+            </article>
203 352
204 
-				<!-- ひとまとまりここまで-->
353 
+            <!-- ひとまとまりここまで-->
205 354
206 
-				<!-- 小見出しから内容までのひとまとまりここから-->
207 
-				<article id="template_list_title">
208 
-					<div id="template_title2" class="gothic">
209 
-						<div id="template_title_block">
210 
-							<span id="template_title2">ご利用について</span>
211 
-						</div>
212 
-					</div>
213 
-					<span id="template_article_block">
355 
+            <!-- 小見出しから内容までのひとまとまりここから-->
356 
+            <article id="template_list_title">
357 
+                <div id="template_title2" class="gothic">
358 
+                    <div id="template_title_block">
359 
+                        <span id="template_title2">ご利用について</span>
360 
+                    </div>
361 
+                </div>
362 
+                <span id="template_article_block">
214 363 
 						<!-- コピペここから-->
215 364 
 						<div class="paragraphT10">
216 365 
 							<div id="other">
217 366 
 								<div style="width:300px">
218 
-									1.場所<br />
367 
+									1.場所<br/>
219 368 
 									<p></p>
220 369 
 									<div class="indent">
221 370 
 										<div class="clear">
 
@@ -228,14 +377,14 @@
228 377 
 										</div>
229 378 
 									</div>
230 379 
 								</div>
231 
-								<br clear="all" />
232 
-								<br />
233 
-								2.利用時間<br />
380 
+								<br clear="all"/>
381 
+								<br/>
382 
+								2.利用時間<br/>
234 383 
 								<p>
235 384 
 									午前9時～21時
236 
-								</p><br />
237 
-								<p>3.施設使用料金<br />
238 
-									<div class="left">
385 
+								</p><br/>
386 
+								<p>3.施設使用料金<br/>
387 
+									<div class="left communityCenter_width_mobile">
239 388 
 										<table id="other_table">
240 389 
 											<tr>
241 390 
 												<th width="125" bgcolor="#ddeeff" class="bg1">施設</th>
 
@@ -260,33 +409,51 @@
260 409 
 										</table>
261 410 
 									</div>
262 411 
 									<div>
263 
-										備考<br />
264 
-										1.冷暖房設備は，別に１時間あたり100円でご利用できます。<br />
265 
-										2.町外者の利用は上記使用料の２倍とします。<br />
412 
+										備考<br/>
413 
+										1.冷暖房設備は，別に１時間あたり100円でご利用できます。<br/>
414 
+										2.町外者の利用は上記使用料の２倍とします。<br/>
266 415 
 									</div>
267 416 
 									<div class="clear"></div>
268 417 
 							</div>
269 418 
 						</div>
270 419
271 
-						<!-- コピペここまで-->
420 
+                    <!-- コピペここまで-->
272 421 
 					</span>
273 
-				</article>
422 
+            </article>
274 423
275 
-				<!-- ひとまとまりここまで-->
424 
+            <!-- ひとまとまりここまで-->
276 425
277 
-			</section>
278 
-		</div>
426 
+        </section>
427 
+    </div>
279 428
280 
-		<footer>
281 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
282 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
283 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
284 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
285 
-		</footer>
429 
+    <footer>
430 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
431 
+        <div class="footer_mobile">
432 
+            <div class="footer_mobile_title">
433 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
434 
+                <h1 class="footerMobile__text">北方町役場</h1>
435 
+            </div>
436 
+            <div class="footer_mobile_address">
437 
+                <span class="footerTextWrap__text">
438 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
439 
+                </span><br>
440 
+                電話:058-323-1111(代)<br>
441 
+                FAX:058-323-2963<br>
442 
+                開庁日：8時30分～17時15分<br>
443 
+                （土・日・祝日、年末年始を除く）<br>
444 
+            </div>
445 
+        </div>
446 
+        <br class="sp__brDisplay">
447 
+        <p class="footer_text">
448 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
449 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
450 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
451 
+        </p>
452 
+    </footer>
286 453
287 454
288 
-	</div>
289 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Public_hall" height="1"
290 
-		width="1" />
291 
-
292 
-</html>
455 
+</div>
456 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Public_hall" height="1"
457 
+     width="1"/>
458 
+</body>
459 
+</html>

+ 375
- 194
third/building_etc/Ecopark.html ファイルの表示 

@@ -1,229 +1,410 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.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 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/image_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="setBackground3(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber3();
37 
-</script>
38 
-</article>
39 
-
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 
-
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 25 
 <script type="text/javascript">
68 
-function googleTranslateElementInit() {
69 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70 
-}
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
71 32 
 </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>
79 
-
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
99 
-					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
113 
-					</div>
114 
-				</div>
115 
-			</header>
116 
-
117 
-			<div id="third_body">
118 
-				<!--セクション space-->
119 
-
120 
-				<!--セクション template-->
121 
-				<section id="template" >
122 
-					<article id="breadcrumb" >
123 
-						<div id="breadcrumb_title">
124 
-							<div id="breadcrumb_title_block">
125 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>><a href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町リサイクルセンター</span>
126 
-							</div>
127 
-						</div>
128 
-					</article>
129 
-					<article id="template" >
130 
-						<div id="template_title" class="gothic">
131 
-							<div id="template_title_block">
132 
-								<span id="template_title">北方町リサイクルセンター「エコパークきたがた」</span>
133 
-							</div>
134 
-						</div>
135 
-					</article>
136 
-
137 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
138 
-					<article id="template_list_title" >
139 
-						<div id="template_title2" class="gothic">
140 
-							<div id="template_title_block">
141 
-								<span id="template_title2">施設概要</span>
142 
-							</div>
143 
-						</div>
144 
-						<span id="template_article_block">
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
54 
+      </article>
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
90 
+          </script>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
99 
+
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
136 
+
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
167 
+            </a>
168 
+          </div>
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </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/business.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">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
229 
+            </a>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
271 
+        </div>
272 
+      </div>
273 
+    </div>
274 
+  </header>
275 
+
276 
+  <div id="third_body">
277 
+    <!--セクション space-->
278 
+
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="../../second/town_admini_info.html">町政情報</a>><a
285 
+                    href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町リサイクルセンター</span>
286 
+          </div>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template_2lins">
290 
+        <div id="template_title_2lins" class="gothic">
291 
+          <div id="template_title_block_2lins">
292 
+            <span id="template_title_2lins">北方町リサイクルセンター「エコパークきたがた」</span>
293 
+          </div>
294 
+        </div>
295 
+      </article>
296 
+
297 
+      <!-- 小見出しから内容までのひとまとまりここから-->
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">施設概要</span>
302 
+          </div>
303 
+        </div>
304 
+        <span id="template_article_block">
145 305 
 							<!-- コピペここから-->
146 306 
 								<p class="paragraphT10">
147 
-    <strong id="life">所在地</strong><br />
148 
-    <img src="../../css/img/16a.jpg" alt="外観写真" width="200"><br />
149 
-	〒501-0466<br />
150 
-	岐阜県本巣郡北方町柱本700番地<br />
151 
-    TEL (058)320-1530<br />
152 
-	FAX (058)320-1514<br />
307 
+    <strong id="life">所在地</strong><br/>
308 
+    <img src="../../css/img/16a.jpg" alt="外観写真" width="200"><br/>
309 
+	〒501-0466<br/>
310 
+	岐阜県本巣郡北方町柱本700番地<br/>
311 
+    TEL (058)320-1530<br/>
312 
+	FAX (058)320-1514<br/>
153 313 
     </p>
154 314
155 315 
 	<div class="paragraphT10">
156 316 
 	<div class="condition_l">
157 
-	<div class="clear"><br />
317 
+	<div class="clear"><br/>
158 318 
 	  <div class="list_label">敷地面積</div>
159 319 
 	  <div class="left">8,490m&sup2;</div>
160 320 
 	</div>
161 321 
 	</div>
162 322 
 	</div>
163 
-	<br clear="all" />
323 
+	<br clear="all"/>
164 324
165 
-	<p class="paragraphT10">
166 
-	<img src="../../css/img/16f.gif" width="460" alt="詳細地図" id="center" />
167 
-	</p>
325 
+	<div class="template_imageWrapper_mobile">
326 
+	  <img src="../../css/img/16f.gif" class="template_image_mobile" alt="詳細地図" id="center"/>
327 
+	</div>
168 328
169 
-						<!-- コピペここまで-->
329 
+          <!-- コピペここまで-->
170 330 
 						</span>
171 
-					</article>
172 
-
173 
-                    <!-- ひとまとまりここまで-->
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 
-						<span id="template_article_block">
331 
+      </article>
332 
+
333 
+      <!-- ひとまとまりここまで-->
334 
+
335 
+      <!-- 小見出しから内容までのひとまとまりここから-->
336 
+      <article id="template_list_title">
337 
+        <div id="template_title2" class="gothic">
338 
+          <div id="template_title_block">
339 
+            <span id="template_title2">事業内容</span>
340 
+          </div>
341 
+        </div>
342 
+        <span id="template_article_block">
183 343 
 							<!-- コピペここから-->
184 344 
 								<p class="paragraphT10">
185 
-	　当施設では、廃棄物の排出抑制(リデュース)、部品等の再利用(リユース)、使用済み製品等の原材料としての再利用(リサイクル)の円滑な推進を図り、環境負荷の少ない循環型社会の構築を目指しています。また、住民の学習の場、憩いの場として、プラザ棟を隣接し、住民のゴミに対する意識高揚を目的としております。<br />
186 
-	<br />
187 
-	　多種多様なごみに対応した処理ラインを備え、効率的に資源の選別・回収をしています。<br />
188 
-	<br />
189 
-	■ごみの流れ<br />
190 
-	　□粗大ごみは粉砕後、鉄類とアルミ類を選別回収して圧縮成型し、リサイクルします。<br />
191 
-	　□金属ごみは缶類から鉄とアルミを選別回収して圧縮成型し、施設外へ搬出します。<br />
192 
-	　□資源ごみ(プラスチック製容器包装など)は圧縮成型し、施設外へ搬出します。<br />
193 
-	　□その他のごみはストックヤードに一時貯留し、施設外へ搬出します。<br />
345 
+	　当施設では、廃棄物の排出抑制(リデュース)、部品等の再利用(リユース)、使用済み製品等の原材料としての再利用(リサイクル)の円滑な推進を図り、環境負荷の少ない循環型社会の構築を目指しています。また、住民の学習の場、憩いの場として、プラザ棟を隣接し、住民のゴミに対する意識高揚を目的としております。<br/>
346 
+	<br/>
347 
+	　多種多様なごみに対応した処理ラインを備え、効率的に資源の選別・回収をしています。<br/>
348 
+	<br/>
349 
+	■ごみの流れ<br/>
350 
+	　□粗大ごみは粉砕後、鉄類とアルミ類を選別回収して圧縮成型し、リサイクルします。<br/>
351 
+	　□金属ごみは缶類から鉄とアルミを選別回収して圧縮成型し、施設外へ搬出します。<br/>
352 
+	　□資源ごみ(プラスチック製容器包装など)は圧縮成型し、施設外へ搬出します。<br/>
353 
+	　□その他のごみはストックヤードに一時貯留し、施設外へ搬出します。<br/>
194 354 
 	</p>
195 355
196 356 
 	<p class="paragraphT10">
197 
-	<img src="../../css/img/16b.gif" width="460" alt="リサイクルに積極的に参加／処理ラインをコンピュータで管理" id="center" />
198 
-	<img src="../../css/img/16c.gif" width="460" alt="" id="center" />
199 
-	<img src="../../css/img/16d.gif" width="460" alt="" id="center" />
200 
-	<img src="../../css/img/16e.gif" width="460" alt="ほこりは施設内でシャットアウト！" id="center" />
357 
+	<img src="../../css/img/16b.gif" class="template_image_mobile" alt="リサイクルに積極的に参加／処理ラインをコンピュータで管理" id="center"/>
358 
+	<img src="../../css/img/16c.gif" class="template_image_mobile" alt="" id="center"/>
359 
+	<img src="../../css/img/16d.gif" class="template_image_mobile" alt="" id="center"/>
360 
+	<img src="../../css/img/16e.gif" class="template_image_mobile" alt="ほこりは施設内でシャットアウト！" id="center"/>
201 361 
 	</p>
202 362
203 363 
 	<div class="paragraphT10">
204 
-	<strong>クリーンリサイクルの日</strong>（施設開放日）<br />
364 
+	<strong>クリーンリサイクルの日</strong>（施設開放日）<br/>
205 365 
 	<div class="indent">
206 
-	・火・木・金曜日(但し祝日を除く)：午前9時～正午／午後1時～午後4時<br />
207 
-	・第2・第4日曜日：午前9時～正午／午後1時～午後3時<br />
366 
+	・火・木・金曜日(但し祝日を除く)：午前9時～正午／午後1時～午後4時<br/>
367 
+	・第2・第4日曜日：午前9時～正午／午後1時～午後3時<br/>
208 368 
 	(詳しくは、北方町くらしのカレンダーもしくは、<a href="../living/Out_garbage.html">クリーンリサイクルの日のページ</a>をご覧ください。)</div>
209 369 
 	</div>
210 370
211 371
212 
-							<!-- コピペここまで-->
372 
+          <!-- コピペここまで-->
213 373 
 						</span>
214 
-					</article>
215 
-
216 
-                    <!-- ひとまとまりここまで-->
217 
-
218 
-				</section>
219 
-			</div>
220 
-
221 
-						<footer>
222 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
223 
-                <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>
224 
-			</footer>
225 
-
226 
-
227 
-		</div>
228 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Ecopark" height="1" width="1" /></body>
374 
+      </article>
375 
+
376 
+      <!-- ひとまとまりここまで-->
377 
+
378 
+    </section>
379 
+  </div>
380 
+
381 
+
382 
+  <footer>
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>
404 
+    </p>
405 
+  </footer>
406 
+
407 
+</div>
408 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Ecopark" height="1" width="1"/>
409 
+</body>
229 410 
 </html>

+ 372
- 185
third/building_etc/Fujin_home.html ファイルの表示 

@@ -1,156 +1,315 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.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 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 21 
 </head>
15 22
16 23 
 <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="setBackground3(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber3();
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
37 31 
 </script>
38 
-</article>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
39 34
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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
49 63
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>
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
79 98
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
99 
-					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
113 
-					</div>
114 
-				</div>
115 
-			</header>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
135 
+
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
116 274
117 
-			<div id="third_body">
118 
-				<!--セクション space-->
119 
-
120 
-				<!--セクション template-->
121 
-				<section id="template" >
122 
-					<article id="breadcrumb" >
123 
-						<div id="breadcrumb_title">
124 
-							<div id="breadcrumb_title_block">
125 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>><a href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町広域働く婦人の家</span>
126 
-							</div>
127 
-						</div>
128 
-					</article>
129 
-					<article id="template" >
130 
-						<div id="template_title" class="gothic">
131 
-							<div id="template_title_block">
132 
-								<span id="template_title">北方町広域働く婦人の家・宮東ふれあいセンター</span>
133 
-							</div>
134 
-						</div>
135 
-					</article>
136 
-
137 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
138 
-					<article id="template_list_title" >
139 
-						<div id="template_title2" class="gothic">
140 
-							<div id="template_title_block">
141 
-								<span id="template_title2">施設概要</span>
142 
-							</div>
143 
-						</div>
144 
-						<span id="template_article_block">
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
277 
+
278 
+    <!--セクション template-->
279 
+    <section id="template">
280 
+      <article id="breadcrumb">
281 
+        <div id="breadcrumb_title">
282 
+          <div id="breadcrumb_title_block">
283 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>><a
284 
+                    href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町広域働く婦人の家</span>
285 
+          </div>
286 
+        </div>
287 
+      </article>
288 
+      <article id="template_2lins">
289 
+        <div id="template_title_2lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">北方町広域働く婦人の家・宮東ふれあいセンター</span>
292 
+          </div>
293 
+        </div>
294 
+      </article>
295 
+
296 
+      <!-- 小見出しから内容までのひとまとまりここから-->
297 
+      <article id="template_list_title">
298 
+        <div id="template_title2" class="gothic">
299 
+          <div id="template_title_block">
300 
+            <span id="template_title2">施設概要</span>
301 
+          </div>
302 
+        </div>
303 
+        <span id="template_article_block">
145 304 
 							<!-- コピペここから-->
146 305 
 								<p class="paragraphT10">
147 
-    <strong id="life">所在地</strong><br />
148 
-    <img src="../../css/img/15a.jpg" alt="外観写真" width="200"><br />
149 
-	〒501-0422<br />
150 
-	岐阜県本巣郡北方町芝原中町3丁目50番地<br />
151 
-    TEL (058)323-2500<br />
306 
+    <strong id="life">所在地</strong><br/>
307 
+    <img src="../../css/img/15a.jpg" alt="外観写真" width="200"><br/>
308 
+	〒501-0422<br/>
309 
+	岐阜県本巣郡北方町芝原中町3丁目50番地<br/>
310 
+    TEL (058)323-2500<br/>
152 311 
     </p>
153 
-	<br clear="all" />
312 
+	<br clear="all"/>
154 313
155 314 
 	<div class="paragraphT10" style="width:300px;">
156 315 
 	<div class="clear">
 
@@ -173,27 +332,30 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
173 332 
 	  <div class="left">竣工</div>
174 333 
 	  <div class="right">昭和58年2月28日</div>
175 334 
 	</div>
176 
-	<br clear="all" />
335 
+	<br clear="all"/>
177 336 
 	</div>
178 337
179 338 
 	<p class="paragraphT10">
180 
-	<a href="http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42894.47&CY=-61526&SC=4000" onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''" onClick="return openWin('http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42894.47&CY=-61526&SC=4000')" target="_blank">詳細地図（別ウインドウ表示）</a>
339 
+	<a href="http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42894.47&CY=-61526&SC=4000"
340 
+       onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
341 
+       onClick="return openWin('http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42894.47&CY=-61526&SC=4000')"
342 
+       target="_blank">詳細地図（別ウインドウ表示）</a>
181 343 
 	</p>
182 344
183 
-							<!-- コピペここまで-->
345 
+          <!-- コピペここまで-->
184 346 
 						</span>
185 
-					</article>
186 
-
187 
-                    <!-- ひとまとまりここまで-->
188 
-
189 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
190 
-					<article id="template_list_title" >
191 
-						<div id="template_title2" class="gothic">
192 
-							<div id="template_title_block">
193 
-								<span id="template_title2">利用案内</span>
194 
-							</div>
195 
-						</div>
196 
-						<span id="template_article_block">
347 
+      </article>
348 
+
349 
+      <!-- ひとまとまりここまで-->
350 
+
351 
+      <!-- 小見出しから内容までのひとまとまりここから-->
352 
+      <article id="template_list_title">
353 
+        <div id="template_title2" class="gothic">
354 
+          <div id="template_title_block">
355 
+            <span id="template_title2">利用案内</span>
356 
+          </div>
357 
+        </div>
358 
+        <span id="template_article_block">
197 359 
 							<!-- コピペここから-->
198 360 
 								<div class="paragraphT10">
199 361 
 
@@ -218,32 +380,35 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
218 380
219 381
220 382 
 	  </div>
221 
-	  <div class="clear"><br />
383 
+	  <div class="clear"><br/>
222 384
223 385 
 	    <div class="list_label">開館時間</div>
224 
-		<div class="left">午前9時～午後9時<br />
386 
+		<div class="left">午前9時～午後9時<br/>
225 387 
 	  </div>
226 
-	  <div class="clear"><br />
388 
+	  <div class="clear"><br/>
227 389 
 	    <div class="list_label">休館日</div>
228 
-		<div class="left">月曜日（国民の祝日に当たる日は翌日）<br />祝日、年末年始（12月29日～31日、1月2日～3日）</div>
390 
+		<div class="left">月曜日（国民の祝日に当たる日は翌日）<br/>祝日、年末年始（12月29日～31日、1月2日～3日）</div>
229 391 
 	  </div>
230 392 
 	  </div>
231 
-	<br clear="all" />
393 
+	<br clear="all"/>
232 394 
 	</div>
233 395 
 	</div>
234 396
235 
-	<div class="paragraphT10"><br />
397 
+	<div class="paragraphT10"><br/>
236 398 
 	使用料金表
237 399 
 	<table id="other_table">
238 400 
 	  <tr>
239 
-	  <th width="80" rowspan="1" bgcolor="#ddeeff" class="bg1">施設名</th><th width="90" bgcolor="#ddeeff" class="bg1">室名</th><th width="90" bgcolor="#ddeeff" class="bg1">使用料<br />(1時間あたり)</th>
401 
+	  <th width="80" rowspan="1" bgcolor="#ddeeff" class="bg1">施設名</th><th width="90" bgcolor="#ddeeff"
402 
+                                                                           class="bg1">室名</th><th width="90"
403 
+                                                                                                  bgcolor="#ddeeff"
404 
+                                                                                                  class="bg1">使用料<br/>(1時間あたり)</th>
240 405 
 	  </tr>
241 406 
 	  <tr>
242 
-	  <th rowspan="8" bgcolor="#ddeeff" class="bg1">北方町広域<br />働く婦人の家</th>
407 
+	  <th rowspan="8" bgcolor="#ddeeff" class="bg1">北方町広域<br/>働く婦人の家</th>
243 408 
 	  </tr>
244 409 
 	 <th bgcolor="#ddeeff" class="bg1">料理実習室</th><td width="100" bgcolor="#ffeeef"><center>300円</center></td>
245 410 
 	  <tr>
246 
-	  <th  bgcolor="#ddeeff" class="bg1">和講習室</th><td bgcolor="#ffeeef"><center>200円</center></td>
411 
+	  <th bgcolor="#ddeeff" class="bg1">和講習室</th><td bgcolor="#ffeeef"><center>200円</center></td>
247 412 
 	  </tr>
248 413 
 	  <tr>
249 414 
 	  <th bgcolor="#ddeeff" class="bg1">学童学習室</th><td bgcolor="#ffeeef"><center>200円</center></td>
 
@@ -261,31 +426,53 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
261 426 
 	  <th bgcolor="#ddeeff" class="bg1">託児室</th><td bgcolor="#ffeeef"><center>200円</center></td>
262 427 
 	  </tr>
263 428 
 	  <tr>
264 
-	  <th bgcolor="#ddeeff" class="bg1">宮東ふれあい<br />センター</th><th bgcolor="#ddeeff" class="bg1">軽運動室</th><td bgcolor="#ffeeef"><center>300円</center></td>
429 
+	  <th bgcolor="#ddeeff" class="bg1">宮東ふれあい<br/>センター</th><th bgcolor="#ddeeff" class="bg1">軽運動室</th><td
430 
+              bgcolor="#ffeeef"><center>300円</center></td>
265 431 
 	  </tr>
266 432 
 	</table>
267 
-	※7月から9月及び12月から2月に使用する場合は、100円を加算する。<br />
268 
-	※町外者が利用する場合の貸し出し料金は、上記料金の２倍とする。<br />
269 
-	※営利目的で利用する場合の貸し出し料金は上記料金の２倍とする。<br />
433 
+	※7月から9月及び12月から2月に使用する場合は、100円を加算する。<br/>
434 
+	※町外者が利用する場合の貸し出し料金は、上記料金の２倍とする。<br/>
435 
+	※営利目的で利用する場合の貸し出し料金は上記料金の２倍とする。<br/>
270 436
271 
-<!-- ※冷暖房設備を使用する場合は、別に冷暖房費として使用料の30%を加算する-->
437 
+      <!-- ※冷暖房設備を使用する場合は、別に冷暖房費として使用料の30%を加算する-->
272 438 
 	</div>
273 439
274 
-						<!-- コピペここまで-->
440 
+                                  <!-- コピペここまで-->
275 441 
 						</span>
276 
-					</article>
277 
-
278 
-                    <!-- ひとまとまりここまで-->
279 
-
280 
-				</section>
281 
-			</div>
282 
-
283 
-						<footer>
284 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
285 
-                <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>
286 
-			</footer>
442 
+      </article>
443 
+
444 
+      <!-- ひとまとまりここまで-->
287 445
288 
-
289 
-		</div>
290 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fujin_home" height="1" width="1" /></body>
446 
+    </section>
447 
+  </div>
448 
+
449 
+
450 
+  <footer>
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>
472 
+    </p>
473 
+  </footer>
474 
+
475 
+</div>
476 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fujin_home" height="1"
477 
+     width="1"/></body>
291 478 
 </html>

+ 356
- 194
third/building_etc/Gym.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,20 +10,35 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
13 17 
     <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
14 20 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 21 
 </head>
17 22
18 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
19 35 
 <div id="main" class="gothic">
20 36 
     <!--セクション 操作-->
21 37 
     <section id="operation">
22 38 
         <!--セクション 住所-->
23 39 
         <article id="address">
24 40 
             <address id="operation_add">
25 
-                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 42 
             </address>
28 43 
         </article>
29 44 
         <div id="controle_panel">
 
@@ -31,33 +46,25 @@
31 46 
             <article id="bgcolor">
32 47 
                 <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 48 
                 <div id="bgcolor_img">
34 
-                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                           onClick="setBackground3(1)">
36 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                           onClick="setBackground3(2)">
38 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                           onClick="setBackground3(3)">
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 52 
                 </div>
41 
-                <script>
42 
-                    getBackgNumber3();
43 
-                </script>
44 53 
             </article>
45 
-
46 54 
             <!--セクション 文字サイズ-->
47 55 
             <!--<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>-->
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
55 63
56 64 
             <!--セクション サイトマップ-->
57 65 
             <article id="sitemap">
58 66 
                 <div id="sitemap_img">
59 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                                             alt="サイトマップ"/></a>
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
61 68 
                 </div>
62 69 
             </article>
63 70 
             <!--セクション お問い合わせ-->
 
@@ -92,8 +99,7 @@
92 99 
     <!--ヘッダーデータ-->
93 100 
     <header>
94 101 
         <div id="header" class="gothic">
95 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                                            height="260px"/></a>
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
97 103 
             <div id="h_block_1">
98 104 
                 <div class="h_line">
99 105 
                 </div>
 
@@ -127,6 +133,145 @@
127 133 
         </div>
128 134 
     </header>
129 135
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
272 
+        </div>
273 
+    </header>
274 
+
130 275 
     <div id="third_body">
131 276 
         <!--セクション space-->
132 277 
 
@@ -142,18 +287,18 @@
142 287 
                 </div>
143 288 
             </article>
144 289 
             <article id="template">
145 
-                <div id="template_title" class="gothic">
290 
+                <div id="template_title_2lins" class="gothic">
146 291 
                     <div id="template_title_block">
147 
-                        <span id="template_title">北方町アルテックアリーナ(総合体育館)(他社会体育施設)</span>
292 
+                        <span id="template_title_2lins">北方町アルテックアリーナ(総合体育館)(他社会体育施設)</span>
148 293 
                     </div>
149 294 
                 </div>
150 295 
             </article>
151 296
152 297
153 298 
             <article id="template_list_title">
154 
-                <div id="template_title2" class="gothic">
299 
+                <div class="template_title2 template_title2_2 gothic">
155 300 
                     <div id="template_title_block">
156 
-                        <span id="template_title2">北方町アルテックアリーナの使用開始について</span>
301 
+                        <span class="template_title2 template_title2_2">北方町アルテックアリーナの使用開始について</span>
157 302 
                     </div>
158 303 
                 </div>
159 304 
                 <span id="template_article_block">
 
@@ -162,10 +307,10 @@
162 307 
             </article>
163 308
164 309
165 
-            <article id="template_list_title">
166 
-                <div id="template_title2" class="gothic">
167 
-                    <div id="template_title_block">
168 
-                        <span id="template_title2">ダンススタジオのオープンについて</span>
310 
+                <article id="template_list_title">
311 
+                    <div id="template_title2" class="gothic">
312 
+                        <div id="template_title_block">
313 
+                            <span id="template_title2">ダンススタジオのオープンについて</span>
169 314 
                     </div>
170 315 
                 </div>
171 316 
                 <span id="template_article_block">
 
@@ -187,161 +332,161 @@
187 332 
                 </div>
188 333 
                 <span id="template_article_block">
189 334 
 						<!-- コピペここから-->
190 
-<!--						<p class="paragraphT10">-->
191 
-<!--							・健康とふれあいの多目的ゾーン<br/>-->
192 
-<!--							　北方町アルテックアリーナ(総合体育館)は，皆さんの生涯スポーツの拠点施設として，また文化活動にもご利用いただける多目的な施設です｡<br/>-->
193 
-<!--							　スポーツ，文化事業の交流を通して皆さんとのふれあいを深め多くの人々と楽しい時間を過ごす"出会いの場"として，十分にご活用ください｡<br/>-->
194 
-<!--							<br/>-->
195 
-<!--							・使用手続き<br/>-->
196 
-<!--							　1.申し込み方法<br/>-->
197 
-<!--							　　所定使用申請書に必要事項を記入してください｡<br/>-->
198 
-<!--							　2.申し込み受付期間<br/>-->
199 
-<!--							　　①年間事業計画により企画される大会・行事での使用については使用年度の前年度２月から受付をします。<br/>-->
200 
-<!--							　　②町内団体は使用の前月15日まで優先受付<br/>-->
201 
-<!--							　　③個人使用については，利用当日受付窓口へ申し出てください｡<br/>-->
202 
-<!--							<br/>-->
203 
-<!--							・開館時間<br/>-->
204 
-<!--							　1.平日：午前9時から午後9時30分まで<br/>-->
205 
-<!--							　2.日曜日：午前9時から午後5時まで<br/>-->
206 
-<!--							<br/>-->
207 
-<!--							・休館日<br/>-->
208 
-<!--							　1.月曜日(この日が祝日の場合は翌日)<br/>-->
209 
-<!--							　2.年末年始(12月28日～1月4日)<br/>-->
210 
-<!--							　3.臨時で休館日を設けることがあります｡<br/>-->
211 
-<!--						</p>-->
335 
+                    <!--						<p class="paragraphT10">-->
336 
+                    <!--							・健康とふれあいの多目的ゾーン<br/>-->
337 
+                    <!--							　北方町アルテックアリーナ(総合体育館)は，皆さんの生涯スポーツの拠点施設として，また文化活動にもご利用いただける多目的な施設です｡<br/>-->
338 
+                    <!--							　スポーツ，文化事業の交流を通して皆さんとのふれあいを深め多くの人々と楽しい時間を過ごす"出会いの場"として，十分にご活用ください｡<br/>-->
339 
+                    <!--							<br/>-->
340 
+                    <!--							・使用手続き<br/>-->
341 
+                    <!--							　1.申し込み方法<br/>-->
342 
+                    <!--							　　所定使用申請書に必要事項を記入してください｡<br/>-->
343 
+                    <!--							　2.申し込み受付期間<br/>-->
344 
+                    <!--							　　①年間事業計画により企画される大会・行事での使用については使用年度の前年度２月から受付をします。<br/>-->
345 
+                    <!--							　　②町内団体は使用の前月15日まで優先受付<br/>-->
346 
+                    <!--							　　③個人使用については，利用当日受付窓口へ申し出てください｡<br/>-->
347 
+                    <!--							<br/>-->
348 
+                    <!--							・開館時間<br/>-->
349 
+                    <!--							　1.平日：午前9時から午後9時30分まで<br/>-->
350 
+                    <!--							　2.日曜日：午前9時から午後5時まで<br/>-->
351 
+                    <!--							<br/>-->
352 
+                    <!--							・休館日<br/>-->
353 
+                    <!--							　1.月曜日(この日が祝日の場合は翌日)<br/>-->
354 
+                    <!--							　2.年末年始(12月28日～1月4日)<br/>-->
355 
+                    <!--							　3.臨時で休館日を設けることがあります｡<br/>-->
356 
+                    <!--						</p>-->
212 357
213 
-<!--						<div class="paragraphT10">-->
214 
-<!--							利用可能施設及び使用料-->
215 
-<!--							<table id="other_table">-->
216 
-<!--								<tr>-->
217 
-<!--									<th width="200" rowspan="2" bgcolor="#ddeeff" class="bg1">区分</th>-->
218 
-<!--									<th width="200" rowspan="2" bgcolor="#ddeeff" class="bg1">使用料<br/>-->
219 
-<!--										（1時間につき）</th>-->
220 
-<!--									<th width="100" bgcolor="#ddeeff" class="bg1">冷暖房費</th>-->
221 
-<!--								</tr>-->
222 
-<!--								<tr>-->
223 
-<!--									<th width="100" bgcolor="#ddeeff" class="bg1">1時間</th>-->
224 
-<!--								</tr>-->
225 
-<!--								<tr>-->
226 
-<!--									<th bgcolor="#ddeeff" class="bg1">全館</th>-->
227 
-<!--									<td bgcolor="#eeeeee">4,000円</td>-->
228 
-<!--									<td bgcolor="#eeeeee">3,000円</td>-->
229 
-<!--								</tr>-->
230 
-<!--								<tr>-->
231 
-<!--									<th bgcolor="#ddeeff" class="bg1">アリーナ（全面）</th>-->
232 
-<!--									<td bgcolor="#eeeeee">1,000円</td>-->
233 
-<!--									<td bgcolor="#eeeeee">2,000円</td>-->
234 
-<!--								</tr>-->
235 
-<!--								<tr>-->
236 
-<!--									<th bgcolor="#ddeeff" class="bg1">アリーナ（半面）</th>-->
237 
-<!--									<td bgcolor="#eeeeee">500円</td>-->
238 
-<!--									<td bgcolor="#eeeeee">2,000円</td>-->
239 
-<!--								</tr>-->
240 
-<!--								<tr>-->
241 
-<!--									<th bgcolor="#ddeeff" class="bg1">卓球場（全面）</th>-->
242 
-<!--									<td bgcolor="#eeeeee">500円</td>-->
243 
-<!--									<td bgcolor="#eeeeee">-</td>-->
244 
-<!--								</tr>-->
245 
-<!--								<tr>-->
246 
-<!--									<th bgcolor="#ddeeff" class="bg1">剣道場</th>-->
247 
-<!--									<td bgcolor="#eeeeee">400円</td>-->
248 
-<!--									<td bgcolor="#eeeeee">-</td>-->
249 
-<!--								</tr>-->
250 
-<!--								<tr>-->
251 
-<!--									<th bgcolor="#ddeeff" class="bg1">柔道場</th>-->
252 
-<!--									<td bgcolor="#eeeeee">400円</td>-->
253 
-<!--									<td bgcolor="#eeeeee">-</td>-->
254 
-<!--								</tr>-->
255 
-<!--								<tr>-->
256 
-<!--									<th bgcolor="#ddeeff" class="bg1">ダンススタジオ</th>-->
257 
-<!--									<td bgcolor="#eeeeee">400円</td>-->
258 
-<!--									<td bgcolor="#eeeeee">100円</td>-->
259 
-<!--								</tr>-->
260 
-<!--								<tr>-->
261 
-<!--									<th bgcolor="#ddeeff" class="bg1">会議室</th>-->
262 
-<!--									<td bgcolor="#eeeeee">400円</td>-->
263 
-<!--									<td bgcolor="#eeeeee">100円</td>-->
264 
-<!--								</tr>-->
265 
-<!--								<tr>-->
266 
-<!--									<th bgcolor="#ddeeff" class="bg1">音響装置</th>-->
267 
-<!--									<td bgcolor="#eeeeee">100円</td>-->
268 
-<!--									<td bgcolor="#eeeeee">-</td>-->
269 
-<!--								</tr>-->
270 
-<!--								<tr>-->
271 
-<!--									<th width="100" bgcolor="#ddeeff" class="bg1">卓球室（個人）</th>-->
272 
-<!--									<td bgcolor="#eeeeee">1回（1時間）<br/>-->
273 
-<!--										大人（高校生以上）100円<br/>-->
274 
-<!--										小人（中学生以下）50円</td>-->
275 
-<!--									<td bgcolor="#eeeeee">-</td>-->
276 
-<!--								</tr>-->
277 
-<!--								<tr>-->
278 
-<!--									<th bgcolor="#ddeeff" class="bg1">シャワー室</th>-->
279 
-<!--									<td bgcolor="#eeeeee">温水を使用するときは<br/>-->
280 
-<!--										1回につき100円</td>-->
281 
-<!--									<td bgcolor="#eeeeee">-</td>-->
282 
-<!--								</tr>-->
283 
-<!--							</table>-->
284 
-<!--							備考<br/>-->
285 
-<!--							町外者が使用する場合の使用料の額は,別表に示す額の２倍とする｡<br/>-->
286 
-<!--						</div>-->
287 
-<!--						<br/>-->
288 
-<!--						<div class="paragraphT10">-->
289 
-<!--							社会体育施設料金一覧表<br/>-->
290 
-<!--							【グラウンド利用料金】-->
291 
-<!--							<table id="other_table">-->
292 
-<!--								<tr>-->
293 
-<!--									<th width="180" bgcolor="#ddeeff" class="bg1">施設名</th>-->
294 
-<!--									<th width="300" bgcolor="#ddeeff" class="bg1">使用料金</th>-->
295 
-<!--								</tr>-->
296 
-<!--								<tr>-->
297 
-<!--									<td bgcolor="#eeeeee">宮東公園グラウンド<br/>条里公園グラウンド<br/>中央公園グラウンド</td>-->
298 
-<!--									<td bgcolor="#eeeeee">町内在住、在勤、在学者：300円／時間<br/>町外<span-->
299 
-<!--                                            style="margin-left: 9em">：600円／時間</td>-->
300 
-<!--								</tr>-->
301 
-<!--								<tr>-->
302 
-<!--									<td bgcolor="#eeeeee">条里公園ナイター施設</td>-->
303 
-<!--									<td bgcolor="#eeeeee">町内在住、在勤者：1,000円／1時間<br/>期間　1月5日～12月27日</td>-->
304 
-<!--								</tr>-->
305 
-<!--							</table>-->
306 
-<!--							備考<br/>-->
307 
-<!--							　・条里公園及び中央公園グラウンド・・・野球　不可<br/>-->
308 
-<!--							　・宮東公園グラウンド・・・サッカー　不可-->
309 
-<!--						</div>-->
310 
-<!--						<br/>-->
311 
-<!--						<div class="paragraphT10">-->
312 
-<!--							【小学校体育館利用料金】-->
313 
-<!--							<table id="other_table">-->
314 
-<!--								<tr>-->
315 
-<!--									<th width="180" bgcolor="#ddeeff" class="bg1">施設名</th>-->
316 
-<!--									<th width="300" bgcolor="#ddeeff" class="bg1">使用料金</th>-->
317 
-<!--								</tr>-->
318 
-<!--								<tr>-->
319 
-<!--									<td bgcolor="#eeeeee">北方小学校体育館<br/>-->
320 
-<!--										北方西小学校体育館<br/>-->
321 
-<!--										北方南小学校体育館</td>-->
322 
-<!--									<td bgcolor="#eeeeee">町内在住、在勤、在学者：500円／時間</td>-->
323 
-<!--								</tr>-->
324 
-<!--							</table>-->
325 
-<!--							【使用時間】<br/>-->
326 
-<!--							　平　 日（午後６時から午後１０時　※中学生以下は午後９時まで）<br/>-->
327 
-<!--							　土曜日・祝日（午前８時３０分から午後１０時　※中学生以下は午後９時まで）<br/>-->
328 
-<!--							　日曜日（午前８時３０分から午後５時）<br/>-->
329 
-<!--							備考<br/>-->
330 
-<!--							　・小学校体育館は町外団体への貸出は不可-->
331 
-<!--						</div>-->
358 
+                    <!--						<div class="paragraphT10">-->
359 
+                    <!--							利用可能施設及び使用料-->
360 
+                    <!--							<table id="other_table">-->
361 
+                    <!--								<tr>-->
362 
+                    <!--									<th width="200" rowspan="2" bgcolor="#ddeeff" class="bg1">区分</th>-->
363 
+                    <!--									<th width="200" rowspan="2" bgcolor="#ddeeff" class="bg1">使用料<br/>-->
364 
+                    <!--										（1時間につき）</th>-->
365 
+                    <!--									<th width="100" bgcolor="#ddeeff" class="bg1">冷暖房費</th>-->
366 
+                    <!--								</tr>-->
367 
+                    <!--								<tr>-->
368 
+                    <!--									<th width="100" bgcolor="#ddeeff" class="bg1">1時間</th>-->
369 
+                    <!--								</tr>-->
370 
+                    <!--								<tr>-->
371 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">全館</th>-->
372 
+                    <!--									<td bgcolor="#eeeeee">4,000円</td>-->
373 
+                    <!--									<td bgcolor="#eeeeee">3,000円</td>-->
374 
+                    <!--								</tr>-->
375 
+                    <!--								<tr>-->
376 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">アリーナ（全面）</th>-->
377 
+                    <!--									<td bgcolor="#eeeeee">1,000円</td>-->
378 
+                    <!--									<td bgcolor="#eeeeee">2,000円</td>-->
379 
+                    <!--								</tr>-->
380 
+                    <!--								<tr>-->
381 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">アリーナ（半面）</th>-->
382 
+                    <!--									<td bgcolor="#eeeeee">500円</td>-->
383 
+                    <!--									<td bgcolor="#eeeeee">2,000円</td>-->
384 
+                    <!--								</tr>-->
385 
+                    <!--								<tr>-->
386 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">卓球場（全面）</th>-->
387 
+                    <!--									<td bgcolor="#eeeeee">500円</td>-->
388 
+                    <!--									<td bgcolor="#eeeeee">-</td>-->
389 
+                    <!--								</tr>-->
390 
+                    <!--								<tr>-->
391 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">剣道場</th>-->
392 
+                    <!--									<td bgcolor="#eeeeee">400円</td>-->
393 
+                    <!--									<td bgcolor="#eeeeee">-</td>-->
394 
+                    <!--								</tr>-->
395 
+                    <!--								<tr>-->
396 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">柔道場</th>-->
397 
+                    <!--									<td bgcolor="#eeeeee">400円</td>-->
398 
+                    <!--									<td bgcolor="#eeeeee">-</td>-->
399 
+                    <!--								</tr>-->
400 
+                    <!--								<tr>-->
401 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">ダンススタジオ</th>-->
402 
+                    <!--									<td bgcolor="#eeeeee">400円</td>-->
403 
+                    <!--									<td bgcolor="#eeeeee">100円</td>-->
404 
+                    <!--								</tr>-->
405 
+                    <!--								<tr>-->
406 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">会議室</th>-->
407 
+                    <!--									<td bgcolor="#eeeeee">400円</td>-->
408 
+                    <!--									<td bgcolor="#eeeeee">100円</td>-->
409 
+                    <!--								</tr>-->
410 
+                    <!--								<tr>-->
411 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">音響装置</th>-->
412 
+                    <!--									<td bgcolor="#eeeeee">100円</td>-->
413 
+                    <!--									<td bgcolor="#eeeeee">-</td>-->
414 
+                    <!--								</tr>-->
415 
+                    <!--								<tr>-->
416 
+                    <!--									<th width="100" bgcolor="#ddeeff" class="bg1">卓球室（個人）</th>-->
417 
+                    <!--									<td bgcolor="#eeeeee">1回（1時間）<br/>-->
418 
+                    <!--										大人（高校生以上）100円<br/>-->
419 
+                    <!--										小人（中学生以下）50円</td>-->
420 
+                    <!--									<td bgcolor="#eeeeee">-</td>-->
421 
+                    <!--								</tr>-->
422 
+                    <!--								<tr>-->
423 
+                    <!--									<th bgcolor="#ddeeff" class="bg1">シャワー室</th>-->
424 
+                    <!--									<td bgcolor="#eeeeee">温水を使用するときは<br/>-->
425 
+                    <!--										1回につき100円</td>-->
426 
+                    <!--									<td bgcolor="#eeeeee">-</td>-->
427 
+                    <!--								</tr>-->
428 
+                    <!--							</table>-->
429 
+                    <!--							備考<br/>-->
430 
+                    <!--							町外者が使用する場合の使用料の額は,別表に示す額の２倍とする｡<br/>-->
431 
+                    <!--						</div>-->
432 
+                    <!--						<br/>-->
433 
+                    <!--						<div class="paragraphT10">-->
434 
+                    <!--							社会体育施設料金一覧表<br/>-->
435 
+                    <!--							【グラウンド利用料金】-->
436 
+                    <!--							<table id="other_table">-->
437 
+                    <!--								<tr>-->
438 
+                    <!--									<th width="180" bgcolor="#ddeeff" class="bg1">施設名</th>-->
439 
+                    <!--									<th width="300" bgcolor="#ddeeff" class="bg1">使用料金</th>-->
440 
+                    <!--								</tr>-->
441 
+                    <!--								<tr>-->
442 
+                    <!--									<td bgcolor="#eeeeee">宮東公園グラウンド<br/>条里公園グラウンド<br/>中央公園グラウンド</td>-->
443 
+                    <!--									<td bgcolor="#eeeeee">町内在住、在勤、在学者：300円／時間<br/>町外<span-->
444 
+                    <!--                                            style="margin-left: 9em">：600円／時間</td>-->
445 
+                    <!--								</tr>-->
446 
+                    <!--								<tr>-->
447 
+                    <!--									<td bgcolor="#eeeeee">条里公園ナイター施設</td>-->
448 
+                    <!--									<td bgcolor="#eeeeee">町内在住、在勤者：1,000円／1時間<br/>期間　1月5日～12月27日</td>-->
449 
+                    <!--								</tr>-->
450 
+                    <!--							</table>-->
451 
+                    <!--							備考<br/>-->
452 
+                    <!--							　・条里公園及び中央公園グラウンド・・・野球　不可<br/>-->
453 
+                    <!--							　・宮東公園グラウンド・・・サッカー　不可-->
454 
+                    <!--						</div>-->
455 
+                    <!--						<br/>-->
456 
+                    <!--						<div class="paragraphT10">-->
457 
+                    <!--							【小学校体育館利用料金】-->
458 
+                    <!--							<table id="other_table">-->
459 
+                    <!--								<tr>-->
460 
+                    <!--									<th width="180" bgcolor="#ddeeff" class="bg1">施設名</th>-->
461 
+                    <!--									<th width="300" bgcolor="#ddeeff" class="bg1">使用料金</th>-->
462 
+                    <!--								</tr>-->
463 
+                    <!--								<tr>-->
464 
+                    <!--									<td bgcolor="#eeeeee">北方小学校体育館<br/>-->
465 
+                    <!--										北方西小学校体育館<br/>-->
466 
+                    <!--										北方南小学校体育館</td>-->
467 
+                    <!--									<td bgcolor="#eeeeee">町内在住、在勤、在学者：500円／時間</td>-->
468 
+                    <!--								</tr>-->
469 
+                    <!--							</table>-->
470 
+                    <!--							【使用時間】<br/>-->
471 
+                    <!--							　平　 日（午後６時から午後１０時　※中学生以下は午後９時まで）<br/>-->
472 
+                    <!--							　土曜日・祝日（午前８時３０分から午後１０時　※中学生以下は午後９時まで）<br/>-->
473 
+                    <!--							　日曜日（午前８時３０分から午後５時）<br/>-->
474 
+                    <!--							備考<br/>-->
475 
+                    <!--							　・小学校体育館は町外団体への貸出は不可-->
476 
+                    <!--						</div>-->
332 477
333 478
334 479 
                     <!-- コピペここまで-->
335 480 
 					</span>
336 481 
             </article>
337 482
338 
-			<article id="template_list_title">
339 
-				<div id="template_title2" class="gothic">
340 
-					<div id="template_title_block">
341 
-						<span id="template_title2">施設概要</span>
342 
-					</div>
343 
-				</div>
344 
-				<span id="template_article_block">
483 
+            <article id="template_list_title">
484 
+                <div id="template_title2" class="gothic">
485 
+                    <div id="template_title_block">
486 
+                        <span id="template_title2">施設概要</span>
487 
+                    </div>
488 
+                </div>
489 
+                <span id="template_article_block">
345 490 
 						<!-- コピペここから-->
346 491 
 						<p class="paragraphT10">
347 492 
 							<strong id="life">所在地</strong><br/>
 
@@ -379,30 +524,47 @@
379 524
380 525 
 						<p class="paragraphT10">
381 526 
 							<a href="https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6930402,35.4247502&z=11"
382 
-							   onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
383 
-							   onmouseout="window.status=''"
384 
-							   onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6930402,35.4247502&z=11')"
385 
-							   target="_blank">詳細地図（別ウインドウ表示）</a>
527 
+                               onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;"
528 
+                               onmouseout="window.status=''"
529 
+                               onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6930402,35.4247502&z=11')"
530 
+                               target="_blank">詳細地図（別ウインドウ表示）</a>
386 531 
 						</p>
387 532
388 
-					<!-- コピペここまで-->
533 
+                    <!-- コピペここまで-->
389 534 
 					</span>
390 
-			</article>
535 
+            </article>
391 536
392 537
393 
-			<!-- ひとまとまりここまで-->
538 
+            <!-- ひとまとまりここまで-->
394 539
395 540 
         </section>
396 541 
     </div>
397 542
398 543 
     <footer>
399 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
400 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
401 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
402 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
544 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
545 
+        <div class="footer_mobile">
546 
+            <div class="footer_mobile_title">
547 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
548 
+                <h1 class="footerMobile__text">北方町役場</h1>
549 
+            </div>
550 
+            <div class="footer_mobile_address">
551 
+                <span class="footerTextWrap__text">
552 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
553 
+                </span><br>
554 
+                電話:058-323-1111(代)<br>
555 
+                FAX:058-323-2963<br>
556 
+                開庁日：8時30分～17時15分<br>
557 
+                （土・日・祝日、年末年始を除く）<br>
558 
+            </div>
559 
+        </div>
560 
+        <br class="sp__brDisplay">
561 
+        <p class="footer_text">
562 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
563 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
564 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
565 
+        </p>
403 566 
     </footer>
404 567
405 
-
406 568 
 </div>
407 569 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Gym" height="1"
408 570 
      width="1"/>

+ 370
- 202
third/building_etc/Hoken.html ファイルの表示 

@@ -1,166 +1,317 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
27 53 
       </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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 
-        </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
41 63
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>-->
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
51 98
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>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
57 108 
         </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>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
64 111 
         </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>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
81 131 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 132 
       </div>
85 
-    </section>
133 
+    </div>
134 
+  </header>
86 135
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
106 141 
         </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 
-          </article>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
120 272 
         </div>
121 
-      </div>
122 273 
     </header>
123 274
124 275 
     <div id="third_body">
125 
-      <!--セクション space-->
276 
+        <!--セクション space-->
126 277
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
278 
+        <!--セクション template-->
279 
+        <section id="template">
280 
+            <article id="breadcrumb">
281 
+                <div id="breadcrumb_title">
282 
+                    <div id="breadcrumb_title_block">
132 283 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/town_admini_info.html">町政情報</a>><a
134 
-                  href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町保健センター</span>
135 
-            </div>
136 
-          </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 
-          <span id="template_article_block">
284 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
285 
+                      href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町保健センター</span>
286 
+                    </div>
287 
+                </div>
288 
+            </article>
289 
+            <article id="template">
290 
+                <div id="template_title" class="gothic">
291 
+                    <div id="template_title_block">
292 
+                        <span id="template_title">北方町保健センター</span>
293 
+                    </div>
294 
+                </div>
295 
+                <span id="template_article_block">
145 296 
           </span>
146 
-        </article>
297 
+            </article>
147 298
148 
-        <!-- 小見出しから内容までのひとまとまりここから-->
149 
-        <article id="template_list_title">
150 
-          <div id="template_title2" class="gothic">
151 
-            <div id="template_title_block">
152 
-              <span id="template_title2">施設概要</span>
153 
-            </div>
154 
-          </div>
155 
-          <span id="template_article_block">
299 
+            <!-- 小見出しから内容までのひとまとまりここから-->
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>
306 
+                <span id="template_article_block">
156 307 
             <!-- コピペここから-->
157 308 
             <p class="paragraphT10">
158 
-              <strong id="life">所在地</strong><br /><img src="../../css/img/09a.jpg" alt="外観写真" width="206"><br />
159 
-              〒501-0452<br />
160 
-              岐阜県本巣郡北方町高屋石末1丁目10番地<br />
161 
-              （北方町アルテックアリーナ東）<br />
162 
-              TEL (058)323-7600<br />
163 
-              FAX (058)323-7601<br />
309 
+              <strong id="life">所在地</strong><br/><img src="../../css/img/09a.jpg" alt="外観写真" width="206"><br/>
310 
+              〒501-0452<br/>
311 
+              岐阜県本巣郡北方町高屋石末1丁目10番地<br/>
312 
+              （北方町アルテックアリーナ東）<br/>
313 
+              TEL (058)323-7600<br/>
314 
+              FAX (058)323-7601<br/>
164 315 
             </p>
165 316 
             <div class="paragraphT10" style="width:300px">
166 317 
               <div class="condition_l">
 
@@ -181,103 +332,120 @@
181 332 
                   <div class="right">769.46m&sup2;</div>
182 333 
                 </div>
183 334 
               </div>
184 
-              <br clear="all" />
335 
+              <br clear="all"/>
185 336 
             </div>
186 
-            <br />
337 
+            <br/>
187 338 
             <div class="paragraphT10"> <strong id="life">利用案内
188 
-              </strong><br />
339 
+              </strong><br/>
189 340 
               <div class="clear">
190 341 
                 <div class="list_label">開館時間</div>
191 
-                <div class="left">月曜日～金曜日<br />
192 
-                  (祝日および12月29日～1月3日を除く)<br />
342 
+                <div class="left">月曜日～金曜日<br/>
343 
+                  (祝日および12月29日～1月3日を除く)<br/>
193 344 
                   午前8時30分から午後5時15分</div>
194 345 
               </div>
195 346 
               <div class="clear">
196 347 
                 <div class="list_label">施設</div>
197 
-                <div class="left"> 集団検診室：集団健診、健康教育等に使用､60m&sup2;<br />
198 
-                  プレイルーム：健診のときなどの子どもの遊び場所、51.87m&sup2;<br />
199 
-                  会議室：各種研修や集団健診時に使用、ビデオ視聴可能、123.62m&sup2;<br />
348 
+                <div class="left"> 集団検診室：集団健診、健康教育等に使用､60m&sup2;<br/>
349 
+                  プレイルーム：健診のときなどの子どもの遊び場所、51.87m&sup2;<br/>
350 
+                  会議室：各種研修や集団健診時に使用、ビデオ視聴可能、123.62m&sup2;<br/>
200 351 
                   栄養指導室：10台の調理台を設置(内1台は電磁調理台)</div>
201 352 
               </div>
202 353 
               <div class="clear">
203 354 
                 <div class="list_label">設備</div>
204 355 
                 <div class="left">血圧測定器、身長体重測定器(成人、乳幼児用)、体脂肪計</div>
205 356 
               </div>
206 
-              <br clear="all" />
357 
+              <br clear="all"/>
207 358 
             </div>
208 
-            <br />
359 
+            <br/>
209 360 
             <p class="paragraphT10"> <a
210 
-                href="http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.69374895525246,35.424773277208985&z=10"
211 
-                onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
212 
-                onClick="return openWin('http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.69374895525246,35.424773277208985&z=10')"
213 
-                target="_blank">詳細地図（別ウインドウ表示）</a> </p>
361 
+                    href="http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.69374895525246,35.424773277208985&z=10"
362 
+                    onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
363 
+                    onClick="return openWin('http://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.69374895525246,35.424773277208985&z=10')"
364 
+                    target="_blank">詳細地図（別ウインドウ表示）</a> </p>
214 365
215 
-            <!-- コピペここまで-->
366 
+                    <!-- コピペここまで-->
216 367 
           </span>
217 
-        </article>
368 
+            </article>
218 369
219 
-        <!-- ひとまとまりここまで-->
370 
+            <!-- ひとまとまりここまで-->
220 371
221 
-        <!-- 小見出しから内容までのひとまとまりここから-->
222 
-        <article id="template_list_title">
223 
-          <div id="template_title2" class="gothic">
224 
-            <div id="template_title_block">
225 
-              <span id="template_title2">事業内容</span>
226 
-            </div>
227 
-          </div>
228 
-          <span id="template_article_block">
372 
+            <!-- 小見出しから内容までのひとまとまりここから-->
373 
+            <article id="template_list_title">
374 
+                <div id="template_title2" class="gothic">
375 
+                    <div id="template_title_block">
376 
+                        <span id="template_title2">事業内容</span>
377 
+                    </div>
378 
+                </div>
379 
+                <span id="template_article_block">
229 380 
             <!-- コピペここから-->
230 381 
             <div class="paragraphT10"> 　保健センターは、次のような保健事業を行っています。詳しくは<a
231 
-                href="../../second/Health.html">「健康・予防」</a>のページをご覧ください。</p>
232 
-              <p><strong id="life">母子保健</strong><br />
233 
-                　・母子健康手帳の発行<br />
234 
-                　・パパママ学級<br />
235 
-                　・赤ちゃん訪問<br />
236 
-                　・乳幼児健診・相談<br />
237 
-                　　（3～4か月児、離乳食教室、10か月児、1歳6か月児、2歳児、3歳児）<br />
382 
+                    href="../../second/Health.html">「健康・医療」</a>のページをご覧ください。</p>
383 
+                <p><strong id="life">母子保健</strong><br/>
384 
+                　・母子健康手帳の発行<br/>
385 
+                　・パパママ学級<br/>
386 
+                　・赤ちゃん訪問<br/>
387 
+                　・乳幼児健診・相談<br/>
388 
+                　　（3～4か月児、離乳食教室、10か月児、1歳6か月児、2歳児、3歳児）<br/>
238 389 
                 　・定期母子健康相談</p>
239 
-              <p><strong id="life">予防接種</strong><br />
240 
-                　・定期予防接種 （ロタウイルス・B型肝炎・BCG・四種混合・MR・水痘・日本脳炎<br />
241 
-                　<span style="padding-left: 8em;"></span>・ヒブ・小児肺炎球菌・DT・子宮頸がん）<br />
390 
+              <p><strong id="life">予防接種</strong><br/>
391 
+                　・定期予防接種 （ロタウイルス・B型肝炎・BCG・四種混合・MR・水痘・日本脳炎<br/>
392 
+                　<span style="padding-left: 8em;"></span>・ヒブ・小児肺炎球菌・DT・子宮頸がん）<br/>
242 393 
                 　・高齢者の予防接種（インフルエンザ・肺炎球菌）</p>
243 
-              <p><strong id="life">成人保健</strong><br />
244 
-                　・健康診査（わかば健診、特定健診、すこやか健診）<br />
245 
-                　・肝炎ウィルス検査<br />
246 
-                <!-- ・結核レントゲン検診<br /> -->
247 
-                　・がん検診（胃がん・乳がん・子宮頸がん・大腸がん・肺がん・前立腺がん）<br />
248 
-                　・歯周疾患検診<br />
249 
-                　・骨粗しょう症検診<br />
250 
-                　・保健指導<br />
251 
-                　・健康相談<br />
252 
-                　・栄養相談<br />
253 
-              <p><strong id="life">その他</strong><br />
254 
-                ・精神保健相談、教室<br />
255 
-                ・不妊治療の助成<br />
256 
-                ・骨髄移植ドナー等助成金交付事業<br />
257 
-                ・がん患者用医療用補正具助成事業<br />
394 
+              <p><strong id="life">成人保健</strong><br/>
395 
+                　・健康診査（わかば健診、特定健診、すこやか健診）<br/>
396 
+                　・肝炎ウィルス検査<br/>
397 
+                  <!-- ・結核レントゲン検診<br /> -->
398 
+                　・がん検診（胃がん・乳がん・子宮頸がん・大腸がん・肺がん・前立腺がん）<br/>
399 
+                　・歯周疾患検診<br/>
400 
+                　・骨粗しょう症検診<br/>
401 
+                　・保健指導<br/>
402 
+                　・健康相談<br/>
403 
+                　・栄養相談<br/>
404 
+              <p><strong id="life">その他</strong><br/>
405 
+                ・精神保健相談、教室<br/>
406 
+                ・不妊治療の助成<br/>
407 
+                ・骨髄移植ドナー等助成金交付事業<br/>
408 
+                ・がん患者用医療用補正具助成事業<br/>
258 409 
               </p>
259 410 
             </div>
260 411
261 
-            <!-- コピペここまで-->
412 
+                    <!-- コピペここまで-->
262 413 
           </span>
263 
-        </article>
414 
+            </article>
264 415
265 
-        <!-- ひとまとまりここまで-->
416 
+            <!-- ひとまとまりここまで-->
266 417
267 
-      </section>
418 
+        </section>
268 419 
     </div>
269 420
270 421 
     <footer>
271 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
272 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
273 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
274 
-          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>
275 444 
     </footer>
276 445
277 
-
278 
-  </div>
279 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Hoken" height="1"
280 
-    width="1" />
446 
+</div>
447 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Hoken" height="1"
448 
+     width="1"/>
281 449 
 </body>
282 450
283 
-</html>
451 
+</html>

+ 267
- 99
third/building_etc/Koureisha_fureai.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,37 +10,49 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
13 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
14 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
16 21 
 </head>
17 22
18 23 
 <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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 
-        </article>
24 
+<script type="text/javascript">
25 
+  function googleTranslateElementInit() {
26 
+    new google.translate.TranslateElement({
27 
+      pageLanguage: 'ja',
28 
+      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+    }, 'google_translate_element');
30 
+  }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
41 34
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
44 56 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 57 
       <div id="charsize_img">
46 58 
       <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -49,78 +61,218 @@
49 61 
       </div>
50 62 
       </article>-->
51 63
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">
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
71 83 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
76 88 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 92 
         </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
117 
+        </article>
84 118 
       </div>
85 
-    </section>
86 
-    <!--ヘッダーデータ-->
87 
-    <header>
88 
-      <div id="header" class="gothic">
89 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
90 
-        <div id="h_block_1">
91 
-          <div class="h_line">
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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
135 
+
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
92 167 
           </div>
93 
-          <article class="h_text_l">
94 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
-          </article>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
-          </article>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
104 
-          </article>
105 168 
         </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 
-          </article>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                  getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
119 270 
         </div>
120 271 
       </div>
121 
-    </header>
272 
+    </div>
273 
+  </header>
122 274
123 
-    <div id="third_body">
275 
+  <div id="third_body">
124 276 
       <!--セクション space-->
125 277
126 278 
       <!--セクション template-->
 
@@ -245,18 +397,34 @@
245 397 
       </section>
246 398 
     </div>
247 399
248 
-    <footer>
249 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
250 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
251 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
252 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
253 
-      </p>
254 
-    </footer>
255 
-
400 
+  <footer>
401 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
402 
+    <div class="footer_mobile">
403 
+      <div class="footer_mobile_title">
404 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
405 
+        <h1 class="footerMobile__text">北方町役場</h1>
406 
+      </div>
407 
+      <div class="footer_mobile_address">
408 
+                <span class="footerTextWrap__text">
409 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
410 
+                </span><br>
411 
+        電話:058-323-1111(代)<br>
412 
+        FAX:058-323-2963<br>
413 
+        開庁日：8時30分～17時15分<br>
414 
+        （土・日・祝日、年末年始を除く）<br>
415 
+      </div>
416 
+    </div>
417 
+    <br class="sp__brDisplay">
418 
+    <p class="footer_text">
419 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
420 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
421 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
422 
+    </p>
423 
+  </footer>
256 424
257 425 
   </div>
258 426 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Koureisha_fureai" height="1"
259 427 
     width="1" />
260 428 
 </body>
261 429
262 
-</html>
430 
+</html>

+ 328
- 160
third/building_etc/Kyushoku.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,155 +10,305 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/kyushoku.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <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> TEL:058-323-1111(代)</span>
27 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
28 53 
       </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" onClick="setBackground3(1)">
35 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
36 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
37 
-          </div>
38 
-          <script>
39 
-            getBackgNumber3();
40 
-          </script>
41 
-        </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
42 63
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="文字大きさ変更、大きい" />
50 
-</div>
51 
-</article>-->
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
52 98
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>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
58 108 
         </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>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
65 111 
         </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>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
82 117 
         </article>
83 
-        <div id="claer">
84 
-        </div>
85 118 
       </div>
86 
-    </section>
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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
87 135
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
177 
+            </a>
94 178 
           </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 179 
         </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 
-          </article>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
121 270 
         </div>
122 271 
       </div>
123 
-    </header>
272 
+    </div>
273 
+  </header>
124 274
125 
-    <div id="third_body">
126 
-      <!--セクション space-->
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
127 277
128 
-      <!--セクション template-->
129 
-      <section id="template">
130 
-        <article id="breadcrumb">
131 
-          <div id="breadcrumb_title">
132 
-            <div id="breadcrumb_title_block">
278 
+    <!--セクション template-->
279 
+    <section id="template">
280 
+      <article id="breadcrumb">
281 
+        <div id="breadcrumb_title">
282 
+          <div id="breadcrumb_title_block">
133 283 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
134 
-                  href="../../second/town_admini_info.html">町政情報</a>><a
135 
-                  href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町給食調理場</span>
136 
-            </div>
284 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
285 
+                      href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町給食調理場</span>
137 286 
           </div>
138 
-        </article>
139 
-        <article id="template">
140 
-          <div id="template_title" class="gothic">
141 
-            <div id="template_title_block">
142 
-              <span id="template_title">北方町給食調理場</span>
143 
-            </div>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template">
290 
+        <div id="template_title" class="gothic">
291 
+          <div id="template_title_block">
292 
+            <span id="template_title">北方町給食調理場</span>
144 293 
           </div>
145 
-        </article>
294 
+        </div>
295 
+      </article>
146 296
147 
-        <!-- 小見出しから内容までのひとまとまりここから-->
148 
-        <article id="template_list_title">
149 
-          <div id="template_title2" class="gothic">
150 
-            <div id="template_title_block">
151 
-              <span id="template_title2">1.施設概要</span>
152 
-            </div>
297 
+      <!-- 小見出しから内容までのひとまとまりここから-->
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">1.施設概要</span>
153 302 
           </div>
154 
-          <span id="template_article_block">
303 
+        </div>
304 
+        <span id="template_article_block">
155 305
156 306 
             <img style="width: 190px; height: 140px" src="../../css/img/20210507_19a.jpg" align="right">
157 307 
             <strong id="life">所在地</strong>
158 
-            <br /><br />〒501-0431
159 
-            <br />岐阜県本巣郡北方町北方1287番地
160 
-            <br />TEL (058)324-3002
161 
-            <br />FAX (058)324-3026
308 
+            <br/><br/>〒501-0431
309 
+            <br/>岐阜県本巣郡北方町北方1287番地
310 
+            <br/>TEL (058)324-3002
311 
+            <br/>FAX (058)324-3026
162 312 
             <br style="clear:both">
163 313
164 314 
             <pre>
 
@@ -170,26 +320,26 @@
170 320 
 給食内容	学校給食の副食
171 321 
 							</pre>
172 322 
             <a href="https://gis-gifu.jp/gifu/Map?mid=2&mpx=136.68708563131983&mpy=35.43455943852905&mps=2500&mtp=dm&gprj=3"
173 
-              onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
174 
-              onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6777946,35.4399251&z=10')"
175 
-              target="_blank">
323 
+               onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
324 
+               onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6777946,35.4399251&z=10')"
325 
+               target="_blank">
176 326 
               詳細地図(別ウィンドウ表示)</a>
177 327
178 328 
           </span>
179 
-        </article>
329 
+      </article>
180 330
181 
-        <!-- ひとまとまりここまで-->
182 
-        <!-- 小見出しから内容までのひとまとまりここから-->
183 
-        <article id="template_list_title">
184 
-          <div id="template_title2" class="gothic">
185 
-            <div id="template_title_block">
186 
-              <span id="template_title2">2.学校給食配送・配食数</span>
187 
-            </div>
331 
+      <!-- ひとまとまりここまで-->
332 
+      <!-- 小見出しから内容までのひとまとまりここから-->
333 
+      <article id="template_list_title">
334 
+        <div id="template_title2" class="gothic">
335 
+          <div id="template_title_block">
336 
+            <span id="template_title2">2.学校給食配送・配食数</span>
188 337 
           </div>
189 
-          <span id="template_article_block">
190 
-            <br />運搬用配送車　2台
191 
-            <br />配食数　（令和3年4月）
192 
-            <br /><br />
338 
+        </div>
339 
+        <span id="template_article_block">
340 
+            <br/>運搬用配送車　2台
341 
+            <br/>配食数　（令和3年4月）
342 
+            <br/><br/>
193 343 
             <table border="0" cellpadding="3" cellspacing="3" width="80%" summary="datatable">
194 344 
               <tr>
195 345 
                 <th valign="top" align="center" bgcolor="#ADD8E6" colspan="3" width="100%">給食調理場　2,194名</th>
 
@@ -222,35 +372,53 @@
222 372 
                 <td valign="top" align="center" bgcolor="#ADD8E6">もちの木作業所</td>
223 373 
                 <td valign="top" align="center" bgcolor="#f0f0f0">15食</td>
224 374 
               </tr>
225 
-            </table><br />
375 
+            </table><br/>
226 376 
           </span>
227 
-        </article>
228 
-        <article id="template_list_title">
229 
-          <div id="template_title2" class="gothic">
230 
-            <div id="template_title_block">
231 
-              <span id="template_title2">3.献立</span>
232 
-            </div>
377 
+      </article>
378 
+      <article id="template_list_title">
379 
+        <div id="template_title2" class="gothic">
380 
+          <div id="template_title_block">
381 
+            <span id="template_title2">3.献立</span>
233 382 
           </div>
234 
-          <span id="template_article_block">
383 
+        </div>
384 
+        <span id="template_article_block">
235 385 
             <a href="../../css/pdf/kyushoku/20210507_kondate_4.pdf" target="_blank">4月の献立</a> </span>
236 
-        </article>
386 
+      </article>
237 387
238 
-        <!-- ひとまとまりここまで-->
388 
+      <!-- ひとまとまりここまで-->
239 389
240 
-      </section>
241 
-    </div>
390 
+    </section>
391 
+  </div>
242 392
243 
-    <footer>
244 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
245 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
246 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
247 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
248 
-    </footer>
249 393
394 
+  <footer>
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>
417 
+  </footer>
250 418
251 
-  </div>
252 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Kyushoku" height="1"
253 
-    width="1" />
419 
+</div>
420 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Kyushoku" height="1"
421 
+     width="1"/>
254 422 
 </body>
255 423
256 424 
 </html>

+ 436
- 271
third/building_etc/Library.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,158 +10,306 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/school.css">
18 
+    <link rel="stylesheet" href="../../css/school_mobile.css">
19 
+    <link rel="stylesheet" href="../../css/image_mobile.css">
13 20 
     <script src="../../js/operation.js"></script>
21 
+    <script src="../../js/menu.js"></script>
22 
+    <script src="../../js/accordion.js"></script>
14 23 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </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>
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 
+
38 
+<div id="main" class="gothic">
39 
+    <!--セクション 操作-->
40 
+    <section id="operation">
41 
+        <!--セクション 住所-->
42 
+        <article id="address">
43 
+            <address id="operation_add">
44 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
45 
+            </address>
46 
+        </article>
47 
+        <div id="controle_panel">
48 
+            <!--セクション 背景色-->
49 
+            <article id="bgcolor">
50 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
51 
+                <div id="bgcolor_img">
52 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
53 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
54 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
55 
+                </div>
28 56 
             </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="setBackground3(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground3(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground3(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber3();
43 
-                    </script>
44 
-                </article>
57 
+            <!--セクション 文字サイズ-->
58 
+            <!--<article id="charsize" >
59 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
60 
+            <div id="charsize_img">
61 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
62 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
63 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
64 
+            </div>
65 
+            </article>-->
45 66
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="文字大きさ変更、大きい" />
67 
+            <!--セクション サイトマップ-->
68 
+            <article id="sitemap">
69 
+                <div id="sitemap_img">
70 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
71 
+                </div>
72 
+            </article>
73 
+            <!--セクション お問い合わせ-->
74 
+            <article id="contact">
75 
+                <div id="contact_img">
76 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
77 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
78 
+                </div>
79 
+            </article>
80 
+            <!--セクション 翻訳-->
81 
+            <article id="translation">
82 
+                <div id="translation_img">
83 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
84 
+                    <div id="google_translate_element"></div>
85 
+                    <script type="text/javascript">
86 
+                        function googleTranslateElementInit() {
87 
+                            new google.translate.TranslateElement({
88 
+                                pageLanguage: 'ja',
89 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
90 
+                            }, 'google_translate_element');
91 
+                        }
92 
+                    </script>
93 
+                    <script type="text/javascript"
94 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
95 
+                </div>
96 
+            </article>
97 
+            <div id="claer">
98 
+            </div>
53 99 
         </div>
54 
-        </article>-->
100 
+    </section>
55 101
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                alt="サイトマップ" /></a>
61 
-                    </div>
102 
+    <!--ヘッダーデータ-->
103 
+    <header>
104 
+        <div id="header" class="gothic">
105 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
106 
+            <div id="h_block_1">
107 
+                <div class="h_line">
108 
+                </div>
109 
+                <article class="h_text_l">
110 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
62 111 
                 </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>
112 
+                <article class="h_text_l">
113 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
69 114 
                 </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>
115 
+                <article class="h_text_l">
116 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
117 
+                </article>
118 
+                <article class="h_text_l">
119 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
86 120 
                 </article>
87 
-                <div id="claer">
88 
-                </div>
89 121 
             </div>
90 
-        </section>
122 
+            <div id="h_block_search">
123 
+                <div class="h_line"></div>
124 
+                <article class="h_search">
125 
+                    <div class="space10"></div>
126 
+                    <form action="http://www.google.com/search">
127 
+                        <input type="hidden" name="hl" value="ja"/>
128 
+                        <input type="hidden" name="ie" value="UTF-8">
129 
+                        <input type="hidden" name="oe" value="UTF-8">
130 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
131 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
132 
+                        <input type="submit" name="btnG" value="検索"/>
133 
+                    </form>
134 
+                </article>
135 
+            </div>
136 
+        </div>
137 
+    </header>
91 138
92 
-        <!--ヘッダーデータ-->
93 
-        <header>
94 
-            <div id="header" class="gothic">
95 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                        height="260px" /></a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
139 
+    <!-- mobile header -->
140 
+    <header class="header">
141 
+        <div class="headerLogo">
142 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
143 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
144 
+        </div>
145 
+        <div class="headerTitle">
146 
+            <a href="../../index.html" class="header_link">
147 
+                <h1 class="headerTitle__text">北方町</h1>
148 
+            </a>
149 
+        </div>
150 
+        <div class="headerSubTitle">
151 
+            <a href="../../index.html" class="header_link">
152 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
153 
+            </a>
154 
+        </div>
155 
+        <div id="h-menu">
156 
+            <span></span>
157 
+            <span></span>
158 
+            <span></span>
159 
+            <div id="h-text">menu</div>
160 
+        </div>
161 
+        <div id="h-nav">
162 
+            <div class="h-menu_main_block_top">
163 
+                <div class="h-menu_main_block">
164 
+                    <div class="h-menu_block">
165 
+                        <a href="../../second/living.html">
166 
+                            <div class="h-menu_block_text h-menu_block_before">
167 
+                                <div class="h-menu_block_text_center">くらしの情報</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/tourism.html">
175 
+                            <div class="h-menu_block_text h-menu_block_before">
176 
+                                <div class="h-menu_block_text_center">
177 
+                                    観光
178 
+                                </div>
179 
+                            </div>
180 
+                        </a>
181 
+                    </div>
182 
+                </div>
183 
+                <div class="h-menu_main_block">
184 
+                    <div class="h-menu_block">
185 
+                        <a href="../../second/business.html">
186 
+                            <div class="h-menu_block_text h-menu_block_before">
187 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
188 
+                            </div>
189 
+                        </a>
190 
+                    </div>
191 
+                </div>
192 
+                <div class="h-menu_main_block">
193 
+                    <div class="h-menu_block">
194 
+                        <a href="../../second/town_admini_info.html">
195 
+                            <div class="h-menu_block_text h-menu_block_before">
196 
+                                <div class="h-menu_block_text_center">町政情報</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="../../second/sitemap.html">
204 
+                            <div class="h-menu_block_text h-menu_block_before">
205 
+                                <div class="h-menu_block_text_center">
206 
+                                    サイトマップ
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="https://ai-staff.net/kitagata/chat">
215 
+                            <div class="h-menu_block_text  h-menu_block_before">
216 
+                                <div class="h-menu_block_text_center">
217 
+                                    AIチャット
218 
+                                </div>
219 
+                            </div>
220 
+                        </a>
221 
+                    </div>
222 
+                </div>
223 
+                <div class="h-menu_main_block">
224 
+                    <div class="h-menu_block h-menu_block_before">
225 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
226 
+                            <div class="h-menu_block_text">
227 
+                                <div class="h-menu_block_text_center">
228 
+                                    お問い合わせ一覧
229 
+                                </div>
230 
+                            </div>
231 
+                        </a>
232 
+                    </div>
233 
+                </div>
234 
+                <div class="h-menu_main_block">
235 
+                    <div class="h-menu_lang">
236 
+                        <div class="h-menu_block_lang">
237 
+                            <div class="h-menu_block_text_center">
238 
+                                <div class="h-menu_block_text_line">
239 
+                                    背景変更
240 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
241 
+                                    </div>
242 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
243 
+                                    </div>
244 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
245 
+                                    </div>
246 
+                                </div>
247 
+                                <script>
248 
+                                    getBackgNumber2();
249 
+                                </script>
250 
+                                <div class="h-menu_block_text_line">言語選択
251 
+                                    <div class="mobile_translation">
252 
+                                        <div id="google_translate_element"></div>
253 
+                                    </div>
254 
+                                </div>
255 
+                            </div>
256 
+                        </div>
99 257 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-                    </article>
106 
-                    <article class="h_text_l">
107 
-                        <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
111 
-                    </article>
112 258 
                 </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 
-                    </article>
259 
+                <div class="h-menu_main_block">
260 
+                    <div class="h-menu_search">
261 
+                        <div class="h-menu_block_search">
262 
+                            <form action="https://www.google.com/search">
263 
+                                <input type="hidden" name="hl" value="ja"/>
264 
+                                <input type="hidden" name="ie" value="UTF-8">
265 
+                                <input type="hidden" name="oe" value="UTF-8">
266 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
268 
+                                       class="mobile_form_input"/>
269 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
270 
+                            </form>
271 
+                        </div>
272 
+                    </div>
126 273 
                 </div>
127 274 
             </div>
128 
-        </header>
275 
+        </div>
276 
+    </header>
129 277
130 
-        <div id="third_body">
131 
-            <!--セクション space-->
278 
+    <div id="third_body">
279 
+        <!--セクション space-->
132 280
133 
-            <!--セクション template-->
134 
-            <section id="template">
135 
-                <article id="breadcrumb">
136 
-                    <div id="breadcrumb_title">
137 
-                        <div id="breadcrumb_title_block">
281 
+        <!--セクション template-->
282 
+        <section id="template">
283 
+            <article id="breadcrumb">
284 
+                <div id="breadcrumb_title">
285 
+                    <div id="breadcrumb_title_block">
138 286 
                             <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
139 287 
                                     href="../../second/town_admini_info.html">町政情報</a>><a
140 288 
                                     href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町立図書館</span>
141 
-                        </div>
142 289 
                     </div>
143 
-                </article>
144 
-                <article id="template">
145 
-                    <div id="template_title" class="gothic">
146 
-                        <div id="template_title_block">
147 
-                            <span id="template_title">北方町立図書館</span>
148 
-                        </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>
149 296 
                     </div>
150 
-                </article>
297 
+                </div>
298 
+            </article>
151 299
152 
-                <!-- 小見出しから内容までのひとまとまりここから-->
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>
300 
+            <!-- 小見出しから内容までのひとまとまりここから-->
301 
+            <article id="template_list_title">
302 
+                <div id="template_title2" class="gothic">
303 
+                    <div id="template_title_block">
304 
+                        <span id="template_title2">北方町立図書館</span>
158 305 
                     </div>
159 
-                    <span id="template_article_block">
306 
+                </div>
307 
+                <span id="template_article_block">
160 308 
                         <!-- コピペここから-->
161 309 
                         <p class="paragraphT5">
162 310 
                         <div>
163 311 
                             <img src="../../fourth/library/images/img_library.gif" alt="北方町立図書館の写真" width="450"
164 
-                                height="350" align="left" />
312 
+                                 height="350" align="left" class="template_image_mobile"/>
165 313 
                         </div>
166 314 
                         <br />
167 315 
                         <br clear="left">
 
@@ -169,71 +317,71 @@
169 317 
                         電話：058-323-3155<sapn style="color: red;">※かけ間違いにご注意ください！</sapn><br />
170 318 
                         FAX：058-323-5747<br />
171 319 
                         mail:<a href="mailto:tosyokan@town.kitagata.gifu.jp">tosyokan@town.kitagata.gifu.jp</a>
172 
-                        </p>
173 
-                        <!-- コピペここまで-->
320 
+                    </p>
321 
+                    <!-- コピペここまで-->
174 322 
                         <a href="https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6825723,35.4362521&z=12"
175 
-                            onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
176 
-                            onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6825723,35.4362521&z=12')"
177 
-                            target="_blank">
323 
+                           onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
324 
+                           onClick="return openWin('https://gis-gifu.jp/gifu/maps.action?mp=2,_default&ll=136.6825723,35.4362521&z=12')"
325 
+                           target="_blank">
178 326 
                             詳細地図(別ウィンドウ表示)</a><br />
179 327 
                         <br />
180 328 
                         <br />
181 329 
                     </span>
182 
-                </article>
330 
+            </article>
183 331
184 
-                <!-- ひとまとまりここまで-->
332 
+            <!-- ひとまとまりここまで-->
185 333
186 
-                <!-- 小見出しから内容までのひとまとまりここから-->
187 
-                <!-- 図書館ない資料検索見出し ここから -->
188 
-                <article id="template_list_title">
189 
-                    <div id="template_title2" class="gothic">
190 
-                        <div id="template_title_block">
334 
+            <!-- 小見出しから内容までのひとまとまりここから-->
335 
+            <!-- 図書館ない資料検索見出し ここから -->
336 
+            <article id="template_list_title">
337 
+                <div id="template_title2" class="gothic">
338 
+                    <div id="template_title_block">
191 339 
                             <span id="template_title2">
192 340 
                                 <a href="https://www.lics-saas.nexs-service.jp/kitagata/webopac/index.do">図書の検索</a>
193 341 
                             </span>
194 
-                            <!-- コピペここから-->
195 
-                            <!-- コピペここまで-->
196 
-                        </div>
197 
-                    </div>
198 
-                    <span id="template_article_block">
199 342 
                         <!-- コピペここから-->
200 343 
                         <!-- コピペここまで-->
344 
+                    </div>
345 
+                </div>
346 
+                <span id="template_article_block">
347 
+                        <!-- コピペここから-->
348 
+                    <!-- コピペここまで-->
201 349 
                     </span>
202 
-                </article>
203 
-                <article id="template_list_title">
204 
-                    <div id="template_title2" class="gothic">
205 
-                        <div id="template_title_block">
350 
+            </article>
351 
+            <article id="template_list_title">
352 
+                <div id="template_title2" class="gothic">
353 
+                    <div id="template_title_block">
206 354 
                             <span id="template_title2"><a
207 355 
                                     href="https://www.lics-saas.nexs-service.jp/kitagata/webopac/searchgenre.do?type=1&amp;histnum=1&amp;menukbn=1">新着本の紹介</a></span>
208 
-                        </div>
209 356 
                     </div>
210 
-                    <span id="template_article_block">
357 
+                </div>
358 
+                <span id="template_article_block">
211 359 
                         <!-- コピペここから-->
212 360 
                         <p class="paragraphT15">
213 361 
                             最近1か月間に入った新しい本を紹介します</p>
214 
-                        <!-- コピペここまで-->
362 
+                    <!-- コピペここまで-->
215 363 
                     </span>
216 
-                </article>
364 
+            </article>
217 365
218 
-                <article id="template_list_title">
219 
-                    <div id="template_title2" class="gothic">
220 
-                        <div id="template_title_block">
366 
+            <article id="template_list_title">
367 
+                <div id="template_title2" class="gothic">
368 
+                    <div id="template_title_block">
221 369 
                             <span id="template_title2"><a
222 370 
                                     href="https://www.lics-saas.nexs-service.jp/kitagata/webopac/searchgenre.do?type=2&histnum=1&menukbn=1">
223 371 
                                     貸出ランキング</a></span>
224 
-                        </div>
225 372 
                     </div>
226 
-                    <span id="template_article_block">
373 
+                </div>
374 
+                <span id="template_article_block">
227 375 
                         <!-- コピペここから-->
228 376 
                         <p class="paragraphT15">
229 377 
                             最近1か月で多く借りられた本の紹介をします</p>
230 
-                        <!-- コピペここまで-->
378 
+                    <!-- コピペここまで-->
231 379 
                     </span>
232 
-                </article>
380 
+            </article>
233 381
234 
-                <article id="template_list_title">
235 
-                    <div id="template_title2" class="gothic">
236 
-                        <div id="template_title_block">
382 
+            <article id="template_list_title">
383 
+                <div id="template_title2" class="gothic">
384 
+                    <div id="template_title_block">
237 385
238 386 
                             <span id="template_title2">
239 387 
                                 <!-- <a
 
@@ -242,9 +390,9 @@
242 390 
                                 </a> -->
243 391 
                                 貸出中の本を予約したい方
244 392 
                             </span>
245 
-                        </div>
246 393 
                     </div>
247 
-                    <span id="template_article_block">
394 
+                </div>
395 
+                <span id="template_article_block">
248 396 
                         <!-- コピペここから-->
249 397 
                         初めて貸出中の本の予約をする方は、まず新規パスワードの登録をお願いします。
250 398 
                         <p class="paragraphT15"><a
 
@@ -253,165 +401,182 @@
253 401 
                         <p class="paragraphT15"><a href="https://www.lics-saas.nexs-service.jp/kitagata/webopac/usermenu.do
254 402 
 ">
255 403 
                                 パスワード登録が済んでいる方</a></p>
256 
-                        <!-- コピペここまで-->
404 
+                    <!-- コピペここまで-->
257 405 
                     </span>
258 
-                </article>
406 
+            </article>
259 407
260 
-                <article id="template_list_title">
261 
-                    <div id="template_title2" class="gothic">
262 
-                        <div id="template_title_block">
408 
+            <article id="template_list_title">
409 
+                <div id="template_title2" class="gothic">
410 
+                    <div id="template_title_block">
263 411 
                             <span id="template_title2"><a
264 412 
                                     href="https://www.lics-saas.nexs-service.jp/kitagata/webopac/inform.do">
265 413 
                                     図書館からのお知らせ</a></span>
266 
-                        </div>
267 414 
                     </div>
268 
-                    <span id="template_article_block">
415 
+                </div>
416 
+                <span id="template_article_block">
269 417 
                         <!-- コピペここから-->
270 
-                        <!-- コピペここまで-->
418 
+                    <!-- コピペここまで-->
271 419 
                     </span>
272 
-                </article>
420 
+            </article>
273 421
274 
-                <article id="template_list_title">
275 
-                    <div id="template_title2" class="gothic">
276 
-                        <div id="template_title_block">
422 
+            <article id="template_list_title">
423 
+                <div id="template_title2" class="gothic">
424 
+                    <div id="template_title_block">
277 425 
                             <span id="template_title2"><a
278 426 
                                     href="https://www.lics-saas.nexs-service.jp/kitagata/webopac/library.do">
279 427 
                                     休館日のお知らせ</a></span>
280 
-                        </div>
281 428 
                     </div>
282 
-                    <span id="template_article_block">
429 
+                </div>
430 
+                <span id="template_article_block">
283 431 
                         <!-- コピペここから-->
284 
-                        <!-- コピペここまで-->
432 
+                    <!-- コピペここまで-->
285 433 
                     </span>
286 
-                </article>
434 
+            </article>
287 435
288 436
289 
-                <!-- 図書館ない資料検索見出し ここまで -->
290 
-                <!-- お問い合わせ見出し ここから -->
291 
-                <article id="template_list_title">
292 
-                    <div id="template_title2" class="gothic">
293 
-                        <div id="template_title_block">
294 
-                            <span id="template_title2"><a href="../../fourth/library/inquiry.html">お問い合わせ</a></span>
295 
-                        </div>
437 
+            <!-- 図書館ない資料検索見出し ここまで -->
438 
+            <!-- お問い合わせ見出し ここから -->
439 
+            <article id="template_list_title">
440 
+                <div id="template_title2" class="gothic">
441 
+                    <div id="template_title_block">
442 
+                        <span id="template_title2"><a href="../../fourth/library/inquiry.html">お問い合わせ</a></span>
296 443 
                     </div>
297 
-                    <span id="template_article_block">
444 
+                </div>
445 
+                <span id="template_article_block">
298 446 
                         <!-- コピペここから-->
299 447 
                         <p class="paragraphT15">町立図書館に蔵書している本について、メールでお問い合わせができます。
300 448 
                         </p>
301 
-                        <!-- コピペここまで-->
449 
+                    <!-- コピペここまで-->
302 450 
                     </span>
303 
-                </article>
451 
+            </article>
304 452
305 453
306 
-                <!-- お問い合わせ見出し ここまで -->
307 
-                <!-- 利用案内 ここから -->
308 
-                <article id="template_list_title">
309 
-                    <div id="template_title2" class="gothic">
310 
-                        <div id="template_title_block">
454 
+            <!-- お問い合わせ見出し ここまで -->
455 
+            <!-- 利用案内 ここから -->
456 
+            <article id="template_list_title">
457 
+                <div id="template_title2" class="gothic">
458 
+                    <div id="template_title_block">
311 459 
                             <span id="template_title2"><a
312 460 
                                     href="../../fourth/library/Guide_to_use.html">施設概要・利用案内</a></span>
313 
-                        </div>
314 461 
                     </div>
315 
-                    <span id="template_article_block">
462 
+                </div>
463 
+                <span id="template_article_block">
316 464 
                         <!-- コピペここから-->
317 465 
                         <p class="paragraphT15">図書館施設・利用のご紹介。</p>
318 
-                        <!-- コピペここまで-->
466 
+                    <!-- コピペここまで-->
319 467 
                     </span>
320 
-                </article>
321 
-                <!-- 利用案内 ここまで -->
322 
-                <!-- お知らせ ここから -->
323 
-                <!--<article id="template_list_title">-->
324 
-                <!--<div id="template_title2" class="gothic">-->
325 
-                <!--<div id="template_title_block">-->
326 
-                <!--<span id="template_title2"><a-->
327 
-                <!--href="http://library.town.kitagata.gifu.jp/opac/wopc/pc/OpacServlet?disp=information">お知らせ</a></span>-->
328 
-                <!--</div>-->
329 
-                <!--</div>-->
330 
-                <!--<span id="template_article_block">-->
331 
-                <!--&lt;!&ndash; コピペここから&ndash;&gt;-->
332 
-                <!--<p class="paragraphT15">図書館からお知らせ・イベント情報。</p>-->
333 
-                <!--&lt;!&ndash; コピペここまで&ndash;&gt;-->
334 
-                <!--</span>-->
335 
-                <!--</article>-->
336 
-                <!-- お知らせ ここまで -->
337 
-                <!-- 交通アクセス ここから -->
338 
-                <article id="template_list_title">
339 
-                    <div id="template_title2" class="gothic">
340 
-                        <div id="template_title_block">
341 
-                            <span id="template_title2"><a href="../../fourth/library/Access.html">交通アクセス</a></span>
342 
-                        </div>
468 
+            </article>
469 
+            <!-- 利用案内 ここまで -->
470 
+            <!-- お知らせ ここから -->
471 
+            <!--<article id="template_list_title">-->
472 
+            <!--<div id="template_title2" class="gothic">-->
473 
+            <!--<div id="template_title_block">-->
474 
+            <!--<span id="template_title2"><a-->
475 
+            <!--href="http://library.town.kitagata.gifu.jp/opac/wopc/pc/OpacServlet?disp=information">お知らせ</a></span>-->
476 
+            <!--</div>-->
477 
+            <!--</div>-->
478 
+            <!--<span id="template_article_block">-->
479 
+            <!--&lt;!&ndash; コピペここから&ndash;&gt;-->
480 
+            <!--<p class="paragraphT15">図書館からお知らせ・イベント情報。</p>-->
481 
+            <!--&lt;!&ndash; コピペここまで&ndash;&gt;-->
482 
+            <!--</span>-->
483 
+            <!--</article>-->
484 
+            <!-- お知らせ ここまで -->
485 
+            <!-- 交通アクセス ここから -->
486 
+            <article id="template_list_title">
487 
+                <div id="template_title2" class="gothic">
488 
+                    <div id="template_title_block">
489 
+                        <span id="template_title2"><a href="../../fourth/library/Access.html">交通アクセス</a></span>
343 490 
                     </div>
344 
-                    <span id="template_article_block">
491 
+                </div>
492 
+                <span id="template_article_block">
345 493 
                         <!-- コピペここから-->
346 494 
                         <p class="paragraphT15">図書館への交通手段ご案内。</p>
347 
-                        <!-- コピペここまで-->
495 
+                    <!-- コピペここまで-->
348 496 
                     </span>
349 
-                </article>
350 
-                <!-- 交通アクセス ここまで -->
351 
-                <!-- 新着案内 ここから -->
352 
-                <!--<article id="template_list_title">-->
353 
-                <!--<div id="template_title2" class="gothic">-->
354 
-                <!--<div id="template_title_block">-->
355 
-                <!--<span id="template_title2"><a-->
356 
-                <!--href="http://library.town.kitagata.gifu.jp/opac/wopc/pc/OpacServlet?disp=newcomeSearch">新着案内</a></span>-->
357 
-                <!--</div>-->
358 
-                <!--</div>-->
359 
-                <!--<span id="template_article_block">-->
360 
-                <!--&lt;!&ndash; コピペここから&ndash;&gt;-->
361 
-                <!--<p class="paragraphT15">新しい本のご紹介。</p>-->
362 
-                <!--&lt;!&ndash; コピペここまで&ndash;&gt;-->
363 
-                <!--</span>-->
364 
-                <!--</article>-->
365 
-                <!-- 新着案内 ここまで -->
366 
-                <!-- 2014-09-16新設　スポンサー こっから -->
367 
-                <article id="template_list_title">
368 
-                    <div id="template_title2" class="gothic">
369 
-                        <div id="template_title_block">
370 
-                            <span id="template_title2"><a href="../../fourth/library/sponsor.html">雑誌スポンサー制度</a></span>
371 
-                        </div>
497 
+            </article>
498 
+            <!-- 交通アクセス ここまで -->
499 
+            <!-- 新着案内 ここから -->
500 
+            <!--<article id="template_list_title">-->
501 
+            <!--<div id="template_title2" class="gothic">-->
502 
+            <!--<div id="template_title_block">-->
503 
+            <!--<span id="template_title2"><a-->
504 
+            <!--href="http://library.town.kitagata.gifu.jp/opac/wopc/pc/OpacServlet?disp=newcomeSearch">新着案内</a></span>-->
505 
+            <!--</div>-->
506 
+            <!--</div>-->
507 
+            <!--<span id="template_article_block">-->
508 
+            <!--&lt;!&ndash; コピペここから&ndash;&gt;-->
509 
+            <!--<p class="paragraphT15">新しい本のご紹介。</p>-->
510 
+            <!--&lt;!&ndash; コピペここまで&ndash;&gt;-->
511 
+            <!--</span>-->
512 
+            <!--</article>-->
513 
+            <!-- 新着案内 ここまで -->
514 
+            <!-- 2014-09-16新設　スポンサー こっから -->
515 
+            <article id="template_list_title">
516 
+                <div id="template_title2" class="gothic">
517 
+                    <div id="template_title_block">
518 
+                        <span id="template_title2"><a href="../../fourth/library/sponsor.html">雑誌スポンサー制度</a></span>
372 519 
                     </div>
373 
-                    <span id="template_article_block">
520 
+                </div>
521 
+                <span id="template_article_block">
374 522 
                         <!-- コピペここから-->
375 523 
                         <p class="paragraphT15">新たな図書館資料を確保して図書館サービスの向上を図るため、町立図書館に雑誌を提供していただける民間事業者などを募集します。</p>
376 
-                        <!-- コピペここまで-->
524 
+                    <!-- コピペここまで-->
377 525 
                     </span>
378 
-                </article>
379 
-                <!-- スポンサー　ここまで -->
380 
-                <!-- 他の図書館リンク ここから -->
381 
-                <article id="template_list_title">
382 
-                    <div id="template_title2" class="gothic">
383 
-                        <div id="template_title_block">
384 
-                            <span id="template_title2">他の図書館リンク</span>
385 
-                        </div>
526 
+            </article>
527 
+            <!-- スポンサー　ここまで -->
528 
+            <!-- 他の図書館リンク ここから -->
529 
+            <article id="template_list_title">
530 
+                <div id="template_title2" class="gothic">
531 
+                    <div id="template_title_block">
532 
+                        <span id="template_title2">他の図書館リンク</span>
386 533 
                     </div>
387 
-                    <span id="template_article_block">
534 
+                </div>
535 
+                <span id="template_article_block">
388 536 
                         <!-- コピペここから-->
389 537 
                         <ul>
390 538 
                             <li id="access"><a href="http://www.library.pref.gifu.lg.jp/"
391 
-                                    target="_blank">岐阜県図書館(新しいウィンドウで開きます）</a></li>
539 
+                                               target="_blank">岐阜県図書館(新しいウィンドウで開きます）</a></li>
392 540 
                         </ul>
393 541
394 
-                        <!-- コピペここまで-->
542 
+                    <!-- コピペここまで-->
395 543 
                     </span>
396 
-                </article>
397 
-                <!-- 他の図書館リンク ここまで -->
398 
-                <!-- ひとまとまりここまで-->
544 
+            </article>
545 
+            <!-- 他の図書館リンク ここまで -->
546 
+            <!-- ひとまとまりここまで-->
399 547
400 
-            </section>
401 
-        </div>
548 
+        </section>
549 
+    </div>
402 550
403 
-        <footer>
404 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
405 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
406 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
407 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
408 
-            </p>
409 
-        </footer>
410 551
552 
+    <footer>
553 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
554 
+        <div class="footer_mobile">
555 
+            <div class="footer_mobile_title">
556 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
557 
+                <h1 class="footerMobile__text">北方町役場</h1>
558 
+            </div>
559 
+            <div class="footer_mobile_address">
560 
+                <span class="footerTextWrap__text">
561 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
562 
+                </span><br>
563 
+                電話:058-323-1111(代)<br>
564 
+                FAX:058-323-2963<br>
565 
+                開庁日：8時30分～17時15分<br>
566 
+                （土・日・祝日、年末年始を除く）<br>
567 
+            </div>
568 
+        </div>
569 
+        <br class="sp__brDisplay">
570 
+        <p class="footer_text">
571 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
572 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
573 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
574 
+        </p>
575 
+    </footer>
411 576
412 
-    </div>
413 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Library" height="1"
414 
-        width="1" />
577 
+</div>
578 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Library" height="1"
579 
+     width="1"/>
415 580 
 </body>
416 581
417 
-</html>
582 
+</html>

+ 338
- 168
third/building_etc/Seishonen_home.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,156 +10,307 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
13 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
14 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
16 21 
 </head>
17 22
18 23 
 <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>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
27 53 
       </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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 
-        </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
41 63
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>-->
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
51 98
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>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
57 108 
         </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>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
64 111 
         </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>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
81 117 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 118 
       </div>
85 
-    </section>
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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
86 135
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
93 196 
           </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 197 
         </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 
-          </article>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
120 270 
         </div>
121 271 
       </div>
122 
-    </header>
272 
+    </div>
273 
+  </header>
123 274
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
126 277
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
278 
+    <!--セクション template-->
279 
+    <section id="template">
280 
+      <article id="breadcrumb">
281 
+        <div id="breadcrumb_title">
282 
+          <div id="breadcrumb_title_block">
132 283 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/town_admini_info.html">町政情報</a>><a
134 
-                  href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町広域勤労青少年ホーム</span>
135 
-            </div>
284 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
285 
+                      href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町広域勤労青少年ホーム</span>
136 286 
           </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>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template">
290 
+        <div id="template_title" class="gothic">
291 
+          <div id="template_title_block">
292 
+            <span id="template_title">北方町広域勤労青少年ホーム</span>
143 293 
           </div>
144 
-        </article>
294 
+        </div>
295 
+      </article>
145 296
146 
-        <!-- 小見出しから内容までのひとまとまりここから-->
147 
-        <article id="template_list_title">
148 
-          <div id="template_title2" class="gothic">
149 
-            <div id="template_title_block">
150 
-              <span id="template_title2">施設概要</span>
151 
-            </div>
297 
+      <!-- 小見出しから内容までのひとまとまりここから-->
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">施設概要</span>
152 302 
           </div>
153 
-          <span id="template_article_block">
303 
+        </div>
304 
+        <span id="template_article_block">
154 305 
             <!-- コピペここから-->
155 306 
             <p class="paragraphT10">
156 
-              <strong id="life">所在地</strong><br />
157 
-              <img src="../../css/img/14a.jpg" alt="外観写真" width="200"><br />
158 
-              〒501-0456<br />
159 
-              岐阜県本巣郡北方町高屋条里2丁目22番地<br />
160 
-              TEL (058)324-2167（火～金曜日（祝日を除く）午前9時～午後５時）<br />
307 
+              <strong id="life">所在地</strong><br/>
308 
+              <img src="../../css/img/14a.jpg" alt="外観写真" width="200"><br/>
309 
+              〒501-0456<br/>
310 
+              岐阜県本巣郡北方町高屋条里2丁目22番地<br/>
311 
+              TEL (058)324-2167（火～金曜日（祝日を除く）午前9時～午後５時）<br/>
161 312 
             </p>
162 
-            <br clear="all" />
313 
+            <br clear="all"/>
163 314
164 315 
             <div class="paragraphT10" style="width:300px;">
165 316 
               <div class="clear">
 
@@ -182,30 +333,30 @@
182 333 
                 <div class="left">竣工</div>
183 334 
                 <div class="right">昭和62年3月5日</div>
184 335 
               </div>
185 
-              <br clear="all" />
336 
+              <br clear="all"/>
186 337 
             </div>
187 338
188 339 
             <p class="paragraphT10">
189 340 
               <a href="http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-43486.87&CY=-64501.24&SC=4000"
190 
-                onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
191 
-                onClick="return openWin('http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-43486.87&CY=-64501.24&SC=4000')"
192 
-                target="_blank">詳細地図（別ウインドウ表示）</a>
341 
+                 onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
342 
+                 onClick="return openWin('http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-43486.87&CY=-64501.24&SC=4000')"
343 
+                 target="_blank">詳細地図（別ウインドウ表示）</a>
193 344 
             </p>
194 345
195 
-            <!-- コピペここまで-->
346 
+          <!-- コピペここまで-->
196 347 
           </span>
197 
-        </article>
348 
+      </article>
198 349
199 
-        <!-- ひとまとまりここまで-->
350 
+      <!-- ひとまとまりここまで-->
200 351
201 
-        <!-- 小見出しから内容までのひとまとまりここから-->
202 
-        <article id="template_list_title">
203 
-          <div id="template_title2" class="gothic">
204 
-            <div id="template_title_block">
205 
-              <span id="template_title2">利用案内</span>
206 
-            </div>
352 
+      <!-- 小見出しから内容までのひとまとまりここから-->
353 
+      <article id="template_list_title">
354 
+        <div id="template_title2" class="gothic">
355 
+          <div id="template_title_block">
356 
+            <span id="template_title2">利用案内</span>
207 357 
           </div>
208 
-          <span id="template_article_block">
358 
+        </div>
359 
+        <span id="template_article_block">
209 360 
             <!-- コピペここから-->
210 361 
             <div class="paragraphT10">
211 362 
               <div class="clear">
 
@@ -213,17 +364,17 @@
213 364 
                 <div class="left">　午前9時～午後9時</div>
214 365 
                 <div class="left">　※予約等の受付業務は午後5時まで</div>
215 366 
               </div>
216 
-              <div class="clear"><br />
367 
+              <div class="clear"><br/>
217 368 
                 <div class="list_label">・休館日</div>
218 
-                <div class="left">　月曜日<br />
219 
-                  　祝日<br />
220 
-                  　1月2日及び3日、12月29日から31日<br />
221 
-                  　（月曜日が祝日の場合は火曜日も休館となります。）<br />
369 
+                <div class="left">　月曜日<br/>
370 
+                  　祝日<br/>
371 
+                  　1月2日及び3日、12月29日から31日<br/>
372 
+                  　（月曜日が祝日の場合は火曜日も休館となります。）<br/>
222 373 
                 </div>
223 374 
               </div>
224 375 
             </div>
225 
-            <br clear="all" />
226 
-            <br />
376 
+            <br clear="all"/>
377 
+            <br/>
227 378
228 379 
             <div class="paragraphT10">
229 380 
               ・使用料金表
 
@@ -238,7 +389,7 @@
238 389 
                   <th bgcolor="#ddeeff" class="bg1">軽運動室</th>
239 390 
                   <td width="200" bgcolor="#ffeeef" class="bg1">
240 391 
                     <center>300円</center>
241 
-                    <td />
392 
+                    <td/>
242 393 
                 </tr>
243 394 
                 <tr>
244 395 
                   <th bgcolor="#ddeeff" class="bg1">調理実習室</th>
 
@@ -271,42 +422,61 @@
271 422 
                   </td>
272 423 
                 </tr>
273 424 
               </table>
274 
-              ※7月から9月及び12月から2月に使用する場合は、100円を加算する。<br />
275 
-              ※町外者が利用する場合の貸し出し料金は、上記料金の２倍とする。<br />
276 
-              ※営利目的で利用する場合の貸し出し料金は上記料金の２倍とする。<br />
425 
+              ※7月から9月及び12月から2月に使用する場合は、100円を加算する。<br/>
426 
+              ※町外者が利用する場合の貸し出し料金は、上記料金の２倍とする。<br/>
427 
+              ※営利目的で利用する場合の貸し出し料金は上記料金の２倍とする。<br/>
277 428 
             </div>
278 429
279 
-            <br />
430 
+            <br/>
280 431
281 432 
             <div class="paragraphT10">
282 433 
               <div class="clear">
283 434 
                 <div class="list_label">・利用申込</div>
284 435 
                 <div class="left">　火～金曜日（祝日を除く）午前9時～午後5時に施設窓口にてお申込みください。</div>
285 436 
               </div>
286 
-              <div class="clear"><br />
437 
+              <div class="clear"><br/>
287 438 
               </div>
288 439 
             </div>
289 
-            <br clear="all" />
440 
+            <br clear="all"/>
290 441
291 
-            <!-- コピペここまで-->
442 
+          <!-- コピペここまで-->
292 443 
           </span>
293 
-        </article>
444 
+      </article>
294 445
295 
-        <!-- ひとまとまりここまで-->
446 
+      <!-- ひとまとまりここまで-->
296 447
297 
-      </section>
298 
-    </div>
448 
+    </section>
449 
+  </div>
299 450
300 
-    <footer>
301 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
302 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
303 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
304 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
305 
-    </footer>
306 451
452 
+  <footer>
453 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
454 
+    <div class="footer_mobile">
455 
+      <div class="footer_mobile_title">
456 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
457 
+        <h1 class="footerMobile__text">北方町役場</h1>
458 
+      </div>
459 
+      <div class="footer_mobile_address">
460 
+                <span class="footerTextWrap__text">
461 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
462 
+                </span><br>
463 
+        電話:058-323-1111(代)<br>
464 
+        FAX:058-323-2963<br>
465 
+        開庁日：8時30分～17時15分<br>
466 
+        （土・日・祝日、年末年始を除く）<br>
467 
+      </div>
468 
+    </div>
469 
+    <br class="sp__brDisplay">
470 
+    <p class="footer_text">
471 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
472 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
473 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
474 
+    </p>
475 
+  </footer>
307 476
308 
-  </div>
309 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Seishonen_home" height="1"
310 
-    width="1" />
311 477
312 
-</html>
478 
+</div>
479 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Seishonen_home" height="1"
480 
+     width="1"/>
481 
+
482 
+</html>

+ 339
- 157
third/building_etc/Water_center.html ファイルの表示 

@@ -1,149 +1,310 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
- <head>
2 
+<html id="html-back" lang="ja">
3 
+<head>
4 4 
   <meta charset="utf-8">
5 
-   <title>北方町ふれあい水センター | 北方町ホームページ</title>
6 
-   <link rel="stylesheet" href="../../css/base.css">
7 
-   <link rel="stylesheet" href="../../css/second_header.css">
8 
-   <link rel="stylesheet" href="../../css/footer.css">
9 
-   <link rel="stylesheet" href="../../css/section.css">
10 
-   <link rel="stylesheet" href="../../css/third_template.css" >
11 
-   <link rel="stylesheet" href="../../css/table.css" >
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/image_mobile.css">
12 18 
   <script src="../../js/operation.js"></script>
13 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 
- </head>
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 
+</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="setBackground3(1)">
32 
-     <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-     <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-    </div>
35 
-	<script>
36 
-	getBackgNumber3();
37 
-	</script>
38 
-   </article>
39 
-
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 
-
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>
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>
79 35
80 
-   <!--ヘッダーデータ-->
81 
-   <header>
82 
-    <div id="header" class="gothic">
83 
-     <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-     <div id="h_block_1">
85 
-      <div class="h_line"></div>
86 
-      <article class="h_text_l">
87 
-       <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
88 
-      </article>
89 
-      <article class="h_text_l">
90 
-       <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
91 54 
       </article>
92 
-      <article class="h_text_l">
93 
-       <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
94 70 
       </article>
95 
-      <article class="h_text_l">
96 
-       <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
97 77 
       </article>
98 
-     </div>
99 
-     <div id="h_block_search">
100 
-      <div class="h_line"></div>
101 
-      <article class="h_search">
102 
-       <div class="space10"></div>
103 
-        <form action="http://www.google.com/search">
104 
-         <input type="hidden" name="hl" value="ja" />
105 
-         <input type="hidden" name="ie" value="UTF-8">
106 
-         <input type="hidden" name="oe" value="UTF-8">
107 
-         <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
108 
-         <input type="text" name="q" size="16" maxlength="256" value="" />
109 
-         <input type="submit" name="btnG" value="検索" />
110 
-        </form>
111 
-       </div>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
90 
+          </script>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
112 94 
       </article>
113 
-     </div>
114 
-    </header>
115 
-
116 
-  <div id="third_body">
117 
-   <!--セクション space-->
118 
-
119 
-   <!--セクション template-->
120 
-   <section id="template" >
121 
-    <article id="breadcrumb" >
122 
-     <div id="breadcrumb_title">
123 
-      <div id="breadcrumb_title_block">
124 
-       <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>><a href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町ふれあい水センター</span>
95 
+      <div id="claer">
125 96 
       </div>
126 
-     </div>
127 
-    </article>
97 
+    </div>
98 
+  </section>
128 99
129 
-    <article id="template" >
130 
-     <div id="template_title" class="gothic">
131 
-      <div id="template_title_block">
132 
-       <span id="template_title">北方町ふれあい水センター（下水道終末処理場）</span>
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
118 
+        </article>
133 119 
       </div>
134 
-     </div>
135 
-    </article>
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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
136 136
137 
-    <article id="template_list_title" >
138 
-     <div id="template_title2" class="gothic">
139 
-      <div id="template_title_block">
140 
-       <span id="template_title2">施設概要</span>
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
167 
+            </a>
168 
+          </div>
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </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/business.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">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
229 
+            </a>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
271 
+        </div>
141 272 
       </div>
142 
-     </div>
273 
+    </div>
274 
+  </header>
275 
+
276 
+  <div id="third_body">
277 
+    <!--セクション space-->
143 278
144 
-     <span id="template_article_block">
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="../../second/town_admini_info.html">町政情報</a>><a
285 
+                    href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町ふれあい水センター</span>
286 
+          </div>
287 
+        </div>
288 
+      </article>
289 
+
290 
+      <article id="template_2lins">
291 
+        <div id="template_title_2lins" class="gothic">
292 
+          <div id="template_title_block_2lins">
293 
+            <span id="template_title_2lins">北方町ふれあい水センター（下水道終末処理場）</span>
294 
+          </div>
295 
+        </div>
296 
+      </article>
297 
+
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">施設概要</span>
302 
+          </div>
303 
+        </div>
304 
+
305 
+        <span id="template_article_block">
145 306 
       <p class="paragraphT10">
146 
-       <img src="../../third/building_etc/17a.jpg" alt="外観写真" width="320" align="right">
307 
+       <img class="template_image_mobile" src="../../third/building_etc/17a.jpg" alt="外観写真" width="320" align="right">
147 308 
        <strong id="life">所在地</strong>
148 309 
        <BR/>
149 310 
        <BR/>〒501-0452
 
@@ -168,21 +329,24 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
168 329 
           <td>9,150m&#179;</td>
169 330 
          </tr>
170 331 
         </table>
171 
-	<a href="http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42796.97&CY=-63970.27&SC=4000" onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''" onClick="return openWin('http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42796.97&CY=-63970.27&SC=4000')" target="_blank">詳細地図（別ウインドウ表示）</a>
172 
-	<br clear="all" />
173 
-	</p>
332 
+	<a href="http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42796.97&CY=-63970.27&SC=4000"
333 
+     onmouseover="window.status='詳細地図を別ウインドウで表示します。'; return true;" onmouseout="window.status=''"
334 
+     onClick="return openWin('http://www.gis2.pref.gifu.jp/MyMap2_0/Map.jsp?KEY=1058437443568&DIR=200&SRS=2449&CX=-42796.97&CY=-63970.27&SC=4000')"
335 
+     target="_blank">詳細地図（別ウインドウ表示）</a>
336 
+	<br clear="all"/>
337 
+          </p>
174 338 
        </span>
175 339 
       </article>
176 340
177 
-      <article id="template_list_title" >
178 
-       <div id="template_title2" class="gothic">
179 
-        <div id="template_title_block">
180 
-         <span id="template_title2">事業内容</span>
341 
+      <article id="template_list_title">
342 
+        <div id="template_title2" class="gothic">
343 
+          <div id="template_title_block">
344 
+            <span id="template_title2">事業内容</span>
345 
+          </div>
181 346 
         </div>
182 
-       </div>
183 
-       <span id="template_article_block">
347 
+        <span id="template_article_block">
184 348 
         <p class="paragraphT10">
185 
-       <img src="../../css/img/17b.gif" alt="処理場の仕組み説明図" width="450"><BR/>
349 
+       <img class="template_image_mobile" src="../../css/img/17b.gif" alt="処理場の仕組み説明図" width="450"><BR/>
186 350 
 公共下水道の最終処理場であるふれあい水センターでは、家庭や商業施設などから流入してきた汚水や雑排水を微生物の力で浄化し、水質検査をして川へ放流しています。<BR/>
187 351 
 浄化の過程で出る汚泥は、有用な資源としてリサイクルしています。<BR/>
188 352 
 <BR/>
 
@@ -191,13 +355,13 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
191 355 
        </span>
192 356 
       </article>
193 357
194 
-      <article id="template_list_title" >
195 
-       <div id="template_title2" class="gothic">
196 
-        <div id="template_title_block">
197 
-         <span id="template_title2">施設見学</span>
358 
+      <article id="template_list_title">
359 
+        <div id="template_title2" class="gothic">
360 
+          <div id="template_title_block">
361 
+            <span id="template_title2">施設見学</span>
362 
+          </div>
198 363 
         </div>
199 
-       </div>
200 
-       <span id="template_article_block">
364 
+        <span id="template_article_block">
201 365 
 当施設では、団体研修などの施設見学を行っています。<BR/>
202 366 
 施設見学の申込書は<a href="../../third/living/Application_form.html#kengaku" target="_blank">こちらから</a>入手できます。<BR/>
203 367 
         <div>
 
@@ -206,26 +370,44 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
206 370 
           <img src="../../css/img/waterc002.jpg" alt="処理場見学写真２" width="250" style="margin: 10px 10px;"/>
207 371 
          </div>
208 372 
          <div>
209 
-          <img src="../../css/img/waterc005.jpg" alt="処理場見学写真３" width="250" style="margin: 10px 10px;" />
210 
-          <img src="../../css/img/waterc006.jpg" alt="処理場見学写真４" width="250" style="margin: 10px 10px;" />
373 
+          <img src="../../css/img/waterc005.jpg" alt="処理場見学写真３" width="250" style="margin: 10px 10px;"/>
374 
+          <img src="../../css/img/waterc006.jpg" alt="処理場見学写真４" width="250" style="margin: 10px 10px;"/>
211 375 
          </div>
212 376 
         </div>
213 377 
        </span>
214 378 
       </article>
215 379
216 
-   </section>
380 
+    </section>
217 381 
   </div>
218 
-
382 
+
383 
+
219 384 
   <footer>
220 
-   <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><BR/>
221 
-   <p class="footer_text">
222 
-    <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
223 
-    <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
224 
-    <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
225 
-   </p>
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>
406 
+    </p>
226 407 
   </footer>
227 408
228 
- </div>
229 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Water_center" height="1" width="1" />
409 
+</div>
410 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Water_center" height="1"
411 
+     width="1"/>
230 412 
 </body>
231 413 
 </html>

+ 333
- 153
third/building_etc/Water_source.html ファイルの表示 

@@ -1,149 +1,311 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
- <head>
2 
+<html id="html-back" lang="ja">
3 
+<head>
4 4 
   <meta charset="utf-8">
5 
-   <title>北方町水源地 | 北方町ホームページ</title>
6 
-   <link rel="stylesheet" href="../../css/base.css">
7 
-   <link rel="stylesheet" href="../../css/second_header.css">
8 
-   <link rel="stylesheet" href="../../css/footer.css">
9 
-   <link rel="stylesheet" href="../../css/section.css">
10 
-   <link rel="stylesheet" href="../../css/third_template.css" >
11 
-   <link rel="stylesheet" href="../../css/table.css" >
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/image_mobile.css">
12 18 
   <script src="../../js/operation.js"></script>
13 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 
- </head>
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 
+</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="setBackground3(1)">
32 
-     <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-     <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-    </div>
35 
-	<script>
36 
-	getBackgNumber3();
37 
-	</script>
38 
-   </article>
39 
-
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 
-
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>
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>
79 35
80 
-   <!--ヘッダーデータ-->
81 
-   <header>
82 
-    <div id="header" class="gothic">
83 
-     <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-     <div id="h_block_1">
85 
-      <div class="h_line"></div>
86 
-      <article class="h_text_l">
87 
-       <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
88 
-      </article>
89 
-      <article class="h_text_l">
90 
-       <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
91 54 
       </article>
92 
-      <article class="h_text_l">
93 
-       <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
94 70 
       </article>
95 
-      <article class="h_text_l">
96 
-       <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
97 77 
       </article>
98 
-     </div>
99 
-     <div id="h_block_search">
100 
-      <div class="h_line"></div>
101 
-      <article class="h_search">
102 
-       <div class="space10"></div>
103 
-        <form action="http://www.google.com/search">
104 
-         <input type="hidden" name="hl" value="ja" />
105 
-         <input type="hidden" name="ie" value="UTF-8">
106 
-         <input type="hidden" name="oe" value="UTF-8">
107 
-         <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
108 
-         <input type="text" name="q" size="16" maxlength="256" value="" />
109 
-         <input type="submit" name="btnG" value="検索" />
110 
-        </form>
111 
-       </div>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
90 
+          </script>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
112 94 
       </article>
113 
-     </div>
114 
-    </header>
115 
-
116 
-  <div id="third_body">
117 
-   <!--セクション space-->
118 
-
119 
-   <!--セクション template-->
120 
-   <section id="template" >
121 
-    <article id="breadcrumb" >
122 
-     <div id="breadcrumb_title">
123 
-      <div id="breadcrumb_title_block">
124 
-       <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>><a href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町水源地</span>
95 
+      <div id="claer">
125 96 
       </div>
126 
-     </div>
127 
-    </article>
97 
+    </div>
98 
+  </section>
128 99
129 
-    <article id="template" >
130 
-     <div id="template_title" class="gothic">
131 
-      <div id="template_title_block">
132 
-       <span id="template_title">北方町水源地</span>
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
118 
+        </article>
133 119 
       </div>
134 
-     </div>
135 
-    </article>
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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
136 136
137 
-    <article id="template_list_title" >
138 
-     <div id="template_title2" class="gothic">
139 
-      <div id="template_title_block">
140 
-       <span id="template_title2">施設概要</span>
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
167 
+            </a>
168 
+          </div>
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </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/business.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">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
229 
+            </a>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
271 
+        </div>
141 272 
       </div>
142 
-     </div>
273 
+    </div>
274 
+  </header>
275 
+
276 
+  <div id="third_body">
277 
+    <!--セクション space-->
143 278
144 
-     <span id="template_article_block">
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="../../second/town_admini_info.html">町政情報</a>><a
285 
+                    href="../town_admini_info/Building_etc.html">その他の公共施設</a>>北方町水源地</span>
286 
+          </div>
287 
+        </div>
288 
+      </article>
289 
+
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 
+
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">施設概要</span>
302 
+          </div>
303 
+        </div>
304 
+
305 
+        <span id="template_article_block">
145 306 
       <p class="paragraphT10">
146 
-       <img src="../../third/building_etc/water_source.jpg" alt="管理棟の写真" width="280" align="right">
307 
+       <img class="template_image_mobile" src="../../third/building_etc/water_source.jpg" alt="管理棟の写真" width="280"
308 
+            align="right">
147 309 
        <strong id="life">所在地</strong>
148 310 
        <BR/>
149 311 
        <BR/>〒501-0434
 
@@ -172,18 +334,18 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
172 334 
           <td>容量2,000m&sup3;×2基</td>
173 335 
          </tr>
174 336 
         </table>
175 
-	<br clear="all" />
176 
-	</p>
337 
+	<br clear="all"/>
338 
+          </p>
177 339 
        </span>
178 340 
       </article>
179 341
180 
-      <article id="template_list_title" >
181 
-       <div id="template_title2" class="gothic">
182 
-        <div id="template_title_block">
183 
-         <span id="template_title2">事業内容</span>
342 
+      <article id="template_list_title">
343 
+        <div id="template_title2" class="gothic">
344 
+          <div id="template_title_block">
345 
+            <span id="template_title2">事業内容</span>
346 
+          </div>
184 347 
         </div>
185 
-       </div>
186 
-       <span id="template_article_block">
348 
+        <span id="template_article_block">
187 349 
         <p class="paragraphT10">
188 350 
 水源地では、地下150ｍからくみ上げた水を塩素で滅菌消毒し、各家庭や商業施設などへ配水しています。<BR/>
189 351 
 <BR/>
 
@@ -192,31 +354,49 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
192 354 
        </span>
193 355 
       </article>
194 356
195 
-      <article id="template_list_title" >
196 
-       <div id="template_title2" class="gothic">
197 
-        <div id="template_title_block">
198 
-         <span id="template_title2">施設見学</span>
357 
+      <article id="template_list_title">
358 
+        <div id="template_title2" class="gothic">
359 
+          <div id="template_title_block">
360 
+            <span id="template_title2">施設見学</span>
361 
+          </div>
199 362 
         </div>
200 
-       </div>
201 
-       <span id="template_article_block">
363 
+        <span id="template_article_block">
202 364 
 当施設では、団体研修などの施設見学を行っています。<BR/>
203 365 
 施設見学の申込書は<a href="../../third/living/Application_form.html#kengaku" target="_blank">こちらから</a>入手できます。<BR/>
204 366 
        </span>
205 367 
       </article>
206 368
207 
-   </section>
369 
+    </section>
208 370 
   </div>
209 
-
371 
+
372 
+
210 373 
   <footer>
211 
-   <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><BR/>
212 
-   <p class="footer_text">
213 
-    <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
214 
-    <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
215 
-    <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
216 
-   </p>
374 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
375 
+    <div class="footer_mobile">
376 
+      <div class="footer_mobile_title">
377 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
378 
+        <h1 class="footerMobile__text">北方町役場</h1>
379 
+      </div>
380 
+      <div class="footer_mobile_address">
381 
+                <span class="footerTextWrap__text">
382 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
383 
+                </span><br>
384 
+        電話:058-323-1111(代)<br>
385 
+        FAX:058-323-2963<br>
386 
+        開庁日：8時30分～17時15分<br>
387 
+        （土・日・祝日、年末年始を除く）<br>
388 
+      </div>
389 
+    </div>
390 
+    <br class="sp__brDisplay">
391 
+    <p class="footer_text">
392 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
393 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
394 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
395 
+    </p>
217 396 
   </footer>
218 397
219 
- </div>
220 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Water_center" height="1" width="1" />
398 
+</div>
399 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Water_center" height="1"
400 
+     width="1"/>
221 401 
 </body>
222 402 
 </html>

+ 241
- 78
third/building_etc/use_altech_arena.html ファイルの表示 

@@ -1,29 +1,44 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
19 35 
 <div id="main" class="gothic">
20 36 
   <!--セクション 操作-->
21 37 
   <section id="operation">
22 38 
     <!--セクション 住所-->
23 39 
     <article id="address">
24 40 
       <address id="operation_add">
25 
-        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 42 
       </address>
28 43 
     </article>
29 44 
     <div id="controle_panel">
 
@@ -31,33 +46,25 @@
31 46 
       <article id="bgcolor">
32 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
33 48 
         <div id="bgcolor_img">
34 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                 onClick="setBackground3(1)">
36 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                 onClick="setBackground3(2)">
38 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                 onClick="setBackground3(3)">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 52 
         </div>
41 
-        <script>
42 
-          getBackgNumber3();
43 
-        </script>
44 53 
       </article>
45 
-
46 54 
       <!--セクション 文字サイズ-->
47 55 
       <!--<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>-->
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
55 63
56 64 
       <!--セクション サイトマップ-->
57 65 
       <article id="sitemap">
58 66 
         <div id="sitemap_img">
59 
-          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                                   alt="サイトマップ"/></a>
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
61 68 
         </div>
62 69 
       </article>
63 70 
       <!--セクション お問い合わせ-->
 
@@ -73,12 +80,12 @@
73 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 81 
           <div id="google_translate_element"></div>
75 82 
           <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 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
82 89 
           </script>
83 90 
           <script type="text/javascript"
84 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -92,8 +99,7 @@
92 99 
   <!--ヘッダーデータ-->
93 100 
   <header>
94 101 
     <div id="header" class="gothic">
95 
-      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                                      height="260px"/></a>
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
97 103 
       <div id="h_block_1">
98 104 
         <div class="h_line">
99 105 
         </div>
 
@@ -127,39 +133,178 @@
127 133 
     </div>
128 134 
   </header>
129 135
130 
-  <div id="third_body">
131 
-    <!--セクション space-->
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
272 
+        </div>
273 
+    </header>
132 274
133 
-    <!--セクション template-->
134 
-    <section id="template">
135 
-      <article id="breadcrumb2">
136 
-        <div id="breadcrumb_title2">
137 
-          <div id="breadcrumb_title_block2">
275 
+    <div id="third_body">
276 
+        <!--セクション space-->
277 
+
278 
+        <!--セクション template-->
279 
+        <section id="template">
280 
+            <article id="breadcrumb2">
281 
+                <div id="breadcrumb_title2">
282 
+                    <div id="breadcrumb_title_block2">
138 283 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
139 284 
                                     href="../../second/town_admini_info.html">町政情報</a>><a
140 285 
                                     href="../town_admini_info/Building_etc.html">その他の公共施設</a>>
141 286 
 								<a href="Gym.html">北方町アルテックアリーナ(総合体育館)(他社会体育施設)</a>>
142 287 
 								ご利用について
143 288 
 							</span>
144 
-          </div>
145 
-        </div>
146 
-      </article>
147 
-      <article id="template">
148 
-        <div id="template_title" class="gothic">
149 
-          <div id="template_title_block">
150 
-            <span id="template_title">北方町アルテックアリーナ(総合体育館)(他社会体育施設)</span>
151 
-          </div>
152 
-        </div>
153 
-      </article>
289 
+                    </div>
290 
+                </div>
291 
+            </article>
292 
+            <article id="template">
293 
+                <div id="template_title_2lins" class="gothic">
294 
+                    <div id="template_title_block">
295 
+                        <span id="template_title_2lins">北方町アルテックアリーナ(総合体育館)(他社会体育施設)</span>
296 
+                    </div>
297 
+                </div>
298 
+            </article>
154 299
155 
-      <article id="template_list_title">
156 
-        <span id="about-use"></span>
157 
-        <div id="template_title2" class="gothic">
158 
-          <div id="template_title_block">
159 
-            <span id="template_title2">ご利用について</span>
160 
-          </div>
161 
-        </div>
162 
-        <span id="template_article_block">
300 
+            <article id="template_list_title">
301 
+                <span id="about-use"></span>
302 
+                <div id="template_title2" class="gothic">
303 
+                    <div id="template_title_block">
304 
+                        <span id="template_title2">ご利用について</span>
305 
+                    </div>
306 
+                </div>
307 
+                <span id="template_article_block">
163 308 
 						<!-- コピペここから-->
164 309 
 						<p class="paragraphT10">
165 310 
 							・健康とふれあいの多目的ゾーン<br/>
 
@@ -305,21 +450,39 @@
305 450 
 						</div>
306 451
307 452
308 
-          <!-- コピペここまで-->
453 
+                    <!-- コピペここまで-->
309 454 
 					</span>
310 
-      </article>
455 
+            </article>
311 456
312 
-      <!-- ひとまとまりここまで-->
457 
+            <!-- ひとまとまりここまで-->
313 458
314 
-    </section>
315 
-  </div>
459 
+        </section>
460 
+    </div>
316 461
317 
-  <footer>
318 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
319 
-    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
320 
-            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
321 
-            href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
322 
-  </footer>
462 
+    <footer>
463 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
464 
+        <div class="footer_mobile">
465 
+            <div class="footer_mobile_title">
466 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
467 
+                <h1 class="footerMobile__text">北方町役場</h1>
468 
+            </div>
469 
+            <div class="footer_mobile_address">
470 
+                <span class="footerTextWrap__text">
471 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
472 
+                </span><br>
473 
+                電話:058-323-1111(代)<br>
474 
+                FAX:058-323-2963<br>
475 
+                開庁日：8時30分～17時15分<br>
476 
+                （土・日・祝日、年末年始を除く）<br>
477 
+            </div>
478 
+        </div>
479 
+        <br class="sp__brDisplay">
480 
+        <p class="footer_text">
481 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
482 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
483 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
484 
+        </p>
485 
+    </footer>
323 486
324 487
325 488 
 </div>

+ 396
- 221
third/business/Crisis-related_guarantees.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,177 +10,330 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_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>
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 
+
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
27 54 
       </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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 
-        </article>
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
41 64
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>-->
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
90 
+          </script>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
51 99
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>
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
57 109 
         </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>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
64 112 
         </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>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
81 118 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 119 
       </div>
85 
-    </section>
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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
86 136
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
167 
+            </a>
93 168 
           </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 169 
         </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 
-          </article>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </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/business.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">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
229 
+            </a>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
120 271 
         </div>
121 272 
       </div>
122 
-    </header>
273 
+    </div>
274 
+  </header>
123 275
124 
-    <div id="third_body">
125 
-      <section id="template">
126 
-        <article id="breadcrumb2">
127 
-          <div id="breadcrumb_title2">
128 
-            <div id="breadcrumb_title_block2">
276 
+  <div id="third_body">
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
129 281 
               <span id="breadcrumb_title2"><a href="../../index.html">トップ</a>><a
130 
-                  href="../../second/business.html">事業者向け情報</a>>危機関連保証(中小企業信用保険法第2条第6項の規定による認定)について</span>
131 
-            </div>
282 
+                      href="../../second/business.html">事業者向け情報</a>>危機関連保証(中小企業信用保険法第2条第6項の規定による認定)について</span>
132 283 
           </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">危機関連保証(中小企業信用保険法第2条第6項の規定による認定)について</span>
138 
-            </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template_2lins">
287 
+        <div id="template_title_2lins" class="gothic">
288 
+          <div id="template_title_block_2lins">
289 
+            <span id="template_title_2lins">危機関連保証(中小企業信用保険法第2条第6項の規定による認定)について</span>
139 290 
           </div>
140 
-          <span id="template_article_block">
141 
-            　この制度は、内外の金融秩序の混乱その他の事象が突発的に生じたため、中小企業について著しい信用の収縮が全国的に生じていることが確認でき、国として危機関連保証を実施する必要があると認める場合に、国が発動するものです。<br />
142 
-            　実際に売上等が減少している中小企業者を支援するための措置であり、中小企業者の資金繰り支援のため、信用保証協会が一般保証やセーフティネット保証等とは別枠で保証(100%保証)を行うものです。<br />
291 
+        </div>
292 
+        <span id="template_article_block">
293 
+            　この制度は、内外の金融秩序の混乱その他の事象が突発的に生じたため、中小企業について著しい信用の収縮が全国的に生じていることが確認でき、国として危機関連保証を実施する必要があると認める場合に、国が発動するものです。<br/>
294 
+            　実際に売上等が減少している中小企業者を支援するための措置であり、中小企業者の資金繰り支援のため、信用保証協会が一般保証やセーフティネット保証等とは別枠で保証(100%保証)を行うものです。<br/>
143 295 
           </span>
144 
-        </article>
296 
+      </article>
145 297
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">お知らせ</span>
150 
-            </div>
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">お知らせ</span>
151 302 
           </div>
152 
-          <span id="template_article_block">
153 
-            危機関連保証に該当するものとして、「新型コロナウイルス感染症による被害」が指定されました。<br />
154 
-            【指定期間】令和２年２月１日から令和３年１２月３１日まで<br />
155 
-            （指定期間が令和3年12月31日までに変更されました。）<br />
303 
+        </div>
304 
+        <span id="template_article_block">
305 
+            危機関連保証に該当するものとして、「新型コロナウイルス感染症による被害」が指定されました。<br/>
306 
+            【指定期間】令和２年２月１日から令和３年１２月３１日まで<br/>
307 
+            （指定期間が令和3年12月31日までに変更されました。）<br/>
156 308 
           </span>
157 
-        </article>
309 
+      </article>
158 310
159 
-        <article id="template_list_title">
160 
-          <div id="template_title2" class="gothic">
161 
-            <div id="template_title_block">
162 
-              <span id="template_title2">関連情報</span>
163 
-            </div>
311 
+      <article id="template_list_title">
312 
+        <div id="template_title2" class="gothic">
313 
+          <div id="template_title_block">
314 
+            <span id="template_title2">関連情報</span>
164 315 
           </div>
165 
-          <span id="template_article_block">
316 
+        </div>
317 
+        <span id="template_article_block">
166 318 
             <a href="https://www.chusho.meti.go.jp/kinyu/sefu_net_crisis.htm"
167 
-              target="_blank">中小企業庁　セーフティネット保証制度（外部リンクへ）</a>
168 
-            <br />
319 
+               target="_blank">中小企業庁　セーフティネット保証制度（外部リンクへ）</a>
320 
+            <br/>
169 321 
           </span>
170 
-        </article>
322 
+      </article>
171 323
172 
-        <article id="template_list_title">
173 
-          <div id="template_title2" class="gothic">
174 
-            <div id="template_title_block">
175 
-              <span id="template_title2">1.要件の確認</span>
176 
-            </div>
324 
+      <article id="template_list_title">
325 
+        <div id="template_title2" class="gothic">
326 
+          <div id="template_title_block">
327 
+            <span id="template_title2">1.要件の確認</span>
177 328 
           </div>
178 
-          <span id="template_article_block">
179 
-            　次のいずれにも該当する中小企業者<br />
180 
-            　新型コロナウイルス感染症の影響により、経営に支障を来している方<br />
181 
-            　最近1か月の売上高等が前年同月比で15％以上減少しており、かつ、その後2か月間を含む3か月間の売上高等が前年同期比で15％以上減少することが見込まれる方<br />
182 
-            　なお、北方町で認定できる方は、原則として北方町内に本店のある法人、北方町内に事業所のある個人事業主です。<br />
183 
-            <br />
329 
+        </div>
330 
+        <span id="template_article_block">
331 
+            　次のいずれにも該当する中小企業者<br/>
332 
+            　新型コロナウイルス感染症の影響により、経営に支障を来している方<br/>
333 
+            　最近1か月の売上高等が前年同月比で15％以上減少しており、かつ、その後2か月間を含む3か月間の売上高等が前年同期比で15％以上減少することが見込まれる方<br/>
334 
+            　なお、北方町で認定できる方は、原則として北方町内に本店のある法人、北方町内に事業所のある個人事業主です。<br/>
335 
+            <br/>
336 
+          <div class="scroll_table">
184 337 
             <table id="infokitagata" width="100%" cellspacing="1" cellpadding="3" border="0">
185 338 
               <tbody>
186 339 
                 <tr>
 
@@ -200,18 +353,20 @@
200 353 
                 </tr>
201 354 
               </tbody>
202 355 
             </table>
356 
+            </div>
203 357 
           </span>
204 
-        </article>
358 
+      </article>
205 359
206 
-        <article id="template_list_title">
207 
-          <div id="template_title2" class="gothic">
208 
-            <div id="template_title_block">
209 
-              <span id="template_title2">2.申請に必要な書類</span>
210 
-            </div>
360 
+      <article id="template_list_title">
361 
+        <div id="template_title2" class="gothic">
362 
+          <div id="template_title_block">
363 
+            <span id="template_title2">2.申請に必要な書類</span>
211 364 
           </div>
212 
-          <span id="template_article_block">
213 
-            　認定申請書、売上等明細表に必要事項をそれぞれ記入、押印し、下記の必要書類を添付して申請してください。　（申請の際、念のため実印を併せてお持ちください）<br />
214 
-            <br />
365 
+        </div>
366 
+        <span id="template_article_block">
367 
+            　認定申請書、売上等明細表に必要事項をそれぞれ記入、押印し、下記の必要書類を添付して申請してください。　（申請の際、念のため実印を併せてお持ちください）<br/>
368 
+            <br/>
369 
+          <div class="scroll_table">
215 370 
             <table border="0" cellpadding="3" cellspacing="3" width="650" id="infokitagata" summary="datatable">
216 371 
               <tr>
217 372 
                 <th valign="top" align="center" width="5%" bgcolor="#ADD8E6">　</th>
 
@@ -244,7 +399,7 @@
244 399 
                 <td valign="top" align="center" bgcolor="#dcdcdc">〇</td>
245 400 
               </tr>
246 401 
               <tr>
247 
-                <td valign="top" align="left" bgcolor="#dcdcdc">申請書及び売上等明細表に記入された売上高等の確認できるもの<br />
402 
+                <td valign="top" align="left" bgcolor="#dcdcdc">申請書及び売上等明細表に記入された売上高等の確認できるもの<br/>
248 403 
                   （売上台帳や試算表、確定申告書等）</td>
249 404 
                 <td valign="top" align="center" bgcolor="#dcdcdc" colspan="2">〇</td>
250 405 
               </tr>
 
@@ -253,24 +408,26 @@
253 408 
                 <td valign="top" align="center" bgcolor="#dcdcdc" colspan="2">〇</td>
254 409 
               </tr>
255 410 
             </table>
256 
-            <br />
257 
-            【注意】<br />
258 
-            委任状は、セーフティネット保証4号やセーフティネット保証5号のホームページに掲載しているものとは異なりますので、ご注意ください。<br />
411 
+            </div>
412 
+            <br/>
413 
+            【注意】<br/>
414 
+            委任状は、セーフティネット保証4号やセーフティネット保証5号のホームページに掲載しているものとは異なりますので、ご注意ください。<br/>
259 415 
           </span>
260 
-        </article>
416 
+      </article>
261 417
262 
-        <article id="template_list_title">
263 
-          <div id="template_title2" class="gothic">
264 
-            <div id="template_title_block">
265 
-              <span id="template_title2">認定緩和について</span>
266 
-            </div>
418 
+      <article id="template_list_title">
419 
+        <div id="template_title2" class="gothic">
420 
+          <div id="template_title_block">
421 
+            <span id="template_title2">認定緩和について</span>
267 422 
           </div>
268 
-          <span id="template_article_block">
269 
-            次の(1)又は(2)に該当する方の場合、次のア～ウを減少率を算定する際の計算方法にすることができます。<br />
270 
-            申請にあたっては、(1)又は(2)に該当することが確認できる資料もご持参ください。<br />
271 
-            (1)業歴3カ月以上1年1カ月未満の事業者<br />
272 
-            (2)前年以降店舗の増加等によって、単純な売上高等の前年比較では認定が困難な事業者<br />
273 
-            <br />
423 
+        </div>
424 
+        <span id="template_article_block">
425 
+            次の(1)又は(2)に該当する方の場合、次のア～ウを減少率を算定する際の計算方法にすることができます。<br/>
426 
+            申請にあたっては、(1)又は(2)に該当することが確認できる資料もご持参ください。<br/>
427 
+            (1)業歴3カ月以上1年1カ月未満の事業者<br/>
428 
+            (2)前年以降店舗の増加等によって、単純な売上高等の前年比較では認定が困難な事業者<br/>
429 
+            <br/>
430 
+          <div class="scroll_table">
274 431 
             <table border="0" cellpadding="3" cellspacing="3" width="650" id="infokitagata" summary="datatable">
275 432 
               <tr>
276 433 
                 <th valign="top" align="center" width="5%" bgcolor="#ADD8E6">　</th>
 
@@ -282,7 +439,7 @@
282 439 
                 <td valign="top" align="left" bgcolor="#dcdcdc" colspan="3">最近1カ月の売上高等と最近1カ月を含む最近3カ月の平均売上高等を比較</td>
283 440 
                 <td valign="top" align="center" bgcolor="#dcdcdc">
284 441 
                   <a href="../../css/pdf/business/Crisis-related_guarantees_4.pdf"
285 
-                    target="_blank">中小企業信用保険法第2条第6項の規定による認定申請書（2）・売上等明細表・月別売上表.pdf</a>
442 
+                     target="_blank">中小企業信用保険法第2条第6項の規定による認定申請書（2）・売上等明細表・月別売上表.pdf</a>
286 443 
                 </td>
287 444 
               </tr>
288 445 
               <tr>
 
@@ -292,7 +449,7 @@
292 449 
                 <td valign="top" align="left" bgcolor="#dcdcdc">その後2カ月間（見込み）を含む3カ月の売上高等と令和元年12月の売上高等の3倍を比較</td>
293 450 
                 <td valign="top" align="center" bgcolor="#dcdcdc">
294 451 
                   <a href="../../css/pdf/business/Crisis-related_guarantees_5.pdf"
295 
-                    target="_blank">中小企業信用保険法第2条第6項の規定による認定申請書（3）・売上等明細表・月別売上表.pdf</a>
452 
+                     target="_blank">中小企業信用保険法第2条第6項の規定による認定申請書（3）・売上等明細表・月別売上表.pdf</a>
296 453 
                 </td>
297 454 
               </tr>
298 455 
               <tr>
 
@@ -302,81 +459,99 @@
302 459 
                 <td valign="top" align="left" bgcolor="#dcdcdc">その後2カ月間（見込み）を含む3カ月の売上高等と令和元年10～12月の3カ月を比較</td>
303 460 
                 <td valign="top" align="center" bgcolor="#dcdcdc">
304 461 
                   <a href="../../css/pdf/business/Crisis-related_guarantees_6.pdf"
305 
-                    target="_blank">中小企業信用保険法第2条第6項の規定による認定申請書（4）・売上等明細表・月別売上表.pdf</a>
462 
+                     target="_blank">中小企業信用保険法第2条第6項の規定による認定申請書（4）・売上等明細表・月別売上表.pdf</a>
306 463 
                 </td>
307 464 
               </tr>
308 465 
             </table>
309 
-            <br />
310 
-            認定運用緩和用申請等様式に加え、上記の「申請に必要な書類」表中の「ご用意いただく書類」（印鑑証明書や履歴事項全部証明書等）を添付のうえ、ご提出ください。<br />
466 
+            </div>
467 
+            <br/>
468 
+            認定運用緩和用申請等様式に加え、上記の「申請に必要な書類」表中の「ご用意いただく書類」（印鑑証明書や履歴事項全部証明書等）を添付のうえ、ご提出ください。<br/>
311 469 
           </span>
312 
-        </article>
470 
+      </article>
313 471
314 472
315 
-        <article id="template_list_title">
316 
-          <div id="template_title2" class="gothic">
317 
-            <div id="template_title_block">
318 
-              <span id="template_title2">様式ダウンロード</span>
319 
-            </div>
473 
+      <article id="template_list_title">
474 
+        <div id="template_title2" class="gothic">
475 
+          <div id="template_title_block">
476 
+            <span id="template_title2">様式ダウンロード</span>
320 477 
           </div>
321 
-          <span id="template_article_block">
478 
+        </div>
479 
+        <span id="template_article_block">
322 480 
             <a href="../../css/pdf/business/Crisis-related_guarantees_1.pdf"
323 
-              target="_blank">中小企業信用保険法第２条第６項の規定による認定申請書.pdf</a><br />
324 
-            <a href="../../css/pdf/business/Crisis-related_guarantees_2.pdf" target="_blank">売上等明細表.pdf</a><br />
325 
-            <a href="../../css/pdf/business/Crisis-related_guarantees_3.pdf" target="_blank">委任状.pdf</a><br />
481 
+               target="_blank">中小企業信用保険法第２条第６項の規定による認定申請書.pdf</a><br/>
482 
+            <a href="../../css/pdf/business/Crisis-related_guarantees_2.pdf" target="_blank">売上等明細表.pdf</a><br/>
483 
+            <a href="../../css/pdf/business/Crisis-related_guarantees_3.pdf" target="_blank">委任状.pdf</a><br/>
326 484 
           </span>
327 
-        </article>
485 
+      </article>
328 486
329 487
330 
-        <article id="template_list_title">
331 
-          <div id="template_title2" class="gothic">
332 
-            <div id="template_title_block">
333 
-              <span id="template_title2">3.認定書発行</span>
334 
-            </div>
488 
+      <article id="template_list_title">
489 
+        <div id="template_title2" class="gothic">
490 
+          <div id="template_title_block">
491 
+            <span id="template_title2">3.認定書発行</span>
335 492 
           </div>
336 
-          <span id="template_article_block">
337 
-            １．認定の基準を満たしており添付書類に不備がなければ、申請を受付し、認定書を１週間前後で発行します。<br />
338 
-            ２．認定書の有効期間は発行日を含めて30日以内です。再発行はしておりません。<br />
493 
+        </div>
494 
+        <span id="template_article_block">
495 
+            １．認定の基準を満たしており添付書類に不備がなければ、申請を受付し、認定書を１週間前後で発行します。<br/>
496 
+            ２．認定書の有効期間は発行日を含めて30日以内です。再発行はしておりません。<br/>
339 497 
           </span>
340 
-        </article>
498 
+      </article>
341 499
342 
-        <article id="template_list_title">
343 
-          <div id="template_title2" class="gothic">
344 
-            <div id="template_title_block">
345 
-              <span id="template_title2">4.融資の申し込み（以下は金融機関等での手続きです）</span>
346 
-            </div>
500 
+      <article id="template_list_title">
501 
+        <div class="template_title2 template_title2_2 gothic">
502 
+          <div id="template_title_block">
503 
+            <span class="template_title2 template_title2_2">4.融資の申し込み（以下は金融機関等での手続きです）</span>
347 504 
           </div>
348 
-          <span id="template_article_block">
349 
-            　１．ご希望の金融機関に認定書をご持参のうえ、融資を申し込んでください。<br />
350 
-            　２．その後、金融機関及び岐阜県信用保証協会による金融上の審査があり、結果として、ご希望に添えない場合もございます。予めご了承ください。<br />
505 
+        </div>
506 
+        <span id="template_article_block">
507 
+            　１．ご希望の金融機関に認定書をご持参のうえ、融資を申し込んでください。<br/>
508 
+            　２．その後、金融機関及び岐阜県信用保証協会による金融上の審査があり、結果として、ご希望に添えない場合もございます。予めご了承ください。<br/>
351 509 
           </span>
352 
-        </article>
510 
+      </article>
353 511
354 
-        <article id="template_list_title">
355 
-          <div id="template_title2" class="gothic">
356 
-            <div id="template_title_block">
357 
-              <span id="template_title2">5.お問い合わせ先</span>
358 
-            </div>
512 
+      <article id="template_list_title">
513 
+        <div id="template_title2" class="gothic">
514 
+          <div id="template_title_block">
515 
+            <span id="template_title2">5.お問い合わせ先</span>
359 516 
           </div>
360 
-          <span id="template_article_block">
517 
+        </div>
518 
+        <span id="template_article_block">
361 519 
             北方町役場　政策財政課　058-322-9936
362 520 
           </span>
363 
-        </article>
364 
-
365 
-      </section>
366 
-    </div>
521 
+      </article>
367 522
368 
-    <footer>
369 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
370 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
371 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
372 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
373 
-    </footer>
523 
+    </section>
524 
+  </div>
374 525
526 
+  <footer>
527 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
528 
+    <div class="footer_mobile">
529 
+      <div class="footer_mobile_title">
530 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
531 
+        <h1 class="footerMobile__text">北方町役場</h1>
532 
+      </div>
533 
+      <div class="footer_mobile_address">
534 
+                <span class="footerTextWrap__text">
535 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
536 
+                </span><br>
537 
+        電話:058-323-1111(代)<br>
538 
+        FAX:058-323-2963<br>
539 
+        開庁日：8時30分～17時15分<br>
540 
+        （土・日・祝日、年末年始を除く）<br>
541 
+      </div>
542 
+    </div>
543 
+    <br class="sp__brDisplay">
544 
+    <p class="footer_text">
545 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
546 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
547 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
548 
+    </p>
549 
+  </footer>
375 550
376 
-  </div>
377 
-  <img class="cgipageview"
378 
-    src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?bridge_individual_facility_plan" height="1"
379 
-    width="1" />
551 
+</div>
552 
+<img class="cgipageview"
553 
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?bridge_individual_facility_plan" height="1"
554 
+     width="1"/>
380 555 
 </body>
381 556
382 557 
 </html>

+ 334
- 167
third/business/Monzen_City_union_members_Wanted.html ファイルの表示 

@@ -1,185 +1,352 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
45 34
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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
55 98
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								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({ 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 
-					</div>
83 
-				</article>
84 
-				<div id="claer">
85 
-				</div>
86 
-			</div>
87 
-		</section>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
88 135
89 
-		<!--ヘッダーデータ-->
90 
-		<header>
91 
-			<div id="header" class="gothic">
92 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
93 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
99 
-					</article>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
108 
-					</article>
109 
-				</div>
110 
-				<div id="h_block_search">
111 
-					<div class="h_line"></div>
112 
-					<article class="h_search">
113 
-						<div class="space10"></div>
114 
-						<form action="http://www.google.com/search">
115 
-							<input type="hidden" name="hl" value="ja" />
116 
-							<input type="hidden" name="ie" value="UTF-8">
117 
-							<input type="hidden" name="oe" value="UTF-8">
118 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
119 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
120 
-							<input type="submit" name="btnG" value="検索" />
121 
-						</form>
122 
-					</article>
123 
-				</div>
124 
-			</div>
125 
-		</header>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
126 274
127 
-		<div id="third_body">
128 
-			<!--セクション template-->
129 
-			<section id="template">
130 
-				<article id="breadcrumb">
131 
-					<div id="breadcrumb_title">
132 
-						<div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
133 281 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
134 
-									href="../../second/business.html">事業者向け情報</a>>北方円鏡寺公園門前市組合員募集</span>
135 
-						</div>
136 
-					</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>
150 
-					</div>
151 
-					<span id="template_article_block">
152 
-						　北方円鏡寺公園門前市組合では毎月21日に円鏡寺公園にて9時～14時にかけて門前市（物産展）を行っています。<br />
153 
-						　当組合では組合員同士の情報交換及び商品の展示販売により組合員の事業経営の支援や地域の活性化を目的とし活動を行っています。<br />
154 
-						　当組合は組合費及び町からの補助金を受け活動をしており、年間3回～4回はイベント日とし、商品を購入したお客さんへサービス品の配布などをし集客に努めています。<br />
155 
-						　組合費、活動詳細などについては下記までお問い合わせください。<br />
282 
+                                    href="../../second/business.html">事業者向け情報</a>>北方円鏡寺公園門前市組合員募集</span>
283 
+          </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template">
287 
+        <div id="template_title" class="gothic">
288 
+          <div id="template_title_block">
289 
+            <span id="template_title">北方円鏡寺公園門前市組合員募集</span>
290 
+          </div>
291 
+        </div>
292 
+      </article>
293 
+      <article id="template_list_title">
294 
+        <div id="template_title2" class="gothic">
295 
+          <div id="template_title_block">
296 
+            <span id="template_title2">北方円鏡寺公園門前市組合員を募集します。</span>
297 
+          </div>
298 
+        </div>
299 
+        <span id="template_article_block">
300 
+						　北方円鏡寺公園門前市組合では毎月21日に円鏡寺公園にて9時～14時にかけて門前市（物産展）を行っています。<br/>
301 
+						　当組合では組合員同士の情報交換及び商品の展示販売により組合員の事業経営の支援や地域の活性化を目的とし活動を行っています。<br/>
302 
+						　当組合は組合費及び町からの補助金を受け活動をしており、年間3回～4回はイベント日とし、商品を購入したお客さんへサービス品の配布などをし集客に努めています。<br/>
303 
+						　組合費、活動詳細などについては下記までお問い合わせください。<br/>
156 304 
 					</span>
157 
-				</article>
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 
-					<span id="template_article_block">
165 
-						北方町役場政策財政課内<br />
166 
-						北方円鏡寺公園門前市組合事務局<br />
305 
+      </article>
306 
+      <article id="template_list_title">
307 
+        <div id="template_title2" class="gothic">
308 
+          <div id="template_title_block">
309 
+            <span id="template_title2">お問い合わせ</span>
310 
+          </div>
311 
+        </div>
312 
+        <span id="template_article_block">
313 
+						北方町役場政策財政課内<br/>
314 
+						北方円鏡寺公園門前市組合事務局<br/>
167 315 
 						Tel: 058-322-9936
168 316 
 					</span>
169 
-				</article>
170 
-			</section>
171 
-		</div>
317 
+      </article>
318 
+    </section>
319 
+  </div>
172 320
173 
-		<footer>
174 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
175 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
176 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
177 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
178 
-		</footer>
179 321
322 
+  <footer>
323 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
324 
+    <div class="footer_mobile">
325 
+      <div class="footer_mobile_title">
326 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
327 
+        <h1 class="footerMobile__text">北方町役場</h1>
328 
+      </div>
329 
+      <div class="footer_mobile_address">
330 
+                <span class="footerTextWrap__text">
331 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
332 
+                </span><br>
333 
+        電話:058-323-1111(代)<br>
334 
+        FAX:058-323-2963<br>
335 
+        開庁日：8時30分～17時15分<br>
336 
+        （土・日・祝日、年末年始を除く）<br>
337 
+      </div>
338 
+    </div>
339 
+    <br class="sp__brDisplay">
340 
+    <p class="footer_text">
341 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
342 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
343 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
344 
+    </p>
345 
+  </footer>
180 346
181 
-	</div>
182 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1" />
347 
+
348 
+</div>
349 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1"/>
183 350 
 </body>
184 351
185 
-</html>
352 
+</html>

+ 401
- 238
third/business/SME_employment_adjustment_subsidy_project_cost_subsidy.html ファイルの表示 

@@ -1,281 +1,444 @@
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 
-    <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 
-    <link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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="setBackground3(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground3(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground3(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber3();
43 
-                    </script>
44 
-                </article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
45 63
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="文字大きさ変更、大きい" />
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
53 96 
     </div>
54 
-    </article>-->
97 
+  </section>
55 98
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                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>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
91 135
92 
-        <!--ヘッダーデータ-->
93 
-        <header>
94 
-            <div id="header" class="gothic">
95 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                        height="260px" /></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"><span class="h_text">くらしの情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-                    </article>
106 
-                    <article class="h_text_l">
107 
-                        <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
111 
-                    </article>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
112 175 
                 </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 
-                    </article>
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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
126 226 
                 </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
127 253 
             </div>
128 
-        </header>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
129 274
130 
-        <div id="third_body">
131 
-            <section id="template">
132 
-                <article id="breadcrumb2">
133 
-                    <div id="breadcrumb_title2">
134 
-                        <div id="breadcrumb_title_block2">
135 
-                            <span id="breadcrumb_title2"><a href="../../index.html">トップ</a>><a
136 
-                                    href="../../second/business.html">事業者向け情報</a>>北方町中小企業雇用調整助成事業費補助金について</span>
137 
-                        </div>
138 
-                    </div>
139 
-                </article>
140 
-                <article id="template_2lins">
141 
-                    <div id="template_title_2lins" class="gothic">
142 
-                        <div id="template_title_block_2lins">
143 
-                            <span id="template_title_2lins">北方町中小企業雇用調整助成事業費補助金について</span>
144 
-                        </div>
145 
-                    </div>
146 
-                    <span id="template_article_block">
275 
+  <div id="third_body">
276 
+    <section id="template">
277 
+      <article id="breadcrumb">
278 
+        <div id="breadcrumb_title">
279 
+          <div id="breadcrumb_title_block">
280 
+            <span id="breadcrumb_title">
281 
+              <a href="../../index.html">トップ</a>><a
282 
+                    href="../../second/business.html">事業者向け情報</a>>北方町中小企業雇用調整助成事業費補助金について</span>
283 
+          </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template_2lins">
287 
+        <div id="template_title_2lins" class="gothic">
288 
+          <div id="template_title_block_2lins">
289 
+            <span id="template_title_2lins">北方町中小企業雇用調整助成事業費補助金について</span>
290 
+          </div>
291 
+        </div>
292 
+        <span id="template_article_block">
147 293 
                         <span style="color: red;font-size: x-large;">※申請の受付は終了しました。</span>
148 294 
                     </span>
149 
-                </article>
295 
+      </article>
150 296
151 
-                <article id="template_list_title">
152 
-                    <div id="template_title2" class="gothic">
153 
-                        <div id="template_title_block">
154 
-                            <span id="template_title2">北方町中小企業雇用調整助成事業費補助金</span>
155 
-                        </div>
156 
-                    </div>
157 
-                    <span id="template_article_block">
158 
-                        本町では、新型コロナウイルス感染症の影響に伴う一時的な休業等により、従業員を休業させる事業主の負担を軽減し、雇用の維持を図るため、国の雇用調整助成金等に町独自の上乗せ補助を行います。<br />
159 
-                        国の雇用調整助成金の詳しくは、厚生労働省の雇用調整助成金のホームページを確認してください。<br />
160 
-                        <br />
297 
+      <article id="template_list_title">
298 
+        <div id="template_title2" class="gothic">
299 
+          <div id="template_title_block">
300 
+            <span id="template_title2">北方町中小企業雇用調整助成事業費補助金</span>
301 
+          </div>
302 
+        </div>
303 
+        <span id="template_article_block">
304 
+                        本町では、新型コロナウイルス感染症の影響に伴う一時的な休業等により、従業員を休業させる事業主の負担を軽減し、雇用の維持を図るため、国の雇用調整助成金等に町独自の上乗せ補助を行います。<br/>
305 
+                        国の雇用調整助成金の詳しくは、厚生労働省の雇用調整助成金のホームページを確認してください。<br/>
306 
+                        <br/>
161 307 
                         <a href="https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/koyou_roudou/koyou/kyufukin/pageL07.html"
162 
-                            target="_blank">厚生労働省雇用調整助成金ホームページ（外部リンク）</a><br />
308 
+                           target="_blank">厚生労働省雇用調整助成金ホームページ（外部リンク）</a><br/>
163 309 
                     </span>
164 
-                </article>
310 
+      </article>
165 311
166 
-                <article id="template_list_title">
167 
-                    <div id="template_title2" class="gothic">
168 
-                        <div id="template_title_block">
169 
-                            <span id="template_title2">1.対象事業者</span>
170 
-                        </div>
171 
-                    </div>
172 
-                    <span id="template_article_block">
173 
-                        下記の条件をすべて満たす事業者は対象になります。<br />
312 
+      <article id="template_list_title">
313 
+        <div id="template_title2" class="gothic">
314 
+          <div id="template_title_block">
315 
+            <span id="template_title2">1.対象事業者</span>
316 
+          </div>
317 
+        </div>
318 
+        <span id="template_article_block">
319 
+                        下記の条件をすべて満たす事業者は対象になります。<br/>
174 320 
                         <ul>
175 321 
                             <li>中小企業者で、北方町内に事業所があること。</li>
176 322 
                             <li>国の雇用調整助成金等（緊急雇用安定助成金を含む。）で、労働局長の支給決定を受けており、かつ、5分の4の助成率が適用される事業主であること。</li>
177 323 
                             <li>北方町税の滞納がないこと。（納税猶予の措置がなされている場合を除く。）</li>
178 
-                        </ul><br />
324 
+                        </ul><br/>
179 325 
                     </span>
180 
-                </article>
326 
+      </article>
181 327
182 
-                <article id="template_list_title">
183 
-                    <div id="template_title2" class="gothic">
184 
-                        <div id="template_title_block">
185 
-                            <span id="template_title2">2.対象期間</span>
186 
-                        </div>
187 
-                    </div>
188 
-                    <span id="template_article_block">
189 
-                        補助金の対象期間は、国が定める緊急対応期間のうち下記の通りとします。<br /><br>
328 
+      <article id="template_list_title">
329 
+        <div id="template_title2" class="gothic">
330 
+          <div id="template_title_block">
331 
+            <span id="template_title2">2.対象期間</span>
332 
+          </div>
333 
+        </div>
334 
+        <span id="template_article_block">
335 
+                        補助金の対象期間は、国が定める緊急対応期間のうち下記の通りとします。<br/><br>
190 336 
                         【令和2年4月1日〜令和3年4月30日】
191 
-                        <br />
337 
+                        <br/>
192 338 
                     </span>
193 
-                </article>
339 
+      </article>
194 340
195 
-                <article id="template_list_title">
196 
-                    <div id="template_title2" class="gothic">
197 
-                        <div id="template_title_block">
198 
-                            <span id="template_title2">3.補助額</span>
199 
-                        </div>
200 
-                    </div>
201 
-                    <span id="template_article_block">
202 
-                        国の雇用調整助成金等支給決定額（教育訓練加算金を除く。）に８分の1を乗じて得た額（1円未満切り捨て）とします。ただし、国の雇用調整助成金等の支給決定額と補助金を合わせた上限額は、雇用調整助成金等の対象労働者1人当たり日額15,000円までとなります。<br />
203 
-                        【例】休業手当を1人当たり12,000円で10人に支給した場合<br />
204 
-                        　　　 12,000円×10人＝120,000円（事業主による休業手当支給額）<br />
205 
-                        　　　 120,000円×4／5＝96,000円（国の助成金支給決定額）<br />
206 
-                        　　　 96,000円×1／8＝12,000円（町からの補助金額）<br />
207 
-                        　　　 120,000円－96,000円－12,000円＝12,000円（実際に事業者が負担する額）<br />
208 
-                        <br />
341 
+      <article id="template_list_title">
342 
+        <div id="template_title2" class="gothic">
343 
+          <div id="template_title_block">
344 
+            <span id="template_title2">3.補助額</span>
345 
+          </div>
346 
+        </div>
347 
+        <span id="template_article_block">
348 
+                        国の雇用調整助成金等支給決定額（教育訓練加算金を除く。）に８分の1を乗じて得た額（1円未満切り捨て）とします。ただし、国の雇用調整助成金等の支給決定額と補助金を合わせた上限額は、雇用調整助成金等の対象労働者1人当たり日額15,000円までとなります。<br/>
349 
+                        【例】休業手当を1人当たり12,000円で10人に支給した場合<br/>
350 
+                        　　　 12,000円×10人＝120,000円（事業主による休業手当支給額）<br/>
351 
+                        　　　 120,000円×4／5＝96,000円（国の助成金支給決定額）<br/>
352 
+                        　　　 96,000円×1／8＝12,000円（町からの補助金額）<br/>
353 
+                        　　　 120,000円－96,000円－12,000円＝12,000円（実際に事業者が負担する額）<br/>
354 
+                        <br/>
209 355 
                     </span>
210 
-                </article>
356 
+      </article>
211 357
212 
-                <article id="template_list_title">
213 
-                    <div id="template_title2" class="gothic">
214 
-                        <div id="template_title_block">
215 
-                            <span id="template_title2">4.補助限度額</span>
216 
-                        </div>
217 
-                    </div>
218 
-                    <span id="template_article_block">
219 
-                        1事業所当たり、50万円とします。<br />
358 
+      <article id="template_list_title">
359 
+        <div id="template_title2" class="gothic">
360 
+          <div id="template_title_block">
361 
+            <span id="template_title2">4.補助限度額</span>
362 
+          </div>
363 
+        </div>
364 
+        <span id="template_article_block">
365 
+                        1事業所当たり、50万円とします。<br/>
220 366 
                     </span>
221 
-                </article>
367 
+      </article>
222 368
223 
-                <article id="template_list_title">
224 
-                    <div id="template_title2" class="gothic">
225 
-                        <div id="template_title_block">
226 
-                            <span id="template_title2">5.申請に必要な書類・方法</span>
227 
-                        </div>
228 
-                    </div>
229 
-                    <span id="template_article_block">
230 
-                        北方町中小企業雇用調整助成事業費補助金交付申請書兼請求書に必要事項を記入、押印し、下記の必要書類を添付して申請してください。<br />
231 
-                        <b>町所定書式</b><br />
369 
+      <article id="template_list_title">
370 
+        <div id="template_title2" class="gothic">
371 
+          <div id="template_title_block">
372 
+            <span id="template_title2">5.申請に必要な書類・方法</span>
373 
+          </div>
374 
+        </div>
375 
+        <span id="template_article_block">
376 
+                        北方町中小企業雇用調整助成事業費補助金交付申請書兼請求書に必要事項を記入、押印し、下記の必要書類を添付して申請してください。<br/>
377 
+                        <b>町所定書式</b><br/>
232 378 
                         <a href="../../fourth/business/SME_employment_adjustment_subsidy_project_cost_subsidy.pdf"
233 
-                            target="_blank">北方町中小企業雇用調整助成事業費補助金交付申請書兼請求書</a><br />
234 
-                        <br />
235 
-                        <b>ご用意いただく書類</b><br />
236 
-                        雇用調整助成金等の支給決定通知書の写し<br />
237 
-                        雇用調整助成金等に係る国への提出書類の写し<br />
238 
-                        町税の完納を証する納税証明書（直近のもので写しも可）<br />
239 
-                    </span>
240 
-                </article>
241 
-
242 
-                <article id="template_list_title">
243 
-                    <div id="template_title2" class="gothic">
244 
-                        <div id="template_title_block">
245 
-                            <span id="template_title2">6.申請期限</span>
246 
-                        </div>
247 
-                    </div>
248 
-                    <span id="template_article_block">
249 
-                        令和3年8月31日(火)<br />
379 
+                           target="_blank">北方町中小企業雇用調整助成事業費補助金交付申請書兼請求書</a><br/>
380 
+                        <br/>
381 
+                        <b>ご用意いただく書類</b><br/>
382 
+                        雇用調整助成金等の支給決定通知書の写し<br/>
383 
+                        雇用調整助成金等に係る国への提出書類の写し<br/>
384 
+                        町税の完納を証する納税証明書（直近のもので写しも可）<br/>
250 385 
                     </span>
251 
-                </article>
386 
+      </article>
252 387
253 
-                <article id="template_list_title">
254 
-                    <div id="template_title2" class="gothic">
255 
-                        <div id="template_title_block">
256 
-                            <span id="template_title2">7.お問い合わせ先</span>
257 
-                        </div>
258 
-                    </div>
259 
-                    <span id="template_article_block">
260 
-                        北方町役場　政策財政課　058-322-9936<br />
388 
+      <article id="template_list_title">
389 
+        <div id="template_title2" class="gothic">
390 
+          <div id="template_title_block">
391 
+            <span id="template_title2">6.申請期限</span>
392 
+          </div>
393 
+        </div>
394 
+        <span id="template_article_block">
395 
+                        令和3年8月31日(火)<br/>
261 396 
                     </span>
262 
-                </article>
397 
+      </article>
263 398
264 
-            </section>
399 
+      <article id="template_list_title">
400 
+        <div id="template_title2" class="gothic">
401 
+          <div id="template_title_block">
402 
+            <span id="template_title2">7.お問い合わせ先</span>
403 
+          </div>
265 404 
         </div>
405 
+        <span id="template_article_block">
406 
+                        北方町役場　政策財政課　058-322-9936<br/>
407 
+                    </span>
408 
+      </article>
266 409
267 
-        <footer>
268 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
269 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
270 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
271 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
272 
-        </footer>
273 
-
410 
+    </section>
411 
+  </div>
274 412
413 
+  <footer>
414 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
415 
+    <div class="footer_mobile">
416 
+      <div class="footer_mobile_title">
417 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
418 
+        <h1 class="footerMobile__text">北方町役場</h1>
419 
+      </div>
420 
+      <div class="footer_mobile_address">
421 
+                <span class="footerTextWrap__text">
422 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
423 
+                </span><br>
424 
+        電話:058-323-1111(代)<br>
425 
+        FAX:058-323-2963<br>
426 
+        開庁日：8時30分～17時15分<br>
427 
+        （土・日・祝日、年末年始を除く）<br>
428 
+      </div>
275 429 
     </div>
276 
-    <img class="cgipageview"
277 
-        src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?bridge_individual_facility_plan" height="1"
278 
-        width="1" />
430 
+    <br class="sp__brDisplay">
431 
+    <p class="footer_text">
432 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
433 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
434 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
435 
+    </p>
436 
+  </footer>
437 
+
438 
+</div>
439 
+<img class="cgipageview"
440 
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?bridge_individual_facility_plan" height="1"
441 
+     width="1"/>
279 442 
 </body>
280 443
281 
-</html>
444 
+</html>

+ 215
- 146
third/business/Safety_net.html ファイルの表示 

@@ -1,170 +1,239 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <script src="../../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 21 
 </head>
16 22
17 23 
 <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="setBackground3(1)">
33 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35 
-          </div>
36 
-          <script>
37 
-            getBackgNumber3();
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
61 
-                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({
72 
-                  pageLanguage: 'ja',
73 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
74 
-                }, 'google_translate_element');
75 
-              }
76 
-            </script>
77 
-            <script type="text/javascript"
78 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
79 
-          </div>
80 
-        </article>
81 
-        <div id="claer">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+<div id="main" class="gothic">
35 
+    <!-- mobile header -->
36 
+    <header class="header">
37 
+        <div class="headerLogo">
38 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
39 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
82 40 
         </div>
83 
-      </div>
84 
-    </section>
85 
-    <!--ヘッダーデータ-->
86 
-    <header>
87 
-      <div id="header" class="gothic">
88 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
89 
-        <div id="h_block_1">
90 
-          <div class="h_line">
91 
-          </div>
92 
-          <article class="h_text_l">
93 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
94 
-          </article>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
103 
-          </article>
41 
+        <div class="headerTitle">
42 
+            <a href="../../index.html" class="header_link">
43 
+                <h1 class="headerTitle__text">北方町</h1>
44 
+            </a>
104 45 
         </div>
105 
-        <div id="h_block_search">
106 
-          <div class="h_line"></div>
107 
-          <article class="h_search">
108 
-            <div class="space10"></div>
109 
-            <form action="http://www.google.com/search">
110 
-              <input type="hidden" name="hl" value="ja" />
111 
-              <input type="hidden" name="ie" value="UTF-8">
112 
-              <input type="hidden" name="oe" value="UTF-8">
113 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
114 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
115 
-              <input type="submit" name="btnG" value="検索" />
116 
-            </form>
117 
-          </article>
46 
+        <div class="headerSubTitle">
47 
+            <a href="../../index.html" class="header_link">
48 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
49 
+            </a>
50 
+        </div>
51 
+        <div id="h-menu">
52 
+            <span></span>
53 
+            <span></span>
54 
+            <span></span>
55 
+            <div id="h-text">menu</div>
56 
+        </div>
57 
+        <div id="h-nav">
58 
+            <div class="h-menu_main_block_top">
59 
+                <div class="h-menu_main_block">
60 
+                    <div class="h-menu_block">
61 
+                        <a href="../../second/living.html">
62 
+                            <div class="h-menu_block_text h-menu_block_before">
63 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
64 
+                            </div>
65 
+                        </a>
66 
+                    </div>
67 
+                </div>
68 
+                <div class="h-menu_main_block">
69 
+                    <div class="h-menu_block">
70 
+                        <a href="../../second/tourism.html">
71 
+                            <div class="h-menu_block_text h-menu_block_before">
72 
+                                <div class="h-menu_block_text_center">
73 
+                                    観光
74 
+                                </div>
75 
+                            </div>
76 
+                        </a>
77 
+                    </div>
78 
+                </div>
79 
+                <div class="h-menu_main_block">
80 
+                    <div class="h-menu_block">
81 
+                        <a href="../../second/business.html">
82 
+                            <div class="h-menu_block_text h-menu_block_before">
83 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
84 
+                            </div>
85 
+                        </a>
86 
+                    </div>
87 
+                </div>
88 
+                <div class="h-menu_main_block">
89 
+                    <div class="h-menu_block">
90 
+                        <a href="../../second/town_admini_info.html">
91 
+                            <div class="h-menu_block_text h-menu_block_before">
92 
+                                <div class="h-menu_block_text_center">町政情報</div>
93 
+                            </div>
94 
+                        </a>
95 
+                    </div>
96 
+                </div>
97 
+                <div class="h-menu_main_block">
98 
+                    <div class="h-menu_block h-menu_block_before">
99 
+                        <a href="../../second/sitemap.html">
100 
+                            <div class="h-menu_block_text h-menu_block_before">
101 
+                                <div class="h-menu_block_text_center">
102 
+                                    サイトマップ
103 
+                                </div>
104 
+                            </div>
105 
+                        </a>
106 
+                    </div>
107 
+                </div>
108 
+                <div class="h-menu_main_block">
109 
+                    <div class="h-menu_block h-menu_block_before">
110 
+                        <a href="https://ai-staff.net/kitagata/chat">
111 
+                            <div class="h-menu_block_text  h-menu_block_before">
112 
+                                <div class="h-menu_block_text_center">
113 
+                                    AIチャット
114 
+                                </div>
115 
+                            </div>
116 
+                        </a>
117 
+                    </div>
118 
+                </div>
119 
+                <div class="h-menu_main_block">
120 
+                    <div class="h-menu_block h-menu_block_before">
121 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
122 
+                            <div class="h-menu_block_text">
123 
+                                <div class="h-menu_block_text_center">
124 
+                                    お問い合わせ一覧
125 
+                                </div>
126 
+                            </div>
127 
+                        </a>
128 
+                    </div>
129 
+                </div>
130 
+                <div class="h-menu_main_block">
131 
+                    <div class="h-menu_lang">
132 
+                        <div class="h-menu_block_lang">
133 
+                            <div class="h-menu_block_text_center">
134 
+                                <div class="h-menu_block_text_line">
135 
+                                    背景変更
136 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
137 
+                                    </div>
138 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
139 
+                                    </div>
140 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
141 
+                                    </div>
142 
+                                </div>
143 
+                                <script>
144 
+                                    getBackgNumber2();
145 
+                                </script>
146 
+                                <div class="h-menu_block_text_line">言語選択
147 
+                                    <div class="mobile_translation">
148 
+                                        <div id="google_translate_element"></div>
149 
+                                    </div>
150 
+                                </div>
151 
+                            </div>
152 
+                        </div>
153 
+                    </div>
154 
+                </div>
155 
+                <div class="h-menu_main_block">
156 
+                    <div class="h-menu_search">
157 
+                        <div class="h-menu_block_search">
158 
+                            <form action="https://www.google.com/search">
159 
+                                <input type="hidden" name="hl" value="ja"/>
160 
+                                <input type="hidden" name="ie" value="UTF-8">
161 
+                                <input type="hidden" name="oe" value="UTF-8">
162 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
163 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
164 
+                                       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>
118 171 
         </div>
119 
-      </div>
120 172 
     </header>
121 173
122 174 
     <div id="third_body">
123 
-      <!--セクション space-->
175 
+        <!--セクション space-->
124 176
125 
-      <!--セクション template-->
126 
-      <section id="template">
127 
-        <article id="breadcrumb">
128 
-          <div id="breadcrumb_title">
129 
-            <div id="breadcrumb_title_block">
177 
+        <!--セクション template-->
178 
+        <section id="template">
179 
+            <article id="breadcrumb">
180 
+                <div id="breadcrumb_title">
181 
+                    <div id="breadcrumb_title_block">
130 182 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-                  href="../../second/business.html">事業者向け情報</a>>セーフティネット保証制度について</span>
132 
-            </div>
133 
-          </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>
140 
-          </div>
141 
-          <span id="template_article_block">
142 
-            何らかのやむを得ない事由により経営の安定に支障をきたしている中小企業者に対し、主たる事業所（本店）の所在地を管轄する市町村長が認定をなすことによって、信用保証協会の普通保証（2億円以内）、無担保保証（8,000万円以内）、無担保無保証人保証（2,000万円以内）の限度額が倍額に増える制度です。<br />
143 
-            融資にあたっては、市町村長の認定とは別に、金融機関及び保証協会による審査があります。<br />
144 
-            <br />
183 
+                      href="../../second/business.html">事業者向け情報</a>>セーフティネット保証制度について</span>
184 
+                    </div>
185 
+                </div>
186 
+            </article>
187 
+            <article id="template">
188 
+                <div id="template_title" class="gothic">
189 
+                    <div id="template_title_block">
190 
+                        <span id="template_title">セーフティネット保証制度について</span>
191 
+                    </div>
192 
+                </div>
193 
+                <span id="template_article_block">
194 
+            何らかのやむを得ない事由により経営の安定に支障をきたしている中小企業者に対し、主たる事業所（本店）の所在地を管轄する市町村長が認定をなすことによって、信用保証協会の普通保証（2億円以内）、無担保保証（8,000万円以内）、無担保無保証人保証（2,000万円以内）の限度額が倍額に増える制度です。<br/>
195 
+            融資にあたっては、市町村長の認定とは別に、金融機関及び保証協会による審査があります。<br/>
196 
+            <br/>
145 197 
             <a href="https://www.chusho.meti.go.jp/kinyu/sefu_net_gaiyou.htm"
146 
-              target="_blank">中小企業庁のホームページ（外部リンクへ）</a><br />
147 
-            <br />
148 
-            <a href="../../fourth/business/Safety_net_4.html">セーフティネット保証4号に基づく認定</a><br />
149 
-            <a href="../../fourth/business/Safety_net_5.html">セーフティネット保証5号に基づく認定</a><br />
198 
+               target="_blank">中小企業庁のホームページ（外部リンクへ）</a><br/>
199 
+            <br/>
200 
+            <a href="../../fourth/business/Safety_net_4.html">セーフティネット保証4号に基づく認定</a><br/>
201 
+            <a href="../../fourth/business/Safety_net_5.html">セーフティネット保証5号に基づく認定</a><br/>
150 202
151 203 
           </span>
152 
-        </article>
204 
+            </article>
153 205
154 
-      </section>
206 
+        </section>
155 207 
     </div>
156 208
157 209 
     <footer>
158 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
159 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
160 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
161 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
210 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
211 
+        <div class="footer_mobile">
212 
+            <div class="footer_mobile_title">
213 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
214 
+                <h1 class="footerMobile__text">北方町役場</h1>
215 
+            </div>
216 
+            <div class="footer_mobile_address">
217 
+                <span class="footerTextWrap__text">
218 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
219 
+                </span><br>
220 
+                電話:058-323-1111(代)<br>
221 
+                FAX:058-323-2963<br>
222 
+                開庁日：8時30分～17時15分<br>
223 
+                （土・日・祝日、年末年始を除く）<br>
224 
+            </div>
225 
+        </div>
226 
+        <br class="sp__brDisplay">
227 
+        <p class="footer_text">
228 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
229 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
230 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
231 
+        </p>
162 232 
     </footer>
163 233
164 
-
165 
-  </div>
166 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Building_etc" height="1"
167 
-    width="1" />
234 
+</div>
235 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Building_etc" height="1"
236 
+     width="1"/>
168 237 
 </body>
169 238
170 
-</html>
239 
+</html>

+ 407
- 242
third/business/act_on_productivity_improvement_special_measures_law.html ファイルの表示 

@@ -1,152 +1,299 @@
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 
-    <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 
-    <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.css">
14 
-    <script src="../../js/operation.js"></script>
15 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-    </meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/image.css">
18 
+  <link rel="stylesheet" href="../../css/image_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/link.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">
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="setBackground3(1)">
37 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                            onClick="setBackground3(2)">
39 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                            onClick="setBackground3(3)">
41 
-                    </div>
42 
-                    <script>
43 
-                        getBackgNumber3();
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>
46 37
47 
-                <!--セクション 文字サイズ-->
48 
-                <!--<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>-->
38 
+<div id="main" class="gothic">
39 
+  <!--セクション 操作-->
40 
+  <section id="operation">
41 
+    <!--セクション 住所-->
42 
+    <article id="address">
43 
+      <address id="operation_add">
44 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
45 
+      </address>
46 
+    </article>
47 
+    <div id="controle_panel">
48 
+      <!--セクション 背景色-->
49 
+      <article id="bgcolor">
50 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
51 
+        <div id="bgcolor_img">
52 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
53 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
54 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
55 
+        </div>
56 
+      </article>
57 
+      <!--セクション 文字サイズ-->
58 
+      <!--<article id="charsize" >
59 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
60 
+      <div id="charsize_img">
61 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
62 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
63 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
64 
+      </div>
65 
+      </article>-->
56 66
57 
-                <!--セクション サイトマップ-->
58 
-                <article id="sitemap">
59 
-                    <div id="sitemap_img">
60 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
61 
-                                alt="サイトマップ" /></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"><img
68 
-                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
69 
-                    </div>
70 
-                </article>
71 
-                <!--セクション 翻訳-->
72 
-                <article id="translation">
73 
-                    <div id="translation_img">
74 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
-                        <div id="google_translate_element"></div>
76 
-                        <script type="text/javascript">
77 
-                            function googleTranslateElementInit() {
78 
-                                new google.translate.TranslateElement({
79 
-                                    pageLanguage: 'ja',
80 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
81 
-                                }, 'google_translate_element');
82 
-                            }
83 
-                        </script>
84 
-                        <script type="text/javascript"
85 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
86 
-                    </div>
87 
-                </article>
88 
-                <div id="claer">
89 
-                </div>
90 
-            </div>
91 
-        </section>
67 
+      <!--セクション サイトマップ-->
68 
+      <article id="sitemap">
69 
+        <div id="sitemap_img">
70 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
71 
+        </div>
72 
+      </article>
73 
+      <!--セクション お問い合わせ-->
74 
+      <article id="contact">
75 
+        <div id="contact_img">
76 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
77 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
78 
+        </div>
79 
+      </article>
80 
+      <!--セクション 翻訳-->
81 
+      <article id="translation">
82 
+        <div id="translation_img">
83 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
84 
+          <div id="google_translate_element"></div>
85 
+          <script type="text/javascript">
86 
+              function googleTranslateElementInit() {
87 
+                  new google.translate.TranslateElement({
88 
+                      pageLanguage: 'ja',
89 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
90 
+                  }, 'google_translate_element');
91 
+              }
92 
+          </script>
93 
+          <script type="text/javascript"
94 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
95 
+        </div>
96 
+      </article>
97 
+      <div id="claer">
98 
+      </div>
99 
+    </div>
100 
+  </section>
101 
+
102 
+  <!--ヘッダーデータ-->
103 
+  <header>
104 
+    <div id="header" class="gothic">
105 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
106 
+      <div id="h_block_1">
107 
+        <div class="h_line">
108 
+        </div>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
117 
+        </article>
118 
+        <article class="h_text_l">
119 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
120 
+        </article>
121 
+      </div>
122 
+      <div id="h_block_search">
123 
+        <div class="h_line"></div>
124 
+        <article class="h_search">
125 
+          <div class="space10"></div>
126 
+          <form action="http://www.google.com/search">
127 
+            <input type="hidden" name="hl" value="ja"/>
128 
+            <input type="hidden" name="ie" value="UTF-8">
129 
+            <input type="hidden" name="oe" value="UTF-8">
130 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
131 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
132 
+            <input type="submit" name="btnG" value="検索"/>
133 
+          </form>
134 
+        </article>
135 
+      </div>
136 
+    </div>
137 
+  </header>
92 138
93 
-        <!--ヘッダーデータ-->
94 
-        <header>
95 
-            <div id="header" class="gothic">
96 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
97 
-                        height="260px" /></a>
98 
-                <div id="h_block_1">
99 
-                    <div class="h_line">
100 
-                    </div>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
106 
-                    </article>
107 
-                    <article class="h_text_l">
108 
-                        <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
112 
-                    </article>
139 
+  <!-- mobile header -->
140 
+  <header class="header">
141 
+    <div class="headerLogo">
142 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
143 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
144 
+    </div>
145 
+    <div class="headerTitle">
146 
+      <a href="../../index.html" class="header_link">
147 
+        <h1 class="headerTitle__text">北方町</h1>
148 
+      </a>
149 
+    </div>
150 
+    <div class="headerSubTitle">
151 
+      <a href="../../index.html" class="header_link">
152 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
153 
+      </a>
154 
+    </div>
155 
+    <div id="h-menu">
156 
+      <span></span>
157 
+      <span></span>
158 
+      <span></span>
159 
+      <div id="h-text">menu</div>
160 
+    </div>
161 
+    <div id="h-nav">
162 
+      <div class="h-menu_main_block_top">
163 
+        <div class="h-menu_main_block">
164 
+          <div class="h-menu_block">
165 
+            <a href="../../second/living.html">
166 
+              <div class="h-menu_block_text h-menu_block_before">
167 
+                <div class="h-menu_block_text_center">くらしの情報</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/tourism.html">
175 
+              <div class="h-menu_block_text h-menu_block_before">
176 
+                <div class="h-menu_block_text_center">
177 
+                  観光
178 
+                </div>
179 
+              </div>
180 
+            </a>
181 
+          </div>
182 
+        </div>
183 
+        <div class="h-menu_main_block">
184 
+          <div class="h-menu_block">
185 
+            <a href="../../second/business.html">
186 
+              <div class="h-menu_block_text h-menu_block_before">
187 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
188 
+              </div>
189 
+            </a>
190 
+          </div>
191 
+        </div>
192 
+        <div class="h-menu_main_block">
193 
+          <div class="h-menu_block">
194 
+            <a href="../../second/town_admini_info.html">
195 
+              <div class="h-menu_block_text h-menu_block_before">
196 
+                <div class="h-menu_block_text_center">町政情報</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="../../second/sitemap.html">
204 
+              <div class="h-menu_block_text h-menu_block_before">
205 
+                <div class="h-menu_block_text_center">
206 
+                  サイトマップ
113 207 
                 </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>
126 
-                    </article>
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="https://ai-staff.net/kitagata/chat">
215 
+              <div class="h-menu_block_text  h-menu_block_before">
216 
+                <div class="h-menu_block_text_center">
217 
+                  AIチャット
218 
+                </div>
219 
+              </div>
220 
+            </a>
221 
+          </div>
222 
+        </div>
223 
+        <div class="h-menu_main_block">
224 
+          <div class="h-menu_block h-menu_block_before">
225 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
226 
+              <div class="h-menu_block_text">
227 
+                <div class="h-menu_block_text_center">
228 
+                  お問い合わせ一覧
127 229 
                 </div>
230 
+              </div>
231 
+            </a>
232 
+          </div>
233 
+        </div>
234 
+        <div class="h-menu_main_block">
235 
+          <div class="h-menu_lang">
236 
+            <div class="h-menu_block_lang">
237 
+              <div class="h-menu_block_text_center">
238 
+                <div class="h-menu_block_text_line">
239 
+                  背景変更
240 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
241 
+                  </div>
242 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
243 
+                  </div>
244 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
245 
+                  </div>
246 
+                </div>
247 
+                <script>
248 
+                    getBackgNumber2();
249 
+                </script>
250 
+                <div class="h-menu_block_text_line">言語選択
251 
+                  <div class="mobile_translation">
252 
+                    <div id="google_translate_element"></div>
253 
+                  </div>
254 
+                </div>
255 
+              </div>
128 256 
             </div>
129 
-        </header>
257 
+          </div>
258 
+        </div>
259 
+        <div class="h-menu_main_block">
260 
+          <div class="h-menu_search">
261 
+            <div class="h-menu_block_search">
262 
+              <form action="https://www.google.com/search">
263 
+                <input type="hidden" name="hl" value="ja"/>
264 
+                <input type="hidden" name="ie" value="UTF-8">
265 
+                <input type="hidden" name="oe" value="UTF-8">
266 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+                <input type="text" name="q" size="16" maxlength="256" value=""
268 
+                       class="mobile_form_input"/>
269 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
270 
+              </form>
271 
+            </div>
272 
+          </div>
273 
+        </div>
274 
+      </div>
275 
+    </div>
276 
+  </header>
130 277
131 
-        <div id="third_body">
132 
-            <!--セクション template-->
133 
-            <section id="template">
134 
-                <article id="breadcrumb">
135 
-                    <div id="breadcrumb_title">
136 
-                        <div id="breadcrumb_title_block">
278 
+  <div id="third_body">
279 
+    <!--セクション template-->
280 
+    <section id="template">
281 
+      <article id="breadcrumb">
282 
+        <div id="breadcrumb_title">
283 
+          <div id="breadcrumb_title_block">
137 284 
                             <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
138 285 
                                     href="../../second/business.html">事業者向け情報</a>>中小企業等経営強化法に基づく先端設備等導入計画について
139 286 
                             </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 
-                    <span id="template_article_block">
287 
+          </div>
288 
+        </div>
289 
+      </article>
290 
+      <article id="template_2lins">
291 
+        <div id="template_title_2lins" class="gothic">
292 
+          <div id="template_title_block_2lins">
293 
+            <span id="template_title_2lins">中小企業等経営強化法に基づく先端設備等導入計画について</span>
294 
+          </div>
295 
+        </div>
296 
+        <span id="template_article_block">
150 297 
                         　平成３０年６月６日に施行された「生産性向上特別措置法」に基づき、北方町では「導入促進基本計画」を策定し、７月２８日付で国の同意を得ました。<br />
151 298 
                         　なお、「生産性向上特別措置法」の改廃に伴い、令和３年６月１６日から「生産性向上特別措置法」の規定は「中小企業等経営強化法」に引き継がれました。
152 299 
                         令和３年６月１６日申請分から「中小企業等経営強化法」に基づく認定になりますので、本ページに掲載しております、新様式の申請書を使用して申請してくださいますようお願いします。<br />
 
@@ -154,16 +301,16 @@
154 301
155 302 
                         <br /><br />
156 303 
                         <a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_0.pdf"
157 
-                            target="_blank">導入促進基本計画（北方町）.pdf</a><br />
304 
+                           target="_blank">導入促進基本計画（北方町）.pdf</a><br />
158 305 
                     </span>
159 
-                </article>
160 
-                <article id="template_list_title">
161 
-                    <div id="template_title2" class="gothic">
162 
-                        <div id="template_title_block">
163 
-                            <span id="template_title2">１．制度の概要</span>
164 
-                        </div>
165 
-                    </div>
166 
-                    <span id="template_article_block">
306 
+      </article>
307 
+      <article id="template_list_title">
308 
+        <div id="template_title2" class="gothic">
309 
+          <div id="template_title_block">
310 
+            <span id="template_title2">１．制度の概要</span>
311 
+          </div>
312 
+        </div>
313 
+        <span id="template_article_block">
167 314 
                         　北方町では、町内に事業所を有する中小企業者が労働生産性を年平均３％以上向上させるため策定する「先端設備等導入計画」を審査し、本町の導入促進基本計画に合致する場合に認定を行います。<br />
168 315 
                         　認定を受けた業者は、固定資産税の特例措置（※）や国の補助金施策（ものづくり・サービス補助金等）に対する優先採択、補助率アップ等の支援を受けることができます。<br />
169 316 
                         <br />
 
@@ -172,20 +319,20 @@
172 319 
                         　先端設備等導入計画の認定フローは以下の通りです。必ず「経営革新等支援機関」（例：商工会等）の事前確認が必要となります。<br />
173 320 
                         　　認定経営革新等支援機関（中小企業ホームページ）<br />
174 321 
                         <a href="http://www.chusho.meti.go.jp/keiei/kakushin/nintei/"
175 
-                            target="_blank">http://www.chusho.meti.go.jp/keiei/kakushin/nintei/</a><br />
322 
+                           class="link_mobile">http://www.chusho.meti.go.jp/keiei/kakushin/nintei/</a><br />
176 323 
                         <br />
177 324 
                         また、設備取得は「先端設備等導入計画」を北方町が認定した後となります。<br />
178 325 
                         <img src="../../css/img/act_on_productivity_improvement_special_measures_law_1.png"
179 
-                            act="" /><br />
326 
+                             alt="" class="template_image_mobile" /><br />
180 327 
                     </span>
181 
-                </article>
182 
-                <article id="template_list_title">
183 
-                    <div id="template_title2" class="gothic">
184 
-                        <div id="template_title_block">
185 
-                            <span id="template_title2">２．認定を受けられる中小企業者</span>
186 
-                        </div>
187 
-                    </div>
188 
-                    <span id="template_article_block">
328 
+      </article>
329 
+      <article id="template_list_title">
330 
+        <div id="template_title2" class="gothic">
331 
+          <div id="template_title_block">
332 
+            <span id="template_title2">２．認定を受けられる中小企業者</span>
333 
+          </div>
334 
+        </div>
335 
+        <span id="template_article_block">
189 336 
                         　中小企業等経営強化法第２条１項に定める中小企業者
190 337 
                         <table width="100%" border="1" cellspacing="0">
191 338 
                             <tr>
 
@@ -233,14 +380,14 @@
233 380 
                         ※自動車又は航空機用タイヤ及びチューブ製造業並びに工業用ベルト製造業を除く。<br>
234 381 
                         （注）固定資産税の特例措置は対象となる規模要件が異なりますのでご注意ください。
235 382 
                     </span>
236 
-                </article>
237 
-                <article id="template_list_title">
238 
-                    <div id="template_title2" class="gothic">
239 
-                        <div id="template_title_block">
240 
-                            <span id="template_title2">３．先端設備等導入計画の主な要件</span>
241 
-                        </div>
242 
-                    </div>
243 
-                    <span id="template_article_block">
383 
+      </article>
384 
+      <article id="template_list_title">
385 
+        <div id="template_title2" class="gothic">
386 
+          <div id="template_title_block">
387 
+            <span id="template_title2">３．先端設備等導入計画の主な要件</span>
388 
+          </div>
389 
+        </div>
390 
+        <span id="template_article_block">
244 391 
                         <table width="100%" border="1" cellspacing="0">
245 392 
                             <tr>
246 393 
                                 <th width="50%">主な要件</th>
 
@@ -277,14 +424,14 @@
277 424 
                         （注２）固定資産税の特例措置は対象となる設備の要件が異なりますので、ご注意ください。
278 425
279 426 
                     </span>
280 
-                </article>
281 
-                <article id="template_list_title">
282 
-                    <div id="template_title2" class="gothic">
283 
-                        <div id="template_title_block">
284 
-                            <span id="template_title2">４．固定資産税の特例を受けるための要件</span>
285 
-                        </div>
286 
-                    </div>
287 
-                    <span id="template_article_block">
427 
+      </article>
428 
+      <article id="template_list_title">
429 
+        <div id="template_title2" class="gothic">
430 
+          <div id="template_title_block">
431 
+            <span id="template_title2">４．固定資産税の特例を受けるための要件</span>
432 
+          </div>
433 
+        </div>
434 
+        <span id="template_article_block">
288 435 
                         <table width="100%" border="1" cellspacing="0">
289 436 
                             <tr>
290 437 
                                 <th width="50%">要件</th>
 
@@ -326,14 +473,14 @@
326 473 
                         </table>
327 474 
                         ※家屋と一体となって効用を果たすものを除く
328 475 
                     </span>
329 
-                </article>
330 
-                <article id="template_list_title">
331 
-                    <div id="template_title2" class="gothic">
332 
-                        <div id="template_title_block">
333 
-                            <span id="template_title2">５．必要書類</span>
334 
-                        </div>
335 
-                    </div>
336 
-                    <span id="template_article_block">
476 
+      </article>
477 
+      <article id="template_list_title">
478 
+        <div id="template_title2" class="gothic">
479 
+          <div id="template_title_block">
480 
+            <span id="template_title2">５．必要書類</span>
481 
+          </div>
482 
+        </div>
483 
+        <span id="template_article_block">
337 484 
                         ・<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_1_2.docx"
338 485 
                             target="_blank">先端設備等導入計画に係る認定申請書.docx</a><br />
339 486 
                         ・<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_1_2.pdf"
 
@@ -351,14 +498,14 @@
351 498 
                         ・<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_5_2.pdf"
352 499 
                             target="_blank">申請書提出用チェックシート</a><br />
353 500 
                     </span>
354 
-                </article>
355 
-                <article id="template_list_title">
356 
-                    <div id="template_title2" class="gothic">
357 
-                        <div id="template_title_block">
358 
-                            <span id="template_title2">６．先端設備導入計画を変更する場合に必要な書類</span>
359 
-                        </div>
360 
-                    </div>
361 
-                    <span id="template_article_block">
501 
+      </article>
502 
+      <article id="template_list_title">
503 
+        <div class="template_title2 template_title2_2 gothic">
504 
+          <div id="template_title_block">
505 
+            <span class="template_title2 template_title2_2">６．先端設備導入計画を変更する場合に必要な書類</span>
506 
+          </div>
507 
+        </div>
508 
+        <span id="template_article_block">
362 509 
                         ・<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_6_2.docx"
363 510 
                             target="_blank">先端設備等導入計画の変更に係る認定申請書.docx</a><br />
364 511 
                         ・<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_6_2.pdf"
 
@@ -376,92 +523,110 @@
376 523 
                         ・<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_7-building.pdf"
377 524 
                             target="_blank">変更後の先端設備等に係る誓約書（建物）.pdf</a><br />
378 525 
                     </span>
379 
-                </article>
380 
-                <article id="template_list_title">
381 
-                    <div id="template_title2" class="gothic">
382 
-                        <div id="template_title_block">
383 
-                            <span id="template_title2">７．固定資産税の特例措置を受ける場合に必要な書類</span>
384 
-                        </div>
385 
-                    </div>
386 
-                    <span id="template_article_block">
526 
+      </article>
527 
+      <article id="template_list_title">
528 
+        <div class="template_title2 template_title2_2 gothic">
529 
+          <div id="template_title_block">
530 
+            <span class="template_title2 template_title2_2">７．固定資産税の特例措置を受ける場合に必要な書類</span>
531 
+          </div>
532 
+        </div>
533 
+        <span id="template_article_block">
387 534 
                         ・申請時に工業会証明書を入手している場合<br />
388 535 
                         　　→工業会証明書の写し<br />
389 536 
                         <br />
390 537 
                         ・申請時に工業会証明書を入手していない場合<br />
391 538 
                         　　→<a
392 
-                            href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8_2.docx"
393 
-                            target="_blank">先端設備等に係る誓約書.docx</a><br />
539 
+                href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8_2.docx"
540 
+                target="_blank">先端設備等に係る誓約書.docx</a><br />
394 541 
                         　　　<a href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8_2.pdf"
395 
-                            target="_blank">先端設備等に係る誓約書.pdf</a><br />
542 
+                              target="_blank">先端設備等に係る誓約書.pdf</a><br />
396 543 
                         　　　<a
397 
-                            href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8-building.docx"
398 
-                            target="_blank">先端設備等に係る誓約書（建物）.docx</a><br />
544 
+                href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8-building.docx"
545 
+                target="_blank">先端設備等に係る誓約書（建物）.docx</a><br />
399 546 
                         　　　<a
400 
-                            href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8-building.pdf"
401 
-                            target="_blank">先端設備等に係る誓約書（建物）.pdf</a><br />
547 
+                href="../../css/pdf/business/act_on_productivity_improvement_special_measures_law_8-building.pdf"
548 
+                target="_blank">先端設備等に係る誓約書（建物）.pdf</a><br />
402 549 
                         　　※先端設備等導入計画の認定後、入手出来次第、工業会証明書の写しを提出してください。<br />
403 550 
                         <br />
404 551 
                         ・ファイナンスリース取引であって、リース会社が固定資産税を納付する場合は下記の書類も必要です。<br />
405 552 
                         リース契約見積書の写し　<br />
406 553 
                         リース事業協会が確認した軽減額計算書の写し<br />
407 554 
                     </span>
408 
-                </article>
409 
-                <article id="template_list_title">
410 
-                    <div id="template_title2" class="gothic">
411 
-                        <div id="template_title_block">
412 
-                            <span id="template_title2">８．工業会証明書の取得方法</span>
413 
-                        </div>
414 
-                    </div>
415 
-                    <span id="template_article_block">
555 
+      </article>
556 
+      <article id="template_list_title">
557 
+        <div id="template_title2" class="gothic">
558 
+          <div id="template_title_block">
559 
+            <span id="template_title2">８．工業会証明書の取得方法</span>
560 
+          </div>
561 
+        </div>
562 
+        <span id="template_article_block">
416 563 
                         　固定資産税の特例を利用するためには、工業会証明書が必要となります。設備取得前までに「先端設備等導入計画」の認定を取ることが必須となりますが、「先端設備等導入計画」の申請・認定前までに、工業会の証明書が取得できなかった場合でも、認定後から賦課期日（１月１日）までに工業会証明書の写しと先端設備等に係る誓約書を提出することで、固定資産税の特例を受けることが可能です。<br />
417 564 
                         　詳しくはこちらをご覧ください<br />
418 565 
                         工業会証明書について（中小企業ホームページ）<br />
419 566 
                         　　<a href="http://www.chusho.meti.go.jp/keiei/kyoka/kougyoukai.html"
420 
-                            target="_blank">http://www.chusho.meti.go.jp/keiei/kyoka/kougyoukai.html</a><br />
567 
+                             class="link_mobile">http://www.chusho.meti.go.jp/keiei/kyoka/kougyoukai.html</a><br />
421 568 
                     </span>
422 
-                </article>
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 
-                    <span id="template_article_block">
430 
-                        <img src="../../css/img/act_on_productivity_improvement_special_measures_law_2.png" act=""
431 
-                            style="width: 600px;" /><br />
569 
+      </article>
570 
+      <article id="template_list_title">
571 
+        <div class="template_title2 template_title2_2 gothic">
572 
+          <div id="template_title_block">
573 
+            <span class="template_title2 template_title2_2">９．固定資産税の特例について（スキーム図）</span>
574 
+          </div>
575 
+        </div>
576 
+        <span id="template_article_block">
577 
+                        <img src="../../css/img/act_on_productivity_improvement_special_measures_law_2.png" alt=""
578 
+                             style="width: 100%;"/><br />
432 579 
                         　中小企業等経営強化法による支援の詳しい内容はこちらをご覧下さい。<br />
433 580 
                         中小企業庁ホームページ（外部サイト）<br />
434 581 
                         <a href="http://www.chusho.meti.go.jp/keiei/seisansei/index.html"
435 
-                            target="_blank">http://www.chusho.meti.go.jp/keiei/seisansei/index.html</a><br />
582 
+                           class="link_mobile">http://www.chusho.meti.go.jp/keiei/seisansei/index.html</a><br />
436 583 
                     </span>
437 
-                </article>
438 
-                <article id="template_list_title">
439 
-                    <div id="template_title2" class="gothic">
440 
-                        <div id="template_title_block">
441 
-                            <span id="template_title2">お問い合わせ先</span>
442 
-                        </div>
443 
-                    </div>
444 
-                    <span id="template_article_block">
584 
+      </article>
585 
+      <article id="template_list_title">
586 
+        <div id="template_title2" class="gothic">
587 
+          <div id="template_title_block">
588 
+            <span id="template_title2">お問い合わせ先</span>
589 
+          </div>
590 
+        </div>
591 
+        <span id="template_article_block">
445 592 
                         北方町役場　政策財政課<br />
446 593 
                         　〒501-0492　岐阜県本巣郡北方町長谷川１丁目１番地<br />
447 594 
                         　TEL:058-322-9936<br />
448 595 
                     </span>
449 
-                </article>
450 
-            </section>
451 
-        </div>
596 
+      </article>
597 
+    </section>
598 
+  </div>
452 599
453 
-        <footer>
454 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
455 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
456 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
457 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
458 
-        </footer>
600 
+  <footer>
601 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
602 
+    <div class="footer_mobile">
603 
+      <div class="footer_mobile_title">
604 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
605 
+        <h1 class="footerMobile__text">北方町役場</h1>
606 
+      </div>
607 
+      <div class="footer_mobile_address">
608 
+                <span class="footerTextWrap__text">
609 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
610 
+                </span><br>
611 
+        電話:058-323-1111(代)<br>
612 
+        FAX:058-323-2963<br>
613 
+        開庁日：8時30分～17時15分<br>
614 
+        （土・日・祝日、年末年始を除く）<br>
615 
+      </div>
616 
+    </div>
617 
+    <br class="sp__brDisplay">
618 
+    <p class="footer_text">
619 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
620 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
621 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
622 
+    </p>
623 
+  </footer>
459 624
460 625
461 
-    </div>
462 
-    <img class="cgipageview"
463 
-        src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?general_competitive_bidding" height="1"
464 
-        width="1" />
626 
+</div>
627 
+<img class="cgipageview"
628 
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?general_competitive_bidding" height="1"
629 
+     width="1"/>
465 630 
 </body>
466 631
467 
-</html>
632 
+</html>

+ 357
- 175
third/business/electronic_bidding.html ファイルの表示 

@@ -1,187 +1,369 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.css" >
12 
-		<link rel="stylesheet" href="../../css/pageview.css" >
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">
3 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 21 
 </head>
16 22
17 23 
 <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="setBackground3(1)">
33 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35 
-</div>
36 
-<script>
37 
-getBackgNumber3();
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
38 31 
 </script>
39 
-</article>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
40 34
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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
50 63
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 
-<script type="text/javascript">
69 
-function googleTranslateElementInit() {
70 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
71 
-}
72 
-</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>
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
99 
-					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
113 
-					</div>
114 
-				</div>
115 
-			</header>
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
135 
+
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
116 274
117 
-			<div id="third_body">
118 
-				<!--セクション template-->
119 
-				<section id="template" >
120 
-					<article id="breadcrumb" >
121 
-						<div id="breadcrumb_title">
122 
-							<div id="breadcrumb_title_block">
123 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/business.html">事業者向け情報</a>>電子入札</span>
124 
-							</div>
125 
-						</div>
126 
-					</article>
127 
-					<article id="template" >
128 
-						<div id="template_title" class="gothic">
129 
-							<div id="template_title_block">
130 
-								<span id="template_title">電子入札</span>
131 
-							</div>
132 
-						</div>
133 
-						<span id="template_article_block"><p class="paragraphT10">　北方町では「岐阜県市町村共同電子入札システム」により、建設工事及び測量・建設コンサルタント・建築設計業務にかかる入札を行っています。</p>
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
281 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
282 
+                    href="../../second/business.html">事業者向け情報</a>>電子入札</span>
283 
+          </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template">
287 
+        <div id="template_title" class="gothic">
288 
+          <div id="template_title_block">
289 
+            <span id="template_title">電子入札</span>
290 
+          </div>
291 
+        </div>
292 
+        <span id="template_article_block"><p class="paragraphT10">　北方町では「岐阜県市町村共同電子入札システム」により、建設工事及び測量・建設コンサルタント・建築設計業務にかかる入札を行っています。</p>
134 293
135 294 
 						</span>
136 
-					</article>
137 
-					<article id="template_list_title" >
138 
-						<div id="template_title2" class="gothic">
139 
-							<div id="template_title_block">
140 
-								<span id="template_title2"><a href="../../fourth/business/electronic_bidding/to_businesses.html">登録事業者の皆さんへ</a></span>
141 
-							</div>
142 
-						</div>
143 
-					</article>
144 
-					<article id="template_list_title" >
145 
-						<div id="template_title2" class="gothic">
146 
-							<div id="template_title_block">
147 
-								<span id="template_title2"><a href="../../fourth/business/electronic_bidding/about_registration.html">電子入札利用者登録について</a></span>
148 
-							</div>
149 
-						</div>
150 
-					</article>
151 
-					<article id="template_list_title" >
152 
-						<div id="template_title2" class="gothic">
153 
-							<div id="template_title_block">
154 
-								<span id="template_title2"><a href="../../fourth/business/electronic_bidding/have_an_IC-card.html">既にICカードをお持ちの方について</a></span>
155 
-							</div>
156 
-						</div>
157 
-					</article>
158 
-					<article id="template_list_title" >
159 
-						<div id="template_title2" class="gothic">
160 
-							<div id="template_title_block">
161 
-								<span id="template_title2"><a href="../../fourth/business/electronic_bidding/bidder_qualification_number.html">入札参加資格者番号について</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 id="template_title2">申請書等</span>-->
169 
-<!--							</div>-->
170 
-<!--						</div>-->
171 
-<!--						<span id="template_article_block"><p class="paragraphT10">下記よりダウンロードして下さい。</p>-->
172 
-<!--    <p class="paragraphT10"><a href="../../third/living/Application_bid_and_contract.html">入札参加資格申請書（申請書等ダウンロードページ）</a></p>-->
173 
-<!--						</span>-->
174 
-<!--					</article>-->
175 
-				</section>
176 
-			</div>
177 
-
178 
-						<footer>
179 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
180 
-                <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>
181 
-			</footer>
295 
+      </article>
296 
+      <article id="template_list_title">
297 
+        <div id="template_title2" class="gothic">
298 
+          <div id="template_title_block">
299 
+            <span id="template_title2"><a
300 
+                    href="../../fourth/business/electronic_bidding/to_businesses.html">登録事業者の皆さんへ</a></span>
301 
+          </div>
302 
+        </div>
303 
+      </article>
304 
+      <article id="template_list_title">
305 
+        <div id="template_title2" class="gothic">
306 
+          <div id="template_title_block">
307 
+            <span id="template_title2"><a href="../../fourth/business/electronic_bidding/about_registration.html">電子入札利用者登録について</a></span>
308 
+          </div>
309 
+        </div>
310 
+      </article>
311 
+      <article id="template_list_title">
312 
+        <div id="template_title2" class="gothic">
313 
+          <div id="template_title_block">
314 
+            <span id="template_title2"><a href="../../fourth/business/electronic_bidding/have_an_IC-card.html">既にICカードをお持ちの方について</a></span>
315 
+          </div>
316 
+        </div>
317 
+      </article>
318 
+      <article id="template_list_title">
319 
+        <div id="template_title2" class="gothic">
320 
+          <div id="template_title_block">
321 
+            <span id="template_title2"><a
322 
+                    href="../../fourth/business/electronic_bidding/bidder_qualification_number.html">入札参加資格者番号について</a></span>
323 
+          </div>
324 
+        </div>
325 
+      </article>
326 
+      <!--					<article id="template_list_title" >-->
327 
+      <!--						<div id="template_title2" class="gothic">-->
328 
+      <!--							<div id="template_title_block">-->
329 
+      <!--								<span id="template_title2">申請書等</span>-->
330 
+      <!--							</div>-->
331 
+      <!--						</div>-->
332 
+      <!--						<span id="template_article_block"><p class="paragraphT10">下記よりダウンロードして下さい。</p>-->
333 
+      <!--    <p class="paragraphT10"><a href="../../third/living/Application_bid_and_contract.html">入札参加資格申請書（申請書等ダウンロードページ）</a></p>-->
334 
+      <!--						</span>-->
335 
+      <!--					</article>-->
336 
+    </section>
337 
+  </div>
182 338
183 
-
184 
-		</div>
185 
-		<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?electronic_bidding" height="1" width="1" />
186 
-	</body>
339 
+
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>
364 
+
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?electronic_bidding" height="1"
367 
+     width="1"/>
368 
+</body>
187 369 
 </html>

+ 295
- 126
third/business/general_competitive_bidding.html ファイルの表示 

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

+ 341
- 162
third/business/introduction_of_construction_work.html ファイルの表示 

@@ -1,200 +1,379 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.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 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 21 
 </head>
15 22
16 23 
 <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="setBackground3(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber3();
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
37 31 
 </script>
38 
-</article>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
39 34
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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
49 63
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>
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
79 135
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
99 
-					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
113 
-					</div>
114 
-				</div>
115 
-			</header>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
116 274
117 
-			<div id="third_body">
118 
-				<!--セクション template-->
119 
-				<section id="template" >
120 
-					<article id="breadcrumb" >
121 
-						<div id="breadcrumb_title">
122 
-							<div id="breadcrumb_title_block">
123 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/business.html">事業者向け情報</a>>建設工事成績評定の導入について</span>
124 
-							</div>
125 
-						</div>
126 
-					</article>
127 
-					<article id="template" >
128 
-						<div id="template_title" class="gothic">
129 
-							<div id="template_title_block">
130 
-								<span id="template_title">建設工事成績評定の導入について</span>
131 
-							</div>
132 
-						</div>
133 
-					</article>
134 
-					<article id="template_list_title" >
135 
-						<div id="template_title2" class="gothic">
136 
-							<div id="template_title_block">
137 
-								<span id="template_title2">建設工事成績評定を導入します</span>
138 
-							</div>
139 
-						</div>
140 
-						<span id="template_article_block">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
281 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
282 
+                    href="../../second/business.html">事業者向け情報</a>>建設工事成績評定の導入について</span>
283 
+          </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template">
287 
+        <div id="template_title" class="gothic">
288 
+          <div id="template_title_block">
289 
+            <span id="template_title">建設工事成績評定の導入について</span>
290 
+          </div>
291 
+        </div>
292 
+      </article>
293 
+      <article id="template_list_title">
294 
+        <div id="template_title2" class="gothic">
295 
+          <div id="template_title_block">
296 
+            <span id="template_title2">建設工事成績評定を導入します</span>
297 
+          </div>
298 
+        </div>
299 
+        <span id="template_article_block">
141 300 
 <ol style="margin: 1em 0 1em 1.5em; padding: 0;">
142 
-<li>導入の目的<br />
301 
+<li>導入の目的<br/>
143 302 
 北方町が行う請負契約による建設工事の成績評定（以下「評定」という。）に必要な事項を定め、厳正かつ的確な評定の実施を図り、もって受注者の適正な選定及び指導育成に資することを目的とする。
144 303 
 </li>
145 
-<br />
304 
+<br/>
146 305
147 
-<li>評定の対象<br />
148 
-１件の最終契約金額が<strong><span style="text-decoration: underline;">３００万円を超える建設工事</span></strong>とします。<br />
306 
+<li>評定の対象<br/>
307 
+１件の最終契約金額が<strong><span style="text-decoration: underline;">３００万円を超える建設工事</span></strong>とします。<br/>
149 308 
 　　　　　（ただし、除草や道路清掃等簡易な維持工事は除く）
150 309 
 </li>
151 
-<br />
310 
+<br/>
152 311
153 
-<li>評定の方法<br />
312 
+<li>評定の方法<br/>
154 313 
 <ol style="list-style-type: katakana">
155 314 
 <li>評定は、工事の施工状況、目的物の品質等について行います。</li>
156 315 
 <li>評定の採点は、細目別評定点採点表により算出し、工事成績評定表により行います。</li>
157 316 
 <li><strong>「創意工夫」</strong>、<strong>「社会性等」</strong>は、総合的に判断して<strong>加点評価</strong>を行います。</li>
158 317 
 </ol>
159 318 
 </li>
160 
-<br />
319 
+<br/>
161 320
162 
-<li>評定の入札制度への適用<br />
321 
+<li>評定の入札制度への適用<br/>
163 322 
 <ol style="list-style-type: katakana">
164 323 
 <li>工事成績評定は、受注業者へ通知します。</li>
165 324 
 <li>総合評価落札方式の企業能力について、工事成績評定の実績を評価します。</li>
166 325 
 </ol>
167 
-<br />
326 
+<br/>
168 327
169 
-<li>評定の公表<br />
328 
+<li>評定の公表<br/>
170 329 
 　各工事の評定は１年ごとにホームページ等で公表します。
171 330 
 </li>
172 331 
 </ol>
173 
-<br />
332 
+<br/>
174 333 
 <a href="../../fourth/contract/pdf/introduction_of_construction_work.pdf" target="_blank">北方町建設工事成績評定要領(PDF形式 128KB)</a>
175 334
176 335 
 						</span>
177 
-					</article>
178 
-					<article id="template_list_title" >
179 
-						<div id="template_title2" class="gothic">
180 
-							<div id="template_title_block">
181 
-								<span id="template_title2">お問い合わせ</span>
182 
-							</div>
183 
-						</div>
184 
-						<span id="template_article_block">
185 
-都市環境課　都市建設係<br />
336 
+      </article>
337 
+      <article id="template_list_title">
338 
+        <div id="template_title2" class="gothic">
339 
+          <div id="template_title_block">
340 
+            <span id="template_title2">お問い合わせ</span>
341 
+          </div>
342 
+        </div>
343 
+        <span id="template_article_block">
344 
+都市環境課　都市建設係<br/>
186 345 
 Tel 058-323-1114
187 346 
 						</span>
188 
-					</article>
189 
-				</section>
190 
-			</div>
191 
-
192 
-						<footer>
193 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><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>
347 
+      </article>
348 
+    </section>
349 
+  </div>
196 350
197 
-
198 
-		</div>
199 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1" /></body>
351 
+
352 
+  <footer>
353 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
354 
+    <div class="footer_mobile">
355 
+      <div class="footer_mobile_title">
356 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
357 
+        <h1 class="footerMobile__text">北方町役場</h1>
358 
+      </div>
359 
+      <div class="footer_mobile_address">
360 
+                <span class="footerTextWrap__text">
361 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
362 
+                </span><br>
363 
+        電話:058-323-1111(代)<br>
364 
+        FAX:058-323-2963<br>
365 
+        開庁日：8時30分～17時15分<br>
366 
+        （土・日・祝日、年末年始を除く）<br>
367 
+      </div>
368 
+    </div>
369 
+    <br class="sp__brDisplay">
370 
+    <p class="footer_text">
371 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
372 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
373 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
374 
+    </p>
375 
+  </footer>
376 
+
377 
+</div>
378 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1"/></body>
200 379 
 </html>

+ 369
- 207
third/business/published_proceedings_of_advertising.html ファイルの表示 

@@ -1,245 +1,407 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.css">
13 
-	<link rel="stylesheet" href="../../css/pageview.css">
14 
-	<script src="../../js/operation.js"></script>
15 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-	</meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 21 
 </head>
18 22
19 23 
 <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="setBackground3(1)">
37 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-							onClick="setBackground3(2)">
39 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-							onClick="setBackground3(3)">
41 
-					</div>
42 
-					<script>
43 
-						getBackgNumber3();
44 
-					</script>
45 
-				</article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
46 34
47 
-				<!--セクション 文字サイズ-->
48 
-				<!--<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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
56 98
57 
-				<!--セクション サイトマップ-->
58 
-				<article id="sitemap">
59 
-					<div id="sitemap_img">
60 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
61 
-								alt="サイトマップ" /></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"><img
68 
-								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
69 
-					</div>
70 
-				</article>
71 
-				<!--セクション 翻訳-->
72 
-				<article id="translation">
73 
-					<div id="translation_img">
74 
-						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
-						<div id="google_translate_element"></div>
76 
-						<script type="text/javascript">
77 
-							function googleTranslateElementInit() {
78 
-								new google.translate.TranslateElement({
79 
-									pageLanguage: 'ja',
80 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
81 
-								}, 'google_translate_element');
82 
-							}
83 
-						</script>
84 
-						<script type="text/javascript"
85 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
86 
-					</div>
87 
-				</article>
88 
-				<div id="claer">
89 
-				</div>
90 
-			</div>
91 
-		</section>
92 
-		<!--ヘッダーデータ-->
93 
-		<header>
94 
-			<div id="header" class="gothic">
95 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/business.html"><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"><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>
125 
-					</article>
126 
-				</div>
127 
-			</div>
128 
-		</header>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
129 135
130 
-		<div id="third_body">
131 
-			<!--セクション template-->
132 
-			<section id="template">
133 
-				<article id="breadcrumb">
134 
-					<div id="breadcrumb_title">
135 
-						<div id="breadcrumb_title_block">
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
136 281 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
137 
-									href="../../second/business.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 id="template_title2" class="gothic">
150 
-						<div id="template_title_block">
151 
-							<span id="template_title2">広告を募集します</span>
152 
-						</div>
153 
-					</div>
154 
-					<span id="template_article_block">
282 
+                                    href="../../second/business.html">事業者向け情報</a>>広告の掲載手続き</span>
283 
+          </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template">
287 
+        <div id="template_title" class="gothic">
288 
+          <div id="template_title_block">
289 
+            <span id="template_title">広告の掲載手続き</span>
290 
+          </div>
291 
+        </div>
292 
+      </article>
293 
+      <article id="template_list_title">
294 
+        <div id="template_title2" class="gothic">
295 
+          <div id="template_title_block">
296 
+            <span id="template_title2">広告を募集します</span>
297 
+          </div>
298 
+        </div>
299 
+        <span id="template_article_block">
155 300 
 						<p class="paragraphT10">北方町は、町が保有する資産を有効活用し、新たな財源確保等を図るため「<a
156 
-								href="../../fourth/contract/pdf/ad_tips.pdf">北方町広告掲載要綱（PDF、76KB）</a>」に基づき、ホームページ及び北方バスターミナルで掲載する広告を随時募集します。
301 
+                                href="../../fourth/contract/pdf/ad_tips.pdf">北方町広告掲載要綱（PDF、76KB）</a>」に基づき、ホームページ及び北方バスターミナルで掲載する広告を随時募集します。
157 302 
 						</p>
158 303
159 304 
 						<h4 id="life">北方町ホームページ</h4>
160 305
161 
-						<p class="paragraphT10"><strong>○広告の掲載場所</strong><br />
162 
-							　トップページの概ねフッター部分（図参照）<br />
163 
-							<br /><img src="../../fourth/contract/images/screen.jpg" width="200" class="right pic" />
164 
-							<strong>○広告の規格等</strong><br />
165 
-							　種類　：バナー広告<br />
166 
-							　大きさ：１枠＝縦50ピクセル×横150ピクセル<br />
167 
-							　形式　：ＧＩＦ（アニメーション可）、ＪＰＥＧ、ＰＮＧ<br />
168 
-							　容量　：５０KB以内<br />
169 
-							<br />
170 
-							<strong>○広告枠数　30枠</strong><br />
171 
-							<br />
172 
-							<strong>○広告掲載料　１枠　3,000円／月</strong><br />
173 
-							<!-- <strong>○広告掲載料　１枠　2,000円／月</strong><br />
174 
-							<strong style="color: red;">（令和３年４月１日より3,000円/月に変更します）</strong> -->
175 
-							<br />
176 
-							<strong>○申し込み方法</strong><br />
306 
+						<p class="paragraphT10"><strong>○広告の掲載場所</strong><br/>
307 
+							　トップページの概ねフッター部分（図参照）<br/>
308 
+							<br/><img src="../../fourth/contract/images/screen.jpg" width="200" class="right pic"/>
309 
+							<strong>○広告の規格等</strong><br/>
310 
+							　種類　：バナー広告<br/>
311 
+							　大きさ：１枠＝縦50ピクセル×横150ピクセル<br/>
312 
+							　形式　：ＧＩＦ（アニメーション可）、ＪＰＥＧ、ＰＮＧ<br/>
313 
+							　容量　：５０KB以内<br/>
314 
+							<br/>
315 
+							<strong>○広告枠数　30枠</strong><br/>
316 
+							<br/>
317 
+							<strong>○広告掲載料　１枠　3,000円／月</strong><br/>
318 
+                          <!-- <strong>○広告掲載料　１枠　2,000円／月</strong><br />
319 
+                          <strong style="color: red;">（令和３年４月１日より3,000円/月に変更します）</strong> -->
320 
+							<br/>
321 
+							<strong>○申し込み方法</strong><br/>
177 322 
 							　申込書様式を下欄よりダウンロードし、バナーデータと併せ総務危機管理課へ提出
178 323 
 						</p>
179 
-						<p class="paragraphT10"><strong>●申込書等ダウンロード</strong><br />
324 
+						<p class="paragraphT10"><strong>●申込書等ダウンロード</strong><br/>
180 325 
 							　・<a
181 
-								href="../../fourth/contract/pdf/ad_website_entry.doc">北方町ホームページ広告掲載申込書（Word、33KB）</a><br />
326 
+                                  href="../../fourth/contract/pdf/ad_website_entry.doc">北方町ホームページ広告掲載申込書（Word、33KB）</a><br/>
182 327 
 							　・<a
183 
-								href="../../fourth/contract/pdf/web_ad_website_tips_2021_1.pdf">北方町ホームページ広告掲載申込書（PDF、62KB）</a><br />
328 
+                                  href="../../fourth/contract/pdf/web_ad_website_tips_2021_1.pdf">北方町ホームページ広告掲載申込書（PDF、62KB）</a><br/>
184 329 
 							　・<a
185 
-								href="../../fourth/contract/pdf/ad_website_tips_2021.pdf">北方町ホームページ広告取扱要領（PDF、425KB）</a><br />
330 
+                                  href="../../fourth/contract/pdf/ad_website_tips_2021.pdf">北方町ホームページ広告取扱要領（PDF、425KB）</a><br/>
186 331 
 						</p>
187 332
188 333 
 						<h4 id="life">北方バスターミナル</h4>
189 
-						<p class="paragraphT10"><strong>○広告の掲載場所</strong><br />
190 
-							　北方バスターミナル内に設置の北方町案内板（写真参照）<br />
191 
-							<br /><img src="../../fourth/contract/images/bus_ad.jpg" width="200" class="right pic" />
192 
-							<strong>○広告の規格等</strong><br />
193 
-							　大きさ：１枠＝縦210mm×横600mm×厚さ5mm<br />
194 
-							　仕様　：ポリカーボネート、屋外ジェットプリント<br />
195 
-							<br />
196 
-							<br />
197 
-							<strong>○広告枠数　12枠</strong><br />
198 
-							<br />
199 
-							<strong>○広告掲載料　１枠　1,000円／月</strong><br />
200 
-							<br />
201 
-							<strong>○申し込み方法</strong><br />
334 
+						<p class="paragraphT10"><strong>○広告の掲載場所</strong><br/>
335 
+							　北方バスターミナル内に設置の北方町案内板（写真参照）<br/>
336 
+							<br/><img src="../../fourth/contract/images/bus_ad.jpg" width="200" class="right pic"/>
337 
+							<strong>○広告の規格等</strong><br/>
338 
+							　大きさ：１枠＝縦210mm×横600mm×厚さ5mm<br/>
339 
+							　仕様　：ポリカーボネート、屋外ジェットプリント<br/>
340 
+							<br/>
341 
+							<br/>
342 
+							<strong>○広告枠数　12枠</strong><br/>
343 
+							<br/>
344 
+							<strong>○広告掲載料　１枠　1,000円／月</strong><br/>
345 
+							<br/>
346 
+							<strong>○申し込み方法</strong><br/>
202 347 
 							　申込書様式を下欄よりダウンロードし、広告原稿データと併せ総務危機管理課へ提出
203 348 
 						</p>
204 
-						<p class="paragraphT10"><strong>●申込書等ダウンロード</strong><br />
349 
+						<p class="paragraphT10"><strong>●申込書等ダウンロード</strong><br/>
205 350 
 							　・<a
206 
-								href="../../fourth/contract/pdf/ad_terminal_entry.rtf">北方バスターミナル広告掲載申込書（Word、60KB）</a><br />
351 
+                                  href="../../fourth/contract/pdf/ad_terminal_entry.rtf">北方バスターミナル広告掲載申込書（Word、60KB）</a><br/>
207 352 
 							　・<a
208 
-								href="../../fourth/contract/pdf/bus_ad_terminal_tips_2021_1.pdf">北方バスターミナル広告掲載申込書（PDF、58KB）</a><br />
353 
+                                  href="../../fourth/contract/pdf/bus_ad_terminal_tips_2021_1.pdf">北方バスターミナル広告掲載申込書（PDF、58KB）</a><br/>
209 354 
 							　・<a
210 
-								href="../../fourth/contract/pdf/ad_terminal_tips2.pdf">北方バスターミナル広告取扱要領（PDF、95KB）</a><br />
355 
+                                  href="../../fourth/contract/pdf/ad_terminal_tips2.pdf">北方バスターミナル広告取扱要領（PDF、95KB）</a><br/>
211 356 
 						</p>
212 357
213 358 
 						<h4 id="life">注意事項</h4>
214 
-						<p class="paragraphT10"><strong>掲載できないもの</strong><br />
215 
-							　・法令などに違反するものまたはそのおそれのあるもの <br />
216 
-							　・公序良俗に反するものまたはそのおそれのあるもの <br />
217 
-							　・政治または宗教に関するもの <br />
218 
-							　・社会問題などに関する主義主張 <br />
219 
-							　・公衆に不快感や危害を加えるおそれのあるもの<br />
220 
-							　・その他社会的に不適切なもの <br />
359 
+						<p class="paragraphT10"><strong>掲載できないもの</strong><br/>
360 
+							　・法令などに違反するものまたはそのおそれのあるもの <br/>
361 
+							　・公序良俗に反するものまたはそのおそれのあるもの <br/>
362 
+							　・政治または宗教に関するもの <br/>
363 
+							　・社会問題などに関する主義主張 <br/>
364 
+							　・公衆に不快感や危害を加えるおそれのあるもの<br/>
365 
+							　・その他社会的に不適切なもの <br/>
221 366 
 							　※詳しくはこちら　<a href="../../fourth/contract/pdf/ad_guidelin.pdf">北方町広告掲載基準（PDF、174KB）</a></p>
222 367
223 
-						<p class="paragraphT10"><strong>広告主の責任など</strong><br />
224 
-							　・広告掲載の承諾を受けた者は、広告の内容に関する責任を負うものとします。<br />
368 
+						<p class="paragraphT10"><strong>広告主の責任など</strong><br/>
369 
+							　・広告掲載の承諾を受けた者は、広告の内容に関する責任を負うものとします。<br/>
225 370 
 							　・広告掲載の承諾を受けた者は、広告掲載の権利を他人に譲渡することはできません。</p>
226 371 
 					</span>
227 
-				</article>
228 
-			</section>
229 
-		</div>
230 
-
231 
-		<footer>
232 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
233 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
234 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
235 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
236 
-		</footer>
372 
+      </article>
373 
+    </section>
374 
+  </div>
237 375
238 376
239 
-	</div>
240 
-	<img class="cgipageview"
241 
-		src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?published_proceedings_of_advertising" height="1"
242 
-		width="1" />
377 
+  <footer>
378 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
379 
+    <div class="footer_mobile">
380 
+      <div class="footer_mobile_title">
381 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
382 
+        <h1 class="footerMobile__text">北方町役場</h1>
383 
+      </div>
384 
+      <div class="footer_mobile_address">
385 
+                <span class="footerTextWrap__text">
386 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
387 
+                </span><br>
388 
+        電話:058-323-1111(代)<br>
389 
+        FAX:058-323-2963<br>
390 
+        開庁日：8時30分～17時15分<br>
391 
+        （土・日・祝日、年末年始を除く）<br>
392 
+      </div>
393 
+    </div>
394 
+    <br class="sp__brDisplay">
395 
+    <p class="footer_text">
396 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
397 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
398 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
399 
+    </p>
400 
+  </footer>
401 
+</div>
402 
+<img class="cgipageview"
403 
+     src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?published_proceedings_of_advertising" height="1"
404 
+     width="1"/>
243 405 
 </body>
244 406
245 
-</html>
407 
+</html>

+ 311
- 140
third/business/qualifying_bidders.html ファイルの表示 

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

+ 321
- 321
third/calender/Living.html ファイルの表示 

@@ -1,6 +1,5 @@
1 1 
 <!doctype html>
2 2 
 <html id="html-back" lang="ja">
3 
-
4 3 
 <head>
5 4 
   <meta charset="utf-8">
6 5 
   <meta name="viewport" content="width=device-width,initial-scale=1">
 
@@ -22,38 +21,38 @@
22 21 
 </head>
23 22
24 23 
 <body id="back">
25 
-  <script type="text/javascript">
24 
+<script type="text/javascript">
26 25 
     function googleTranslateElementInit() {
27 
-      new google.translate.TranslateElement({
28 
-        pageLanguage: 'ja',
29 
-        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
-      }, 'google_translate_element');
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
31 30 
     }
32 
-  </script>
33 
-  <script type="text/javascript"
34 
-    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 34
36 
-  <div id="main" class="gothic">
37 
-    <!--セクション 操作-->
38 
-    <section id="operation">
39 
-      <!--セクション 住所-->
40 
-      <article id="address">
41 
-        <address id="operation_add">
42 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
-        </address>
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
44 53 
       </article>
45 
-      <div id="controle_panel">
46 
-        <!--セクション 背景色-->
47 
-        <article id="bgcolor">
48 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
49 
-          <div id="bgcolor_img">
50 
-            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
-          </div>
54 
-        </article>
55 
-        <!--セクション 文字サイズ-->
56 
-        <!--<article id="charsize" >
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
57 56 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 57 
       <div id="charsize_img">
59 58 
       <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -62,366 +61,367 @@
62 61 
       </div>
63 62 
       </article>-->
64 63
65 
-        <!--セクション サイトマップ-->
66 
-        <article id="sitemap">
67 
-          <div id="sitemap_img">
68 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
69 
-          </div>
70 
-        </article>
71 
-        <!--セクション お問い合わせ-->
72 
-        <article id="contact">
73 
-          <div id="contact_img">
74 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
76 
-          </div>
77 
-        </article>
78 
-        <!--セクション 翻訳-->
79 
-        <article id="translation">
80 
-          <div id="translation_img">
81 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
-            <div id="google_translate_element"></div>
83 
-            <script type="text/javascript">
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
84 83 
               function googleTranslateElementInit() {
85 
-                new google.translate.TranslateElement({
86 
-                  pageLanguage: 'ja',
87 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
-                }, 'google_translate_element');
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
89 88 
               }
90 
-            </script>
91 
-            <script type="text/javascript"
92 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
-          </div>
94 
-        </article>
95 
-        <div id="claer">
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
96 92 
         </div>
93 
+      </article>
94 
+      <div id="claer">
97 95 
       </div>
98 
-    </section>
96 
+    </div>
97 
+  </section>
99 98
100 
-    <!--ヘッダーデータ-->
101 
-    <header>
102 
-      <div id="header" class="gothic">
103 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
104 
-        <div id="h_block_1">
105 
-          <div class="h_line">
106 
-          </div>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
-          </article>
110 
-          <article class="h_text_l">
111 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
-          </article>
116 
-          <article class="h_text_l">
117 
-            <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
-          </article>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
133 105 
         </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
117 
+        </article>
134 118 
       </div>
135 
-    </header>
136 
-
137 
-    <!-- mobile header -->
138 
-    <header class="header">
139 
-      <div class="headerLogo">
140 
-        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
-            src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
-      </div>
143 
-      <div class="headerTitle">
144 
-        <a href="../../index.html" class="header_link">
145 
-          <h1 class="headerTitle__text">北方町</h1>
146 
-        </a>
147 
-      </div>
148 
-      <div class="headerSubTitle">
149 
-        <a href="../../index.html" class="header_link">
150 
-          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
-        </a>
152 
-      </div>
153 
-      <div id="h-menu">
154 
-        <span></span>
155 
-        <span></span>
156 
-        <span></span>
157 
-        <div id="h-text">menu</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>
131 
+        </article>
158 132 
       </div>
159 
-      <div id="h-nav">
160 
-        <div class="h-menu_main_block_top">
161 
-          <div class="h-menu_main_block">
162 
-            <div class="h-menu_block">
163 
-              <a href="../../second/living.html">
164 
-                <div class="h-menu_block_text h-menu_block_before">
165 
-                  <div class="h-menu_block_text_center">くらしの情報</div>
166 
-                </div>
167 
-              </a>
168 
-            </div>
133 
+    </div>
134 
+  </header>
135 
+
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
169 167 
           </div>
170 
-          <div class="h-menu_main_block">
171 
-            <div class="h-menu_block">
172 
-              <a href="../../second/tourism.html">
173 
-                <div class="h-menu_block_text h-menu_block_before">
174 
-                  <div class="h-menu_block_text_center">
175 
-                    観光
176 
-                  </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
177 175 
                 </div>
178 
-              </a>
179 
-            </div>
176 
+              </div>
177 
+            </a>
180 178 
           </div>
181 
-          <div class="h-menu_main_block">
182 
-            <div class="h-menu_block">
183 
-              <a href="../../second/business.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>
179 
+        </div>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
189 187 
           </div>
190 
-          <div class="h-menu_main_block">
191 
-            <div class="h-menu_block">
192 
-              <a href="../../second/town_admini_info.html">
193 
-                <div class="h-menu_block_text h-menu_block_before">
194 
-                  <div class="h-menu_block_text_center">町政情報</div>
195 
-                </div>
196 
-              </a>
197 
-            </div>
188 
+        </div>
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
198 196 
           </div>
199 
-          <div class="h-menu_main_block">
200 
-            <div class="h-menu_block h-menu_block_before">
201 
-              <a href="../../second/sitemap.html">
202 
-                <div class="h-menu_block_text h-menu_block_before">
203 
-                  <div class="h-menu_block_text_center">
204 
-                    サイトマップ
205 
-                  </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
206 204 
                 </div>
207 
-              </a>
208 
-            </div>
205 
+              </div>
206 
+            </a>
209 207 
           </div>
210 
-          <div class="h-menu_main_block">
211 
-            <div class="h-menu_block h-menu_block_before">
212 
-              <a href="https://ai-staff.net/kitagata/chat">
213 
-                <div class="h-menu_block_text  h-menu_block_before">
214 
-                  <div class="h-menu_block_text_center">
215 
-                    AIチャット
216 
-                  </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
217 215 
                 </div>
218 
-              </a>
219 
-            </div>
216 
+              </div>
217 
+            </a>
220 218 
           </div>
221 
-          <div class="h-menu_main_block">
222 
-            <div class="h-menu_block h-menu_block_before">
223 
-              <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
-                <div class="h-menu_block_text">
225 
-                  <div class="h-menu_block_text_center">
226 
-                    お問い合わせ一覧
227 
-                  </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
228 226 
                 </div>
229 
-              </a>
230 
-            </div>
227 
+              </div>
228 
+            </a>
231 229 
           </div>
232 
-          <div class="h-menu_main_block">
233 
-            <div class="h-menu_lang">
234 
-              <div class="h-menu_block_lang">
235 
-                <div class="h-menu_block_text_center">
236 
-                  <div class="h-menu_block_text_line">
237 
-                    背景変更
238 
-                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
-                    </div>
240 
-                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
-                    </div>
242 
-                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
-                    </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
244 238 
                   </div>
245 
-                  <script>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
246 245 
                     getBackgNumber2();
247 
-                  </script>
248 
-                  <div class="h-menu_block_text_line">言語選択
249 
-                    <div class="mobile_translation">
250 
-                      <div id="google_translate_element"></div>
251 
-                    </div>
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
252 250 
                   </div>
253 251 
                 </div>
254 252 
               </div>
255 253 
             </div>
256 254 
           </div>
257 
-          <div class="h-menu_main_block">
258 
-            <div class="h-menu_search">
259 
-              <div class="h-menu_block_search">
260 
-                <form action="https://www.google.com/search">
261 
-                  <input type="hidden" name="hl" value="ja" />
262 
-                  <input type="hidden" name="ie" value="UTF-8">
263 
-                  <input type="hidden" name="oe" value="UTF-8">
264 
-                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
265 
-                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
266 
-                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
267 
-                </form>
268 
-              </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
269 268 
             </div>
270 269 
           </div>
271 270 
         </div>
272 271 
       </div>
273 
-    </header>
272 
+    </div>
273 
+  </header>
274 274
275 
-    <div>
276 
-      <!--セクション template-->
277 
-      <section id="template">
278 
-        <article id="breadcrumb">
279 
-          <div id="breadcrumb_title">
280 
-            <div id="breadcrumb_title_block">
275 
+  <div>
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
281 281 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
282 
-                  href="../../second/Calender.html">北方町イベントスケジュール</a>>注意事項</span>
283 
-            </div>
282 
+                      href="../../second/Calender.html">北方町イベントスケジュール</a>>注意事項</span>
284 283 
           </div>
285 
-        </article>
286 
-        <article id="template">
287 
-          <div id="template_title" class="gothic">
288 
-            <div id="template_title_block">
289 
-              <span id="template_title">注意事項</span>
290 
-            </div>
284 
+        </div>
285 
+      </article>
286 
+      <article id="template">
287 
+        <div id="template_title" class="gothic">
288 
+          <div id="template_title_block">
289 
+            <span id="template_title">注意事項</span>
291 290 
           </div>
292 
-        </article>
293 
-        <article id="template_list_title">
294 
-          <div class="template_list">
291 
+        </div>
292 
+      </article>
293 
+      <article id="template_list_title">
294 
+        <div class="template_list">
295 295 
             <span class="template_list">
296 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
297 
-              <a href="../../css/pdf/living/calendar_of_living_2022_13.jpg" target="_blank">
296 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
297 
+              <a href="../../css/pdf/living/calendar_of_living_2021_13.jpg" target="_blank">
298 298 
                 家庭ごみの出し方案内</a></span>
299 
-            <span class="clear"></span>
300 
-          </div>
301 
-        </article>
302 
-        <article id="template_list_title">
303 
-          <div class="template_list">
299 
+          <span class="clear"></span>
300 
+        </div>
301 
+      </article>
302 
+      <article id="template_list_title">
303 
+        <div class="template_list">
304 304 
             <span class="template_list">
305 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
306 
-              <a href="../../css/pdf/living/calendar_of_living_2022_14.jpg" target="_blank">
305 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
306 
+              <a href="../../css/pdf/living/calendar_of_living_2021_14.jpg" target="_blank">
307 307 
                 北方町リサイクルセンター</a></span>
308 
-            <span class="clear"></span>
309 
-          </div>
310 
-        </article>
311 
-        <article id="template_list_title">
312 
-          <div class="template_list">
308 
+          <span class="clear"></span>
309 
+        </div>
310 
+      </article>
311 
+      <article id="template_list_title">
312 
+        <div class="template_list">
313 313 
             <span class="template_list">
314 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
314 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
315 315 
               <a href="../../css/pdf/living/calendar_of_living_2021_15.jpg" target="_blank">
316 316 
                 母子保健・予防接種の案内</a></span>
317 
-            <span class="clear"></span>
318 
-          </div>
319 
-        </article>
320 
-        <article id="template_list_title">
321 
-          <div class="template_list">
317 
+          <span class="clear"></span>
318 
+        </div>
319 
+      </article>
320 
+      <article id="template_list_title">
321 
+        <div class="template_list">
322 322 
             <span class="template_list">
323 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
323 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
324 324 
               <a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank">
325 325 
                 成人保健の案内・緊急連絡表</a></span>
326 
-            <span class="clear"></span>
327 
-          </div>
328 
-        </article>
329 
-        <article id="template_list_title">
330 
-          <div class="template_list">
326 
+          <span class="clear"></span>
327 
+        </div>
328 
+      </article>
329 
+      <article id="template_list_title">
330 
+        <div class="template_list">
331 331 
             <span class="template_list">
332 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
332 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
333 333 
               <a href="../../css/pdf/living/calendar_of_living_2021_17.jpg" target="_blank">
334 334 
                 北方メディカルガイド</a></span>
335 
-            <span class="clear"></span>
336 
-          </div>
337 
-        </article>
338 
-        <article id="template_list_title">
339 
-          <div class="template_list">
335 
+          <span class="clear"></span>
336 
+        </div>
337 
+      </article>
338 
+      <article id="template_list_title">
339 
+        <div class="template_list">
340 340 
             <span class="template_list">
341 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
341 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
342 342 
               <a href="../../css/pdf/living/calendar_of_living_2021_18.jpg" target="_blank">
343 343 
                 大地震発生そのときどうする…</a></span>
344 
-            <span class="clear"></span>
345 
-          </div>
346 
-        </article>
347 
-        <article id="template_list_title">
348 
-          <div class="template_list">
344 
+          <span class="clear"></span>
345 
+        </div>
346 
+      </article>
347 
+      <article id="template_list_title">
348 
+        <div class="template_list">
349 349 
             <span class="template_list">
350 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
350 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
351 351 
               <a href="../../css/pdf/living/calendar_of_living_2021_19.jpg" target="_blank">
352 352 
                 役場窓口案内こんなときはこんな届出を・心配ごと相談</a></span>
353 
-            <span class="clear"></span>
354 
-          </div>
355 
-        </article>
356 
-        <article id="template_list_title">
357 
-          <div class="template_list">
353 
+          <span class="clear"></span>
354 
+        </div>
355 
+      </article>
356 
+      <article id="template_list_title">
357 
+        <div class="template_list">
358 358 
             <span class="template_list">
359 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
359 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
360 360 
               <a href="../../css/pdf/living/calendar_of_living_2021_20.jpg" target="_blank">
361 361 
                 学習・交流のひろば</a></span>
362 
-            <span class="clear"></span>
363 
-          </div>
364 
-        </article>
365 
-        <article id="template_list_title">
366 
-          <div class="template_list">
362 
+          <span class="clear"></span>
363 
+        </div>
364 
+      </article>
365 
+      <article id="template_list_title">
366 
+        <div class="template_list">
367 367 
             <span class="template_list">
368 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
368 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
369 369 
               <a href="../../css/pdf/living/calendar_of_living_2021_21.jpg" target="_blank">
370 370 
                 公共施設利用方法・クラブサークル紹介</a></span>
371 
-            <span class="clear"></span>
372 
-          </div>
373 
-        </article>
374 
-        <article id="template_list_title">
375 
-          <div class="template_list">
371 
+          <span class="clear"></span>
372 
+        </div>
373 
+      </article>
374 
+      <article id="template_list_title">
375 
+        <div class="template_list">
376 376 
             <span class="template_list">
377 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
377 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
378 378 
               <a href="../../css/pdf/living/calendar_of_living_2021_22.jpg" target="_blank">
379 379 
                 楽しいスポーツで生涯元気なまちづくり</a></span>
380 
-            <span class="clear"></span>
381 
-          </div>
382 
-        </article>
383 
-        <article id="template_list_title">
384 
-          <div class="template_list">
380 
+          <span class="clear"></span>
381 
+        </div>
382 
+      </article>
383 
+      <article id="template_list_title">
384 
+        <div class="template_list">
385 385 
             <span class="template_list">
386 
-              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png" /></span>
386 
+              <span class="template_list_img left"><img src="../../css/img/smallbutton_secondfloor.png"/></span>
387 387 
               <a href="../../css/pdf/living/calendar_of_living_2021_23.jpg" target="_blank">
388 388 
                 北方テレフォンガイドタウンマップ</a></span>
389 
-            <span class="clear"></span>
390 
-          </div>
391 
-        </article>
392 
-      </section>
393 
-    </div>
389 
+          <span class="clear"></span>
390 
+        </div>
391 
+      </article>
392 
+    </section>
393 
+  </div>
394 394
395 395
396 
-    <footer>
397 
-      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
398 
-      <div class="footer_mobile">
399 
-        <div class="footer_mobile_title">
400 
-          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
401 
-          <h1 class="footerMobile__text">北方町役場</h1>
402 
-        </div>
403 
-        <div class="footer_mobile_address">
404 
-          <span class="footerTextWrap__text">
405 
-            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
406 
-          </span><br>
407 
-          電話:058-323-1111(代)<br>
408 
-          FAX:058-323-2963<br>
409 
-          開庁日：8時30分～17時15分<br>
410 
-          （土・日・祝日、年末年始を除く）<br>
411 
-        </div>
396 
+  <footer>
397 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
398 
+    <div class="footer_mobile">
399 
+      <div class="footer_mobile_title">
400 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
401 
+        <h1 class="footerMobile__text">北方町役場</h1>
402 
+      </div>
403 
+      <div class="footer_mobile_address">
404 
+                <span class="footerTextWrap__text">
405 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
406 
+                </span><br>
407 
+        電話:058-323-1111(代)<br>
408 
+        FAX:058-323-2963<br>
409 
+        開庁日：8時30分～17時15分<br>
410 
+        （土・日・祝日、年末年始を除く）<br>
412 411 
       </div>
413 
-      <br class="sp__brDisplay">
414 
-      <p class="footer_text">
415 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
416 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
417 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
418 
-      </p>
419 
-    </footer>
412 
+    </div>
413 
+    <br class="sp__brDisplay">
414 
+    <p class="footer_text">
415 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
416 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
417 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
418 
+    </p>
419 
+  </footer>
420 420
421 
-  </div>
422 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Calender" height="1"
423 
-    width="1" />
424 
-  <script src="../../js/calender.js"></script>
421 
+</div>
422 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Calender" height="1"
423 
+     width="1"/>
424 
+<script src="../../js/calender.js"></script>
425 425 
 </body>
426 426
427 
-</html>
427 
+</html>

+ 342
- 188
third/donation/About_announcement_of_oldness_and_donation.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,189 +10,326 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
16 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">
17 22 
 </head>
18 23
19 24 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
31 54 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
43 90 
           </script>
44 
-        </article>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
45 99
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>-->
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
55 136
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="サイトマップ" />
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
61 167 
             </a>
62 168 
           </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="お問い合わせはこちらから" />
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </div>
177 
+              </div>
69 178 
             </a>
70 179 
           </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">
90 180 
         </div>
91 
-      </div>
92 
-    </section>
93 
-
94 
-    <!--ヘッダーデータ-->
95 
-    <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">
181 
+        <div class="h-menu_main_block">
182 
+          <div class="h-menu_block">
183 
+            <a href="../../second/business.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>
102 188 
           </div>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/living.html">
105 
-              <span class="h_text">くらしの情報</span>
189 
+        </div>
190 
+        <div class="h-menu_main_block">
191 
+          <div class="h-menu_block">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
106 196 
             </a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../../second/tourism.html">
110 
-              <span class="h_text">観光</span>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
111 207 
             </a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/business.html">
115 
-              <span class="h_text">事業者向け情報</span>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
116 218 
             </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>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
121 229 
             </a>
122 
-          </article>
230 
+          </div>
123 231 
         </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>
136 
-          </article>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
137 271 
         </div>
138 272 
       </div>
139 
-    </header>
273 
+    </div>
274 
+  </header>
140 275
141 
-    <div id="third_body">
142 
-      <!--セクション template-->
143 
-      <section id="template">
144 
-        <article id="breadcrumb2">
145 
-          <div id="breadcrumb_title2">
146 
-            <div id="breadcrumb_title_block2">
276 
+
277 
+  <div id="third_body">
278 
+    <!--セクション template-->
279 
+    <section id="template">
280 
+      <article id="breadcrumb">
281 
+        <div id="breadcrumb_title">
282 
+          <div id="breadcrumb_title_block">
147 283 
               <span id="breadcrumb_title">
148 284 
                 <a href="../../index.html">トップ</a>><a
149 
-                  href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>ふるさと寄附金の公表について</span>
150 
-            </div>
285 
+                      href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>ふるさと寄附金の公表について</span>
151 286 
           </div>
152 
-        </article>
153 
-        <article id="template">
154 
-          <div id="template_title" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title">ふるさと寄附金の公表について</span>
157 
-            </div>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template">
290 
+        <div id="template_title" class="gothic">
291 
+          <div id="template_title_block">
292 
+            <span id="template_title">ふるさと寄附金の公表について</span>
158 293 
           </div>
159 
-        </article>
294 
+        </div>
295 
+      </article>
160 296
161 
-        <article id="template">
162 
-          <div id="template_title" class="gothic">
163 
-            <div id="template_title_block">
164 
-              <span id="template_title">北方町ふるさと寄付金の使い道（報告）</span>
165 
-            </div>
297 
+      <article id="template">
298 
+        <div id="template_title" class="gothic">
299 
+          <div id="template_title_block">
300 
+            <span id="template_title">北方町ふるさと寄付金の使い道（報告）</span>
166 301 
           </div>
167 
-          <span id="template_article_block">
168 
-            北方町では皆さまのあたたかいご支援を受け、町のために大切に使わせていただいております。今後とも引き続き応援していただけるようお願いします。<br />
169 
-            ＜令和元年度＞<br />
170 
-            <a href="../../third/board_of_education/academy_concept.html">学園構想</a>に活用させていただきました。<br />
171 
-            <br />
172 
-            <br />
302 
+        </div>
303 
+        <span id="template_article_block">
304 
+            北方町では皆さまのあたたかいご支援を受け、町のために大切に使わせていただいております。今後とも引き続き応援していただけるようお願いします。<br/>
305 
+            ＜令和元年度＞<br/>
306 
+            <a href="../../third/board_of_education/academy_concept.html">学園構想</a>に活用させていただきました。<br/>
307 
+            <br/>
308 
+            <br/>
173 309 
           </span>
174 
-        </article>
310 
+      </article>
175 311
176 
-        <article id="template">
177 
-          <div id="template_title" class="gothic">
178 
-            <div id="template_title_block">
179 
-              <span id="template_title">北方町ふるさと寄附金の状況を公表します</span>
180 
-            </div>
312 
+      <article id="template_2lins">
313 
+        <div id="template_title_2lins" class="gothic">
314 
+          <div id="template_title_block_2lins">
315 
+            <span id="template_title_2lins">北方町ふるさと寄附金の状況を公表します</span>
181 316 
           </div>
182 
-          <span id="template_article_block">
183 
-            令和２年度中にいただいたふるさと寄附金については表のとおりとなりました。ご支援ありがとうございました。<br />
184 
-            これからのまちづくりのために大切に活用させていただきます。<br />
185 
-            <br />
317 
+        </div>
318 
+        <span id="template_article_block">
319 
+            令和２年度中にいただいたふるさと寄附金については表のとおりとなりました。ご支援ありがとうございました。<br/>
320 
+            これからのまちづくりのために大切に活用させていただきます。<br/>
321 
+            <br/>
186 322 
           </span>
187 
-        </article>
323 
+      </article>
188 324
189 
-        <article id="template_list_title">
190 
-          <div id="template_title2" class="gothic">
191 
-            <div id="template_title_block">
192 
-              <span id="template_title2">寄附の状況（令和２年４月１日～令和３年３月３１日）</span>
193 
-            </div>
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>
194 329 
           </div>
195 
-          <span id="template_article_block">
330 
+        </div>
331 
+        <span id="template_article_block">
332 
+          <div class="scroll_table">
196 333 
             <table width="670" border="0" cellpadding="3" cellspacing="2">
197 334 
               <tr>
198 335 
                 <th width="8%" bgcolor="#add8e6" align="left">&nbsp;</th>
 
@@ -243,16 +380,18 @@
243 380 
                 <td bgcolor="#dcdcdc" align="right">13,577,000円</td>
244 381 
               </tr>
245 382 
             </table>
383 
+          </div>
246 384
247 
-          </span>
248 
-        </article>
249 
-        <article id="template_list_title">
250 
-          <div id="template_title2" class="gothic">
251 
-            <div id="template_title_block">
252 
-              <span id="template_title2">寄附者一覧（受付順）</span>
253 
-            </div>
385 
+        </span>
386 
+      </article>
387 
+      <article id="template_list_title">
388 
+        <div id="template_title2" class="gothic">
389 
+          <div id="template_title_block">
390 
+            <span id="template_title2">寄附者一覧（受付順）</span>
254 391 
           </div>
255 
-          <span id="template_article_block">
392 
+        </div>
393 
+        <span id="template_article_block">
394 
+          <div class="scroll_table">
256 395 
             <table width="460" border="0" cellpadding="3" cellspacing="2">
257 396 
               <tr>
258 397 
                 <th width="8%" bgcolor="#add8e6" align="left">&nbsp;</th>
 
@@ -733,40 +872,55 @@
733 872 
                 <td bgcolor="#dcdcdc" align="left"> ３９７名</td>
734 873 
               </tr>
735 874 
             </table>
736 
-          </span>
737 
-        </article>
875 
+          </div>
876 
+        </span>
877 
+      </article>
738 878
739 
-        <article id="template">
740 
-          <div id="template_title" class="gothic">
741 
-            <div id="template_title_block">
742 
-              <span id="template_title">問い合わせ・送付先</span>
743 
-            </div>
879 
+      <article id="template">
880 
+        <div id="template_title" class="gothic">
881 
+          <div id="template_title_block">
882 
+            <span id="template_title">問い合わせ・送付先</span>
744 883 
           </div>
745 
-          <span id="template_article_block">
746 
-            北方町役場　政策財政課<br />
747 
-            501-0492<br />
748 
-            岐阜県本巣郡北方町長谷川1-1<br />
749 
-            058-323-1111<br />
884 
+        </div>
885 
+        <span id="template_article_block">
886 
+            北方町役場　政策財政課<br/>
887 
+            501-0492<br/>
888 
+            岐阜県本巣郡北方町長谷川1-1<br/>
889 
+            058-323-1111<br/>
750 890 
           </span>
751 
-        </article>
752 
-
753 
-      </section>
754 
-    </div>
891 
+      </article>
755 892
756 
-    <footer>
757 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
758 
-      <br />
759 
-      <p class="footer_text">
760 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
761 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
762 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
763 
-      </p>
764 
-    </footer>
893 
+    </section>
894 
+  </div>
765 895
896 
+  <footer>
897 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
898 
+    <div class="footer_mobile">
899 
+      <div class="footer_mobile_title">
900 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
901 
+        <h1 class="footerMobile__text">北方町役場</h1>
902 
+      </div>
903 
+      <div class="footer_mobile_address">
904 
+                <span class="footerTextWrap__text">
905 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
906 
+                </span><br>
907 
+        電話:058-323-1111(代)<br>
908 
+        FAX:058-323-2963<br>
909 
+        開庁日：8時30分～17時15分<br>
910 
+        （土・日・祝日、年末年始を除く）<br>
911 
+      </div>
912 
+    </div>
913 
+    <br class="sp__brDisplay">
914 
+    <p class="footer_text">
915 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
916 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
917 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
918 
+    </p>
919 
+  </footer>
766 920
767 
-  </div>
768 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
769 
-    width="1" />
921 
+</div>
922 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
923 
+     width="1"/>
770 924 
 </body>
771 925
772 
-</html>
926 
+</html>

+ 394
- 238
third/donation/About_tax_deduction.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,310 +10,466 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
16 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">
17 23 
 </head>
18 24
19 25 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
37 
+<div id="main" class="gothic">
38 
+  <!--セクション 操作-->
39 
+  <section id="operation">
40 
+    <!--セクション 住所-->
41 
+    <article id="address">
42 
+      <address id="operation_add">
43 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
44 
+      </address>
45 
+    </article>
46 
+    <div id="controle_panel">
47 
+      <!--セクション 背景色-->
48 
+      <article id="bgcolor">
49 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
50 
+        <div id="bgcolor_img">
51 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
52 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
53 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
54 
+        </div>
31 55 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
56 
+      <!--セクション 文字サイズ-->
57 
+      <!--<article id="charsize" >
58 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
59 
+      <div id="charsize_img">
60 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
61 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
62 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
63 
+      </div>
64 
+      </article>-->
65 
+
66 
+      <!--セクション サイトマップ-->
67 
+      <article id="sitemap">
68 
+        <div id="sitemap_img">
69 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
70 
+        </div>
71 
+      </article>
72 
+      <!--セクション お問い合わせ-->
73 
+      <article id="contact">
74 
+        <div id="contact_img">
75 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
76 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
77 
+        </div>
78 
+      </article>
79 
+      <!--セクション 翻訳-->
80 
+      <article id="translation">
81 
+        <div id="translation_img">
82 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
83 
+          <div id="google_translate_element"></div>
84 
+          <script type="text/javascript">
85 
+              function googleTranslateElementInit() {
86 
+                  new google.translate.TranslateElement({
87 
+                      pageLanguage: 'ja',
88 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
89 
+                  }, 'google_translate_element');
90 
+              }
43 91 
           </script>
44 
-        </article>
92 
+          <script type="text/javascript"
93 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
94 
+        </div>
95 
+      </article>
96 
+      <div id="claer">
97 
+      </div>
98 
+    </div>
99 
+  </section>
45 100
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>-->
101 
+  <!--ヘッダーデータ-->
102 
+  <header>
103 
+    <div id="header" class="gothic">
104 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
105 
+      <div id="h_block_1">
106 
+        <div class="h_line">
107 
+        </div>
108 
+        <article class="h_text_l">
109 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
110 
+        </article>
111 
+        <article class="h_text_l">
112 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
113 
+        </article>
114 
+        <article class="h_text_l">
115 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116 
+        </article>
117 
+        <article class="h_text_l">
118 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
119 
+        </article>
120 
+      </div>
121 
+      <div id="h_block_search">
122 
+        <div class="h_line"></div>
123 
+        <article class="h_search">
124 
+          <div class="space10"></div>
125 
+          <form action="http://www.google.com/search">
126 
+            <input type="hidden" name="hl" value="ja"/>
127 
+            <input type="hidden" name="ie" value="UTF-8">
128 
+            <input type="hidden" name="oe" value="UTF-8">
129 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
130 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
131 
+            <input type="submit" name="btnG" value="検索"/>
132 
+          </form>
133 
+        </article>
134 
+      </div>
135 
+    </div>
136 
+  </header>
55 137
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="サイトマップ" />
138 
+  <!-- mobile header -->
139 
+  <header class="header">
140 
+    <div class="headerLogo">
141 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
142 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
143 
+    </div>
144 
+    <div class="headerTitle">
145 
+      <a href="../../index.html" class="header_link">
146 
+        <h1 class="headerTitle__text">北方町</h1>
147 
+      </a>
148 
+    </div>
149 
+    <div class="headerSubTitle">
150 
+      <a href="../../index.html" class="header_link">
151 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
152 
+      </a>
153 
+    </div>
154 
+    <div id="h-menu">
155 
+      <span></span>
156 
+      <span></span>
157 
+      <span></span>
158 
+      <div id="h-text">menu</div>
159 
+    </div>
160 
+    <div id="h-nav">
161 
+      <div class="h-menu_main_block_top">
162 
+        <div class="h-menu_main_block">
163 
+          <div class="h-menu_block">
164 
+            <a href="../../second/living.html">
165 
+              <div class="h-menu_block_text h-menu_block_before">
166 
+                <div class="h-menu_block_text_center">くらしの情報</div>
167 
+              </div>
61 168 
             </a>
62 169 
           </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="お問い合わせはこちらから" />
170 
+        </div>
171 
+        <div class="h-menu_main_block">
172 
+          <div class="h-menu_block">
173 
+            <a href="../../second/tourism.html">
174 
+              <div class="h-menu_block_text h-menu_block_before">
175 
+                <div class="h-menu_block_text_center">
176 
+                  観光
177 
+                </div>
178 
+              </div>
69 179 
             </a>
70 180 
           </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">
90 181 
         </div>
91 
-      </div>
92 
-    </section>
93 
-
94 
-    <!--ヘッダーデータ-->
95 
-    <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">
182 
+        <div class="h-menu_main_block">
183 
+          <div class="h-menu_block">
184 
+            <a href="../../second/business.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>
102 189 
           </div>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/living.html">
105 
-              <span class="h_text">くらしの情報</span>
190 
+        </div>
191 
+        <div class="h-menu_main_block">
192 
+          <div class="h-menu_block">
193 
+            <a href="../../second/town_admini_info.html">
194 
+              <div class="h-menu_block_text h-menu_block_before">
195 
+                <div class="h-menu_block_text_center">町政情報</div>
196 
+              </div>
106 197 
             </a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../../second/tourism.html">
110 
-              <span class="h_text">観光</span>
198 
+          </div>
199 
+        </div>
200 
+        <div class="h-menu_main_block">
201 
+          <div class="h-menu_block h-menu_block_before">
202 
+            <a href="../../second/sitemap.html">
203 
+              <div class="h-menu_block_text h-menu_block_before">
204 
+                <div class="h-menu_block_text_center">
205 
+                  サイトマップ
206 
+                </div>
207 
+              </div>
111 208 
             </a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/business.html">
115 
-              <span class="h_text">事業者向け情報</span>
209 
+          </div>
210 
+        </div>
211 
+        <div class="h-menu_main_block">
212 
+          <div class="h-menu_block h-menu_block_before">
213 
+            <a href="https://ai-staff.net/kitagata/chat">
214 
+              <div class="h-menu_block_text  h-menu_block_before">
215 
+                <div class="h-menu_block_text_center">
216 
+                  AIチャット
217 
+                </div>
218 
+              </div>
116 219 
             </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>
220 
+          </div>
221 
+        </div>
222 
+        <div class="h-menu_main_block">
223 
+          <div class="h-menu_block h-menu_block_before">
224 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
225 
+              <div class="h-menu_block_text">
226 
+                <div class="h-menu_block_text_center">
227 
+                  お問い合わせ一覧
228 
+                </div>
229 
+              </div>
121 230 
             </a>
122 
-          </article>
231 
+          </div>
123 232 
         </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>
136 
-          </article>
233 
+        <div class="h-menu_main_block">
234 
+          <div class="h-menu_lang">
235 
+            <div class="h-menu_block_lang">
236 
+              <div class="h-menu_block_text_center">
237 
+                <div class="h-menu_block_text_line">
238 
+                  背景変更
239 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
240 
+                  </div>
241 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
242 
+                  </div>
243 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
244 
+                  </div>
245 
+                </div>
246 
+                <script>
247 
+                    getBackgNumber2();
248 
+                </script>
249 
+                <div class="h-menu_block_text_line">言語選択
250 
+                  <div class="mobile_translation">
251 
+                    <div id="google_translate_element"></div>
252 
+                  </div>
253 
+                </div>
254 
+              </div>
255 
+            </div>
256 
+          </div>
257 
+        </div>
258 
+        <div class="h-menu_main_block">
259 
+          <div class="h-menu_search">
260 
+            <div class="h-menu_block_search">
261 
+              <form action="https://www.google.com/search">
262 
+                <input type="hidden" name="hl" value="ja"/>
263 
+                <input type="hidden" name="ie" value="UTF-8">
264 
+                <input type="hidden" name="oe" value="UTF-8">
265 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
266 
+                <input type="text" name="q" size="16" maxlength="256" value=""
267 
+                       class="mobile_form_input"/>
268 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
269 
+              </form>
270 
+            </div>
271 
+          </div>
137 272 
         </div>
138 273 
       </div>
139 
-    </header>
274 
+    </div>
275 
+  </header>
140 276
141 
-    <div id="third_body">
142 
-      <!--セクション template-->
143 
-      <section id="template">
144 
-        <article id="breadcrumb2">
145 
-          <div id="breadcrumb_title2">
146 
-            <div id="breadcrumb_title_block2">
277 
+  <div id="third_body">
278 
+    <!--セクション template-->
279 
+    <section id="template">
280 
+      <article id="breadcrumb2">
281 
+        <div id="breadcrumb_title2">
282 
+          <div id="breadcrumb_title_block2">
147 283 
               <span id="breadcrumb_title">
148 284 
                 <a href="../../index.html">トップ</a>><a
149 
-                  href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>税金の控除について</span>
150 
-            </div>
285 
+                      href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>税金の控除について</span>
151 286 
           </div>
152 
-        </article>
153 
-        <article id="template">
154 
-          <div id="template_title" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title">税金の控除について</span>
157 
-            </div>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template">
290 
+        <div id="template_title" class="gothic">
291 
+          <div id="template_title_block">
292 
+            <span id="template_title">税金の控除について</span>
158 293 
           </div>
159 
-        </article>
294 
+        </div>
295 
+      </article>
160 296
161 297
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">税制上の優遇措置</span>
166 
-            </div>
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">税制上の優遇措置</span>
167 302 
           </div>
168 
-          <span id="template_article_block">
303 
+        </div>
304 
+        <span id="template_article_block">
169 305 
             <a href="../../fourth/donation/donation_expansion.pdf" title="ふるさと納税制度が拡充されました"
170 
-              target="_blank">ふるさと納税制度が拡充されました（PDF）</a>
171 
-            <br />
172 
-            <br /> 　地方税法の改正により、北方町にご寄附いただくと、寄附金額の２，０００円を超える分について、税制上の優遇措置があります。
173 
-            <br />
306 
+               target="_blank">ふるさと納税制度が拡充されました（PDF）</a>
307 
+            <br/>
308 
+            <br/> 　地方税法の改正により、北方町にご寄附いただくと、寄附金額の２，０００円を超える分について、税制上の優遇措置があります。
309 
+            <br/>
174 310 
             <p>
175 311 
               　寄附金入金後、北方町が発行する領収書を大切に保管していただき、確定申告することで、税金の控除を受けることができます。寄附金のうち２，０００円を超える額について、一定の限度まで、翌年度の個人住民税が税額控除（軽減）されます。ただし、控除の額は、所得や寄附金の額に応じて変動します。
176 
-              <br /> 　※　下記のサイトを参照してください。
177 
-              <br />
312 
+              <br/> 　※　下記のサイトを参照してください。
313 
+              <br/>
178 314 
             </p>
179 
-        </article>
315 
+      </article>
180 316
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>
317 
+      <article id="template_list_title">
318 
+        <div id="template_title2" class="gothic">
319 
+          <div id="template_title_block">
320 
+            <span id="template_title2">ふるさと納税ワンストップ特例制度について</span>
186 321 
           </div>
187 
-          <span id="template_article_block">
322 
+        </div>
323 
+        <span id="template_article_block">
188 324 
             ふるさと納税による税の軽減を受けるためには、確定申告又は個人住民税の申告を行う必要がありますが、「ふるさと納税ワンストップ特例制度」を利用することで、確定申告等を行わなくても税の軽減を受けることができるようになりました。
189 
-            <br /> 　ふるさと納税ワンストップ特例の適用を受ける方は、所得税の軽減相当額を含めて、個人住民税からまとめて控除されます。(ふるさと納税を行った翌年の６月以降に支払う個人住民税が軽減されます。)
190 
-            <br /> 　ふるさと納税ワンストップ特例制度を利用するためには、「寄附金税額控除に係る申告特例申請書」を北方町に提出していただく必要があります。（提出がないと特例の適用を受けられません。）
191 
-            <br /> 　なお、確定申告等を行ったり、６団体以上の地方公共団体に寄附を行うと、全ての寄附について特例の適用は受けられなくなりますのでご注意ください。
192 
-            <br />
325 
+            <br/> 　ふるさと納税ワンストップ特例の適用を受ける方は、所得税の軽減相当額を含めて、個人住民税からまとめて控除されます。(ふるさと納税を行った翌年の６月以降に支払う個人住民税が軽減されます。)
326 
+            <br/> 　ふるさと納税ワンストップ特例制度を利用するためには、「寄附金税額控除に係る申告特例申請書」を北方町に提出していただく必要があります。（提出がないと特例の適用を受けられません。）
327 
+            <br/> 　なお、確定申告等を行ったり、６団体以上の地方公共団体に寄附を行うと、全ての寄附について特例の適用は受けられなくなりますのでご注意ください。
328 
+            <br/>
193 329 
           </span>
194 
-        </article>
195 
-        <article id="template_list_title">
330 
+      </article>
331 
+      <article id="template_list_title">
196 332 
           <span id="template_article_block">
197 333 
             <h4 id="life">ふるさと納税ワンストップ特例を利用できる方</h4>
198 334 
             次の2つの条件すべてを満たしていることが必要です。
199 
-            <br />
200 
-            <br /> ■確定申告等を行う必要のない方
201 
-            <br /> 　確定申告を行わなければならない自営業者等の方や、給与所得者の方でも、医療費控除等で確定申告を行う方などは対象となりません。
202 
-            <br /> 　「寄附金税額控除に係る申告特例申請書」を提出していても、確定申告等をされた場合、ワンストップ特例の適用は受けられなくなります。申告をする場合は、寄附金に関する申告もお忘れのないようご注意ください。
203 
-            <br />
204 
-            <br /> ■ふるさと納税をされる自治体の数が５以下であると見込まれる方
205 
-            <br />
335 
+            <br/>
336 
+            <br/> ■確定申告等を行う必要のない方
337 
+            <br/> 　確定申告を行わなければならない自営業者等の方や、給与所得者の方でも、医療費控除等で確定申告を行う方などは対象となりません。
338 
+            <br/> 　「寄附金税額控除に係る申告特例申請書」を提出していても、確定申告等をされた場合、ワンストップ特例の適用は受けられなくなります。申告をする場合は、寄附金に関する申告もお忘れのないようご注意ください。
339 
+            <br/>
340 
+            <br/> ■ふるさと納税をされる自治体の数が５以下であると見込まれる方
341 
+            <br/>
206 342 
             　５以下の地方公共団体に寄附する予定で、「寄附金税額控除に係る申告特例申請書」を提出していても、結果として６以上の地方公共団体に寄附をされた場合、全ての寄附について特例の適用は受けられなくなりますので、必ず確定申告等を行ってください。同じ地方公共団体に複数回寄附をしても１団体としてカウントします。
207 
-            <br />
208 
-            <br />
343 
+            <br/>
344 
+            <br/>
209 345 
           </span>
210 
-        </article>
346 
+      </article>
211 347
212 
-        <article id="template_list_title">
348 
+      <article id="template_list_title">
213 349 
           <span id="template_article_block">
214 350 
             <h4 id="life">ふるさと納税ワンストップ特例の手続き</h4>
215 351 
             「寄附金税額控除に係る申告特例申請書」を北方町に提出していただく必要があります。必要事項を記入のうえ、署名、捺印をして、北方町役場総務課まで「寄附申込書」と同時に提出してください。（送料は申請者負担となります）
216 
-            <br />
217 
-            <br /> 申請書は下記よりダウンロードできます。
218 
-            <br />
219 
-            <br />
352 
+            <br/>
353 
+            <br/> 申請書は下記よりダウンロードできます。
354 
+            <br/>
355 
+            <br/>
220 356 
             <a href="../../fourth/donation/donation_tokureisinseisyo_2022_1.pdf" title="寄附金税額控除に係る申告特例申請書"
221 
-              target="_blank">寄附金税額控除に係る申告特例申請書（PDF）</a>
222 
-            <br />
357 
+               target="_blank">寄附金税額控除に係る申告特例申請書（PDF）</a>
358 
+            <br/>
223 359 
             <a href="../../fourth/donation/donation_tokureisinseisyo_rei_2022.pdf" title="寄附金税額控除に係る申告特例申請書（記入例）"
224 
-              target="_blank">寄附金税額控除に係る申告特例申請書（記入例）（PDF）</a>
225 
-            <br />
226 
-            <br /> ※マイナンバー制度導入に伴い、平成２８年１月１日以降の寄附について、申告特例申請書の様式が変更され、個人番号の提供を受けることになりました。そのため、申告特例通知書とあわせて下記の書類が必要です。
227 
-            <br />
228 
-            <table width="670" border="0" cellpadding="3" cellspacing="2">
229 
-              <tr>
230 
-                <th width="10%" bgcolor="#add8e6" align="left">&nbsp;</th>
231 
-                <th width="30%" bgcolor="#add8e6" align="left">ケース</th>
232 
-                <th width="30%" bgcolor="#add8e6" align="left">個人番号確認のための書類</th>
233 
-                <th width="30%" bgcolor="#add8e6" align="left">本人確認のための書類</th>
234 
-              </tr>
235 
-              <tr>
236 
-                <th bgcolor="#add8e6" align="left">1</th>
237 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードを持っている場合</td>
238 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードの裏面のコピー</td>
239 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードの表面のコピー</td>
240 
-              </tr>
241 
-              <tr>
242 
-                <th bgcolor="#add8e6" align="left">2</th>
243 
-                <td bgcolor="#dcdcdc" align="left">通知カードを持っている場合</td>
244 
-                <td bgcolor="#dcdcdc" align="left">通知カードのコピー</td>
245 
-                <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
246 
-              </tr>
247 
-              <tr>
248 
-                <th bgcolor="#add8e6" align="left">3</th>
249 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードも通知カードも持っていない場合</td>
250 
-                <td bgcolor="#dcdcdc" align="left">個人番号が記載された住民票のコピー</td>
251 
-                <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
252 
-              </tr>
253 
-            </table>
254 
-            <br /> 寄附をした後（特例申請書を提出した後）、氏名や住所変更などがあった場合
255 
-            <br /> 提出済の特例申請書の内容に変更があった場合、寄附をした翌年の１月１０日までに、北方町へ変更届出書を提出してください。
256 
-            <br /> 寄附に関する情報が、寄附をした翌年の１月１日に寄附者が住んでいる市町村に正しく通知されないと、ふるさと納税ワンストップ特例が受けられなくなりますので、必ず変更届出書を提出してください。
257 
-            <br />
258 
-            <br />
360 
+               target="_blank">寄附金税額控除に係る申告特例申請書（記入例）（PDF）</a>
361 
+            <br/>
362 
+            <br/> ※マイナンバー制度導入に伴い、平成２８年１月１日以降の寄附について、申告特例申請書の様式が変更され、個人番号の提供を受けることになりました。そのため、申告特例通知書とあわせて下記の書類が必要です。
363 
+            <br/>
364 
+            <div class="scroll_table">
365 
+              <table width="670" border="0" cellpadding="3" cellspacing="2">
366 
+                <tr>
367 
+                  <th width="10%" bgcolor="#add8e6" align="left">&nbsp;</th>
368 
+                  <th width="30%" bgcolor="#add8e6" align="left">ケース</th>
369 
+                  <th width="30%" bgcolor="#add8e6" align="left">個人番号確認のための書類</th>
370 
+                  <th width="30%" bgcolor="#add8e6" align="left">本人確認のための書類</th>
371 
+                </tr>
372 
+                <tr>
373 
+                  <th bgcolor="#add8e6" align="left">1</th>
374 
+                  <td bgcolor="#dcdcdc" align="left">個人番号カードを持っている場合</td>
375 
+                  <td bgcolor="#dcdcdc" align="left">個人番号カードの裏面のコピー</td>
376 
+                  <td bgcolor="#dcdcdc" align="left">個人番号カードの表面のコピー</td>
377 
+                </tr>
378 
+                <tr>
379 
+                  <th bgcolor="#add8e6" align="left">2</th>
380 
+                  <td bgcolor="#dcdcdc" align="left">通知カードを持っている場合</td>
381 
+                  <td bgcolor="#dcdcdc" align="left">通知カードのコピー</td>
382 
+                  <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
383 
+                </tr>
384 
+                <tr>
385 
+                  <th bgcolor="#add8e6" align="left">3</th>
386 
+                  <td bgcolor="#dcdcdc" align="left">個人番号カードも通知カードも持っていない場合</td>
387 
+                  <td bgcolor="#dcdcdc" align="left">個人番号が記載された住民票のコピー</td>
388 
+                  <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
389 
+                </tr>
390 
+              </table>
391 
+            </div>
392 
+            <br/> 寄附をした後（特例申請書を提出した後）、氏名や住所変更などがあった場合
393 
+            <br/> 提出済の特例申請書の内容に変更があった場合、寄附をした翌年の１月１０日までに、北方町へ変更届出書を提出してください。
394 
+            <br/> 寄附に関する情報が、寄附をした翌年の１月１日に寄附者が住んでいる市町村に正しく通知されないと、ふるさと納税ワンストップ特例が受けられなくなりますので、必ず変更届出書を提出してください。
395 
+            <br/>
396 
+            <br/>
259 397 
             <a href="../../fourth/donation/donation_sinseihenkoutodoke_2022.pdf" title="寄附金税額控除に係る申告特例申請事項変更届出書"
260 
-              target="_blank">寄附金税額控除に係る申告特例申請事項変更届出書（PDF）</a>
261 
-            <br />
262 
-            <br />
398 
+               target="_blank">寄附金税額控除に係る申告特例申請事項変更届出書（PDF）</a>
399 
+            <br/>
400 
+            <br/>
263 401 
           </span>
264 
-        </article>
402 
+      </article>
265 403
266 
-        <article id="template_list_title">
267 
-          <div id="template_title2" class="gothic">
268 
-            <div id="template_title_block">
269 
-              <span id="template_title2">確定申告</span>
270 
-            </div>
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>
271 408 
           </div>
272 
-          <span id="template_article_block">
409 
+        </div>
410 
+        <span id="template_article_block">
273 411 
             <p class="paragraphT10">　所得税の寄附金控除を受けるため、最寄りの税務署または住所地の市町村において、期限内に確定申告を行ってください。</p>
274 412 
             <p class="paragraphT10">　確定申告書は、国税庁ホームページの「確定申告書等作成コーナー」で作成した上で、書面で出力し提出できます。</p>
275 413 
             <p class="paragraphT10">　※　申告の際には、寄附金受領明細書（寄附をした自治体が発行する領収書）が必要になります。</p>
276 414 
             <p class="paragraphT10">　⇒　画面の案内に従って金額等を入力すれば、税額などが自動計算され、所得税の確定申告書が作成できます。</p>
277 
-            <br />
415 
+            <br/>
278 416 
             <a href="https://www.keisan.nta.go.jp/" title="国税庁ホームページ「確定申告等作成コーナー」"
279 
-              target="_blank">国税庁ホームページ「確定申告書等作成コーナー」</a><br />
417 
+               target="_blank">国税庁ホームページ「確定申告書等作成コーナー」</a><br/>
280 418 
             <a href="http://www.soumu.go.jp/main_sosiki/jichi_zeisei/czaisei/czaisei_seido/furusato/mechanism/deduction.html"
281 
-              target="_blank">総務省ふるさと納税ポータルサイト</a><br />
419 
+               target="_blank">総務省ふるさと納税ポータルサイト</a><br/>
282 420 
           </span>
283 
-        </article>
421 
+      </article>
284 422
285 
-        <article id="template_list_title">
286 
-          <div id="template_title2" class="gothic">
287 
-            <div id="template_title_block">
288 
-              <span id="template_title2">問い合わせ先（お申込み窓口）</span>
289 
-            </div>
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>
290 427 
           </div>
291 
-          <span id="template_article_block">
428 
+        </div>
429 
+        <span id="template_article_block">
292 430 
             〒501-0492　岐阜県本巣郡北方町長谷川1丁目1番地
293 
-            <br /> 政策財政課
294 
-            <br /> TEL 058-322-9936
295 
-            <br /> FAX 058-323-2963
431 
+            <br/> 政策財政課
432 
+            <br/> TEL 058-322-9936
433 
+            <br/> FAX 058-323-2963
296 434 
           </span>
297 
-        </article>
435 
+      </article>
298 436
299 437
300 
-      </section>
301 
-    </div>
438 
+    </section>
439 
+  </div>
302 440
303 
-    <footer>
304 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
305 
-      <br />
306 
-      <p class="footer_text">
307 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
308 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
309 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
310 
-      </p>
311 
-    </footer>
312 441
442 
+  </section>
443 
+</div>
313 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>
314 461 
   </div>
315 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
316 
-    width="1" />
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?092_20151210" height="1"
472 
+     width="1"/>
317 473 
 </body>
318 474
319 
-</html>
475 
+</html>

+ 379
- 228
third/donation/Handling_of_donations_at_the_end_of_the_year.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,286 +10,437 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
16 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">
17 22 
 </head>
18 23
19 24 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
31 54 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
43 90 
           </script>
44 
-        </article>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
45 99
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>-->
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
55 136
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="サイトマップ" />
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
61 167 
             </a>
62 168 
           </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="お問い合わせはこちらから" />
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </div>
177 
+              </div>
69 178 
             </a>
70 179 
           </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">
90 180 
         </div>
91 
-      </div>
92 
-    </section>
93 
-
94 
-    <!--ヘッダーデータ-->
95 
-    <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">
181 
+        <div class="h-menu_main_block">
182 
+          <div class="h-menu_block">
183 
+            <a href="../../second/business.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>
102 188 
           </div>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/living.html">
105 
-              <span class="h_text">くらしの情報</span>
189 
+        </div>
190 
+        <div class="h-menu_main_block">
191 
+          <div class="h-menu_block">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
106 196 
             </a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../../second/tourism.html">
110 
-              <span class="h_text">観光</span>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
111 207 
             </a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/business.html">
115 
-              <span class="h_text">事業者向け情報</span>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
116 218 
             </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>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
121 229 
             </a>
122 
-          </article>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
123 256 
         </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>
136 
-          </article>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
137 271 
         </div>
138 272 
       </div>
139 
-    </header>
273 
+    </div>
274 
+  </header>
140 275
141 
-    <div id="third_body">
142 
-      <!--セクション template-->
143 
-      <section id="template">
144 
-        <article id="breadcrumb2">
145 
-          <div id="breadcrumb_title2">
146 
-            <div id="breadcrumb_title_block2">
276 
+  <div id="third_body">
277 
+    <!--セクション template-->
278 
+    <section id="template">
279 
+      <article id="breadcrumb">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
147 282 
               <span id="breadcrumb_title">
148 283 
                 <a href="../../index.html">トップ</a>><a
149 
-                  href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>年末の寄附の取り扱いについて</span>
150 
-            </div>
284 
+                      href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>年末の寄附の取り扱いについて</span>
151 285 
           </div>
152 
-        </article>
153 
-        <article id="template">
154 
-          <div id="template_title" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title">年末の寄附の取り扱いについて</span>
157 
-            </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>
158 292 
           </div>
159 
-          <span id="template_article_block">
160 
-            年末の申込みは、入金の方法により令和3年分控除対象の申込期日が異なりますのでご注意ください。<br />
161 
-            　■クレジットカード、コンビニ、ａｕ、ドコモ、ペイジー、ソフトバンク、ネットバンク、ＡｍａｚｏｎＰａｙでお支払いの方：令和3年12月31日までに決済完了したものについて令和3年分としてお取扱いいたします。<br />
162 
-            　■郵便振替でお支払いの方：お申し込みは令和3年12月16日まで受付いたします。その後郵送される払込取扱票にて年内にお支払いが完了したものについて令和3年分としてお取扱いいたします。<br />
163 
-            <br />
164 
-            それぞれの期日以降の寄附は、令和4年（2022年）分としての取扱いとなりますのでご注意ください。郵便局でお支払いされる場合、年末の休業日や納付書等の郵送の時間を考慮してお申し込みをお願いいたします。<br />
165 
-            <br />
166 
-            <br />
167 
-            ワンストップ特例制度をご希望の方は、令和3年12月27日受付分までを令和3年12月28日までに発送します。12月28日以後の申込の方につきましては、下記より申請書をダウンロードし、令和4年1月10日必着で北方町役場政策財政課までお送りください。<br />
168 
-            <br />
293 
+        </div>
294 
+        <span id="template_article_block">
295 
+            年末の申込みは、入金の方法により令和3年分控除対象の申込期日が異なりますのでご注意ください。<br/>
296 
+            　■クレジットカード、コンビニ、ａｕ、ドコモ、ペイジー、ソフトバンク、ネットバンク、ＡｍａｚｏｎＰａｙでお支払いの方：令和3年12月31日までに決済完了したものについて令和3年分としてお取扱いいたします。<br/>
297 
+            　■郵便振替でお支払いの方：お申し込みは令和3年12月16日まで受付いたします。その後郵送される払込取扱票にて年内にお支払いが完了したものについて令和3年分としてお取扱いいたします。<br/>
298 
+            <br/>
299 
+            それぞれの期日以降の寄附は、令和4年（2022年）分としての取扱いとなりますのでご注意ください。郵便局でお支払いされる場合、年末の休業日や納付書等の郵送の時間を考慮してお申し込みをお願いいたします。<br/>
300 
+            <br/>
301 
+            <br/>
302 
+            ワンストップ特例制度をご希望の方は、令和3年12月27日受付分までを令和3年12月28日までに発送します。12月28日以後の申込の方につきましては、下記より申請書をダウンロードし、令和4年1月10日必着で北方町役場政策財政課までお送りください。<br/>
303 
+            <br/>
169 304 
             <div>
170 305 
             </div>
171 306 
           </span>
172 
-        </article>
307 
+      </article>
173 308
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>
309 
+      <article id="template_list_title">
310 
+        <div id="template_title2" class="gothic">
311 
+          <div id="template_title_block">
312 
+            <span id="template_title2">ふるさと納税ワンストップ特例制度について</span>
179 313 
           </div>
180 
-          <span id="template_article_block">
314 
+        </div>
315 
+        <span id="template_article_block">
181 316 
             ふるさと納税による税の軽減を受けるためには、確定申告又は個人住民税の申告を行う必要がありますが、「ふるさと納税ワンストップ特例制度」を利用することで、確定申告等を行わなくても税の軽減を受けることができるようになりました。
182 
-            <br /> 　ふるさと納税ワンストップ特例の適用を受ける方は、所得税の軽減相当額を含めて、個人住民税からまとめて控除されます。(ふるさと納税を行った翌年の６月以降に支払う個人住民税が軽減されます。)
183 
-            <br /> 　ふるさと納税ワンストップ特例制度を利用するためには、「寄附金税額控除に係る申告特例申請書」を北方町に提出していただく必要があります。（提出がないと特例の適用を受けられません。）
184 
-            <br /> 　なお、確定申告等を行ったり、６団体以上の地方公共団体に寄附を行うと、全ての寄附について特例の適用は受けられなくなりますのでご注意ください。
185 
-            <br />
317 
+            <br/> 　ふるさと納税ワンストップ特例の適用を受ける方は、所得税の軽減相当額を含めて、個人住民税からまとめて控除されます。(ふるさと納税を行った翌年の６月以降に支払う個人住民税が軽減されます。)
318 
+            <br/> 　ふるさと納税ワンストップ特例制度を利用するためには、「寄附金税額控除に係る申告特例申請書」を北方町に提出していただく必要があります。（提出がないと特例の適用を受けられません。）
319 
+            <br/> 　なお、確定申告等を行ったり、６団体以上の地方公共団体に寄附を行うと、全ての寄附について特例の適用は受けられなくなりますのでご注意ください。
320 
+            <br/>
186 321 
           </span>
187 
-        </article>
188 
-        <article id="template_list_title">
322 
+      </article>
323 
+      <article id="template_list_title">
189 324 
           <span id="template_article_block">
190 325 
             <h4 id="life">ふるさと納税ワンストップ特例を利用できる方</h4>
191 326 
             次の2つの条件すべてを満たしていることが必要です。
192 
-            <br />
193 
-            <br /> ■確定申告等を行う必要のない方
194 
-            <br /> 　確定申告を行わなければならない自営業者等の方や、給与所得者の方でも、医療費控除等で確定申告を行う方などは対象となりません。
195 
-            <br />
327 
+            <br/>
328 
+            <br/> ■確定申告等を行う必要のない方
329 
+            <br/> 　確定申告を行わなければならない自営業者等の方や、給与所得者の方でも、医療費控除等で確定申告を行う方などは対象となりません。
330 
+            <br/>
196 331 
             　「寄附金税額控除に係る申告特例申請書」を提出していても、確定申告等をされた場合、ワンストップ特例の適用は受けられなくなります。申告をする場合は、寄附金に関する申告もお忘れのないようご注意ください。
197 
-            <br />
198 
-            <br /> ■ふるさと納税をされる自治体の数が５以下であると見込まれる方
199 
-            <br />
332 
+            <br/>
333 
+            <br/> ■ふるさと納税をされる自治体の数が５以下であると見込まれる方
334 
+            <br/>
200 335 
             　５以下の地方公共団体に寄附する予定で、「寄附金税額控除に係る申告特例申請書」を提出していても、結果として６以上の地方公共団体に寄附をされた場合、全ての寄附について特例の適用は受けられなくなりますので、必ず確定申告等を行ってください。同じ地方公共団体に複数回寄附をしても１団体としてカウントします。
201 
-            <br />
202 
-            <br />
336 
+            <br/>
337 
+            <br/>
203 338 
           </span>
204 
-        </article>
339 
+      </article>
205 340
206 
-        <article id="template_list_title">
341 
+      <article id="template_list_title">
207 342 
           <span id="template_article_block">
208 343 
             <h4 id="life">ふるさと納税ワンストップ特例の手続き</h4>
209 344 
             「寄附金税額控除に係る申告特例申請書」を北方町に提出していただく必要があります。必要事項を記入のうえ、北方町役場政策財政課まで「寄附申込書」を提出してください。（送料は申請者負担となります）
210 
-            <br />
211 
-            <br /> 申請書は下記よりダウンロードできます。
212 
-            <br />
213 
-            <br />
345 
+            <br/>
346 
+            <br/> 申請書は下記よりダウンロードできます。
347 
+            <br/>
348 
+            <br/>
214 349 
             <a href="../../fourth/donation/donation_tokureisinseisyo_2019.pdf" title="寄附金税額控除に係る申告特例申請書"
215 
-              target="_blank">寄附金税額控除に係る申告特例申請書（PDF）</a>
216 
-            <br />
350 
+               target="_blank">寄附金税額控除に係る申告特例申請書（PDF）</a>
351 
+            <br/>
217 352 
             <a href="../../fourth/donation/donation_tokureisinseisyo_rei_2020.pdf" title="寄附金税額控除に係る申告特例申請書（記入例）"
218 
-              target="_blank">寄附金税額控除に係る申告特例申請書（記入例）（PDF）</a>
219 
-            <br />
220 
-            <br />
353 
+               target="_blank">寄附金税額控除に係る申告特例申請書（記入例）（PDF）</a>
354 
+            <br/>
355 
+            <br/>
221 356 
             ※マイナンバー制度導入に伴い、平成２８年１月１日以降の寄附について、申告特例申請書の様式が変更され、個人番号の提供を受けることになりました。そのため、申告特例申請書とあわせて下記の書類が必要です。
222 
-            <br />
223 
-            <table width="670" border="0" cellpadding="3" cellspacing="2">
224 
-              <tr>
225 
-                <th width="10%" bgcolor="#add8e6" align="left">&nbsp;</th>
226 
-                <th width="30%" bgcolor="#add8e6" align="left">ケース</th>
227 
-                <th width="30%" bgcolor="#add8e6" align="left">個人番号確認のための書類</th>
228 
-                <th width="30%" bgcolor="#add8e6" align="left">本人確認のための書類</th>
229 
-              </tr>
230 
-              <tr>
231 
-                <th bgcolor="#add8e6" align="left">1</th>
232 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードを持っている場合</td>
233 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードの裏面のコピー</td>
234 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードの表面のコピー</td>
235 
-              </tr>
236 
-              <tr>
237 
-                <th bgcolor="#add8e6" align="left">2</th>
238 
-                <td bgcolor="#dcdcdc" align="left">通知カードを持っている場合</td>
239 
-                <td bgcolor="#dcdcdc" align="left">通知カードのコピー</td>
240 
-                <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
241 
-              </tr>
242 
-              <tr>
243 
-                <th bgcolor="#add8e6" align="left">3</th>
244 
-                <td bgcolor="#dcdcdc" align="left">個人番号カードも通知カードも持っていない場合</td>
245 
-                <td bgcolor="#dcdcdc" align="left">個人番号が記載された住民票のコピー</td>
246 
-                <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
247 
-              </tr>
248 
-            </table>
249 
-            <br /> 寄附をした後（特例申請書を提出した後）、氏名や住所変更などがあった場合
250 
-            <br /> 提出済の特例申請書の内容に変更があった場合、寄附をした翌年の１月１０日までに、北方町へ変更届出書を提出してください。
251 
-            <br /> 寄附に関する情報が、寄附をした翌年の１月１日に寄附者が住んでいる市町村に正しく通知されないと、ふるさと納税ワンストップ特例が受けられなくなりますので、必ず変更届出書を提出してください。
252 
-            <br />
253 
-            <br />
357 
+            <br/>
358 
+            <div class="scroll_table">
359 
+                <table width="670" border="0" cellpadding="3" cellspacing="2">
360 
+                  <tr>
361 
+                    <th width="10%" bgcolor="#add8e6" align="left">&nbsp;</th>
362 
+                    <th width="30%" bgcolor="#add8e6" align="left">ケース</th>
363 
+                    <th width="30%" bgcolor="#add8e6" align="left">個人番号確認のための書類</th>
364 
+                    <th width="30%" bgcolor="#add8e6" align="left">本人確認のための書類</th>
365 
+                  </tr>
366 
+                  <tr>
367 
+                    <th bgcolor="#add8e6" align="left">1</th>
368 
+                    <td bgcolor="#dcdcdc" align="left">個人番号カードを持っている場合</td>
369 
+                    <td bgcolor="#dcdcdc" align="left">個人番号カードの裏面のコピー</td>
370 
+                    <td bgcolor="#dcdcdc" align="left">個人番号カードの表面のコピー</td>
371 
+                  </tr>
372 
+                  <tr>
373 
+                    <th bgcolor="#add8e6" align="left">2</th>
374 
+                    <td bgcolor="#dcdcdc" align="left">通知カードを持っている場合</td>
375 
+                    <td bgcolor="#dcdcdc" align="left">通知カードのコピー</td>
376 
+                    <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
377 
+                  </tr>
378 
+                  <tr>
379 
+                    <th bgcolor="#add8e6" align="left">3</th>
380 
+                    <td bgcolor="#dcdcdc" align="left">個人番号カードも通知カードも持っていない場合</td>
381 
+                    <td bgcolor="#dcdcdc" align="left">個人番号が記載された住民票のコピー</td>
382 
+                    <td bgcolor="#dcdcdc" align="left">免許証やパスポートなどの身分証のコピー</td>
383 
+                  </tr>
384 
+                </table>
385 
+            </div>
386 
+            <br/> 寄附をした後（特例申請書を提出した後）、氏名や住所変更などがあった場合
387 
+            <br/> 提出済の特例申請書の内容に変更があった場合、寄附をした翌年の１月１０日までに、北方町へ変更届出書を提出してください。
388 
+            <br/> 寄附に関する情報が、寄附をした翌年の１月１日に寄附者が住んでいる市町村に正しく通知されないと、ふるさと納税ワンストップ特例が受けられなくなりますので、必ず変更届出書を提出してください。
389 
+            <br/>
390 
+            <br/>
254 391 
             <a href="../../fourth/donation/donation_sinseihenkoutodoke_2019.pdf" title="寄附金税額控除に係る申告特例申請事項変更届出書"
255 
-              target="_blank">寄附金税額控除に係る申告特例申請事項変更届出書（PDF）</a>
256 
-            <br />
257 
-            <br />
392 
+               target="_blank">寄附金税額控除に係る申告特例申請事項変更届出書（PDF）</a>
393 
+            <br/>
394 
+            <br/>
258 395 
           </span>
259 
-        </article>
396 
+      </article>
260 397
261 398
262 
-        <article id="template">
263 
-          <div id="template_title" class="gothic">
264 
-            <div id="template_title_block">
265 
-              <span id="template_title">問い合わせ・送付先</span>
266 
-            </div>
399 
+      <article id="template">
400 
+        <div id="template_title" class="gothic">
401 
+          <div id="template_title_block">
402 
+            <span id="template_title">問い合わせ・送付先</span>
267 403 
           </div>
268 
-          <span id="template_article_block">
269 
-            北方町役場　政策財政課<br />
270 
-            501-0492<br />
271 
-            岐阜県本巣郡北方町長谷川1-1<br />
272 
-            058-322-9936<br />
404 
+        </div>
405 
+        <span id="template_article_block">
406 
+            北方町役場　政策財政課<br/>
407 
+            501-0492<br/>
408 
+            岐阜県本巣郡北方町長谷川1-1<br/>
409 
+            058-322-9936<br/>
273 410 
           </span>
274 
-        </article>
275 
-
276 
-      </section>
277 
-    </div>
411 
+      </article>
278 412
279 
-    <footer>
280 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
281 
-      <br />
282 
-      <p class="footer_text">
283 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
284 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
285 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
286 
-      </p>
287 
-    </footer>
413 
+    </section>
414 
+  </div>
288 415
416 
+  <footer>
417 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
418 
+    <div class="footer_mobile">
419 
+      <div class="footer_mobile_title">
420 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
421 
+        <h1 class="footerMobile__text">北方町役場</h1>
422 
+      </div>
423 
+      <div class="footer_mobile_address">
424 
+                <span class="footerTextWrap__text">
425 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
426 
+                </span><br>
427 
+        電話:058-323-1111(代)<br>
428 
+        FAX:058-323-2963<br>
429 
+        開庁日：8時30分～17時15分<br>
430 
+        （土・日・祝日、年末年始を除く）<br>
431 
+      </div>
432 
+    </div>
433 
+    <br class="sp__brDisplay">
434 
+    <p class="footer_text">
435 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
436 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
437 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
438 
+    </p>
439 
+  </footer>
289 440
290 
-  </div>
291 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
292 
-    width="1" />
441 
+</div>
442 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
443 
+     width="1"/>
293 444 
 </body>
294 445
295 
-</html>
446 
+</html>

+ 387
- 230
third/donation/How_to_apply_for_donations.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,244 +10,385 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/image.css">
19 
+  <link rel="stylesheet" href="../../css/image_mobile.css">
16 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">
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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
38 
+<div id="main" class="gothic">
39 
+  <!--セクション 操作-->
40 
+  <section id="operation">
41 
+    <!--セクション 住所-->
42 
+    <article id="address">
43 
+      <address id="operation_add">
44 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
45 
+      </address>
46 
+    </article>
47 
+    <div id="controle_panel">
48 
+      <!--セクション 背景色-->
49 
+      <article id="bgcolor">
50 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
51 
+        <div id="bgcolor_img">
52 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
53 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
54 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
55 
+        </div>
31 56 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
57 
+      <!--セクション 文字サイズ-->
58 
+      <!--<article id="charsize" >
59 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
60 
+      <div id="charsize_img">
61 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
62 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
63 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
64 
+      </div>
65 
+      </article>-->
66 
+
67 
+      <!--セクション サイトマップ-->
68 
+      <article id="sitemap">
69 
+        <div id="sitemap_img">
70 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
71 
+        </div>
72 
+      </article>
73 
+      <!--セクション お問い合わせ-->
74 
+      <article id="contact">
75 
+        <div id="contact_img">
76 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
77 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
78 
+        </div>
79 
+      </article>
80 
+      <!--セクション 翻訳-->
81 
+      <article id="translation">
82 
+        <div id="translation_img">
83 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
84 
+          <div id="google_translate_element"></div>
85 
+          <script type="text/javascript">
86 
+              function googleTranslateElementInit() {
87 
+                  new google.translate.TranslateElement({
88 
+                      pageLanguage: 'ja',
89 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
90 
+                  }, 'google_translate_element');
91 
+              }
43 92 
           </script>
44 
-        </article>
93 
+          <script type="text/javascript"
94 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
95 
+        </div>
96 
+      </article>
97 
+      <div id="claer">
98 
+      </div>
99 
+    </div>
100 
+  </section>
45 101
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>-->
102 
+  <!--ヘッダーデータ-->
103 
+  <header>
104 
+    <div id="header" class="gothic">
105 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
106 
+      <div id="h_block_1">
107 
+        <div class="h_line">
108 
+        </div>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
117 
+        </article>
118 
+        <article class="h_text_l">
119 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
120 
+        </article>
121 
+      </div>
122 
+      <div id="h_block_search">
123 
+        <div class="h_line"></div>
124 
+        <article class="h_search">
125 
+          <div class="space10"></div>
126 
+          <form action="http://www.google.com/search">
127 
+            <input type="hidden" name="hl" value="ja"/>
128 
+            <input type="hidden" name="ie" value="UTF-8">
129 
+            <input type="hidden" name="oe" value="UTF-8">
130 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
131 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
132 
+            <input type="submit" name="btnG" value="検索"/>
133 
+          </form>
134 
+        </article>
135 
+      </div>
136 
+    </div>
137 
+  </header>
55 138
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="サイトマップ" />
139 
+  <!-- mobile header -->
140 
+  <header class="header">
141 
+    <div class="headerLogo">
142 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
143 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
144 
+    </div>
145 
+    <div class="headerTitle">
146 
+      <a href="../../index.html" class="header_link">
147 
+        <h1 class="headerTitle__text">北方町</h1>
148 
+      </a>
149 
+    </div>
150 
+    <div class="headerSubTitle">
151 
+      <a href="../../index.html" class="header_link">
152 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
153 
+      </a>
154 
+    </div>
155 
+    <div id="h-menu">
156 
+      <span></span>
157 
+      <span></span>
158 
+      <span></span>
159 
+      <div id="h-text">menu</div>
160 
+    </div>
161 
+    <div id="h-nav">
162 
+      <div class="h-menu_main_block_top">
163 
+        <div class="h-menu_main_block">
164 
+          <div class="h-menu_block">
165 
+            <a href="../../second/living.html">
166 
+              <div class="h-menu_block_text h-menu_block_before">
167 
+                <div class="h-menu_block_text_center">くらしの情報</div>
168 
+              </div>
61 169 
             </a>
62 170 
           </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="お問い合わせはこちらから" />
171 
+        </div>
172 
+        <div class="h-menu_main_block">
173 
+          <div class="h-menu_block">
174 
+            <a href="../../second/tourism.html">
175 
+              <div class="h-menu_block_text h-menu_block_before">
176 
+                <div class="h-menu_block_text_center">
177 
+                  観光
178 
+                </div>
179 
+              </div>
69 180 
             </a>
70 181 
           </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">
90 182 
         </div>
91 
-      </div>
92 
-    </section>
93 
-
94 
-    <!--ヘッダーデータ-->
95 
-    <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">
183 
+        <div class="h-menu_main_block">
184 
+          <div class="h-menu_block">
185 
+            <a href="../../second/business.html">
186 
+              <div class="h-menu_block_text h-menu_block_before">
187 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
188 
+              </div>
189 
+            </a>
102 190 
           </div>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/living.html">
105 
-              <span class="h_text">くらしの情報</span>
191 
+        </div>
192 
+        <div class="h-menu_main_block">
193 
+          <div class="h-menu_block">
194 
+            <a href="../../second/town_admini_info.html">
195 
+              <div class="h-menu_block_text h-menu_block_before">
196 
+                <div class="h-menu_block_text_center">町政情報</div>
197 
+              </div>
106 198 
             </a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../../second/tourism.html">
110 
-              <span class="h_text">観光</span>
199 
+          </div>
200 
+        </div>
201 
+        <div class="h-menu_main_block">
202 
+          <div class="h-menu_block h-menu_block_before">
203 
+            <a href="../../second/sitemap.html">
204 
+              <div class="h-menu_block_text h-menu_block_before">
205 
+                <div class="h-menu_block_text_center">
206 
+                  サイトマップ
207 
+                </div>
208 
+              </div>
111 209 
             </a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/business.html">
115 
-              <span class="h_text">事業者向け情報</span>
210 
+          </div>
211 
+        </div>
212 
+        <div class="h-menu_main_block">
213 
+          <div class="h-menu_block h-menu_block_before">
214 
+            <a href="https://ai-staff.net/kitagata/chat">
215 
+              <div class="h-menu_block_text  h-menu_block_before">
216 
+                <div class="h-menu_block_text_center">
217 
+                  AIチャット
218 
+                </div>
219 
+              </div>
116 220 
             </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>
221 
+          </div>
222 
+        </div>
223 
+        <div class="h-menu_main_block">
224 
+          <div class="h-menu_block h-menu_block_before">
225 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
226 
+              <div class="h-menu_block_text">
227 
+                <div class="h-menu_block_text_center">
228 
+                  お問い合わせ一覧
229 
+                </div>
230 
+              </div>
121 231 
             </a>
122 
-          </article>
232 
+          </div>
123 233 
         </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>
136 
-          </article>
234 
+        <div class="h-menu_main_block">
235 
+          <div class="h-menu_lang">
236 
+            <div class="h-menu_block_lang">
237 
+              <div class="h-menu_block_text_center">
238 
+                <div class="h-menu_block_text_line">
239 
+                  背景変更
240 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
241 
+                  </div>
242 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
243 
+                  </div>
244 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
245 
+                  </div>
246 
+                </div>
247 
+                <script>
248 
+                    getBackgNumber2();
249 
+                </script>
250 
+                <div class="h-menu_block_text_line">言語選択
251 
+                  <div class="mobile_translation">
252 
+                    <div id="google_translate_element"></div>
253 
+                  </div>
254 
+                </div>
255 
+              </div>
256 
+            </div>
257 
+          </div>
258 
+        </div>
259 
+        <div class="h-menu_main_block">
260 
+          <div class="h-menu_search">
261 
+            <div class="h-menu_block_search">
262 
+              <form action="https://www.google.com/search">
263 
+                <input type="hidden" name="hl" value="ja"/>
264 
+                <input type="hidden" name="ie" value="UTF-8">
265 
+                <input type="hidden" name="oe" value="UTF-8">
266 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+                <input type="text" name="q" size="16" maxlength="256" value=""
268 
+                       class="mobile_form_input"/>
269 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
270 
+              </form>
271 
+            </div>
272 
+          </div>
137 273 
         </div>
138 274 
       </div>
139 
-    </header>
275 
+    </div>
276 
+  </header>
140 277
141 
-    <div id="third_body">
142 
-      <!--セクション template-->
143 
-      <section id="template">
144 
-        <article id="breadcrumb2">
145 
-          <div id="breadcrumb_title2">
146 
-            <div id="breadcrumb_title_block2">
278 
+  <div id="third_body">
279 
+    <!--セクション template-->
280 
+    <section id="template">
281 
+      <article id="breadcrumb">
282 
+        <div id="breadcrumb_title">
283 
+          <div id="breadcrumb_title_block2">
147 284 
               <span id="breadcrumb_title">
148 285 
                 <a href="../../index.html">トップ</a>><a
149 
-                  href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>寄附金の申込方法について</span>
150 
-            </div>
286 
+                      href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>寄附金の申込方法について</span>
151 287 
           </div>
152 
-        </article>
153 
-        <article id="template">
154 
-          <div id="template_title" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title">寄附金の申込方法について</span>
157 
-            </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>
158 294 
           </div>
159 
-        </article>
295 
+        </div>
296 
+      </article>
160 297
161 
-        <article id="template_list_title">
162 
-          <div id="template_title2" class="gothic">
163 
-            <div id="template_title_block">
164 
-              <span id="template_title2">選べる６つのメニュー</span>
165 
-            </div>
298 
+      <article id="template_list_title">
299 
+        <div id="template_title2" class="gothic">
300 
+          <div id="template_title_block">
301 
+            <span id="template_title2">選べる６つのメニュー</span>
166 302 
           </div>
167 
-          <span id="template_article_block">
168 
-            <table width="670" border="0" cellpadding="3" cellspacing="2">
169 
-              <tr>
170 
-                <th width="10%" bgcolor="#add8e6" align="left">&nbsp;</th>
171 
-                <th width="45%" bgcolor="#add8e6" align="left">項目</th>
172 
-                <th width="45%" bgcolor="#add8e6" align="left">主な内容</th>
173 
-              </tr>
174 
-              <tr>
175 
-                <th bgcolor="#add8e6" align="left">1</th>
176 
-                <td bgcolor="#dcdcdc" align="left">次代を担う子どもたちの教育事業</td>
177 
-                <td bgcolor="#dcdcdc" align="left">学校教育の充実、図書購入等</td>
178 
-              </tr>
179 
-              <tr>
180 
-                <th bgcolor="#add8e6" align="left">2</th>
181 
-                <td bgcolor="#dcdcdc" align="left">未来に残そうきれいな環境事業</td>
182 
-                <td bgcolor="#dcdcdc" align="left">景観保全、環境美化等</td>
183 
-              </tr>
184 
-              <tr>
185 
-                <th bgcolor="#add8e6" align="left">3</th>
186 
-                <td bgcolor="#dcdcdc" align="left">みんなで支える福祉事業</td>
187 
-                <td bgcolor="#dcdcdc" align="left">子育て支援、高齢者福祉の充実等</td>
188 
-              </tr>
189 
-              <tr>
190 
-                <th bgcolor="#add8e6" align="left">4</th>
191 
-                <td bgcolor="#dcdcdc" align="left">大切にしたい歴史と文化事業</td>
192 
-                <td bgcolor="#dcdcdc" align="left">文化財、史料の保護等</td>
193 
-              </tr>
194 
-              <tr>
195 
-                <th bgcolor="#add8e6" align="left">5</th>
196 
-                <td bgcolor="#dcdcdc" align="left">盛り上げよう地域活性化事業</td>
197 
-                <td bgcolor="#dcdcdc" align="left">各種イベント、行事等</td>
198 
-              </tr>
199 
-              <tr>
200 
-                <th bgcolor="#add8e6" align="left">6</th>
201 
-                <td bgcolor="#dcdcdc" align="left">町長におまかせ！何でも事業</td>
202 
-                <td bgcolor="#dcdcdc" align="left">町が行う重要事業</td>
203 
-              </tr>
204 
-            </table>
303 
+        </div>
304 
+        <span id="template_article_block">
305 
+                <div class="scroll_table">
306 
+                    <table width="670" border="0" cellpadding="3" cellspacing="2">
307 
+                      <tr>
308 
+                        <th width="10%" bgcolor="#add8e6" align="left">&nbsp;</th>
309 
+                        <th width="45%" bgcolor="#add8e6" align="left">項目</th>
310 
+                        <th width="45%" bgcolor="#add8e6" align="left">主な内容</th>
311 
+                      </tr>
312 
+                      <tr>
313 
+                        <th bgcolor="#add8e6" align="left">1</th>
314 
+                        <td bgcolor="#dcdcdc" align="left">次代を担う子どもたちの教育事業</td>
315 
+                        <td bgcolor="#dcdcdc" align="left">学校教育の充実、図書購入等</td>
316 
+                      </tr>
317 
+                      <tr>
318 
+                        <th bgcolor="#add8e6" align="left">2</th>
319 
+                        <td bgcolor="#dcdcdc" align="left">未来に残そうきれいな環境事業</td>
320 
+                        <td bgcolor="#dcdcdc" align="left">景観保全、環境美化等</td>
321 
+                      </tr>
322 
+                      <tr>
323 
+                        <th bgcolor="#add8e6" align="left">3</th>
324 
+                        <td bgcolor="#dcdcdc" align="left">みんなで支える福祉事業</td>
325 
+                        <td bgcolor="#dcdcdc" align="left">子育て支援、高齢者福祉の充実等</td>
326 
+                      </tr>
327 
+                      <tr>
328 
+                        <th bgcolor="#add8e6" align="left">4</th>
329 
+                        <td bgcolor="#dcdcdc" align="left">大切にしたい歴史と文化事業</td>
330 
+                        <td bgcolor="#dcdcdc" align="left">文化財、史料の保護等</td>
331 
+                      </tr>
332 
+                      <tr>
333 
+                        <th bgcolor="#add8e6" align="left">5</th>
334 
+                        <td bgcolor="#dcdcdc" align="left">盛り上げよう地域活性化事業</td>
335 
+                        <td bgcolor="#dcdcdc" align="left">各種イベント、行事等</td>
336 
+                      </tr>
337 
+                      <tr>
338 
+                        <th bgcolor="#add8e6" align="left">6</th>
339 
+                        <td bgcolor="#dcdcdc" align="left">町長におまかせ！何でも事業</td>
340 
+                        <td bgcolor="#dcdcdc" align="left">町が行う重要事業</td>
341 
+                      </tr>
342 
+                    </table>
343 
+                </div>
205 344
206 345
207 346 
           </span>
208 
-        </article>
209 
-        <article id="template_list_title">
210 
-          <div id="template_title2" class="gothic">
211 
-            <div id="template_title_block">
212 
-              <span id="template_title2">寄附の方法</span>
213 
-            </div>
347 
+      </article>
348 
+      <article id="template_list_title">
349 
+        <div id="template_title2" class="gothic">
350 
+          <div id="template_title_block">
351 
+            <span id="template_title2">寄附の方法</span>
214 352 
           </div>
215 
-          <span id="template_article_block">
353 
+        </div>
354 
+        <span id="template_article_block">
216 355 
             北方町ふるさと寄附金への寄附は以下の3通りになります。
217 356 
             <ol style="list-style:none; text-indent:-1em; padding-left:1em;">
218 357 
               <li>①町が発行する納入通知書でのお支払い</li>
219 358 
               「
220 359 
               <a href="../../fourth/donation/donation_application_form_03_2021_1.doc"
221 
-                target="_blank">寄附申込書</a>」を役場（政策財政課）まで持参いただくか、郵便またはファックスにてお送りください。受理しましたら、納入通知書をお渡し（お送り）します。
360 
+                 target="_blank">寄附申込書</a>」を役場（政策財政課）まで持参いただくか、郵便またはファックスにてお送りください。受理しましたら、納入通知書をお渡し（お送り）します。
222 361 
               ※十六銀行、大垣共立銀行、岐阜信用金庫、大垣西濃信用金庫、ぎふ農業協同組合、岐阜商工信用組合、三菱東京UFJ銀行の本店または支店でのみお振込みいただけます。
223 362 
               <li>②郵便局でのお支払い（どちらの方法でもご利用いただけます）</li>
224 363 
               （1）「
225 364 
               <a href="../../fourth/donation/donation_application_form_03_2021_1.doc"
226 
-                target="_blank">寄附申込書</a>」を役場（政策財政課）まで持参いただくか、郵便またはファックスにてお送りください。受理しましたら、納入通知書をお渡し（お送り）します。
227 
-              <br />
365 
+                 target="_blank">寄附申込書</a>」を役場（政策財政課）まで持参いただくか、郵便またはファックスにてお送りください。受理しましたら、納入通知書をお渡し（お送り）します。
366 
+              <br/>
228 367 
               （2）全国の市町村に設置してある「ふるさと納税リーフレット」に附属してある払込取扱票を使用して最寄りの郵便局からお支払いください。（この場合には、口座記号番号、加入者名、金額、名前、住所等の必要事項をすべてご記入いただく必要がございます。）入金とあわせて、
229 368 
               「
230 369 
               <a href="../../fourth/donation/donation_application_form_03_2021_1.doc"
231 
-                target="_blank">寄附申込書</a>」を持参いただくか、郵便またはファックスでお送りください。
370 
+                 target="_blank">寄附申込書</a>」を持参いただくか、郵便またはファックスでお送りください。
232 371 
               <li>③クレジットカード、コンビニエンスストア、Pay-easyで寄附する</li>
233 372 
               インターネット上での寄附が可能です。申し込みから支払いまで一連の手続きが一度に行えます。
234 
-              <br />
235 
-              <br />
373 
+              <br/>
374 
+              <br/>
236 375 
               <div>
376 
+                <div class="template_imageWrapper_mobile">
237 377 
                 <a target="_blank" href="https://www.furusato-tax.jp/city/product/21421">
238 
-                  <img src="../../css/img/donationchoice.png" alt="岐阜県北方町 お礼の品一覧ページはこちら" />
378 
+                  <img class="template_image_mobile" src="../../css/img/donationchoice.png" alt="岐阜県北方町 お礼の品一覧ページはこちら"/>
239 379 
                 </a>
380 
+                </div>
240 381 
               </div>
241 382 
               株式会社トラストバンクが運営するふるさと納税ポータルサイトでのお手続きとなります。
242 
-              <br />
383 
+              <br/>
243 384
244 385 
             </ol>
245 386
246 387 
             <h4 id="life">クレジットカード等の利用にあたって</h4>
247 388 
             カード発行会社に関係なく、次のマークの付いたクレジットカードがご利用いただけます。</p>
248 
-            <br />
389 
+          <br/>
249 390 
             <img src="../../css/img/credit_card.png">
250 
-            <br />
391 
+            <br/>
251 392 
             <div style="padding-left:1em;">
252 393 
               <ul>
253 394 
                 <li>寄附金のお申し込みは、1,000円以上、1,000円単位、1回払いのみとなります。 </li>
 
@@ -259,16 +400,16 @@
259 400 
                 <li>インターネット接続料金は、ご利用いただく方の負担となります。</li>
260 401 
               </ul>
261 402 
             </div>
262 
-            <br />
403 
+            <br/>
263 404 
           </span>
264 
-        </article>
265 
-        <article id="template_list_title">
266 
-          <div id="template_title2" class="gothic">
267 
-            <div id="template_title_block">
268 
-              <span id="template_title2">お礼品の進呈</span>
269 
-            </div>
405 
+      </article>
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>
270 410 
           </div>
271 
-          <span id="template_article_block">
411 
+        </div>
412 
+        <span id="template_article_block">
272 413 
             <p>
273 414 
             <ul>
274 415 
               <li>寄附金額1万円以上で北方町に住民登録が無い方に、下記チラシ掲載のお礼品１品を、町内の協力企業などからお送りいたします。 </li>
 
@@ -279,66 +420,82 @@
279 420 
                 北方町に住民登録がある方に対してもお礼品を送付しておりましたが、平成29年4月1日の総務大臣の通知を受け、平成29年12月1日以降のお申し込みについて、北方町に住民登録がある方へのお礼品の送付を中止させていただきます。
280 421 
               </li>
281 422 
             </ul>
282 
-            </p>
283 
-            <br />
423 
+          </p>
424 
+          <br/>
284 425 
             <p>お礼品一覧は下記からご覧いただけます。</p>
285 426 
             <p>
286 427 
             </p>
287 428 
             <div>
429 
+              <div class="template_imageWrapper_mobile">
288 430 
               <a target="_blank" href="https://www.furusato-tax.jp/city/product/21421">
289 
-                <img src="../../css/img/donationchoice.png" alt="岐阜県北方町 お礼の品一覧ページはこちら" />
431 
+                <img class="template_image_mobile" src="../../css/img/donationchoice.png" alt="岐阜県北方町 お礼の品一覧ページはこちら"/>
290 432 
               </a>
433 
+              </div>
291 434 
             </div>
292 435 
             <p>
293 436 
             </p>
294 
-            <br />
437 
+            <br/>
295 438 
           </span>
296 
-        </article>
297 
-        <article id="template_list_title">
298 
-          <div id="template_title2" class="gothic">
299 
-            <div id="template_title_block">
300 
-              <span id="template_title2">北方町ふるさと寄附金協力企業の募集</span>
301 
-            </div>
439 
+      </article>
440 
+      <article id="template_list_title">
441 
+        <div id="template_title2" class="gothic">
442 
+          <div id="template_title_block">
443 
+            <span id="template_title2">北方町ふるさと寄附金協力企業の募集</span>
302 444 
           </div>
303 
-          <span id="template_article_block">
445 
+        </div>
446 
+        <span id="template_article_block">
304 447 
             <p>
305 448 
               　北方町では、町への寄附促進と地元特産品のＰＲや販売促進等との相乗効果を図るため、ご寄附いただいた方へお礼品を提供していただける協力企業を随時募集しています。手続きや条件などの詳細は、担当までお問い合わせください。
306 449 
             </p>
307 
-            <br />
450 
+            <br/>
308 451 
           </span>
309 
-        </article>
452 
+      </article>
310 453
311 
-        <article id="template_list_title">
312 
-          <div id="template_title2" class="gothic">
313 
-            <div id="template_title_block">
314 
-              <span id="template_title2">問い合わせ先（お申込み窓口）</span>
315 
-            </div>
454 
+      <article id="template_list_title">
455 
+        <div id="template_title2" class="gothic">
456 
+          <div id="template_title_block">
457 
+            <span id="template_title2">問い合わせ先（お申込み窓口）</span>
316 458 
           </div>
317 
-          <span id="template_article_block">
459 
+        </div>
460 
+        <span id="template_article_block">
318 461 
             〒501-0492　岐阜県本巣郡北方町長谷川1丁目1番地
319 
-            <br /> 政策財政課
320 
-            <br /> TEL 058-322-9936
321 
-            <br /> FAX 058-323-2963
462 
+            <br/> 政策財政課
463 
+            <br/> TEL 058-322-9936
464 
+            <br/> FAX 058-323-2963
322 465 
           </span>
323 
-        </article>
324 
-
325 
-      </section>
326 
-    </div>
466 
+      </article>
327 467
328 
-    <footer>
329 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
330 
-      <br />
331 
-      <p class="footer_text">
332 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
333 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
334 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
335 
-      </p>
336 
-    </footer>
468 
+    </section>
469 
+  </div>
337 470
471 
+  <footer>
472 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
473 
+    <div class="footer_mobile">
474 
+      <div class="footer_mobile_title">
475 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
476 
+        <h1 class="footerMobile__text">北方町役場</h1>
477 
+      </div>
478 
+      <div class="footer_mobile_address">
479 
+                <span class="footerTextWrap__text">
480 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
481 
+                </span><br>
482 
+        電話:058-323-1111(代)<br>
483 
+        FAX:058-323-2963<br>
484 
+        開庁日：8時30分～17時15分<br>
485 
+        （土・日・祝日、年末年始を除く）<br>
486 
+      </div>
487 
+    </div>
488 
+    <br class="sp__brDisplay">
489 
+    <p class="footer_text">
490 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
491 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
492 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
493 
+    </p>
494 
+  </footer>
338 495
339 
-  </div>
340 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
341 
-    width="1" />
496 
+</div>
497 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
498 
+     width="1"/>
342 499 
 </body>
343 500
344 
-</html>
501 
+</html>

+ 376
- 221
third/donation/designation_of_designated_proxy_payer.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,161 +10,296 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
16 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">
17 22 
 </head>
18 23
19 24 
 <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>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
36 
+<div id="main" class="gothic">
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
31 54 
       </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="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
40 
-          </div>
41 
-          <script>
42 
-            getBackgNumber3();
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
64 
+
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
43 90 
           </script>
44 
-        </article>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
45 99
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>-->
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
55 136
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="サイトマップ" />
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
61 167 
             </a>
62 168 
           </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="お問い合わせはこちらから" />
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </div>
177 
+              </div>
69 178 
             </a>
70 179 
           </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">
90 180 
         </div>
91 
-      </div>
92 
-    </section>
93 
-
94 
-    <!--ヘッダーデータ-->
95 
-    <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">
181 
+        <div class="h-menu_main_block">
182 
+          <div class="h-menu_block">
183 
+            <a href="../../second/business.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>
102 188 
           </div>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/living.html">
105 
-              <span class="h_text">くらしの情報</span>
189 
+        </div>
190 
+        <div class="h-menu_main_block">
191 
+          <div class="h-menu_block">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
106 196 
             </a>
107 
-          </article>
108 
-          <article class="h_text_l">
109 
-            <a class="h_link" href="../../second/tourism.html">
110 
-              <span class="h_text">観光</span>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
205 
+                </div>
206 
+              </div>
111 207 
             </a>
112 
-          </article>
113 
-          <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/business.html">
115 
-              <span class="h_text">事業者向け情報</span>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
216 
+                </div>
217 
+              </div>
116 218 
             </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>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
227 
+                </div>
228 
+              </div>
121 229 
             </a>
122 
-          </article>
230 
+          </div>
231 
+        </div>
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
252 
+                </div>
253 
+              </div>
254 
+            </div>
255 
+          </div>
123 256 
         </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>
136 
-          </article>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
269 
+            </div>
270 
+          </div>
137 271 
         </div>
138 272 
       </div>
139 
-    </header>
273 
+    </div>
274 
+  </header>
140 275
141 
-    <div id="third_body">
142 
-      <!--セクション template-->
143 
-      <section id="template">
144 
-        <article id="breadcrumb2">
145 
-          <div id="breadcrumb_title2">
146 
-            <div id="breadcrumb_title_block2">
276 
+  <div id="third_body">
277 
+    <!--セクション template-->
278 
+    <section id="template">
279 
+      <article id="breadcrumb">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
147 282 
               <span id="breadcrumb_title">
148 283 
                 <a href="../../index.html">トップ</a>><a
149 
-                  href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>収納事務の委託、指定代理納付者の指定について</span>
150 
-            </div>
284 
+                      href="../../second/Donation.html">北方町ふるさと寄附金の募集</a>>収納事務の委託、指定代理納付者の指定について</span>
151 285 
           </div>
152 
-        </article>
153 
-        <article id="template">
154 
-          <div id="template_title" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title">収納事務の委託、指定代理納付者の指定について</span>
157 
-            </div>
286 
+        </div>
287 
+      </article>
288 
+      <article id="template_2lins">
289 
+        <div id="template_title_2lins" class="gothic">
290 
+          <div id="template_title_block_2lins">
291 
+            <span id="template_title_2lins">収納事務の委託、指定代理納付者の指定について</span>
158 292 
           </div>
159 
-        </article>
293 
+        </div>
294 
+      </article>
160 295
161 
-        <article id="template">
162 
-          <div id="template_title" class="gothic">
163 
-            <div id="template_title_block">
164 
-              <span id="template_title">収納事務の委託について（令和３年度）</span>
165 
-            </div>
296 
+      <article id="template">
297 
+        <div id="template_title" class="gothic">
298 
+          <div id="template_title_block">
299 
+            <span id="template_title">収納事務の委託について（令和３年度）</span>
166 300 
           </div>
167 
-          <span id="template_article_block">
301 
+        </div>
302 
+        <span id="template_article_block">
168 303 
             北方町告示第６３号<br>
169 304 
             <br>
170 305 
             地方自治法施行令（昭和２２年政令第１６号）第１５８条第１項の規定に基づき、収納事務を次の通り委託したので、同条第２項の規定により告示する。<br>
 
@@ -177,122 +312,142 @@
177 312 
             <br>
178 313 
             １．委託を受けた者の名称、所在地及び委託した期間<br>
179 314 
             <br>
180 
-            <table width="670" cellspacing="2" cellpadding="3" border="0">
181 
-              <tbody>
182 
-                <tr>
183 
-                  <th bgcolor="#add8e6" align="left">名称</th>
184 
-                  <th bgcolor="#add8e6" align="left">所在地</th>
185 
-                  <th bgcolor="#add8e6" align="left">委託する期間</th>
186 
-                </tr>
187 
-                <tr>
188 
-                  <td bgcolor="#dcdcdc" align="left">株式会社トラストバンク</td>
189 
-                  <td bgcolor="#dcdcdc" align="left">東京都渋谷区渋谷２丁目２４番１２号</td>
190 
-                  <td bgcolor="#dcdcdc" align="left">令和３年４月１日から<br>令和４年３月３１日まで
191 
-                  </td>
192 
-                </tr>
193 
-              </tbody>
194 
-            </table>
315 
+            <div class="scroll_table">
316 
+                <table width="670" cellspacing="2" cellpadding="3" border="0">
317 
+                  <tbody>
318 
+                    <tr>
319 
+                      <th bgcolor="#add8e6" align="left">名称</th>
320 
+                      <th bgcolor="#add8e6" align="left">所在地</th>
321 
+                      <th bgcolor="#add8e6" align="left">委託する期間</th>
322 
+                    </tr>
323 
+                    <tr>
324 
+                      <td bgcolor="#dcdcdc" align="left">株式会社トラストバンク</td>
325 
+                      <td bgcolor="#dcdcdc" align="left">東京都渋谷区渋谷２丁目２４番１２号</td>
326 
+                      <td bgcolor="#dcdcdc" align="left">令和３年４月１日から<br>令和４年３月３１日まで
327 
+                      </td>
328 
+                    </tr>
329 
+                  </tbody>
330 
+                </table>
331 
+            </div>
195 332 
             <br>
196 333 
             ２．収納事務を委託した歳入<br>
197 334 
             　　ふるさと寄附金(ふるさと納税)<br>
198 335 
             <br>
199 336 
           </span>
200 
-        </article>
337 
+      </article>
201 338
202 
-        <article id="template">
203 
-          <div id="template_title" class="gothic">
204 
-            <div id="template_title_block">
205 
-              <span id="template_title">指定代理納付者の指定について（令和３年度）</span>
206 
-            </div>
339 
+      <article id="template">
340 
+        <div id="template_title" class="gothic">
341 
+          <div id="template_title_block">
342 
+            <span id="template_title">指定代理納付者の指定について（令和３年度）</span>
207 343 
           </div>
208 
-          <span id="template_article_block">
209 
-            北方町告示第６４号<br />
210 
-            <br />
211 
-            地方自治法（昭和２２年法律第６７号）第２３１条の２第６項の規定に基づき、指定代理納付者を次の通り指定したので告示する。<br />
212 
-            <br />
344 
+        </div>
345 
+        <span id="template_article_block">
346 
+            北方町告示第６４号<br/>
347 
+            <br/>
348 
+            地方自治法（昭和２２年法律第６７号）第２３１条の２第６項の規定に基づき、指定代理納付者を次の通り指定したので告示する。<br/>
349 
+            <br/>
213 350 
             <div style="text-align: right;">
214 351 
               <span style="text-align: right;">
215 352 
                 北方町長　戸部　哲哉　　　
216 353 
               </span>
217 354 
             </div>
218 
-            <table width="670" border="0" cellpadding="3" cellspacing="2">
219 
-              <tr>
220 
-                <th bgcolor="#add8e6" align="left">名称</th>
221 
-                <th bgcolor="#add8e6" align="left">所在地</th>
222 
-                <th bgcolor="#add8e6" align="left">委託する期間</th>
223 
-              </tr>
224 
-              <tr>
225 
-                <td bgcolor="#dcdcdc" align="left">株式会社トラストバンク</td>
226 
-                <td bgcolor="#dcdcdc" align="left">東京都渋谷区渋谷２丁目２４番１２号</td>
227 
-                <td bgcolor="#dcdcdc" align="left">令和３年４月１日から<br />令和４年３月３１日まで
228 
-                </td>
229 
-              </tr>
230 
-            </table>
231 
-            <br />
232 
-            ２．納付させる歳入<br />
233 
-            　　ふるさと寄附金(ふるさと納税)<br />
234 
-            <br /> <br /> <br /> <br /> <br />
235 
-            北方町告示第６５号<br />
236 
-            <br />
237 
-            地方自治法（昭和２２年法律第６７号）第２３１条の２第６項の規定に基づき、指定代理納付者を次の通り指定したので告示する。<br />
238 
-            <br />
355 
+            <div class="scroll_table">
356 
+                <table width="670" border="0" cellpadding="3" cellspacing="2">
357 
+                  <tr>
358 
+                    <th bgcolor="#add8e6" align="left">名称</th>
359 
+                    <th bgcolor="#add8e6" align="left">所在地</th>
360 
+                    <th bgcolor="#add8e6" align="left">委託する期間</th>
361 
+                  </tr>
362 
+                  <tr>
363 
+                    <td bgcolor="#dcdcdc" align="left">株式会社トラストバンク</td>
364 
+                    <td bgcolor="#dcdcdc" align="left">東京都渋谷区渋谷２丁目２４番１２号</td>
365 
+                    <td bgcolor="#dcdcdc" align="left">令和３年４月１日から<br/>令和４年３月３１日まで
366 
+                    </td>
367 
+                  </tr>
368 
+                </table>
369 
+            </div>
370 
+            <br/>
371 
+            ２．納付させる歳入<br/>
372 
+            　　ふるさと寄附金(ふるさと納税)<br/>
373 
+            <br/> <br/> <br/> <br/> <br/>
374 
+            北方町告示第６５号<br/>
375 
+            <br/>
376 
+            地方自治法（昭和２２年法律第６７号）第２３１条の２第６項の規定に基づき、指定代理納付者を次の通り指定したので告示する。<br/>
377 
+            <br/>
239 378 
             <div style="text-align: right;">
240 379 
               <span style="text-align: right;">
241 380 
                 北方町長　戸部　哲哉　　　
242 381 
               </span>
243 382 
             </div>
244 
-            １．指定を受けた者の名称、所在地及び指定した期間<br />
245 
-            <table width="670" border="0" cellpadding="3" cellspacing="2">
246 
-              <tr>
247 
-                <th bgcolor="#add8e6" align="left">名称</th>
248 
-                <th bgcolor="#add8e6" align="left">所在地</th>
249 
-                <th bgcolor="#add8e6" align="left">委託する期間</th>
250 
-              </tr>
251 
-              <tr>
252 
-                <td bgcolor="#dcdcdc" align="left">株式会社ＯＫＢペイメントプラット</td>
253 
-                <td bgcolor="#dcdcdc" align="left">岐阜県大垣市郭町２丁目２５番地</td>
254 
-                <td bgcolor="#dcdcdc" align="left">令和３年４月１日から<br />令和４年３月３１日まで
255 
-                </td>
256 
-              </tr>
257 
-            </table>
258 
-            <br />
259 
-            ２．納付させる歳入<br />
260 
-            　　ふるさと寄附金(ふるさと納税)<br />
261 
-            <br />
383 
+            １．指定を受けた者の名称、所在地及び指定した期間<br/>
384 
+            <div class="scroll_table">
385 
+                <table width="670" border="0" cellpadding="3" cellspacing="2">
386 
+                  <tr>
387 
+                    <th bgcolor="#add8e6" align="left">名称</th>
388 
+                    <th bgcolor="#add8e6" align="left">所在地</th>
389 
+                    <th bgcolor="#add8e6" align="left">委託する期間</th>
390 
+                  </tr>
391 
+                  <tr>
392 
+                    <td bgcolor="#dcdcdc" align="left">株式会社ＯＫＢペイメントプラット</td>
393 
+                    <td bgcolor="#dcdcdc" align="left">岐阜県大垣市郭町２丁目２５番地</td>
394 
+                    <td bgcolor="#dcdcdc" align="left">令和３年４月１日から<br/>令和４年３月３１日まで
395 
+                    </td>
396 
+                  </tr>
397 
+                </table>
398 
+            </div>
399 
+            <br/>
400 
+            ２．納付させる歳入<br/>
401 
+            　　ふるさと寄附金(ふるさと納税)<br/>
402 
+            <br/>
262 403 
           </span>
263 
-        </article>
404 
+      </article>
264 405
265 
-        <article id="template_list_title">
266 
-          <div id="template_title2" class="gothic">
267 
-            <div id="template_title_block">
268 
-              <span id="template_title2">問い合わせ先（お申込み窓口）</span>
269 
-            </div>
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>
270 410 
           </div>
271 
-          <span id="template_article_block">
411 
+        </div>
412 
+        <span id="template_article_block">
272 413 
             〒501-0492　岐阜県本巣郡北方町長谷川1丁目1番地
273 
-            <br /> 政策財政課
274 
-            <br /> TEL 058-322-9936
275 
-            <br /> FAX 058-323-2963
414 
+            <br/> 政策財政課
415 
+            <br/> TEL 058-322-9936
416 
+            <br/> FAX 058-323-2963
276 417 
           </span>
277 
-        </article>
278 
-
279 
-      </section>
280 
-    </div>
418 
+      </article>
281 419
282 
-    <footer>
283 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
284 
-      <br />
285 
-      <p class="footer_text">
286 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
287 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
288 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
289 
-      </p>
290 
-    </footer>
420 
+    </section>
421 
+  </div>
291 422
423 
+  <footer>
424 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
425 
+    <div class="footer_mobile">
426 
+      <div class="footer_mobile_title">
427 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
428 
+        <h1 class="footerMobile__text">北方町役場</h1>
429 
+      </div>
430 
+      <div class="footer_mobile_address">
431 
+                <span class="footerTextWrap__text">
432 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
433 
+                </span><br>
434 
+        電話:058-323-1111(代)<br>
435 
+        FAX:058-323-2963<br>
436 
+        開庁日：8時30分～17時15分<br>
437 
+        （土・日・祝日、年末年始を除く）<br>
438 
+      </div>
439 
+    </div>
440 
+    <br class="sp__brDisplay">
441 
+    <p class="footer_text">
442 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
443 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
444 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
445 
+    </p>
446 
+  </footer>
292 447
293 
-  </div>
294 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
295 
-    width="1" />
448 
+</div>
449 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
450 
+     width="1"/>
296 451 
 </body>
297 452
298 
-</html>
453 
+</html>

+ 421
- 247
third/emergency_and_disaster_information/About_fire_fighting.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,37 +10,51 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/image_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">
20 
-  <script>
21 
-    getBackgNumber3();
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> TEL:058-323-1111(代)</span>
30 
-        </address>
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 
+
37 
+<div id="main" class="gothic">
38 
+  <!--セクション 操作-->
39 
+  <section id="operation">
40 
+    <!--セクション 住所-->
41 
+    <article id="address">
42 
+      <address id="operation_add">
43 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
44 
+      </address>
45 
+    </article>
46 
+    <div id="controle_panel">
47 
+      <!--セクション 背景色-->
48 
+      <article id="bgcolor">
49 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
50 
+        <div id="bgcolor_img">
51 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
52 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
53 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
54 
+        </div>
31 55 
       </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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
38 
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
39 
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 
-          </div>
41 
-        </article>
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
56 
+      <!--セクション 文字サイズ-->
57 
+      <!--<article id="charsize" >
44 58 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 59 
       <div id="charsize_img">
46 60 
       <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -49,111 +63,251 @@
49 63 
       </div>
50 64 
       </article>-->
51 65
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">
66 
+      <!--セクション サイトマップ-->
67 
+      <article id="sitemap">
68 
+        <div id="sitemap_img">
69 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
70 
+        </div>
71 
+      </article>
72 
+      <!--セクション お問い合わせ-->
73 
+      <article id="contact">
74 
+        <div id="contact_img">
75 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
76 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
77 
+        </div>
78 
+      </article>
79 
+      <!--セクション 翻訳-->
80 
+      <article id="translation">
81 
+        <div id="translation_img">
82 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
83 
+          <div id="google_translate_element"></div>
84 
+          <script type="text/javascript">
71 85 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
86 
+                  new google.translate.TranslateElement({
87 
+                      pageLanguage: 'ja',
88 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
89 
+                  }, 'google_translate_element');
76 90 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
91 
+          </script>
92 
+          <script type="text/javascript"
93 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 94 
         </div>
95 
+      </article>
96 
+      <div id="claer">
84 97 
       </div>
85 
-    </section>
86 
-    <!--ヘッダーデータ-->
87 
-    <header>
88 
-      <div id="header" class="gothic">
89 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
90 
-        <div id="h_block_1">
91 
-          <div class="h_line">
98 
+    </div>
99 
+  </section>
100 
+
101 
+  <!--ヘッダーデータ-->
102 
+  <header>
103 
+    <div id="header" class="gothic">
104 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
105 
+      <div id="h_block_1">
106 
+        <div class="h_line">
107 
+        </div>
108 
+        <article class="h_text_l">
109 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
110 
+        </article>
111 
+        <article class="h_text_l">
112 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
113 
+        </article>
114 
+        <article class="h_text_l">
115 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116 
+        </article>
117 
+        <article class="h_text_l">
118 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
119 
+        </article>
120 
+      </div>
121 
+      <div id="h_block_search">
122 
+        <div class="h_line"></div>
123 
+        <article class="h_search">
124 
+          <div class="space10"></div>
125 
+          <form action="http://www.google.com/search">
126 
+            <input type="hidden" name="hl" value="ja"/>
127 
+            <input type="hidden" name="ie" value="UTF-8">
128 
+            <input type="hidden" name="oe" value="UTF-8">
129 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
130 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
131 
+            <input type="submit" name="btnG" value="検索"/>
132 
+          </form>
133 
+        </article>
134 
+      </div>
135 
+    </div>
136 
+  </header>
137 
+
138 
+  <!-- mobile header -->
139 
+  <header class="header">
140 
+    <div class="headerLogo">
141 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
142 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
143 
+    </div>
144 
+    <div class="headerTitle">
145 
+      <a href="../../index.html" class="header_link">
146 
+        <h1 class="headerTitle__text">北方町</h1>
147 
+      </a>
148 
+    </div>
149 
+    <div class="headerSubTitle">
150 
+      <a href="../../index.html" class="header_link">
151 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
152 
+      </a>
153 
+    </div>
154 
+    <div id="h-menu">
155 
+      <span></span>
156 
+      <span></span>
157 
+      <span></span>
158 
+      <div id="h-text">menu</div>
159 
+    </div>
160 
+    <div id="h-nav">
161 
+      <div class="h-menu_main_block_top">
162 
+        <div class="h-menu_main_block">
163 
+          <div class="h-menu_block">
164 
+            <a href="../../second/living.html">
165 
+              <div class="h-menu_block_text h-menu_block_before">
166 
+                <div class="h-menu_block_text_center">くらしの情報</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/tourism.html">
174 
+              <div class="h-menu_block_text h-menu_block_before">
175 
+                <div class="h-menu_block_text_center">
176 
+                  観光
177 
+                </div>
178 
+              </div>
179 
+            </a>
92 180 
           </div>
93 
-          <article class="h_text_l">
94 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
-          </article>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
-          </article>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
104 
-          </article>
105 181 
         </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 
-          </article>
182 
+        <div class="h-menu_main_block">
183 
+          <div class="h-menu_block">
184 
+            <a href="../../second/business.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">
193 
+            <a href="../../second/town_admini_info.html">
194 
+              <div class="h-menu_block_text h-menu_block_before">
195 
+                <div class="h-menu_block_text_center">町政情報</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="../../second/sitemap.html">
203 
+              <div class="h-menu_block_text h-menu_block_before">
204 
+                <div class="h-menu_block_text_center">
205 
+                  サイトマップ
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="https://ai-staff.net/kitagata/chat">
214 
+              <div class="h-menu_block_text  h-menu_block_before">
215 
+                <div class="h-menu_block_text_center">
216 
+                  AIチャット
217 
+                </div>
218 
+              </div>
219 
+            </a>
220 
+          </div>
221 
+        </div>
222 
+        <div class="h-menu_main_block">
223 
+          <div class="h-menu_block h-menu_block_before">
224 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
225 
+              <div class="h-menu_block_text">
226 
+                <div class="h-menu_block_text_center">
227 
+                  お問い合わせ一覧
228 
+                </div>
229 
+              </div>
230 
+            </a>
231 
+          </div>
232 
+        </div>
233 
+        <div class="h-menu_main_block">
234 
+          <div class="h-menu_lang">
235 
+            <div class="h-menu_block_lang">
236 
+              <div class="h-menu_block_text_center">
237 
+                <div class="h-menu_block_text_line">
238 
+                  背景変更
239 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
240 
+                  </div>
241 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
242 
+                  </div>
243 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
244 
+                  </div>
245 
+                </div>
246 
+                <script>
247 
+                    getBackgNumber2();
248 
+                </script>
249 
+                <div class="h-menu_block_text_line">言語選択
250 
+                  <div class="mobile_translation">
251 
+                    <div id="google_translate_element"></div>
252 
+                  </div>
253 
+                </div>
254 
+              </div>
255 
+            </div>
256 
+          </div>
257 
+        </div>
258 
+        <div class="h-menu_main_block">
259 
+          <div class="h-menu_search">
260 
+            <div class="h-menu_block_search">
261 
+              <form action="https://www.google.com/search">
262 
+                <input type="hidden" name="hl" value="ja"/>
263 
+                <input type="hidden" name="ie" value="UTF-8">
264 
+                <input type="hidden" name="oe" value="UTF-8">
265 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
266 
+                <input type="text" name="q" size="16" maxlength="256" value=""
267 
+                       class="mobile_form_input"/>
268 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
269 
+              </form>
270 
+            </div>
271 
+          </div>
119 272 
         </div>
120 273 
       </div>
121 
-    </header>
274 
+    </div>
275 
+  </header>
122 276
123 
-    <div id="third_body">
124 
-      <!--セクション space-->
125 
-      <!--セクション template-->
126 
-      <section id="template">
127 
-        <article id="breadcrumb">
128 
-          <div id="breadcrumb_title">
129 
-            <div id="breadcrumb_title_block">
277 
+  <div id="third_body">
278 
+    <!--セクション space-->
279 
+    <!--セクション template-->
280 
+    <section id="template">
281 
+      <article id="breadcrumb">
282 
+        <div id="breadcrumb_title">
283 
+          <div id="breadcrumb_title_block">
130 284 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-                  href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>消防団について</span>
132 
-            </div>
285 
+                      href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>消防団について</span>
133 286 
           </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>
287 
+        </div>
288 
+      </article>
289 
+      <article id="template">
290 
+        <div id="template_title" class="gothic">
291 
+          <div id="template_title_block">
292 
+            <span id="template_title">消防団について</span>
140 293 
           </div>
141 
-        </article>
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>
294 
+        </div>
295 
+      </article>
296 
+      <article id="template_list_title">
297 
+        <div class="template_title2 template_title2_2 gothic">
298 
+          <div id="template_title_block">
299 
+            <span class="template_title2 template_title2_2">あなたの力をぜひ！北方町消防団員募集のお知らせ</span>
147 300 
           </div>
148 
-          <span id="template_article_block">
149 
-            　消防団は、昔から「自分たちの地域は自分たちで守る」という精神のもとに地域社会に奉仕しています。地域社会と密着している消防団は、地域防災の要として様々な災害から人命と財産を守り続けてきた歴史があり、地域住民から深い信頼を得ております。<br />
150 
-            　また、消防団員としての経験は、地域とのつながりを深める機会となるとともに、災害時に家族や地域を守る大きな力となり得るはずです。<br />
151 
-            <br />
152 
-            　勇気ある手で北方町を災害から守るため、あなたの力が必要です！<br />
153 
-            　一人でも多くの方の入団を心からお待ちしております。<br />
154 
-            <br />
155 
-            ○女性消防団員について○<br />
156 
-            　北方町では、女性消防団員も募集しています。女性消防団員は広報活動や火災予防活動、応急救護といった活動を主として行い、消防関係のソフトの面で活躍することができます。<br />
301 
+        </div>
302 
+        <span id="template_article_block">
303 
+            　消防団は、昔から「自分たちの地域は自分たちで守る」という精神のもとに地域社会に奉仕しています。地域社会と密着している消防団は、地域防災の要として様々な災害から人命と財産を守り続けてきた歴史があり、地域住民から深い信頼を得ております。<br/>
304 
+            　また、消防団員としての経験は、地域とのつながりを深める機会となるとともに、災害時に家族や地域を守る大きな力となり得るはずです。<br/>
305 
+            <br/>
306 
+            　勇気ある手で北方町を災害から守るため、あなたの力が必要です！<br/>
307 
+            　一人でも多くの方の入団を心からお待ちしております。<br/>
308 
+            <br/>
309 
+            ○女性消防団員について○<br/>
310 
+            　北方町では、女性消防団員も募集しています。女性消防団員は広報活動や火災予防活動、応急救護といった活動を主として行い、消防関係のソフトの面で活躍することができます。<br/>
157 311 
             <br>
158 312 
             ○学生消防団員について○<br>
159 313 
             <p style="text-indent: 1rem"> 社会人だけではなく、学生消防団員も募集しております。なお、学生消防団員に対しては「学生消防団員活動認証制度」があります。</p>
 
@@ -164,122 +318,124 @@
164 318 
               ○学生のメリット<p style="text-indent: 1rem">消防団員として地域に貢献してきた実績を企業にアピールすることができます。</p>
165 319 
             </div>
166 320
167 
-            <!--2016/11/22削除 ◎消防団とは・・・
168 
-              <p class="paragraphT10"><img src="images/19poster.png" alt="消防団員募集ポスター" width="200" height="141" id="right" />消防団は、昔から「自分たちの地域は、自分たちで守る」という精神のもとに地域社会に奉仕しています。</p>
169 
-              <p class="paragraphT10">地域社会に密着している消防団は、地域防災のかなめとして各種災害から人命と財産を守り続けてきた歴史があり、地域住民から深い信頼を得ております。</p>
170 
-              <p class="paragraphT10">勇気ある手で町民を災害から守るため、あなたの力が必要です。</p>
171 
-              <p class="paragraphT10">入団をお待ちしています。</p>-->
321 
+          <!--2016/11/22削除 ◎消防団とは・・・
322 
+            <p class="paragraphT10"><img src="images/19poster.png" alt="消防団員募集ポスター" width="200" height="141" id="right" />消防団は、昔から「自分たちの地域は、自分たちで守る」という精神のもとに地域社会に奉仕しています。</p>
323 
+            <p class="paragraphT10">地域社会に密着している消防団は、地域防災のかなめとして各種災害から人命と財産を守り続けてきた歴史があり、地域住民から深い信頼を得ております。</p>
324 
+            <p class="paragraphT10">勇気ある手で町民を災害から守るため、あなたの力が必要です。</p>
325 
+            <p class="paragraphT10">入団をお待ちしています。</p>-->
172 326 
             <h3 id="life">消防団の主な活動内容</h3>
173 
-            消防団は、災害時の出動のほか年間を通して次のような活動を行っています。<br />
174 
-            <table width="400" border="1" rules="all">
175 
-              <tbody>
176 
-                <tr>
177 
-                  <td width="20%" align="center">　４月
178 
-                    </th>
179 
-                  <td width="80%" align="left">入団式・定例訓練
180 
-                    </th>
181 
-                </tr>
182 
-                <tr>
183 
-                  <td width="20%" align="center">　５月
184 
-                    </th>
185 
-                  <td width="80%" align="left">定例訓練・操法訓練
186 
-                    </th>
187 
-                </tr>
188 
-                <tr>
189 
-                  <td width="20%" align="center">　６月
190 
-                    </th>
191 
-                  <td width="80%" align="left">定例訓練・操法訓練
192 
-                    </th>
193 
-                </tr>
194 
-                <tr>
195 
-                  <td width="20%" align="center">　７月
196 
-                    </th>
197 
-                  <td width="80%" align="left">定例訓練・操法訓練
198 
-                    </th>
199 
-                </tr>
200 
-                <tr>
201 
-                  <td width="20%" align="center">　８月
202 
-                    </th>
203 
-                  <td width="80%" align="left">県操法大会
204 
-                    </th>
205 
-                </tr>
206 
-                <tr>
207 
-                  <td width="20%" align="center">　９月
208 
-                    </th>
209 
-                  <td width="80%" align="left">定例訓練
210 
-                    </th>
211 
-                </tr>
212 
-                <tr>
213 
-                  <td width="20%" align="center">１０月
214 
-                    </th>
215 
-                  <td width="80%" align="left">定例訓練・自主防災訓練
216 
-                    </th>
217 
-                </tr>
218 
-                <tr>
219 
-                  <td width="20%" align="center">１１月
220 
-                    </th>
221 
-                  <td width="80%" align="left">定例訓練・秋季火災予防
222 
-                    </th>
223 
-                </tr>
224 
-                <tr>
225 
-                  <td width="20%" align="center">１２月
226 
-                    </th>
227 
-                  <td width="80%" align="left">定例訓練・年末夜警
228 
-                    </th>
229 
-                </tr>
230 
-                <tr>
231 
-                  <td width="20%" align="center">　１月
232 
-                    </th>
233 
-                  <td width="80%" align="left">出初め式
234 
-                    </th>
235 
-                </tr>
236 
-                <tr>
237 
-                  <td width="20%" align="center">　２月
238 
-                    </th>
239 
-                  <td width="80%" align="left">定例訓練
240 
-                    </th>
241 
-                </tr>
242 
-                <tr>
243 
-                  <td width="20%" align="center">　３月
244 
-                    </th>
245 
-                  <td width="80%" align="left">定例訓練・春季火災予防
246 
-                    </th>
247 
-                </tr>
248 
-              </tbody>
249 
-            </table>
250 
-            <br />
327 
+            消防団は、災害時の出動のほか年間を通して次のような活動を行っています。<br/>
328 
+            <div class="scroll_table">
329 
+                <table width="400" border="1" rules="all">
330 
+                  <tbody>
331 
+                    <tr>
332 
+                      <td width="20%" align="center">　４月
333 
+                      </th>
334 
+                      <td width="80%" align="left">入団式・定例訓練
335 
+                      </th>
336 
+                    </tr>
337 
+                    <tr>
338 
+                      <td width="20%" align="center">　５月
339 
+                      </th>
340 
+                      <td width="80%" align="left">定例訓練・操法訓練
341 
+                      </th>
342 
+                    </tr>
343 
+                    <tr>
344 
+                      <td width="20%" align="center">　６月
345 
+                      </th>
346 
+                      <td width="80%" align="left">定例訓練・操法訓練
347 
+                      </th>
348 
+                    </tr>
349 
+                    <tr>
350 
+                      <td width="20%" align="center">　７月
351 
+                      </th>
352 
+                      <td width="80%" align="left">定例訓練・操法訓練
353 
+                      </th>
354 
+                    </tr>
355 
+                    <tr>
356 
+                      <td width="20%" align="center">　８月
357 
+                      </th>
358 
+                      <td width="80%" align="left">県操法大会
359 
+                      </th>
360 
+                    </tr>
361 
+                    <tr>
362 
+                      <td width="20%" align="center">　９月
363 
+                      </th>
364 
+                      <td width="80%" align="left">定例訓練
365 
+                      </th>
366 
+                    </tr>
367 
+                    <tr>
368 
+                      <td width="20%" align="center">１０月
369 
+                      </th>
370 
+                      <td width="80%" align="left">定例訓練・自主防災訓練
371 
+                      </th>
372 
+                    </tr>
373 
+                    <tr>
374 
+                      <td width="20%" align="center">１１月
375 
+                      </th>
376 
+                      <td width="80%" align="left">定例訓練・秋季火災予防
377 
+                      </th>
378 
+                    </tr>
379 
+                    <tr>
380 
+                      <td width="20%" align="center">１２月
381 
+                      </th>
382 
+                      <td width="80%" align="left">定例訓練・年末夜警
383 
+                      </th>
384 
+                    </tr>
385 
+                    <tr>
386 
+                      <td width="20%" align="center">　１月
387 
+                      </th>
388 
+                      <td width="80%" align="left">出初め式
389 
+                      </th>
390 
+                    </tr>
391 
+                    <tr>
392 
+                      <td width="20%" align="center">　２月
393 
+                      </th>
394 
+                      <td width="80%" align="left">定例訓練
395 
+                      </th>
396 
+                    </tr>
397 
+                    <tr>
398 
+                      <td width="20%" align="center">　３月
399 
+                      </th>
400 
+                      <td width="80%" align="left">定例訓練・春季火災予防
401 
+                      </th>
402 
+                    </tr>
403 
+                  </tbody>
404 
+                </table>
405 
+            </div>
406 
+            <br/>
251 407 
             <div style="display: block; text-align: center;">
252 408 
               <img src="../../css/img/abut_fire_volunteer_01.jpg" alt="">
253 409 
               <img src="../../css/img/abut_fire_volunteer_02.jpg" alt="">
254 410 
               <img src="../../css/img/abut_fire_volunteer_03.jpg" alt="">
255 411 
             </div>
256 412
257 
-            <!--2016/11/22削除  <ol>
258 
-          <li id="access"><strong id="life">4月</strong>：
259 
-          入団式・定例訓練</li>
260 
-          <li id="access"><strong id="life">5月</strong>：
261 
-          定例訓練</li>
262 
-          <li id="access"><strong id="life">6月</strong>：
263 
-          定例訓練・操法訓練</li>
264 
-          <li id="access"><strong id="life">7月</strong>：
265 
-          操法訓練</li>
266 
-          <li id="access"><strong id="life">8月</strong>：
267 
-          県操法大会</li>
268 
-          <li id="access"><strong id="life">9月</strong>：
269 
-          定例訓練</li>
270 
-          <li id="access"><strong id="life">10月</strong>：
271 
-          定例訓練・自主防災訓練</li>
272 
-          <li id="access"><strong id="life">11月</strong>：
273 
-          定例訓練</li>
274 
-          <li id="access"><strong id="life">12月</strong>：
275 
-          定例訓練・年末夜警</li>
276 
-          <li id="access"><strong id="life">1月</strong>：
277 
-          出初め式</li>
278 
-          <li id="access"><strong id="life">2月</strong>：
279 
-          定例訓練</li>
280 
-          <li id="access"><strong id="life">3月</strong>：
281 
-          定例訓練</li>
282 
-          </ol> -->
413 
+          <!--2016/11/22削除  <ol>
414 
+        <li id="access"><strong id="life">4月</strong>：
415 
+        入団式・定例訓練</li>
416 
+        <li id="access"><strong id="life">5月</strong>：
417 
+        定例訓練</li>
418 
+        <li id="access"><strong id="life">6月</strong>：
419 
+        定例訓練・操法訓練</li>
420 
+        <li id="access"><strong id="life">7月</strong>：
421 
+        操法訓練</li>
422 
+        <li id="access"><strong id="life">8月</strong>：
423 
+        県操法大会</li>
424 
+        <li id="access"><strong id="life">9月</strong>：
425 
+        定例訓練</li>
426 
+        <li id="access"><strong id="life">10月</strong>：
427 
+        定例訓練・自主防災訓練</li>
428 
+        <li id="access"><strong id="life">11月</strong>：
429 
+        定例訓練</li>
430 
+        <li id="access"><strong id="life">12月</strong>：
431 
+        定例訓練・年末夜警</li>
432 
+        <li id="access"><strong id="life">1月</strong>：
433 
+        出初め式</li>
434 
+        <li id="access"><strong id="life">2月</strong>：
435 
+        定例訓練</li>
436 
+        <li id="access"><strong id="life">3月</strong>：
437 
+        定例訓練</li>
438 
+        </ol> -->
283 439 
             <h3 id="life">入団資格</h3>
284 440 
             <ol>
285 441 
               <li id="access">年齢18歳以上の男女</li>
 
@@ -295,33 +451,51 @@
295 451 
               <li id="access">消防団活動に必要な訓練服等は貸与されます</li>
296 452 
             </ol>
297 453 
             <h3 id="life">入団方法</h3>
298 
-            　お住いの自治会の自治会長さん、消防友の会役員さんに連絡していただくか、役場総務危機管理課までご連絡ください。<br />
299 
-            <br />
454 
+            　お住いの自治会の自治会長さん、消防友の会役員さんに連絡していただくか、役場総務危機管理課までご連絡ください。<br/>
455 
+            <br/>
300 456 
             <ul class="paragraphT10">
301 457 
               <li><a
302 
-                  href="../../third/living/Application_fire_and_disaster_prevention.html">届出書のダウンロードページはこちら</a>です。入団の際にご利用ください。
458 
+                      href="../../third/living/Application_fire_and_disaster_prevention.html">届出書のダウンロードページはこちら</a>です。入団の際にご利用ください。
303 459 
               </li>
304 460 
             </ul>
305 
-            <br />
306 
-            <div style="display: block; text-align: center;"><img src="../../css/img/bousai_info.png" alt="総務危機管理課連絡先">
461 
+            <br/>
462 
+            <div style="display: block; text-align: center;" class="template_imageWrapper_mobile">
463 
+              <img src="../../css/img/bousai_info.png" alt="総務危機管理課連絡先" class="template_image_mobile">
307 464 
             </div>
308 465 
           </span>
309 
-        </article>
310 
-      </section>
311 
-    </div>
466 
+      </article>
467 
+    </section>
468 
+  </div>
312 469
313 
-    <footer>
314 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
315 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
316 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
317 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
318 
-      </p>
319 
-    </footer>
320 470
471 
+  <footer>
472 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
473 
+    <div class="footer_mobile">
474 
+      <div class="footer_mobile_title">
475 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
476 
+        <h1 class="footerMobile__text">北方町役場</h1>
477 
+      </div>
478 
+      <div class="footer_mobile_address">
479 
+                <span class="footerTextWrap__text">
480 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
481 
+                </span><br>
482 
+        電話:058-323-1111(代)<br>
483 
+        FAX:058-323-2963<br>
484 
+        開庁日：8時30分～17時15分<br>
485 
+        （土・日・祝日、年末年始を除く）<br>
486 
+      </div>
487 
+    </div>
488 
+    <br class="sp__brDisplay">
489 
+    <p class="footer_text">
490 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
491 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
492 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
493 
+    </p>
494 
+  </footer>
321 495
322 
-  </div>
323 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?About_fire_fighting"
324 
-    height="1" width="1" />
496 
+</div>
497 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?About_fire_fighting"
498 
+     height="1" width="1"/>
325 499 
 </body>
326 500
327 
-</html>
501 
+</html>

+ 306
- 136
third/emergency_and_disaster_information/Emergency_information.html ファイルの表示 

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

+ 273
- 103
third/emergency_and_disaster_information/Firefighting_team_cooperation_office.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,115 +10,267 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
20 
-  <script>
21 
-    getBackgNumber3();
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> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
38 
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
39 
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 
-          </div>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
41 117 
         </article>
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>-->
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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
51 135
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>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
56 167 
           </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>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
177 
+            </a>
63 178 
           </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>
179 
+        </div>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
80 187 
           </div>
81 
-        </article>
82 
-        <div id="claer">
83 188 
         </div>
84 
-      </div>
85 
-    </section>
86 
-    <!--ヘッダーデータ-->
87 
-    <header>
88 
-      <div id="header" class="gothic">
89 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
90 
-        <div id="h_block_1">
91 
-          <div class="h_line">
92 
-          </div>
93 
-          <article class="h_text_l">
94 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
-          </article>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
-          </article>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
104 
-          </article>
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
105 208 
         </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 
-          </article>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
119 270 
         </div>
120 271 
       </div>
121 
-    </header>
272 
+    </div>
273 
+  </header>
122 274
123 275 
     <div id="third_body">
124 276 
       <!--セクション space-->
 
@@ -224,17 +376,35 @@
224 376 
       </section>
225 377 
     </div>
226 378
227 
-    <footer>
228 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
229 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
230 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
231 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
232 
-    </footer>
233 379
380 
+  <footer>
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>
402 
+    </p>
403 
+  </footer>
234 404
235 405 
   </div>
236 406 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?About_fire_fighting"
237 407 
     height="1" width="1" />
238 408 
 </body>
239 409
240 
-</html>
410 
+</html>

+ 323
- 141
third/emergency_and_disaster_information/Gifu_disaster_prevention_check_date.html ファイルの表示 

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

+ 306
- 135
third/emergency_and_disaster_information/Hazard_map.html ファイルの表示 

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

+ 324
- 160
third/emergency_and_disaster_information/Regional_disaster_prevention.html ファイルの表示 

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

+ 314
- 144
third/emergency_and_disaster_information/Shelter_information.html ファイルの表示 

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

+ 272
- 109
third/emergency_and_disaster_information/Soil_toughened_area.html ファイルの表示 

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

+ 344
- 162
third/emergency_and_disaster_information/bousai_gyousei_musen.html ファイルの表示 

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

+ 318
- 148
third/emergency_and_disaster_information/emergency_and_disaster_information.html ファイルの表示 

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

+ 350
- 177
third/emergency_and_disaster_information/emergency_and_disaster_level.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,37 +10,49 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
20 
-  <script>
21 
-    getBackgNumber3();
22 
-  </script>
23 
-  <div id="main" class="gothic">
24 
-    <!--セクション 操作-->
25 
-    <section id="operation">
26 
-      <!--セクション 住所-->
27 
-      <article id="address">
28 
-        <address id="operation_add">
29 
-          北方町役場 〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地 TEL:058-323-1111(代)
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
38 
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
39 
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 
-          </div>
41 
-        </article>
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
44 56 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 57 
       <div id="charsize_img">
46 58 
       <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -49,103 +61,243 @@
49 61 
       </div>
50 62 
       </article>-->
51 63
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">
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
71 83 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
76 88 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 92 
         </div>
93 
+      </article>
94 
+      <div id="claer">
84 95 
       </div>
85 
-    </section>
86 
-    <!--ヘッダーデータ-->
87 
-    <header>
88 
-      <div id="header" class="gothic">
89 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
90 
-        <div id="h_block_1">
91 
-          <div class="h_line">
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
135 
+
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
177 
+            </a>
92 178 
           </div>
93 
-          <article class="h_text_l">
94 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
-          </article>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
-          </article>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
104 
-          </article>
105 179 
         </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 
-          </article>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
119 270 
         </div>
120 271 
       </div>
121 
-    </header>
272 
+    </div>
273 
+  </header>
122 274
123 
-    <div id="third_body">
124 
-      <!--セクション space-->
125 
-      <!--セクション template-->
126 
-      <section id="template">
127 
-        <article id="breadcrumb">
128 
-          <div id="breadcrumb_title">
129 
-            <div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
277 
+    <!--セクション template-->
278 
+    <section id="template">
279 
+      <article id="breadcrumb">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
130 282 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-                  href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>避難情報について</span>
132 
-            </div>
283 
+                      href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>避難情報について</span>
133 284 
           </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>
285 
+        </div>
286 
+      </article>
287 
+      <article id="template">
288 
+        <div id="template_title" class="gothic">
289 
+          <div id="template_title_block">
290 
+            <span id="template_title">避難情報について</span>
140 291 
           </div>
141 
-        </article>
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 
-          <span id="template_article_block">
292 
+        </div>
293 
+      </article>
294 
+      <article id="template_list_title">
295 
+        <!--          <div id="template_title2" class="gothic">-->
296 
+        <!--            <div id="template_title_block">-->
297 
+        <!--              <span id="template_title2"></span>-->
298 
+        <!--            </div>-->
299 
+        <!--          </div>-->
300 
+        <span id="template_article_block">
149 301 
           <span style="font-size: 20px">災害時の避難情報が変更されました！<br>
150 302 
 　         ―避難勧告は廃止です―</span><br><br>
151 303 
 
@@ -159,44 +311,44 @@
159 311 
 ※避難とは難を避けること、つまり安全を確保することです。安全な場所にいる人は、避難する必要はありません
160 312 
               </li>
161 313 
             </ul>
162 
-            <br />
163 
-            <br />
164 
-            警戒レベル表<br />
314 
+            <br/>
315 
+            <br/>
316 
+            警戒レベル表<br/>
165 317 
             <table cellspacing="0" border="0">
166 318 
               <colgroup width="285"></colgroup>
167 319 
               <colgroup width="347"></colgroup>
168 320 
               <colgroup width="660"></colgroup>
169 321 
               <tr>
170 322 
                 <td
171 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
172 
-                  height="23" align="justify" valign=middle>
323 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
324 
+                        height="23" align="justify" valign=middle>
173 325 
                   警戒レベル
174 326 
                 </td>
175 327 
                 <td
176 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
177 
-                  align="justify" valign=middle>
328 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
329 
+                        align="justify" valign=middle>
178 330 
                   避難行動
179 331 
                 </td>
180 332 
                 <td
181 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
182 
-                  align="justify" valign=middle>
333 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
334 
+                        align="justify" valign=middle>
183 335 
                   避難情報等
184 336 
                 </td>
185 337 
               </tr>
186 338 
               <tr>
187 339 
                 <td
188 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
189 
-                  height="80" align="center" valign=middle bgcolor="#0c000c">
340 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
341 
+                        height="80" align="center" valign=middle bgcolor="#0c000c">
190 342 
                   <span style="color: white;">５</span>
191 343 
                 </td>
192 344 
                 <td
193 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
194 
-                  align="justify" valign=middle bgcolor="#0c000c">
345 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
346 
+                        align="justify" valign=middle bgcolor="#0c000c">
195 347 
                   <span style="color: white;">緊急安全確保</span>
196 348 
                 </td>
197 349 
                 <td
198 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
199 
-                  align="left" valign=middle bgcolor="#0c000c">
350 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
351 
+                        align="left" valign=middle bgcolor="#0c000c">
200 352 
                   <span style="color: white;">
201 353 
                     既に安全な避難ができず、命が危険な状況。発令を待ってはいけません！
202 354 
                   </span>
 
@@ -204,35 +356,35 @@
204 356 
               </tr>
205 357 
               <tr>
206 358 
                 <td
207 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
208 
-                  height="80" align="center" valign=middle bgcolor="#aa00aa">
359 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
360 
+                        height="80" align="center" valign=middle bgcolor="#aa00aa">
209 361 
                   <span style="color: white;">４</span>
210 362 
                 </td>
211 363 
                 <td
212 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
213 
-                  align="justify" valign=middle bgcolor="#aa00aa">
214 
-                  <span style="color: white;">避難指示</span><br />
364 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
365 
+                        align="justify" valign=middle bgcolor="#aa00aa">
366 
+                  <span style="color: white;">避難指示</span><br/>
215 367 
                   </td>
216 368 
                 <td
217 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
218 
-                  align="justify" valign=middle bgcolor="#aa00aa">
369 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
370 
+                        align="justify" valign=middle bgcolor="#aa00aa">
219 371 
                   <span style="color: white;">危険な場所から全員避難！</span>
220 372 
                 </td>
221 373 
               </tr>
222 374 
               <tr>
223 375 
                 <td
224 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
225 
-                  height="80" align="center" valign=middle bgcolor="#ff2800">
376 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
377 
+                        height="80" align="center" valign=middle bgcolor="#ff2800">
226 378 
                   <span style="color: white;">３</span>
227 379 
                 </td>
228 380 
                 <td
229 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
230 
-                  align="justify" valign=middle bgcolor="#ff2800">
231 
-                  <span style="color: white;">高齢者等避難</span><br />
381 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
382 
+                        align="justify" valign=middle bgcolor="#ff2800">
383 
+                  <span style="color: white;">高齢者等避難</span><br/>
232 384 
                 </td>
233 385 
                 <td
234 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
235 
-                  align="justify" valign=middle bgcolor="#ff2800">
386 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
387 
+                        align="justify" valign=middle bgcolor="#ff2800">
236 388 
                   <span style="color: white;">
237 389 
                     避難に時間がかかる人（高齢者や障がいのある人）は危険な場所から避難！<br>
238 390 
 その他の人は避難の準備や危険を感じたら自主避難
 
@@ -241,75 +393,96 @@
241 393 
               </tr>
242 394 
               <tr>
243 395 
                 <td
244 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
245 
-                  height="69" align="center" valign=middle bgcolor="#f2e700">
396 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
397 
+                        height="69" align="center" valign=middle bgcolor="#f2e700">
246 398 
                   ２
247 399 
                 </td>
248 400 
                 <td
249 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
250 
-                  align="justify" valign=middle bgcolor="#f2e700">
401 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
402 
+                        align="justify" valign=middle bgcolor="#f2e700">
251 403 
                   大雨・洪水・高潮注意報<br>（気象庁）
252 404 
                 </td>
253 405 
                 <td
254 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
255 
-                  align="justify" valign=middle bgcolor="#f2e700">
406 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
407 
+                        align="justify" valign=middle bgcolor="#f2e700">
256 408 
                   避難に備え、ハザードマップを確認したりして、自らの避難行動を確認
257 409 
                 </td>
258 410 
               </tr>
259 411 
               <tr>
260 412 
                 <td
261 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
262 
-                  height="46" align="center" valign=middle>
413 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-weight: 600"
414 
+                        height="46" align="center" valign=middle>
263 415 
                   １
264 416 
                 </td>
265 417 
                 <td
266 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
267 
-                  align="justify" valign=middle>
418 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
419 
+                        align="justify" valign=middle>
268 420 
                   早期注意情報<br>（気象庁）
269 421 
                 </td>
270 422 
                 <td
271 
-                  style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
272 
-                  align="justify" valign=middle>
423 
+                        style="border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c"
424 
+                        align="justify" valign=middle>
273 425 
                   災害への心構えを高める
274 426 
                 </td>
275 427 
               </tr>
276 428 
             </table>
277 
-            <br />
429 
+            <br/>
278 430 
             <a href="../../css/pdf/new_evacuation_information.pdf" target="_blank">新たな避難情報に関するチラシ（PDF）</a>
279 
-                        <br />
280 
-            <a href="../../css/pdf/new_evacuation_information.pdf" target="_blank"><img style="width: 25%; height: auto" src="../../css/img/new_evacuation_information_1.jpg" alt=""></a>
281 
-            <a href="../../css/pdf/new_evacuation_information.pdf" target="_blank"><img style="width: 25%; height: auto" src="../../css/img/new_evacuation_information_2.jpg" alt=""></a>
282 
-                        <br /><br />
283 
-            　分散避難にご協力を<br />
431 
+                        <br/>
432 
+            <a href="../../css/pdf/new_evacuation_information.pdf" target="_blank"><img style="width: 25%; height: auto"
433 
+                                                                                        src="../../css/img/new_evacuation_information_1.jpg"
434 
+                                                                                        alt=""></a>
435 
+            <a href="../../css/pdf/new_evacuation_information.pdf" target="_blank"><img style="width: 25%; height: auto"
436 
+                                                                                        src="../../css/img/new_evacuation_information_2.jpg"
437 
+                                                                                        alt=""></a>
438 
+                        <br/><br/>
439 
+            　分散避難にご協力を<br/>
284 440 
 　避難情報が発令されたときは、多くの方の避難が予想されます。町の避難所へ避難することだけが「避難」ではありません。
285 441 
             親戚や友人の家等、避難所以外の避難も検討しておきましょう。
286 442
287 
-<!--            <a href="http://www.bousai.go.jp/oukyu/hinankankoku/pdf/guideline_kaitei.pdf"-->
288 
-<!--              target="_blank">避難勧告等に関するガイドラインの改定（警戒レベルの運用等について）</a><br />-->
443 
+          <!--            <a href="http://www.bousai.go.jp/oukyu/hinankankoku/pdf/guideline_kaitei.pdf"-->
444 
+          <!--              target="_blank">避難勧告等に関するガイドラインの改定（警戒レベルの運用等について）</a><br />-->
289 445
290 
-<!--            <br />-->
291 
-<!--            <a href="http://www.bousai.go.jp/oukyu/hinankankoku/h30_hinankankoku_guideline/pdf/keikai_level_chirashi.pdf"-->
292 
-<!--              target="_blank">警戒レベルの運用について（内閣府作成チラシ）</a><br />-->
446 
+          <!--            <br />-->
447 
+          <!--            <a href="http://www.bousai.go.jp/oukyu/hinankankoku/h30_hinankankoku_guideline/pdf/keikai_level_chirashi.pdf"-->
448 
+          <!--              target="_blank">警戒レベルの運用について（内閣府作成チラシ）</a><br />-->
293 449
294 450
295 451 
           </span>
296 
-        </article>
452 
+      </article>
297 453
298 
-      </section>
299 
-    </div>
454 
+    </section>
455 
+  </div>
300 456
301 
-    <footer>
302 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
303 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
304 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
305 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
306 
-      </p>
307 
-    </footer>
308 457
458 
+  <footer>
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>
480 
+    </p>
481 
+  </footer>
309 482
310 
-  </div>
311 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Shelter_information"
312 
-    height="1" width="1" />
483 
+</div>
484 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Shelter_information"
485 
+     height="1" width="1"/>
313 486 
 </body>
314 487
315 488 
 </html>

+ 303
- 133
third/emergency_and_disaster_information/refugee_card.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,161 +10,331 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
20 
-  <script>
21 
-    getBackgNumber3();
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> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
38 
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
39 
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 
-          </div>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
41 108 
         </article>
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>-->
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
51 135
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>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
56 167 
           </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>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
177 
+            </a>
63 178 
           </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>
179 
+        </div>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
80 187 
           </div>
81 
-        </article>
82 
-        <div id="claer">
83 188 
         </div>
84 
-      </div>
85 
-    </section>
86 
-    <!--ヘッダーデータ-->
87 
-    <header>
88 
-      <div id="header" class="gothic">
89 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
90 
-        <div id="h_block_1">
91 
-          <div class="h_line">
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
92 269 
           </div>
93 
-          <article class="h_text_l">
94 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
-          </article>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
-          </article>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../../second/business.html"><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"><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 
-          </article>
119 270 
         </div>
120 271 
       </div>
121 
-    </header>
272 
+    </div>
273 
+  </header>
122 274
123 
-    <div id="third_body">
124 
-      <!--セクション space-->
125 
-      <!--セクション template-->
126 
-      <section id="template">
127 
-        <article id="breadcrumb">
128 
-          <div id="breadcrumb_title">
129 
-            <div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
277 
+    <!--セクション template-->
278 
+    <section id="template">
279 
+      <article id="breadcrumb">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
130 282 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-                  href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>避難者カード・健康状態チェックカードについて</span>
132 
-            </div>
283 
+                      href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>避難者カード・健康状態チェックカードについて</span>
133 284 
           </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>
285 
+        </div>
286 
+      </article>
287 
+      <article id="template_2lins">
288 
+        <div id="template_title_2lins" class="gothic">
289 
+          <div id="template_title_block_2lins">
290 
+            <span id="template_title_2lins">避難者カード・健康状態チェックカードについて</span>
140 291 
           </div>
141 
-          <span id="template_article_block">
142 
-            災害時等に開設する避難所では、「3つの密（密閉・密集・密接）」が重なりやすく、新型コロナウイルス等の感染リスクが高くなると考えられています。当町におきましても、密集・密接を避けるためにスペースの確保や換気等対策を進めてまいりますが、皆様も備えや災害時の避難行動についてもう一度考えてみましょう。<br />
143 
-            <br />
144 
-            ⑴災害時には、避難所へ行くことだけが避難ではありません。在宅避難や親せき・知人宅への避難も選択肢です。自宅等の安全が確認できる場合は、自宅に留まることも考えましょう。<br />
145 
-            ⑵避難所へ避難する場合は、可能な限りマスクや消毒液、体温計、ウェットティッシュ等を持参しましょう。また、受付時の密を避けるため、「避難者カード」と「健康状態チェックカード」を前もって記入してから避難しましょう。<br />
146 
-            ⑶避難所では、プライバシーの確保が難しくなりがちです。ワンタッチテント等の保持を検討してみてはいかがでしょうか。<br />
147 
-            <br />
292 
+        </div>
293 
+        <span id="template_article_block">
294 
+            災害時等に開設する避難所では、「3つの密（密閉・密集・密接）」が重なりやすく、新型コロナウイルス等の感染リスクが高くなると考えられています。当町におきましても、密集・密接を避けるためにスペースの確保や換気等対策を進めてまいりますが、皆様も備えや災害時の避難行動についてもう一度考えてみましょう。<br/>
295 
+            <br/>
296 
+            ⑴災害時には、避難所へ行くことだけが避難ではありません。在宅避難や親せき・知人宅への避難も選択肢です。自宅等の安全が確認できる場合は、自宅に留まることも考えましょう。<br/>
297 
+            ⑵避難所へ避難する場合は、可能な限りマスクや消毒液、体温計、ウェットティッシュ等を持参しましょう。また、受付時の密を避けるため、「避難者カード」と「健康状態チェックカード」を前もって記入してから避難しましょう。<br/>
298 
+            ⑶避難所では、プライバシーの確保が難しくなりがちです。ワンタッチテント等の保持を検討してみてはいかがでしょうか。<br/>
299 
+            <br/>
148 300 
             ○<a href="../../fourth/emergency_and_disaster_information/pdf/refugee_card.pdf"
149 
-              target="_blank">避難者カード（PDF）</a><br />
301 
+                target="_blank">避難者カード（PDF）</a><br/>
150 302 
             ○<a href="../../fourth/emergency_and_disaster_information/pdf/health_check_card.pdf"
151 
-              target="_blank">健康状態チェックカード（PDF）</a><br />
303 
+                target="_blank">健康状態チェックカード（PDF）</a><br/>
152 304 
           </span>
153 
-        </article>
154 
-      </section>
155 
-    </div>
305 
+      </article>
306 
+    </section>
307 
+  </div>
156 308
157 
-    <footer>
158 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
159 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
160 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
161 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
162 
-    </footer>
163 309
310 
+  <footer>
311 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
312 
+    <div class="footer_mobile">
313 
+      <div class="footer_mobile_title">
314 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
315 
+        <h1 class="footerMobile__text">北方町役場</h1>
316 
+      </div>
317 
+      <div class="footer_mobile_address">
318 
+                <span class="footerTextWrap__text">
319 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
320 
+                </span><br>
321 
+        電話:058-323-1111(代)<br>
322 
+        FAX:058-323-2963<br>
323 
+        開庁日：8時30分～17時15分<br>
324 
+        （土・日・祝日、年末年始を除く）<br>
325 
+      </div>
326 
+    </div>
327 
+    <br class="sp__brDisplay">
328 
+    <p class="footer_text">
329 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
330 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
331 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
332 
+    </p>
333 
+  </footer>
164 334
165 
-  </div>
166 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Hazard_map" height="1"
167 
-    width="1" />
335 
+</div>
336 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Hazard_map" height="1"
337 
+     width="1"/>
168 338 
 </body>
169 339
170 
-</html>
340 
+</html>

+ 344
- 162
third/emergency_and_disaster_information/syoubou_kouikika.html ファイルの表示 

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

+ 337
- 171
third/emergency_and_disaster_information/teiden_jyouhou.html ファイルの表示 

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

+ 331
- 165
third/emergency_and_disaster_information/yahoo_app.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,200 +10,366 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.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/third_template_mobile.css">
14 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
15 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 21 
 </head>
18 22
19 23 
 <body id="back">
20 
-  <script>
21 
-    getBackgNumber3();
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> TEL:058-323-1111(代)</span>
30 
-        </address>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
31 53 
       </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 type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
38 
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
39 
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 
-          </div>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
41 108 
         </article>
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>-->
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
51 135
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>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
56 167 
           </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>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </div>
176 
+              </div>
177 
+            </a>
63 178 
           </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>
179 
+        </div>
180 
+        <div class="h-menu_main_block">
181 
+          <div class="h-menu_block">
182 
+            <a href="../../second/business.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>
80 187 
           </div>
81 
-        </article>
82 
-        <div id="claer">
83 188 
         </div>
84 
-      </div>
85 
-    </section>
86 
-    <!--ヘッダーデータ-->
87 
-    <header>
88 
-      <div id="header" class="gothic">
89 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
90 
-        <div id="h_block_1">
91 
-          <div class="h_line">
189 
+        <div class="h-menu_main_block">
190 
+          <div class="h-menu_block">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
92 269 
           </div>
93 
-          <article class="h_text_l">
94 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
-          </article>
96 
-          <article class="h_text_l">
97 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
-          </article>
99 
-          <article class="h_text_l">
100 
-            <a class="h_link" href="../../second/business.html"><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"><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 
-          </article>
119 270 
         </div>
120 271 
       </div>
121 
-    </header>
272 
+    </div>
273 
+  </header>
122 274
123 
-    <div id="third_body">
124 
-      <!--セクション space-->
125 
-      <!--セクション template-->
126 
-      <section id="template">
127 
-        <article id="breadcrumb">
128 
-          <div id="breadcrumb_title">
129 
-            <div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <!--セクション space-->
277 
+    <!--セクション template-->
278 
+    <section id="template">
279 
+      <article id="breadcrumb">
280 
+        <div id="breadcrumb_title">
281 
+          <div id="breadcrumb_title_block">
130 282 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-                  href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>ヤフー株式会社と「災害に係る情報発信等に関する協定」を締結しました</span>
132 
-            </div>
283 
+                      href="../../third/emergency_and_disaster_information/emergency_and_disaster_information.html">緊急・災害情報</a>>ヤフー株式会社と「災害に係る情報発信等に関する協定」を締結しました</span>
133 284 
           </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>
285 
+        </div>
286 
+      </article>
287 
+      <article id="template_2lins">
288 
+        <div id="template_title_2lins" class="gothic">
289 
+          <div id="template_title_block_2lins">
290 
+            <span id="template_title_2lins">ヤフー株式会社と「災害に係る情報発信等に関する協定」を締結しました</span>
140 291 
           </div>
141 
-          <span id="template_article_block">
142 
-            災 害 発 生 時 に 迅 速 な 情 報 提 供 を 行 い ま す !
292 
+        </div>
293 
+        <span id="template_article_block">
294 
+          災害発生時に迅速な情報提供を行います!
143 295 
           </span>
144 
-        </article>
145 
-        <article id="template_list_title">
296 
+      </article>
297 
+      <article id="template_list_title">
146 298 
           <span id="template_article_block">
147 
-            町 で は 、 災 害 発 生 時 に 町 民 に 対 し て 必 要 な 情 報 を 迅 速<br />
148 
-            に 提 供 し 、 か つ 、 行 政 機 能 の 低 下 を 軽 減 す る た め 、 ヤ フ<br />
149 
-            ー 株 式 会 社 と 「 災 害 に 係 る 情 報 発 信 等 に 関 す る 協 定 」 を<br />
150 
-            締 結 し ま し た 。<br />
151 
-            今 後 は 災 害 時 に お い て 、 ア ク セ ス 集 中 に よ る 町 ホ ー ム<br />
152 
-            ペ ー ジ が 閲 覧 で き な い 状 態 を 回 避 す る と と も に 、 ヤ フ ー<br />
153 
-            サ イ ト 上 に 防 災 情 報 の 掲 載 や 「 Ya h o o ! 防 災 速 報 」 ア プ リ<br />
154 
-            を 通 じ て 緊 急 情 報 を 配 信 す る 予 定 で す 。<br />
155 
-            ご 自 身 や ご 家 族 の 安 全 を 守 る た め に も 、 パ ソ コ ン や 携<br />
156 
-            帯 電 話 、 ス マ ー ト フ ォ ン を お 持 ち の 方 は ダ ウ ン ロ ー ド し<br />
157 
-            て 、 ご 利 用 く だ さ い 。<br />
299 
+           町では、災害発生時に町民に対して必要な情報を迅速に提供し、かつ、行政機能の低下を軽減するため、
300 
+            ヤフー株式会社と「災害に係る情報発信等に関する協定」を締結しました。<br/>
301 
+            今後は災害時において、アクセス集中による町ホームページが閲覧できない状態を回避するとともに、
302 
+            ヤフーサイト上に防災情報の掲載や「Yahoo!防災速報」アプリを通じて緊急情報を配信する予定です。<br/>
303 
+            ご自身やご家族の安全を守るためにも、
304 
+            パソコンや携帯電話、スマートフォンをお持ちの方はダウンロードして、ご利用ください。<br/>
305 
+
158 306 
             <p style="margin-top: 10px; margin-left: 5px; padding: 5px; border: 1px solid #000000;">
159 
-              「 Ya h o o ! 防 災 速 報 」 と は ?<br />
160 
-              ヤ フ ー 株 式 会 社 が 提 供 す る 緊 急 地 震 速 報 や 豪 雨 予 測 な ど<br />
161 
-              を お 知 ら せ す る サ ー ビ ス で す 。<img src="../../css/img/yahoo_app_1.png" width="10%" />
307 
+              「Yahoo!防災速報」とは?<br/>
308 
+              ヤフー株式会社が提供する緊急地震速報や豪雨予測などをお知らせするサービスです。</br>
309 
+              <img src="../../css/img/yahoo_app_1.png" width="10%"/>
162 310 
             </p>
163 
-            <img src="../../css/img/yahoo_app_2.png" width="100%" /><br />
164 
-            <br />
165 
-            ※ 二 次 元 コ ー ド か ら 登 録 で き ま す 。<br />
166 
-            <div style="width: 325px; height:120px; float: left;"><img src="../../css/img/yahoo_app_3.png"
167 
-                style="padding-left: 100px;"><br />
168 
-              <p style="text-align:center;">IOS 端 末 は こ ち ら</p>
311 
+            <img src="../../css/img/yahoo_app_2.png" width="100%"/><br/>
312 
+            <br/>
313 
+            ※二次元コードから登録できます。<br/>
314 
+            <div style="width: 325px; height:140px; float: left;">
315 
+              <img src="../../css/img/yahoo_app_3.png" style="padding-left: 100px;"><br/>
316 
+              <p style="text-align:center;">IOS端末はこちら</p>
169 317 
             </div>
170 
-            <div style="width: 325px; height:120px; float: right;"><img src="../../css/img/yahoo_app_4.png"
171 
-                style="padding-left: 100px;"><br />
172 
-              <p style="text-align:center;">Android 端 末 は こ ち ら</p>
318 
+            <div style="width: 325px; height:120px; float: right;">
319 
+              <img src="../../css/img/yahoo_app_4.png" style="padding-left: 100px;"><br/>
320 
+              <p style="text-align:center;">Android端末はこちら</p>
173 321 
             </div>
174 322 
             <div style="clear:both;"></div>
175 
-            <br />
176 
-            <br />
177 
-            <br />
178 
-            「 Ya h o o ! 防 災 速 報 ア プ リ 」 設 定 ガ イ ド<br />
179 
-            <img src="../../css/img/yahoo_app_5.png" width="100%" />
323 
+            <br/>
324 
+            <br/>
325 
+            <br/>
326 
+            「Yahoo!防災速報アプリ」設定ガイド<br/>
327 
+            <img src="../../css/img/yahoo_app_5.png" width="100%"/>
180 328 
           </span>
181 
-        </article>
182 
-        <article id="template_list_title">
183 
-          <div id="template_title2" class="gothic">
184 
-            <div id="template_title_block">
185 
-              <span id="template_title2">○ 問 い 合 わ せ</span>
186 
-            </div>
329 
+      </article>
330 
+      <article id="template_list_title">
331 
+        <div id="template_title2" class="gothic">
332 
+          <div id="template_title_block">
333 
+            <span id="template_title2">お問い合わせ</span>
187 334 
           </div>
188 
-          <span id="template_article_block">
189 
-            総 務 危 機 管 理 課
190 
-            ☎ 3 2 3 - 1 1 1 1
335 
+        </div>
336 
+        <span id="template_article_block">
337 
+          総務危機管理課
338 
+          ☎323-1111
191 339 
           </span>
192 
-        </article>
193 
-      </section>
194 
-    </div>
340 
+      </article>
341 
+    </section>
342 
+  </div>
195 343
196 
-    <footer>
197 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><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>
201 
-    </footer>
202 344
345 
+  <footer>
346 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
347 
+    <div class="footer_mobile">
348 
+      <div class="footer_mobile_title">
349 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
350 
+        <h1 class="footerMobile__text">北方町役場</h1>
351 
+      </div>
352 
+      <div class="footer_mobile_address">
353 
+                <span class="footerTextWrap__text">
354 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
355 
+                </span><br>
356 
+        電話:058-323-1111(代)<br>
357 
+        FAX:058-323-2963<br>
358 
+        開庁日：8時30分～17時15分<br>
359 
+        （土・日・祝日、年末年始を除く）<br>
360 
+      </div>
361 
+    </div>
362 
+    <br class="sp__brDisplay">
363 
+    <p class="footer_text">
364 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
365 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
366 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
367 
+    </p>
368 
+  </footer>
203 369
204 
-  </div>
205 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Hazard_map" height="1"
206 
-    width="1" />
370 
+</div>
371 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Hazard_map" height="1"
372 
+     width="1"/>
207 373 
 </body>
208 374
209 
-</html>
375 
+</html>

+ 349
- 183
third/introduction_of_northern_town/Access_to_the_town.html ファイルの表示 

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

+ 357
- 181
third/introduction_of_northern_town/Overview_of_the_city.html ファイルの表示 

@@ -1,192 +1,348 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.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 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_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 25 
 <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="setBackground3(1)">
32 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
34 
-</div>
35 
-<script>
36 
-getBackgNumber3();
37 
-</script>
38 
-</article>
26 
+  <!--セクション 操作-->
27 
+  <section id="operation">
28 
+    <!--セクション 住所-->
29 
+    <article id="address">
30 
+      <address id="operation_add">
31 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
32 
+      </address>
33 
+    </article>
34 
+    <div id="controle_panel">
35 
+      <!--セクション 背景色-->
36 
+      <article id="bgcolor">
37 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
38 
+        <div id="bgcolor_img">
39 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
40 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
41 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
42 
+        </div>
43 
+        <script>
44 
+            getBackgNumber3();
45 
+        </script>
46 
+      </article>
39 47
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>-->
48 
+      <!--セクション 文字サイズ-->
49 
+      <!--<article id="charsize" >
50 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
51 
+      <div id="charsize_img">
52 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
53 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
54 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
55 
+      </div>
56 
+      </article>-->
49 57
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>
58 
+      <!--セクション サイトマップ-->
59 
+      <article id="sitemap">
60 
+        <div id="sitemap_img">
61 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></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"><img
68 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション 翻訳-->
72 
+      <article id="translation">
73 
+        <div id="translation_img">
74 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
+          <div id="google_translate_element"></div>
76 
+          <script type="text/javascript">
77 
+              function googleTranslateElementInit() {
78 
+                  new google.translate.TranslateElement({
79 
+                      pageLanguage: 'ja',
80 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
81 
+                  }, 'google_translate_element');
82 
+              }
83 
+          </script>
84 
+          <script type="text/javascript"
85 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
86 
+        </div>
87 
+      </article>
88 
+      <div id="claer">
89 
+      </div>
90 
+    </div>
91 
+  </section>
92 
+
93 
+  <!--ヘッダーデータ-->
94 
+  <header>
95 
+    <div id="header" class="gothic">
96 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></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"><span class="h_text">くらしの情報</span></a>
102 
+        </article>
103 
+        <article class="h_text_l">
104 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
+        </article>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/business.html"><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"><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>
125 
+        </article>
126 
+      </div>
127 
+    </div>
128 
+  </header>
79 129
80 
-			<!--ヘッダーデータ-->
81 
-			<header>
82 
-				<div id="header" class="gothic">
83 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
84 
-					<div id="h_block_1">
85 
-						<div class="h_line">
86 
-						</div>
87 
-						<article class="h_text_l">
88 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
89 
-						</article>
90 
-						<article class="h_text_l">
91 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
92 
-						</article>
93 
-						<article class="h_text_l">
94 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
95 
-						</article>
96 
-						<article class="h_text_l">
97 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
98 
-						</article>
99 
-					</div>
100 
-					<div id="h_block_search">
101 
-						<div class="h_line"></div>
102 
-						<article class="h_search">
103 
-			                    	<div class="space10"></div>
104 
-			                    	<form action="http://www.google.com/search">
105 
-				                        <input type="hidden" name="hl" value="ja" />
106 
-				                        <input type="hidden" name="ie" value="UTF-8">
107 
-				                        <input type="hidden" name="oe" value="UTF-8">
108 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
109 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
110 
-				                        <input type="submit" name="btnG" value="検索" />
111 
-			                        </form>
112 
-						</article>
113 
-					</div>
114 
-				</div>
115 
-			</header>
130 
+  <!-- mobile header -->
131 
+  <header class="header">
132 
+    <div class="headerLogo">
133 
+      <a href="../../index.html" class="header_link">
134 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt=""></a>
135 
+    </div>
136 
+    <div class="headerTitle">
137 
+      <a href="../../index.html" class="header_link">
138 
+        <h1 class="headerTitle__text">北方町</h1>
139 
+      </a>
140 
+    </div>
141 
+    <div class="headerSubTitle">
142 
+      <a href="../../index.html" class="header_link">
143 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
144 
+      </a>
145 
+    </div>
146 
+    <div id="h-menu">
147 
+      <span></span>
148 
+      <span></span>
149 
+      <span></span>
150 
+      <div id="h-text">menu</div>
151 
+    </div>
152 
+    <div id="h-nav">
153 
+      <div class="h-menu_main_block_top">
154 
+        <div class="h-menu_main_block">
155 
+          <div class="h-menu_block">
156 
+            <a href="../../second/living.html">
157 
+              <div class="h-menu_block_text h-menu_block_before">
158 
+                <div class="h-menu_block_text_center">くらしの情報</div>
159 
+              </div>
160 
+            </a>
161 
+          </div>
162 
+        </div>
163 
+        <div class="h-menu_main_block">
164 
+          <div class="h-menu_block">
165 
+            <a href="../../second/tourism.html">
166 
+              <div class="h-menu_block_text h-menu_block_before">
167 
+                <div class="h-menu_block_text_center">
168 
+                  観光
169 
+                </div>
170 
+              </div>
171 
+            </a>
172 
+          </div>
173 
+        </div>
174 
+        <div class="h-menu_main_block">
175 
+          <div class="h-menu_block">
176 
+            <a href="../../second/business.html">
177 
+              <div class="h-menu_block_text h-menu_block_before">
178 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
179 
+              </div>
180 
+            </a>
181 
+          </div>
182 
+        </div>
183 
+        <div class="h-menu_main_block">
184 
+          <div class="h-menu_block">
185 
+            <a href="../../second/town_admini_info.html">
186 
+              <div class="h-menu_block_text h-menu_block_before">
187 
+                <div class="h-menu_block_text_center">町政情報</div>
188 
+              </div>
189 
+            </a>
190 
+          </div>
191 
+        </div>
192 
+        <div class="h-menu_main_block">
193 
+          <div class="h-menu_block h-menu_block_before">
194 
+            <a href="../../second/sitemap.html">
195 
+              <div class="h-menu_block_text h-menu_block_before">
196 
+                <div class="h-menu_block_text_center">
197 
+                  サイトマップ
198 
+                </div>
199 
+              </div>
200 
+            </a>
201 
+          </div>
202 
+        </div>
203 
+        <div class="h-menu_main_block">
204 
+          <div class="h-menu_block h-menu_block_before">
205 
+            <a href="https://ai-staff.net/kitagata/chat">
206 
+              <div class="h-menu_block_text  h-menu_block_before">
207 
+                <div class="h-menu_block_text_center">
208 
+                  AIチャット
209 
+                </div>
210 
+              </div>
211 
+            </a>
212 
+          </div>
213 
+        </div>
214 
+        <div class="h-menu_main_block">
215 
+          <div class="h-menu_block h-menu_block_before">
216 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
217 
+              <div class="h-menu_block_text">
218 
+                <div class="h-menu_block_text_center">
219 
+                  お問い合わせ一覧
220 
+                </div>
221 
+              </div>
222 
+            </a>
223 
+          </div>
224 
+        </div>
225 
+        <div class="h-menu_main_block">
226 
+          <div class="h-menu_lang">
227 
+            <div class="h-menu_block_lang">
228 
+              <div class="h-menu_block_text_center">
229 
+                <div class="h-menu_block_text_line">
230 
+                  背景変更
231 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
232 
+                  </div>
233 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
234 
+                  </div>
235 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
236 
+                  </div>
237 
+                </div>
238 
+                <script>
239 
+                    getBackgNumber2();
240 
+                </script>
241 
+                <div class="h-menu_block_text_line">言語選択
242 
+                  <div class="mobile_translation">
243 
+                    <div id="google_translate_element"></div>
244 
+                  </div>
245 
+                </div>
246 
+              </div>
247 
+            </div>
248 
+          </div>
249 
+        </div>
250 
+        <div class="h-menu_main_block">
251 
+          <div class="h-menu_search">
252 
+            <div class="h-menu_block_search">
253 
+              <form action="https://www.google.com/search">
254 
+                <input type="hidden" name="hl" value="ja"/>
255 
+                <input type="hidden" name="ie" value="UTF-8">
256 
+                <input type="hidden" name="oe" value="UTF-8">
257 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
258 
+                <input type="text" name="q" size="16" maxlength="256" value=""
259 
+                       class="mobile_form_input"/>
260 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
261 
+              </form>
262 
+            </div>
263 
+          </div>
264 
+        </div>
265 
+      </div>
266 
+    </div>
267 
+  </header>
116 268
117 
-			<div id="third_body">
118 
-				<!--セクション space-->
269 
+  <div id="third_body">
270 
+    <!--セクション space-->
119 271
120 
-				<!--セクション template-->
121 
-				<section id="template" >
122 
-					<article id="breadcrumb" >
123 
-						<div id="breadcrumb_title">
124 
-							<div id="breadcrumb_title_block">
125 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>>北方町の紹介>町の概要</span>
126 
-							</div>
127 
-						</div>
128 
-					</article>
129 
-					<article id="template" >
130 
-						<div id="template_title" class="gothic">
131 
-							<div id="template_title_block">
132 
-								<span id="template_title">町の概要</span>
133 
-							</div>
134 
-						</div>
135 
-					</article>
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
277 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>>北方町の紹介>町の概要</span>
278 
+          </div>
279 
+        </div>
280 
+      </article>
281 
+      <article id="template">
282 
+        <div id="template_title" class="gothic">
283 
+          <div id="template_title_block">
284 
+            <span id="template_title">町の概要</span>
285 
+          </div>
286 
+        </div>
287 
+      </article>
136 288
137 
-                    <!-- 小見出しから内容までのひとまとまりここから-->
138 
-					<article id="template_list_title" >
139 
-						<div id="template_title2" class="gothic">
140 
-							<div id="template_title_block">
141 
-								<span id="template_title2">まちのすがた</span>
142 
-							</div>
143 
-						</div>
144 
-						<span id="template_article_block">
289 
+      <!-- 小見出しから内容までのひとまとまりここから-->
290 
+      <article id="template_list_title">
291 
+        <div id="template_title2" class="gothic">
292 
+          <div id="template_title_block">
293 
+            <span id="template_title2">まちのすがた</span>
294 
+          </div>
295 
+        </div>
296 
+        <span id="template_article_block">
145 297 
     <p class="paragraphT5">　本町は、岐阜県の南西部、濃尾平野の北部に位置し、東に岐阜市、北西に本巣市、南に瑞穂市へと隣接しています。そして、東西 1.85キロメートル、南北4.2キロメートル、面積5.18平方キロメートルと町全体が南北に細長くなっており、町の中には一級河川の天王川、糸貫川と普通河川の長谷川等の河川が南北に流れています。</p>
146 298 
     <p class="paragraphT5">　本町は、明治22年の町村制の実施にともない北方町としてスタートして以来、約120年を経過しています。また、古き伝統に育まれた歴史や文化の町として、木造聖観音立像や木造不動明王立像、円鏡寺の楼門等、貴重な文化財も多く残され、これらは、国の指定重要文化財として円鏡寺に奉納されています。</p>
147 299 
     <p class="paragraphT5">　これらの古きよき伝統や文化などを守りながら、土地区画整理事業及び土地改良事業により土地の形態や、生活の根幹となる都市計画道路・公園等を整備するとともに、教育や社会福祉をはじめとする町民の住環境の整備を積極的に推進したことにより、人口密度が県下有数となっています。</p>
148 300 
     <p class="paragraphT5">　また、交通の面においては、樽見鉄道、岐阜バス3路線、国道157号、主要地方道北方・多度線、岐阜・関ケ原線がそれぞれ岐阜市方面あるいは大垣市方面へと結ばれており、これらの交通を利用して岐阜市中心部まで20分以内、大垣市へ30分以内、名古屋市まで60分内外で到達することができます。このようによい立地条件からも、名古屋市をはじめとする中京圏の住宅都市に位置付けられています。</p>
149 301 
     <p class="paragraphT5">　そして、行政、経済、教育、文化、商業等にわたり、旧本巣郡内の拠点的な役割を果たし発展を遂げてきました。また、昭和47年に設定された岐阜地域広域市町村圏計画においては、西部地域における経済的交流地域の商業拠点都市として位置づけられています。今後はさらに地域社会の中心性を高めるため北方町としての主体性を堅持し、近隣市町との広域的、共同的な交流を図りながら、中核都市機能の充実を図っていきます。</p>
150 302 
 						</span>
151 
-					</article>
152 
-					<article id="template_list_title" >
153 
-						<div id="template_title2" class="gothic">
154 
-							<div id="template_title_block">
155 
-								<span id="template_title2">まちの花（スイセン）</span>
156 
-							</div>
157 
-						</div>
158 
-						<span id="template_article_block">
159 
-    <p class="paragraphT5"><img src="../../fourth/townguide/images/img_flower.jpg" alt="岐阜県北方町の花　すいせん" name="left" width="120" height="120" id="left" />　ヒガンバナ科の球根草。早春の花で香り高く、伸びゆく町、文化の町にふさわしいこと、また誰にでも育てられる親しみやすい花であることから町の花に選定されました。(制定／昭和58年11月)</p>
303 
+      </article>
304 
+      <article id="template_list_title">
305 
+        <div id="template_title2" class="gothic">
306 
+          <div id="template_title_block">
307 
+            <span id="template_title2">まちの花（スイセン）</span>
308 
+          </div>
309 
+        </div>
310 
+        <span id="template_article_block">
311 
+    <p class="paragraphT5"><img src="../../fourth/townguide/images/img_flower.jpg" alt="岐阜県北方町の花　すいせん" name="left"
312 
+                                width="120" height="120" id="left"/>　ヒガンバナ科の球根草。早春の花で香り高く、伸びゆく町、文化の町にふさわしいこと、また誰にでも育てられる親しみやすい花であることから町の花に選定されました。(制定／昭和58年11月)</p>
160 313 
 						</span>
161 
-					</article>
162 
-					<article id="template_list_title" >
163 
-						<div id="template_title2" class="gothic">
164 
-							<div id="template_title_block">
165 
-								<span id="template_title2">まちの木（モチノキ）</span>
166 
-							</div>
167 
-						</div>
168 
-						<span id="template_article_block">
169 
-    <p class="paragraphT5"><img src="../../fourth/townguide/images/img_tree.jpg" alt="岐阜県北方町の木　もちのき" name="left" width="120" height="120" id="left" />　モチノキ科の常緑高木。朝日神社のモチノキが県指定の天然記念物、円鏡寺のものが町指定の天然記念物であることから、また北方町において最も大きく立派な木であり、町の発展をになう町民のたくましい力のシンボルとして町の木に選定されました。
314 
+      </article>
315 
+      <article id="template_list_title">
316 
+        <div id="template_title2" class="gothic">
317 
+          <div id="template_title_block">
318 
+            <span id="template_title2">まちの木（モチノキ）</span>
319 
+          </div>
320 
+        </div>
321 
+        <span id="template_article_block">
322 
+    <p class="paragraphT5"><img src="../../fourth/townguide/images/img_tree.jpg" alt="岐阜県北方町の木　もちのき" name="left"
323 
+                                width="120" height="120" id="left"/>　モチノキ科の常緑高木。朝日神社のモチノキが県指定の天然記念物、円鏡寺のものが町指定の天然記念物であることから、また北方町において最も大きく立派な木であり、町の発展をになう町民のたくましい力のシンボルとして町の木に選定されました。
170 324 
 (制定／昭和58年11月)</p>
171 325 
 						</span>
172 
-					</article>
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 
-						<span id="template_article_block">
180 
-    <p class="paragraphT5"><img src="../../fourth/townguide/images/img_bird.jpg" alt="岐阜県北方町の鳥　カワセミ" name="left" width="120" height="120" id="left" />　ブッポウソウ目カワセミ科、水辺に生息する小鳥で、鮮やかな水色の体色と長いくちばしが特徴。カワセミがいるということは、良好な環境や生物層の豊かさを象徴するものであり、また、この町に留まって巣を作り子どもを育てることから、今後さらなる人口増加を目指す町のシンボルとしてもふさわしいとして町の鳥に選定されました。 (制定／平成21年9月)</p>
326 
+      </article>
327 
+      <article id="template_list_title">
328 
+        <div id="template_title2" class="gothic">
329 
+          <div id="template_title_block">
330 
+            <span id="template_title2">まちの鳥（カワセミ）</span>
331 
+          </div>
332 
+        </div>
333 
+        <span id="template_article_block">
334 
+    <p class="paragraphT5">
335 
+      <img src="../../fourth/townguide/images/img_bird.jpg" alt="岐阜県北方町の鳥　カワセミ" name="left"
336 
+                                width="120" height="120" id="left"/>　ブッポウソウ目カワセミ科、水辺に生息する小鳥で、鮮やかな水色の体色と長いくちばしが特徴。カワセミがいるということは、良好な環境や生物層の豊かさを象徴するものであり、また、この町に留まって巣を作り子どもを育てることから、今後さらなる人口増加を目指す町のシンボルとしてもふさわしいとして町の鳥に選定されました。 (制定／平成21年9月)</p>
181 337 
 						</span>
182 
-					</article>
183 
-					<article id="template_list_title" >
184 
-						<div id="template_title2" class="gothic">
185 
-							<div id="template_title_block">
186 
-								<span id="template_title2">歴史とあゆみ</span>
187 
-							</div>
188 
-						</div>
189 
-						<span id="template_article_block">
338 
+      </article>
339 
+      <article id="template_list_title">
340 
+        <div id="template_title2" class="gothic">
341 
+          <div id="template_title_block">
342 
+            <span id="template_title2">歴史とあゆみ</span>
343 
+          </div>
344 
+        </div>
345 
+        <span id="template_article_block">
190 346 
     <table width="100%" height="810" border="0" cellpadding="0" cellspacing="0" id="town">
191 347 
 	<caption>町の歴史と歩み（表）</caption>
192 348 
       <tr>
 
@@ -459,7 +615,7 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
459 615 
       <tr height="5">
460 616 
         <td valign="top" align="left" colspan="6" height="5"></td>
461 617 
       </tr>
462 
-			<!--====================　　　平成開始　　　===============================================================-->
618 
+      <!--====================　　　平成開始　　　===============================================================-->
463 619 
       <tr>
464 620 
         <td valign="top" align="left" width="27" bgcolor="#add8e6" rowspan="28">平成</td>
465 621 
         <td valign="top" align="right" width="40">元年</td>
 
@@ -629,22 +785,42 @@ new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.transl
629 785 
 				<td valign="top" align="right" width="40">6日</td>
630 786 
 				<td valign="top" align="left" width="530" style="padding-left: 1em;">新庁舎完成・移転</td>
631 787 
 			</tr>
632 
-			<!--====================　　　平成最上段　rowspan=　の変更を確認　　===============================================================-->
788 
+      <!--====================　　　平成最上段　rowspan=　の変更を確認　　===============================================================-->
633 789 
     </table>
634 790 
 						</span>
635 
-					</article>
791 
+      </article>
636 792
637 
-                    <!-- ひとまとまりここまで-->
793 
+      <!-- ひとまとまりここまで-->
638 794
639 
-				</section>
640 
-			</div>
795 
+    </section>
796 
+  </div>
641 797
642 
-						<footer>
643 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
644 
-                <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>
645 
-			</footer>
798 
+  <footer>
799 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
800 
+    <div class="footer_mobile">
801 
+      <div class="footer_mobile_title">
802 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
803 
+        <h1 class="footerMobile__text">北方町役場</h1>
804 
+      </div>
805 
+      <div class="footer_mobile_address">
806 
+                <span class="footerTextWrap__text">
807 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
808 
+                </span><br>
809 
+        電話:058-323-1111(代)<br>
810 
+        FAX:058-323-2963<br>
811 
+        開庁日：8時30分～17時15分<br>
812 
+        （土・日・祝日、年末年始を除く）<br>
813 
+      </div>
814 
+    </div>
815 
+    <br class="sp__brDisplay">
816 
+    <p class="footer_text">
817 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
818 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
819 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
820 
+    </p>
821 
+  </footer>
646 822
647 
-
648 
-		</div>
649 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Overview_of_the_city" height="1" width="1" /></body>
823 
+</div>
824 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Overview_of_the_city"
825 
+     height="1" width="1"/></body>
650 826 
 </html>

+ 485
- 316
third/introduction_of_northern_town/Population_of_the_town.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,291 +10,440 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_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>
25 
+<div id="main" class="gothic">
26 
+  <!--セクション 操作-->
27 
+  <section id="operation">
28 
+    <!--セクション 住所-->
29 
+    <article id="address">
30 
+      <address id="operation_add">
31 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
32 
+      </address>
33 
+    </article>
34 
+    <div id="controle_panel">
35 
+      <!--セクション 背景色-->
36 
+      <article id="bgcolor">
37 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
38 
+        <div id="bgcolor_img">
39 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
40 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
41 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
42 
+        </div>
27 43 
       </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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 
-        </article>
44 
+      <!--セクション 文字サイズ-->
45 
+      <!--<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>-->
41 53
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>-->
54 
+      <!--セクション サイトマップ-->
55 
+      <article id="sitemap">
56 
+        <div id="sitemap_img">
57 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
58 
+        </div>
59 
+      </article>
60 
+      <!--セクション お問い合わせ-->
61 
+      <article id="contact">
62 
+        <div id="contact_img">
63 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
65 
+        </div>
66 
+      </article>
67 
+      <!--セクション 翻訳-->
68 
+      <article id="translation">
69 
+        <div id="translation_img">
70 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
+          <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 
+        </div>
83 
+      </article>
84 
+      <div id="claer">
85 
+      </div>
86 
+    </div>
87 
+  </section>
51 88
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>
89 
+  <!--ヘッダーデータ-->
90 
+  <header>
91 
+    <div id="header" class="gothic">
92 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></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"><span class="h_text">くらしの情報</span></a>
57 98 
         </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>
99 
+        <article class="h_text_l">
100 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
64 101 
         </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>
102 
+        <article class="h_text_l">
103 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
104 
+        </article>
105 
+        <article class="h_text_l">
106 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
81 107 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 108 
       </div>
85 
-    </section>
109 
+      <div id="h_block_search">
110 
+        <div class="h_line"></div>
111 
+        <article class="h_search">
112 
+          <div class="space10"></div>
113 
+          <form action="http://www.google.com/search">
114 
+            <input type="hidden" name="hl" value="ja"/>
115 
+            <input type="hidden" name="ie" value="UTF-8">
116 
+            <input type="hidden" name="oe" value="UTF-8">
117 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
118 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
119 
+            <input type="submit" name="btnG" value="検索"/>
120 
+          </form>
121 
+        </article>
122 
+      </div>
123 
+    </div>
124 
+  </header>
86 125
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
126 
+  <!-- mobile header -->
127 
+  <header class="header">
128 
+    <div class="headerLogo">
129 
+      <a href="../../index.html" class="header_link">
130 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt=""></a>
131 
+    </div>
132 
+    <div class="headerTitle">
133 
+      <a href="../../index.html" class="header_link">
134 
+        <h1 class="headerTitle__text">北方町</h1>
135 
+      </a>
136 
+    </div>
137 
+    <div class="headerSubTitle">
138 
+      <a href="../../index.html" class="header_link">
139 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
140 
+      </a>
141 
+    </div>
142 
+    <div id="h-menu">
143 
+      <span></span>
144 
+      <span></span>
145 
+      <span></span>
146 
+      <div id="h-text">menu</div>
147 
+    </div>
148 
+    <div id="h-nav">
149 
+      <div class="h-menu_main_block_top">
150 
+        <div class="h-menu_main_block">
151 
+          <div class="h-menu_block">
152 
+            <a href="../../second/living.html">
153 
+              <div class="h-menu_block_text h-menu_block_before">
154 
+                <div class="h-menu_block_text_center">くらしの情報</div>
155 
+              </div>
156 
+            </a>
93 157 
           </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 158 
         </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 
-          </article>
159 
+        <div class="h-menu_main_block">
160 
+          <div class="h-menu_block">
161 
+            <a href="../../second/tourism.html">
162 
+              <div class="h-menu_block_text h-menu_block_before">
163 
+                <div class="h-menu_block_text_center">
164 
+                  観光
165 
+                </div>
166 
+              </div>
167 
+            </a>
168 
+          </div>
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/business.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
175 
+              </div>
176 
+            </a>
177 
+          </div>
178 
+        </div>
179 
+        <div class="h-menu_main_block">
180 
+          <div class="h-menu_block">
181 
+            <a href="../../second/town_admini_info.html">
182 
+              <div class="h-menu_block_text h-menu_block_before">
183 
+                <div class="h-menu_block_text_center">町政情報</div>
184 
+              </div>
185 
+            </a>
186 
+          </div>
187 
+        </div>
188 
+        <div class="h-menu_main_block">
189 
+          <div class="h-menu_block h-menu_block_before">
190 
+            <a href="../../second/sitemap.html">
191 
+              <div class="h-menu_block_text h-menu_block_before">
192 
+                <div class="h-menu_block_text_center">
193 
+                  サイトマップ
194 
+                </div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="https://ai-staff.net/kitagata/chat">
202 
+              <div class="h-menu_block_text  h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  AIチャット
205 
+                </div>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
213 
+              <div class="h-menu_block_text">
214 
+                <div class="h-menu_block_text_center">
215 
+                  お問い合わせ一覧
216 
+                </div>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_lang">
223 
+            <div class="h-menu_block_lang">
224 
+              <div class="h-menu_block_text_center">
225 
+                <div class="h-menu_block_text_line">
226 
+                  背景変更
227 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
228 
+                  </div>
229 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
230 
+                  </div>
231 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
232 
+                  </div>
233 
+                </div>
234 
+                <script>
235 
+                    getBackgNumber2();
236 
+                </script>
237 
+                <div class="h-menu_block_text_line">言語選択
238 
+                  <div class="mobile_translation">
239 
+                    <div id="google_translate_element"></div>
240 
+                  </div>
241 
+                </div>
242 
+              </div>
243 
+            </div>
244 
+          </div>
245 
+        </div>
246 
+        <div class="h-menu_main_block">
247 
+          <div class="h-menu_search">
248 
+            <div class="h-menu_block_search">
249 
+              <form action="https://www.google.com/search">
250 
+                <input type="hidden" name="hl" value="ja"/>
251 
+                <input type="hidden" name="ie" value="UTF-8">
252 
+                <input type="hidden" name="oe" value="UTF-8">
253 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
254 
+                <input type="text" name="q" size="16" maxlength="256" value=""
255 
+                       class="mobile_form_input"/>
256 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
257 
+              </form>
258 
+            </div>
259 
+          </div>
120 260 
         </div>
121 261 
       </div>
122 
-    </header>
262 
+    </div>
263 
+  </header>
123 264
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
265 
+  <div id="third_body">
266 
+    <!--セクション space-->
126 267
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>
268 
+    <!--セクション template-->
269 
+    <section id="template">
270 
+      <article id="breadcrumb">
271 
+        <div id="breadcrumb_title">
272 
+          <div id="breadcrumb_title_block">
273 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>>北方町の紹介>町の人口</span>
134 274 
           </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>
275 
+        </div>
276 
+      </article>
277 
+      <article id="template">
278 
+        <div id="template_title" class="gothic">
279 
+          <div id="template_title_block">
280 
+            <span id="template_title">町の人口</span>
141 281 
           </div>
142 
-        </article>
282 
+        </div>
283 
+      </article>
143 284
144 
-        <!-- 小見出しから内容までのひとまとまりここから-->
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>
285 
+      <!-- 小見出しから内容までのひとまとまりここから-->
286 
+      <article id="template_list_title">
287 
+        <div id="template_title2" class="gothic">
288 
+          <div id="template_title_block">
289 
+            <span id="template_title2">人口</span>
150 290 
           </div>
151 
-          <span id="template_article_block">
291 
+        </div>
292 
+        <span id="template_article_block">
152 293 
             <p class="paragraphT5"></p>
153 
-            <table border="0" cellpadding="2" cellspacing="2" width="380px" id="town">
154 
-              <tr>
155 
-                <th colspan="2">令和3年12月1日時点での人口・世帯数</th>
156 
-                <th bgcolor="#add8e6" align="center">増減</th>
157 
-              </tr>
158 
-              <tr>
159 
-                <th bgcolor="#add8e6">人口（人）</th>
160 
-                <td bgcolor="#dcdcdc" align="right">18,574</td>
161 
-                <td bgcolor="#dcdcdc" align="right">(+27)</td>
162 
-              </tr>
163 
-
164 
-              <tr>
165 
-                <th bgcolor="#add8e6">男（人）</th>
166 
-                <td bgcolor="#dcdcdc" align="right">8,894</td>
167 
-                <td bgcolor="#dcdcdc" align="right">(+12)</td>
168 
-              </tr>
294 
+            <div class="scroll_table">
295 
+              <table border="0" cellpadding="2" cellspacing="2" width="380px" id="town">
296 
+                <tr>
297 
+                  <th colspan="2">令和3年12月1日時点での人口・世帯数</th>
298 
+                  <th bgcolor="#add8e6" align="center">増減</th>
299 
+                </tr>
300 
+                <tr>
301 
+                  <th bgcolor="#add8e6">人口（人）</th>
302 
+                  <td bgcolor="#dcdcdc" align="right">18,574</td>
303 
+                  <td bgcolor="#dcdcdc" align="right">(+27)</td>
304 
+                </tr>
169 305
170 
-              <tr>
171 
-                <th bgcolor="#add8e6">女（人）</th>
172 
-                <td bgcolor="#dcdcdc" align="right">9,680</td>
173 
-                <td bgcolor="#dcdcdc" align="right">(+15)</td>
174 
-              </tr>
175 
-
176 
-              <tr>
177 
-                <th bgcolor="#add8e6">世帯数</th>
178 
-                <td bgcolor="#dcdcdc" align="right">7,786</td>
179 
-                <td bgcolor="#dcdcdc" align="right">(+11)</td>
180 
-              </tr>
306 
+                <tr>
307 
+                  <th bgcolor="#add8e6">男（人）</th>
308 
+                  <td bgcolor="#dcdcdc" align="right">8,894</td>
309 
+                  <td bgcolor="#dcdcdc" align="right">(+12)</td>
310 
+                </tr>
181 311
312 
+                <tr>
313 
+                  <th bgcolor="#add8e6">女（人）</th>
314 
+                  <td bgcolor="#dcdcdc" align="right">9,680</td>
315 
+                  <td bgcolor="#dcdcdc" align="right">(+15)</td>
316 
+                </tr>
182 317
183 
-            </table>
318 
+                <tr>
319 
+                  <th bgcolor="#add8e6">世帯数</th>
320 
+                  <td bgcolor="#dcdcdc" align="right">7,786</td>
321 
+                  <td bgcolor="#dcdcdc" align="right">(+11)</td>
322 
+                </tr>
323 
+              </table>
324 
+            </div>
184 325 
             <br />
185 326 
             <p class="paragraphT5"></p>
186 327 
             人口動態の推移(表)
187 
-            <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
188 
-              <tr>
189 
-                <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
190 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成15年</td>
191 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成16年</td>
192 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成17年</td>
193 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成18年</td>
194 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成19年</td>
195 
-              </tr>
196 
-              <tr>
197 
-                <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
198 
-                <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
199 
-                <td align="right" valign="top" bgcolor="#dcdcdc">17,787</td>
200 
-                <td align="right" valign="top" bgcolor="#dcdcdc">17,892</td>
201 
-                <td align="right" valign="top" bgcolor="#dcdcdc">17,986</td>
202 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,221</td>
203 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,277</td>
204 
-              </tr>
205 
-              <tr>
206 
-                <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
207 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.9</td>
208 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.6</td>
209 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.5</td>
210 
-                <td align="right" valign="top" bgcolor="#dcdcdc">1.3</td>
211 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.3</td>
212 
-              </tr>
213 
-            </table>
214 
-            <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
215 
-              <tr>
216 
-                <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
217 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成20年</td>
218 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成21年</td>
219 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成22年</td>
220 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成23年</td>
221 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成24年</td>
222 
-              </tr>
223 
-              <tr>
224 
-                <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
225 
-                <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
226 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,381</td>
227 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,492</td>
228 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,476</td>
229 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,479</td>
230 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,471</td>
231 
-              </tr>
232 
-              <tr>
233 
-                <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
234 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.6</td>
235 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.6</td>
236 
-                <td align="right" valign="top" bgcolor="#dcdcdc">△0.1</td>
237 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.1</td>
238 
-                <td align="right" valign="top" bgcolor="#dcdcdc">△0.1</td>
239 
-              </tr>
240 
-            </table>
241 
-            <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
242 
-              <tr>
243 
-                <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
244 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成25年</td>
245 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成26年</td>
246 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成27年</td>
247 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成28年</td>
248 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成29年</td>
249 
-              </tr>
250 
-              <tr>
251 
-                <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
252 
-                <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
253 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,513</td>
254 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,364</td>
255 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,295</td>
256 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,381</td>
257 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,445</td>
258 
-              </tr>
259 
-              <tr>
260 
-                <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
261 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.2</td>
262 
-                <td align="right" valign="top" bgcolor="#dcdcdc">△0.8</td>
263 
-                <td align="right" valign="top" bgcolor="#dcdcdc">△0.4</td>
264 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.5</td>
265 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.3</td>
266 
-              </tr>
267 
-            </table>
268 
-            <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
269 
-              <tr>
270 
-                <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
271 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成30年</td>
272 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">令和元年</td>
273 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">令和2年</td>
274 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;"></td>
275 
-                <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;"></td>
276 
-              </tr>
277 
-              <tr>
278 
-                <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
279 
-                <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
280 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,410</td>
281 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,395</td>
282 
-                <td align="right" valign="top" bgcolor="#dcdcdc">18,459</td>
283 
-                <td align="right" valign="top" bgcolor="#dcdcdc"></td>
284 
-                <td align="right" valign="top" bgcolor="#dcdcdc"></td>
285 
-              </tr>
286 
-              <tr>
287 
-                <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
288 
-                <td align="right" valign="top" bgcolor="#dcdcdc">△0.2</td>
289 
-                <td align="right" valign="top" bgcolor="#dcdcdc">△0.1</td>
290 
-                <td align="right" valign="top" bgcolor="#dcdcdc">0.3</td>
291 
-                <td align="right" valign="top" bgcolor="#dcdcdc"></td>
292 
-                <td align="right" valign="top" bgcolor="#dcdcdc"></td>
293 
-              </tr>
294 
-            </table>
328 
+            <div class="scroll_table">
329 
+              <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
330 
+                <tr>
331 
+                  <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
332 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成15年</td>
333 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成16年</td>
334 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成17年</td>
335 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成18年</td>
336 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成19年</td>
337 
+                </tr>
338 
+                <tr>
339 
+                  <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
340 
+                  <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
341 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">17,787</td>
342 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">17,892</td>
343 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">17,986</td>
344 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,221</td>
345 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,277</td>
346 
+                </tr>
347 
+                <tr>
348 
+                  <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
349 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.9</td>
350 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.6</td>
351 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.5</td>
352 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">1.3</td>
353 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.3</td>
354 
+                </tr>
355 
+              </table>
356 
+            </div>
357 
+            <div class="scroll_table">
358 
+              <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
359 
+                <tr>
360 
+                  <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
361 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成20年</td>
362 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成21年</td>
363 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成22年</td>
364 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成23年</td>
365 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成24年</td>
366 
+                </tr>
367 
+                <tr>
368 
+                  <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
369 
+                  <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
370 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,381</td>
371 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,492</td>
372 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,476</td>
373 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,479</td>
374 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,471</td>
375 
+                </tr>
376 
+                <tr>
377 
+                  <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
378 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.6</td>
379 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.6</td>
380 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">△0.1</td>
381 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.1</td>
382 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">△0.1</td>
383 
+                </tr>
384 
+              </table>
385 
+           </div>
386 
+            <div class="scroll_table">
387 
+              <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
388 
+                <tr>
389 
+                  <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
390 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成25年</td>
391 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成26年</td>
392 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成27年</td>
393 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成28年</td>
394 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成29年</td>
395 
+                </tr>
396 
+                <tr>
397 
+                  <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
398 
+                  <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
399 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,513</td>
400 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,364</td>
401 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,295</td>
402 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,381</td>
403 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,445</td>
404 
+                </tr>
405 
+                <tr>
406 
+                  <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
407 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.2</td>
408 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">△0.8</td>
409 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">△0.4</td>
410 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.5</td>
411 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.3</td>
412 
+                </tr>
413 
+              </table>
414 
+            </div>
415 
+            <div class="scroll_table">
416 
+              <table border="0" cellpadding="2" cellspacing="2" width="100%" id="town">
417 
+                <tr>
418 
+                  <td valign="top" align="left" bgcolor="#add8e6" colspan="2" style="width: 125px;">年</td>
419 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">平成30年</td>
420 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">令和元年</td>
421 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;">令和2年</td>
422 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;"></td>
423 
+                  <td align="center" valign="top" bgcolor="#add8e6" style="width: 95px;"></td>
424 
+                </tr>
425 
+                <tr>
426 
+                  <td rowspan="2" align="left" valign="top" bgcolor="#add8e6" style="width: 45px;">区分</td>
427 
+                  <td align="left" valign="top" bgcolor="#add8e6">人口(人)</td>
428 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,410</td>
429 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,395</td>
430 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">18,459</td>
431 
+                  <td align="right" valign="top" bgcolor="#dcdcdc"></td>
432 
+                  <td align="right" valign="top" bgcolor="#dcdcdc"></td>
433 
+                </tr>
434 
+                <tr>
435 
+                  <td valign="top" align="left" bgcolor="#add8e6">増減率(％)</td>
436 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">△0.2</td>
437 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">△0.1</td>
438 
+                  <td align="right" valign="top" bgcolor="#dcdcdc">0.3</td>
439 
+                  <td align="right" valign="top" bgcolor="#dcdcdc"></td>
440 
+                  <td align="right" valign="top" bgcolor="#dcdcdc"></td>
441 
+                </tr>
442 
+              </table>
443 
+            </div>
295 444 
             <div id="backtop">資料：住民基本台帳及び外国人登録に基づく人口（10月1日付）</div>
296 445 
             <br />
297 
-
446 
+          <div class="scroll_table">
298 447 
             <table width="100%" border="0" cellpadding="2" cellspacing="2" id="town">
299 448 
               <tr>
300 449 
                 <td valign="top" align="left" colspan="5">人口と世帯数の推移(表)</td>
 
@@ -411,6 +560,7 @@
411 560 
                 <td valign="top" align="right" bgcolor="#dcdcdc" width="46">340.8</td>
412 561 
               </tr>
413 562 
             </table>
563 
+          </div>
414 564 
             <div id="backtop">資料：国勢調査</div>
415 565 
             <table border="0" cellpadding="2" cellspacing="2" width="100%">
416 566 
               <tr>
 
@@ -418,75 +568,94 @@
418 568 
               </tr>
419 569 
             </table>
420 570 
             <img src="../../fourth/townguide/images/humen_increase_h29.jpg" alt="人口と世帯数の推移(図)" width="100%"
421 
-              height="200" />
571 
+                 height="200" />
422 572 
             <div id="backtop">資料：国勢調査</div>
423 
-            <table width="450" border="0" cellpadding="3" cellspacing="1" id="infokitagata">
424 
-              　<caption align="left">昼間人口・夜間人口</caption>
425 
-              <tr>
426 
-                <th align="center" width="30%" bgcolor="#ADD8E6"></th>
427 
-                <th align="center" width="30%" bgcolor="#ADD8E6">昼間人口</th>
428 
-                <th align="center" width="30%" bgcolor="#ADD8E6">夜間人口</th>
429 
-              </tr>
430 
-              <tr>
431 
-                <td align="right" bgcolor="#CCCCCC">平成7年</td>
432 
-                <td style="text-align:right" bgcolor="#CCCCCC">14,285人</td>
433 
-                <td style="text-align:right" bgcolor="#CCCCCC">17,027人</td>
434 
-              </tr>
435 
-              <tr>
436 
-                <td align="right" bgcolor="#CCCCCC">平成12年</td>
437 
-                <td style="text-align:right" bgcolor="#CCCCCC">15,109人</td>
438 
-                <td style="text-align:right" bgcolor="#CCCCCC">17,250人</td>
439 
-              </tr>
440 
-              <tr>
441 
-                <td align="right" bgcolor="#CCCCCC">平成17年</td>
442 
-                <td style="text-align:right" bgcolor="#CCCCCC">14,591人</td>
443 
-                <td style="text-align:right" bgcolor="#CCCCCC">17,547人</td>
444 
-              </tr>
445 
-              <tr>
446 
-                <td align="right" bgcolor="#CCCCCC">平成22年</td>
447 
-                <td style="text-align:right" bgcolor="#CCCCCC">14,653人</td>
448 
-                <td style="text-align:right" bgcolor="#CCCCCC">18,395人</td>
449 
-              </tr>
450 
-              <tr>
451 
-                <td align="right" bgcolor="#CCCCCC">平成27年</td>
452 
-                <td style="text-align:right" bgcolor="#CCCCCC">14,475人</td>
453 
-                <td style="text-align:right" bgcolor="#CCCCCC">18,169人</td>
454 
-              </tr>
455 
-            </table>
573 
+            <div class="scroll_table">
574 
+              <table width="450" border="0" cellpadding="3" cellspacing="1" id="infokitagata">
575 
+                　<caption align="left">昼間人口・夜間人口</caption>
576 
+                <tr>
577 
+                  <th align="center" width="30%" bgcolor="#ADD8E6"></th>
578 
+                  <th align="center" width="30%" bgcolor="#ADD8E6">昼間人口</th>
579 
+                  <th align="center" width="30%" bgcolor="#ADD8E6">夜間人口</th>
580 
+                </tr>
581 
+                <tr>
582 
+                  <td align="right" bgcolor="#CCCCCC">平成7年</td>
583 
+                  <td style="text-align:right" bgcolor="#CCCCCC">14,285人</td>
584 
+                  <td style="text-align:right" bgcolor="#CCCCCC">17,027人</td>
585 
+                </tr>
586 
+                <tr>
587 
+                  <td align="right" bgcolor="#CCCCCC">平成12年</td>
588 
+                  <td style="text-align:right" bgcolor="#CCCCCC">15,109人</td>
589 
+                  <td style="text-align:right" bgcolor="#CCCCCC">17,250人</td>
590 
+                </tr>
591 
+                <tr>
592 
+                  <td align="right" bgcolor="#CCCCCC">平成17年</td>
593 
+                  <td style="text-align:right" bgcolor="#CCCCCC">14,591人</td>
594 
+                  <td style="text-align:right" bgcolor="#CCCCCC">17,547人</td>
595 
+                </tr>
596 
+                <tr>
597 
+                  <td align="right" bgcolor="#CCCCCC">平成22年</td>
598 
+                  <td style="text-align:right" bgcolor="#CCCCCC">14,653人</td>
599 
+                  <td style="text-align:right" bgcolor="#CCCCCC">18,395人</td>
600 
+                </tr>
601 
+                <tr>
602 
+                  <td align="right" bgcolor="#CCCCCC">平成27年</td>
603 
+                  <td style="text-align:right" bgcolor="#CCCCCC">14,475人</td>
604 
+                  <td style="text-align:right" bgcolor="#CCCCCC">18,169人</td>
605 
+                </tr>
606 
+              </table>
607 
+            </div>
456 608 
             <div id="backtop">資料：国勢調査</div>
457 
-            <!--
458 
-    <table border="0" cellpadding="2" cellspacing="2" width="100%">
459 
-      <tr>
460 
-        <th>昼間人口・夜間人口(図)</th>
461 
-      </tr>
462 
-    </table>
463 
-    <img src="../../fourth/townguide/images/jikantaibetujinkou.gif" alt="昼間人口・夜間人口(図)" />
464 
-    <div id="backtop">資料：国勢調査</div>
465 
-    <p class="paragraphT10">その他各種統計情報<br />
466 
-    <ul>
609 
+          <!--
610 
+  <table border="0" cellpadding="2" cellspacing="2" width="100%">
611 
+    <tr>
612 
+      <th>昼間人口・夜間人口(図)</th>
613 
+    </tr>
614 
+  </table>
615 
+  <img src="../../fourth/townguide/images/jikantaibetujinkou.gif" alt="昼間人口・夜間人口(図)" />
616 
+  <div id="backtop">資料：国勢調査</div>
617 
+  <p class="paragraphT10">その他各種統計情報<br />
618 
+  <ul>
467 619 
 　　　　<li id="life"><a href="../../fourth/townguide/pdf/5kaikyuubetu.pdf">５歳階級別人口(PDF 13KB)</a></li>
468 620 
 　　　　<li id="life"><a href="../../fourth/townguide/pdf/sangyou.pdf">農業・工業・商業の状況(PDF 44KB)</a></li>
469 
-   </ul>
470 
-   -->
621 
+ </ul>
622 
+ -->
471 623 
           </span>
472 
-        </article>
473 
-
474 
-        <!-- ひとまとまりここまで-->
624 
+      </article>
475 625
476 
-      </section>
477 
-    </div>
626 
+      <!-- ひとまとまりここまで-->
478 627
479 
-    <footer>
480 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
481 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
482 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
483 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
484 
-    </footer>
628 
+    </section>
629 
+  </div>
485 630
631 
+  <footer>
632 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
633 
+    <div class="footer_mobile">
634 
+      <div class="footer_mobile_title">
635 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
636 
+        <h1 class="footerMobile__text">北方町役場</h1>
637 
+      </div>
638 
+      <div class="footer_mobile_address">
639 
+                <span class="footerTextWrap__text">
640 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
641 
+                </span><br>
642 
+        電話:058-323-1111(代)<br>
643 
+        FAX:058-323-2963<br>
644 
+        開庁日：8時30分～17時15分<br>
645 
+        （土・日・祝日、年末年始を除く）<br>
646 
+      </div>
647 
+    </div>
648 
+    <br class="sp__brDisplay">
649 
+    <p class="footer_text">
650 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
651 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
652 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
653 
+    </p>
654 
+  </footer>
486 655
487 
-  </div>
488 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Population_of_the_town"
489 
-    height="1" width="1" />
656 
+</div>
657 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Population_of_the_town"
658 
+     height="1" width="1"/>
490 659 
 </body>
491 660
492 
-</html>
661 
+</html>

+ 359
- 209
third/living/Address_change_in_town.html ファイルの表示 

@@ -1,261 +1,411 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <body id="back">
19 
-  <div id="main" class="gothic">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
20 36 
     <!--セクション 操作-->
21 37 
     <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span>
26 
-          <span> 〒501-0492</span>
27 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
28 
-          <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="setBackground3(1)">
37 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
38 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
39 
-          </div>
40 
-          <script>
41 
-            getBackgNumber3();
42 
-          </script>
38 
+        <!--セクション 住所-->
39 
+        <article id="address">
40 
+            <address id="operation_add">
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+            </address>
43 43 
         </article>
44 
+        <div id="controle_panel">
45 
+            <!--セクション 背景色-->
46 
+            <article id="bgcolor">
47 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+                <div id="bgcolor_img">
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+                </div>
53 
+            </article>
54 
+            <!--セクション 文字サイズ-->
55 
+            <!--<article id="charsize" >
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
44 63
45 
-        <!--セクション 文字サイズ-->
46 
-        <!--<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>-->
54 
-
55 
-        <!--セクション サイトマップ-->
56 
-        <article id="sitemap">
57 
-          <div id="sitemap_img">
58 
-            <a href="../../second/sitemap.html">
59 
-              <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
60 
-            </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">
67 
-              <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" />
68 
-            </a>
69 
-          </div>
70 
-        </article>
71 
-        <!--セクション 翻訳-->
72 
-        <article id="translation">
73 
-          <div id="translation_img">
74 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
-            <div id="google_translate_element"></div>
76 
-            <script type="text/javascript">
77 
-              function googleTranslateElementInit() {
78 
-                new google.translate.TranslateElement({
79 
-                  pageLanguage: 'ja',
80 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
81 
-                }, 'google_translate_element');
82 
-              }
83 
-            </script>
84 
-            <script type="text/javascript"
85 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
86 
-          </div>
87 
-        </article>
88 
-        <div id="claer">
64 
+            <!--セクション サイトマップ-->
65 
+            <article id="sitemap">
66 
+                <div id="sitemap_img">
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+                </div>
69 
+            </article>
70 
+            <!--セクション お問い合わせ-->
71 
+            <article id="contact">
72 
+                <div id="contact_img">
73 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+                </div>
76 
+            </article>
77 
+            <!--セクション 翻訳-->
78 
+            <article id="translation">
79 
+                <div id="translation_img">
80 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+                    <div id="google_translate_element"></div>
82 
+                    <script type="text/javascript">
83 
+                        function googleTranslateElementInit() {
84 
+                            new google.translate.TranslateElement({
85 
+                                pageLanguage: 'ja',
86 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                            }, 'google_translate_element');
88 
+                        }
89 
+                    </script>
90 
+                    <script type="text/javascript"
91 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+                </div>
93 
+            </article>
94 
+            <div id="claer">
95 
+            </div>
89 96 
         </div>
90 
-      </div>
91 97 
     </section>
92 98
93 99 
     <!--ヘッダーデータ-->
94 100 
     <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>
105 
-            </a>
106 
-          </article>
107 
-          <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
-          </article>
112 
-          <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
101 
+        <div id="header" class="gothic">
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+            <div id="h_block_1">
104 
+                <div class="h_line">
105 
+                </div>
106 
+                <article class="h_text_l">
107 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+                </article>
109 
+                <article class="h_text_l">
110 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+                </article>
112 
+                <article class="h_text_l">
113 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+                </article>
115 
+                <article class="h_text_l">
116 
+                    <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+                </article>
132 
+            </div>
133 
+        </div>
134 
+    </header>
135 
+
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
115 145 
             </a>
116 
-          </article>
117 
-          <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
120 150 
             </a>
121 
-          </article>
122 151 
         </div>
123 
-        <div id="h_block_search">
124 
-          <div class="h_line"></div>
125 
-          <article class="h_search">
126 
-            <div class="space10"></div>
127 
-            <form action="http://www.google.com/search">
128 
-              <input type="hidden" name="hl" value="ja" />
129 
-              <input type="hidden" name="ie" value="UTF-8">
130 
-              <input type="hidden" name="oe" value="UTF-8">
131 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
132 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
133 
-              <input type="submit" name="btnG" value="検索" />
134 
-            </form>
135 
-          </article>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
136 272 
         </div>
137 
-      </div>
138 273 
     </header>
139 274
140 275 
     <div id="third_body">
141 
-      <!--セクション space-->
276 
+        <!--セクション space-->
142 277
143 
-      <!--セクション template-->
144 
-      <section id="template">
145 
-        <article id="breadcrumb">
146 
-          <div id="breadcrumb_title">
147 
-            <div id="breadcrumb_title_block">
278 
+        <!--セクション template-->
279 
+        <section id="template">
280 
+            <article id="breadcrumb">
281 
+                <div id="breadcrumb_title">
282 
+                    <div id="breadcrumb_title_block">
148 283 
               <span id="breadcrumb_title">
149 284 
                 <a href="../../index.html">トップ</a>>
150 285 
                 <a href="../../second/living.html">くらしの情報</a>>
151 286 
                 <a href="../../second/Family_register.html">戸籍・住民票など</a>>転居届</span>
152 
-            </div>
153 
-          </div>
154 
-        </article>
155 
-        <article id="template">
156 
-          <div id="template_title" class="gothic">
157 
-            <div id="template_title_block">
158 
-              <span id="template_title">町内で住所が変わったときは･･･転居届</span>
159 
-            </div>
160 
-          </div>
161 
-        </article>
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">届出期間</span>
166 
-            </div>
167 
-          </div>
168 
-          <span id="template_article_block">
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_title">
298 
+                <div id="template_title2" class="gothic">
299 
+                    <div id="template_title_block">
300 
+                        <span id="template_title2">届出期間</span>
301 
+                    </div>
302 
+                </div>
303 
+                <span id="template_article_block">
169 304 
             <!-- ここから-->
170 305 
             新住所に住み始めてから14日以内
171 
-            <br />
172 
-            <!-- ここまで-->
306 
+            <br/>
307 
+                    <!-- ここまで-->
173 308 
           </span>
174 
-        </article>
175 
-        <article id="template_list_title">
176 
-          <div id="template_title2" class="gothic">
177 
-            <div id="template_title_block">
178 
-              <span id="template_title2">届出人</span>
179 
-            </div>
180 
-          </div>
181 
-          <span id="template_article_block">
309 
+            </article>
310 
+            <article id="template_list_title">
311 
+                <div id="template_title2" class="gothic">
312 
+                    <div id="template_title_block">
313 
+                        <span id="template_title2">届出人</span>
314 
+                    </div>
315 
+                </div>
316 
+                <span id="template_article_block">
182 317 
             <!-- ここから-->
183 318 
             本人または本人と同一世帯の人･新住所で同一世帯になる人
184 
-            <br /> ※代理人が届出を行う場合は、
319 
+            <br/> ※代理人が届出を行う場合は、
185 320 
             委任状<a href="../../third/living/Application_family_register.html">（様式はこちら）</a>と、代理人の認印と本人確認の書類をご持参ください。
186 
-            <br />
187 
-            <!-- ここまで-->
321 
+            <br/>
322 
+                    <!-- ここまで-->
188 323 
           </span>
189 
-        </article>
190 
-        <article id="template_list_title">
191 
-          <div id="template_title2" class="gothic">
192 
-            <div id="template_title_block">
193 
-              <span id="template_title2">届出に必要なもの</span>
194 
-            </div>
195 
-          </div>
196 
-          <span id="template_article_block">
324 
+            </article>
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">
197 332 
             <!-- ここから-->
198 333 
             ・届出人の認印
199 
-            <br /> ・国民健康保険証･年金手帳(国民年金1号被保険者のみ)
200 
-            <br /> ・住民基本台帳カード、マイナンバーカード(交付を受けている人のみ)
201 
-            <br /> ・
334 
+            <br/> ・国民健康保険証･年金手帳(国民年金1号被保険者のみ)
335 
+            <br/> ・住民基本台帳カード、マイナンバーカード(交付を受けている人のみ)
336 
+            <br/> ・
202 337 
             <a href="../../third/living/Documents_of_identification.html">届出人の本人確認の書類</a>
203 
-            <br />
204 
-            <!-- ここまで-->
338 
+            <br/>
339 
+                    <!-- ここまで-->
205 340 
           </span>
206 
-        </article>
207 
-        <article id="template_list_title">
208 
-          <div id="template_title2" class="gothic">
209 
-            <div id="template_title_block">
210 
-              <span id="template_title2">転居届に伴う手続き</span>
211 
-            </div>
212 
-          </div>
213 
-          <span id="template_article_block">
341 
+            </article>
342 
+            <article id="template_list_title">
343 
+                <div id="template_title2" class="gothic">
344 
+                    <div id="template_title_block">
345 
+                        <span id="template_title2">転居届に伴う手続き</span>
346 
+                    </div>
347 
+                </div>
348 
+                <span id="template_article_block">
214 349 
             <!-- ここから-->
215 350 
             受付窓口:住民保険課
216 
-            <br /> ・国民健康保険の変更届
217 
-            <br /> ・国民年金の住所変更届
218 
-            <br /> 受付窓口:健康推進課
219 
-            <br /> ・福祉医療費受給者証の変更届
220 
-            <br /> 受付窓口:福祉子ども課
221 
-            <br /> ・児童手当の変更届
222 
-            <br /> ・介護保険の変更届
223 
-            <br /> 受付窓口:上下水道課
224 
-            <br /> ・上下水道の手続き
225 
-            <br />
226 
-            <!-- ここまで-->
351 
+            <br/> ・国民健康保険の変更届
352 
+            <br/> ・国民年金の住所変更届
353 
+            <br/> 受付窓口:健康推進課
354 
+            <br/> ・福祉医療費受給者証の変更届
355 
+            <br/> 受付窓口:福祉子ども課
356 
+            <br/> ・児童手当の変更届
357 
+            <br/> ・介護保険の変更届
358 
+            <br/> 受付窓口:上下水道課
359 
+            <br/> ・上下水道の手続き
360 
+            <br/>
361 
+                    <!-- ここまで-->
227 362 
           </span>
228 
-        </article>
229 
-        <article id="template_list_title">
230 
-          <div id="template_title2" class="gothic">
231 
-            <div id="template_title_block">
232 
-              <span id="template_title2">お問い合わせ</span>
233 
-            </div>
234 
-          </div>
235 
-          <span id="template_article_block">
363 
+            </article>
364 
+            <article id="template_list_title">
365 
+                <div id="template_title2" class="gothic">
366 
+                    <div id="template_title_block">
367 
+                        <span id="template_title2">お問い合わせ</span>
368 
+                    </div>
369 
+                </div>
370 
+                <span id="template_article_block">
236 371 
             住民保険課
237 
-            <br /> Tel 058-323-1113
238 
-            <br />
372 
+            <br/> Tel 058-323-1113
373 
+            <br/>
239 374 
             <a href="../../second/Inquiry_form_residents.html">お問い合わせフォーム</a>
240 375 
           </span>
241 
-        </article>
242 
-      </section>
376 
+            </article>
377 
+        </section>
243 378 
     </div>
244 379
245 380 
     <footer>
246 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
247 
-      <br />
248 
-      <p class="footer_text">
249 
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
250 
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
251 
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
252 
-      </p>
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>
402 
+        </p>
253 403 
     </footer>
254 404
255 405
256 
-  </div>
257 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Address_change_in_town"
258 
-    height="1" width="1" />
406 
+</div>
407 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Address_change_in_town"
408 
+     height="1" width="1"/>
259 409 
 </body>
260 410
261 411 
 </html>

+ 272
- 108
third/living/Administrative_application.html ファイルの表示 

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

+ 315
- 153
third/living/Adult_health.html ファイルの表示 

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

+ 357
- 188
third/living/Agricultural_committee.html ファイルの表示 

@@ -1,183 +1,335 @@
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 
-    <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 
-    <link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_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">
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 
+
19 36 
 <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="setBackground3(1)">
36 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                           onClick="setBackground3(2)">
38 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                           onClick="setBackground3(3)">
40 
-                </div>
41 
-                <script>
42 
-                    getBackgNumber3();
43 
-                </script>
44 
-            </article>
37 
+  <!--セクション 操作-->
38 
+  <section id="operation">
39 
+    <!--セクション 住所-->
40 
+    <article id="address">
41 
+      <address id="operation_add">
42 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+      </address>
44 
+    </article>
45 
+    <div id="controle_panel">
46 
+      <!--セクション 背景色-->
47 
+      <article id="bgcolor">
48 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+        <div id="bgcolor_img">
50 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+        </div>
54 
+      </article>
55 
+      <!--セクション 文字サイズ-->
56 
+      <!--<article id="charsize" >
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
45 64
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>-->
65 
+      <!--セクション サイトマップ-->
66 
+      <article id="sitemap">
67 
+        <div id="sitemap_img">
68 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+        </div>
70 
+      </article>
71 
+      <!--セクション お問い合わせ-->
72 
+      <article id="contact">
73 
+        <div id="contact_img">
74 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+        </div>
77 
+      </article>
78 
+      <!--セクション 翻訳-->
79 
+      <article id="translation">
80 
+        <div id="translation_img">
81 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+          <div id="google_translate_element"></div>
83 
+          <script type="text/javascript">
84 
+              function googleTranslateElementInit() {
85 
+                  new google.translate.TranslateElement({
86 
+                      pageLanguage: 'ja',
87 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                  }, 'google_translate_element');
89 
+              }
90 
+          </script>
91 
+          <script type="text/javascript"
92 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+        </div>
94 
+      </article>
95 
+      <div id="claer">
96 
+      </div>
97 
+    </div>
98 
+  </section>
99 
+
100 
+  <!--ヘッダーデータ-->
101 
+  <header>
102 
+    <div id="header" class="gothic">
103 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+      <div id="h_block_1">
105 
+        <div class="h_line">
106 
+        </div>
107 
+        <article class="h_text_l">
108 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+        </article>
110 
+        <article class="h_text_l">
111 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+        </article>
113 
+        <article class="h_text_l">
114 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+        </article>
116 
+        <article class="h_text_l">
117 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+        </article>
133 
+      </div>
134 
+    </div>
135 
+  </header>
55 136
56 
-            <!--セクション サイトマップ-->
57 
-            <article id="sitemap">
58 
-                <div id="sitemap_img">
59 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                                             alt="サイトマップ"/></a>
137 
+  <!-- mobile header -->
138 
+  <header class="header">
139 
+    <div class="headerLogo">
140 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+    </div>
143 
+    <div class="headerTitle">
144 
+      <a href="../../index.html" class="header_link">
145 
+        <h1 class="headerTitle__text">北方町</h1>
146 
+      </a>
147 
+    </div>
148 
+    <div class="headerSubTitle">
149 
+      <a href="../../index.html" class="header_link">
150 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+      </a>
152 
+    </div>
153 
+    <div id="h-menu">
154 
+      <span></span>
155 
+      <span></span>
156 
+      <span></span>
157 
+      <div id="h-text">menu</div>
158 
+    </div>
159 
+    <div id="h-nav">
160 
+      <div class="h-menu_main_block_top">
161 
+        <div class="h-menu_main_block">
162 
+          <div class="h-menu_block">
163 
+            <a href="../../second/living.html">
164 
+              <div class="h-menu_block_text h-menu_block_before">
165 
+                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+              </div>
167 
+            </a>
168 
+          </div>
169 
+        </div>
170 
+        <div class="h-menu_main_block">
171 
+          <div class="h-menu_block">
172 
+            <a href="../../second/tourism.html">
173 
+              <div class="h-menu_block_text h-menu_block_before">
174 
+                <div class="h-menu_block_text_center">
175 
+                  観光
176 
+                </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/business.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">
192 
+            <a href="../../second/town_admini_info.html">
193 
+              <div class="h-menu_block_text h-menu_block_before">
194 
+                <div class="h-menu_block_text_center">町政情報</div>
195 
+              </div>
196 
+            </a>
197 
+          </div>
198 
+        </div>
199 
+        <div class="h-menu_main_block">
200 
+          <div class="h-menu_block h-menu_block_before">
201 
+            <a href="../../second/sitemap.html">
202 
+              <div class="h-menu_block_text h-menu_block_before">
203 
+                <div class="h-menu_block_text_center">
204 
+                  サイトマップ
61 205 
                 </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>
206 
+              </div>
207 
+            </a>
208 
+          </div>
209 
+        </div>
210 
+        <div class="h-menu_main_block">
211 
+          <div class="h-menu_block h-menu_block_before">
212 
+            <a href="https://ai-staff.net/kitagata/chat">
213 
+              <div class="h-menu_block_text  h-menu_block_before">
214 
+                <div class="h-menu_block_text_center">
215 
+                  AIチャット
68 216 
                 </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>
217 
+              </div>
218 
+            </a>
219 
+          </div>
220 
+        </div>
221 
+        <div class="h-menu_main_block">
222 
+          <div class="h-menu_block h-menu_block_before">
223 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+              <div class="h-menu_block_text">
225 
+                <div class="h-menu_block_text_center">
226 
+                  お問い合わせ一覧
85 227 
                 </div>
86 
-            </article>
87 
-            <div id="claer">
88 
-            </div>
228 
+              </div>
229 
+            </a>
230 
+          </div>
89 231 
         </div>
90 
-    </section>
91 
-    <!--ヘッダーデータ-->
92 
-    <header>
93 
-        <div id="header" class="gothic">
94 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
95 
-                                            height="260px"/></a>
96 
-            <div id="h_block_1">
97 
-                <div class="h_line">
232 
+        <div class="h-menu_main_block">
233 
+          <div class="h-menu_lang">
234 
+            <div class="h-menu_block_lang">
235 
+              <div class="h-menu_block_text_center">
236 
+                <div class="h-menu_block_text_line">
237 
+                  背景変更
238 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                  </div>
240 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                  </div>
242 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                  </div>
244 
+                </div>
245 
+                <script>
246 
+                    getBackgNumber2();
247 
+                </script>
248 
+                <div class="h-menu_block_text_line">言語選択
249 
+                  <div class="mobile_translation">
250 
+                    <div id="google_translate_element"></div>
251 
+                  </div>
98 252 
                 </div>
99 
-                <article class="h_text_l">
100 
-                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
101 
-                </article>
102 
-                <article class="h_text_l">
103 
-                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
104 
-                </article>
105 
-                <article class="h_text_l">
106 
-                    <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
110 
-                </article>
253 
+              </div>
111 254 
             </div>
112 
-            <div id="h_block_search">
113 
-                <div class="h_line"></div>
114 
-                <article class="h_search">
115 
-                    <div class="space10"></div>
116 
-                    <form action="http://www.google.com/search">
117 
-                        <input type="hidden" name="hl" value="ja"/>
118 
-                        <input type="hidden" name="ie" value="UTF-8">
119 
-                        <input type="hidden" name="oe" value="UTF-8">
120 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
121 
-                        <input type="text" name="q" size="16" maxlength="256" value=""/>
122 
-                        <input type="submit" name="btnG" value="検索"/>
123 
-                    </form>
124 
-                </article>
255 
+          </div>
256 
+        </div>
257 
+        <div class="h-menu_main_block">
258 
+          <div class="h-menu_search">
259 
+            <div class="h-menu_block_search">
260 
+              <form action="https://www.google.com/search">
261 
+                <input type="hidden" name="hl" value="ja"/>
262 
+                <input type="hidden" name="ie" value="UTF-8">
263 
+                <input type="hidden" name="oe" value="UTF-8">
264 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                       class="mobile_form_input"/>
267 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+              </form>
125 269 
             </div>
270 
+          </div>
126 271 
         </div>
127 
-    </header>
272 
+      </div>
273 
+    </div>
274 
+  </header>
128 275
129 
-    <div id="third_body">
130 
-        <section id="template">
131 
-            <article id="breadcrumb">
132 
-                <div id="breadcrumb_title">
133 
-                    <div id="breadcrumb_title_block">
276 
+  <div id="third_body">
277 
+    <section id="template">
278 
+      <article id="breadcrumb">
279 
+        <div id="breadcrumb_title">
280 
+          <div id="breadcrumb_title_block">
134 281 
                             <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
135 282 
                                     href="../../second/living.html">くらしの情報</a>><a
136 283 
                                     href="../../second/Agriculture.html">農業</a>>農業委員会</span>
137 
-                    </div>
138 
-                </div>
139 
-            </article>
284 
+          </div>
285 
+        </div>
286 
+      </article>
140 287
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 
-                <span id="template_article_block">
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 
+        <span id="template_article_block">
148 295 
                         <p class="paragraphT10">北方町農業委員会は、計9名（農業者８名、非農家１名）で構成され、毎月末頃開会し農地法に伴う申請書類を審議しています。</p>
149 296 
                         <br/>
150 
-                        <div style="border: solid 1px #000000; width: 450px;">
151 
-                            <div style="padding: 20px;">
152 
-                                ●北方町農業委員 <br/>
153 
-                                会長<span style="margin-left: 2rem;"></span>八代<span
154 
-                                    style="margin-left: 1rem;"></span>修<span
155 
-                                    style="margin-left: 4rem;"></span>職務代理者<span
156 
-                                    style="margin-left: 1rem;"></span>鷲見<span style="margin-left: 1rem;"></span>哲夫
157 
-                                <br/>
158 
-                                <br/>
159 
-                                委員<span style="margin-left: 2rem;"></span>田口<span
160 
-                                    style="margin-left: 1rem;"></span>紀子<span style="margin-left: 3rem;"></span>大野<span
161 
-                                    style="margin-left: 1rem;"></span>甲志雄 <br/>
162 
-                                <span style="margin-left: 4rem;"></span>木野村<span
163 
-                                    style="margin-left: 1rem;"></span>直行<span style="margin-left: 2rem;"></span>安藤<span
164 
-                                    style="margin-left: 1rem;"></span>巌 <br/>
165 
-                                <span style="margin-left: 4rem;"></span>柴田<span
166 
-                                    style="margin-left: 1rem;"></span>武浩<span style="margin-left: 3rem;"></span>髙橋<span
167 
-                                    style="margin-left: 1rem;"></span>正典 <br/>
168 
-                                <span style="margin-left: 4rem;"></span>神谷<span style="margin-left: 1rem;"></span>孝司
297 
+                        <div class="scroll_table">
298 
+                            <div style="border: solid 1px #000000; width: 450px;">
299 
+                                <div style="padding: 20px;">
300 
+                                    ●北方町農業委員 <br/>
301 
+                                    会長<span style="margin-left: 2rem;"></span>八代<span
302 
+                                        style="margin-left: 1rem;"></span>修<span
303 
+                                        style="margin-left: 4rem;"></span>職務代理者<span
304 
+                                        style="margin-left: 1rem;"></span>鷲見<span style="margin-left: 1rem;"></span>哲夫
305 
+                                    <br/>
306 
+                                    <br/>
307 
+                                    委員<span style="margin-left: 2rem;"></span>田口<span
308 
+                                        style="margin-left: 1rem;"></span>紀子<span
309 
+                                        style="margin-left: 3rem;"></span>大野<span
310 
+                                        style="margin-left: 1rem;"></span>甲志雄 <br/>
311 
+                                    <span style="margin-left: 4rem;"></span>木野村<span
312 
+                                        style="margin-left: 1rem;"></span>直行<span
313 
+                                        style="margin-left: 2rem;"></span>安藤<span
314 
+                                        style="margin-left: 1rem;"></span>巌 <br/>
315 
+                                    <span style="margin-left: 4rem;"></span>柴田<span
316 
+                                        style="margin-left: 1rem;"></span>武浩<span
317 
+                                        style="margin-left: 3rem;"></span>髙橋<span
318 
+                                        style="margin-left: 1rem;"></span>正典 <br/>
319 
+                                    <span style="margin-left: 4rem;"></span>神谷<span style="margin-left: 1rem;"></span>孝司
320 
+                                </div>
169 321 
                             </div>
170 322 
                         </div>
171 323 
                     </span>
172 
-            </article>
324 
+      </article>
173 325
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 
-                <span id="template_article_block">
326 
+      <article id="template_list_title">
327 
+        <div id="template_title2" class="gothic">
328 
+          <div id="template_title_block">
329 
+            <span id="template_title2">農地を売買・貸借等や転用する場合</span>
330 
+          </div>
331 
+        </div>
332 
+        <span id="template_article_block">
181 333 
                         <p class="paragraphT10">
182 334 
                             農地を売買・貸借する場合は農地法３条による許可申請が必要となります。また、農地を宅地化するなど農地以外の用途に変える（農地転用）場合は、農地法４条又は５条の届出や許可が必要となります。<br/>
183 335 
                             これらの申請をする場合は、必要な申請書類等を作成し、農業委員会に提出してください。なお農業振興地域内農地を転用する場合は、事前に農業振興地域から除外することが必要となります。
 
@@ -191,54 +343,71 @@
191 343 
                         <br/>
192 344
193 345 
                     </span>
194 
-            </article>
195 
-            <article id="template_list_title">
196 
-                <div id="template_title2" class="gothic">
197 
-                    <div id="template_title_block">
198 
-                        <span id="template_title2">各種証明について</span>
199 
-                    </div>
200 
-                </div>
201 
-                <span id="template_article_block">
346 
+      </article>
347 
+      <article id="template_list_title">
348 
+        <div id="template_title2" class="gothic">
349 
+          <div id="template_title_block">
350 
+            <span id="template_title2">各種証明について</span>
351 
+          </div>
352 
+        </div>
353 
+        <span id="template_article_block">
202 354 
                         <p class="paragraphT10">
203 355 
                             農業委員会では、「耕作証明」、「相続税・贈与税の適格者証明」など各種証明を発行しています。その他にも必要に応じて証明を発行していますので、詳細は農業委員会にお尋ねください。</p>
204 356 
                     </span>
205 
-            </article>
206 
-            <article id="template_list_title">
207 
-                <div id="template_title2" class="gothic">
208 
-                    <div id="template_title_block">
209 
-                        <span id="template_title2">事務局</span>
210 
-                    </div>
211 
-                </div>
212 
-                <span id="template_article_block">
357 
+      </article>
358 
+      <article id="template_list_title">
359 
+        <div id="template_title2" class="gothic">
360 
+          <div id="template_title_block">
361 
+            <span id="template_title2">事務局</span>
362 
+          </div>
363 
+        </div>
364 
+        <span id="template_article_block">
213 365 
                         <p class="paragraphT10">北方町役場　都市環境課内　農業委員会事務局　電話323-1114<br/>
214 366 
                             Mail <a
215 
-                                    href="mailto:toshikan@town.gifu-kitagata.lg.jp">toshikan@town.gifu-kitagata.lg.jp</a>
367 
+                                  href="mailto:toshikan@town.gifu-kitagata.lg.jp">toshikan@town.gifu-kitagata.lg.jp</a>
216 368 
                         </p>
217 369 
                     </span>
218 
-            </article>
219 
-            <article id="template_list_title">
220 
-                <div id="template_title2" class="gothic">
221 
-                    <div id="template_title_block">
222 
-                        <span id="template_title2">お問い合わせ</span>
223 
-                    </div>
224 
-                </div>
225 
-                <span id="template_article_block">
370 
+      </article>
371 
+      <article id="template_list_title">
372 
+        <div id="template_title2" class="gothic">
373 
+          <div id="template_title_block">
374 
+            <span id="template_title2">お問い合わせ</span>
375 
+          </div>
376 
+        </div>
377 
+        <span id="template_article_block">
226 378 
                         都市環境課<br/>
227 379 
                         Tel 058-323-1114<br/>
228 380 
                         <a href="../../second/Inquiry_form_urban.html">お問い合わせフォーム</a>
229 381 
                     </span>
230 
-            </article>
231 
-        </section>
232 
-    </div>
233 
-
234 
-    <footer>
235 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
236 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
237 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
238 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
239 
-    </footer>
382 
+      </article>
383 
+    </section>
384 
+  </div>
240 385
241 386
387 
+  <footer>
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>
409 
+    </p>
410 
+  </footer>
242 411 
 </div>
243 412 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Agricultural_committee"
244 413 
      height="1" width="1"/>

+ 321
- 158
third/living/Agriculture_Application_status.html ファイルの表示 

@@ -1,183 +1,346 @@
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 
-    <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 
-    <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.css">
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 
-    <script src="../../js/operation.js"></script>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 21 
 </head>
18 22
19 23 
 <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="setBackground3(1)">
37 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                            onClick="setBackground3(2)">
39 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
40 
-                            onClick="setBackground3(3)">
41 
-                    </div>
42 
-                    <script>
43 
-                        getBackgNumber3();
44 
-                    </script>
45 
-                </article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
46 34
47 
-                <!--セクション 文字サイズ-->
48 
-                <!--<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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
56 63
57 
-                <!--セクション サイトマップ-->
58 
-                <article id="sitemap">
59 
-                    <div id="sitemap_img">
60 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
61 
-                                alt="サイトマップ" /></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"><img
68 
-                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
69 
-                    </div>
70 
-                </article>
71 
-                <!--セクション 翻訳-->
72 
-                <article id="translation">
73 
-                    <div id="translation_img">
74 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
-                        <div id="google_translate_element"></div>
76 
-                        <script type="text/javascript">
77 
-                            function googleTranslateElementInit() {
78 
-                                new google.translate.TranslateElement({
79 
-                                    pageLanguage: 'ja',
80 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
81 
-                                }, 'google_translate_element');
82 
-                            }
83 
-                        </script>
84 
-                        <script type="text/javascript"
85 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
86 
-                    </div>
87 
-                </article>
88 
-                <div id="claer">
89 
-                </div>
90 
-            </div>
91 
-        </section>
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
98 
+
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
92 135
93 
-        <!--ヘッダーデータ-->
94 
-        <header>
95 
-            <div id="header" class="gothic">
96 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
97 
-                        height="260px" /></a>
98 
-                <div id="h_block_1">
99 
-                    <div class="h_line">
100 
-                    </div>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
106 
-                    </article>
107 
-                    <article class="h_text_l">
108 
-                        <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
112 
-                    </article>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
113 226 
                 </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>
126 
-                    </article>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
127 251 
                 </div>
252 
+              </div>
128 253 
             </div>
129 
-        </header>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
130 274
131 
-        <div id="third_body">
132 
-            <!--セクション template-->
133 
-            <section id="template">
134 
-                <article id="breadcrumb2">
135 
-                    <div id="breadcrumb_title2">
136 
-                        <div id="breadcrumb_title_block2">
275 
+  <div id="third_body">
276 
+    <!--セクション template-->
277 
+    <section id="template">
278 
+      <article id="breadcrumb2">
279 
+        <div id="breadcrumb_title2">
280 
+          <div id="breadcrumb_title_block2">
137 281 
                             <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
138 282 
                                     href="../../second/living.html">くらしの情報</a>><a
139 283 
                                     href="../../second/Agriculture.html">農業</a>>北方町農業委員会の委員候補者の推薦及び応募状況について(最終公表)
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 
-                    <span id="template_article_block">
150 
-                        <br />
151 
-                        令和2年4月30日現在の、推薦および応募状況を公表します。<br />
152 
-                        <br />
153 
-                        <div style="text-align: right;"><span style="text-align: right;"> 令和2年5月1日<br />
284 
+          </div>
285 
+        </div>
286 
+      </article>
287 
+      <article id="template_2lins">
288 
+        <div id="template_title_2lins" class="gothic">
289 
+          <div id="template_title_block_2lins">
290 
+            <span id="template_title_2lins">北方町農業委員会の委員候補者の推薦及び応募状況について(最終公表)</span>
291 
+          </div>
292 
+        </div>
293 
+        <span id="template_article_block">
294 
+                        <br/>
295 
+                        令和2年4月30日現在の、推薦および応募状況を公表します。<br/>
296 
+                        <br/>
297 
+                        <div style="text-align: right;"><span style="text-align: right;"> 令和2年5月1日<br/>
154 298 
                                 北方町長　戸部　哲哉
155 299 
                             </span>
156 300 
                         </div>
157 
-                        <br />
158 
-                        1　推薦を受けた者<br />
159 
-                        　　8名（うち認定農業者2名）<br />
160 
-                        <br />
161 
-                        2　応募した者<br />
162 
-                        　　1名（うち認定農業者0名）<br />
163 
-                        <br />
301 
+                        <br/>
302 
+                        1　推薦を受けた者<br/>
303 
+                        　　8名（うち認定農業者2名）<br/>
304 
+                        <br/>
305 
+                        2　応募した者<br/>
306 
+                        　　1名（うち認定農業者0名）<br/>
307 
+                        <br/>
164 308 
                     </span>
165 
-                </article>
309 
+      </article>
166 310
167 
-            </section>
168 
-        </div>
169 
-
170 
-        <footer>
171 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
172 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
173 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
174 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
175 
-        </footer>
311 
+    </section>
312 
+  </div>
176 313
177 314
315 
+  <footer>
316 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
317 
+    <div class="footer_mobile">
318 
+      <div class="footer_mobile_title">
319 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
320 
+        <h1 class="footerMobile__text">北方町役場</h1>
321 
+      </div>
322 
+      <div class="footer_mobile_address">
323 
+                <span class="footerTextWrap__text">
324 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
325 
+                </span><br>
326 
+        電話:058-323-1111(代)<br>
327 
+        FAX:058-323-2963<br>
328 
+        開庁日：8時30分～17時15分<br>
329 
+        （土・日・祝日、年末年始を除く）<br>
330 
+      </div>
178 331 
     </div>
179 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
180 
-        width="1" />
332 
+    <br class="sp__brDisplay">
333 
+    <p class="footer_text">
334 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
335 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
336 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
337 
+    </p>
338 
+  </footer>
339 
+
340 
+
341 
+</div>
342 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
343 
+     width="1"/>
181 344 
 </body>
182 345
183 
-</html>
346 
+</html>

+ 306
- 136
third/living/Application_bid_and_contract.html ファイルの表示 

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

+ 352
- 189
third/living/Application_culture.html ファイルの表示 

@@ -1,194 +1,339 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
45 34
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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
63 
+
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
55 98
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								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>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
91 135
92 
-		<!--ヘッダーデータ-->
93 
-		<header>
94 
-			<div id="header" class="gothic">
95 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/business.html"><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"><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>
125 
-					</article>
126 
-				</div>
127 
-			</div>
128 
-		</header>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
129 274
130 
-		<div id="third_body">
131 
-			<section id="template">
132 
-				<article id="breadcrumb">
133 
-					<div id="breadcrumb_title">
134 
-						<div id="breadcrumb_title_block">
275 
+  <div id="third_body">
276 
+    <section id="template">
277 
+      <article id="breadcrumb">
278 
+        <div id="breadcrumb_title">
279 
+          <div id="breadcrumb_title_block">
135 280 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
136 
-									href="../../second/living.html">くらしの情報</a>>文化財関係>申請書等の手引き・様式</span>
137 
-						</div>
138 
-					</div>
139 
-				</article>
140 
-				<article id="template">
141 
-					<div id="template_title" class="gothic">
142 
-						<div id="template_title_block">
143 
-							<span id="template_title">申請書等の手引き・様式</span>
144 
-						</div>
145 
-					</div>
146 
-					<span id="template_article_block">
281 
+                                    href="../../second/living.html">くらしの情報</a>>文化財関係>申請書等の手引き・様式</span>
282 
+          </div>
283 
+        </div>
284 
+      </article>
285 
+      <article id="template">
286 
+        <div id="template_title" class="gothic">
287 
+          <div id="template_title_block">
288 
+            <span id="template_title">申請書等の手引き・様式</span>
289 
+          </div>
290 
+        </div>
291 
+        <span id="template_article_block">
147 292
148 293 
 						<p class="paragraphT10"><strong>□ 埋蔵文化財とは</strong></p>
149 294 
 						<p class="paragraphT10">　<a
150 
-								href="../../fourth/topics/130902download/bunkazai_1_2020.pdf">・埋蔵文化財について（PDF、149KB）</a>
295 
+                                href="../../fourth/topics/130902download/bunkazai_1_2020.pdf">・埋蔵文化財について（PDF、149KB）</a>
151 296 
 						</p>
152 297
153 298 
 						<p class="paragraphT10"><strong>□ 埋蔵文化財包蔵地の確認をする場合</strong></p>
154 299 
 						<p class="paragraphT10">　<a
155 
-								href="../../fourth/topics/130902download/bunkazai_2_2020_2.pdf">・埋蔵文化財に関する手続きの流れ（PDF、96KB）</a>
300 
+                                href="../../fourth/topics/130902download/bunkazai_2_2020_2.pdf">・埋蔵文化財に関する手続きの流れ（PDF、96KB）</a>
156 301 
 						</p>
157 302
158 303 
 						<p class="paragraphT10">
159 304 
 							１．町内で建築や土木工事などを行う場合は、文化財保護法第93条（民間）94条（国及び地方公共団体）に基づく『周知の埋蔵文化財包蔵地』の確認が必要です。</p>
160 305 
 						<div class="dot_box">
161 
-							● 住宅建設（全ての建造物）<br />
162 
-							● 外構・擁壁工事<br />
163 
-							● 宅地造成<br />
164 
-							● 道路工事<br />
165 
-							● 上下水道工事<br />
166 
-							● 開発行為<br />
167 
-							● 農地整備<br />
168 
-							● その他工事（看板設置・工作物等）<br />
169 
-							● 土地区画整理事業等<br />
306 
+							● 住宅建設（全ての建造物）<br/>
307 
+							● 外構・擁壁工事<br/>
308 
+							● 宅地造成<br/>
309 
+							● 道路工事<br/>
310 
+							● 上下水道工事<br/>
311 
+							● 開発行為<br/>
312 
+							● 農地整備<br/>
313 
+							● その他工事（看板設置・工作物等）<br/>
314 
+							● 土地区画整理事業等<br/>
170 315 
 							掘削や盛土を施さない工事（例　家屋のリフォームなど）は届出の必要はありません。
171 316 
 						</div>
172 317
173 
-						<p>　<strong>これらの工事の計画立案を行う時には、教育委員会に「埋蔵文化財包蔵地確認依頼書」を提出し、埋蔵文化財包蔵地の確認を行って下さい。</strong><br />
318 
+						<p>　<strong>これらの工事の計画立案を行う時には、教育委員会に「埋蔵文化財包蔵地確認依頼書」を提出し、埋蔵文化財包蔵地の確認を行って下さい。</strong><br/>
174 319 
 							　<a href="../../fourth/topics/130902download/bunkazai_3.pdf"
175 
-								target="_blank">・埋蔵文化財包蔵地確認依頼書（PDF、49KB）</a></p>
320 
+                                target="_blank">・埋蔵文化財包蔵地確認依頼書（PDF、49KB）</a></p>
176 321
177 322
178 323 
 						<p class="paragraphT10"><strong>２．周知の埋蔵文化財包蔵地の確認方法</strong></p>
179 
-						<p class="paragraphT10">　下記の分布図で閲覧できます。工事計画立案の際は必ず「教育委員会」窓口で確認して下さい。<br />
324 
+						<p class="paragraphT10">　下記の分布図で閲覧できます。工事計画立案の際は必ず「教育委員会」窓口で確認して下さい。<br/>
180 325 
 							　<a href="../../fourth/topics/130902download/bunkazai_4.pdf"
181 
-								target="_blank">・埋蔵文化財分布図（PDF、1.3MB</a><a
182 
-								href="../../fourth/topics/130902download/bunkazai_4.pdf">）</a></p>
326 
+                                target="_blank">・埋蔵文化財分布図（PDF、1.3MB</a><a
327 
+                                  href="../../fourth/topics/130902download/bunkazai_4.pdf">）</a></p>
183 328 
 						<p class="paragraphT10">
184 329 
 							<strong>３．埋蔵文化財包蔵地内で工事が行われる場合、埋蔵文化財（93条）に関わる届出、（94条）に関わる通知が必要になります。</strong></p>
185 330
186 331 
 						<p class="paragraphT10">
187 332 
 							　<a
188 
-								href="../../fourth/topics/130902download/bunkazai_5_2020.doc">・埋蔵文化財発掘届（Word、39KB）</a><br />
189 
-							　<a href="../../fourth/topics/130902download/bunkazai_6_2020.doc">・委任状（Word、23KB）</a><br />
333 
+                                href="../../fourth/topics/130902download/bunkazai_5_2020.doc">・埋蔵文化財発掘届（Word、39KB）</a><br/>
334 
+							　<a href="../../fourth/topics/130902download/bunkazai_6_2020.doc">・委任状（Word、23KB）</a><br/>
190 335 
 							　<a
191 
-								href="../../fourth/topics/130902download/bunkazai_7_2020.doc">・発掘承諾書（Word、24KB）</a><br />
336 
+                                href="../../fourth/topics/130902download/bunkazai_7_2020.doc">・発掘承諾書（Word、24KB）</a><br/>
192 337 
 							　<a href="../../fourth/topics/130902download/bunkazai_8_2020.rtf">・試掘申請書（Word、84KB）</a>
193 338 
 						</p>
194 339 
 
@@ -198,18 +343,18 @@
198 343 
 						</div>
199 344
200 345
201 
-						<p class="paragraphT10">〔添付書類〕<br />
346 
+						<p class="paragraphT10">〔添付書類〕<br/>
202 347 
 							文化財保護法93条に関わる届出（94条通知）には次のものが必要です。</p>
203 348
204 349 
 						<p class="paragraphT10">
205 
-							　　○位置図（周知の埋蔵文化財包蔵地と開発場所が対比できるもの）<br />
206 
-							　　○地番の分かる図面<br />
350 
+							　　○位置図（周知の埋蔵文化財包蔵地と開発場所が対比できるもの）<br/>
351 
+							　　○地番の分かる図面<br/>
207 352 
 							　　○開発場所の平面位置、掘削範囲、掘削断面図</p>
208 353
209 
-						<p class="paragraphT10">〔提出に関する注意〕地図の著作権について<br />
210 
-							　　添付していただく書類の中に、著作権のある地図をコピーしたものが含まれています。ご提出時には次のことに留意してください。<br />
211 
-							　（１）提出時にコピーが使われた場合、承諾確認をさせていただく場合があります。<br />
212 
-							　（２）住宅地図をコピーする場合、届出者が承諾を取っている場合は問題ありません。<br />
354 
+						<p class="paragraphT10">〔提出に関する注意〕地図の著作権について<br/>
355 
+							　　添付していただく書類の中に、著作権のある地図をコピーしたものが含まれています。ご提出時には次のことに留意してください。<br/>
356 
+							　（１）提出時にコピーが使われた場合、承諾確認をさせていただく場合があります。<br/>
357 
+							　（２）住宅地図をコピーする場合、届出者が承諾を取っている場合は問題ありません。<br/>
213 358 
 							　（３）住宅地図にかわる地図がご入り用の場合、役場「都市環境農政課」で都市計画図がありますので、ご利用（販売・コピー※有料）いただけます。</p>
214 359
215 360 
 						<p class="paragraphT10"><strong>４．届出の審査を岐阜県が行います</strong></p>
 
@@ -217,50 +362,68 @@
217 362 
 							岐阜県は、提出された届出を基に届出地及びその周辺の埋蔵文化財の状況や、工事内容を検討し、届出における土木工事が埋蔵文化財に与える影響を審査し、埋蔵文化財保護に関する事項を通知します。
218 363 
 						</p>
219 364
220 
-						<p class="paragraphT10">〔通知の内容〕<br />
221 
-							（１）発掘調査の場合<br />
222 
-							　　　事前に発掘調査を行い、工事によって影響を受ける範囲の記録作成を行います。<br />
223 
-							（２）立会い工事の場合<br />
224 
-							　　　施工時に文化財担当職員が立ち会いし、必要な記録及びその他の措置を行います。<br />
225 
-							（３）慎重工事の場合<br />
226 
-							　　　施工計画どおり慎重に工事を実施して下さい。<br />
365 
+						<p class="paragraphT10">〔通知の内容〕<br/>
366 
+							（１）発掘調査の場合<br/>
367 
+							　　　事前に発掘調査を行い、工事によって影響を受ける範囲の記録作成を行います。<br/>
368 
+							（２）立会い工事の場合<br/>
369 
+							　　　施工時に文化財担当職員が立ち会いし、必要な記録及びその他の措置を行います。<br/>
370 
+							（３）慎重工事の場合<br/>
371 
+							　　　施工計画どおり慎重に工事を実施して下さい。<br/>
227 372 
 							　なお、計画に変更があった場合は届出が必要になります。</p>
228 373
229 374 
 						<p class="paragraphT10">
230 375 
 							<strong>５．工事中に遺物・遺跡・遺構などが発見された場合は速やかに「発見届（文化財保護法第108条、遺失物法第4条に関わる届出）を提出することになります。</strong>
231 376 
 						</p>
232 
-						<p class="paragraphT10">　発見された場合は、教育委員会へお問い合わせください。<br />
233 
-							　なお、この届出は発見後7日以内に警察署へ発見者が提出する必要があります。<br />
377 
+						<p class="paragraphT10">　発見された場合は、教育委員会へお問い合わせください。<br/>
378 
+							　なお、この届出は発見後7日以内に警察署へ発見者が提出する必要があります。<br/>
234 379 
 							　<a href="../../fourth/topics/130902download/bunkazai_8.pdf"
235 
-								target="_blank">・埋蔵文化財発見届（PDF、21KB）</a></p>
380 
+                                target="_blank">・埋蔵文化財発見届（PDF、21KB）</a></p>
236 381
237 382
238 383 
 						<p class="paragraphT10"><strong>□ 担当部局</strong></p>
239 
-						<div class="dot_box">北方町教育委員会<br />
240 
-							　〒501-0431　岐阜県本巣郡北方町北方１８５７<br />
241 
-							　電話　　058-323-1115<br />
384 
+						<div class="dot_box">北方町教育委員会<br/>
385 
+							　〒501-0431　岐阜県本巣郡北方町北方１８５７<br/>
386 
+							　電話　　058-323-1115<br/>
242 387 
 							　ＦＡＸ　058-323-3890
243 388 
 						</div>
244 389
245 390
246 391
247 
-						<br class="clear" />
392 
+						<br class="clear"/>
248 393 
 					</span>
249 
-				</article>
250 
-			</section>
251 
-		</div>
394 
+      </article>
395 
+    </section>
396 
+  </div>
252 397
253 
-		<footer>
254 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
255 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
256 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
257 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
258 
-		</footer>
259 398
399 
+  <footer>
400 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
401 
+    <div class="footer_mobile">
402 
+      <div class="footer_mobile_title">
403 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
404 
+        <h1 class="footerMobile__text">北方町役場</h1>
405 
+      </div>
406 
+      <div class="footer_mobile_address">
407 
+                <span class="footerTextWrap__text">
408 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
409 
+                </span><br>
410 
+        電話:058-323-1111(代)<br>
411 
+        FAX:058-323-2963<br>
412 
+        開庁日：8時30分～17時15分<br>
413 
+        （土・日・祝日、年末年始を除く）<br>
414 
+      </div>
415 
+    </div>
416 
+    <br class="sp__brDisplay">
417 
+    <p class="footer_text">
418 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
419 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
420 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
421 
+    </p>
422 
+  </footer>
260 423
261 
-	</div>
262 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_culture"
263 
-		height="1" width="1" />
424 
+</div>
425 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_culture"
426 
+     height="1" width="1"/>
264 427 
 </body>
265 428
266 
-</html>
429 
+</html>

+ 313
- 134
third/living/Application_election.html ファイルの表示 

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

+ 320
- 157
third/living/Application_environment.html ファイルの表示 

@@ -1,174 +1,319 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
45 34
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>-->
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
55 63
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								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>
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
91 98
92 
-		<!--ヘッダーデータ-->
93 
-		<header>
94 
-			<div id="header" class="gothic">
95 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/business.html"><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"><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>
125 
-					</article>
126 
-				</div>
127 
-			</div>
128 
-		</header>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
129 135
130 
-		<div id="third_body">
131 
-			<section id="template">
132 
-				<article id="breadcrumb">
133 
-					<div id="breadcrumb_title">
134 
-						<div id="breadcrumb_title_block">
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
275 
+  <div id="third_body">
276 
+    <section id="template">
277 
+      <article id="breadcrumb">
278 
+        <div id="breadcrumb_title">
279 
+          <div id="breadcrumb_title_block">
135 280 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
136 
-									href="../../second/living.html">くらしの情報</a>>生活環境>申請書等様式</span>
137 
-						</div>
138 
-					</div>
139 
-				</article>
140 
-				<article id="template">
141 
-					<div id="template_title" class="gothic">
142 
-						<div id="template_title_block">
143 
-							<span id="template_title">申請書等様式</span>
144 
-						</div>
145 
-					</div>
146 
-					<span id="template_article_block">
281 
+                                    href="../../second/living.html">くらしの情報</a>>生活環境>申請書等様式</span>
282 
+          </div>
283 
+        </div>
284 
+      </article>
285 
+      <article id="template">
286 
+        <div id="template_title" class="gothic">
287 
+          <div id="template_title_block">
288 
+            <span id="template_title">申請書等様式</span>
289 
+          </div>
290 
+        </div>
291 
+        <span id="template_article_block">
147 292
148 293 
 						　<p><strong id="life">犬の登録等に関する様式</strong></p>
149 294 
 						<ul>
150 295 
 							<li><a href="../../fourth/topics/pdf/11001.pdf"
151 
-									target="_blank">犬の登録申請書・犬の鑑札・狂犬病予防注射済票交付申請書(PDF 52KB)</a></li>
296 
+                                   target="_blank">犬の登録申請書・犬の鑑札・狂犬病予防注射済票交付申請書(PDF 52KB)</a></li>
152 297 
 							<li><a href="../../fourth/topics/pdf/11002.pdf" target="_blank">犬の登録事項変更届出書(PDF 52KB)</a>
153 298 
 							</li>
154 299 
 							<li><a href="../../fourth/topics/pdf/11003.pdf" target="_blank">犬の死亡届出書(PDF 48KB)</a></li>
155 
-							<!-- <li><a href="../../fourth/topics/pdf/11004.pdf">北方町飼い犬等避妊手術費補助金交付申請書(PDF 39KB)</a></li> -->
300 
+                          <!-- <li><a href="../../fourth/topics/pdf/11004.pdf">北方町飼い犬等避妊手術費補助金交付申請書(PDF 39KB)</a></li> -->
156 301 
 							　
157 302 
 						</ul>
158 303 
 						<p><strong id="life">飼い猫避妊手術費補助金に関する様式</strong></p>
159 304 
 						<ul>
160 305 
 							<li><a href="../../fourth/lifeguide/garbage/pdf/cat_hinin_hojokin_sinsei_2.pdf"
161 
-									target="_blank">飼い猫避妊手術費補助金交付申請書(PDF 76KB)<br /></li>
306 
+                                   target="_blank">飼い猫避妊手術費補助金交付申請書(PDF 76KB)<br/></li>
162 307 
 							<li><a href="../../fourth/lifeguide/garbage/pdf/cat_hinin_hojokin_sinsei_rei_2.pdf"
163 
-									target="_blank">飼い猫避妊手術費補助金交付申請書記載例(PDF 140KB)</a><br /></li>
308 
+                                   target="_blank">飼い猫避妊手術費補助金交付申請書記載例(PDF 140KB)</a><br/></li>
164 309 
 							<li><a href="../../fourth/lifeguide/garbage/pdf/kisoku_4_sinsei_2.pdf"
165 
-									target="_blank">規則第4条申請書(PDF 70KB)</a><br /></li>
310 
+                                   target="_blank">規則第4条申請書(PDF 70KB)</a><br/></li>
166 311 
 							<li><a href="../../fourth/lifeguide/garbage/pdf/kisoku_4_sinsei_rei_2.pdf"
167 
-									target="_blank">規則第4条申請書記載例(PDF 74KB)</a><br /></li>
312 
+                                   target="_blank">規則第4条申請書記載例(PDF 74KB)</a><br/></li>
168 313 
 							<li><a href="../../fourth/lifeguide/garbage/pdf/hojokin_sinsei_2.pdf"
169 
-									target="_blank">補助金請求書(PDF 56KB)</a><br /></li>
314 
+                                   target="_blank">補助金請求書(PDF 56KB)</a><br/></li>
170 315 
 							<li><a href="../../fourth/lifeguide/garbage/pdf/hojokin_sinsei_rei_2.pdf"
171 
-									target="_blank">補助金請求書記載例(PDF 61KB)</a></li>
316 
+                                   target="_blank">補助金請求書記載例(PDF 61KB)</a></li>
172 317 
 							　
173 318 
 						</ul>
174 319 
 
@@ -192,21 +337,39 @@
192 337 
 									解答用紙(pdf 134KB)</a></li>
193 338 
 						</ul>
194 339 
 					</span>
195 
-				</article>
196 
-			</section>
197 
-		</div>
340 
+      </article>
341 
+    </section>
342 
+  </div>
198 343
199 
-		<footer>
200 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
201 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
202 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
203 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
204 
-		</footer>
205 344
345 
+  <footer>
346 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
347 
+    <div class="footer_mobile">
348 
+      <div class="footer_mobile_title">
349 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
350 
+        <h1 class="footerMobile__text">北方町役場</h1>
351 
+      </div>
352 
+      <div class="footer_mobile_address">
353 
+                <span class="footerTextWrap__text">
354 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
355 
+                </span><br>
356 
+        電話:058-323-1111(代)<br>
357 
+        FAX:058-323-2963<br>
358 
+        開庁日：8時30分～17時15分<br>
359 
+        （土・日・祝日、年末年始を除く）<br>
360 
+      </div>
361 
+    </div>
362 
+    <br class="sp__brDisplay">
363 
+    <p class="footer_text">
364 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
365 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
366 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
367 
+    </p>
368 
+  </footer>
206 369
207 
-	</div>
208 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_environment"
209 
-		height="1" width="1" />
370 
+</div>
371 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_environment"
372 
+     height="1" width="1"/>
210 373 
 </body>
211 374
212 
-</html>
375 
+</html>

+ 303
- 134
third/living/Application_family_register.html ファイルの表示 

@@ -1,162 +1,313 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <body id="back">
19 
-  <div id="main" class="gothic">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
20 36 
     <!--セクション 操作-->
21 37 
     <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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
38 
+        <!--セクション 住所-->
39 
+        <article id="address">
40 
+            <address id="operation_add">
41 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+            </address>
40 43 
         </article>
44 
+        <div id="controle_panel">
45 
+            <!--セクション 背景色-->
46 
+            <article id="bgcolor">
47 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+                <div id="bgcolor_img">
49 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+                </div>
53 
+            </article>
54 
+            <!--セクション 文字サイズ-->
55 
+            <!--<article id="charsize" >
56 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+            <div id="charsize_img">
58 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+            </div>
62 
+            </article>-->
41 63
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>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
64 
+            <!--セクション サイトマップ-->
65 
+            <article id="sitemap">
66 
+                <div id="sitemap_img">
67 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+                </div>
69 
+            </article>
70 
+            <!--セクション お問い合わせ-->
71 
+            <article id="contact">
72 
+                <div id="contact_img">
73 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+                </div>
76 
+            </article>
77 
+            <!--セクション 翻訳-->
78 
+            <article id="translation">
79 
+                <div id="translation_img">
80 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+                    <div id="google_translate_element"></div>
82 
+                    <script type="text/javascript">
83 
+                        function googleTranslateElementInit() {
84 
+                            new google.translate.TranslateElement({
85 
+                                pageLanguage: 'ja',
86 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                            }, 'google_translate_element');
88 
+                        }
89 
+                    </script>
90 
+                    <script type="text/javascript"
91 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+                </div>
93 
+            </article>
94 
+            <div id="claer">
95 
+            </div>
83 96 
         </div>
84 
-      </div>
85 97 
     </section>
86 98
87 99 
     <!--ヘッダーデータ-->
88 100 
     <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
101 
+        <div id="header" class="gothic">
102 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+            <div id="h_block_1">
104 
+                <div class="h_line">
105 
+                </div>
106 
+                <article class="h_text_l">
107 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+                </article>
109 
+                <article class="h_text_l">
110 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+                </article>
112 
+                <article class="h_text_l">
113 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+                </article>
115 
+                <article class="h_text_l">
116 
+                    <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+                </article>
132 
+            </div>
133 
+        </div>
134 
+    </header>
135 
+
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+        </div>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
106 146 
         </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 
-          </article>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
120 272 
         </div>
121 
-      </div>
122 273 
     </header>
123 274
124 275 
     <div id="third_body">
125 
-      <section id="template">
126 
-        <article id="breadcrumb">
127 
-          <div id="breadcrumb_title">
128 
-            <div id="breadcrumb_title_block">
276 
+        <section id="template">
277 
+            <article id="breadcrumb">
278 
+                <div id="breadcrumb_title">
279 
+                    <div id="breadcrumb_title_block">
129 280 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
130 
-                  href="../../second/living.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 
-          <span id="template_article_block">
281 
+                      href="../../second/living.html">くらしの情報</a>>戸籍・住民票など>申請書等様式</span>
282 
+                    </div>
283 
+                </div>
284 
+            </article>
285 
+            <article id="template">
286 
+                <div id="template_title" class="gothic">
287 
+                    <div id="template_title_block">
288 
+                        <span id="template_title">申請書等様式</span>
289 
+                    </div>
290 
+                </div>
291 
+                <span id="template_article_block">
141 292
142 293 
             <p><strong id="life">代理人申請用</strong></p>
143 294 
             <ul>
144 295 
               <li id="access"><a href="../../fourth/lifeguide/register/pdf/inin_2022.pdf" target="_blank">委任状（PDF）</a>
145 296 
               </li>
146 297 
               <li id="access"><a href="../../fourth/lifeguide/register/pdf/inin_car_2020.pdf"
147 
-                  target="_blank">委任状（自動車販売店の方が手続きで住民票を取得したい場合）（PDF）</a></li>
298 
+                                 target="_blank">委任状（自動車販売店の方が手続きで住民票を取得したい場合）（PDF）</a></li>
148 299 
             </ul>
149 300 
             <p><strong id="life">転出届</strong></p>
150 301 
             <ul>
151 302 
               <li id="access"><a href="../../fourth/lifeguide/register/pdf/tenshutu_2020.pdf"
152 
-                  target="_blank">転出届（兼転出証明書請求用紙）(PDF）</a></li>
303 
+                                 target="_blank">転出届（兼転出証明書請求用紙）(PDF）</a></li>
153 304 
             </ul>
154 305 
             <p><strong id="life">郵送用交付申請書</strong></p>
155 306 
             <ul>
156 307 
               <li id="access"><a href="../../fourth/lifeguide/register/pdf/jyuuminhyou-kouhu_2020.pdf"
157 
-                  target="_blank">郵送用住民票等交付申請書のダウンロード(PDF）</a> </li>
308 
+                                 target="_blank">郵送用住民票等交付申請書のダウンロード(PDF）</a> </li>
158 309 
               <li id="access"><a href="../../fourth/lifeguide/register/pdf/kosekishoumei-kouhu_2020.pdf"
159 
-                  target="_blank">郵送用戸籍証明等交付申請書のダウンロード(PDF）</a> </li>
310 
+                                 target="_blank">郵送用戸籍証明等交付申請書のダウンロード(PDF）</a> </li>
160 311 
             </ul>
161 312 
             <p><strong id="life">住民票の写し等の第三者交付に係る本人通知制度</strong></p>
162 313 
             <ul>
 
@@ -164,21 +315,39 @@
164 315 
               <li id="access"><a href="../../fourth/living/3gou.pdf" target="_blank">本人通知制度登録(変更・廃止)届出書(PDF)</a></li>
165 316 
             </ul>
166 317 
           </span>
167 
-        </article>
168 
-      </section>
318 
+            </article>
319 
+        </section>
169 320 
     </div>
170 321
171 322 
     <footer>
172 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
173 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
174 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
175 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
323 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
324 
+        <div class="footer_mobile">
325 
+            <div class="footer_mobile_title">
326 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
327 
+                <h1 class="footerMobile__text">北方町役場</h1>
328 
+            </div>
329 
+            <div class="footer_mobile_address">
330 
+                <span class="footerTextWrap__text">
331 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
332 
+                </span><br>
333 
+                電話:058-323-1111(代)<br>
334 
+                FAX:058-323-2963<br>
335 
+                開庁日：8時30分～17時15分<br>
336 
+                （土・日・祝日、年末年始を除く）<br>
337 
+            </div>
338 
+        </div>
339 
+        <br class="sp__brDisplay">
340 
+        <p class="footer_text">
341 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
342 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
343 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
344 
+        </p>
176 345 
     </footer>
177 346
178 347
179 
-  </div>
180 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_family_register"
181 
-    height="1" width="1" />
348 
+</div>
349 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_family_register"
350 
+     height="1" width="1"/>
182 351 
 </body>
183 352
184 
-</html>
353 
+</html>

+ 190
- 19
third/living/Application_fire_and_disaster_prevention.html ファイルの表示 

@@ -1,7 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3 
 <head>
4 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
5 6 
   <title>北方町ホームページ</title>
6 7 
   <link rel="stylesheet" href="../../css/base.css">
7 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -9,11 +10,28 @@
9 10 
   <link rel="stylesheet" href="../../css/section.css">
10 11 
   <link rel="stylesheet" href="../../css/third_template.css">
11 12 
   <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
12 17 
   <script src="../../js/operation.js"></script>
13 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
14 21 
 </head>
15 22
16 23 
 <body id="back">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
17 35 
 <div id="main" class="gothic">
18 36 
   <!--セクション 操作-->
19 37 
   <section id="operation">
 
@@ -28,15 +46,11 @@
28 46 
       <article id="bgcolor">
29 47 
         <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
30 48 
         <div id="bgcolor_img">
31 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
34 52 
         </div>
35 
-        <script>
36 
-          getBackgNumber3();
37 
-        </script>
38 53 
       </article>
39 
-
40 54 
       <!--セクション 文字サイズ-->
41 55 
       <!--<article id="charsize" >
42 56 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
 
@@ -66,12 +80,12 @@
66 80 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67 81 
           <div id="google_translate_element"></div>
68 82 
           <script type="text/javascript">
69 
-            function googleTranslateElementInit() {
70 
-              new google.translate.TranslateElement({
71 
-                pageLanguage: 'ja',
72 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
73 
-              }, 'google_translate_element');
74 
-            }
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
75 89 
           </script>
76 90 
           <script type="text/javascript"
77 91 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -119,6 +133,145 @@
119 133 
     </div>
120 134 
   </header>
121 135
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
274 
+
122 275 
   <div id="third_body">
123 276 
     <section id="template">
124 277 
       <article id="breadcrumb">
 
@@ -147,14 +300,32 @@
147 300 
     </section>
148 301 
   </div>
149 302
303 
+
150 304 
   <footer>
151 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
152 
-    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
153 
-            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
305 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
306 
+    <div class="footer_mobile">
307 
+      <div class="footer_mobile_title">
308 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
309 
+        <h1 class="footerMobile__text">北方町役場</h1>
310 
+      </div>
311 
+      <div class="footer_mobile_address">
312 
+                <span class="footerTextWrap__text">
313 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
314 
+                </span><br>
315 
+        電話:058-323-1111(代)<br>
316 
+        FAX:058-323-2963<br>
317 
+        開庁日：8時30分～17時15分<br>
318 
+        （土・日・祝日、年末年始を除く）<br>
319 
+      </div>
320 
+    </div>
321 
+    <br class="sp__brDisplay">
322 
+    <p class="footer_text">
323 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
324 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
325 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
154 326 
     </p>
155 327 
   </footer>
156 328
157 
-
158 329 
 </div>
159 330 
 <img class="cgipageview"
160 331 
      src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_fire_and_disaster_prevention"

+ 349
- 177
third/living/Application_for_sponsorship_use.html ファイルの表示 

@@ -1,209 +1,381 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/table_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">
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 
+
36 
+<div id="main" class="gothic">
20 37 
     <!--セクション 操作-->
21 38 
     <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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
39 
+        <!--セクション 住所-->
40 
+        <article id="address">
41 
+            <address id="operation_add">
42 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
43 
+            </address>
40 44 
         </article>
45 
+        <div id="controle_panel">
46 
+            <!--セクション 背景色-->
47 
+            <article id="bgcolor">
48 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
49 
+                <div id="bgcolor_img">
50 
+                    <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+                    <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+                    <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
53 
+                </div>
54 
+            </article>
55 
+            <!--セクション 文字サイズ-->
56 
+            <!--<article id="charsize" >
57 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+            <div id="charsize_img">
59 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+            </div>
63 
+            </article>-->
41 64
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>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
65 
+            <!--セクション サイトマップ-->
66 
+            <article id="sitemap">
67 
+                <div id="sitemap_img">
68 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
69 
+                </div>
70 
+            </article>
71 
+            <!--セクション お問い合わせ-->
72 
+            <article id="contact">
73 
+                <div id="contact_img">
74 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
76 
+                </div>
77 
+            </article>
78 
+            <!--セクション 翻訳-->
79 
+            <article id="translation">
80 
+                <div id="translation_img">
81 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
82 
+                    <div id="google_translate_element"></div>
83 
+                    <script type="text/javascript">
84 
+                        function googleTranslateElementInit() {
85 
+                            new google.translate.TranslateElement({
86 
+                                pageLanguage: 'ja',
87 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
88 
+                            }, 'google_translate_element');
89 
+                        }
90 
+                    </script>
91 
+                    <script type="text/javascript"
92 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
93 
+                </div>
94 
+            </article>
95 
+            <div id="claer">
96 
+            </div>
83 97 
         </div>
84 
-      </div>
85 98 
     </section>
86 99
87 100 
     <!--ヘッダーデータ-->
88 101 
     <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
102 
+        <div id="header" class="gothic">
103 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
104 
+            <div id="h_block_1">
105 
+                <div class="h_line">
106 
+                </div>
107 
+                <article class="h_text_l">
108 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
109 
+                </article>
110 
+                <article class="h_text_l">
111 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
112 
+                </article>
113 
+                <article class="h_text_l">
114 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
115 
+                </article>
116 
+                <article class="h_text_l">
117 
+                    <a class="h_link" href="../../second/town_admini_info.html"><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>
132 
+                </article>
133 
+            </div>
134 
+        </div>
135 
+    </header>
136 
+
137 
+    <!-- mobile header -->
138 
+    <header class="header">
139 
+        <div class="headerLogo">
140 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+        </div>
143 
+        <div class="headerTitle">
144 
+            <a href="../../index.html" class="header_link">
145 
+                <h1 class="headerTitle__text">北方町</h1>
146 
+            </a>
106 147 
         </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 
-          </article>
148 
+        <div class="headerSubTitle">
149 
+            <a href="../../index.html" class="header_link">
150 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+            </a>
152 
+        </div>
153 
+        <div id="h-menu">
154 
+            <span></span>
155 
+            <span></span>
156 
+            <span></span>
157 
+            <div id="h-text">menu</div>
158 
+        </div>
159 
+        <div id="h-nav">
160 
+            <div class="h-menu_main_block_top">
161 
+                <div class="h-menu_main_block">
162 
+                    <div class="h-menu_block">
163 
+                        <a href="../../second/living.html">
164 
+                            <div class="h-menu_block_text h-menu_block_before">
165 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
166 
+                            </div>
167 
+                        </a>
168 
+                    </div>
169 
+                </div>
170 
+                <div class="h-menu_main_block">
171 
+                    <div class="h-menu_block">
172 
+                        <a href="../../second/tourism.html">
173 
+                            <div class="h-menu_block_text h-menu_block_before">
174 
+                                <div class="h-menu_block_text_center">
175 
+                                    観光
176 
+                                </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/business.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">
192 
+                        <a href="../../second/town_admini_info.html">
193 
+                            <div class="h-menu_block_text h-menu_block_before">
194 
+                                <div class="h-menu_block_text_center">町政情報</div>
195 
+                            </div>
196 
+                        </a>
197 
+                    </div>
198 
+                </div>
199 
+                <div class="h-menu_main_block">
200 
+                    <div class="h-menu_block h-menu_block_before">
201 
+                        <a href="../../second/sitemap.html">
202 
+                            <div class="h-menu_block_text h-menu_block_before">
203 
+                                <div class="h-menu_block_text_center">
204 
+                                    サイトマップ
205 
+                                </div>
206 
+                            </div>
207 
+                        </a>
208 
+                    </div>
209 
+                </div>
210 
+                <div class="h-menu_main_block">
211 
+                    <div class="h-menu_block h-menu_block_before">
212 
+                        <a href="https://ai-staff.net/kitagata/chat">
213 
+                            <div class="h-menu_block_text  h-menu_block_before">
214 
+                                <div class="h-menu_block_text_center">
215 
+                                    AIチャット
216 
+                                </div>
217 
+                            </div>
218 
+                        </a>
219 
+                    </div>
220 
+                </div>
221 
+                <div class="h-menu_main_block">
222 
+                    <div class="h-menu_block h-menu_block_before">
223 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+                            <div class="h-menu_block_text">
225 
+                                <div class="h-menu_block_text_center">
226 
+                                    お問い合わせ一覧
227 
+                                </div>
228 
+                            </div>
229 
+                        </a>
230 
+                    </div>
231 
+                </div>
232 
+                <div class="h-menu_main_block">
233 
+                    <div class="h-menu_lang">
234 
+                        <div class="h-menu_block_lang">
235 
+                            <div class="h-menu_block_text_center">
236 
+                                <div class="h-menu_block_text_line">
237 
+                                    背景変更
238 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                                    </div>
240 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                                    </div>
242 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                                    </div>
244 
+                                </div>
245 
+                                <script>
246 
+                                    getBackgNumber2();
247 
+                                </script>
248 
+                                <div class="h-menu_block_text_line">言語選択
249 
+                                    <div class="mobile_translation">
250 
+                                        <div id="google_translate_element"></div>
251 
+                                    </div>
252 
+                                </div>
253 
+                            </div>
254 
+                        </div>
255 
+                    </div>
256 
+                </div>
257 
+                <div class="h-menu_main_block">
258 
+                    <div class="h-menu_search">
259 
+                        <div class="h-menu_block_search">
260 
+                            <form action="https://www.google.com/search">
261 
+                                <input type="hidden" name="hl" value="ja"/>
262 
+                                <input type="hidden" name="ie" value="UTF-8">
263 
+                                <input type="hidden" name="oe" value="UTF-8">
264 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
265 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
266 
+                                       class="mobile_form_input"/>
267 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268 
+                            </form>
269 
+                        </div>
270 
+                    </div>
271 
+                </div>
272 
+            </div>
120 273 
         </div>
121 
-      </div>
122 274 
     </header>
123 275
124 276 
     <div id="third_body">
125 
-      <section id="template">
126 
-        <article id="breadcrumb">
127 
-          <div id="breadcrumb_title">
128 
-            <div id="breadcrumb_title_block">
277 
+        <section id="template">
278 
+            <article id="breadcrumb">
279 
+                <div id="breadcrumb_title">
280 
+                    <div id="breadcrumb_title_block">
129 281 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
130 
-                  href="../../second/living.html">くらしの情報</a>><a
131 
-                  href="../../second/Education.html">教育</a>>後援等名義使用申請</span>
132 
-            </div>
133 
-          </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>
140 
-          </div>
141 
-          <span id="template_article_block">
142 
-            <p>受付、記入については下記のとおりです。</p>
143 
-            <table id="infokitagata" width="660" cellspacing="2" cellpadding="3" border="0">
144 
-              <tr>
145 
-                <th width="30%" valign="top" bgcolor="#add8e6" align="left">受付、記入のご注意</th>
146 
-                <td width="70%" valign="top" bgcolor="#dcdcdc" align="left">
147 
-                  <ol style="margin-top: 0px;margin-bottom: 0px;">
148 
-                    <li>
149 
-                      事業開始日の前月の15日までに北方町教育委員会共催・後援申請書(別記様式第1号)に下記の書類を添付して提出してください。<br />
150 
-                      (1)事業の目的及び内容がわかるもの<br />
151 
-                      (2)主催者等の活動を明らかにするもの<br />
152 
-                      (3)収支予算書(当該事業が料金を徴収する場合)<br />
153 
-                    </li>
154 
-                    <li>
155 
-                      事業完了後、1ヶ月以 内に事業実施報告書(別記様式第6号)を提出してください。
156 
-                    </li>
157 
-                  </ol>
158 
-                </td>
159 
-              </tr>
160 
-              <tr>
161 
-                <th width="30%" valign="top" bgcolor="#add8e6" align="left">受付時間</th>
162 
-                <td width="70%" valign="top" bgcolor="#dcdcdc" align="left">
163 
-                  午前8時30分から午後5時15分まで(土・日・祝日及び年末年始を除く)
164 
-                </td>
165 
-              </tr>
166 
-            </table>
167 
-            <p>詳しくは教育委員会までお問い合わせください。</p>
168 
-            <br />
169 
-            <p>
170 
-              ・<a href="../../fourth/education/pdf/Application_for_sponsorship_use_1.doc">北方町教育委員会共催後援申請書
171 
-                (別記様式第1号)(Word様式)</a><br />
172 
-              ・<a
173 
-                href="../../fourth/education/pdf/Application_for_sponsorship_use_2.doc">事業実施報告書(別記様式第6号)(Word様式)</a><br />
174 
-              ・<a href="../../fourth/education/pdf/Application_for_sponsorship_use_1.pdf">北方町教育委員会共催後援申請書(別記様
175 
-                式第1号)(PDF様式)</a><br />
176 
-              ・<a
177 
-                href="../../fourth/education/pdf/Application_for_sponsorship_use_2.pdf">事業実施報告書(別記様式第6号)(PDF様式)</a><br />
178 
-            </p>
179 
-          </span>
180 
-        </article>
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">
282 
+                      href="../../second/living.html">くらしの情報</a>><a
283 
+                      href="../../second/Education.html">教育</a>>後援等名義使用申請</span>
284 
+                    </div>
285 
+                </div>
286 
+            </article>
287 
+            <article id="template">
288 
+                <div id="template_title" class="gothic">
289 
+                    <div id="template_title_block">
290 
+                        <span id="template_title">後援等名義使用申請について</span>
291 
+                    </div>
292 
+                </div>
293 
+                <span id="template_article_block">
294 
+                    <p>受付、記入については下記のとおりです。</p>
295 
+                    <div class="scroll_table">
296 
+                        <table id="infokitagata" width="660" cellspacing="2" cellpadding="3" border="0">
297 
+                          <tr>
298 
+                            <th width="30%" valign="top" bgcolor="#add8e6" align="left">受付、記入のご注意</th>
299 
+                            <td width="70%" valign="top" bgcolor="#dcdcdc" align="left">
300 
+                              <ol style="margin-top: 0px;margin-bottom: 0px;">
301 
+                                <li>
302 
+                                  事業開始日の前月の15日までに北方町教育委員会共催・後援申請書(別記様式第1号)に下記の書類を添付して提出してください。<br/>
303 
+                                  (1)事業の目的及び内容がわかるもの<br/>
304 
+                                  (2)主催者等の活動を明らかにするもの<br/>
305 
+                                  (3)収支予算書(当該事業が料金を徴収する場合)<br/>
306 
+                                </li>
307 
+                                <li>
308 
+                                  事業完了後、1ヶ月以 内に事業実施報告書(別記様式第6号)を提出してください。
309 
+                                </li>
310 
+                              </ol>
311 
+                            </td>
312 
+                          </tr>
313 
+                          <tr>
314 
+                            <th width="30%" valign="top" bgcolor="#add8e6" align="left">受付時間</th>
315 
+                            <td width="70%" valign="top" bgcolor="#dcdcdc" align="left">
316 
+                              午前8時30分から午後5時15分まで(土・日・祝日及び年末年始を除く)
317 
+                            </td>
318 
+                          </tr>
319 
+                        </table>
320 
+                    </div>
321 
+                    <p>詳しくは教育委員会までお問い合わせください。</p>
322 
+                    <br/>
323 
+                    <p>
324 
+                      ・<a href="../../fourth/education/pdf/Application_for_sponsorship_use_1.doc">北方町教育委員会共催後援申請書
325 
+                        (別記様式第1号)(Word様式)</a><br/>
326 
+                      ・<a
327 
+                            href="../../fourth/education/pdf/Application_for_sponsorship_use_2.doc">事業実施報告書(別記様式第6号)(Word様式)</a><br/>
328 
+                      ・<a href="../../fourth/education/pdf/Application_for_sponsorship_use_1.pdf">北方町教育委員会共催後援申請書(別記様
329 
+                        式第1号)(PDF様式)</a><br/>
330 
+                      ・<a
331 
+                            href="../../fourth/education/pdf/Application_for_sponsorship_use_2.pdf">事業実施報告書(別記様式第6号)(PDF様式)</a><br/>
332 
+                    </p>
333 
+              </span>
334 
+            </article>
335 
+            <article id="template_list_title">
336 
+                <div id="template_title2" class="gothic">
337 
+                    <div id="template_title_block">
338 
+                        <span id="template_title2">お問い合わせ</span>
339 
+                    </div>
340 
+                </div>
341 
+                <span id="template_article_block">
188 342 
             教育委員会　教育課<br>
189 343 
             Tel 058-323-1115<br>
190 344 
             <a href="../../second/Inquiry_form_education.html">お問い合わせフォーム</a>
191 345 
           </span>
192 
-        </article>
193 
-      </section>
346 
+            </article>
347 
+        </section>
194 348 
     </div>
195 349
196 350 
     <footer>
197 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><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>
351 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
352 
+        <div class="footer_mobile">
353 
+            <div class="footer_mobile_title">
354 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
355 
+                <h1 class="footerMobile__text">北方町役場</h1>
356 
+            </div>
357 
+            <div class="footer_mobile_address">
358 
+                <span class="footerTextWrap__text">
359 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
360 
+                </span><br>
361 
+                電話:058-323-1111(代)<br>
362 
+                FAX:058-323-2963<br>
363 
+                開庁日：8時30分～17時15分<br>
364 
+                （土・日・祝日、年末年始を除く）<br>
365 
+            </div>
366 
+        </div>
367 
+        <br class="sp__brDisplay">
368 
+        <p class="footer_text">
369 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
370 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
371 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
372 
+        </p>
201 373 
     </footer>
202 374
203 375
204 
-  </div>
205 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_tax" height="1"
206 
-    width="1" />
376 
+</div>
377 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_tax" height="1"
378 
+     width="1"/>
207 379 
 </body>
208 380
209 
-</html>
381 
+</html>

+ 363
- 192
third/living/Application_form.html ファイルの表示 

@@ -1,327 +1,498 @@
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 
-  <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 
-  <link rel="stylesheet" href="../../css/table.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 
+    <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 
+    <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
27 53 
       </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="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
40 
-        </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
41 63
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>-->
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
51 98
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>
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
57 108 
         </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>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
64 111 
         </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>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
81 117 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 118 
       </div>
85 
-    </section>
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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
86 135
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
105 
-          </article>
136 
+    <!-- mobile header -->
137 
+    <header class="header">
138 
+        <div class="headerLogo">
139 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
106 141 
         </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 
-          </article>
142 
+        <div class="headerTitle">
143 
+            <a href="../../index.html" class="header_link">
144 
+                <h1 class="headerTitle__text">北方町</h1>
145 
+            </a>
146 
+        </div>
147 
+        <div class="headerSubTitle">
148 
+            <a href="../../index.html" class="header_link">
149 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+            </a>
151 
+        </div>
152 
+        <div id="h-menu">
153 
+            <span></span>
154 
+            <span></span>
155 
+            <span></span>
156 
+            <div id="h-text">menu</div>
157 
+        </div>
158 
+        <div id="h-nav">
159 
+            <div class="h-menu_main_block_top">
160 
+                <div class="h-menu_main_block">
161 
+                    <div class="h-menu_block">
162 
+                        <a href="../../second/living.html">
163 
+                            <div class="h-menu_block_text h-menu_block_before">
164 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+                            </div>
166 
+                        </a>
167 
+                    </div>
168 
+                </div>
169 
+                <div class="h-menu_main_block">
170 
+                    <div class="h-menu_block">
171 
+                        <a href="../../second/tourism.html">
172 
+                            <div class="h-menu_block_text h-menu_block_before">
173 
+                                <div class="h-menu_block_text_center">
174 
+                                    観光
175 
+                                </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/business.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">
191 
+                        <a href="../../second/town_admini_info.html">
192 
+                            <div class="h-menu_block_text h-menu_block_before">
193 
+                                <div class="h-menu_block_text_center">町政情報</div>
194 
+                            </div>
195 
+                        </a>
196 
+                    </div>
197 
+                </div>
198 
+                <div class="h-menu_main_block">
199 
+                    <div class="h-menu_block h-menu_block_before">
200 
+                        <a href="../../second/sitemap.html">
201 
+                            <div class="h-menu_block_text h-menu_block_before">
202 
+                                <div class="h-menu_block_text_center">
203 
+                                    サイトマップ
204 
+                                </div>
205 
+                            </div>
206 
+                        </a>
207 
+                    </div>
208 
+                </div>
209 
+                <div class="h-menu_main_block">
210 
+                    <div class="h-menu_block h-menu_block_before">
211 
+                        <a href="https://ai-staff.net/kitagata/chat">
212 
+                            <div class="h-menu_block_text  h-menu_block_before">
213 
+                                <div class="h-menu_block_text_center">
214 
+                                    AIチャット
215 
+                                </div>
216 
+                            </div>
217 
+                        </a>
218 
+                    </div>
219 
+                </div>
220 
+                <div class="h-menu_main_block">
221 
+                    <div class="h-menu_block h-menu_block_before">
222 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+                            <div class="h-menu_block_text">
224 
+                                <div class="h-menu_block_text_center">
225 
+                                    お問い合わせ一覧
226 
+                                </div>
227 
+                            </div>
228 
+                        </a>
229 
+                    </div>
230 
+                </div>
231 
+                <div class="h-menu_main_block">
232 
+                    <div class="h-menu_lang">
233 
+                        <div class="h-menu_block_lang">
234 
+                            <div class="h-menu_block_text_center">
235 
+                                <div class="h-menu_block_text_line">
236 
+                                    背景変更
237 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                                    </div>
239 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                                    </div>
241 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                                    </div>
243 
+                                </div>
244 
+                                <script>
245 
+                                    getBackgNumber2();
246 
+                                </script>
247 
+                                <div class="h-menu_block_text_line">言語選択
248 
+                                    <div class="mobile_translation">
249 
+                                        <div id="google_translate_element"></div>
250 
+                                    </div>
251 
+                                </div>
252 
+                            </div>
253 
+                        </div>
254 
+                    </div>
255 
+                </div>
256 
+                <div class="h-menu_main_block">
257 
+                    <div class="h-menu_search">
258 
+                        <div class="h-menu_block_search">
259 
+                            <form action="https://www.google.com/search">
260 
+                                <input type="hidden" name="hl" value="ja"/>
261 
+                                <input type="hidden" name="ie" value="UTF-8">
262 
+                                <input type="hidden" name="oe" value="UTF-8">
263 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                                       class="mobile_form_input"/>
266 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+                            </form>
268 
+                        </div>
269 
+                    </div>
270 
+                </div>
271 
+            </div>
120 272 
         </div>
121 
-      </div>
122 273 
     </header>
123 274
124 275 
     <div id="third_body">
125 
-      <section id="template">
126 
-        <article id="breadcrumb">
127 
-          <div id="breadcrumb_title">
128 
-            <div id="breadcrumb_title_block">
129 
-              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/living.html">くらしの情報</a>><a href="../../second/Water_supply_sewer.html">上水道・下水道</a>>申請書等様式</span>
130 
-            </div>
131 
-          </div>
132 
-        </article>
133 
-        <article id="template">
134 
-          <div id="template_title" class="gothic">
135 
-            <div id="template_title_block">
136 
-              <span id="template_title">上下水道課関係の申請書等様式</span>
137 
-            </div>
138 
-          </div>
139 
-          <span id="template_article_block">
276 
+        <section id="template">
277 
+            <article id="breadcrumb">
278 
+                <div id="breadcrumb_title">
279 
+                    <div id="breadcrumb_title_block">
280 
+                        <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
281 
+                                href="../../second/living.html">くらしの情報</a>><a
282 
+                                href="../../second/Water_supply_sewer.html">上水道・下水道</a>>申請書等様式</span>
283 
+                    </div>
284 
+                </div>
285 
+            </article>
286 
+            <article id="template">
287 
+                <div id="template_title" class="gothic">
288 
+                    <div id="template_title_block">
289 
+                        <span id="template_title">上下水道課関係の申請書等様式</span>
290 
+                    </div>
291 
+                </div>
292 
+                <span id="template_article_block">
140 293
141 294 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="siyou">上下水道の使用・休止・使用者変更に関する様式</h4>
142 295 
  <ul>
143 296 
   <li>水道等使用開始(異動)届〔開始・休止(転出)・使用者変更用〕 </BR>
144 
-　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.pdf" target="_blank">(PDF 88KB)</a>
297 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.pdf" target="_blank">(PDF 88KB)</a>
145 298 
 　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.docx" target="_blank">(Word 17KB)</a></li>
146 299 
   <li>水道等使用開始(異動)届の記入例 </BR>
147 
-　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou_ex.pdf" target="_blank">(PDF 189KB)</a></li>
300 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou_ex.pdf" target="_blank">(PDF 189KB)</a></li>
148 301 
  </ul>
149 302 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="kanyuu">上水道の加入に関する様式</h4>
150 303 
  <ul>
151 304 
   <li>水道加入申込書 </BR>
152 
-　　　<a href="../../fourth/lifeguide/water/pdf/kanyuumousikomisyo.pdf" target="_blank">(PDF 51KB)</a>
305 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kanyuumousikomisyo.pdf" target="_blank">(PDF 51KB)</a>
153 306 
 　　　<a href="../../fourth/lifeguide/water/pdf/kanyuumousikomisyo.docx" target="_blank">(Word 19KB)</a></li>
154 307 
   <li>水道加入名義変更届（一般住宅用） </BR>
155 
-　　　<a href="../../fourth/lifeguide/water/pdf/meigihenkou_ippan.pdf" target="_blank">(PDF 46KB)</a>
308 
+      　　　<a href="../../fourth/lifeguide/water/pdf/meigihenkou_ippan.pdf" target="_blank">(PDF 46KB)</a>
156 309 
 　　　<a href="../../fourth/lifeguide/water/pdf/meigihenkou_ippan.docx" target="_blank">(Word 19KB)</a></li>
157 310 
   <li>水道加入名義変更届（集合住宅用） </BR>
158 
-　　　<a href="../../fourth/lifeguide/water/pdf/meigihenkou_syugou.pdf" target="_blank">(PDF 49KB)</a>
311 
+      　　　<a href="../../fourth/lifeguide/water/pdf/meigihenkou_syugou.pdf" target="_blank">(PDF 49KB)</a>
159 312 
 　　　<a href="../../fourth/lifeguide/water/pdf/meigihenkou_syugou.docx" target="_blank">(Word 19KB)</a></li>
160 313 
  </ul>
161 314 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="genmen">漏水等による上下水道料金の減免に関する様式</h4>
162 315 
  <ul>
163 316 
   <li>水道料金・下水道使用料減免申請書 </BR>
164 
-　　　<a href="../../fourth/lifeguide/water/pdf/suidougenmen.pdf" target="_blank">(PDF 189KB)</a>
317 
+      　　　<a href="../../fourth/lifeguide/water/pdf/suidougenmen.pdf" target="_blank">(PDF 189KB)</a>
165 318 
 　　　<a href="../../fourth/lifeguide/water/pdf/suidougenmen.docx" target="_blank">(Word 22KB)</a></li>
166 319 
   <li>水道料金・下水道使用料減免申請書の記入例 </BR>
167 
-　　　<a href="../../fourth/lifeguide/water/pdf/suidougenmen_ex.pdf" target="_blank">(PDF 195KB)</a></li>
320 
+      　　　<a href="../../fourth/lifeguide/water/pdf/suidougenmen_ex.pdf" target="_blank">(PDF 195KB)</a></li>
168 321 
  </ul>
169 322 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="suidoukouji">上水道引き込み工事に関する様式</h4>
170 323 
  <ul>
171 324 
   <li>給水装置工事設計審査申請書 </BR>
172 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuiseltukeishinsa.pdf" target="_blank">(PDF 53KB)</a>
325 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuiseltukeishinsa.pdf" target="_blank">(PDF 53KB)</a>
173 326 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuiseltukeishinsa.docx" target="_blank">(Word 15KB)</a></li>
174 327 
   <li>給水装置工事申込書〔新設・改造・修繕・撤去〕 </BR>
175 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikouji.pdf" target="_blank">(PDF 73KB)</a>
328 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikouji.pdf" target="_blank">(PDF 73KB)</a>
176 329 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikouji.docx" target="_blank">(Word 17KB)</a></li>
177 330 
   <li>給水装置工事設計図(A3で作成してください) </BR>
178 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujiseltukei.pdf" target="_blank">(PDF 41KB)</a>
331 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujiseltukei.pdf" target="_blank">(PDF 41KB)</a>
179 332 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujiseltukei.docx" target="_blank">(Word 15KB)</a></li>
180 333 
   <li>材料検査申請書 </BR>
181 
-　　　<a href="../../fourth/lifeguide/water/pdf/zairyoukensa.pdf" target="_blank">(PDF 49KB)</a>
334 
+      　　　<a href="../../fourth/lifeguide/water/pdf/zairyoukensa.pdf" target="_blank">(PDF 49KB)</a>
182 335 
 　　　<a href="../../fourth/lifeguide/water/pdf/zairyoukensa.docx" target="_blank">(Word 15KB)</a></li>
183 336 
   <li>給水装置工事検査申請書 </BR>
184 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujikensa.pdf" target="_blank">(PDF 52KB)</a>
337 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujikensa.pdf" target="_blank">(PDF 52KB)</a>
185 338 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujikensa.docx" target="_blank">(Word 15KB)</a></li>
186 339 
   <li>水道等使用開始(異動)届〔開始・休止(転出)・使用者変更用〕 </BR>
187 
-　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.pdf" target="_blank">(PDF 88KB)</a>
340 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.pdf" target="_blank">(PDF 88KB)</a>
188 341 
 　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.docx" target="_blank">(Word 17KB)</a></li>
189 342 
   <li>水道加入申込書 </BR>
190 
-　　　<a href="../../fourth/lifeguide/water/pdf/kanyuumousikomisyo.pdf" target="_blank">(PDF 51KB)</a>
343 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kanyuumousikomisyo.pdf" target="_blank">(PDF 51KB)</a>
191 344 
 　　　<a href="../../fourth/lifeguide/water/pdf/kanyuumousikomisyo.docx" target="_blank">(Word 19KB)</a></li>
192 345 
   <li>給水位置確認図 </BR>
193 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuiitikakunin.pdf" target="_blank">(PDF 69KB)</a>
346 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuiitikakunin.pdf" target="_blank">(PDF 69KB)</a>
194 347 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuiitikakunin.docx" target="_blank">(Word 15KB)</a></li>
195 348 
  </ul>
196 349 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="haisuikouji">下水道接続工事に関する様式</h4>
197 350 
  <ul>
198 351 
   <li>排水設備等計画確認申請書(A3で作成してください) </BR>
199 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuisetubikeikakukakunin.pdf" target="_blank">(PDF 111KB)</a>
352 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuisetubikeikakukakunin.pdf" target="_blank">(PDF 111KB)</a>
200 353 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuisetubikeikakukakunin.docx" target="_blank">(Word 21KB)</a></li>
201 354 
   <li>排水設備工事設計図(A3で作成してください) </BR>
202 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuikoujiseltukei.pdf" target="_blank">(PDF 42KB)</a>
355 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuikoujiseltukei.pdf" target="_blank">(PDF 42KB)</a>
203 356 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuikoujiseltukei.docx" target="_blank">(Word 15KB)</a></li>
204 357 
   <li>排水設備工事自社完成検査結果届 </BR>
205 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuijisyakanseikensa.pdf" target="_blank">(PDF 75KB)</a>
358 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuijisyakanseikensa.pdf" target="_blank">(PDF 75KB)</a>
206 359 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuijisyakanseikensa.docx" target="_blank">(Word 17KB)</a></li>
207 360 
   <li>排水設備等工事完了届 </BR>
208 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuisetubikoujikanryou.pdf" target="_blank">(PDF 57KB)</a>
361 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuisetubikoujikanryou.pdf" target="_blank">(PDF 57KB)</a>
209 362 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuisetubikoujikanryou.docx" target="_blank">(Word 16KB)</a></li>
210 363 
   <li>水道等使用開始(異動)届 </BR>
211 
-　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.pdf" target="_blank">(PDF 88KB)</a>
364 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.pdf" target="_blank">(PDF 88KB)</a>
212 365 
 　　　<a href="../../fourth/lifeguide/water/pdf/siyoukaisiidou.docx" target="_blank">(Word 17KB)</a></li>
213 366 
   <li>下水道等繋ぎ込み工事に係る最終清掃日確定通知書</BR>
214 
-    　　浄化槽用<a href="../../fourth/lifeguide/water/pdf/tunagikomijyoukasou_2019.pdf" target="_blank">(PDF 30KB)</a>
367 
+      　　浄化槽用<a href="../../fourth/lifeguide/water/pdf/tunagikomijyoukasou_2019.pdf" target="_blank">(PDF 30KB)</a>
215 368 
       　し尿汲み取り用<a href="../../fourth/lifeguide/water/pdf/tunagikomikumitori_2019.pdf" target="_blank">(PDF 28KB)</a></li>
216 369 
  </ul>
217 370 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="suidousiteiten">指定給水装置工事事業者に関する様式</h4>
218 371 
 <b>〇新規申請</b></BR>
219 
- <ul>
372 
+                    <ul>
220 373 
   <li>北方町指定給水装置工事事業者　指定申請のご案内 </BR>
221 
-　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei_annai.pdf" target="_blank">(PDF 128KB)</a></li>
374 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei_annai.pdf" target="_blank">(PDF 128KB)</a></li>
222 375 
   <li>指定給水装置工事事業者指定申請書等の記入例 </BR>
223 
-　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei_ex.pdf" target="_blank">(PDF 308KB)</a></li>
376 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei_ex.pdf" target="_blank">(PDF 308KB)</a></li>
224 377 
   <li>指定給水装置工事事業者指定申請書 </BR>
225 
-　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei.pdf" target="_blank">(PDF 82KB)</a>
378 
+      　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei.pdf" target="_blank">(PDF 82KB)</a>
226 379 
 　　　<a href="../../fourth/lifeguide/water/pdf/siteitensinsei.docx" target="_blank">(Word 17KB)</a></li>
227 380 
   <li>誓約書 </BR>
228 
-　　　<a href="../../fourth/lifeguide/water/pdf/seiyakusyo.pdf" target="_blank">(PDF 50KB)</a>
381 
+      　　　<a href="../../fourth/lifeguide/water/pdf/seiyakusyo.pdf" target="_blank">(PDF 50KB)</a>
229 382 
 　　　<a href="../../fourth/lifeguide/water/pdf/seiyakusyo.docx" target="_blank">(Word 15KB)</a></li>
230 383 
   <li>給水装置工事主任技術者選任・解任届出書 </BR>
231 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujisekininsya.pdf" target="_blank">(PDF 100KB)</a>
384 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujisekininsya.pdf" target="_blank">(PDF 100KB)</a>
232 385 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujisekininsya.docx" target="_blank">(Word 15KB)</a></li>
233 386 
  </ul>
234 
-</BR>
235 
-<b>〇指定の更新</b></BR>
236 
- <ul>
387 
+                    </BR>
388 
+                    <b>〇指定の更新</b></BR>
389 
+                    <ul>
237 390 
   <li>北方町指定給水装置工事事業者　更新申請のご案内・確認事項記入例 </BR>
238 
-　　　<a href="../../fourth/lifeguide/water/pdf/koushin_annai.pdf" target="_blank">(PDF 410KB)</a></li>
391 
+      　　　<a href="../../fourth/lifeguide/water/pdf/koushin_annai.pdf" target="_blank">(PDF 410KB)</a></li>
239 392 
   <li>指定更新時確認事項届出書〔別紙〕 </BR>
240 
-　　　<a href="../../fourth/lifeguide/water/pdf/koushinkakunintodoke.pdf" target="_blank">(PDF 179KB)</a>
393 
+      　　　<a href="../../fourth/lifeguide/water/pdf/koushinkakunintodoke.pdf" target="_blank">(PDF 179KB)</a>
241 394 
 　　　<a href="../../fourth/lifeguide/water/pdf/koushinkakunintodoke.docx" target="_blank">(Word 40KB)</a></li>
242 395 
  </ul>
243 
-</BR>
244 
-<b>〇変更の届出</b></BR>
245 
- <ul>
396 
+                    </BR>
397 
+                    <b>〇変更の届出</b></BR>
398 
+                    <ul>
246 399 
   <li>指定給水装置工事事業者指定事項変更届出書 </BR>
247 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujihenkou.pdf" target="_blank">(PDF 98KB)</a>
400 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujihenkou.pdf" target="_blank">(PDF 98KB)</a>
248 401 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujihenkou.docx" target="_blank">(Word 15KB)</a></li>
249 402 
   <li>指定給水装置工事事業者廃止・休止・再開届出書 </BR>
250 
-　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujihaisitodoke.pdf" target="_blank">(PDF 98KB)</a>
403 
+      　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujihaisitodoke.pdf" target="_blank">(PDF 98KB)</a>
251 404 
 　　　<a href="../../fourth/lifeguide/water/pdf/kyuusuikoujihaisitodoke.docx" target="_blank">(Word 15KB)</a></li>
252 405 
  </ul>
253 406 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="gesuisiteiten">下水道工事指定店に関する様式</h4>
254 407 
 <b>〇新規申請</b></BR>
255 
- <ul>
408 
+                    <ul>
256 409 
   <li>北方町下水道工事指定店指定申請書 </BR>
257 
-　　　<a href="../../fourth/lifeguide/water/pdf/gesuisiteitensinsei.pdf" target="_blank">(PDF 65KB)</a>
410 
+      　　　<a href="../../fourth/lifeguide/water/pdf/gesuisiteitensinsei.pdf" target="_blank">(PDF 65KB)</a>
258 411 
 　　　<a href="../../fourth/lifeguide/water/pdf/gesuisiteitensinsei.docx" target="_blank">(Word 15KB)</a></li>
259 412 
   <li>代表者の履歴書 </BR>
260 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuidaihyourirekisyo.pdf" target="_blank">(PDF 44KB)</a>
413 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuidaihyourirekisyo.pdf" target="_blank">(PDF 44KB)</a>
261 414 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuidaihyourirekisyo.docx" target="_blank">(Word 16KB)</a></li>
262 415 
   <li>排水設備工事経歴書 </BR>
263 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuikoujikeireki.pdf" target="_blank">(PDF 80KB)</a>
416 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuikoujikeireki.pdf" target="_blank">(PDF 80KB)</a>
264 417 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuikoujikeireki.docx" target="_blank">(Word 20KB)</a></li>
265 418 
   <li>排水設備責任技術者調書 </BR>
266 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuigijutusyatyousyo.pdf" target="_blank">(PDF 61KB)</a>
419 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuigijutusyatyousyo.pdf" target="_blank">(PDF 61KB)</a>
267 420 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuigijutusyatyousyo.docx" target="_blank">(Word 19KB)</a></li>
268 421 
   <li>従業員名簿 </BR>
269 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuijugyoinmeibo.pdf" target="_blank">(PDF 56KB)</a>
422 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuijugyoinmeibo.pdf" target="_blank">(PDF 56KB)</a>
270 423 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuijugyoinmeibo.docx" target="_blank">(Word 19KB)</a></li>
271 424 
   <li>所有工事用機械器具調書 </BR>
272 
-　　　<a href="../../fourth/lifeguide/water/pdf/haisuikigutyousyo.pdf" target="_blank">(PDF 41KB)</a>
425 
+      　　　<a href="../../fourth/lifeguide/water/pdf/haisuikigutyousyo.pdf" target="_blank">(PDF 41KB)</a>
273 426 
 　　　<a href="../../fourth/lifeguide/water/pdf/haisuikigutyousyo.docx" target="_blank">(Word 16KB)</a></li>
274 427 
  </ul>
275 
-</BR>
276 
-<b>〇変更の届出</b></BR>
277 
- <ul>
428 
+                    </BR>
429 
+                    <b>〇変更の届出</b></BR>
430 
+                    <ul>
278 431 
   <li>北方町下水道工事指定店変更届 </BR>
279 
-　　　<a href="../../fourth/lifeguide/water/pdf/gesuisiteihenkou.pdf" target="_blank">(PDF 55KB)</a>
432 
+      　　　<a href="../../fourth/lifeguide/water/pdf/gesuisiteihenkou.pdf" target="_blank">(PDF 55KB)</a>
280 433 
 　　　<a href="../../fourth/lifeguide/water/pdf/gesuisiteihenkou.docx" target="_blank">(Word 15KB)</a></li>
281 434 
  </ul>
282 435 
 <h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;">上下水道料金等の納付済証明に関する様式</h4>
283 436 
  <ul>
284 437 
   <li>上下水道料金等納付済証明書交付申請書 </BR>
285 
-　　　<a href="../../fourth/lifeguide/water/pdf/noufuzumi.pdf" target="_blank">(PDF 62KB)</a>
438 
+      　　　<a href="../../fourth/lifeguide/water/pdf/noufuzumi.pdf" target="_blank">(PDF 62KB)</a>
286 439 
 　　　<a href="../../fourth/lifeguide/water/pdf/noufuzumi.docx" target="_blank">(Word 16KB)</a></li>
287 440 
  </ul>
288 
-<h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;" id="kengaku">上下水道課施設の見学に関する様式</h4>
441 
+<h4 style="border-bottom: 1px solid #426579;border-left: 15px solid #426579;padding: 3px;"
442 
+    id="kengaku">上下水道課施設の見学に関する様式</h4>
289 443 
  <ul>
290 444 
   <li>上下水道課施設見学申込書 </BR>
291 
-    　　学校用
445 
+      　　学校用
292 446 
         <a href="../../fourth/lifeguide/water/pdf/sisetsukengaku-gakkou.pdf" target="_blank">(PDF 158KB)</a>
293 447 
     　　<a href="../../fourth/lifeguide/water/pdf/sisetsukengaku-gakkou.docx" target="_blank">(Word 28KB)</a></BR>
294 
-    　　一般用
448 
+      　　一般用
295 449 
         <a href="../../fourth/lifeguide/water/pdf/sisetsukengaku-ippan.pdf" target="_blank">(PDF 141KB)</a>
296 450 
     　　<a href="../../fourth/lifeguide/water/pdf/sisetsukengaku-ippan.docx" target="_blank">(Word 26KB)</a></li>
297 451 
  </ul>
298 452 
           </span>
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>
306 
-          <span id="template_article_block">
307 
-            上下水道課　Tel 058-323-1112<br />
453 
+            </article>
454 
+            <article id="template_list_title">
455 
+                <div id="template_title2" class="gothic">
456 
+                    <div id="template_title_block">
457 
+                        <span id="template_title2">お問い合わせ</span>
458 
+                    </div>
459 
+                </div>
460 
+                <span id="template_article_block">
461 
+            上下水道課　Tel 058-323-1112<br/>
308 462 
             <a href="../../second/Inquiry_form_water.html">お問い合わせフォーム</a>
309 463 
           </span>
310 
-        </article>
311 
-      </section>
464 
+            </article>
465 
+        </section>
312 466 
     </div>
313 467
314 468 
     <footer>
315 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
316 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
317 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
318 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
469 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
470 
+        <div class="footer_mobile">
471 
+            <div class="footer_mobile_title">
472 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
473 
+                <h1 class="footerMobile__text">北方町役場</h1>
474 
+            </div>
475 
+            <div class="footer_mobile_address">
476 
+                <span class="footerTextWrap__text">
477 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
478 
+                </span><br>
479 
+                電話:058-323-1111(代)<br>
480 
+                FAX:058-323-2963<br>
481 
+                開庁日：8時30分～17時15分<br>
482 
+                （土・日・祝日、年末年始を除く）<br>
483 
+            </div>
484 
+        </div>
485 
+        <br class="sp__brDisplay">
486 
+        <p class="footer_text">
487 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
488 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
489 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
490 
+        </p>
319 491 
     </footer>
320 492
321 
-
322 
-  </div>
323 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_form" height="1"
324 
-    width="1" />
493 
+</div>
494 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_form" height="1"
495 
+     width="1"/>
325 496 
 </body>
326 497
327 498 
 </html>

+ 317
- 155
third/living/Application_health.html ファイルの表示 

@@ -1,168 +1,330 @@
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 
-	<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 
-	<link rel="stylesheet" href="../../css/table.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 
+  <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 
+  <link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
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>-->
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
55 34
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								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({ 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 
-					</div>
83 
-				</article>
84 
-				<div id="claer">
85 
-				</div>
86 
-			</div>
87 
-		</section>
35 
+<div id="main" class="gothic">
36 
+  <!--セクション 操作-->
37 
+  <section id="operation">
38 
+    <!--セクション 住所-->
39 
+    <article id="address">
40 
+      <address id="operation_add">
41 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+      </address>
43 
+    </article>
44 
+    <div id="controle_panel">
45 
+      <!--セクション 背景色-->
46 
+      <article id="bgcolor">
47 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+        <div id="bgcolor_img">
49 
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+        </div>
53 
+      </article>
54 
+      <!--セクション 文字サイズ-->
55 
+      <!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
88 63
89 
-		<!--ヘッダーデータ-->
90 
-		<header>
91 
-			<div id="header" class="gothic">
92 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
93 
-						height="260px" /></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"><span class="h_text">くらしの情報</span></a>
99 
-					</article>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
108 
-					</article>
109 
-				</div>
110 
-				<div id="h_block_search">
111 
-					<div class="h_line"></div>
112 
-					<article class="h_search">
113 
-						<div class="space10"></div>
114 
-						<form action="http://www.google.com/search">
115 
-							<input type="hidden" name="hl" value="ja" />
116 
-							<input type="hidden" name="ie" value="UTF-8">
117 
-							<input type="hidden" name="oe" value="UTF-8">
118 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
119 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
120 
-							<input type="submit" name="btnG" value="検索" />
121 
-						</form>
122 
-					</article>
123 
-				</div>
124 
-			</div>
125 
-		</header>
64 
+      <!--セクション サイトマップ-->
65 
+      <article id="sitemap">
66 
+        <div id="sitemap_img">
67 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+        </div>
69 
+      </article>
70 
+      <!--セクション お問い合わせ-->
71 
+      <article id="contact">
72 
+        <div id="contact_img">
73 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+        </div>
76 
+      </article>
77 
+      <!--セクション 翻訳-->
78 
+      <article id="translation">
79 
+        <div id="translation_img">
80 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+          <div id="google_translate_element"></div>
82 
+          <script type="text/javascript">
83 
+              function googleTranslateElementInit() {
84 
+                  new google.translate.TranslateElement({
85 
+                      pageLanguage: 'ja',
86 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+                  }, 'google_translate_element');
88 
+              }
89 
+          </script>
90 
+          <script type="text/javascript"
91 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+        </div>
93 
+      </article>
94 
+      <div id="claer">
95 
+      </div>
96 
+    </div>
97 
+  </section>
126 98
127 
-		<div id="third_body">
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>><a
133 
-									href="../../second/living.html">くらしの情報</a>>健康・予防>申請書等様式</span>
134 
-						</div>
135 
-					</div>
136 
-				</article>
137 
-				<article id="template">
138 
-					<div id="template_title" class="gothic">
139 
-						<div id="template_title_block">
140 
-							<span id="template_title">申請書等様式</span>
141 
-						</div>
142 
-					</div>
143 
-					<span id="template_article_block">
99 
+  <!--ヘッダーデータ-->
100 
+  <header>
101 
+    <div id="header" class="gothic">
102 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+      <div id="h_block_1">
104 
+        <div class="h_line">
105 
+        </div>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
108 
+        </article>
109 
+        <article class="h_text_l">
110 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 
+        </article>
112 
+        <article class="h_text_l">
113 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+        </article>
115 
+        <article class="h_text_l">
116 
+          <a class="h_link" href="../../second/town_admini_info.html"><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>
131 
+        </article>
132 
+      </div>
133 
+    </div>
134 
+  </header>
144 135
145 
-						<p><strong id="life">北方町特定不妊治療費助成制度</strong></p>
146 
-						<ul>
147 
-							<li id="access"><a href="../../fourth/lifeguide/health/pdf/funin.pdf"
148 
-									target="_blank">北方町特定不妊治療費助成事業様式（PDF 44KB）</a></li>
149 
-						</ul>
150 
-					</span>
151 
-				</article>
152 
-			</section>
153 
-		</div>
136 
+  <!-- mobile header -->
137 
+  <header class="header">
138 
+    <div class="headerLogo">
139 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+    </div>
142 
+    <div class="headerTitle">
143 
+      <a href="../../index.html" class="header_link">
144 
+        <h1 class="headerTitle__text">北方町</h1>
145 
+      </a>
146 
+    </div>
147 
+    <div class="headerSubTitle">
148 
+      <a href="../../index.html" class="header_link">
149 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+      </a>
151 
+    </div>
152 
+    <div id="h-menu">
153 
+      <span></span>
154 
+      <span></span>
155 
+      <span></span>
156 
+      <div id="h-text">menu</div>
157 
+    </div>
158 
+    <div id="h-nav">
159 
+      <div class="h-menu_main_block_top">
160 
+        <div class="h-menu_main_block">
161 
+          <div class="h-menu_block">
162 
+            <a href="../../second/living.html">
163 
+              <div class="h-menu_block_text h-menu_block_before">
164 
+                <div class="h-menu_block_text_center">くらしの情報</div>
165 
+              </div>
166 
+            </a>
167 
+          </div>
168 
+        </div>
169 
+        <div class="h-menu_main_block">
170 
+          <div class="h-menu_block">
171 
+            <a href="../../second/tourism.html">
172 
+              <div class="h-menu_block_text h-menu_block_before">
173 
+                <div class="h-menu_block_text_center">
174 
+                  観光
175 
+                </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/business.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">
191 
+            <a href="../../second/town_admini_info.html">
192 
+              <div class="h-menu_block_text h-menu_block_before">
193 
+                <div class="h-menu_block_text_center">町政情報</div>
194 
+              </div>
195 
+            </a>
196 
+          </div>
197 
+        </div>
198 
+        <div class="h-menu_main_block">
199 
+          <div class="h-menu_block h-menu_block_before">
200 
+            <a href="../../second/sitemap.html">
201 
+              <div class="h-menu_block_text h-menu_block_before">
202 
+                <div class="h-menu_block_text_center">
203 
+                  サイトマップ
204 
+                </div>
205 
+              </div>
206 
+            </a>
207 
+          </div>
208 
+        </div>
209 
+        <div class="h-menu_main_block">
210 
+          <div class="h-menu_block h-menu_block_before">
211 
+            <a href="https://ai-staff.net/kitagata/chat">
212 
+              <div class="h-menu_block_text  h-menu_block_before">
213 
+                <div class="h-menu_block_text_center">
214 
+                  AIチャット
215 
+                </div>
216 
+              </div>
217 
+            </a>
218 
+          </div>
219 
+        </div>
220 
+        <div class="h-menu_main_block">
221 
+          <div class="h-menu_block h-menu_block_before">
222 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+              <div class="h-menu_block_text">
224 
+                <div class="h-menu_block_text_center">
225 
+                  お問い合わせ一覧
226 
+                </div>
227 
+              </div>
228 
+            </a>
229 
+          </div>
230 
+        </div>
231 
+        <div class="h-menu_main_block">
232 
+          <div class="h-menu_lang">
233 
+            <div class="h-menu_block_lang">
234 
+              <div class="h-menu_block_text_center">
235 
+                <div class="h-menu_block_text_line">
236 
+                  背景変更
237 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+                  </div>
239 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+                  </div>
241 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+                  </div>
243 
+                </div>
244 
+                <script>
245 
+                    getBackgNumber2();
246 
+                </script>
247 
+                <div class="h-menu_block_text_line">言語選択
248 
+                  <div class="mobile_translation">
249 
+                    <div id="google_translate_element"></div>
250 
+                  </div>
251 
+                </div>
252 
+              </div>
253 
+            </div>
254 
+          </div>
255 
+        </div>
256 
+        <div class="h-menu_main_block">
257 
+          <div class="h-menu_search">
258 
+            <div class="h-menu_block_search">
259 
+              <form action="https://www.google.com/search">
260 
+                <input type="hidden" name="hl" value="ja"/>
261 
+                <input type="hidden" name="ie" value="UTF-8">
262 
+                <input type="hidden" name="oe" value="UTF-8">
263 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+                <input type="text" name="q" size="16" maxlength="256" value=""
265 
+                       class="mobile_form_input"/>
266 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+              </form>
268 
+            </div>
269 
+          </div>
270 
+        </div>
271 
+      </div>
272 
+    </div>
273 
+  </header>
154 274
155 
-		<footer>
156 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
157 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
158 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
159 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
160 
-		</footer>
275 
+  <div id="third_body">
276 
+    <section id="template">
277 
+      <article id="breadcrumb">
278 
+        <div id="breadcrumb_title">
279 
+          <div id="breadcrumb_title_block">
280 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/living.html">くらしの情報</a>>健康・医療>申請書等様式</span>
281 
+          </div>
282 
+        </div>
283 
+      </article>
284 
+      <article id="template">
285 
+        <div id="template_title" class="gothic">
286 
+          <div id="template_title_block">
287 
+            <span id="template_title">申請書等様式</span>
288 
+          </div>
289 
+        </div>
290 
+        <span id="template_article_block">
291 
+
292 
+	<p><strong id="life">北方町特定不妊治療費助成制度</strong></p>
293 
+	<ul>
294 
+	<li id="access"><a href="../../fourth/lifeguide/health/pdf/funin.pdf" target="_blank">北方町特定不妊治療費助成事業様式（PDF 44KB）</a></li>
295 
+	</ul>
296 
+						</span>
297 
+      </article>
298 
+    </section>
299 
+  </div>
161 300
162 301
163 
-	</div>
164 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_health"
165 
-		height="1" width="1" />
166 
-</body>
302 
+  <footer>
303 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
304 
+    <div class="footer_mobile">
305 
+      <div class="footer_mobile_title">
306 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
307 
+        <h1 class="footerMobile__text">北方町役場</h1>
308 
+      </div>
309 
+      <div class="footer_mobile_address">
310 
+                <span class="footerTextWrap__text">
311 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
312 
+                </span><br>
313 
+        電話:058-323-1111(代)<br>
314 
+        FAX:058-323-2963<br>
315 
+        開庁日：8時30分～17時15分<br>
316 
+        （土・日・祝日、年末年始を除く）<br>
317 
+      </div>
318 
+    </div>
319 
+    <br class="sp__brDisplay">
320 
+    <p class="footer_text">
321 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
322 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
323 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
324 
+    </p>
325 
+  </footer>
167 326
168 
-</html>
327 
+</div>
328 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Application_health" height="1"
329 
+     width="1"/></body>
330 
+</html>

+ 316
- 153
third/living/Application_national_health_insurance.html ファイルの表示 

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

+ 316
- 135
third/living/Application_nursing_care_insurance.html ファイルの表示 

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

+ 273
- 109
third/living/Application_passport.html ファイルの表示 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
 	<meta charset="utf-8">
5 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
 	<title>北方町ホームページ</title>
7 7 
 	<link rel="stylesheet" href="../../css/base.css">
8 8 
 	<link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,124 +10,269 @@
10 10 
 	<link rel="stylesheet" href="../../css/section.css">
11 11 
 	<link rel="stylesheet" href="../../css/third_template.css">
12 12 
 	<link rel="stylesheet" href="../../css/table.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/third_template_mobile.css">
13 17 
 	<script src="../../js/operation.js"></script>
18 
+	<script src="../../js/menu.js"></script>
19 
+	<script src="../../js/accordion.js"></script>
14 20 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-	</meta>
16 21 
 </head>
17 22
18 23 
 <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>
24 
+<script type="text/javascript">
25 
+	function googleTranslateElementInit() {
26 
+		new google.translate.TranslateElement({
27 
+			pageLanguage: 'ja',
28 
+			layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+		}, 'google_translate_element');
30 
+	}
31 
+</script>
32 
+<script type="text/javascript"
33 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+
35 
+<div id="main" class="gothic">
36 
+	<!--セクション 操作-->
37 
+	<section id="operation">
38 
+		<!--セクション 住所-->
39 
+		<article id="address">
40 
+			<address id="operation_add">
41 
+				<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
42 
+			</address>
43 
+		</article>
44 
+		<div id="controle_panel">
45 
+			<!--セクション 背景色-->
46 
+			<article id="bgcolor">
47 
+				<img src="../../css/img/013.png" alt="背景色変更ボックス"/>
48 
+				<div id="bgcolor_img">
49 
+					<input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
50 
+					<input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
51 
+					<input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
52 
+				</div>
28 53 
 			</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="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</article>
54 
+			<!--セクション 文字サイズ-->
55 
+			<!--<article id="charsize" >
56 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
57 
+      <div id="charsize_img">
58 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
59 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
60 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
61 
+      </div>
62 
+      </article>-->
45 63
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>-->
64 
+			<!--セクション サイトマップ-->
65 
+			<article id="sitemap">
66 
+				<div id="sitemap_img">
67 
+					<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
68 
+				</div>
69 
+			</article>
70 
+			<!--セクション お問い合わせ-->
71 
+			<article id="contact">
72 
+				<div id="contact_img">
73 
+					<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
74 
+									src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
75 
+				</div>
76 
+			</article>
77 
+			<!--セクション 翻訳-->
78 
+			<article id="translation">
79 
+				<div id="translation_img">
80 
+					<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
81 
+					<div id="google_translate_element"></div>
82 
+					<script type="text/javascript">
83 
+						function googleTranslateElementInit() {
84 
+							new google.translate.TranslateElement({
85 
+								pageLanguage: 'ja',
86 
+								layout: google.translate.TranslateElement.InlineLayout.SIMPLE
87 
+							}, 'google_translate_element');
88 
+						}
89 
+					</script>
90 
+					<script type="text/javascript"
91 
+									src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
92 
+				</div>
93 
+			</article>
94 
+			<div id="claer">
95 
+			</div>
96 
+		</div>
97 
+	</section>
55 98
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								alt="サイトマップ" /></a>
61 
-					</div>
99 
+	<!--ヘッダーデータ-->
100 
+	<header>
101 
+		<div id="header" class="gothic">
102 
+			<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
103 
+			<div id="h_block_1">
104 
+				<div class="h_line">
105 
+				</div>
106 
+				<article class="h_text_l">
107 
+					<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
62 108 
 				</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>
109 
+				<article class="h_text_l">
110 
+					<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
69 111 
 				</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>
112 
+				<article class="h_text_l">
113 
+					<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
114 
+				</article>
115 
+				<article class="h_text_l">
116 
+					<a class="h_link" href="../../second/town_admini_info.html"><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>
86 131 
 				</article>
87 
-				<div id="claer">
88 
-				</div>
89 132 
 			</div>
90 
-		</section>
133 
+		</div>
134 
+	</header>
91 135
92 
-		<!--ヘッダーデータ-->
93 
-		<header>
94 
-			<div id="header" class="gothic">
95 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-						height="260px" /></a>
97 
-				<div id="h_block_1">
98 
-					<div class="h_line">
136 
+	<!-- mobile header -->
137 
+	<header class="header">
138 
+		<div class="headerLogo">
139 
+			<a href="../../index.html" class="header_link"><img class="headerLogo__image"
140 
+																src="../../image/logo_kitagata_green_S.png" alt=""></a>
141 
+		</div>
142 
+		<div class="headerTitle">
143 
+			<a href="../../index.html" class="header_link">
144 
+				<h1 class="headerTitle__text">北方町</h1>
145 
+			</a>
146 
+		</div>
147 
+		<div class="headerSubTitle">
148 
+			<a href="../../index.html" class="header_link">
149 
+				<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
150 
+			</a>
151 
+		</div>
152 
+		<div id="h-menu">
153 
+			<span></span>
154 
+			<span></span>
155 
+			<span></span>
156 
+			<div id="h-text">menu</div>
157 
+		</div>
158 
+		<div id="h-nav">
159 
+			<div class="h-menu_main_block_top">
160 
+				<div class="h-menu_main_block">
161 
+					<div class="h-menu_block">
162 
+						<a href="../../second/living.html">
163 
+							<div class="h-menu_block_text h-menu_block_before">
164 
+								<div class="h-menu_block_text_center">くらしの情報</div>
165 
+							</div>
166 
+						</a>
99 167 
 					</div>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/business.html"><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"><span class="h_text">町政情報</span></a>
111 
-					</article>
112 168 
 				</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 
-					</article>
169 
+				<div class="h-menu_main_block">
170 
+					<div class="h-menu_block">
171 
+						<a href="../../second/tourism.html">
172 
+							<div class="h-menu_block_text h-menu_block_before">
173 
+								<div class="h-menu_block_text_center">
174 
+									観光
175 
+								</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/business.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">
191 
+						<a href="../../second/town_admini_info.html">
192 
+							<div class="h-menu_block_text h-menu_block_before">
193 
+								<div class="h-menu_block_text_center">町政情報</div>
194 
+							</div>
195 
+						</a>
196 
+					</div>
197 
+				</div>
198 
+				<div class="h-menu_main_block">
199 
+					<div class="h-menu_block h-menu_block_before">
200 
+						<a href="../../second/sitemap.html">
201 
+							<div class="h-menu_block_text h-menu_block_before">
202 
+								<div class="h-menu_block_text_center">
203 
+									サイトマップ
204 
+								</div>
205 
+							</div>
206 
+						</a>
207 
+					</div>
208 
+				</div>
209 
+				<div class="h-menu_main_block">
210 
+					<div class="h-menu_block h-menu_block_before">
211 
+						<a href="https://ai-staff.net/kitagata/chat">
212 
+							<div class="h-menu_block_text  h-menu_block_before">
213 
+								<div class="h-menu_block_text_center">
214 
+									AIチャット
215 
+								</div>
216 
+							</div>
217 
+						</a>
218 
+					</div>
219 
+				</div>
220 
+				<div class="h-menu_main_block">
221 
+					<div class="h-menu_block h-menu_block_before">
222 
+						<a href="../../third/town_admini_info/administrative_organization_chart.html">
223 
+							<div class="h-menu_block_text">
224 
+								<div class="h-menu_block_text_center">
225 
+									お問い合わせ一覧
226 
+								</div>
227 
+							</div>
228 
+						</a>
229 
+					</div>
230 
+				</div>
231 
+				<div class="h-menu_main_block">
232 
+					<div class="h-menu_lang">
233 
+						<div class="h-menu_block_lang">
234 
+							<div class="h-menu_block_text_center">
235 
+								<div class="h-menu_block_text_line">
236 
+									背景変更
237 
+									<div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
238 
+									</div>
239 
+									<div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
240 
+									</div>
241 
+									<div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
242 
+									</div>
243 
+								</div>
244 
+								<script>
245 
+									getBackgNumber2();
246 
+								</script>
247 
+								<div class="h-menu_block_text_line">言語選択
248 
+									<div class="mobile_translation">
249 
+										<div id="google_translate_element"></div>
250 
+									</div>
251 
+								</div>
252 
+							</div>
253 
+						</div>
254 
+					</div>
255 
+				</div>
256 
+				<div class="h-menu_main_block">
257 
+					<div class="h-menu_search">
258 
+						<div class="h-menu_block_search">
259 
+							<form action="https://www.google.com/search">
260 
+								<input type="hidden" name="hl" value="ja"/>
261 
+								<input type="hidden" name="ie" value="UTF-8">
262 
+								<input type="hidden" name="oe" value="UTF-8">
263 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+								<input type="text" name="q" size="16" maxlength="256" value=""
265 
+									   class="mobile_form_input"/>
266 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
267 
+							</form>
268 
+						</div>
269 
+					</div>
126 270 
 				</div>
127 271 
 			</div>
128 
-		</header>
272 
+		</div>
273 
+	</header>
129 274
130 
-		<div id="third_body">
275 
+	<div id="third_body">
131 276 
 			<!--セクション space-->
132 277
133 278 
 			<!--セクション template-->
 
@@ -192,12 +337,31 @@
192 337 
 			</section>
193 338 
 		</div>
194 339
195 
-		<footer>
196 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
197 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
198 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
199 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
200 
-		</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>
364 
+
201 365
202 366
203 367 
 	</div>
 
@@ -205,4 +369,4 @@
205 369 
 		height="1" width="1" />
206 370 
 </body>
207 371
208 
-</html>
372 
+</html>

+ 0
- 0
third/living/Application_tax.html ファイルの表示


変更されたファイルが多すぎるため、一部のファイルは表示されません

書き込み プレビュー
読み込み中…
キャンセル
保存