瀏覽代碼

second mobaile add

KuniakiTakenaka 2 年之前
父節點
當前提交
c3b7fe9640
共有 6 個文件被更改,包括 949 次插入773 次删除
  1. 278
    272
      second/Calender.html
  2. 43
    44
      second/Coronavirus.html
  3. 1
    0
      second/Parliament.html
  4. 5
    5
      second/Trash.html
  5. 242
    80
      second/kitagata-city-facility.html
  6. 380
    372
      second/living.html

+ 278
- 272
second/Calender.html 查看文件

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

+ 43
- 44
second/Coronavirus.html 查看文件

@@ -16,7 +16,7 @@
16 16
   <link rel="stylesheet" href="../css/second_header_mobile.css">
17 17
   <link rel="stylesheet" href="../css/footer_mobile.css">
18 18
   <link rel="stylesheet" href="../css/section_mobile.css">
19
-  <link href="../css/third_template_mobile.css" rel="stylesheet">
19
+  <link rel="stylesheet" href="../css/third_template_mobile.css" >
20 20
   <script src="../js/operation.js"></script>
21 21
   <script src="../js/menu.js"></script>
22 22
   <script src="../js/accordion.js"></script>
@@ -287,25 +287,25 @@
287 287
           <div id="template_title2" class="gothic">
288 288
             <div id="template_title_block">
289 289
               <span id="template_title2"><a
290
-                  href="../third/Coronavirus/Coronavirus_220121.html">国民健康保険税の減免制度について</a></span>
290
+                      href="../third/Coronavirus/Coronavirus_220121.html">国民健康保険税の減免制度について</a></span>
291 291
             </div>
292 292
           </div>
293 293
         </article>
294 294
 
295 295
         <article id="template_list_title">
296
-          <div id="template_title2" class="gothic">
296
+          <div class="template_title2 template_title2_2 gothic">
297 297
             <div id="template_title_block">
298
-              <span id="template_title2"><a
299
-                  href="../third/Coronavirus/Coronavirus_210406.html">職員の新型コロナウイルス感染症患者の発生について</a></span>
298
+        <span class="template_title2 template_title2_2"><a
299
+                      href="../third/Coronavirus/Coronavirus_210406.html">職員の新型コロナウイルス感染症患者の発生について</a></span>
300 300
             </div>
301 301
           </div>
302 302
         </article>
303 303
 
304 304
         <article id="template_list_title">
305
-          <div id="template_title2" class="gothic">
305
+          <div class="template_title2 template_title2_2 gothic">
306 306
             <div id="template_title_block">
307
-              <span id="template_title2"><a
308
-                  href="../third/Coronavirus/Coronavirus_210415.html">北方町及び関係団体が主催するイベント等の中止情報について</a></span>
307
+        <span class="template_title2 template_title2_2"><a
308
+                      href="../third/Coronavirus/Coronavirus_210415.html">北方町及び関係団体が主催するイベント等の中止情報について</a></span>
309 309
             </div>
310 310
           </div>
311 311
         </article>
@@ -314,25 +314,25 @@
314 314
           <div id="template_title2" class="gothic">
315 315
             <div id="template_title_block">
316 316
               <span id="template_title2"><a
317
-                  href="../third/Coronavirus/kitagata_correspondence.html">北方町の対応について</a></span>
317
+                      href="../third/Coronavirus/kitagata_correspondence.html">北方町の対応について</a></span>
318 318
             </div>
319 319
           </div>
320 320
         </article>
321 321
 
322 322
         <article id="template_list_title">
323
-          <div id="template_title2" class="gothic">
323
+          <div class="template_title2 template_title2_2 gothic">
324 324
             <div id="template_title_block">
325
-              <span id="template_title2"><a
326
-                  href="../third/Coronavirus/Coronavirus_220328.html">岐阜県新型コロナウイルス感染症拡大防止協力金(第10弾)</a></span>
325
+              <span class="template_title2 template_title2_2"><a
326
+                      href="../third/Coronavirus/Coronavirus_220328.html">岐阜県新型コロナウイルス感染症拡大防止協力金(第10弾)</a></span>
327 327
             </div>
328 328
           </div>
329 329
         </article>
330 330
 
331 331
         <article id="template_list_title">
332
-          <div id="template_title2" class="gothic">
332
+          <div class="template_title2 template_title2_2 gothic">
333 333
             <div id="template_title_block">
334
-              <span id="template_title2"><a
335
-                  href="../third/Coronavirus/Coronavirus_220121.html">岐阜県新型コロナウイルス感染症拡大防止協力金(第9弾)</a></span>
334
+        <span class="template_title2 template_title2_2"><a
335
+                      href="../third/Coronavirus/Coronavirus_220121.html">岐阜県新型コロナウイルス感染症拡大防止協力金(第9弾)</a></span>
336 336
             </div>
337 337
           </div>
338 338
         </article>
@@ -341,24 +341,24 @@
341 341
           <div id="template_title2" class="gothic">
342 342
             <div id="template_title_block">
343 343
               <span id="template_title2"><a
344
-                  href="../third/Coronavirus/prefectural_governor_message.html">岐阜県知事からのメッセージ</a></span>
344
+                      href="../third/Coronavirus/prefectural_governor_message.html">岐阜県知事からのメッセージ</a></span>
345 345
             </div>
346 346
           </div>
347 347
         </article>
348 348
 
349 349
         <article id="template_list_title">
350
-          <div id="template_title2" class="gothic">
350
+          <div class="template_title2 template_title2_2 gothic">
351 351
             <div id="template_title_block">
352
-              <span id="template_title2"><a
353
-                  href="../third/Coronavirus/patient_outbreak.html">新型コロナウイルス感染症の患者の発生について</a></span>
352
+        <span class="template_title2 template_title2_2"><a
353
+                      href="../third/Coronavirus/patient_outbreak.html">新型コロナウイルス感染症の患者の発生について</a></span>
354 354
             </div>
355 355
           </div>
356 356
         </article>
357 357
 
358 358
         <article id="template_list_title">
359
-          <div id="template_title2" class="gothic">
359
+          <div class="template_title2 template_title2_2 gothic">
360 360
             <div id="template_title_block">
361
-              <span id="template_title2">
361
+        <span class="template_title2 template_title2_2">
362 362
                 <a href="../third/Coronavirus/for_foreign_residents.html">Information about
363 363
                   COVID-19(外国人のみなさまへ)</a></span>
364 364
             </div>
@@ -374,66 +374,66 @@
374 374
         </article>
375 375
 
376 376
         <article id="template_list_title">
377
-          <div id="template_title2" class="gothic">
377
+          <div class="template_title2 template_title2_2 gothic">
378 378
             <div id="template_title_block">
379
-              <span id="template_title2"><a
380
-                  href="../third/notices/298_20210924.html">北方町プレミアム商品券2021 購入引換券を紛失・破棄してしまった世帯の方へ</a></span>
379
+        <span class="template_title2 template_title2_2"><a
380
+                      href="../third/notices/298_20210924.html">北方町プレミアム商品券2021 購入引換券を紛失・破棄してしまった世帯の方へ</a></span>
381 381
             </div>
382 382
           </div>
383 383
         </article>
384 384
 
385 385
         <article id="template_list_title">
386
-          <div id="template_title2" class="gothic">
386
+          <div class="template_title2 template_title2_2 gothic">
387 387
             <div id="template_title_block">
388
-              <span id="template_title2"><a
389
-                  href="../third/notices/295_20210707.html">北方町プレミアム商品券2021 取扱店募集について</a></span>
388
+        <span class="template_title2 template_title2_2"><a
389
+                      href="../third/notices/295_20210707.html">北方町プレミアム商品券2021 取扱店募集について</a></span>
390 390
             </div>
391 391
           </div>
392 392
         </article>
393 393
 
394 394
         <article id="template_list_title">
395
-          <div id="template_title2" class="gothic">
395
+          <div class="template_title2 template_title2_2 gothic">
396 396
             <div id="template_title_block">
397
-              <span id="template_title2"><a
398
-                  href="../third/Coronavirus/apply_for_sticker.html">新型コロナ対策実施店舗向けステッカーの申込みについて</a></span>
397
+        <span class="template_title2 template_title2_2"><a
398
+                      href="../third/Coronavirus/apply_for_sticker.html">新型コロナ対策実施店舗向けステッカーの申込みについて</a></span>
399 399
             </div>
400 400
           </div>
401 401
         </article>
402 402
 
403 403
 
404 404
         <article id="template_list_title">
405
-          <div id="template_title2" class="gothic">
405
+          <div class="template_title2 template_title2_2 gothic">
406 406
             <div id="template_title_block">
407
-              <span id="template_title2"><a
408
-                  href="../third/Coronavirus/infection_control_measures_dates.html">北方町新型コロナウイルス感染症対策本部の開催状況について</a></span>
407
+        <span class="template_title2 template_title2_2"><a
408
+                      href="../third/Coronavirus/infection_control_measures_dates.html">北方町新型コロナウイルス感染症対策本部の開催状況について</a></span>
409 409
             </div>
410 410
           </div>
411 411
         </article>
412 412
 
413 413
         <article id="template_list_title">
414
-          <div id="template_title2" class="gothic">
414
+          <div class="template_title2 template_title2_2 gothic">
415 415
             <div id="template_title_block">
416
-              <span id="template_title2"><a
417
-                  href="../third/Coronavirus/coronavirus_consultation_service.html">新型コロナウイルス感染症に関する各種相談窓口</a></span>
416
+        <span class="template_title2 template_title2_2"><a
417
+                      href="../third/Coronavirus/coronavirus_consultation_service.html">新型コロナウイルス感染症に関する各種相談窓口</a></span>
418 418
             </div>
419 419
           </div>
420 420
         </article>
421 421
 
422 422
         <article id="template_list_title">
423
-          <div id="template_title2" class="gothic">
423
+          <div class="template_title2 template_title2_2 gothic">
424 424
             <div id="template_title_block">
425
-              <span id="template_title2"><a
426
-                  href="../third/Coronavirus/coronavirus_procedures.html">新型コロナウイルス感染症に関する各種手続き等について</a></span>
425
+        <span class="template_title2 template_title2_2"><a
426
+                      href="../third/Coronavirus/coronavirus_procedures.html">新型コロナウイルス感染症に関する各種手続き等について</a></span>
427 427
             </div>
428 428
           </div>
429 429
         </article>
430 430
 
431 431
 
432 432
         <article id="template_list_title">
433
-          <div id="template_title2" class="gothic">
433
+          <div class="template_title2 template_title2_2 gothic">
434 434
             <div id="template_title_block">
435
-              <span id="template_title2"><a
436
-                  href="../third/Coronavirus/accident_sickness_benefits.html">新型コロナウイルス感染症による傷病手当金について</a></span>
435
+        <span class="template_title2 template_title2_2"><a
436
+                      href="../third/Coronavirus/accident_sickness_benefits.html">新型コロナウイルス感染症による傷病手当金について</a></span>
437 437
             </div>
438 438
           </div>
439 439
         </article>
@@ -442,12 +442,11 @@
442 442
           <div id="template_title2" class="gothic">
443 443
             <div id="template_title_block">
444 444
               <span id="template_title2"><a
445
-                  href="../third/Coronavirus/health_insurance_tax_reduction_exemption_system.html">国民健康保険税の減免制度について</a></span>
445
+                      href="../third/Coronavirus/health_insurance_tax_reduction_exemption_system.html">国民健康保険税の減免制度について</a></span>
446 446
             </div>
447 447
           </div>
448 448
         </article>
449 449
 
450
-
451 450
       </section>
452 451
     </div>
453 452
 

+ 1
- 0
second/Parliament.html 查看文件

@@ -367,6 +367,7 @@
367 367
             </section>
368 368
         </div>
369 369
 
370
+
370 371
         <footer>
371 372
             <img class="footer_img" src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
372 373
             <div class="footer_mobile">

+ 5
- 5
second/Trash.html 查看文件

@@ -38,7 +38,7 @@
38 38
 		<header class="header">
39 39
 			<div class="headerLogo">
40 40
 				<a href="../index.html" class="header_link"><img class="headerLogo__image"
41
-						src="../image/logo_kitagata_green_S.png" alt=""></a>
41
+																 src="../image/logo_kitagata_green_S.png" alt=""></a>
42 42
 			</div>
43 43
 			<div class="headerTitle">
44 44
 				<a href="../index.html" class="header_link">
@@ -158,13 +158,13 @@
158 158
 						<div class="h-menu_search">
159 159
 							<div class="h-menu_block_search">
160 160
 								<form action="https://www.google.com/search">
161
-									<input type="hidden" name="hl" value="ja" />
161
+									<input type="hidden" name="hl" value="ja"/>
162 162
 									<input type="hidden" name="ie" value="UTF-8">
163 163
 									<input type="hidden" name="oe" value="UTF-8">
164
-									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
164
+									<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 165
 									<input type="text" name="q" size="16" maxlength="256" value=""
166
-										class="mobile_form_input" />
167
-									<input type="submit" name="btnG" value="検索" class="mobile_form_button" />
166
+										   class="mobile_form_input"/>
167
+									<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 168
 								</form>
169 169
 							</div>
170 170
 						</div>

+ 242
- 80
second/kitagata-city-facility.html 查看文件

@@ -1,96 +1,239 @@
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
-    <!--くらしの情報-->
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
-    <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">
15 17
     <script src="../js/operation.js"></script>
18
+    <script src="../js/menu.js"></script>
19
+    <script src="../js/accordion.js"></script>
16 20
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 21
     </meta>
18 22
 </head>
19 23
 
20 24
 <body id="back">
21
-    <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>
28
-                        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"
37
-                            onClick="setBackground2(1)">
38
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
39
-                            onClick="setBackground2(2)">
40
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
41
-                            onClick="setBackground2(3)">
25
+<script type="text/javascript">
26
+    function googleTranslateElementInit() {
27
+        new google.translate.TranslateElement({
28
+            pageLanguage: 'ja',
29
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30
+        }, 'google_translate_element');
31
+    }
32
+</script>
33
+<script type="text/javascript"
34
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35
+<div id="main" class="gothic">
36
+    <!-- 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>
42 67
                     </div>
43
-                    <script>
44
-                        getBackgNumber2();
45
-                    </script>
46
-                </article>
47
-
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>-->
57
-
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>
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>
62 78
                     </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>
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>
69 87
                     </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>
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>
86 169
                     </div>
87
-                </article>
88
-                <div id="claer">
89 170
                 </div>
90 171
             </div>
91
-        </section>
172
+        </div>
173
+    </header>
92 174
 
93
-        <!--ヘッダーデータ-->
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="setBackground2(1)">
191
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192
+                           onClick="setBackground2(2)">
193
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194
+                           onClick="setBackground2(3)">
195
+                </div>
196
+                <script>
197
+                    getBackgNumber2();
198
+                </script>
199
+            </article>
200
+
201
+            <!--セクション 文字サイズ-->
202
+            <!--<article id="charsize" >
203
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
204
+      <div id="charsize_img">
205
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
206
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
207
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
208
+      </div>
209
+      </article>-->
210
+
211
+            <!--セクション サイトマップ-->
212
+            <article id="sitemap">
213
+                <div id="sitemap_img">
214
+                    <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
215
+                </div>
216
+            </article>
217
+            <!--セクション お問い合わせ-->
218
+            <article id="contact">
219
+                <div id="contact_img">
220
+                    <a href="../third/town_admini_info/administrative_organization_chart.html"><img
221
+                            src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
222
+                </div>
223
+            </article>
224
+            <!--セクション 翻訳-->
225
+            <article id="translation">
226
+                <div id="translation_img">
227
+                    <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
228
+                    <div id="google_translate_element"></div>
229
+                </div>
230
+            </article>
231
+            <div id="claer">
232
+            </div>
233
+        </div>
234
+    </section>
235
+
236
+    <!--ヘッダーデータ-->
94 237
         <header>
95 238
             <div id="header" class="gothic">
96 239
                 <a href="../index.html">
@@ -160,13 +303,15 @@
160 303
                     </div>
161 304
                     <span id="template_article_block">
162 305
                         <img style="position: absolute; right: 8px" width="170" height="85"
163
-                            src="../css/img/kitagata-government-office.jpg" alt="">
306
+                             src="../css/img/kitagata-government-office.jpg" alt="">
164 307
                         <span style="border: 1px black solid; padding: 2px">所在地</span><br>
165 308
                         <br \>
309
+                        <div class="kitagata-town_public_facility">
166 310
                         〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地<br>
167 311
                         TEL (058)-323-1111(代表)<br>
168 312
                         FAX (058)-323-2963<br>
169 313
                         <br \>
314
+                      </div>
170 315
                         <span style="border: 1px black solid; padding: 2px">利用案内</span><br>
171 316
                         <br \>
172 317
                         午前8時30分~午後5時15分(土・日・祝日、年末年始を除く)<br>
@@ -182,17 +327,34 @@
182 327
             </section>
183 328
         </div>
184 329
 
185
-        <footer>
186
-            <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
187
-            <br />
188
-            <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>|<a
189
-                    href="../second/Privacy_policy.html">個人情報保護指針</a>|<a
190
-                    href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
191
-            </p>
192
-        </footer>
330
+
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>
193 355
 
194 356
     </div>
195 357
     <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?" height="1" width="1" />
196 358
 </body>
197 359
 
198
-</html>
360
+</html>

+ 380
- 372
second/living.html 查看文件

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

Loading…
取消
儲存