kitagata
/
kitagata_old
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

mobile 対応

KuniakiTakenaka 2 years ago
parent
8583f2eed5
commit
663c726f0d
30 changed files with 100518 additions and 879 deletions
Split View Show Diff Stats
  1. 99119
    0
      css/pdf/living/calender_of_living_2022.pdf
  2. BIN
      css/pdf/living/calender_of_living_2022_10.jpg
  3. BIN
      css/pdf/living/calender_of_living_2022_10.pdf
  4. BIN
      css/pdf/living/calender_of_living_2022_11.jpg
  5. BIN
      css/pdf/living/calender_of_living_2022_11.pdf
  6. BIN
      css/pdf/living/calender_of_living_2022_12.jpg
  7. BIN
      css/pdf/living/calender_of_living_2022_12.pdf
  8. BIN
      css/pdf/living/calender_of_living_2022_4.jpg
  9. BIN
      css/pdf/living/calender_of_living_2022_4.pdf
  10. BIN
      css/pdf/living/calender_of_living_2022_5.jpg
  11. BIN
      css/pdf/living/calender_of_living_2022_5.pdf
  12. BIN
      css/pdf/living/calender_of_living_2022_6.jpg
  13. BIN
      css/pdf/living/calender_of_living_2022_6.pdf
  14. BIN
      css/pdf/living/calender_of_living_2022_7.jpg
  15. BIN
      css/pdf/living/calender_of_living_2022_7.pdf
  16. BIN
      css/pdf/living/calender_of_living_2022_8.jpg
  17. BIN
      css/pdf/living/calender_of_living_2022_8.pdf
  18. BIN
      css/pdf/living/calender_of_living_2022_9.jpg
  19. BIN
      css/pdf/living/calender_of_living_2022_9.pdf
  20. BIN
      css/pdf/living/calender_of_living_2023_1.jpg
  21. BIN
      css/pdf/living/calender_of_living_2023_1.pdf
  22. BIN
      css/pdf/living/calender_of_living_2023_2.jpg
  23. BIN
      css/pdf/living/calender_of_living_2023_2.pdf
  24. BIN
      css/pdf/living/calender_of_living_2023_3.jpg
  25. BIN
      css/pdf/living/calender_of_living_2023_3.pdf
  26. 272
    278
      second/Calender.html
  27. 372
    380
      second/living.html
  28. 203
    50
      third/Coronavirus/Coronavirus_200723_1.html
  29. 202
    71
      third/Coronavirus/Coronavirus_210406.html
  30. 350
    100
      third/calender/Calender.html

+ 99119
- 0
css/pdf/living/calender_of_living_2022.pdf
File diff suppressed because it is too large
View File


BIN
css/pdf/living/calender_of_living_2022_10.jpg View File


BIN
css/pdf/living/calender_of_living_2022_10.pdf View File


BIN
css/pdf/living/calender_of_living_2022_11.jpg View File


BIN
css/pdf/living/calender_of_living_2022_11.pdf View File


BIN
css/pdf/living/calender_of_living_2022_12.jpg View File


BIN
css/pdf/living/calender_of_living_2022_12.pdf View File


BIN
css/pdf/living/calender_of_living_2022_4.jpg View File


BIN
css/pdf/living/calender_of_living_2022_4.pdf View File


BIN
css/pdf/living/calender_of_living_2022_5.jpg View File


BIN
css/pdf/living/calender_of_living_2022_5.pdf View File


BIN
css/pdf/living/calender_of_living_2022_6.jpg View File


BIN
css/pdf/living/calender_of_living_2022_6.pdf View File


BIN
css/pdf/living/calender_of_living_2022_7.jpg View File


BIN
css/pdf/living/calender_of_living_2022_7.pdf View File


BIN
css/pdf/living/calender_of_living_2022_8.jpg View File


BIN
css/pdf/living/calender_of_living_2022_8.pdf View File


BIN
css/pdf/living/calender_of_living_2022_9.jpg View File


BIN
css/pdf/living/calender_of_living_2022_9.pdf View File


BIN
css/pdf/living/calender_of_living_2023_1.jpg View File


BIN
css/pdf/living/calender_of_living_2023_1.pdf View File


BIN
css/pdf/living/calender_of_living_2023_2.jpg View File


BIN
css/pdf/living/calender_of_living_2023_2.pdf View File


BIN
css/pdf/living/calender_of_living_2023_3.jpg View File


BIN
css/pdf/living/calender_of_living_2023_3.pdf View File


+ 272
- 278
second/Calender.html View File 

@@ -24,184 +24,180 @@
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>
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 
-                  観光
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>
77 67 
                 </div>
78 
-              </div>
79 
-            </a>
80 
-          </div>
81 
-        </div>
82 
-        <div class="h-menu_main_block">
83 
-          <div class="h-menu_block">
84 
-            <a href="../second/business.html">
85 
-              <div class="h-menu_block_text h-menu_block_before">
86 
-                <div class="h-menu_block_text_center">事業者向け情報</div>
87 
-              </div>
88 
-            </a>
89 
-          </div>
90 
-        </div>
91 
-        <div class="h-menu_main_block">
92 
-          <div class="h-menu_block">
93 
-            <a href="../second/town_admini_info.html">
94 
-              <div class="h-menu_block_text h-menu_block_before">
95 
-                <div class="h-menu_block_text_center">町政情報</div>
96 
-              </div>
97 
-            </a>
68 
+              </a>
69 
+            </div>
98 70 
           </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 
-                  サイトマップ
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>
106 78 
                 </div>
107 
-              </div>
108 
-            </a>
79 
+              </a>
80 
+            </div>
109 81 
           </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チャット
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>
117 87 
                 </div>
118 
-              </div>
119 
-            </a>
88 
+              </a>
89 
+            </div>
120 90 
           </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 
-                  お問い合わせ一覧
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>
128 96 
                 </div>
129 
-              </div>
130 
-            </a>
97 
+              </a>
98 
+            </div>
131 99 
           </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">灰
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 
+                    サイトマップ
140 106 
                   </div>
141 
-                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
107 
+                </div>
108 
+              </a>
109 
+            </div>
110 
+          </div>
111 
+          <div class="h-menu_main_block">
112 
+            <div class="h-menu_block h-menu_block_before">
113 
+              <a href="https://ai-staff.net/kitagata/chat">
114 
+                <div class="h-menu_block_text  h-menu_block_before">
115 
+                  <div class="h-menu_block_text_center">
116 
+                    AIチャット
142 117 
                   </div>
143 
-                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
118 
+                </div>
119 
+              </a>
120 
+            </div>
121 
+          </div>
122 
+          <div class="h-menu_main_block">
123 
+            <div class="h-menu_block h-menu_block_before">
124 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
125 
+                <div class="h-menu_block_text">
126 
+                  <div class="h-menu_block_text_center">
127 
+                    お問い合わせ一覧
144 128 
                   </div>
145 129 
                 </div>
146 
-                <script>
130 
+              </a>
131 
+            </div>
132 
+          </div>
133 
+          <div class="h-menu_main_block">
134 
+            <div class="h-menu_lang">
135 
+              <div class="h-menu_block_lang">
136 
+                <div class="h-menu_block_text_center">
137 
+                  <div class="h-menu_block_text_line">
138 
+                    背景変更
139 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
140 
+                    </div>
141 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
142 
+                    </div>
143 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
144 
+                    </div>
145 
+                  </div>
146 
+                  <script>
147 147 
                     getBackgNumber2();
148 
-                </script>
149 
-                <div class="h-menu_block_text_line">言語選択
150 
-                  <div class="mobile_translation">
151 
-                    <div id="google_translate_element"></div>
148 
+                  </script>
149 
+                  <div class="h-menu_block_text_line">言語選択
150 
+                    <div class="mobile_translation">
151 
+                      <div id="google_translate_element"></div>
152 
+                    </div>
152 153 
                   </div>
153 154 
                 </div>
154 155 
               </div>
155 156 
             </div>
156 157 
           </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>
158 
+          <div class="h-menu_main_block">
159 
+            <div class="h-menu_search">
160 
+              <div class="h-menu_block_search">
161 
+                <form action="https://www.google.com/search">
162 
+                  <input type="hidden" name="hl" value="ja" />
163 
+                  <input type="hidden" name="ie" value="UTF-8">
164 
+                  <input type="hidden" name="oe" value="UTF-8">
165 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
166 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
167 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
168 
+                </form>
169 
+              </div>
170 170 
             </div>
171 171 
           </div>
172 172 
         </div>
173 173 
       </div>
174 
-    </div>
175 
-  </header>
174 
+    </header>
176 175
177 
-  <!--セクション 操作-->
178 
-  <section id="operation">
179 
-    <!--セクション 住所-->
180 
-    <article id="address">
181 
-      <address id="operation_add">
182 
-        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
183 
-						TEL:058-323-1111(代)</span>
184 
-      </address>
185 
-    </article>
186 
-    <div id="controle_panel">
187 
-      <!--セクション 背景色-->
188 
-      <article id="bgcolor">
189 
-        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
190 
-        <div id="bgcolor_img">
191 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
192 
-                 onClick="setBackground2(1)">
193 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
194 
-                 onClick="setBackground2(2)">
195 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
196 
-                 onClick="setBackground2(3)">
197 
-        </div>
198 
-        <script>
199 
-            getBackgNumber2();
200 
-        </script>
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>
201 184 
       </article>
185 
+      <div id="controle_panel">
186 
+        <!--セクション 背景色-->
187 
+        <article id="bgcolor">
188 
+          <img src="../css/img/013.png" alt="背景色変更ボックス" />
189 
+          <div id="bgcolor_img">
190 
+            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
191 
+            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
192 
+            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
193 
+          </div>
194 
+          <script>
195 
+            getBackgNumber2();
196 
+          </script>
197 
+        </article>
202 198
203 
-      <!--セクション 文字サイズ-->
204 
-      <!--<article id="charsize" >
199 
+        <!--セクション 文字サイズ-->
200 
+        <!--<article id="charsize" >
205 201 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
206 202 
 <div id="charsize_img">
207 203 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -210,113 +206,111 @@
210 206 
 </div>
211 207 
 </article>-->
212 208
213 
-      <!--セクション サイトマップ-->
214 
-      <article id="sitemap">
215 
-        <div id="sitemap_img">
216 
-          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
217 
-        </div>
218 
-      </article>
219 
-      <!--セクション お問い合わせ-->
220 
-      <article id="contact">
221 
-        <div id="contact_img">
222 
-          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
223 
-                  src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
224 
-        </div>
225 
-      </article>
226 
-      <!--セクション 翻訳-->
227 
-      <article id="translation">
228 
-        <div id="translation_img">
229 
-          <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
230 
-          <div id="google_translate_element"></div>
231 
-        </div>
232 
-      </article>
233 
-      <div id="claer">
234 
-      </div>
235 
-    </div>
236 
-  </section>
237 
-
238 
-  <!--ヘッダーデータ-->
239 
-  <header>
240 
-    <div id="header" class="gothic">
241 
-      <a href="../index.html">
242 
-        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
243 
-      </a>
244 
-      <div id="h_block_1">
245 
-        <div class="h_line">
246 
-        </div>
247 
-        <article class="h_text_l">
248 
-          <a class="h_link" href="../second/living.html">
249 
-            <span class="h_text">くらしの情報</span></a>
250 
-        </article>
251 
-        <article class="h_text_l">
252 
-          <a class="h_link" href="../second/tourism.html">
253 
-            <span class="h_text">観光</span></a>
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>
254 214 
         </article>
255 
-        <article class="h_text_l">
256 
-          <a class="h_link" href="../second/business.html">
257 
-            <span class="h_text">事業者向け情報</span></a>
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>
258 221 
         </article>
259 
-        <article class="h_text_l">
260 
-          <a class="h_link" href="../second/town_admini_info.html">
261 
-            <span class="h_text">町政情報</span></a>
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>
262 228 
         </article>
229 
+        <div id="claer">
230 
+        </div>
263 231 
       </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>
232 
+    </section>
276 233
277 
-        </article>
234 
+    <!--ヘッダーデータ-->
235 
+    <header>
236 
+      <div id="header" class="gothic">
237 
+        <a href="../index.html">
238 
+          <img src="../css/img/header_emblem.png" width="200px" height="260px" />
239 
+        </a>
240 
+        <div id="h_block_1">
241 
+          <div class="h_line">
242 
+          </div>
243 
+          <article class="h_text_l">
244 
+            <a class="h_link" href="../second/living.html">
245 
+              <span class="h_text">くらしの情報</span></a>
246 
+          </article>
247 
+          <article class="h_text_l">
248 
+            <a class="h_link" href="../second/tourism.html">
249 
+              <span class="h_text">観光</span></a>
250 
+          </article>
251 
+          <article class="h_text_l">
252 
+            <a class="h_link" href="../second/business.html">
253 
+              <span class="h_text">事業者向け情報</span></a>
254 
+          </article>
255 
+          <article class="h_text_l">
256 
+            <a class="h_link" href="../second/town_admini_info.html">
257 
+              <span class="h_text">町政情報</span></a>
258 
+          </article>
259 
+        </div>
260 
+        <div id="h_block_search">
261 
+          <div class="h_line"></div>
262 
+          <article class="h_search">
263 
+            <div class="space10"></div>
264 
+            <form action="http://www.google.com/search">
265 
+              <input type="hidden" name="hl" value="ja" />
266 
+              <input type="hidden" name="ie" value="UTF-8">
267 
+              <input type="hidden" name="oe" value="UTF-8">
268 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
269 
+              <input type="text" name="q" size="16" maxlength="256" value="" />
270 
+              <input type="submit" name="btnG" value="検索" />
271 
+            </form>
272 
+
273 
+          </article>
274 
+        </div>
278 275 
       </div>
279 
-    </div>
280 
-  </header>
276 
+    </header>
281 277
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>
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>
289 286 
           </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>
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>
296 293 
           </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 
-      <!--
294 
+        </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>
303 
+        </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>
312 
+        </article>
313 
+        <!--
320 314 
           <article id="template_list_title" >
321 315 
               <div id="template_title2" class="gothic">
322 316 
                   <div id="template_title_block">
 
@@ -328,42 +322,42 @@
328 322 
 <!--
329 323 
 <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>
330 324 
 -->
331 
-      <!--
325 
+        <!--
332 326 
               </span>
333 327 
           </article>
334 328 
       </section>
335 329 
 -->
336 
-  </div>
330 
+    </div>
337 331
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>
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>
353 348 
       </div>
354 
-    </div>
355 
-    <br class="sp__brDisplay">
356 
-    <p class="footer_text">
357 
-      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
358 
-      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
359 
-      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
360 
-    </p>
361 
-  </footer>
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>
362 356
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>
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>
367 361 
 </body>
368 362
369 363 
 </html>

+ 372
- 380
second/living.html View File 

@@ -22,182 +22,181 @@
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>
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 
-                  観光
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>
76 66 
                 </div>
77 
-              </div>
78 
-            </a>
79 
-          </div>
80 
-        </div>
81 
-        <div class="h-menu_main_block">
82 
-          <div class="h-menu_block">
83 
-            <a href="../second/business.html">
84 
-              <div class="h-menu_block_text h-menu_block_before">
85 
-                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
-              </div>
87 
-            </a>
88 
-          </div>
89 
-        </div>
90 
-        <div class="h-menu_main_block">
91 
-          <div class="h-menu_block">
92 
-            <a href="../second/town_admini_info.html">
93 
-              <div class="h-menu_block_text h-menu_block_before">
94 
-                <div class="h-menu_block_text_center">町政情報</div>
95 
-              </div>
96 
-            </a>
67 
+              </a>
68 
+            </div>
97 69 
           </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 
-                  サイトマップ
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>
105 77 
                 </div>
106 
-              </div>
107 
-            </a>
78 
+              </a>
79 
+            </div>
108 80 
           </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チャット
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>
116 86 
                 </div>
117 
-              </div>
118 
-            </a>
87 
+              </a>
88 
+            </div>
119 89 
           </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 
-                  お問い合わせ一覧
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>
127 95 
                 </div>
128 
-              </div>
129 
-            </a>
96 
+              </a>
97 
+            </div>
130 98 
           </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">灰
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 
+                    サイトマップ
139 105 
                   </div>
140 
-                  <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
106 
+                </div>
107 
+              </a>
108 
+            </div>
109 
+          </div>
110 
+          <div class="h-menu_main_block">
111 
+            <div class="h-menu_block h-menu_block_before">
112 
+              <a href="https://ai-staff.net/kitagata/chat">
113 
+                <div class="h-menu_block_text  h-menu_block_before">
114 
+                  <div class="h-menu_block_text_center">
115 
+                    AIチャット
141 116 
                   </div>
142 
-                  <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
117 
+                </div>
118 
+              </a>
119 
+            </div>
120 
+          </div>
121 
+          <div class="h-menu_main_block">
122 
+            <div class="h-menu_block h-menu_block_before">
123 
+              <a href="../third/town_admini_info/administrative_organization_chart.html">
124 
+                <div class="h-menu_block_text">
125 
+                  <div class="h-menu_block_text_center">
126 
+                    お問い合わせ一覧
143 127 
                   </div>
144 128 
                 </div>
145 
-                <script>
129 
+              </a>
130 
+            </div>
131 
+          </div>
132 
+          <div class="h-menu_main_block">
133 
+            <div class="h-menu_lang">
134 
+              <div class="h-menu_block_lang">
135 
+                <div class="h-menu_block_text_center">
136 
+                  <div class="h-menu_block_text_line">
137 
+                    背景変更
138 
+                    <div onClick="setBackground2(1)" class="h-menu_block_text_color_1">灰
139 
+                    </div>
140 
+                    <div onClick="setBackground2(2)" class="h-menu_block_text_color_2">黄
141 
+                    </div>
142 
+                    <div onClick="setBackground2(3)" class="h-menu_block_text_color_3">黄緑
143 
+                    </div>
144 
+                  </div>
145 
+                  <script>
146 146 
                     getBackgNumber2();
147 
-                </script>
148 
-                <div class="h-menu_block_text_line">言語選択
149 
-                  <div class="mobile_translation">
150 
-                    <div id="google_translate_element"></div>
147 
+                  </script>
148 
+                  <div class="h-menu_block_text_line">言語選択
149 
+                    <div class="mobile_translation">
150 
+                      <div id="google_translate_element"></div>
151 
+                    </div>
151 152 
                   </div>
152 153 
                 </div>
153 154 
               </div>
154 155 
             </div>
155 156 
           </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>
157 
+          <div class="h-menu_main_block">
158 
+            <div class="h-menu_search">
159 
+              <div class="h-menu_block_search">
160 
+                <form action="https://www.google.com/search">
161 
+                  <input type="hidden" name="hl" value="ja" />
162 
+                  <input type="hidden" name="ie" value="UTF-8">
163 
+                  <input type="hidden" name="oe" value="UTF-8">
164 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
165 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
166 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
167 
+                </form>
168 
+              </div>
169 169 
             </div>
170 170 
           </div>
171 171 
         </div>
172 172 
       </div>
173 
-    </div>
174 
-  </header>
173 
+    </header>
175 174
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>
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>
182 181 
             TEL:058-323-1111(代)</span>
183 
-      </address>
184 
-    </article>
185 
-    <div id="controle_panel">
186 
-      <!--セクション 背景色-->
187 
-      <article id="bgcolor">
188 
-        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
189 
-        <div id="bgcolor_img">
190 
-          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
191 
-          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
192 
-          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
193 
-        </div>
194 
-        <script>
195 
-            getBackgNumber2();
196 
-        </script>
182 
+        </address>
197 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>
194 
+            getBackgNumber2();
195 
+          </script>
196 
+        </article>
198 197
199 
-      <!--セクション 文字サイズ-->
200 
-      <!--<article id="charsize" >
198 
+        <!--セクション 文字サイズ-->
199 
+        <!--<article id="charsize" >
201 200 
 <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
202 201 
 <div id="charsize_img">
203 202 
 <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -206,280 +205,273 @@
206 205 
 </div>
207 206 
 </article>-->
208 207
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>
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>
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>
254 213 
         </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>
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>
258 220 
         </article>
259 
-      </div>
260 
-      <div id="h_block_search">
261 
-        <div class="h_line"></div>
262 
-        <article class="h_search">
263 
-          <div class="space10"></div>
264 
-          <form action="http://www.google.com/search">
265 
-            <input type="hidden" name="hl" value="ja"/>
266 
-            <input type="hidden" name="ie" value="UTF-8">
267 
-            <input type="hidden" name="oe" value="UTF-8">
268 
-            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
269 
-            <input type="text" name="q" size="16" maxlength="256" value=""/>
270 
-            <input type="submit" name="btnG" value="検索"/>
271 
-          </form>
272 
-
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>
273 227 
         </article>
228 
+        <div id="claer">
229 
+        </div>
274 230 
       </div>
275 
-    </div>
276 
-  </header>
231 
+    </section>
277 232
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>
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">
285 241 
           </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>
286 258 
         </div>
287 
-      </article>
288 
-      <article id="template">
289 
-        <div id="template_title" class="gothic">
290 
-          <div id="template_title_block">
291 
-            <span id="template_title">くらしの情報</span>
292 
-          </div>
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>
293 273 
         </div>
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>
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>
302 284 
             </div>
303 285 
           </div>
304 286 
         </article>
305 
-        <article id="template_list_title">
306 
-          <div id="template_title2" class="gothic">
287 
+        <article id="template">
288 
+          <div id="template_title" class="gothic">
307 289 
             <div id="template_title_block">
308 
-              <span class="template_icon left">+</span><span id="template_title2"><a class="s_link"
309 
-                                                                                     href="./Health.html" name="anc2">健康・予防</a></span>
290 
+              <span id="template_title">くらしの情報</span>
310 291 
             </div>
311 292 
           </div>
312 293 
         </article>
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>
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>
319 301 
             </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>
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>
327 309 
             </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>
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>
335 317 
             </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>
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>
344 325 
             </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>
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>
353 333 
             </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>
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>
361 341 
             </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>
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>
372 349 
             </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>
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>
381 357 
             </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>
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>
390 368 
             </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>
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>
398 376 
             </div>
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">
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>
384 
+            </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>
392 
+            </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">
405 398 
                   <a class="s_link" href="./Water_supply_sewer.html" name="anc13">上水道・下水道</a></span>
399 
+              </div>
406 400 
             </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>
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>
415 408 
             </div>
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">
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">
422 414 
                   <a class="s_link" href="./Consumer_consultation.html" name="anc15">消費者相談</a></span>
415 
+              </div>
423 416 
             </div>
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">
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">
430 422 
                   <a class="s_link" href="./Public_transport.html" name="anc15">公共交通</a></span>
423 
+              </div>
431 424 
             </div>
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">
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">
438 430 
                   <a class="s_link" href="./Application_downloading.html" name="anc15">申請書ダウンロード</a></span>
431 
+              </div>
439 432 
             </div>
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">
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">
446 438 
                   <a class="s_link" href="../third/living/Kwasemi_mail.html" name="anc15">カワセミ便（きたがた情報メール）</a></span>
439 
+              </div>
447 440 
             </div>
448 
-          </div>
449 
-        </article>
450 
-      </div>
451 
-      <div class="clear"></div>
452 
-    </section>
453 
-  </div>
441 
+          </article>
442 
+        </div>
443 
+        <div class="clear"></div>
444 
+      </section>
445 
+    </div>
454 446
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">
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">
463 455 
           <span class="footerTextWrap__text">
464 456 
             〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
465 457 
           </span><br>
466 
-        電話:058-323-1111(代)<br>
467 
-        FAX:058-323-2963<br>
468 
-        開庁日：8時30分～17時15分<br>
469 
-        （土・日・祝日、年末年始を除く）<br>
458 
+          電話:058-323-1111(代)<br>
459 
+          FAX:058-323-2963<br>
460 
+          開庁日：8時30分～17時15分<br>
461 
+          （土・日・祝日、年末年始を除く）<br>
462 
+        </div>
470 463 
       </div>
471 
-    </div>
472 
-    <br class="sp__brDisplay">
473 
-    <p class="footer_text">
474 
-      <a href="../second/Copyright_and_link.html">リンクと著作権</a>｜
475 
-      <a href="../second/Privacy_policy.html">個人情報保護指針</a>｜
476 
-      <a href="../second/Barrier_free_policy.html">バリアフリーポリシー</a>
477 
-    </p>
478 
-  </footer>
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>
479 471
480 
-</div>
481 
-<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?living" height="1"
482 
-     width="1"/>
472 
+  </div>
473 
+  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?living" height="1"
474 
+    width="1" />
483 475 
 </body>
484 476
485 
-</html>
477 
+</html>

+ 203
- 50
third/Coronavirus/Coronavirus_200723_1.html View File 

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

+ 202
- 71
third/Coronavirus/Coronavirus_210406.html View File 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>北方町ホームページ</title>
7 8 
   <link rel="stylesheet" href="../../css/base.css">
8 9 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,23 +11,35 @@
10 11 
   <link rel="stylesheet" href="../../css/section.css">
11 12 
   <link rel="stylesheet" href="../../css/third_template.css">
12 13 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
14 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
14 18 
   <script src="../../js/operation.js"></script>
19 
+  <script src="../../js/menu.js"></script>
20 
+  <script src="../../js/accordion.js"></script>
15 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
17 22 
 </head>
18 23
19 24 
 <body id="back">
25 
+  <script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+      new google.translate.TranslateElement({
28 
+        pageLanguage: 'ja',
29 
+        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+      }, 'google_translate_element');
31 
+    }
32 
+  </script>
33 
+  <script type="text/javascript"
34 
+    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+
20 36 
   <div id="main" class="gothic">
21 37 
     <!--セクション 操作-->
22 38 
     <section id="operation">
23 39 
       <!--セクション 住所-->
24 40 
       <article id="address">
25 41 
         <address id="operation_add">
26 
-          <span>北方町役場</span>
27 
-          <span> 〒501-0492</span>
28 
-          <span> 岐阜県本巣郡北方町長谷川1丁目1番地</span>
29 
-          <span> TEL:058-323-1111(代)</span>
42 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
30 43 
         </address>
31 44 
       </article>
32 45 
       <div id="controle_panel">
 
@@ -34,39 +47,32 @@
34 47 
         <article id="bgcolor">
35 48 
           <img src="../../css/img/013.png" alt="背景色変更ボックス" />
36 49 
           <div id="bgcolor_img">
37 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
38 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
39 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
50 
+            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
51 
+            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
52 
+            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
40 53 
           </div>
41 
-          <script>
42 
-            getBackgNumber3();
43 
-          </script>
44 54 
         </article>
45 
-
46 55 
         <!--セクション 文字サイズ-->
47 56 
         <!--<article id="charsize" >
48 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
57 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
58 
+      <div id="charsize_img">
59 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
60 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
61 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
62 
+      </div>
63 
+      </article>-->
55 64
56 65 
         <!--セクション サイトマップ-->
57 66 
         <article id="sitemap">
58 67 
           <div id="sitemap_img">
59 
-            <a href="../../second/sitemap.html">
60 
-              <img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" />
61 
-            </a>
68 
+            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
62 69 
           </div>
63 70 
         </article>
64 71 
         <!--セクション お問い合わせ-->
65 72 
         <article id="contact">
66 73 
           <div id="contact_img">
67 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html">
68 
-              <img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" />
69 
-            </a>
74 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
75 
+                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
70 76 
           </div>
71 77 
         </article>
72 78 
         <!--セクション 翻訳-->
 
@@ -90,34 +96,25 @@
90 96 
         </div>
91 97 
       </div>
92 98 
     </section>
99 
+
93 100 
     <!--ヘッダーデータ-->
94 101 
     <header>
95 102 
       <div id="header" class="gothic">
96 
-        <a href="../../index.html">
97 
-          <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
98 
-        </a>
103 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
99 104 
         <div id="h_block_1">
100 105 
           <div class="h_line">
101 106 
           </div>
102 107 
           <article class="h_text_l">
103 
-            <a class="h_link" href="../../second/living.html">
104 
-              <span class="h_text">くらしの情報</span>
105 
-            </a>
108 
+            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
106 109 
           </article>
107 110 
           <article class="h_text_l">
108 
-            <a class="h_link" href="../../second/tourism.html">
109 
-              <span class="h_text">観光</span>
110 
-            </a>
111 
+            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
111 112 
           </article>
112 113 
           <article class="h_text_l">
113 
-            <a class="h_link" href="../../second/business.html">
114 
-              <span class="h_text">事業者向け情報</span>
115 
-            </a>
114 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116 115 
           </article>
117 116 
           <article class="h_text_l">
118 
-            <a class="h_link" href="../../second/town_admini_info.html">
119 
-              <span class="h_text">町政情報</span>
120 
-            </a>
117 
+            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
121 118 
           </article>
122 119 
         </div>
123 120 
         <div id="h_block_search">
 
@@ -137,10 +134,148 @@
137 134 
       </div>
138 135 
     </header>
139 136
137 
+    <!-- mobile header -->
138 
+    <header class="header">
139 
+      <div class="headerLogo">
140 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
141 
+            src="../../image/logo_kitagata_green_S.png" alt=""></a>
142 
+      </div>
143 
+      <div class="headerTitle">
144 
+        <a href="../../index.html" class="header_link">
145 
+          <h1 class="headerTitle__text">北方町</h1>
146 
+        </a>
147 
+      </div>
148 
+      <div class="headerSubTitle">
149 
+        <a href="../../index.html" class="header_link">
150 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
151 
+        </a>
152 
+      </div>
153 
+      <div id="h-menu">
154 
+        <span></span>
155 
+        <span></span>
156 
+        <span></span>
157 
+        <div id="h-text">menu</div>
158 
+      </div>
159 
+      <div id="h-nav">
160 
+        <div class="h-menu_main_block_top">
161 
+          <div class="h-menu_main_block">
162 
+            <div class="h-menu_block">
163 
+              <a href="../../second/living.html">
164 
+                <div class="h-menu_block_text h-menu_block_before">
165 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
166 
+                </div>
167 
+              </a>
168 
+            </div>
169 
+          </div>
170 
+          <div class="h-menu_main_block">
171 
+            <div class="h-menu_block">
172 
+              <a href="../../second/tourism.html">
173 
+                <div class="h-menu_block_text h-menu_block_before">
174 
+                  <div class="h-menu_block_text_center">
175 
+                    観光
176 
+                  </div>
177 
+                </div>
178 
+              </a>
179 
+            </div>
180 
+          </div>
181 
+          <div class="h-menu_main_block">
182 
+            <div class="h-menu_block">
183 
+              <a href="../../second/business.html">
184 
+                <div class="h-menu_block_text h-menu_block_before">
185 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
186 
+                </div>
187 
+              </a>
188 
+            </div>
189 
+          </div>
190 
+          <div class="h-menu_main_block">
191 
+            <div class="h-menu_block">
192 
+              <a href="../../second/town_admini_info.html">
193 
+                <div class="h-menu_block_text h-menu_block_before">
194 
+                  <div class="h-menu_block_text_center">町政情報</div>
195 
+                </div>
196 
+              </a>
197 
+            </div>
198 
+          </div>
199 
+          <div class="h-menu_main_block">
200 
+            <div class="h-menu_block h-menu_block_before">
201 
+              <a href="../../second/sitemap.html">
202 
+                <div class="h-menu_block_text h-menu_block_before">
203 
+                  <div class="h-menu_block_text_center">
204 
+                    サイトマップ
205 
+                  </div>
206 
+                </div>
207 
+              </a>
208 
+            </div>
209 
+          </div>
210 
+          <div class="h-menu_main_block">
211 
+            <div class="h-menu_block h-menu_block_before">
212 
+              <a href="https://ai-staff.net/kitagata/chat">
213 
+                <div class="h-menu_block_text  h-menu_block_before">
214 
+                  <div class="h-menu_block_text_center">
215 
+                    AIチャット
216 
+                  </div>
217 
+                </div>
218 
+              </a>
219 
+            </div>
220 
+          </div>
221 
+          <div class="h-menu_main_block">
222 
+            <div class="h-menu_block h-menu_block_before">
223 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
224 
+                <div class="h-menu_block_text">
225 
+                  <div class="h-menu_block_text_center">
226 
+                    お問い合わせ一覧
227 
+                  </div>
228 
+                </div>
229 
+              </a>
230 
+            </div>
231 
+          </div>
232 
+          <div class="h-menu_main_block">
233 
+            <div class="h-menu_lang">
234 
+              <div class="h-menu_block_lang">
235 
+                <div class="h-menu_block_text_center">
236 
+                  <div class="h-menu_block_text_line">
237 
+                    背景変更
238 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
239 
+                    </div>
240 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
241 
+                    </div>
242 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
243 
+                    </div>
244 
+                  </div>
245 
+                  <script>
246 
+                    getBackgNumber2();
247 
+                  </script>
248 
+                  <div class="h-menu_block_text_line">言語選択
249 
+                    <div class="mobile_translation">
250 
+                      <div id="google_translate_element"></div>
251 
+                    </div>
252 
+                  </div>
253 
+                </div>
254 
+              </div>
255 
+            </div>
256 
+          </div>
257 
+          <div class="h-menu_main_block">
258 
+            <div class="h-menu_search">
259 
+              <div class="h-menu_block_search">
260 
+                <form action="https://www.google.com/search">
261 
+                  <input type="hidden" name="hl" value="ja" />
262 
+                  <input type="hidden" name="ie" value="UTF-8">
263 
+                  <input type="hidden" name="oe" value="UTF-8">
264 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
265 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
266 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
267 
+                </form>
268 
+              </div>
269 
+            </div>
270 
+          </div>
271 
+        </div>
272 
+      </div>
273 
+    </header>
274 
+
140 275 
     <div id="third_body">
141 276 
       <!--セクション template-->
142 277 
       <section id="template">
143 
-        <article id="breadcrumb">
278 
+        <article class="breadcrumb breadcrumb2">
144 279 
           <div id="breadcrumb_title">
145 280 
             <div id="breadcrumb_title_block">
146 281 
               <span id="breadcrumb_title">
 
@@ -149,34 +284,16 @@
149 284 
             </div>
150 285 
           </div>
151 286 
         </article>
152 
-        <article id="template">
153 
-          <div id="template_title" class="gothic">
154 
-            <div id="template_title_block">
155 
-              <span id="template_title">職員の新型コロナウイルス感染症患者の発生について</span>
287 
+        <article id="template_2lins">
288 
+          <div id="template_title_2lins" class="gothic">
289 
+            <div id="template_title_block_2lins">
290 
+              <span id="template_title_2lins">職員の新型コロナウイルス感染症患者の発生について</span>
156 291 
             </div>
157 292 
           </div>
158 293 
           <span id="template_article_block">
159 
-            令和３年４月５日（月）、当町の職員が新型コロナウイルス感染症に感染していることが判明しました。<br>
160 
-            <br>
161 
-            １　当該職員について<br>
162 
-            <span style="padding-left: 2em;"></span>所属：福祉子ども課<br>
163 
-            <span style="padding-left: 2em;"></span>年代：４０代<br>
164 
-            <span style="padding-left: 2em;"></span>性別：女性<br>
165 
-            <br>
166 
-            ２　経過<br>
167 
-            <div style="padding-left: 2em;">
168 
-              <span
169 
-                style="padding-left: 0em;"></span>当該職員は、４月２日（金）午前中まで職場に出勤していましたが、マスクを着用し、<br>アクリル板による飛沫防止策を講じて勤務していました。<br>
170 
-              <span style="padding-left: 0em;"></span>なお、濃厚接触者にはあたりませんが、接触機会の多かった職員３人はPCR検査を実施し、陰性でした。<br>
171 
-              <span style="padding-left: 0em;"></span>保健所の指導により適切に対応し、１９日（月）より出勤しております。<br>
172 
-            </div>
173 
-            　
174 
-            　　<br>
175 
-            ３　対応<br>
176 
-            <div style="padding-left: 2em;">
177 
-              <span style="padding-left: 0em;"></span>庁舎内の消毒を４月５日（月）に改めて実施しました。<br>
178 
-              <span style="padding-left: 0em;"></span>引き続き消毒を始めとした感染防止対策を徹底のうえ、通常通り業務を継続してい<br>ます。<br>
179 
-            </div>
294 
+            【今後の公表について】<br />
295 
+            <br />
296 
+            陽性者が特定されることを防ぎ、当該職員や家族の人権尊重と個人情報保護の観点から、今後は「行政サービスに影響がある場合」、「クラスターに認定され、町職員及び町民への感染拡大の恐れがある場合」に限り、感染状況等の公表を行います。ご理解を賜りますようお願いします。<br />
180 297 
           </span>
181 298 
         </article>
182 299 
 
@@ -198,8 +315,23 @@
198 315 
     </div>
199 316
200 317 
     <footer>
201 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
202 
-      <br />
318 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
319 
+      <div class="footer_mobile">
320 
+        <div class="footer_mobile_title">
321 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
322 
+          <h1 class="footerMobile__text">北方町役場</h1>
323 
+        </div>
324 
+        <div class="footer_mobile_address">
325 
+          <span class="footerTextWrap__text">
326 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
327 
+          </span><br>
328 
+          電話:058-323-1111(代)<br>
329 
+          FAX:058-323-2963<br>
330 
+          開庁日：8時30分～17時15分<br>
331 
+          （土・日・祝日、年末年始を除く）<br>
332 
+        </div>
333 
+      </div>
334 
+      <br class="sp__brDisplay">
203 335 
       <p class="footer_text">
204 336 
         <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
205 337 
         <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
 
@@ -207,7 +339,6 @@
207 339 
       </p>
208 340 
     </footer>
209 341
210 
-
211 342 
   </div>
212 343 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
213 344 
     height="1" width="1" />

+ 350
- 100
third/calender/Calender.html View File 

@@ -1,8 +1,9 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
2 
+<html id="html-back" lang="ja">
3 3
4 4 
 <head>
5 5 
   <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 7 
   <title>北方町ホームページ</title>
7 8 
   <!--事業者向け情報-->
8 9 
   <link rel="stylesheet" href="../../css/base.css">
 
@@ -12,12 +13,17 @@
12 13 
   <link rel="stylesheet" href="../../css/third_template.css">
13 14 
   <link rel="stylesheet" href="../../css/table.css">
14 15 
   <link rel="stylesheet" href="../../css/calender.css">
15 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 
-  </meta>
16 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
20 
+  <link rel="stylesheet" href="../../css/calender_mobile.css">
21 
+  <link rel="stylesheet" href="../../css/image.css">
22 
+  <link rel="stylesheet" href="../../css/image_mobile.css">
17 23 
   <script src="../../js/operation.js"></script>
24 
+  <script src="../../js/menu.js"></script>
25 
+  <script src="../../js/accordion.js"></script>
18 26 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
19 
-  </meta>
20 
-
21 27 
 </head>
22 28
23 29 
 <body id="back">
 
@@ -35,24 +41,20 @@
35 41 
         <article id="bgcolor">
36 42 
           <img src="../../css/img/013.png" alt="背景色変更ボックス" />
37 43 
           <div id="bgcolor_img">
38 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
39 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
40 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
44 
+            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
45 
+            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
46 
+            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
41 47 
           </div>
42 
-          <script>
43 
-            getBackgNumber3();
44 
-          </script>
45 48 
         </article>
46 
-
47 49 
         <!--セクション 文字サイズ-->
48 50 
         <!--<article id="charsize" >
49 
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
50 
-<div id="charsize_img">
51 
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
52 
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
53 
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
54 
-</div>
55 
-</article>-->
51 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
52 
+      <div id="charsize_img">
53 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
54 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
55 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
56 
+      </div>
57 
+      </article>-->
56 58
57 59 
         <!--セクション サイトマップ-->
58 60 
         <article id="sitemap">
 
@@ -70,7 +72,7 @@
70 72 
         <!--セクション 翻訳-->
71 73 
         <article id="translation">
72 74 
           <div id="translation_img">
73 
-            <!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
75 
+            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 76 
             <div id="google_translate_element"></div>
75 77 
             <script type="text/javascript">
76 78 
               function googleTranslateElementInit() {
 
@@ -92,27 +94,21 @@
92 94 
     <!--ヘッダーデータ-->
93 95 
     <header>
94 96 
       <div id="header" class="gothic">
95 
-        <a href="../../index.html">
96 
-          <img src="../../css/img/header_emblem.png" width="200px" height="260px" />
97 
-        </a>
97 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
98 98 
         <div id="h_block_1">
99 99 
           <div class="h_line">
100 100 
           </div>
101 101 
           <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/living.html">
103 
-              <span class="h_text">くらしの情報</span></a>
102 
+            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
104 103 
           </article>
105 104 
           <article class="h_text_l">
106 
-            <a class="h_link" href="../../second/tourism.html">
107 
-              <span class="h_text">観光</span></a>
105 
+            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
108 106 
           </article>
109 107 
           <article class="h_text_l">
110 
-            <a class="h_link" href="../../second/business.html">
111 
-              <span class="h_text">事業者向け情報</span></a>
108 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
112 109 
           </article>
113 110 
           <article class="h_text_l">
114 
-            <a class="h_link" href="../../second/town_admini_info.html">
115 
-              <span class="h_text">町政情報</span></a>
111 
+            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
116 112 
           </article>
117 113 
         </div>
118 114 
         <div id="h_block_search">
 
@@ -127,12 +123,150 @@
127 123 
               <input type="text" name="q" size="16" maxlength="256" value="" />
128 124 
               <input type="submit" name="btnG" value="検索" />
129 125 
             </form>
130 
-
131 126 
           </article>
132 127 
         </div>
133 128 
       </div>
134 129 
     </header>
135 130
131 
+    <!-- mobile用のheader -->
132 
+    <header class="header">
133 
+      <div class="headerLogo">
134 
+        <a href="index.html" class="header_link">
135 
+          <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
136 
+        </a>
137 
+      </div>
138 
+      <div class="headerTitle">
139 
+        <a href="../../index.html" class="header_link">
140 
+          <h1 class="headerTitle__text">北方町</h1>
141 
+        </a>
142 
+      </div>
143 
+      <div class="headerSubTitle">
144 
+        <a href="../../index.html" class="header_link">
145 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
146 
+        </a>
147 
+      </div>
148 
+      <div id="h-menu">
149 
+        <span></span>
150 
+        <span></span>
151 
+        <span></span>
152 
+        <div id="h-text">menu</div>
153 
+      </div>
154 
+      <div id="h-nav">
155 
+        <div class="h-menu_main_block_top">
156 
+          <div class="h-menu_main_block">
157 
+            <div class="h-menu_block">
158 
+              <a href="../../second/living.html">
159 
+                <div class="h-menu_block_text h-menu_block_before">
160 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
161 
+                </div>
162 
+              </a>
163 
+            </div>
164 
+          </div>
165 
+          <div class="h-menu_main_block">
166 
+            <div class="h-menu_block">
167 
+              <a href="../../second/tourism.html">
168 
+                <div class="h-menu_block_text h-menu_block_before">
169 
+                  <div class="h-menu_block_text_center">
170 
+                    観光
171 
+                  </div>
172 
+                </div>
173 
+              </a>
174 
+            </div>
175 
+          </div>
176 
+          <div class="h-menu_main_block">
177 
+            <div class="h-menu_block">
178 
+              <a href="../../second/business.html">
179 
+                <div class="h-menu_block_text h-menu_block_before">
180 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
181 
+                </div>
182 
+              </a>
183 
+            </div>
184 
+          </div>
185 
+          <div class="h-menu_main_block">
186 
+            <div class="h-menu_block">
187 
+              <a href="../../second/town_admini_info.html">
188 
+                <div class="h-menu_block_text h-menu_block_before">
189 
+                  <div class="h-menu_block_text_center">町政情報</div>
190 
+                </div>
191 
+              </a>
192 
+            </div>
193 
+          </div>
194 
+          <div class="h-menu_main_block">
195 
+            <div class="h-menu_block h-menu_block_before">
196 
+              <a href="../../second/sitemap.html">
197 
+                <div class="h-menu_block_text h-menu_block_before">
198 
+                  <div class="h-menu_block_text_center">
199 
+                    サイトマップ
200 
+                  </div>
201 
+                </div>
202 
+              </a>
203 
+            </div>
204 
+          </div>
205 
+          <div class="h-menu_main_block">
206 
+            <div class="h-menu_block h-menu_block_before">
207 
+              <a href="https://ai-staff.net/kitagata/chat">
208 
+                <div class="h-menu_block_text  h-menu_block_before">
209 
+                  <div class="h-menu_block_text_center">
210 
+                    AIチャット
211 
+                  </div>
212 
+                </div>
213 
+              </a>
214 
+            </div>
215 
+          </div>
216 
+          <div class="h-menu_main_block">
217 
+            <div class="h-menu_block h-menu_block_before">
218 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
219 
+                <div class="h-menu_block_text">
220 
+                  <div class="h-menu_block_text_center">
221 
+                    お問い合わせ一覧
222 
+                  </div>
223 
+                </div>
224 
+              </a>
225 
+            </div>
226 
+          </div>
227 
+          <div class="h-menu_main_block">
228 
+            <div class="h-menu_lang">
229 
+              <div class="h-menu_block_lang">
230 
+                <div class="h-menu_block_text_center">
231 
+                  <div class="h-menu_block_text_line">
232 
+                    背景変更
233 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
234 
+                    </div>
235 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
236 
+                    </div>
237 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
238 
+                    </div>
239 
+                  </div>
240 
+                  <script>
241 
+                    getBackgNumber2();
242 
+                  </script>
243 
+                  <div class="h-menu_block_text_line">言語選択
244 
+                    <div class="mobile_translation">
245 
+                      <div id="google_translate_element"></div>
246 
+                    </div>
247 
+                  </div>
248 
+                </div>
249 
+              </div>
250 
+            </div>
251 
+          </div>
252 
+          <div class="h-menu_main_block">
253 
+            <div class="h-menu_search">
254 
+              <div class="h-menu_block_search">
255 
+                <form action="https://www.google.com/search">
256 
+                  <input type="hidden" name="hl" value="ja" />
257 
+                  <input type="hidden" name="ie" value="UTF-8">
258 
+                  <input type="hidden" name="oe" value="UTF-8">
259 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
260 
+                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
261 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
262 
+                </form>
263 
+              </div>
264 
+            </div>
265 
+          </div>
266 
+        </div>
267 
+      </div>
268 
+    </header>
269 
+
136 270 
     <div>
137 271 
       <!--セクション template-->
138 272 
       <section id="template">
 
@@ -155,88 +289,204 @@
155 289 
           <span id="template_article_block">
156 290 
             <div class="js-tabs">
157 291 
               <div>
158 
-                <a href="../../css/pdf/living/calender_of_living_2021.pdf" target="_blank">令和３年度くらしのカレンダー(４月～３月)</a>
292 
+                <a href="../../css/pdf/living/calender_of_living_2021.pdf"
293 
+                  target="_blank">令和３年度くらしのカレンダー(４月～３月)</a><br />
294 
+                <a href="../../css/pdf/living/calender_of_living_2022.pdf" target="_blank">令和３年度くらしのカレンダー(４月～３月)</a>
159 295 
               </div>
160 296 
               <ul id="tab_menu1" class="tab_menu">
161 
-                <li><span class="page2-1" onclick="">4月</span></li>
162 
-                <li><span class="page2-2" onclick="">5月</span></li>
163 
-                <li><span class="page2-3" onclick="">6月</span></li>
164 
-                <li><span class="page2-4" onclick="">7月</span></li>
165 
-                <li><span class="page2-5" onclick="">8月</span></li>
166 
-                <li><span class="page2-6" onclick="">9月</span></li>
167 
-                <li><span class="page2-7" onclick="">10月</span></li>
168 
-                <li><span class="page2-8" onclick="">11月</span></li>
169 
-                <li><span class="page2-9" onclick="">12月</span></li>
170 
-                <li><span class="page2-10" onclick="">1月</span></li>
171 
-                <li><span class="page2-11" onclick="">2月</span></li>
172 
-                <li><span class="page2-12" onclick="">3月</span></li>
297 
+                <li><span class="page1-1" onclick="">令和３年度</span></li>
298 
+                <li><span class="page1-2" onclick="">令和４年度</span></li>
173 299 
               </ul>
174 
-              画像をクリックするとPDFが表示されます。
175 300 
               <div id="tab_content1" class="tab_content">
176 
-                <div id="page2-1" class="page">
177 
-                  <a href="../../css/pdf/living/calender_of_living_2021_4.pdf" target="_blank"><img
178 
-                      src="../../css/pdf/living/calender_of_living_2021_4.jpg" width="660px" alt="4月" /></a>
301 
+                <div id="page1-1" class="page">
302 
+                  <ul id="tab_menu2" class="tab_menu">
303 
+                    <li><span class="page2-1" onclick="">4月</span></li>
304 
+                    <li><span class="page2-2" onclick="">5月</span></li>
305 
+                    <li><span class="page2-3" onclick="">6月</span></li>
306 
+                    <li><span class="page2-4" onclick="">7月</span></li>
307 
+                    <li><span class="page2-5" onclick="">8月</span></li>
308 
+                    <li><span class="page2-6" onclick="">9月</span></li>
309 
+                    <li><span class="page2-7" onclick="">10月</span></li>
310 
+                    <li><span class="page2-8" onclick="">11月</span></li>
311 
+                    <li><span class="page2-9" onclick="">12月</span></li>
312 
+                    <li><span class="page2-10" onclick="">1月</span></li>
313 
+                    <li><span class="page2-11" onclick="">2月</span></li>
314 
+                    <li><span class="page2-12" onclick="">3月</span></li>
315 
+                  </ul>
316 
+                  画像をクリックするとPDFが表示されます。
317 
+                  <div id="tab_content2" class="tab_content">
318 
+                    <div id="page2-1" class="page">
319 
+                      <a href="../../css/pdf/living/calender_of_living_2021_4.pdf" target="_blank"><img
320 
+                          src="../../css/pdf/living/calender_of_living_2021_4.jpg"
321 
+                          class="template_image template_image_mobile" alt="4月" /></a>
322 
+                    </div>
323 
+                    <div id="page2-2" class="page">
324 
+                      <a href="../../css/pdf/living/calender_of_living_2021_5.pdf" target="_blank"><img
325 
+                          src="../../css/pdf/living/calender_of_living_2021_5.jpg"
326 
+                          class="template_image template_image_mobile" alt="5月" /></a>
327 
+                    </div>
328 
+                    <div id="page2-3" class="page">
329 
+                      <a href="../../css/pdf/living/calender_of_living_2021_6.pdf" target="_blank"><img
330 
+                          src="../../css/pdf/living/calender_of_living_2021_6.jpg"
331 
+                          class="template_image template_image_mobile" alt="6月" /></a>
332 
+                    </div>
333 
+                    <div id="page2-4" class="page">
334 
+                      <a href="../../css/pdf/living/calender_of_living_2021_7.pdf" target="_blank"><img
335 
+                          src="../../css/pdf/living/calender_of_living_2021_7.jpg"
336 
+                          class="template_image template_image_mobile" alt="7月" /></a>
337 
+                    </div>
338 
+                    <div id="page2-5" class="page">
339 
+                      <a href="../../css/pdf/living/calender_of_living_2021_8.pdf" target="_blank"><img
340 
+                          src="../../css/pdf/living/calender_of_living_2021_8.jpg"
341 
+                          class="template_image template_image_mobile" alt="8月" /></a>
342 
+                    </div>
343 
+                    <div id="page2-6" class="page">
344 
+                      <a href="../../css/pdf/living/calender_of_living_2021_9.pdf" target="_blank"><img
345 
+                          src="../../css/pdf/living/calender_of_living_2021_9.jpg"
346 
+                          class="template_image template_image_mobile" alt="9月" /></a>
347 
+                    </div>
348 
+                    <div id="page2-7" class="page">
349 
+                      <a href="../../css/pdf/living/calender_of_living_2021_10.pdf" target="_blank"><img
350 
+                          src="../../css/pdf/living/calender_of_living_2021_10.jpg"
351 
+                          class="template_image template_image_mobile" alt="10月" /></a>
352 
+                    </div>
353 
+                    <div id="page2-8" class="page">
354 
+                      <a href="../../css/pdf/living/calender_of_living_2021_11.pdf" target="_blank"><img
355 
+                          src="../../css/pdf/living/calender_of_living_2021_11.jpg"
356 
+                          class="template_image template_image_mobile" alt="11月" /></a>
357 
+                    </div>
358 
+                    <div id="page2-9" class="page">
359 
+                      <a href="../../css/pdf/living/calender_of_living_2021_12.pdf" target="_blank"><img
360 
+                          src="../../css/pdf/living/calender_of_living_2021_12.jpg"
361 
+                          class="template_image template_image_mobile" alt="12月" /></a>
362 
+                    </div>
363 
+                    <div id="page2-10" class="page">
364 
+                      <a href="../../css/pdf/living/calender_of_living_2022_1.pdf" target="_blank"><img
365 
+                          src="../../css/pdf/living/calender_of_living_2022_1.jpg"
366 
+                          class="template_image template_image_mobile" alt="1月" /></a>
367 
+                    </div>
368 
+                    <div id="page2-11" class="page">
369 
+                      <a href="../../css/pdf/living/calender_of_living_2022_2.pdf" target="_blank"><img
370 
+                          src="../../css/pdf/living/calender_of_living_2022_2.jpg"
371 
+                          class="template_image template_image_mobile" alt="2月" /></a>
372 
+                    </div>
373 
+                    <div id="page2-12" class="page">
374 
+                      <a href="../../css/pdf/living/calender_of_living_2022_3.pdf" target="_blank"><img
375 
+                          src="../../css/pdf/living/calender_of_living_2022_3.jpg"
376 
+                          class="template_image template_image_mobile" alt="3月" /></a>
377 
+                    </div>
378 
+                  </div>
179 379 
                 </div>
180 
-                <div id="page2-2" class="page">
181 
-                  <a href="../../css/pdf/living/calender_of_living_2021_5.pdf" target="_blank"><img
182 
-                      src="../../css/pdf/living/calender_of_living_2021_5.jpg" width="660px" alt="5月" /></a>
183 
-                </div>
184 
-                <div id="page2-3" class="page">
185 
-                  <a href="../../css/pdf/living/calender_of_living_2021_6.pdf" target="_blank"><img
186 
-                      src="../../css/pdf/living/calender_of_living_2021_6.jpg" width="660px" alt="6月" /></a>
187 
-                </div>
188 
-                <div id="page2-4" class="page">
189 
-                  <a href="../../css/pdf/living/calender_of_living_2021_7.pdf" target="_blank"><img
190 
-                      src="../../css/pdf/living/calender_of_living_2021_7.jpg" width="660px" alt="7月" /></a>
191 
-                </div>
192 
-                <div id="page2-5" class="page">
193 
-                  <a href="../../css/pdf/living/calender_of_living_2021_8.pdf" target="_blank"><img
194 
-                      src="../../css/pdf/living/calender_of_living_2021_8.jpg" width="660px" alt="8月" /></a>
195 
-                </div>
196 
-                <div id="page2-6" class="page">
197 
-                  <a href="../../css/pdf/living/calender_of_living_2021_9.pdf" target="_blank"><img
198 
-                      src="../../css/pdf/living/calender_of_living_2021_9.jpg" width="660px" alt="9月" /></a>
199 
-                </div>
200 
-                <div id="page2-7" class="page">
201 
-                  <a href="../../css/pdf/living/calender_of_living_2021_10.pdf" target="_blank"><img
202 
-                      src="../../css/pdf/living/calender_of_living_2021_10.jpg" width="660px" alt="10月" /></a>
203 
-                </div>
204 
-                <div id="page2-8" class="page">
205 
-                  <a href="../../css/pdf/living/calender_of_living_2021_11.pdf" target="_blank"><img
206 
-                      src="../../css/pdf/living/calender_of_living_2021_11.jpg" width="660px" alt="11月" /></a>
207 
-                </div>
208 
-                <div id="page2-9" class="page">
209 
-                  <a href="../../css/pdf/living/calender_of_living_2021_12.pdf" target="_blank"><img
210 
-                      src="../../css/pdf/living/calender_of_living_2021_12.jpg" width="660px" alt="12月" /></a>
211 
-                </div>
212 
-                <div id="page2-10" class="page">
213 
-                  <a href="../../css/pdf/living/calender_of_living_2022_1.pdf" target="_blank"><img
214 
-                      src="../../css/pdf/living/calender_of_living_2022_1.jpg" width="660px" alt="1月" /></a>
215 
-                </div>
216 
-                <div id="page2-11" class="page">
217 
-                  <a href="../../css/pdf/living/calender_of_living_2022_2.pdf" target="_blank"><img
218 
-                      src="../../css/pdf/living/calender_of_living_2022_2.jpg" width="660px" alt="2月" /></a>
219 
-                </div>
220 
-                <div id="page2-12" class="page">
221 
-                  <a href="../../css/pdf/living/calender_of_living_2022_3.pdf" target="_blank"><img
222 
-                      src="../../css/pdf/living/calender_of_living_2022_3.jpg" width="660px" alt="3月" /></a>
380 
+                <div id="page1-2" class="page">
381 
+                  <ul id="tab_menu3" class="tab_menu">
382 
+                    <li><span class="page3-1" onclick="">4月</span></li>
383 
+                    <li><span class="page3-2" onclick="">5月</span></li>
384 
+                    <li><span class="page3-3" onclick="">6月</span></li>
385 
+                    <li><span class="page3-4" onclick="">7月</span></li>
386 
+                    <li><span class="page3-5" onclick="">8月</span></li>
387 
+                    <li><span class="page3-6" onclick="">9月</span></li>
388 
+                    <li><span class="page3-7" onclick="">10月</span></li>
389 
+                    <li><span class="page3-8" onclick="">11月</span></li>
390 
+                    <li><span class="page3-9" onclick="">12月</span></li>
391 
+                    <li><span class="page3-10" onclick="">1月</span></li>
392 
+                    <li><span class="page3-11" onclick="">2月</span></li>
393 
+                    <li><span class="page3-12" onclick="">3月</span></li>
394 
+                  </ul>
395 
+                  画像をクリックするとPDFが表示されます。
396 
+                  <div id="tab_content3" class="tab_content">
397 
+                    <div id="page3-1" class="page">
398 
+                      <a href="../../css/pdf/living/calender_of_living_2022_4.pdf" target="_blank"><img
399 
+                          src="../../css/pdf/living/calender_of_living_2022_4.jpg"
400 
+                          class="template_image template_image_mobile" alt="4月" /></a>
401 
+                    </div>
402 
+                    <div id="page3-2" class="page">
403 
+                      <a href="../../css/pdf/living/calender_of_living_2022_5.pdf" target="_blank"><img
404 
+                          src="../../css/pdf/living/calender_of_living_2022_5.jpg"
405 
+                          class="template_image template_image_mobile" alt="5月" /></a>
406 
+                    </div>
407 
+                    <div id="page3-3" class="page">
408 
+                      <a href="../../css/pdf/living/calender_of_living_2022_6.pdf" target="_blank"><img
409 
+                          src="../../css/pdf/living/calender_of_living_2022_6.jpg"
410 
+                          class="template_image template_image_mobile" alt="6月" /></a>
411 
+                    </div>
412 
+                    <div id="page3-4" class="page">
413 
+                      <a href="../../css/pdf/living/calender_of_living_2022_7.pdf" target="_blank"><img
414 
+                          src="../../css/pdf/living/calender_of_living_2022_7.jpg"
415 
+                          class="template_image template_image_mobile" alt="7月" /></a>
416 
+                    </div>
417 
+                    <div id="page3-5" class="page">
418 
+                      <a href="../../css/pdf/living/calender_of_living_2022_8.pdf" target="_blank"><img
419 
+                          src="../../css/pdf/living/calender_of_living_2022_8.jpg"
420 
+                          class="template_image template_image_mobile" alt="8月" /></a>
421 
+                    </div>
422 
+                    <div id="page3-6" class="page">
423 
+                      <a href="../../css/pdf/living/calender_of_living_2022_9.pdf" target="_blank"><img
424 
+                          src="../../css/pdf/living/calender_of_living_2022_9.jpg"
425 
+                          class="template_image template_image_mobile" alt="9月" /></a>
426 
+                    </div>
427 
+                    <div id="page3-7" class="page">
428 
+                      <a href="../../css/pdf/living/calender_of_living_2022_10.pdf" target="_blank"><img
429 
+                          src="../../css/pdf/living/calender_of_living_2022_10.jpg"
430 
+                          class="template_image template_image_mobile" alt="10月" /></a>
431 
+                    </div>
432 
+                    <div id="page3-8" class="page">
433 
+                      <a href="../../css/pdf/living/calender_of_living_2022_11.pdf" target="_blank"><img
434 
+                          src="../../css/pdf/living/calender_of_living_2022_11.jpg"
435 
+                          class="template_image template_image_mobile" alt="11月" /></a>
436 
+                    </div>
437 
+                    <div id="page3-9" class="page">
438 
+                      <a href="../../css/pdf/living/calender_of_living_2022_12.pdf" target="_blank"><img
439 
+                          src="../../css/pdf/living/calender_of_living_2022_12.jpg"
440 
+                          class="template_image template_image_mobile" alt="12月" /></a>
441 
+                    </div>
442 
+                    <div id="page3-10" class="page">
443 
+                      <a href="../../css/pdf/living/calender_of_living_2023_1.pdf" target="_blank"><img
444 
+                          src="../../css/pdf/living/calender_of_living_2023_1.jpg"
445 
+                          class="template_image template_image_mobile" alt="1月" /></a>
446 
+                    </div>
447 
+                    <div id="page3-11" class="page">
448 
+                      <a href="../../css/pdf/living/calender_of_living_2023_2.pdf" target="_blank"><img
449 
+                          src="../../css/pdf/living/calender_of_living_2023_2.jpg"
450 
+                          class="template_image template_image_mobile" alt="2月" /></a>
451 
+                    </div>
452 
+                    <div id="page3-12" class="page">
453 
+                      <a href="../../css/pdf/living/calender_of_living_2023_3.pdf" target="_blank"><img
454 
+                          src="../../css/pdf/living/calender_of_living_2023_3.jpg"
455 
+                          class="template_image template_image_mobile" alt="3月" /></a>
456 
+                    </div>
457 
+                  </div>
223 458 
                 </div>
224 459 
               </div>
225 460 
             </div>
226 
-            <!--
227 
-<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>
228 
--->
461 
+
229 462 
           </span>
230 463 
         </article>
231 464 
       </section>
232 465 
     </div>
233 466
234 467 
     <footer>
235 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
236 
-      <br />
237 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
238 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
239 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
468 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
469 
+      <div class="footer_mobile">
470 
+        <div class="footer_mobile_title">
471 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
472 
+          <h1 class="footerMobile__text">北方町役場</h1>
473 
+        </div>
474 
+        <div class="footer_mobile_address">
475 
+          <span class="footerTextWrap__text">
476 
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
477 
+          </span><br>
478 
+          電話:058-323-1111(代)<br>
479 
+          FAX:058-323-2963<br>
480 
+          開庁日：8時30分～17時15分<br>
481 
+          （土・日・祝日、年末年始を除く）<br>
482 
+        </div>
483 
+      </div>
484 
+      <br class="sp__brDisplay">
485 
+      <p class="footer_text">
486 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
487 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
488 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
489 
+      </p>
240 490 
     </footer>
241 491
242 492 
   </div>

Write Preview
Loading…
Cancel
Save