kitagata
/
kitagata_old
Seguir 3
Destacar 0
Cuchillo 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
Explorar el Código

forth mobaile add

KuniakiTakenaka hace 2 años
padre
3162e4ef32
commit
58bbe6b588
Se han modificado 100 ficheros con 31645 adiciones y 14049 borrados
Dividir vista Mostrar estadísticas de diff
  1. 385
    106
      fourth/Changing_schools_guidance/Transfer_from_outside_the_town.html
  2. 281
    107
      fourth/Changing_schools_guidance/Transfer_in_town.html
  3. 340
    168
      fourth/Changing_schools_guidance/Transfer_to_outside_the_town.html
  4. 189
    20
      fourth/Child_allowance/About_application.html
  5. 338
    169
      fourth/Child_allowance/Cant_receive.html
  6. 189
    20
      fourth/Child_allowance/Status_report.html
  7. 256
    164
      fourth/Coronavirus/Home_recuperator.html
  8. 327
    152
      fourth/Financial_terms/Balance_of_payments.html
  9. 327
    152
      fourth/Financial_terms/Expenditure_subjects.html
  10. 346
    173
      fourth/Financial_terms/Financial_analysis_index.html
  11. 318
    151
      fourth/Financial_terms/Revenue_subject.html
  12. 380
    205
      fourth/Privatization_and_consolidation/271_20210106.html
  13. 347
    178
      fourth/Privatization_and_consolidation/Announcement_of_plan.html
  14. 319
    210
      fourth/Public_sale_information/Real_estate_public_sale.html
  15. 383
    220
      fourth/Vaccination/adult_vaccination.html
  16. 498
    327
      fourth/Vaccination/child_vaccination.html
  17. 322
    159
      fourth/Vaccination/gihu_immunization_contracting_organization.html
  18. 369
    206
      fourth/Vaccination/old_vaccination.html
  19. 325
    153
      fourth/Welfare_for_the_disabled/Affiliated_organizations_in_the_town.html
  20. 363
    189
      fourth/Welfare_for_the_disabled/Allowance_Mutual_Aid_System.html
  21. 354
    179
      fourth/Welfare_for_the_disabled/Community_life_support_project.html
  22. 330
    158
      fourth/Welfare_for_the_disabled/Disability_Discrimination_Elimination_Law.html
  23. 393
    221
      fourth/Welfare_for_the_disabled/Disability_Welfare_Service.html
  24. 331
    159
      fourth/Welfare_for_the_disabled/Goods_Procurement_Promotion_Policy.html
  25. 339
    164
      fourth/Welfare_for_the_disabled/Help_mark.html
  26. 394
    217
      fourth/Welfare_for_the_disabled/Medical_care_for_people_with_disabilities.html
  27. 364
    190
      fourth/Welfare_for_the_disabled/Prosthetics_Daily_life_tools.html
  28. 367
    189
      fourth/Welfare_for_the_disabled/Social_life_relations.html
  29. 374
    198
      fourth/Welfare_for_the_disabled/Transportation.html
  30. 419
    251
      fourth/adult_health/diagnosis_consultation.html
  31. 511
    199
      fourth/adult_health/mental_health.html
  32. 406
    83
      fourth/audit/Administrative_audit_results.html
  33. 370
    47
      fourth/audit/Audit_committee_system.html
  34. 427
    103
      fourth/audit/Resident_audit_request.html
  35. 385
    62
      fourth/audit/Results_of_audits.html
  36. 407
    84
      fourth/audit/Results_of_audits_by_financial_assistance_organizations.html
  37. 391
    67
      fourth/audit/Results_of_financial_results_screening.html
  38. 410
    86
      fourth/audit/Results_of_regular_audits.html
  39. 352
    177
      fourth/audit/Results_of_the_audit_from_time_to_time.html
  40. 440
    116
      fourth/audit/Type_of_audit.html
  41. 321
    161
      fourth/biography/biography_2020.html
  42. 315
    152
      fourth/biography/biography_2020_10.html
  43. 171
    9
      fourth/biography/biography_2020_11.html
  44. 317
    153
      fourth/biography/biography_2020_12.html
  45. 313
    152
      fourth/biography/biography_2020_4.html
  46. 313
    150
      fourth/biography/biography_2020_5.html
  47. 314
    150
      fourth/biography/biography_2020_6.html
  48. 313
    150
      fourth/biography/biography_2020_7.html
  49. 314
    151
      fourth/biography/biography_2020_8.html
  50. 315
    151
      fourth/biography/biography_2020_9.html
  51. 313
    146
      fourth/biography/biography_2021.html
  52. 317
    153
      fourth/biography/biography_2021_1.html
  53. 315
    152
      fourth/biography/biography_2021_10.html
  54. 191
    28
      fourth/biography/biography_2021_11.html
  55. 308
    141
      fourth/biography/biography_2021_12.html
  56. 315
    152
      fourth/biography/biography_2021_2.html
  57. 315
    152
      fourth/biography/biography_2021_3.html
  58. 316
    152
      fourth/biography/biography_2021_4.html
  59. 172
    9
      fourth/biography/biography_2021_5.html
  60. 315
    152
      fourth/biography/biography_2021_6.html
  61. 315
    152
      fourth/biography/biography_2021_7.html
  62. 315
    152
      fourth/biography/biography_2021_8.html
  63. 315
    152
      fourth/biography/biography_2021_9.html
  64. 260
    154
      fourth/biography/biography_2022.html
  65. 335
    175
      fourth/biography/biography_2022_1.html
  66. 278
    177
      fourth/biography/biography_2022_2.html
  67. 274
    173
      fourth/biography/biography_2022_3.html
  68. 260
    154
      fourth/biography/biography_2022_4.html
  69. 285
    122
      fourth/board_of_education/academy_concept_h30.html
  70. 280
    116
      fourth/board_of_education/academy_concept_r1.html
  71. 280
    116
      fourth/board_of_education/academy_concept_r2.html
  72. 352
    185
      fourth/board_of_education/academy_concept_r3.html
  73. 280
    116
      fourth/board_of_education/childcare_cooperation.html
  74. 280
    116
      fourth/board_of_education/childcare_cooperation_1.html
  75. 280
    121
      fourth/board_of_education/childcare_cooperation_2.html
  76. 280
    116
      fourth/board_of_education/childcare_cooperation_3.html
  77. 279
    115
      fourth/board_of_education/childcare_cooperation_r2.html
  78. 280
    116
      fourth/board_of_education/childcare_cooperation_r2_1.html
  79. 310
    146
      fourth/board_of_education/childcare_cooperation_r2_2.html
  80. 280
    116
      fourth/board_of_education/childcare_cooperation_r2_3.html
  81. 280
    116
      fourth/board_of_education/childcare_cooperation_r2_4.html
  82. 312
    144
      fourth/board_of_education/childcare_cooperation_r3.html
  83. 194
    33
      fourth/board_of_education/childcare_cooperation_r3_1.html
  84. 279
    121
      fourth/board_of_education/childcare_cooperation_r3_2.html
  85. 337
    169
      fourth/board_of_education/childcare_cooperation_r3_3.html
  86. 337
    169
      fourth/board_of_education/childcare_cooperation_r3_4.html
  87. 314
    150
      fourth/board_of_education/club_activities.html
  88. 280
    116
      fourth/board_of_education/club_activities_1.html
  89. 329
    170
      fourth/board_of_education/club_activities_2.html
  90. 280
    116
      fourth/board_of_education/club_activities_3.html
  91. 280
    116
      fourth/board_of_education/club_activities_r2.html
  92. 280
    116
      fourth/board_of_education/club_activities_r2_1.html
  93. 313
    149
      fourth/board_of_education/club_activities_r2_2.html
  94. 309
    145
      fourth/board_of_education/club_activities_r2_3.html
  95. 280
    116
      fourth/board_of_education/club_activities_r2_4.html
  96. 312
    144
      fourth/board_of_education/club_activities_r3.html
  97. 194
    33
      fourth/board_of_education/club_activities_r3_1.html
  98. 328
    169
      fourth/board_of_education/club_activities_r3_2.html
  99. 340
    172
      fourth/board_of_education/club_activities_r3_3.html
  100. 0
    0
      fourth/board_of_education/club_activities_r3_4.html

+ 385
- 106
fourth/Changing_schools_guidance/Transfer_from_outside_the_town.html Ver fichero 

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

+ 281
- 107
fourth/Changing_schools_guidance/Transfer_in_town.html Ver fichero 

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

+ 340
- 168
fourth/Changing_schools_guidance/Transfer_to_outside_the_town.html Ver fichero 

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

+ 189
- 20
fourth/Child_allowance/About_application.html Ver fichero 

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

+ 338
- 169
fourth/Child_allowance/Cant_receive.html Ver fichero 

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

+ 189
- 20
fourth/Child_allowance/Status_report.html Ver fichero 

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

+ 256
- 164
fourth/Coronavirus/Home_recuperator.html Ver fichero 

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

+ 327
- 152
fourth/Financial_terms/Balance_of_payments.html Ver fichero 

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

+ 327
- 152
fourth/Financial_terms/Expenditure_subjects.html Ver fichero 

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

+ 346
- 173
fourth/Financial_terms/Financial_analysis_index.html Ver fichero 

@@ -1,214 +1,387 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>北方町ホームページ</title>
7 
-	<link rel="stylesheet" href="../../css/base.css">
8 
-	<link rel="stylesheet" href="../../css/second_header.css">
9 
-	<link rel="stylesheet" href="../../css/footer.css">
10 
-	<link rel="stylesheet" href="../../css/section.css">
11 
-	<link rel="stylesheet" href="../../css/third_template.css">
12 
-	<link rel="stylesheet" href="../../css/table.css">
13 
-	<script src="../../js/operation.js"></script>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
7 
+  <link rel="stylesheet" href="../../css/base.css">
8 
+  <link rel="stylesheet" href="../../css/second_header.css">
9 
+  <link rel="stylesheet" href="../../css/footer.css">
10 
+  <link rel="stylesheet" href="../../css/section.css">
11 
+  <link rel="stylesheet" href="../../css/third_template.css">
12 
+  <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+  </meta>
14 22 
 </head>
15 23
16 24 
 <body id="back">
17 
-	<div id="main" class="gothic">
18 
-		<!--セクション 操作-->
19 
-		<section id="operation">
20 
-			<!--セクション 住所-->
21 
-			<article id="address">
22 
-				<address id="operation_add">
23 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
24 
-						TEL:058-323-1111(代)</span>
25 
-				</address>
26 
-			</article>
27 
-			<div id="controle_panel">
28 
-				<!--セクション 背景色-->
29 
-				<article id="bgcolor">
30 
-					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
31 
-					<div id="bgcolor_img">
32 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
33 
-							onClick="setBackground3(1)">
34 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
35 
-							onClick="setBackground3(2)">
36 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(3)">
38 
-					</div>
39 
-					<script>
40 
-						getBackgNumber3();
41 
-					</script>
42 
-				</article>
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
43 174
44 
-				<!--セクション 文字サイズ-->
45 
-				<!--<article id="charsize" >
46 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-<div id="charsize_img">
48 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-</div>
52 
-</article>-->
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> TEL:058-323-1111(代)</span>
181 
+      </address>
182 
+    </article>
183 
+    <div id="controle_panel">
184 
+      <!--セクション 背景色-->
185 
+      <article id="bgcolor">
186 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
187 
+        <div id="bgcolor_img">
188 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
189 
+                 onClick="setBackground3(1)">
190 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
191 
+                 onClick="setBackground3(2)">
192 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
193 
+                 onClick="setBackground3(3)">
194 
+        </div>
195 
+        <script>
196 
+            getBackgNumber3();
197 
+        </script>
198 
+      </article>
199 
+
200 
+      <!--セクション 文字サイズ-->
201 
+      <!--<article id="charsize" >
202 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
203 
+      <div id="charsize_img">
204 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
205 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
206 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
207 
+      </div>
208 
+      </article>-->
53 209
54 
-				<!--セクション サイトマップ-->
55 
-				<article id="sitemap">
56 
-					<div id="sitemap_img">
57 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
58 
-								alt="サイトマップ" /></a>
59 
-					</div>
60 
-				</article>
61 
-				<!--セクション お問い合わせ-->
62 
-				<article id="contact">
63 
-					<div id="contact_img">
64 
-						<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
65 
-								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
66 
-					</div>
67 
-				</article>
68 
-				<!--セクション 翻訳-->
69 
-				<article id="translation">
70 
-					<div id="translation_img">
71 
-						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
72 
-						<div id="google_translate_element"></div>
73 
-						<script type="text/javascript">
74 
-							function googleTranslateElementInit() {
75 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
76 
-							}
77 
-						</script>
78 
-						<script type="text/javascript"
79 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-					</div>
81 
-				</article>
82 
-				<div id="claer">
83 
-				</div>
84 
-			</div>
85 
-		</section>
86 
-		<!--ヘッダーデータ-->
87 
-		<header>
88 
-			<div id="header" class="gothic">
89 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
90 
-						height="260px" /></a>
91 
-				<div id="h_block_1">
92 
-					<div class="h_line">
93 
-					</div>
94 
-					<article class="h_text_l">
95 
-						<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-					</article>
97 
-					<article class="h_text_l">
98 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-					</article>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-					</article>
106 
-				</div>
107 
-				<div id="h_block_search">
108 
-					<div class="h_line"></div>
109 
-					<article class="h_search">
110 
-						<div class="space10"></div>
111 
-						<form action="http://www.google.com/search">
112 
-							<input type="hidden" name="hl" value="ja" />
113 
-							<input type="hidden" name="ie" value="UTF-8">
114 
-							<input type="hidden" name="oe" value="UTF-8">
115 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
117 
-							<input type="submit" name="btnG" value="検索" />
118 
-						</form>
119 
-					</article>
120 
-				</div>
121 
-			</div>
122 
-		</header>
210 
+      <!--セクション サイトマップ-->
211 
+      <article id="sitemap">
212 
+        <div id="sitemap_img">
213 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
214 
+        </div>
215 
+      </article>
216 
+      <!--セクション お問い合わせ-->
217 
+      <article id="contact">
218 
+        <div id="contact_img">
219 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
220 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
221 
+        </div>
222 
+      </article>
223 
+      <!--セクション 翻訳-->
224 
+      <article id="translation">
225 
+        <div id="translation_img">
226 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
227 
+          <div id="google_translate_element"></div>
228 
+          <script type="text/javascript">
229 
+              function googleTranslateElementInit() {
230 
+                  new google.translate.TranslateElement({
231 
+                      pageLanguage: 'ja',
232 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
233 
+                  }, 'google_translate_element');
234 
+              }
235 
+          </script>
236 
+          <script type="text/javascript"
237 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
238 
+        </div>
239 
+      </article>
240 
+      <div id="claer">
241 
+      </div>
242 
+    </div>
243 
+  </section>
244 
+  <!--ヘッダーデータ-->
245 
+  <header>
246 
+    <div id="header" class="gothic">
247 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
248 
+      <div id="h_block_1">
249 
+        <div class="h_line">
250 
+        </div>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
256 
+        </article>
257 
+        <article class="h_text_l">
258 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
259 
+        </article>
260 
+        <article class="h_text_l">
261 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
262 
+        </article>
263 
+      </div>
264 
+      <div id="h_block_search">
265 
+        <div class="h_line"></div>
266 
+        <article class="h_search">
267 
+          <div class="space10"></div>
268 
+          <form action="http://www.google.com/search">
269 
+            <input type="hidden" name="hl" value="ja"/>
270 
+            <input type="hidden" name="ie" value="UTF-8">
271 
+            <input type="hidden" name="oe" value="UTF-8">
272 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
273 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
274 
+            <input type="submit" name="btnG" value="検索"/>
275 
+          </form>
276 
+        </article>
277 
+      </div>
278 
+    </div>
279 
+  </header>
123 280
124 
-		<div id="third_body">
125 
-			<!--セクション template-->
126 
-			<section id="template">
127 
-				<article id="breadcrumb">
128 
-					<div id="breadcrumb_title">
129 
-						<div id="breadcrumb_title_block">
281 
+  <div id="third_body">
282 
+    <!--セクション template-->
283 
+    <section id="template">
284 
+      <article id="breadcrumb">
285 
+        <div id="breadcrumb_title">
286 
+          <div id="breadcrumb_title_block">
130 287 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-									href="../../second/town_admini_info.html">町政情報</a>><a
132 
-									href="../../third/town_admini_info/fiscal_information.html">財政情報</a>><a
133 
-									href="../../fourth/town_admini_info/Financial_terms.html">財政用語</a>>財政分析指標等</span>
134 
-						</div>
135 
-					</div>
136 
-				</article>
137 
-				<article id="template">
138 
-					<div id="template_title" class="gothic">
139 
-						<div id="template_title_block">
140 
-							<span id="template_title">財政分析指標等</span>
141 
-						</div>
142 
-					</div>
143 
-					<!-- 本文ここから -->
144 
-					<span id="template_article_block">
288 
+                                    href="../../second/town_admini_info.html">町政情報</a>><a
289 
+                                    href="../../third/town_admini_info/fiscal_information.html">財政情報</a>><a
290 
+                                    href="../../fourth/town_admini_info/Financial_terms.html">財政用語</a>>財政分析指標等</span>
291 
+          </div>
292 
+        </div>
293 
+      </article>
294 
+      <article id="template">
295 
+        <div id="template_title" class="gothic">
296 
+          <div id="template_title_block">
297 
+            <span id="template_title">財政分析指標等</span>
298 
+          </div>
299 
+        </div>
300 
+        <!-- 本文ここから -->
301 
+        <span id="template_article_block">
145 302
146 303 
 						<h4 id="life">財政分析指標等</h4>
147 304 
 						<ol>
148 
-							<li id="life"><strong>経常収支比率</strong><br />
149 
-								地方公共団体の財政構造の弾力性を判断するための指標で、人件費、扶助費、公債費のように毎年度経常的に支出される経費（経常的経費）に充当された一般財源の額が、地方税、普通交付税を中心とする毎年度経常的に収入される一般財源（経常一般財源）、減税補てん債及び臨時財政対策債の合計額に占める割合。<br />
305 
+							<li id="life"><strong>経常収支比率</strong><br/>
306 
+								地方公共団体の財政構造の弾力性を判断するための指標で、人件費、扶助費、公債費のように毎年度経常的に支出される経費（経常的経費）に充当された一般財源の額が、地方税、普通交付税を中心とする毎年度経常的に収入される一般財源（経常一般財源）、減税補てん債及び臨時財政対策債の合計額に占める割合。<br/>
150 307 
 								　この指標は経常的経費に経常一般財源収入がどの程度充当されているかを見るものであり、比率が高いほど財政構造の硬直化が進んでいることを表す。 </li>
151 
-							<li id="life"><strong>基準財政需要額</strong><br />
308 
+							<li id="life"><strong>基準財政需要額</strong><br/>
152 309 
 								　普通交付税の算定基礎となるもので、各地方公共団体が、合理的かつ妥当な水準における行政を行い、又は施設を維持するための財政需要を算定するものであり、各行政項目ごとに、算出されるもの。
153 310 
 							</li>
154 
-							<li id="life"><strong>基準財政収入額</strong><br />
311 
+							<li id="life"><strong>基準財政収入額</strong><br/>
155 312 
 								　普通交付税の算定に用いるもので、各地方公共団体の財政力を合理的に測定するために、標準的な状態において徴収が見込まれる税収入を一定の方法によって算定するもの。</li>
156 
-							<li id="life"><strong>標準税収入額</strong><br />
313 
+							<li id="life"><strong>標準税収入額</strong><br/>
157 314 
 								　地方税法に定める法定普通税（住民税、固定資産税など）について、標準税率で算定した収入見込額。</li>
158 
-							<li id="life"><strong>標準財政規模</strong><br />
315 
+							<li id="life"><strong>標準財政規模</strong><br/>
159 316 
 								　地方公共団体の標準的な状態で通常収入されるであろう経常的一般財源の規模を示すもので、標準税収入額等に普通交付税を加算した額。</li>
160 
-							<li id="life"><strong>財政力指数</strong><br />
161 
-								　地方公共団体の財政力を示す指数で、基準財政収入額を基準財政需要額で除して得た数値の過去３年間の平均値。<br />
317 
+							<li id="life"><strong>財政力指数</strong><br/>
318 
+								　地方公共団体の財政力を示す指数で、基準財政収入額を基準財政需要額で除して得た数値の過去３年間の平均値。<br/>
162 319 
 								財政力指数が高ければ高いほど、普通交付税算定上の留保財源が大きいことになり、財源に余裕があるといえる。指数が１を越えた場合は普通交付税の不交付団体となり、その越えた分だけ標準的な水準を超えた行政を行うことが可能であるといえる。
163 320 
 							</li>
164 
-							<li id="life"><strong>実質収支比率</strong><br />
165 
-								　実質収支の標準財政規模に対する割合。<br />
321 
+							<li id="life"><strong>実質収支比率</strong><br/>
322 
+								　実質収支の標準財政規模に対する割合。<br/>
166 323 
 								実質収支比率が正数の場合は実質収支の黒字、負数の場合は赤字を示す。</li>
167 
-							<li id="life"><strong>公債費負担比率</strong><br />
168 
-								　地方公共団体における公債費による財政負担の度合いを判断する指標の一つで、公債費に充当された一般財源の一般財源総額に対する割合。<br />
324 
+							<li id="life"><strong>公債費負担比率</strong><br/>
325 
+								　地方公共団体における公債費による財政負担の度合いを判断する指標の一つで、公債費に充当された一般財源の一般財源総額に対する割合。<br/>
169 326 
 								公債費負担比率が高いほど、一般財源に占める公債費の比率が高く、財政構造の硬直化が進んでいるといえる。</li>
170 
-							<li id="life"><strong>実質公債費比率</strong><br />
171 
-								　地方公共団体における公債費による財政負担の度合いを判断する指標として、起債に協議を要する団体と許可を要する団体の判定に用いられるもの（地方財政法第５条の４第１項第２号）。<br />
172 
-								起債制限比率について、準元利償還金の範囲等の見直しを行ったものであり、実質公債費比率が１８％以上となる地方公共団体については、地方債協議制度移行後においても、起債に当たり許可が必要となる。<br />
327 
+							<li id="life"><strong>実質公債費比率</strong><br/>
328 
+								　地方公共団体における公債費による財政負担の度合いを判断する指標として、起債に協議を要する団体と許可を要する団体の判定に用いられるもの（地方財政法第５条の４第１項第２号）。<br/>
329 
+								起債制限比率について、準元利償還金の範囲等の見直しを行ったものであり、実質公債費比率が１８％以上となる地方公共団体については、地方債協議制度移行後においても、起債に当たり許可が必要となる。<br/>
173 330 
 								実質公債費比率が２５％以上の団体については、一定の地方債（一般単独事業に係る地方債）の起債が制限され、３５％以上の団体については、さらにその制限の度合いが高まる（一部の一般公共事業に係る地方債についても起債が制限される。）こととなる。
174 331 
 							</li>
175 
-							<li id="life"><strong>起債制限比率</strong><br />
176 
-								　地方公共団体における公債費による財政負担の度合いを判断する指標の一つで、地方債元利償還金及び公債費に準じる債務負担行為に係る支出の合計額（地方交付税が措置されるものを除く。）に充当された一般財源の標準財政規模及び臨時財政対策債発行可能額の合計額に対する割合で過去３年間の平均値。<br />
332 
+							<li id="life"><strong>起債制限比率</strong><br/>
333 
+								　地方公共団体における公債費による財政負担の度合いを判断する指標の一つで、地方債元利償還金及び公債費に準じる債務負担行為に係る支出の合計額（地方交付税が措置されるものを除く。）に充当された一般財源の標準財政規模及び臨時財政対策債発行可能額の合計額に対する割合で過去３年間の平均値。<br/>
177 334 
 								起債制限比率が２０％を越える団体については、一定の地方債（一般単独事業に係る地方債）の起債が制限され、３０％を越える団体については、さらにその制限の度合いが高まる（一部の一般公共事業に係る地方債についても起債が制限される）こととなる。
178 335 
 							</li>
179 
-							<li id="life"><strong>財政調整基金</strong><br />
336 
+							<li id="life"><strong>財政調整基金</strong><br/>
180 337 
 								　地方公共団体における年度間の財源の不均衡を調整するための基金。</li>
181 
-							<li id="life"><strong>減債基金</strong><br />
338 
+							<li id="life"><strong>減債基金</strong><br/>
182 339 
 								　地方債の償還を計画的に行うための資金を積み立てる目的で設けられる基金。</li>
183 
-							<li id="life"><strong>債務負担行為</strong><br />
340 
+							<li id="life"><strong>債務負担行為</strong><br/>
184 341 
 								　数年度にわたる建設工事、土地の購入等翌年度以降の経費支出や、債務保証又は損失補償のように債務不履行等の一定の事実が発生したときの支出を予定するなどの、将来の財政支出を約束する行為。地方自治法で予算の一部を構成することと規定されている。
185 342 
 							</li>
186 
-							<li id="life"><strong>将来負担比率</strong><br />
343 
+							<li id="life"><strong>将来負担比率</strong><br/>
187 344 
 								　地方公共団体の債務等、将来の負担がどのくらい財政を圧迫するのかを判断する指標で、将来負担すべき債務が標準財政規模の何倍であるかを示しており、家計にたとえるなら、給与収入の何年分の借金があるのかということになる。
188 345 
 								　将来負担比率が３５０％を超えると、財政健全化計画を定めなけらばならない、「財政健全化団体」となる。</li>
189 
-							<li id="life"><strong>早期健全化基準</strong><br />
346 
+							<li id="life"><strong>早期健全化基準</strong><br/>
190 347 
 								　健全化判断比率のいずれかが早期健全化基準を上回ると、財政健全化計画の策定、外部監査要求の義務付け、実施状況を毎年度議会に報告して公表しなければならない。</li>
191 
-							<li id="life"><strong>財政再生基準</strong><br />
348 
+							<li id="life"><strong>財政再生基準</strong><br/>
192 349 
 								　健全化判断比率のいずれかが財政再生基準を上回ると、財政再生計画の策定、外部監査要求の義務付け、実施状況を毎年度議会に報告して公表しなければならない。また、一部を除き起債の制限をうけ、財政運営の計画が適合しないと認められる場合等においては総務大臣による予算の変更等の勧告が行われる。
193 350 
 							</li>
194 351 
 						</ol>
195 352 
 					</span>
353 
+      </article>
354 
+    </section>
355 
+  </div>
196 356
197 
-				</article>
198 
-			</section>
199 
-		</div>
357 
+  <footer>
358 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
359 
+    <div class="footer_mobile">
360 
+      <div class="footer_mobile_title">
361 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
362 
+        <h1 class="footerMobile__text">北方町役場</h1>
363 
+      </div>
364 
+      <div class="footer_mobile_address">
365 
+                <span class="footerTextWrap__text">
366 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
367 
+                </span><br>
368 
+        電話:058-323-1111(代)<br>
369 
+        FAX:058-323-2963<br>
370 
+        開庁日：8時30分～17時15分<br>
371 
+        （土・日・祝日、年末年始を除く）<br>
372 
+      </div>
373 
+    </div>
374 
+    <br class="sp__brDisplay">
375 
+    <p class="footer_text">
376 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
377 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
378 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
379 
+    </p>
380 
+  </footer>
200 381
201 
-		<footer>
202 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
203 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
204 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
205 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
206 
-		</footer>
207 
-
208 
-
209 
-	</div>
210 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Financial_terms" height="1"
211 
-		width="1" />
382 
+</div>
383 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Financial_terms" height="1"
384 
+     width="1"/>
212 385 
 </body>
213 386
214 
-</html>
387 
+</html>

+ 318
- 151
fourth/Financial_terms/Revenue_subject.html Ver fichero 

@@ -1,48 +1,205 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>北方町ホームページ</title>
7 
-	<link rel="stylesheet" href="../../css/base.css">
8 
-	<link rel="stylesheet" href="../../css/second_header.css">
9 
-	<link rel="stylesheet" href="../../css/footer.css">
10 
-	<link rel="stylesheet" href="../../css/section.css">
11 
-	<link rel="stylesheet" href="../../css/third_template.css">
12 
-	<link rel="stylesheet" href="../../css/table.css">
13 
-	<script src="../../js/operation.js"></script>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
7 
+    <link rel="stylesheet" href="../../css/base.css">
8 
+    <link rel="stylesheet" href="../../css/second_header.css">
9 
+    <link rel="stylesheet" href="../../css/footer.css">
10 
+    <link rel="stylesheet" href="../../css/section.css">
11 
+    <link rel="stylesheet" href="../../css/third_template.css">
12 
+    <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+    </meta>
14 22 
 </head>
15 23
16 24 
 <body id="back">
17 
-	<div id="main" class="gothic">
18 
-		<!--セクション 操作-->
19 
-		<section id="operation">
20 
-			<!--セクション 住所-->
21 
-			<article id="address">
22 
-				<address id="operation_add">
23 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+    <!-- mobile header -->
37 
+    <header class="header">
38 
+        <div class="headerLogo">
39 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+        </div>
42 
+        <div class="headerTitle">
43 
+            <a href="../../index.html" class="header_link">
44 
+                <h1 class="headerTitle__text">北方町</h1>
45 
+            </a>
46 
+        </div>
47 
+        <div class="headerSubTitle">
48 
+            <a href="../../index.html" class="header_link">
49 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+            </a>
51 
+        </div>
52 
+        <div id="h-menu">
53 
+            <span></span>
54 
+            <span></span>
55 
+            <span></span>
56 
+            <div id="h-text">menu</div>
57 
+        </div>
58 
+        <div id="h-nav">
59 
+            <div class="h-menu_main_block_top">
60 
+                <div class="h-menu_main_block">
61 
+                    <div class="h-menu_block">
62 
+                        <a href="../../second/living.html">
63 
+                            <div class="h-menu_block_text h-menu_block_before">
64 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+                            </div>
66 
+                        </a>
67 
+                    </div>
68 
+                </div>
69 
+                <div class="h-menu_main_block">
70 
+                    <div class="h-menu_block">
71 
+                        <a href="../../second/tourism.html">
72 
+                            <div class="h-menu_block_text h-menu_block_before">
73 
+                                <div class="h-menu_block_text_center">
74 
+                                    観光
75 
+                                </div>
76 
+                            </div>
77 
+                        </a>
78 
+                    </div>
79 
+                </div>
80 
+                <div class="h-menu_main_block">
81 
+                    <div class="h-menu_block">
82 
+                        <a href="../../second/business.html">
83 
+                            <div class="h-menu_block_text h-menu_block_before">
84 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+                            </div>
86 
+                        </a>
87 
+                    </div>
88 
+                </div>
89 
+                <div class="h-menu_main_block">
90 
+                    <div class="h-menu_block">
91 
+                        <a href="../../second/town_admini_info.html">
92 
+                            <div class="h-menu_block_text h-menu_block_before">
93 
+                                <div class="h-menu_block_text_center">町政情報</div>
94 
+                            </div>
95 
+                        </a>
96 
+                    </div>
97 
+                </div>
98 
+                <div class="h-menu_main_block">
99 
+                    <div class="h-menu_block h-menu_block_before">
100 
+                        <a href="../../second/sitemap.html">
101 
+                            <div class="h-menu_block_text h-menu_block_before">
102 
+                                <div class="h-menu_block_text_center">
103 
+                                    サイトマップ
104 
+                                </div>
105 
+                            </div>
106 
+                        </a>
107 
+                    </div>
108 
+                </div>
109 
+                <div class="h-menu_main_block">
110 
+                    <div class="h-menu_block h-menu_block_before">
111 
+                        <a href="https://ai-staff.net/kitagata/chat">
112 
+                            <div class="h-menu_block_text  h-menu_block_before">
113 
+                                <div class="h-menu_block_text_center">
114 
+                                    AIチャット
115 
+                                </div>
116 
+                            </div>
117 
+                        </a>
118 
+                    </div>
119 
+                </div>
120 
+                <div class="h-menu_main_block">
121 
+                    <div class="h-menu_block h-menu_block_before">
122 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+                            <div class="h-menu_block_text">
124 
+                                <div class="h-menu_block_text_center">
125 
+                                    お問い合わせ一覧
126 
+                                </div>
127 
+                            </div>
128 
+                        </a>
129 
+                    </div>
130 
+                </div>
131 
+                <div class="h-menu_main_block">
132 
+                    <div class="h-menu_lang">
133 
+                        <div class="h-menu_block_lang">
134 
+                            <div class="h-menu_block_text_center">
135 
+                                <div class="h-menu_block_text_line">
136 
+                                    背景変更
137 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                                    </div>
139 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                                    </div>
141 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                                    </div>
143 
+                                </div>
144 
+                                <script>
145 
+                                    getBackgNumber2();
146 
+                                </script>
147 
+                                <div class="h-menu_block_text_line">言語選択
148 
+                                    <div class="mobile_translation">
149 
+                                        <div id="google_translate_element"></div>
150 
+                                    </div>
151 
+                                </div>
152 
+                            </div>
153 
+                        </div>
154 
+                    </div>
155 
+                </div>
156 
+                <div class="h-menu_main_block">
157 
+                    <div class="h-menu_search">
158 
+                        <div class="h-menu_block_search">
159 
+                            <form action="https://www.google.com/search">
160 
+                                <input type="hidden" name="hl" value="ja"/>
161 
+                                <input type="hidden" name="ie" value="UTF-8">
162 
+                                <input type="hidden" name="oe" value="UTF-8">
163 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                                       class="mobile_form_input"/>
166 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+                            </form>
168 
+                        </div>
169 
+                    </div>
170 
+                </div>
171 
+            </div>
172 
+        </div>
173 
+    </header>
174 
+
175 
+    <!--セクション 操作-->
176 
+    <section id="operation">
177 
+        <!--セクション 住所-->
178 
+        <article id="address">
179 
+            <address id="operation_add">
180 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
24 181 
 						TEL:058-323-1111(代)</span>
25 
-				</address>
26 
-			</article>
27 
-			<div id="controle_panel">
28 
-				<!--セクション 背景色-->
29 
-				<article id="bgcolor">
30 
-					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
31 
-					<div id="bgcolor_img">
32 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
33 
-							onClick="setBackground3(1)">
34 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
35 
-							onClick="setBackground3(2)">
36 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(3)">
38 
-					</div>
39 
-					<script>
40 
-						getBackgNumber3();
41 
-					</script>
42 
-				</article>
182 
+            </address>
183 
+        </article>
184 
+        <div id="controle_panel">
185 
+            <!--セクション 背景色-->
186 
+            <article id="bgcolor">
187 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
188 
+                <div id="bgcolor_img">
189 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
190 
+                           onClick="setBackground3(1)">
191 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                           onClick="setBackground3(2)">
193 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                           onClick="setBackground3(3)">
195 
+                </div>
196 
+                <script>
197 
+                    getBackgNumber3();
198 
+                </script>
199 
+            </article>
43 200
44 
-				<!--セクション 文字サイズ-->
45 
-				<!--<article id="charsize" >
201 
+            <!--セクション 文字サイズ-->
202 
+            <!--<article id="charsize" >
46 203 
 <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 204 
 <div id="charsize_img">
48 205 
 <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -51,144 +208,154 @@
51 208 
 </div>
52 209 
 </article>-->
53 210
54 
-				<!--セクション サイトマップ-->
55 
-				<article id="sitemap">
56 
-					<div id="sitemap_img">
57 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
58 
-								alt="サイトマップ" /></a>
59 
-					</div>
60 
-				</article>
61 
-				<!--セクション お問い合わせ-->
62 
-				<article id="contact">
63 
-					<div id="contact_img">
64 
-						<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
65 
-								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
66 
-					</div>
67 
-				</article>
68 
-				<!--セクション 翻訳-->
69 
-				<article id="translation">
70 
-					<div id="translation_img">
71 
-						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
72 
-						<div id="google_translate_element"></div>
73 
-						<script type="text/javascript">
74 
-							function googleTranslateElementInit() {
75 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
76 
-							}
77 
-						</script>
78 
-						<script type="text/javascript"
79 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-					</div>
81 
-				</article>
82 
-				<div id="claer">
83 
-				</div>
84 
-			</div>
85 
-		</section>
86 
-		<!--ヘッダーデータ-->
87 
-		<header>
88 
-			<div id="header" class="gothic">
89 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
90 
-						height="260px" /></a>
91 
-				<div id="h_block_1">
92 
-					<div class="h_line">
93 
-					</div>
94 
-					<article class="h_text_l">
95 
-						<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-					</article>
97 
-					<article class="h_text_l">
98 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-					</article>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-					</article>
106 
-				</div>
107 
-				<div id="h_block_search">
108 
-					<div class="h_line"></div>
109 
-					<article class="h_search">
110 
-						<div class="space10"></div>
111 
-						<form action="http://www.google.com/search">
112 
-							<input type="hidden" name="hl" value="ja" />
113 
-							<input type="hidden" name="ie" value="UTF-8">
114 
-							<input type="hidden" name="oe" value="UTF-8">
115 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
117 
-							<input type="submit" name="btnG" value="検索" />
118 
-						</form>
119 
-					</article>
120 
-				</div>
121 
-			</div>
122 
-		</header>
211 
+            <!--セクション サイトマップ-->
212 
+            <article id="sitemap">
213 
+                <div id="sitemap_img">
214 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                             alt="サイトマップ"/></a>
216 
+                </div>
217 
+            </article>
218 
+            <!--セクション お問い合わせ-->
219 
+            <article id="contact">
220 
+                <div id="contact_img">
221 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
222 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
223 
+                </div>
224 
+            </article>
225 
+            <!--セクション 翻訳-->
226 
+            <article id="translation">
227 
+                <div id="translation_img">
228 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
229 
+                    <div id="google_translate_element"></div>
230 
+                </div>
231 
+            </article>
232 
+            <div id="claer">
233 
+            </div>
234 
+        </div>
235 
+    </section>
236 
+    <!--ヘッダーデータ-->
237 
+    <header>
238 
+        <div id="header" class="gothic">
239 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
240 
+                                            height="260px"/></a>
241 
+            <div id="h_block_1">
242 
+                <div class="h_line">
243 
+                </div>
244 
+                <article class="h_text_l">
245 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
246 
+                </article>
247 
+                <article class="h_text_l">
248 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
249 
+                </article>
250 
+                <article class="h_text_l">
251 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
252 
+                </article>
253 
+                <article class="h_text_l">
254 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
255 
+                </article>
256 
+            </div>
257 
+            <div id="h_block_search">
258 
+                <div class="h_line"></div>
259 
+                <article class="h_search">
260 
+                    <div class="space10"></div>
261 
+                    <form action="http://www.google.com/search">
262 
+                        <input type="hidden" name="hl" value="ja"/>
263 
+                        <input type="hidden" name="ie" value="UTF-8">
264 
+                        <input type="hidden" name="oe" value="UTF-8">
265 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
266 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
267 
+                        <input type="submit" name="btnG" value="検索"/>
268 
+                    </form>
269 
+                </article>
270 
+            </div>
271 
+        </div>
272 
+    </header>
123 273
124 
-		<div id="third_body">
125 
-			<!--セクション template-->
126 
-			<section id="template">
127 
-				<article id="breadcrumb">
128 
-					<div id="breadcrumb_title">
129 
-						<div id="breadcrumb_title_block">
274 
+    <div id="third_body">
275 
+        <!--セクション template-->
276 
+        <section id="template">
277 
+            <article id="breadcrumb">
278 
+                <div id="breadcrumb_title">
279 
+                    <div id="breadcrumb_title_block">
130 280 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
131 
-									href="../../second/town_admini_info.html">町政情報</a>><a
132 
-									href="../../third/town_admini_info/fiscal_information.html">財政情報</a>><a
133 
-									href="../../fourth/town_admini_info/Financial_terms.html">財政用語</a>>歳入科目等</span>
134 
-						</div>
135 
-					</div>
136 
-				</article>
137 
-				<article id="template">
138 
-					<div id="template_title" class="gothic">
139 
-						<div id="template_title_block">
140 
-							<span id="template_title">歳入科目等</span>
141 
-						</div>
142 
-					</div>
143 
-					<!-- 本文ここから -->
144 
-					<span id="template_article_block">
281 
+                                    href="../../second/town_admini_info.html">町政情報</a>><a
282 
+                                    href="../../third/town_admini_info/fiscal_information.html">財政情報</a>><a
283 
+                                    href="../../fourth/town_admini_info/Financial_terms.html">財政用語</a>>歳入科目等</span>
284 
+                    </div>
285 
+                </div>
286 
+            </article>
287 
+            <article id="template">
288 
+                <div id="template_title" class="gothic">
289 
+                    <div id="template_title_block">
290 
+                        <span id="template_title">歳入科目等</span>
291 
+                    </div>
292 
+                </div>
293 
+                <!-- 本文ここから -->
294 
+                <span id="template_article_block">
145 295 
 						<h4 id="life">歳入科目等</h4>
146 296 
 						<ol>
147 
-							<li id="life"><strong>地方譲与税</strong><br />
297 
+							<li id="life"><strong>地方譲与税</strong><br/>
148 298 
 								　国税として徴収し、そのまま地方公共団体に対して譲与する税。地方公共団体の財源とされているものについて　、課税の便宜その他の事情から、徴収事務を国が代行している。地方道路譲与税、自動車重量譲与税等がある。
149 299 
 							</li>
150 
-							<li id="life"><strong>地方特例交付金</strong><br />
300 
+							<li id="life"><strong>地方特例交付金</strong><br/>
151 301 
 								　恒久的な減税に伴う地方税の減収の一部を補てんするため、地方税の代替的性格を有する財源として平成11年度に創設され、国が地方公共団体に交付している。</li>
152 
-							<li id="life"><strong>地方交付税</strong><br />
302 
+							<li id="life"><strong>地方交付税</strong><br/>
153 303 
 								　地方公共団体の自主性を損なわずに、地方財源の均衡化を図り、かつ地方行政の計画的な運営を保障するために、国税のうち、所得税、法人税、酒税、消費税、たばこ税それぞれの一定割合の額を、国が地方公共団体に対して交付する税。地方交付税には、普通交付税と災害等特別の事情に応じて交付する特別交付税がある。普通交付税は、基準財政需要額が基準財政収入額を超える地方公共団体に対して、その差額（財源不足額）を基本として交付される。
154 304 
 							</li>
155 
-							<li id="life"><strong>一般財源</strong><br />
305 
+							<li id="life"><strong>一般財源</strong><br/>
156 306 
 								　地方税、地方譲与税、地方特例交付金及び地方交付税の合計額。なお、市町村においては、これらのほか、都道府県から市町村が交付を受ける利子割交付金、地方消費税交付金、ゴルフ場利用税交付金、特別地方消費税交付金、自動車取得税交付金及び軽油引取税交付金（大都市のみ）を加算した額をいう。
157 307 
 							</li>
158 
-							<li id="life"><strong>一般財源等</strong><br />
308 
+							<li id="life"><strong>一般財源等</strong><br/>
159 309 
 								　一般財源のほか、目的が特定されていない寄付金等、一般財源と同様に財源の使途が特定されず、どのような経費にも使用できる財源をあわせたもの。</li>
160 
-							<li id="life"><strong>国庫支出金</strong><br />
310 
+							<li id="life"><strong>国庫支出金</strong><br/>
161 311 
 								　国と地方公共団体の経費負担区分に基づき、国が地方公共団体に対して支出する負担金、委託費、特定の施策の奨励又は財政援助のための補助金等。</li>
162 
-							<li id="life"><strong>都道府県支出金</strong><br />
312 
+							<li id="life"><strong>都道府県支出金</strong><br/>
163 313 
 								　都道府県の市町村に対する支出金。都道府県が自らの施策として単独で市町村に交付する支出金と、都道府県が国庫支出金を経費の全部又は一部として市町村に交付する支出金とがある。
164 314 
 							</li>
165 
-							<li id="life"><strong>起債・地方債</strong><br />
315 
+							<li id="life"><strong>起債・地方債</strong><br/>
166 316 
 								　地方公共団体が財政上必要とする資金を外部から調達するために負担する債務で、その返済が一会計年度を越えて行われるもの。いわゆる地方公共団体の借金であり、地方債を起こすことを起債という。地方債の活用により財政負担の年度間調整や世代間の負担の公平を図ることができる一方、無制限に地方債に依存することは、財政運営の健全性を保つ観点から好ましくないため、原則として公共施設などの建設事業の財源とする場合など特定の場合のみ発行することができる。
167 317 
 							</li>
168 
-							<li id="life"><strong>減税補てん債</strong><br />
318 
+							<li id="life"><strong>減税補てん債</strong><br/>
169 319 
 								　恒久的な減税等による地方公共団体の減収額を埋めるために発行される地方債。税の振り替わりとしての性格を持つものであり、一般財源と同様に普通建設事業以外の経費にも充当できる。
170 320 
 							</li>
171 
-							<li id="life"><strong>臨時財政対策債</strong><br />
321 
+							<li id="life"><strong>臨時財政対策債</strong><br/>
172 322 
 								　地方一般財源の不足に対処するため、投資的経費以外の経費にも充てられる地方財政法第５条の特例として発行される地方債。平成13～15年度及び平成16～18年度の間、通常収支の財源不足額のうち、財源対策債等を除いた額を、国と地方で折半し、国負担分は一般会計からの加算（臨時財政対策分）、地方負担分は特例地方債（臨時財政対策債）により補てんされるもの。地方公共団体の実際の借入の有無にかかわらず、その元利償還金相当額を後年度基準財政需要額に算入されることとされている。
173 323 
 							</li>
174 324 
 						</ol>
175 325 
 					</span>
176 326
177 
-				</article>
178 
-			</section>
179 
-		</div>
327 
+            </article>
328 
+        </section>
329 
+    </div>
180 330
181 
-		<footer>
182 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
183 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
184 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
185 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
186 
-		</footer>
331 
+    <footer>
332 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
333 
+        <div class="footer_mobile">
334 
+            <div class="footer_mobile_title">
335 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
336 
+                <h1 class="footerMobile__text">北方町役場</h1>
337 
+            </div>
338 
+            <div class="footer_mobile_address">
339 
+                    <span class="footerTextWrap__text">
340 
+                        〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
341 
+                    </span><br>
342 
+                電話:058-323-1111(代)<br>
343 
+                FAX:058-323-2963<br>
344 
+                開庁日：8時30分～17時15分<br>
345 
+                （土・日・祝日、年末年始を除く）<br>
346 
+            </div>
347 
+        </div>
348 
+        <br class="sp__brDisplay">
349 
+        <p class="footer_text">
350 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
351 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
352 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
353 
+        </p>
354 
+    </footer>
187 355
188 
-
189 
-	</div>
190 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Financial_terms" height="1"
191 
-		width="1" />
356 
+</div>
357 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Financial_terms" height="1"
358 
+     width="1"/>
192 359 
 </body>
193 360
194 
-</html>
361 
+</html>

+ 380
- 205
fourth/Privatization_and_consolidation/271_20210106.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,251 +10,426 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
-  <link rel="stylesheet" href="../../css/pageview.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
14 20 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 21 
   </meta>
16 
-  <script src="../../js/operation.js"></script>
17 22 
 </head>
18 23
19 24 
 <body id="back">
20 
-  <div id="main" class="gothic">
21 
-    <!--セクション 操作-->
22 
-    <section id="operation">
23 
-      <!--セクション 住所-->
24 
-      <article id="address">
25 
-        <address id="operation_add">
26 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
27 
-        </address>
28 
-      </article>
29 
-      <div id="controle_panel">
30 
-        <!--セクション 背景色-->
31 
-        <article id="bgcolor">
32 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 
-          <div id="bgcolor_img">
34 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
35 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
36 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
37 67 
           </div>
38 
-          <script>
39 
-            getBackgNumber3();
40 
-          </script>
41 
-        </article>
42 
-
43 
-        <!--セクション 文字サイズ-->
44 
-        <!--<article id="charsize" >
45 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
46 
-<div id="charsize_img">
47 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
48 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
49 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
50 
-</div>
51 
-</article>-->
52 
-
53 
-        <!--セクション サイトマップ-->
54 
-        <article id="sitemap">
55 
-          <div id="sitemap_img">
56 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
57 78 
           </div>
58 
-        </article>
59 
-        <!--セクション お問い合わせ-->
60 
-        <article id="contact">
61 
-          <div id="contact_img">
62 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
63 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
64 87 
           </div>
65 
-        </article>
66 
-        <!--セクション 翻訳-->
67 
-        <article id="translation">
68 
-          <div id="translation_img">
69 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
70 
-            <div id="google_translate_element"></div>
71 
-            <script type="text/javascript">
72 
-              function googleTranslateElementInit() {
73 
-                new google.translate.TranslateElement({
74 
-                  pageLanguage: 'ja',
75 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
76 
-                }, 'google_translate_element');
77 
-              }
78 
-            </script>
79 
-            <script type="text/javascript"
80 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
81 169 
           </div>
82 
-        </article>
83 
-        <div id="claer">
84 170 
         </div>
85 171 
       </div>
86 
-    </section>
172 
+    </div>
173 
+  </header>
87 174
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
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> TEL:058-323-1111(代)</span>
181 
+      </address>
182 
+    </article>
183 
+    <div id="controle_panel">
184 
+      <!--セクション 背景色-->
185 
+      <article id="bgcolor">
186 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
187 
+        <div id="bgcolor_img">
188 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
189 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
190 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
107 191 
         </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
192 
+        <script>
193 
+            getBackgNumber3();
194 
+        </script>
195 
+      </article>
196 
+
197 
+      <!--セクション 文字サイズ-->
198 
+      <!--<article id="charsize" >
199 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
200 
+      <div id="charsize_img">
201 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
202 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
203 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
204 
+      </div>
205 
+      </article>-->
206 
+
207 
+      <!--セクション サイトマップ-->
208 
+      <article id="sitemap">
209 
+        <div id="sitemap_img">
210 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション お問い合わせ-->
214 
+      <article id="contact">
215 
+        <div id="contact_img">
216 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
217 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
121 218 
         </div>
219 
+      </article>
220 
+      <!--セクション 翻訳-->
221 
+      <article id="translation">
222 
+        <div id="translation_img">
223 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
224 
+          <div id="google_translate_element"></div>
225 
+          <script type="text/javascript">
226 
+              function googleTranslateElementInit() {
227 
+                  new google.translate.TranslateElement({
228 
+                      pageLanguage: 'ja',
229 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
230 
+                  }, 'google_translate_element');
231 
+              }
232 
+          </script>
233 
+          <script type="text/javascript"
234 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
235 
+        </div>
236 
+      </article>
237 
+      <div id="claer">
122 238 
       </div>
123 
-    </header>
239 
+    </div>
240 
+  </section>
124 241
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb2">
129 
-          <div id="breadcrumb_title2">
130 
-            <div id="breadcrumb_title_block2">
131 
-							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-									href="../../second/living.html">くらしの情報</a>><a
133 
-									href="../../second/Welfare.html">福祉</a>><a
134 
-									href="../../third/living/Privatization_and_consolidation.html">町立保育園の民営化及び統廃合</a>><a
135 
-									href="../../fourth/living/Privatization_and_consolidation_plan.html">北方町立保育園民営化及び統廃合計画</a>>
136 
-                  北方町立保育園民営化及び統廃合計画（案）のご意見を募集します<span
137 
-                  style="color: red;">(終了しました)</span>
138 
-            </div>
242 
+  <!--ヘッダーデータ-->
243 
+  <header>
244 
+    <div id="header" class="gothic">
245 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
246 
+      <div id="h_block_1">
247 
+        <div class="h_line">
248 
+        </div>
249 
+        <article class="h_text_l">
250 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
139 251 
         </article>
140 
-        <article id="template">
141 
-          <div id="template_title" class="gothic">
142 
-            <div id="template_title_block">
143 
-              <span id="template_title">北方町立保育園民営化及び統廃合計画（案）のご意見を募集します<span style="color: red;">(終了しました)</span></span>
144 
-            </div>
145 
-          </div>
252 
+        <article class="h_text_l">
253 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
254 
+        </article>
255 
+        <article class="h_text_l">
256 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
257 
+        </article>
258 
+        <article class="h_text_l">
259 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
146 260 
         </article>
261 
+      </div>
262 
+      <div id="h_block_search">
263 
+        <div class="h_line"></div>
264 
+        <article class="h_search">
265 
+          <div class="space10"></div>
266 
+          <form action="http://www.google.com/search">
267 
+            <input type="hidden" name="hl" value="ja"/>
268 
+            <input type="hidden" name="ie" value="UTF-8">
269 
+            <input type="hidden" name="oe" value="UTF-8">
270 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
271 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
272 
+            <input type="submit" name="btnG" value="検索"/>
273 
+          </form>
274 
+        </article>
275 
+      </div>
276 
+    </div>
277 
+  </header>
147 278
148 
-        <article id="template">
149 
-          <div id="template_title2" class="gothic">
150 
-            <div id="template_title_block">
151 
-              <span id="template_title2">１．はじめに</span>
152 
-            </div>
279 
+  <div id="third_body">
280 
+    <!--セクション template-->
281 
+    <section id="template">
282 
+      <article id="breadcrumb3">
283 
+        <div id="breadcrumb_title2">
284 
+          <div id="breadcrumb_title_block">
285 
+              <span id="breadcrumb_title2">
286 
+                      <a href="../../index.html">トップ</a>><a
287 
+                                    href="../../second/living.html">くらしの情報</a>><a
288 
+                                    href="../../second/Welfare.html">福祉</a>><a
289 
+                                    href="../../third/living/Privatization_and_consolidation.html">町立保育園の民営化及び統廃合</a>><a
290 
+                                    href="../../fourth/living/Privatization_and_consolidation_plan.html">北方町立保育園民営化及び統廃合計画</a>>北方町立保育園民営化及び統廃合計画（案）のご意見を募集します<span
291 
+                                      style="color: red;">(終了しました)</span>
292 
+                            </span>
153 293 
           </div>
154 
-          <span id="template_article_block">
155 
-            北方町では、町立保育園の民営化及び統廃合を計画的に実施することといたしました。そのため、保育事業の民営化を具体的に進め、保育園運営を行う事業体の継続性を確保しつつ、適切な民間移行を実施することを目的とした「北方町立保育園民営化及び統廃合計画」の策定を進めています。<br />
156 
-            計画の策定にあたり、次のとおりパブリックコメントを実施しますので、皆さまのご意見をお寄せください。<br />
294 
+        </div>
295 
+      </article>
296 
+      <article id="template_3lins" style="padding-top: 18px">
297 
+        <div id="template_title_3lins" class="gothic">
298 
+          <div id="template_title_block_2lins">
299 
+                        <span id="template_title_2lins">北方町立保育園民営化及び統廃合計画（案）のご意見を募集します<span
300 
+                                style="color: red;">(終了しました)</span></span>
301 
+          </div>
302 
+        </div>
303 
+      </article>
304 
+
305 
+      <article id="template">
306 
+        <div id="template_title2" class="gothic">
307 
+          <div id="template_title_block">
308 
+            <span id="template_title2">１．はじめに</span>
309 
+          </div>
310 
+        </div>
311 
+        <span id="template_article_block">
312 
+            北方町では、町立保育園の民営化及び統廃合を計画的に実施することといたしました。そのため、保育事業の民営化を具体的に進め、保育園運営を行う事業体の継続性を確保しつつ、適切な民間移行を実施することを目的とした「北方町立保育園民営化及び統廃合計画」の策定を進めています。<br/>
313 
+            計画の策定にあたり、次のとおりパブリックコメントを実施しますので、皆さまのご意見をお寄せください。<br/>
157 314 
           </span>
158 
-        </article>
315 
+      </article>
159 316
160 
-        <article id="template">
161 
-          <div id="template_title2" class="gothic">
162 
-            <div id="template_title_block">
163 
-              <span id="template_title2">２．公開する資料</span>
164 
-            </div>
317 
+      <article id="template">
318 
+        <div id="template_title2" class="gothic">
319 
+          <div id="template_title_block">
320 
+            <span id="template_title2">２．公開する資料</span>
165 321 
           </div>
166 
-          <span id="template_article_block">
167 
-            <a href="../../fourth/notices/271_20210106_1_1.pdf" target="_blank">北方町立保育園民営化及び統廃合計画（案）（PDF）</a><br />
168 
-            <br />
322 
+        </div>
323 
+        <span id="template_article_block">
324 
+            <a href="../../fourth/notices/271_20210106_1_1.pdf" target="_blank">北方町立保育園民営化及び統廃合計画（案）（PDF）</a><br/>
325 
+            <br/>
169 326 
             <a href="../../fourth/notices/271_20210106_3.pdf" target="_blank"> （参考）認定こども園の概要について</a>
170 327 
           </span>
171 
-        </article>
328 
+      </article>
172 329
173 
-        <article id="template">
174 
-          <div id="template_title2" class="gothic">
175 
-            <div id="template_title_block">
176 
-              <span id="template_title2">３．募集期間等</span>
177 
-            </div>
330 
+      <article id="template">
331 
+        <div id="template_title2" class="gothic">
332 
+          <div id="template_title_block">
333 
+            <span id="template_title2">３．募集期間等</span>
178 334 
           </div>
179 
-          <span id="template_article_block">
180 
-            令和３年１月６日（水）～　１月２９日（金）<br />
181 
-            ※郵送の場合は、１月２９日必着<br />
335 
+        </div>
336 
+        <span id="template_article_block">
337 
+            令和３年１月６日（水）～　１月２９日（金）<br/>
338 
+            ※郵送の場合は、１月２９日必着<br/>
182 339 
           </span>
183 
-        </article>
340 
+      </article>
184 341
185 
-        <article id="template">
186 
-          <div id="template_title2" class="gothic">
187 
-            <div id="template_title_block">
188 
-              <span id="template_title2">４．計画（案）の閲覧方法</span>
189 
-            </div>
342 
+      <article id="template">
343 
+        <div id="template_title2" class="gothic">
344 
+          <div id="template_title_block">
345 
+            <span id="template_title2">４．計画（案）の閲覧方法</span>
190 346 
           </div>
191 
-          <span id="template_article_block">
192 
-            （１）インターネット　北方町公式ホームページ<br />
193 
-            （２）印刷物　北方町役場福祉健康課<br />
194 
-            ※閲覧時間：午前８時３０分から午後５時１５分まで（土、日、国民の祝日を除く）<br />
347 
+        </div>
348 
+        <span id="template_article_block">
349 
+            （１）インターネット　北方町公式ホームページ<br/>
350 
+            （２）印刷物　北方町役場福祉健康課<br/>
351 
+            ※閲覧時間：午前８時３０分から午後５時１５分まで（土、日、国民の祝日を除く）<br/>
195 352 
           </span>
196 
-        </article>
353 
+      </article>
197 354
198 
-        <article id="template">
199 
-          <div id="template_title2" class="gothic">
200 
-            <div id="template_title_block">
201 
-              <span id="template_title2">５．意見の提出方法</span>
202 
-            </div>
355 
+      <article id="template">
356 
+        <div id="template_title2" class="gothic">
357 
+          <div id="template_title_block">
358 
+            <span id="template_title2">５．意見の提出方法</span>
203 359 
           </div>
204 
-          <span id="template_article_block">
205 
-            意見の提出先に持参または郵送、FAX、電子メールのいずれかの方法でご提出ください。<br />
206 
-            意見を提出する際の様式の定めはありません。任意の用紙にご記入ください。<br />
207 
-            ※住所、氏名、年齢、連絡先を必ずご記入ください。<br />
208 
-            ※意見を持参される場合は、午前８時３０分から午後５時１５分まで受付（土、日、国民の祝日を除く）<br />
209 
-            <br />
210 
-            【意見の提出先】<br />
211 
-            北方町役場福祉健康課<br />
212 
-            〒501-0492（専用郵便番号のため住所の記載は不要）<br />
213 
-            FAX（058）323-2114<br />
214 
-            電子メール　fukushi@town.gifu-kitagata.lg.jp<br />
215 
-            <br />
216 
-            <a href="../../fourth/notices/271_20210106_2.pdf" target="_blank">意見提出用紙（PDF）</a><br />
217 
-            <a href="../../fourth/notices/271_20210106_2.doc" target="_blank">意見提出用紙（Word）</a><br />
218 
-            <br />
219 
-            【留意事項等】<br />
220 
-            ・件名を「北方町立保育園民営化及び統廃合計画（案）への意見」としてください（郵送の場合は封筒表面にも記載してください）。<br />
221 
-            ・住所、氏名、年齢、連絡先は必ず記載してください。<br />
222 
-            ・電話や口頭では受付いたしません。<br />
223 
-            ・いただきましたご意見は、個人情報を除き、内容ごとに整理したうえで後日ホームページ上で公表します。<br />
224 
-            ・ご意見に対する個別の回答はいたしませんのでご了承ください。<br />
225 
-            ・ご意見の提出に伴い取得した個人情報は、北方町立保育園民営化及び統廃合計画策定業務にのみ利用します。<br /><br>
360 
+        </div>
361 
+        <span id="template_article_block">
362 
+            意見の提出先に持参または郵送、FAX、電子メールのいずれかの方法でご提出ください。<br/>
363 
+            意見を提出する際の様式の定めはありません。任意の用紙にご記入ください。<br/>
364 
+            ※住所、氏名、年齢、連絡先を必ずご記入ください。<br/>
365 
+            ※意見を持参される場合は、午前８時３０分から午後５時１５分まで受付（土、日、国民の祝日を除く）<br/>
366 
+            <br/>
367 
+            【意見の提出先】<br/>
368 
+            北方町役場福祉健康課<br/>
369 
+            〒501-0492（専用郵便番号のため住所の記載は不要）<br/>
370 
+            FAX（058）323-2114<br/>
371 
+            電子メール　fukushi@town.gifu-kitagata.lg.jp<br/>
372 
+            <br/>
373 
+            <a href="../../fourth/notices/271_20210106_2.pdf" target="_blank">意見提出用紙（PDF）</a><br/>
374 
+            <a href="../../fourth/notices/271_20210106_2.doc" target="_blank">意見提出用紙（Word）</a><br/>
375 
+            <br/>
376 
+            【留意事項等】<br/>
377 
+            ・件名を「北方町立保育園民営化及び統廃合計画（案）への意見」としてください（郵送の場合は封筒表面にも記載してください）。<br/>
378 
+            ・住所、氏名、年齢、連絡先は必ず記載してください。<br/>
379 
+            ・電話や口頭では受付いたしません。<br/>
380 
+            ・いただきましたご意見は、個人情報を除き、内容ごとに整理したうえで後日ホームページ上で公表します。<br/>
381 
+            ・ご意見に対する個別の回答はいたしませんのでご了承ください。<br/>
382 
+            ・ご意見の提出に伴い取得した個人情報は、北方町立保育園民営化及び統廃合計画策定業務にのみ利用します。<br/><br>
226 383 
             <a
227 
-              href="http://www.town.kitagata.gifu.jp/fourth/board_of_education/school_concept_review_committee_r2_2.html">北方学園構想における町立認定こども園に関する協議内容についてはこちらをご覧ください</a><br />
384 
+                    href="http://www.town.kitagata.gifu.jp/fourth/board_of_education/school_concept_review_committee_r2_2.html">北方学園構想における町立認定こども園に関する協議内容についてはこちらをご覧ください</a><br/>
228 385 
             ※「幼保連携部会」にて町立認定こども園のあり方等に関する協議を行っています。
229 386 
           </span>
230 
-        </article>
387 
+      </article>
231 388
232 
-        <article id="template">
233 
-          <div id="template_title2" class="gothic">
234 
-            <div id="template_title_block">
235 
-              <span id="template_title2">６．提出された意見についての回答</span>
236 
-            </div>
389 
+      <article id="template">
390 
+        <div id="template_title2" class="gothic">
391 
+          <div id="template_title_block">
392 
+            <span id="template_title2">６．提出された意見についての回答</span>
237 393 
           </div>
238 
-          <span id="template_article_block">
239 
-            <a href="../../fourth/notices/271_20210106_4.pdf" target="_blank">意見についての回答（PDF）</a><br />
240 
-            <br />
394 
+        </div>
395 
+        <span id="template_article_block">
396 
+            <a href="../../fourth/notices/271_20210106_4.pdf" target="_blank">意見についての回答（PDF）</a><br/>
397 
+            <br/>
241 398 
           </span>
242 
-        </article>
399 
+      </article>
243 400
244 
-      </section>
245 
-    </div>
401 
+    </section>
402 
+  </div>
246 403
247 
-    <footer>
248 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
249 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
250 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
251 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
252 
-    </footer>
404 
+  <footer>
405 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
406 
+    <div class="footer_mobile">
407 
+      <div class="footer_mobile_title">
408 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
409 
+        <h1 class="footerMobile__text">北方町役場</h1>
410 
+      </div>
411 
+      <div class="footer_mobile_address">
412 
+                <span class="footerTextWrap__text">
413 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
414 
+                </span><br>
415 
+        電話:058-323-1111(代)<br>
416 
+        FAX:058-323-2963<br>
417 
+        開庁日：8時30分～17時15分<br>
418 
+        （土・日・祝日、年末年始を除く）<br>
419 
+      </div>
420 
+    </div>
421 
+    <br class="sp__brDisplay">
422 
+    <p class="footer_text">
423 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
424 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
425 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
426 
+    </p>
427 
+  </footer>
253 428
254 429
255 
-  </div>
256 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
257 
-    width="1" />
430 
+</div>
431 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?092_20151210" height="1"
432 
+     width="1"/>
258 433 
 </body>
259 434
260 
-</html>
435 
+</html>

+ 347
- 178
fourth/Privatization_and_consolidation/Announcement_of_plan.html Ver fichero 

@@ -1,207 +1,376 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-	<meta charset="utf-8">
6 
-	<title>北方町ホームページ</title>
7 
-	<link rel="stylesheet" href="../../css/base.css">
8 
-	<link rel="stylesheet" href="../../css/second_header.css">
9 
-	<link rel="stylesheet" href="../../css/footer.css">
10 
-	<link rel="stylesheet" href="../../css/section.css">
11 
-	<link rel="stylesheet" href="../../css/third_template.css">
12 
-	<link rel="stylesheet" href="../../css/table.css">
13 
-	<script src="../../js/operation.js"></script>
14 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-	</meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
7 
+  <link rel="stylesheet" href="../../css/base.css">
8 
+  <link rel="stylesheet" href="../../css/second_header.css">
9 
+  <link rel="stylesheet" href="../../css/footer.css">
10 
+  <link rel="stylesheet" href="../../css/section.css">
11 
+  <link rel="stylesheet" href="../../css/third_template.css">
12 
+  <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+  </meta>
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-	<div id="main" class="gothic">
20 
-		<!--セクション 操作-->
21 
-		<section id="operation">
22 
-			<!--セクション 住所-->
23 
-			<article id="address">
24 
-				<address id="operation_add">
25 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
27 
-				</address>
28 
-			</article>
29 
-			<div id="controle_panel">
30 
-				<!--セクション 背景色-->
31 
-				<article id="bgcolor">
32 
-					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 
-					<div id="bgcolor_img">
34 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-							onClick="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
40 
-					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</article>
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
45 174
46 
-				<!--セクション 文字サイズ-->
47 
-				<!--<article id="charsize" >
48 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
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> TEL:058-323-1111(代)</span>
181 
+      </address>
182 
+    </article>
183 
+    <div id="controle_panel">
184 
+      <!--セクション 背景色-->
185 
+      <article id="bgcolor">
186 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
187 
+        <div id="bgcolor_img">
188 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
189 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
190 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
191 
+        </div>
192 
+        <script>
193 
+            getBackgNumber3();
194 
+        </script>
195 
+      </article>
196 
+
197 
+      <!--セクション 文字サイズ-->
198 
+      <!--<article id="charsize" >
199 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
200 
+      <div id="charsize_img">
201 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
202 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
203 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
204 
+      </div>
205 
+      </article>-->
55 206
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								alt="サイトマップ" /></a>
61 
-					</div>
62 
-				</article>
63 
-				<!--セクション お問い合わせ-->
64 
-				<article id="contact">
65 
-					<div id="contact_img">
66 
-						<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
67 
-								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
68 
-					</div>
69 
-				</article>
70 
-				<!--セクション 翻訳-->
71 
-				<article id="translation">
72 
-					<div id="translation_img">
73 
-						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({
78 
-									pageLanguage: 'ja',
79 
-									layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-								}, 'google_translate_element');
81 
-							}
82 
-						</script>
83 
-						<script type="text/javascript"
84 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 
-					</div>
86 
-				</article>
87 
-				<div id="claer">
88 
-				</div>
89 
-			</div>
90 
-		</section>
207 
+      <!--セクション サイトマップ-->
208 
+      <article id="sitemap">
209 
+        <div id="sitemap_img">
210 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション お問い合わせ-->
214 
+      <article id="contact">
215 
+        <div id="contact_img">
216 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
217 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
218 
+        </div>
219 
+      </article>
220 
+      <!--セクション 翻訳-->
221 
+      <article id="translation">
222 
+        <div id="translation_img">
223 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
224 
+          <div id="google_translate_element"></div>
225 
+          <script type="text/javascript">
226 
+              function googleTranslateElementInit() {
227 
+                  new google.translate.TranslateElement({
228 
+                      pageLanguage: 'ja',
229 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
230 
+                  }, 'google_translate_element');
231 
+              }
232 
+          </script>
233 
+          <script type="text/javascript"
234 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
235 
+        </div>
236 
+      </article>
237 
+      <div id="claer">
238 
+      </div>
239 
+    </div>
240 
+  </section>
91 241
92 
-		<!--ヘッダーデータ-->
93 
-		<header>
94 
-			<div id="header" class="gothic">
95 
-				<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-						height="260px" /></a>
97 
-				<div id="h_block_1">
98 
-					<div class="h_line">
99 
-					</div>
100 
-					<article class="h_text_l">
101 
-						<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
102 
-					</article>
103 
-					<article class="h_text_l">
104 
-						<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-					</article>
106 
-					<article class="h_text_l">
107 
-						<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
108 
-					</article>
109 
-					<article class="h_text_l">
110 
-						<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
111 
-					</article>
112 
-				</div>
113 
-				<div id="h_block_search">
114 
-					<div class="h_line"></div>
115 
-					<article class="h_search">
116 
-						<div class="space10"></div>
117 
-						<form action="http://www.google.com/search">
118 
-							<input type="hidden" name="hl" value="ja" />
119 
-							<input type="hidden" name="ie" value="UTF-8">
120 
-							<input type="hidden" name="oe" value="UTF-8">
121 
-							<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
122 
-							<input type="text" name="q" size="16" maxlength="256" value="" />
123 
-							<input type="submit" name="btnG" value="検索" />
124 
-						</form>
125 
-					</article>
126 
-				</div>
127 
-			</div>
128 
-		</header>
242 
+  <!--ヘッダーデータ-->
243 
+  <header>
244 
+    <div id="header" class="gothic">
245 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
246 
+      <div id="h_block_1">
247 
+        <div class="h_line">
248 
+        </div>
249 
+        <article class="h_text_l">
250 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
251 
+        </article>
252 
+        <article class="h_text_l">
253 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
254 
+        </article>
255 
+        <article class="h_text_l">
256 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
257 
+        </article>
258 
+        <article class="h_text_l">
259 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
260 
+        </article>
261 
+      </div>
262 
+      <div id="h_block_search">
263 
+        <div class="h_line"></div>
264 
+        <article class="h_search">
265 
+          <div class="space10"></div>
266 
+          <form action="http://www.google.com/search">
267 
+            <input type="hidden" name="hl" value="ja"/>
268 
+            <input type="hidden" name="ie" value="UTF-8">
269 
+            <input type="hidden" name="oe" value="UTF-8">
270 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
271 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
272 
+            <input type="submit" name="btnG" value="検索"/>
273 
+          </form>
274 
+        </article>
275 
+      </div>
276 
+    </div>
277 
+  </header>
129 278
130 
-		<div id="third_body">
131 
-			<!--セクション space-->
279 
+  <div id="third_body">
280 
+    <!--セクション space-->
132 281
133 
-			<!--セクション template-->
134 
-			<section id="template">
135 
-				<article id="breadcrumb2">
136 
-					<div id="breadcrumb_title2">
137 
-						<div id="breadcrumb_title_block2">
282 
+    <!--セクション template-->
283 
+    <section id="template">
284 
+      <article id="breadcrumb2">
285 
+        <div id="breadcrumb_title2">
286 
+          <div id="breadcrumb_title_block2">
138 287 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
139 
-									href="../../second/living.html">くらしの情報</a>><a
140 
-									href="../../second/Welfare.html">福祉</a>><a
141 
-									href="../../third/living/Privatization_and_consolidation.html">町立保育園の民営化及び統廃合</a>><a
142 
-									href="../../fourth/living/Privatization_and_consolidation_plan.html">北方町立保育園民営化及び統廃合計画</a>>
288 
+                      href="../../second/living.html">くらしの情報</a>><a
289 
+                      href="../../second/Welfare.html">福祉</a>><a
290 
+                      href="../../third/living/Privatization_and_consolidation.html">町立保育園の民営化及び統廃合</a>><a
291 
+                      href="../../fourth/living/Privatization_and_consolidation_plan.html">北方町立保育園民営化及び統廃合計画</a>>
143 292 
 								計画の公表について</span>
144 
-						</div>
145 
-					</div>
146 
-				</article>
147 
-				<article id="template">
148 
-					<div id="template_title" class="gothic">
149 
-						<div id="template_title_block">
150 
-							<span id="template_title">計画の公表について</span>
151 
-						</div>
152 
-					</div>
153 
-				</article>
154 
-				<article id="template_list_title">
155 
-					<div id="template_title2" class="gothic">
156 
-						<div id="template_title_block">
157 
-							<span id="template_title2">「北方町立保育園民営化及び統廃合計画」を策定しました。</span>
158 
-						</div>
159 
-					</div>
160 
-					<span id="template_article_block">
293 
+          </div>
294 
+        </div>
295 
+      </article>
296 
+      <article id="template">
297 
+        <div id="template_title" class="gothic">
298 
+          <div id="template_title_block">
299 
+            <span id="template_title">計画の公表について</span>
300 
+          </div>
301 
+        </div>
302 
+      </article>
303 
+      <article id="template_list_title">
304 
+        <div class="template_title2 template_title2_2 gothic">
305 
+          <div id="template_title_block">
306 
+            <span class="template_title2 template_title2_2">「北方町立保育園民営化及び統廃合計画」を策定しました。</span>
307 
+          </div>
308 
+        </div>
309 
+        <span id="template_article_block">
161 310
162 311 
 						　保育施設の適正な運営並びに町立保育園の民営化及び統廃合を具体的に進めていくための「北方町立保育園民営化及び統廃合計画」を策定しました。<br>
163 312 
 						<br>
164 
-						　<a href="../../fourth/Privatization_and_consolidation/Privatization_and_consolidation_plan_1.pdf"
165 
-							target="_blank">北方町立保育園民営化及び統廃合計画（令和３年度～令和９年度）（PDF）</a><br>
313 
+						　<a
314 
+                href="../../fourth/Privatization_and_consolidation/Privatization_and_consolidation_plan_1.pdf"
315 
+                target="_blank">北方町立保育園民営化及び統廃合計画（令和３年度～令和９年度）（PDF）</a><br>
166 316 
 						<br>
167 
-						　<a href="../../fourth/Privatization_and_consolidation/Privatization_and_consolidation_plan_2.pdf"
168 
-							target="_blank">（参考）認定こども園の概要について（PDF）</a><br>
317 
+						　<a
318 
+                href="../../fourth/Privatization_and_consolidation/Privatization_and_consolidation_plan_2.pdf"
319 
+                target="_blank">（参考）認定こども園の概要について（PDF）</a><br>
169 320 
 						<br>
170 321 
 						　【計画策定の背景】<br>
171 322 
 						　計画策定の背景には、高齢化社会と少子化の進展など昨今の社会問題があります。社会インフラ（いわゆる公共施設）の運営、維持・管理は、人口減少や高齢化等の影響で税収入の減少が懸念されるなか全国的にも問題となっています。町立保育園の運営においても、少子化の影響で園児の数は減少していきますので統廃合や民営化の検討は避けては通れない課題となっています。特に町立保育園の運営継続には保育士の人材確保、老朽化した園舎の改修などの環境整備、多様な子育てニーズに対応し安定的で継続性のある施設運営が課題となっており、そのため、「民営化及び統廃合」については持続可能な保育サービスの提供につなげていくという視点から検討していく必要があります。町としては保育の質の維持・向上が大前提でありますが、あわせて財源の確保が重要な取り組みのひとつとなると認識しています。また、高齢化・少子化が進展しているなかで、町税収入の大幅な増加が見込めない状況下において、多様化する新たな子育て支援ニーズへの対応、施設の老朽化対策等にも対応していく必要があるためです。<br>
172 323 
 						<br>
173 
-						　<a href="http://www.town.kitagata.gifu.jp/fourth/board_of_education/school_concept_review_committee_r2_2.html"
174 
-							target="_blank">町立認定こども園に関する協議内容についてはこちらをご覧ください。</a><br>
324 
+						　<a
325 
+                href="http://www.town.kitagata.gifu.jp/fourth/board_of_education/school_concept_review_committee_r2_2.html"
326 
+                target="_blank">町立認定こども園に関する協議内容についてはこちらをご覧ください。</a><br>
175 327 
 						　※「幼保連携部会」にて町立認定こども園のあり方等に関する協議を行っています。<br>
176 328
177 329 
 					</span>
178 
-				</article>
179 
-				<article id="template_list_title">
180 
-					<div id="template_title2" class="gothic">
181 
-						<div id="template_title_block">
182 
-							<span id="template_title2">お問い合わせ</span>
183 
-						</div>
184 
-					</div>
185 
-					<span id="template_article_block">
186 
-						福祉子ども課<br />
187 
-						Tel 058-323-1119<br />
330 
+      </article>
331 
+      <article id="template_list_title">
332 
+        <div id="template_title2" class="gothic">
333 
+          <div id="template_title_block">
334 
+            <span id="template_title2">お問い合わせ</span>
335 
+          </div>
336 
+        </div>
337 
+        <span id="template_article_block">
338 
+						福祉子ども課<br/>
339 
+						Tel 058-323-1119<br/>
188 340 
 						<a href="../../second/Inquiry_form_welfare.html">お問い合わせフォーム</a>
189 341 
 					</span>
190 
-				</article>
191 
-			</section>
192 
-		</div>
342 
+      </article>
343 
+    </section>
344 
+  </div>
193 345
194 
-		<footer>
195 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-		</footer>
346 
+  <footer>
347 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
348 
+    <div class="footer_mobile">
349 
+      <div class="footer_mobile_title">
350 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
351 
+        <h1 class="footerMobile__text">北方町役場</h1>
352 
+      </div>
353 
+      <div class="footer_mobile_address">
354 
+                <span class="footerTextWrap__text">
355 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
356 
+                </span><br>
357 
+        電話:058-323-1111(代)<br>
358 
+        FAX:058-323-2963<br>
359 
+        開庁日：8時30分～17時15分<br>
360 
+        （土・日・祝日、年末年始を除く）<br>
361 
+      </div>
362 
+    </div>
363 
+    <br class="sp__brDisplay">
364 
+    <p class="footer_text">
365 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
366 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
367 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
368 
+    </p>
369 
+  </footer>
200 370
201 
-
202 
-	</div>
203 
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Business_plan" height="1"
204 
-		width="1" />
371 
+</div>
372 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Business_plan" height="1"
373 
+     width="1"/>
205 374 
 </body>
206 375
207 
-</html>
376 
+</html>

+ 319
- 210
fourth/Public_sale_information/Real_estate_public_sale.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
 	<meta charset="utf-8">
5 
+	<meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
 	<title>北方町ホームページ</title>
7 7 
 	<link rel="stylesheet" href="../../css/base.css">
8 8 
 	<link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,81 +10,168 @@
10 10 
 	<link rel="stylesheet" href="../../css/section.css">
11 11 
 	<link rel="stylesheet" href="../../css/third_template.css">
12 12 
 	<link rel="stylesheet" href="../../css/table.css">
13 
+	<link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+	<link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+	<link rel="stylesheet" href="../../css/section_mobile.css">
16 
+	<link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+	<link rel="stylesheet" href="../../css/table_mobile.css">
13 18 
 	<script src="../../js/operation.js"></script>
19 
+	<script src="../../js/menu.js"></script>
20 
+	<script src="../../js/accordion.js"></script>
14 21 
 	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
 	</meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-	<div id="main" class="gothic">
20 
-		<!--セクション 操作-->
21 
-		<section id="operation">
22 
-			<!--セクション 住所-->
23 
-			<article id="address">
24 
-				<address id="operation_add">
25 
-					<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-						TEL:058-323-1111(代)</span>
27 
-				</address>
28 
-			</article>
29 
-			<div id="controle_panel">
30 
-				<!--セクション 背景色-->
31 
-				<article id="bgcolor">
32 
-					<img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 
-					<div id="bgcolor_img">
34 
-						<input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-							onClick="setBackground3(1)">
36 
-						<input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-							onClick="setBackground3(2)">
38 
-						<input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-							onClick="setBackground3(3)">
26 
+<script type="text/javascript">
27 
+	function googleTranslateElementInit() {
28 
+		new google.translate.TranslateElement({
29 
+			pageLanguage: 'ja',
30 
+			layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+		}, 'google_translate_element');
32 
+	}
33 
+</script>
34 
+<script type="text/javascript"
35 
+		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+	<!-- mobile header -->
38 
+	<header class="header">
39 
+		<div class="headerLogo">
40 
+			<a href="../../index.html" class="header_link"><img class="headerLogo__image"
41 
+																src="../../image/logo_kitagata_green_S.png" alt=""></a>
42 
+		</div>
43 
+		<div class="headerTitle">
44 
+			<a href="../../index.html" class="header_link">
45 
+				<h1 class="headerTitle__text">北方町</h1>
46 
+			</a>
47 
+		</div>
48 
+		<div class="headerSubTitle">
49 
+			<a href="../../index.html" class="header_link">
50 
+				<p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+			</a>
52 
+		</div>
53 
+		<div id="h-menu">
54 
+			<span></span>
55 
+			<span></span>
56 
+			<span></span>
57 
+			<div id="h-text">menu</div>
58 
+		</div>
59 
+		<div id="h-nav">
60 
+			<div class="h-menu_main_block_top">
61 
+				<div class="h-menu_main_block">
62 
+					<div class="h-menu_block">
63 
+						<a href="../../second/living.html">
64 
+							<div class="h-menu_block_text h-menu_block_before">
65 
+								<div class="h-menu_block_text_center">くらしの情報</div>
66 
+							</div>
67 
+						</a>
40 68 
 					</div>
41 
-					<script>
42 
-						getBackgNumber3();
43 
-					</script>
44 
-				</article>
45 
-
46 
-				<!--セクション 文字サイズ-->
47 
-				<!--<article id="charsize" >
48 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-<div id="charsize_img">
50 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-</div>
54 
-</article>-->
55 
-
56 
-				<!--セクション サイトマップ-->
57 
-				<article id="sitemap">
58 
-					<div id="sitemap_img">
59 
-						<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-								alt="サイトマップ" /></a>
69 
+				</div>
70 
+				<div class="h-menu_main_block">
71 
+					<div class="h-menu_block">
72 
+						<a href="../../second/tourism.html">
73 
+							<div class="h-menu_block_text h-menu_block_before">
74 
+								<div class="h-menu_block_text_center">
75 
+									観光
76 
+								</div>
77 
+							</div>
78 
+						</a>
61 79 
 					</div>
62 
-				</article>
63 
-				<!--セクション お問い合わせ-->
64 
-				<article id="contact">
65 
-					<div id="contact_img">
66 
-						<a href="../../third/town_admini_info/administrative_organization_chart.html"><img
67 
-								src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
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>
68 88 
 					</div>
69 
-				</article>
70 
-				<!--セクション 翻訳-->
71 
-				<article id="translation">
72 
-					<div id="translation_img">
73 
-						<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-						<div id="google_translate_element"></div>
75 
-						<script type="text/javascript">
76 
-							function googleTranslateElementInit() {
77 
-								new google.translate.TranslateElement({ pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
78 
-							}
79 
-						</script>
80 
-						<script type="text/javascript"
81 
-							src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
89 
+				</div>
90 
+				<div class="h-menu_main_block">
91 
+					<div class="h-menu_block">
92 
+						<a href="../../second/town_admini_info.html">
93 
+							<div class="h-menu_block_text h-menu_block_before">
94 
+								<div class="h-menu_block_text_center">町政情報</div>
95 
+							</div>
96 
+						</a>
97 
+					</div>
98 
+				</div>
99 
+				<div class="h-menu_main_block">
100 
+					<div class="h-menu_block h-menu_block_before">
101 
+						<a href="../../second/sitemap.html">
102 
+							<div class="h-menu_block_text h-menu_block_before">
103 
+								<div class="h-menu_block_text_center">
104 
+									サイトマップ
105 
+								</div>
106 
+							</div>
107 
+						</a>
108 
+					</div>
109 
+				</div>
110 
+				<div class="h-menu_main_block">
111 
+					<div class="h-menu_block h-menu_block_before">
112 
+						<a href="https://ai-staff.net/kitagata/chat">
113 
+							<div class="h-menu_block_text  h-menu_block_before">
114 
+								<div class="h-menu_block_text_center">
115 
+									AIチャット
116 
+								</div>
117 
+							</div>
118 
+						</a>
119 
+					</div>
120 
+				</div>
121 
+				<div class="h-menu_main_block">
122 
+					<div class="h-menu_block h-menu_block_before">
123 
+						<a href="../../third/town_admini_info/administrative_organization_chart.html">
124 
+							<div class="h-menu_block_text">
125 
+								<div class="h-menu_block_text_center">
126 
+									お問い合わせ一覧
127 
+								</div>
128 
+							</div>
129 
+						</a>
130 
+					</div>
131 
+				</div>
132 
+				<div class="h-menu_main_block">
133 
+					<div class="h-menu_lang">
134 
+						<div class="h-menu_block_lang">
135 
+							<div class="h-menu_block_text_center">
136 
+								<div class="h-menu_block_text_line">
137 
+									背景変更
138 
+									<div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+									</div>
140 
+									<div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+									</div>
142 
+									<div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+									</div>
144 
+								</div>
145 
+								<script>
146 
+									getBackgNumber2();
147 
+								</script>
148 
+								<div class="h-menu_block_text_line">言語選択
149 
+									<div class="mobile_translation">
150 
+										<div id="google_translate_element"></div>
151 
+									</div>
152 
+								</div>
153 
+							</div>
154 
+						</div>
155 
+					</div>
156 
+				</div>
157 
+				<div class="h-menu_main_block">
158 
+					<div class="h-menu_search">
159 
+						<div class="h-menu_block_search">
160 
+							<form action="https://www.google.com/search">
161 
+								<input type="hidden" name="hl" value="ja"/>
162 
+								<input type="hidden" name="ie" value="UTF-8">
163 
+								<input type="hidden" name="oe" value="UTF-8">
164 
+								<input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+								<input type="text" name="q" size="16" maxlength="256" value=""
166 
+									   class="mobile_form_input"/>
167 
+								<input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+							</form>
169 
+						</div>
82 170 
 					</div>
83 
-				</article>
84 
-				<div id="claer">
85 171 
 				</div>
86 172 
 			</div>
87 
-		</section>
173 
+		</div>
174 
+	</header>
88 175
89 176 
 		<!--ヘッダーデータ-->
90 177 
 		<header>
 
@@ -130,8 +217,8 @@
130 217 
 					<div id="breadcrumb_title">
131 218 
 						<div id="breadcrumb_title_block">
132 219 
 							<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-									href="../../second/living.html">くらしの情報</a>><a href="../../second/Tax.html">税金</a>><a
134 
-									href="../../third/tax/Public_sale_information.html">公売情報</a>>不動産公売のご案内</span>
220 
+											href="../../second/living.html">くらしの情報</a>><a href="../../second/Tax.html">税金</a>><a
221 
+											href="../../third/tax/Public_sale_information.html">公売情報</a>>不動産公売のご案内</span>
135 222 
 						</div>
136 223 
 					</div>
137 224 
 				</article>
 
@@ -151,63 +238,65 @@
151 238 
 					</div>
152 239 
 					<span id="template_article_block">
153 240 
 						不動産公売日時及び場所
154 
-						<table style="text-align: center" width="100%" id="infokitagata" cellspacing="1" cellpadding="3"
155 
-							border="1">
156 
-							<tr>
157 
-								<td width="30%">公売期日</td>
158 
-								<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)</td>
159 
-							</tr>
160 
-							<tr>
161 
-								<td>公売場所</td>
162 
-								<td style="text-align: left">北方町役場 2階 大会議室<br />
163 
-									(岐阜県本巣郡北方町長谷川 1 丁目 1 番地)</td>
164 
-							</tr>
165 
-							<tr>
166 
-								<td>公売方法</td>
167 
-								<td style="text-align: left">人札</td>
168 
-							</tr>
169 
-							<tr>
170 
-								<td>開場日時</td>
171 
-								<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)午後 1 時 30 分
172 
-								</td>
173 
-							</tr>
174 
-							<tr>
175 
-								<td>入札日時</td>
176 
-								<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)<br />
177 
-									午後 2 時 00 分〜午後 2 時 10 分まで<br />
178 
-									※午後 1 時 30 分頃より入札についての説明を行います</td>
179 
-							</tr>
180 
-							<tr>
181 
-								<td>公売保証金納付期限</td>
182 
-								<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)<br />
183 
-									午後 1 時 30 分午後 2 時 00 分まで
184 
-								</td>
185 
-							</tr>
186 
-							<tr>
187 
-								<td>開札日時</td>
188 
-								<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)午後 2 時 10 分</td>
189 
-							</tr>
190 
-							<tr>
191 
-								<td>売却決定日時</td>
192 
-								<td style="text-align: left">令和 4 年 3 月 8 日(火曜日)午前 10 時 00 分</td>
193 
-							</tr>
194 
-							<tr>
195 
-								<td>売却決定場所</td>
196 
-								<td style="text-align: left">北方町役場 税務課
197 
-									(岐阜県本巣郡北方町長谷川 1 丁目 1 番地北方町役場 1 階)
198 
-								</td>
199 
-							</tr>
200 
-							<tr>
201 
-								<td>買受代金納付期限</td>
202 
-								<td style="text-align: left">令和 4 年 3 月 8 日(火曜日)午前 11 時 00 分</td>
203 
-							</tr>
204 
-						</table>
241 
+						<div class="scroll_table">
242 
+							<table style="text-align: center" width="100%" id="infokitagata" cellspacing="1" cellpadding="3"
243 
+								   border="1">
244 
+								<tr>
245 
+									<td width="30%">公売期日</td>
246 
+									<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)</td>
247 
+								</tr>
248 
+								<tr>
249 
+									<td>公売場所</td>
250 
+									<td style="text-align: left">北方町役場 2階 大会議室<br />
251 
+										(岐阜県本巣郡北方町長谷川 1 丁目 1 番地)</td>
252 
+								</tr>
253 
+								<tr>
254 
+									<td>公売方法</td>
255 
+									<td style="text-align: left">人札</td>
256 
+								</tr>
257 
+								<tr>
258 
+									<td>開場日時</td>
259 
+									<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)午後 1 時 30 分
260 
+									</td>
261 
+								</tr>
262 
+								<tr>
263 
+									<td>入札日時</td>
264 
+									<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)<br />
265 
+										午後 2 時 00 分〜午後 2 時 10 分まで<br />
266 
+										※午後 1 時 30 分頃より入札についての説明を行います</td>
267 
+								</tr>
268 
+								<tr>
269 
+									<td>公売保証金納付期限</td>
270 
+									<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)<br />
271 
+										午後 1 時 30 分午後 2 時 00 分まで
272 
+									</td>
273 
+								</tr>
274 
+								<tr>
275 
+									<td>開札日時</td>
276 
+									<td style="text-align: left">令和 4 年 3 月 1 日(火曜日)午後 2 時 10 分</td>
277 
+								</tr>
278 
+								<tr>
279 
+									<td>売却決定日時</td>
280 
+									<td style="text-align: left">令和 4 年 3 月 8 日(火曜日)午前 10 時 00 分</td>
281 
+								</tr>
282 
+								<tr>
283 
+									<td>売却決定場所</td>
284 
+									<td style="text-align: left">北方町役場 税務課
285 
+										(岐阜県本巣郡北方町長谷川 1 丁目 1 番地北方町役場 1 階)
286 
+									</td>
287 
+								</tr>
288 
+								<tr>
289 
+									<td>買受代金納付期限</td>
290 
+									<td style="text-align: left">令和 4 年 3 月 8 日(火曜日)午前 11 時 00 分</td>
291 
+								</tr>
292 
+							</table>
293 
+						</div>`
205 294 
 						公売参加の手続き、公売財産の表示(公売財産の概要・所在地等)については以下のファイルをご覧ください<br />
206 295 
 						<br />
207 296 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_1.pdf"
208 
-							target="_blank">公売のご案内(全部)(PDFファイル： 9.2MB)</a><br />
297 
+						   target="_blank">公売のご案内(全部)(PDFファイル： 9.2MB)</a><br />
209 298 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_2.pdf"
210 
-							target="_blank">公売のご案内(公売財産資料含まない)(PDFファイル： 3.6MB)</a><br />
299 
+						   target="_blank">公売のご案内(公売財産資料含まない)(PDFファイル： 3.6MB)</a><br />
211 300 
 						公売財産<br />
212 301 
 						　<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_3_1.pdf"
213 302 
 							target="_blank">北税3-1(PDFファイル： 2.8MB)</a><br />
 
@@ -223,73 +312,75 @@
223 312 
 						</div>
224 313 
 					</div>
225 314 
 					<span id="template_article_block">
226 
-						<table style="text-align: center" width="100%" id="infokitagata" cellspacing="1" cellpadding="3"
227 
-							border="1">
228 
-							<tr>
229 
-								<td rowspan="2">公売<br />区分<br />番号</td>
230 
-								<td rowspan="2">見積価格<br />(公売保証金)</td>
231 
-								<td colspan="3">従前の土地(登記簿上)</td>
232 
-								<td colspan="3">仮換地</td>
233 
-							</tr>
234 
-							<tr>
235 
-								<td>従前の地番</td>
236 
-								<td>地目</td>
237 
-								<td>公募<br />地積m<sup>2</sup></td>
238 
-								<td>街<br />区</td>
239 
-								<td>画<br />地</td>
240 
-								<td>地積m<sup>2</sup></td>
241 
-							</tr>
242 
-							<tr>
243 
-								<td rowspan="5">北税<br />3-1</td>
244 
-								<td rowspan="5">6,000,000円<br />(600,000円)</td>
245 
-								<td style="text-align: left">高屋　字井之上　1271-1</td>
246 
-								<td>畑</td>
247 
-								<td style="text-align: right">89.00</td>
248 
-								<td rowspan="3" style="text-align: right">27</td>
249 
-								<td rowspan="3" style="text-align: right">1</td>
250 
-								<td rowspan="3" style="text-align: right">203</td>
251 
-							</tr>
252 
-							<tr>
253 
-								<td style="text-align: left">高屋　字井之上　1271-2</td>
254 
-								<td>畑</td>
255 
-								<td style="text-align: right">72.00</td>
256 
-							</tr>
257 
-							<tr>
258 
-								<td style="text-align: left">高屋　字井之上　1273-1</td>
259 
-								<td>原野</td>
260 
-								<td style="text-align: right">95.00</td>
261 
-							</tr>
262 
-							<tr>
263 
-								<td style="text-align: left">高屋　字井之上　1272-3</td>
264 
-								<td>原野</td>
265 
-								<td style="text-align: right">66.00</td>
266 
-								<td style="text-align: right">27</td>
267 
-								<td style="text-align: right">15</td>
268 
-								<td style="text-align: right">51</td>
269 
-							</tr>
270 
-							<tr>
271 
-								<td colspan="2">合計</td>
272 
-								<td style="text-align: right">322.00</td>
273 
-								<td colspan="2">合計</td>
274 
-								<td style="text-align: right">254</td>
275 
-							</tr>
276 
-							<tr>
277 
-								<td rowspan="2">北税<br />3-5</td>
278 
-								<td rowspan="2">450,000円<br />(50,000円)</td>
279 
-								<td style="text-align: left">高屋　字東野白　1241-5</td>
280 
-								<td>畑</td>
281 
-								<td style="text-align: right">107.00</td>
282 
-								<td style="text-align: right">46</td>
283 
-								<td style="text-align: right">2</td>
284 
-								<td style="text-align: right">91</td>
285 
-							</tr>
286 
-							<tr>
287 
-								<td colspan="2">合計</td>
288 
-								<td style="text-align: right">107.00</td>
289 
-								<td colspan="2">合計</td>
290 
-								<td style="text-align: right">91</td>
291 
-							</tr>
292 
-						</table>
315 
+						<div class="scroll_table">
316 
+							<table style="text-align: center" width="100%" id="infokitagata" cellspacing="1" cellpadding="3"
317 
+								   border="1">
318 
+								<tr>
319 
+									<td rowspan="2">公売<br />区分<br />番号</td>
320 
+									<td rowspan="2">見積価格<br />(公売保証金)</td>
321 
+									<td colspan="3">従前の土地(登記簿上)</td>
322 
+									<td colspan="3">仮換地</td>
323 
+								</tr>
324 
+								<tr>
325 
+									<td>従前の地番</td>
326 
+									<td>地目</td>
327 
+									<td>公募<br />地積m<sup>2</sup></td>
328 
+									<td>街<br />区</td>
329 
+									<td>画<br />地</td>
330 
+									<td>地積m<sup>2</sup></td>
331 
+								</tr>
332 
+								<tr>
333 
+									<td rowspan="5">北税<br />3-1</td>
334 
+									<td rowspan="5">6,000,000円<br />(600,000円)</td>
335 
+									<td style="text-align: left">高屋　字井之上　1271-1</td>
336 
+									<td>畑</td>
337 
+									<td style="text-align: right">89.00</td>
338 
+									<td rowspan="3" style="text-align: right">27</td>
339 
+									<td rowspan="3" style="text-align: right">1</td>
340 
+									<td rowspan="3" style="text-align: right">203</td>
341 
+								</tr>
342 
+								<tr>
343 
+									<td style="text-align: left">高屋　字井之上　1271-2</td>
344 
+									<td>畑</td>
345 
+									<td style="text-align: right">72.00</td>
346 
+								</tr>
347 
+								<tr>
348 
+									<td style="text-align: left">高屋　字井之上　1273-1</td>
349 
+									<td>原野</td>
350 
+									<td style="text-align: right">95.00</td>
351 
+								</tr>
352 
+								<tr>
353 
+									<td style="text-align: left">高屋　字井之上　1272-3</td>
354 
+									<td>原野</td>
355 
+									<td style="text-align: right">66.00</td>
356 
+									<td style="text-align: right">27</td>
357 
+									<td style="text-align: right">15</td>
358 
+									<td style="text-align: right">51</td>
359 
+								</tr>
360 
+								<tr>
361 
+									<td colspan="2">合計</td>
362 
+									<td style="text-align: right">322.00</td>
363 
+									<td colspan="2">合計</td>
364 
+									<td style="text-align: right">254</td>
365 
+								</tr>
366 
+								<tr>
367 
+									<td rowspan="2">北税<br />3-5</td>
368 
+									<td rowspan="2">450,000円<br />(50,000円)</td>
369 
+									<td style="text-align: left">高屋　字東野白　1241-5</td>
370 
+									<td>畑</td>
371 
+									<td style="text-align: right">107.00</td>
372 
+									<td style="text-align: right">46</td>
373 
+									<td style="text-align: right">2</td>
374 
+									<td style="text-align: right">91</td>
375 
+								</tr>
376 
+								<tr>
377 
+									<td colspan="2">合計</td>
378 
+									<td style="text-align: right">107.00</td>
379 
+									<td colspan="2">合計</td>
380 
+									<td style="text-align: right">91</td>
381 
+								</tr>
382 
+							</table>
383 
+						</div>
293 384 
 						【注意事項】<br />
294 385 
 						１．公売財産は、売却区分ごとで全件一括での公売となります。<br />
295 386 
 						２．公売財産は、「北方町高屋西部土地区画整理事業」内にある仮換地物件です。 あらかじめ、 公売財産の現況・関係公簿等を確認したうえで入札してください。<br />
 
@@ -337,23 +428,23 @@
337 428 
 						　共同入札で入札される場合、共同入札代表者の印 (認印可)<br />
338 429 
 						<br />
339 430 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_4_1.pdf"
340 
-							target="_blank">委任状
431 
+						   target="_blank">委任状
341 432 
 							様式(PDFファイル:238KB)</a><br />
342 433 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_4_2.pdf"
343 
-							target="_blank">委任状
434 
+						   target="_blank">委任状
344 435 
 							記載例(PDFファイル366:KB)</a><br />
345 436
346 437 
 						○共同入札代表者届出書
347 438 
 						共同入札をする場合は、「共同入札代表者届出書」が必要です。なお、法人の代表権限を有しない方
348 439 
 						(従業員など)がその法人のために入札手続を行う場合にも、代理権限を証する委任状が必要です。<br />
349 440 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_5_1.pdf"
350 
-							target="_blank">共同入札代表者届出書 様式 (PDFファイル: 315KB)</a><br />
441 
+						   target="_blank">共同入札代表者届出書 様式 (PDFファイル: 315KB)</a><br />
351 442 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_5_2.pdf"
352 
-							target="_blank">共同入札代表者届出書 記載例 (PDFファイル: 410KB)</a><br />
443 
+						   target="_blank">共同入札代表者届出書 記載例 (PDFファイル: 410KB)</a><br />
353 444 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_5_3.pdf"
354 
-							target="_blank">共同入札代表者届出書 別紙様式 (PDFファイル: 278KB)</a><br />
445 
+						   target="_blank">共同入札代表者届出書 別紙様式 (PDFファイル: 278KB)</a><br />
355 446 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_5_4.pdf"
356 
-							target="_blank">共同入札代表者届出書 別紙記載例 (PDFファイル: 355KB)</a><br />
447 
+						   target="_blank">共同入札代表者届出書 別紙記載例 (PDFファイル: 355KB)</a><br />
357 448
358 449 
 						<br />
359 450 
 						○陳述書<br />
 
@@ -365,27 +456,27 @@
365 456 
 						<br />
366 457 
 						<br />
367 458 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_1.pdf"
368 
-							target="_blank">陳述書（個人用）様式 (PDFファイル： 384KB)</a><br />
459 
+						   target="_blank">陳述書（個人用）様式 (PDFファイル： 384KB)</a><br />
369 460 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_2.pdf"
370 
-							target="_blank">陳述書（個人用）記載例 (PDFファイル： 535KB)</a><br />
461 
+						   target="_blank">陳述書（個人用）記載例 (PDFファイル： 535KB)</a><br />
371 462 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_3.pdf"
372 
-							target="_blank">陳述書（法人用）様式 (PDFファイル： 421KB)</a><br />
463 
+						   target="_blank">陳述書（法人用）様式 (PDFファイル： 421KB)</a><br />
373 464 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_4.pdf"
374 
-							target="_blank">陳述書（法人用）記載例(PDFファイル： 585KB)</a><br />
465 
+						   target="_blank">陳述書（法人用）記載例(PDFファイル： 585KB)</a><br />
375 466 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_5.pdf"
376 
-							target="_blank">陳述書（法人用）別紙（入札者(買受申込者)である法人の役員に関する事項）様式 (PDFファイル： 339KB)</a><br />
467 
+						   target="_blank">陳述書（法人用）別紙（入札者(買受申込者)である法人の役員に関する事項）様式 (PDFファイル： 339KB)</a><br />
377 468 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_6.pdf"
378 
-							target="_blank">陳述書（法人用）別紙（入札者(買受申込者)である法人の役員に関する事項）記載例 (PDFファイル： 490KB)</a><br />
469 
+						   target="_blank">陳述書（法人用）別紙（入札者(買受申込者)である法人の役員に関する事項）記載例 (PDFファイル： 490KB)</a><br />
379 470 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_7.pdf"
380 
-							target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者に関する事項）様式(PDFファイル： 296KB)</a><br />
471 
+						   target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者に関する事項）様式(PDFファイル： 296KB)</a><br />
381 472 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_8.pdf"
382 
-							target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者に関する事項）記載例（個人の場合）(PDFファイル： 359KB)</a><br />
473 
+						   target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者に関する事項）記載例（個人の場合）(PDFファイル： 359KB)</a><br />
383 474 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_9.pdf"
384 
-							target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者に関する事項）記載例（法人の場合）(PDFファイル： 394KB)</a><br />
475 
+						   target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者に関する事項）記載例（法人の場合）(PDFファイル： 394KB)</a><br />
385 476 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_10.pdf"
386 
-							target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者（法人）の役員に関する事項）様式 (PDFファイル： 344KB)</a><br />
477 
+						   target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者（法人）の役員に関する事項）様式 (PDFファイル： 344KB)</a><br />
387 478 
 						<a href="../../fourth/Public_sale_information/Real_estate_public_sale_r40301_6_11.pdf"
388 
-							target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者（法人）の役員に関する事項）記載例 (PDFファイル： 470KB)</a><br />
479 
+						   target="_blank">陳述書別紙（自己の計算において入札等をさせようとする者（法人）の役員に関する事項）記載例 (PDFファイル： 470KB)</a><br />
389 480 
 						<br />
390 481 
 						○買受適格証明書<br />
391 482 
 						　入札には、北方町農業委員会が発行する「買受適格証明書」が必要です。「買受適格証明書」の発行手続きについては、北方町農業委員会(北方町役場都市環境課058-323-1114)にお問い合せください。<br />
 
@@ -415,13 +506,31 @@
415 506 
 			</section>
416 507 
 		</div>
417 508
418 
-		<footer>
419 
-			<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
420 
-			<p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
421 
-					href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
422 
-					href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
423 
-		</footer>
424 509
510 
+	<footer>
511 
+		<img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
512 
+		<div class="footer_mobile">
513 
+			<div class="footer_mobile_title">
514 
+				<img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
515 
+				<h1 class="footerMobile__text">北方町役場</h1>
516 
+			</div>
517 
+			<div class="footer_mobile_address">
518 
+                <span class="footerTextWrap__text">
519 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
520 
+                </span><br>
521 
+				電話:058-323-1111(代)<br>
522 
+				FAX:058-323-2963<br>
523 
+				開庁日：8時30分～17時15分<br>
524 
+				（土・日・祝日、年末年始を除く）<br>
525 
+			</div>
526 
+		</div>
527 
+		<br class="sp__brDisplay">
528 
+		<p class="footer_text">
529 
+			<a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
530 
+			<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
531 
+			<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
532 
+		</p>
533 
+	</footer>
425 534
426 535 
 	</div>
427 536 
 	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Public_sale_information"

+ 383
- 220
fourth/Vaccination/adult_vaccination.html Ver fichero 

@@ -1,50 +1,200 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <link rel="stylesheet" href="../../css/base.css">
8 
-    <link rel="stylesheet" href="../../css/second_header.css">
9 
-    <link rel="stylesheet" href="../../css/footer.css">
10 
-    <link rel="stylesheet" href="../../css/section.css">
11 
-    <link rel="stylesheet" href="../../css/third_template.css">
12 
-    <link rel="stylesheet" href="../../css/table.css">
13 
-    <script src="../../js/operation.js"></script>
14 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
7 
+  <link rel="stylesheet" href="../../css/base.css">
8 
+  <link rel="stylesheet" href="../../css/second_header.css">
9 
+  <link rel="stylesheet" href="../../css/footer.css">
10 
+  <link rel="stylesheet" href="../../css/section.css">
11 
+  <link rel="stylesheet" href="../../css/third_template.css">
12 
+  <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground3(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground3(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground3(3)">
40 
-                    </div>
41 
-                    <script>
42 
-                        getBackgNumber3();
43 
-                    </script>
44 
-                </article>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+<div id="main" class="gothic">
35 
+  <!-- mobile header -->
36 
+  <header class="header">
37 
+    <div class="headerLogo">
38 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
39 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
40 
+    </div>
41 
+    <div class="headerTitle">
42 
+      <a href="../../index.html" class="header_link">
43 
+        <h1 class="headerTitle__text">北方町</h1>
44 
+      </a>
45 
+    </div>
46 
+    <div class="headerSubTitle">
47 
+      <a href="../../index.html" class="header_link">
48 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
49 
+      </a>
50 
+    </div>
51 
+    <div id="h-menu">
52 
+      <span></span>
53 
+      <span></span>
54 
+      <span></span>
55 
+      <div id="h-text">menu</div>
56 
+    </div>
57 
+    <div id="h-nav">
58 
+      <div class="h-menu_main_block_top">
59 
+        <div class="h-menu_main_block">
60 
+          <div class="h-menu_block">
61 
+            <a href="../../second/living.html">
62 
+              <div class="h-menu_block_text h-menu_block_before">
63 
+                <div class="h-menu_block_text_center">くらしの情報</div>
64 
+              </div>
65 
+            </a>
66 
+          </div>
67 
+        </div>
68 
+        <div class="h-menu_main_block">
69 
+          <div class="h-menu_block">
70 
+            <a href="../../second/tourism.html">
71 
+              <div class="h-menu_block_text h-menu_block_before">
72 
+                <div class="h-menu_block_text_center">
73 
+                  観光
74 
+                </div>
75 
+              </div>
76 
+            </a>
77 
+          </div>
78 
+        </div>
79 
+        <div class="h-menu_main_block">
80 
+          <div class="h-menu_block">
81 
+            <a href="../../second/business.html">
82 
+              <div class="h-menu_block_text h-menu_block_before">
83 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
84 
+              </div>
85 
+            </a>
86 
+          </div>
87 
+        </div>
88 
+        <div class="h-menu_main_block">
89 
+          <div class="h-menu_block">
90 
+            <a href="../../second/town_admini_info.html">
91 
+              <div class="h-menu_block_text h-menu_block_before">
92 
+                <div class="h-menu_block_text_center">町政情報</div>
93 
+              </div>
94 
+            </a>
95 
+          </div>
96 
+        </div>
97 
+        <div class="h-menu_main_block">
98 
+          <div class="h-menu_block h-menu_block_before">
99 
+            <a href="../../second/sitemap.html">
100 
+              <div class="h-menu_block_text h-menu_block_before">
101 
+                <div class="h-menu_block_text_center">
102 
+                  サイトマップ
103 
+                </div>
104 
+              </div>
105 
+            </a>
106 
+          </div>
107 
+        </div>
108 
+        <div class="h-menu_main_block">
109 
+          <div class="h-menu_block h-menu_block_before">
110 
+            <a href="https://ai-staff.net/kitagata/chat">
111 
+              <div class="h-menu_block_text  h-menu_block_before">
112 
+                <div class="h-menu_block_text_center">
113 
+                  AIチャット
114 
+                </div>
115 
+              </div>
116 
+            </a>
117 
+          </div>
118 
+        </div>
119 
+        <div class="h-menu_main_block">
120 
+          <div class="h-menu_block h-menu_block_before">
121 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
122 
+              <div class="h-menu_block_text">
123 
+                <div class="h-menu_block_text_center">
124 
+                  お問い合わせ一覧
125 
+                </div>
126 
+              </div>
127 
+            </a>
128 
+          </div>
129 
+        </div>
130 
+        <div class="h-menu_main_block">
131 
+          <div class="h-menu_lang">
132 
+            <div class="h-menu_block_lang">
133 
+              <div class="h-menu_block_text_center">
134 
+                <div class="h-menu_block_text_line">
135 
+                  背景変更
136 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
137 
+                  </div>
138 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
139 
+                  </div>
140 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
141 
+                  </div>
142 
+                </div>
143 
+                <script>
144 
+                    getBackgNumber2();
145 
+                </script>
146 
+                <div class="h-menu_block_text_line">言語選択
147 
+                  <div class="mobile_translation">
148 
+                    <div id="google_translate_element"></div>
149 
+                  </div>
150 
+                </div>
151 
+              </div>
152 
+            </div>
153 
+          </div>
154 
+        </div>
155 
+        <div class="h-menu_main_block">
156 
+          <div class="h-menu_search">
157 
+            <div class="h-menu_block_search">
158 
+              <form action="https://www.google.com/search">
159 
+                <input type="hidden" name="hl" value="ja"/>
160 
+                <input type="hidden" name="ie" value="UTF-8">
161 
+                <input type="hidden" name="oe" value="UTF-8">
162 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
163 
+                <input type="text" name="q" size="16" maxlength="256" value=""
164 
+                       class="mobile_form_input"/>
165 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
166 
+              </form>
167 
+            </div>
168 
+          </div>
169 
+        </div>
170 
+      </div>
171 
+    </div>
172 
+  </header>
45 173
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
174 
+  <!--セクション 操作-->
175 
+  <section id="operation">
176 
+    <!--セクション 住所-->
177 
+    <article id="address">
178 
+      <address id="operation_add">
179 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
180 
+      </address>
181 
+    </article>
182 
+    <div id="controle_panel">
183 
+      <!--セクション 背景色-->
184 
+      <article id="bgcolor">
185 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
186 
+        <div id="bgcolor_img">
187 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
188 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
189 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
190 
+        </div>
191 
+        <script>
192 
+            getBackgNumber3();
193 
+        </script>
194 
+      </article>
195 
+
196 
+      <!--セクション 文字サイズ-->
197 
+      <!--<article id="charsize" >
48 198 
       <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 199 
       <div id="charsize_img">
50 200 
       <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -53,194 +203,207 @@
53 203 
       </div>
54 204 
       </article>-->
55 205
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                alt="サイトマップ" /></a>
61 
-                    </div>
62 
-                </article>
63 
-                <!--セクション お問い合わせ-->
64 
-                <article id="contact">
65 
-                    <div id="contact_img">
66 
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
67 
-                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
68 
-                    </div>
69 
-                </article>
70 
-                <!--セクション 翻訳-->
71 
-                <article id="translation">
72 
-                    <div id="translation_img">
73 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-                        <div id="google_translate_element"></div>
75 
-                        <script type="text/javascript">
76 
-                            function googleTranslateElementInit() {
77 
-                                new google.translate.TranslateElement({
78 
-                                    pageLanguage: 'ja',
79 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-                                }, 'google_translate_element');
81 
-                            }
82 
-                        </script>
83 
-                        <script type="text/javascript"
84 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 
-                    </div>
86 
-                </article>
87 
-                <div id="claer">
88 
-                </div>
89 
-            </div>
90 
-        </section>
206 
+      <!--セクション サイトマップ-->
207 
+      <article id="sitemap">
208 
+        <div id="sitemap_img">
209 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
210 
+        </div>
211 
+      </article>
212 
+      <!--セクション お問い合わせ-->
213 
+      <article id="contact">
214 
+        <div id="contact_img">
215 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
216 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
217 
+        </div>
218 
+      </article>
219 
+      <!--セクション 翻訳-->
220 
+      <article id="translation">
221 
+        <div id="translation_img">
222 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
223 
+          <div id="google_translate_element"></div>
224 
+          <script type="text/javascript">
225 
+              function googleTranslateElementInit() {
226 
+                  new google.translate.TranslateElement({
227 
+                      pageLanguage: 'ja',
228 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
229 
+                  }, 'google_translate_element');
230 
+              }
231 
+          </script>
232 
+          <script type="text/javascript"
233 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
234 
+        </div>
235 
+      </article>
236 
+      <div id="claer">
237 
+      </div>
238 
+    </div>
239 
+  </section>
91 240
92 
-        <!--ヘッダーデータ-->
93 
-        <header>
94 
-            <div id="header" class="gothic">
95 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                        height="260px" /></a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
99 
-                    </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-                    </article>
106 
-                    <article class="h_text_l">
107 
-                        <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
108 
-                    </article>
109 
-                    <article class="h_text_l">
110 
-                        <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
111 
-                    </article>
112 
-                </div>
113 
-                <div id="h_block_search">
114 
-                    <div class="h_line"></div>
115 
-                    <article class="h_search">
116 
-                        <div class="space10"></div>
117 
-                        <form action="http://www.google.com/search">
118 
-                            <input type="hidden" name="hl" value="ja" />
119 
-                            <input type="hidden" name="ie" value="UTF-8">
120 
-                            <input type="hidden" name="oe" value="UTF-8">
121 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
122 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
123 
-                            <input type="submit" name="btnG" value="検索" />
124 
-                        </form>
125 
-                    </article>
126 
-                </div>
127 
-            </div>
128 
-        </header>
241 
+  <!--ヘッダーデータ-->
242 
+  <header>
243 
+    <div id="header" class="gothic">
244 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
245 
+      <div id="h_block_1">
246 
+        <div class="h_line">
247 
+        </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
256 
+        </article>
257 
+        <article class="h_text_l">
258 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
259 
+        </article>
260 
+      </div>
261 
+      <div id="h_block_search">
262 
+        <div class="h_line"></div>
263 
+        <article class="h_search">
264 
+          <div class="space10"></div>
265 
+          <form action="http://www.google.com/search">
266 
+            <input type="hidden" name="hl" value="ja"/>
267 
+            <input type="hidden" name="ie" value="UTF-8">
268 
+            <input type="hidden" name="oe" value="UTF-8">
269 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
270 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
271 
+            <input type="submit" name="btnG" value="検索"/>
272 
+          </form>
273 
+        </article>
274 
+      </div>
275 
+    </div>
276 
+  </header>
129 277
130 
-        <div id="third_body">
131 
-            <!--セクション space-->
278 
+  <div id="third_body">
279 
+    <!--セクション space-->
132 280
133 
-            <!--セクション template-->
134 
-            <section id="template">
135 
-                <article id="breadcrumb">
136 
-                    <div id="breadcrumb_title">
137 
-                        <div id="breadcrumb_title_block">
138 
-                            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
139 
-                                    href="../../second/living.html">くらしの情報</a>><a
140 
-                                    href="../../second/Health.html">健康・予防</a>>
141 
-                                <a href="../../third/living/Vaccination.html">予防接種</a>>
142 
-                                成人の予防接種
143 
-                            </span>
144 
-                        </div>
145 
-                    </div>
146 
-                </article>
281 
+    <!--セクション template-->
282 
+    <section id="template">
283 
+      <article id="breadcrumb">
284 
+        <div id="breadcrumb_title">
285 
+          <div id="breadcrumb_title_block">
286 
+              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
287 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Health.html">健康・予防</a>>
288 
+                <a href="../../third/living/Vaccination.html">予防接種</a>>
289 
+                  成人の予防接種
290 
+              </span>
291 
+          </div>
292 
+        </div>
293 
+      </article>
147 294
148 
-                <article id="template">
149 
-                    <div id="template_title" class="gothic">
150 
-                        <div id="template_title_block">
151 
-                            <span id="template_title">成人の予防接種</span>
152 
-                        </div>
153 
-                    </div>
154 
-                </article>
155 
-                <!--年齢について====================================================================================================================================================================-->
295 
+      <article id="template">
296 
+        <div id="template_title" class="gothic">
297 
+          <div id="template_title_block">
298 
+            <span id="template_title">成人の予防接種</span>
299 
+          </div>
300 
+        </div>
301 
+      </article>
302 
+      <!--年齢について====================================================================================================================================================================-->
156 303
157 
-                <article id="template_list_title">
158 
-                    <div id="template_title2" class="gothic">
159 
-                        <div id="template_title_block">
160 
-                            <span id="template_title2">風しん第５期予防接種</span>
161 
-                        </div>
162 
-                    </div>
163 
-                    <span id="template_article_block">
164 
-                        <p class="paragraphT10">対象者：１９６２（昭和３７）年４月２日～１９７９（昭和５４）年４月１日生まれの男性<br />
165 
-                            内　容：風しんの抗体検査および予防接種<br />
166 
-                            料　金：無料<br />
167 
-                            方　法：クーポンに従って検査を受けましょう。<br />
168 
-                            <sapn style="margin-left: 4rem;">※有効期限が、2020年３月から2022年2月までに延長されています。</sapn><br />
169 
-                            関連リンク<br />
170 
-                            　<a href="https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/kenkou_iryou/kenkou/kekkaku-kansenshou/rubella/index_00001.html"
171 
-                                target="_blank">風しん厚生労働省</a>　　　　<img src="../../css/img/Vaccination_QR_190328.jpg"
172 
-                                style="width: 90px;"><br />
173 
-                        </p>
174 
-                    </span>
175 
-                </article>
176 
-                <!--接種場所====================================================================================================================================================================-->
177 
-                <article id="template_list_title">
178 
-                    <div id="template_title2" class="gothic">
179 
-                        <div id="template_title_block">
180 
-                            <span id="template_title2">成人風しん予防接種事業</span>
181 
-                        </div>
182 
-                    </div>
183 
-                    <span id="template_article_block">
184 
-                        <p class="paragraphT10">
185 
-                            風しんの流行の抑制及び先天性風しん症候群（※）の発生予防のため、成人の風しん予防接種に対する助成を実施します。この予防接種は任意接種となります。<br />
186 
-                            　町内に住所を有する方で対象となる方は、町が接種費用を全額助成します。対象確認ができるもの（５．持ち物参照）をご持参のうえ、町内指定医療機関で接種してください。<br />
187 
-                            （※）妊娠中（特に妊娠初期）の女性が風しんに感染すると、生まれてくる赤ちゃんが心疾患や白内障、難聴などを主な症状とする先天性疾患にかかることがあります。<br />
188 
-                            <br />
189 
-                            <strong>１．助成対象</strong><br />
190 
-                            　接種日現在で町内に住民票のある方で、岐阜県の補助を受けて、または自費でおこなった風しん抗体検査において、風しんの抗体価（ＨＩ法）が１６倍以下（別の検査法で同程度を含む）のうち、次のいずれかに該当する方<span
191 
-                                style="border-bottom: solid 1px #ff0000;">（ただし、過去に風しんワクチン接種をうけた方、風しんにかかったことが明らかな方は除く）</span><br />
192 
-                            　１．妊娠を希望する女性<br />
193 
-                            　２．妊娠を希望する女性の夫又は同居者<br />
194 
-                            　３．風しんの抗体を十分に保有していない妊婦の夫又は同居者<br />
195 
-                            　※妊娠している女性は接種できません。またあらかじめ１か月間避妊した後で接種をする<br />
196 
-                            ことが必要です。また接種後２か月間は妊娠を避けることが必要です。<br />
197 
-                            <strong>２．自己負担</strong><br />
198 
-                            　無料（風しんワクチンまたは麻しん風しん混合ワクチン）<br />
199 
-                            　※風しん抗体検査費用は助成対象外です。県で実施している「岐阜県風しん抗体検査事業」をご確認ください。<br />
200 
-                            <strong>３．実施場所</strong><br />
201 
-                            　<a href="../../css/pdf/Vaccination_210927.pdf"
202 
-                                target="_blank">町内指定医療機関（ＰＤＦ）</a>　※必ず事前に予約をしてください。<br />
203 
-                            <strong>４．持ち物</strong><br />
204 
-                            　１．本人確認書類（運転免許証または健康保険証など）<br />
205 
-                            　２．風しん抗体検査の結果が分かるもの<br />
206 
-                            　３．妊婦の夫又は同居者は、妊婦の母子健康手帳及び風しん抗体検査の結果が分かるもの<br />
207 
-                            　※対象確認ができない場合は、助成が受けられないことがあります。その場合の接種費用は、全額自己負担となります。<br />
208 
-                            　※予診票は保健センター又は指定医療機関においてあります。<br />
209 
-                            <strong>５．<a href="../../css/pdf/Vaccination_6_190328.pdf"
210 
-                                    target="_blank">風しん予防接種説明文（ＰＤＦ）</a></strong><br />
211 
-                            関連リンク<br />
212 
-                            　<a href="https://www.pref.gifu.lg.jp/kodomo/kenko/kansensho/11223/fushin-koutai.html"
213 
-                                target="_blank">風しん抗体　岐阜県</a><br />
214 
-                        </p>
215 
-                    </span>
216 
-                </article>
304 
+      <article id="template_list_title">
305 
+        <div id="template_title2" class="gothic">
306 
+          <div id="template_title_block">
307 
+            <span id="template_title2">風しん第５期予防接種</span>
308 
+          </div>
309 
+        </div>
310 
+        <span id="template_article_block">
311 
+            <p class="paragraphT10">対象者：１９６２（昭和３７）年４月２日～１９７９（昭和５４）年４月１日生まれの男性<br/>
312 
+            内　容：風しんの抗体検査および予防接種<br/>
313 
+            料　金：無料<br/>
314 
+            方　法：クーポンに従って検査を受けましょう。<br/>
315 
+            <sapn style="margin-left: 4rem;">※有効期限が、2020年３月から2022年2月までに延長されています。</sapn><br/>
316 
+            関連リンク<br/>
317 
+            　<a href="https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/kenkou_iryou/kenkou/kekkaku-kansenshou/rubella/index_00001.html"
318 
+                      target="_blank">風しん厚生労働省</a>
319 
+                <img src="../../css/img/Vaccination_QR_190328.jpg" style="width: 90px;"><br/></p>
320 
+          </span>
321 
+      </article>
322 
+      <!--接種場所====================================================================================================================================================================-->
323 
+      <article id="template_list_title">
324 
+        <div id="template_title2" class="gothic">
325 
+          <div id="template_title_block">
326 
+            <span id="template_title2">成人風しん予防接種事業</span>
327 
+          </div>
328 
+        </div>
329 
+        <span id="template_article_block">
330 
+            <p class="paragraphT10">
331 
+              風しんの流行の抑制及び先天性風しん症候群（※）の発生予防のため、成人の風しん予防接種に対する助成を実施します。この予防接種は任意接種となります。<br/>
332 
+            　町内に住所を有する方で対象となる方は、町が接種費用を全額助成します。対象確認ができるもの（５．持ち物参照）をご持参のうえ、町内指定医療機関で接種してください。<br/>
333 
+            （※）妊娠中（特に妊娠初期）の女性が風しんに感染すると、生まれてくる赤ちゃんが心疾患や白内障、難聴などを主な症状とする先天性疾患にかかることがあります。<br/>
334 
+            <br/>
335 
+            <strong>１．助成対象</strong><br/>
336 
+            　接種日現在で町内に住民票のある方で、岐阜県の補助を受けて、または自費でおこなった風しん抗体検査において、風しんの抗体価（ＨＩ法）が１６倍以下（別の検査法で同程度を含む）のうち、次のいずれかに該当する方<span
337 
+                    style="border-bottom: solid 1px #ff0000;">（ただし、過去に風しんワクチン接種をうけた方、風しんにかかったことが明らかな方は除く）</span><br/>
338 
+            　１．妊娠を希望する女性<br/>
339 
+            　２．妊娠を希望する女性の夫又は同居者<br/>
340 
+            　３．風しんの抗体を十分に保有していない妊婦の夫又は同居者<br/>
341 
+            　※妊娠している女性は接種できません。またあらかじめ１か月間避妊した後で接種をする<br/>
342 
+            ことが必要です。また接種後２か月間は妊娠を避けることが必要です。<br/>
343 
+            <strong>２．自己負担</strong><br/>
344 
+            　無料（風しんワクチンまたは麻しん風しん混合ワクチン）<br/>
345 
+            　※風しん抗体検査費用は助成対象外です。県で実施している「岐阜県風しん抗体検査事業」をご確認ください。<br/>
346 
+            <strong>３．実施場所</strong><br/>
347 
+            　<a href="../../css/pdf/Vaccination_210927.pdf" target="_blank">町内指定医療機関（ＰＤＦ）</a>　※必ず事前に予約をしてください。<br/>
348 
+            <strong>４．持ち物</strong><br/>
349 
+            　１．本人確認書類（運転免許証または健康保険証など）<br/>
350 
+            　２．風しん抗体検査の結果が分かるもの<br/>
351 
+            　３．妊婦の夫又は同居者は、妊婦の母子健康手帳及び風しん抗体検査の結果が分かるもの<br/>
352 
+            　※対象確認ができない場合は、助成が受けられないことがあります。その場合の接種費用は、全額自己負担となります。<br/>
353 
+            　※予診票は保健センター又は指定医療機関においてあります。<br/>
354 
+            <strong>５．<a href="../../css/pdf/Vaccination_6_190328.pdf"
355 
+                         target="_blank">風しん予防接種説明文（ＰＤＦ）</a></strong><br/>
356 
+            関連リンク<br/>
357 
+            　<a href="https://www.pref.gifu.lg.jp/kodomo/kenko/kansensho/11223/fushin-koutai.html"
358 
+                target="_blank">風しん抗体　岐阜県</a><br/>
359 
+            </p>
360 
+          </span>
361 
+      </article>
217 362
218 
-                <article id="template_list_title">
219 
-                    <div id="template_title2" class="gothic">
220 
-                        <div id="template_title_block">
221 
-                            <span id="template_title2">お問い合わせ</span>
222 
-                        </div>
223 
-                    </div>
224 
-                    <span id="template_article_block">
225 
-                        保健センター<br />
226 
-                        Tel 058-323-7600<br />
227 
-                        <a href="../../second/Inquiry_form_hoken.html">お問い合わせフォーム</a>
228 
-                    </span>
229 
-                </article>
230 
-            </section>
363 
+      <article id="template_list_title">
364 
+        <div id="template_title2" class="gothic">
365 
+          <div id="template_title_block">
366 
+            <span id="template_title2">お問い合わせ</span>
367 
+          </div>
231 368 
         </div>
369 
+        <span id="template_article_block">
370 
+            保健センター<br/>
371 
+            Tel 058-323-7600<br/>
372 
+            <a href="../../second/Inquiry_form_hoken.html">お問い合わせフォーム</a>
373 
+          </span>
374 
+      </article>
375 
+    </section>
376 
+  </div>
232 377
233 
-        <footer>
234 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
235 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
236 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
237 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
238 
-        </footer>
378 
+  <footer>
379 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
380 
+    <div class="footer_mobile">
381 
+      <div class="footer_mobile_title">
382 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
383 
+        <h1 class="footerMobile__text">北方町役場</h1>
384 
+      </div>
385 
+      <div class="footer_mobile_address">
386 
+                <span class="footerTextWrap__text">
387 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
388 
+                </span><br>
389 
+        電話:058-323-1111(代)<br>
390 
+        FAX:058-323-2963<br>
391 
+        開庁日：8時30分～17時15分<br>
392 
+        （土・日・祝日、年末年始を除く）<br>
393 
+      </div>
394 
+    </div>
395 
+    <br class="sp__brDisplay">
396 
+    <p class="footer_text">
397 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
398 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
399 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
400 
+    </p>
401 
+  </footer>
239 402
240 403
241 
-    </div>
242 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
243 
-        height="1" width="1" />
404 
+</div>
405 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
406 
+     height="1" width="1"/>
244 407 
 </body>
245 408
246 
-</html>
409 
+</html>

+ 498
- 327
fourth/Vaccination/child_vaccination.html Ver fichero 

@@ -1,457 +1,628 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>北方町ホームページ</title>
7 
-  <link rel="stylesheet" href="../../css/base.css">
8 
-  <link rel="stylesheet" href="../../css/second_header.css">
9 
-  <link rel="stylesheet" href="../../css/footer.css">
10 
-  <link rel="stylesheet" href="../../css/section.css">
11 
-  <link rel="stylesheet" href="../../css/third_template.css">
12 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <script src="../../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
7 
+    <link rel="stylesheet" href="../../css/base.css">
8 
+    <link rel="stylesheet" href="../../css/second_header.css">
9 
+    <link rel="stylesheet" href="../../css/footer.css">
10 
+    <link rel="stylesheet" href="../../css/section.css">
11 
+    <link rel="stylesheet" href="../../css/third_template.css">
12 
+    <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 21 
 </head>
17 22
18 23 
 <body id="back">
19 
-  <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+<div id="main" class="gothic">
35 
+    <!-- mobile header -->
36 
+    <header class="header">
37 
+        <div class="headerLogo">
38 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
39 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
40 
+        </div>
41 
+        <div class="headerTitle">
42 
+            <a href="../../index.html" class="header_link">
43 
+                <h1 class="headerTitle__text">北方町</h1>
44 
+            </a>
45 
+        </div>
46 
+        <div class="headerSubTitle">
47 
+            <a href="../../index.html" class="header_link">
48 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
49 
+            </a>
50 
+        </div>
51 
+        <div id="h-menu">
52 
+            <span></span>
53 
+            <span></span>
54 
+            <span></span>
55 
+            <div id="h-text">menu</div>
56 
+        </div>
57 
+        <div id="h-nav">
58 
+            <div class="h-menu_main_block_top">
59 
+                <div class="h-menu_main_block">
60 
+                    <div class="h-menu_block">
61 
+                        <a href="../../second/living.html">
62 
+                            <div class="h-menu_block_text h-menu_block_before">
63 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
64 
+                            </div>
65 
+                        </a>
66 
+                    </div>
67 
+                </div>
68 
+                <div class="h-menu_main_block">
69 
+                    <div class="h-menu_block">
70 
+                        <a href="../../second/tourism.html">
71 
+                            <div class="h-menu_block_text h-menu_block_before">
72 
+                                <div class="h-menu_block_text_center">
73 
+                                    観光
74 
+                                </div>
75 
+                            </div>
76 
+                        </a>
77 
+                    </div>
78 
+                </div>
79 
+                <div class="h-menu_main_block">
80 
+                    <div class="h-menu_block">
81 
+                        <a href="../../second/business.html">
82 
+                            <div class="h-menu_block_text h-menu_block_before">
83 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
84 
+                            </div>
85 
+                        </a>
86 
+                    </div>
87 
+                </div>
88 
+                <div class="h-menu_main_block">
89 
+                    <div class="h-menu_block">
90 
+                        <a href="../../second/town_admini_info.html">
91 
+                            <div class="h-menu_block_text h-menu_block_before">
92 
+                                <div class="h-menu_block_text_center">町政情報</div>
93 
+                            </div>
94 
+                        </a>
95 
+                    </div>
96 
+                </div>
97 
+                <div class="h-menu_main_block">
98 
+                    <div class="h-menu_block h-menu_block_before">
99 
+                        <a href="../../second/sitemap.html">
100 
+                            <div class="h-menu_block_text h-menu_block_before">
101 
+                                <div class="h-menu_block_text_center">
102 
+                                    サイトマップ
103 
+                                </div>
104 
+                            </div>
105 
+                        </a>
106 
+                    </div>
107 
+                </div>
108 
+                <div class="h-menu_main_block">
109 
+                    <div class="h-menu_block h-menu_block_before">
110 
+                        <a href="https://ai-staff.net/kitagata/chat">
111 
+                            <div class="h-menu_block_text  h-menu_block_before">
112 
+                                <div class="h-menu_block_text_center">
113 
+                                    AIチャット
114 
+                                </div>
115 
+                            </div>
116 
+                        </a>
117 
+                    </div>
118 
+                </div>
119 
+                <div class="h-menu_main_block">
120 
+                    <div class="h-menu_block h-menu_block_before">
121 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
122 
+                            <div class="h-menu_block_text">
123 
+                                <div class="h-menu_block_text_center">
124 
+                                    お問い合わせ一覧
125 
+                                </div>
126 
+                            </div>
127 
+                        </a>
128 
+                    </div>
129 
+                </div>
130 
+                <div class="h-menu_main_block">
131 
+                    <div class="h-menu_lang">
132 
+                        <div class="h-menu_block_lang">
133 
+                            <div class="h-menu_block_text_center">
134 
+                                <div class="h-menu_block_text_line">
135 
+                                    背景変更
136 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
137 
+                                    </div>
138 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
139 
+                                    </div>
140 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
141 
+                                    </div>
142 
+                                </div>
143 
+                                <script>
144 
+                                    getBackgNumber2();
145 
+                                </script>
146 
+                                <div class="h-menu_block_text_line">言語選択
147 
+                                    <div class="mobile_translation">
148 
+                                        <div id="google_translate_element"></div>
149 
+                                    </div>
150 
+                                </div>
151 
+                            </div>
152 
+                        </div>
153 
+                    </div>
154 
+                </div>
155 
+                <div class="h-menu_main_block">
156 
+                    <div class="h-menu_search">
157 
+                        <div class="h-menu_block_search">
158 
+                            <form action="https://www.google.com/search">
159 
+                                <input type="hidden" name="hl" value="ja"/>
160 
+                                <input type="hidden" name="ie" value="UTF-8">
161 
+                                <input type="hidden" name="oe" value="UTF-8">
162 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
163 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
164 
+                                       class="mobile_form_input"/>
165 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
166 
+                            </form>
167 
+                        </div>
168 
+                    </div>
169 
+                </div>
170 
+            </div>
171 
+        </div>
172 
+    </header>
173 
+
174 
+  <!--セクション 操作-->
175 
+  <section id="operation">
176 
+    <!--セクション 住所-->
177 
+    <article id="address">
178 
+      <address id="operation_add">
179 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
180 
+      </address>
181 
+    </article>
182 
+    <div id="controle_panel">
183 
+      <!--セクション 背景色-->
184 
+      <article id="bgcolor">
185 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
186 
+        <div id="bgcolor_img">
187 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
188 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
189 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
190 
+        </div>
191 
+        <script>
38 192 
             getBackgNumber3();
39 
-          </script>
40 
-        </article>
193 
+        </script>
194 
+      </article>
41 195
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
196 
+      <!--セクション 文字サイズ-->
197 
+      <!--<article id="charsize" >
198 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
199 
+      <div id="charsize_img">
200 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
201 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
202 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
203 
+      </div>
204 
+      </article>-->
51 205
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
206 
+      <!--セクション サイトマップ-->
207 
+      <article id="sitemap">
208 
+        <div id="sitemap_img">
209 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
210 
+        </div>
211 
+      </article>
212 
+      <!--セクション お問い合わせ-->
213 
+      <article id="contact">
214 
+        <div id="contact_img">
215 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
216 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
217 
+        </div>
218 
+      </article>
219 
+      <!--セクション 翻訳-->
220 
+      <article id="translation">
221 
+        <div id="translation_img">
222 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
223 
+          <div id="google_translate_element"></div>
224 
+          <script type="text/javascript">
71 225 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
226 
+                  new google.translate.TranslateElement({
227 
+                      pageLanguage: 'ja',
228 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
229 
+                  }, 'google_translate_element');
76 230 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
231 
+          </script>
232 
+          <script type="text/javascript"
233 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 234 
         </div>
235 
+      </article>
236 
+      <div id="claer">
84 237 
       </div>
85 
-    </section>
238 
+    </div>
239 
+  </section>
86 240
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
241 
+  <!--ヘッダーデータ-->
242 
+  <header>
243 
+    <div id="header" class="gothic">
244 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
245 
+      <div id="h_block_1">
246 
+        <div class="h_line">
120 247 
         </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
256 
+        </article>
257 
+        <article class="h_text_l">
258 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
259 
+        </article>
121 260 
       </div>
122 
-    </header>
261 
+      <div id="h_block_search">
262 
+        <div class="h_line"></div>
263 
+        <article class="h_search">
264 
+          <div class="space10"></div>
265 
+          <form action="http://www.google.com/search">
266 
+            <input type="hidden" name="hl" value="ja"/>
267 
+            <input type="hidden" name="ie" value="UTF-8">
268 
+            <input type="hidden" name="oe" value="UTF-8">
269 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
270 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
271 
+            <input type="submit" name="btnG" value="検索"/>
272 
+          </form>
273 
+        </article>
274 
+      </div>
275 
+    </div>
276 
+  </header>
123 277
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
278 
+  <div id="third_body">
279 
+        <!--セクション space-->
126 280
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
281 
+        <!--セクション template-->
282 
+        <section id="template">
283 
+            <article id="breadcrumb">
284 
+                <div id="breadcrumb_title">
285 
+                    <div id="breadcrumb_title_block">
132 286 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Health.html">健康・予防</a>>
287 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Health.html">健康・予防</a>>
134 288 
                 <a href="../../third/living/Vaccination.html">予防接種</a>>
135 
-                子どもの予防接種
289 
+                  子どもの予防接種
136 290 
               </span>
137 
-            </div>
138 
-          </div>
139 
-        </article>
291 
+                    </div>
292 
+                </div>
293 
+            </article>
140 294
141 
-        <article id="template">
142 
-          <div id="template_title" class="gothic">
143 
-            <div id="template_title_block">
144 
-              <span id="template_title">予防接種</span>
145 
-            </div>
146 
-          </div>
147 
-          <span id="template_article_block">
295 
+            <article id="template">
296 
+                <div id="template_title" class="gothic">
297 
+                    <div id="template_title_block">
298 
+                        <span id="template_title">予防接種</span>
299 
+                    </div>
300 
+                </div>
301 
+                <span id="template_article_block">
148 302 
             ・詳しくは赤ちゃん訪問でお渡しする予防接種ガイドをご覧いただき、医師にご相談の上、接種してください。
149 303 
           </span>
150 
-        </article>
151 
-        <!--年齢について====================================================================================================================================================================-->
304 
+            </article>
305 
+            <!--年齢について====================================================================================================================================================================-->
152 306
153 
-        <article id="template_list_title">
154 
-          <div id="template_title2" class="gothic">
155 
-            <div id="template_title_block">
156 
-              <span id="template_title2">年齢について</span>
157 
-            </div>
158 
-          </div>
159 
-          <span id="template_article_block">
160 
-            <p class="paragraphT10"><strong>◇標準的な接種年齢</strong><br />
307 
+            <article id="template_list_title">
308 
+                <div id="template_title2" class="gothic">
309 
+                    <div id="template_title_block">
310 
+                        <span id="template_title2">年齢について</span>
311 
+                    </div>
312 
+                </div>
313 
+                <span id="template_article_block">
314 
+            <p class="paragraphT10"><strong>◇標準的な接種年齢</strong><br/>
161 315 
               それぞれの予防接種の目的から、その予防接種を受けることが最も望ましい年齢です。</p>
162 
-            <p class="paragraphT10"><strong>◇対象年齢</strong><br />
316 
+            <p class="paragraphT10"><strong>◇対象年齢</strong><br/>
163 317 
               法定で定められた予防接種を受けることができる年齢です。標準的な接種年齢を過ぎても、対象年齢の範囲内であれば、接種可能です。</p>
164 318 
           </span>
165 
-        </article>
166 
-        <!--接種場所====================================================================================================================================================================-->
167 
-        <article id="template_list_title">
168 
-          <div id="template_title2" class="gothic">
169 
-            <div id="template_title_block">
170 
-              <span id="template_title2">接種場所</span>
171 
-            </div>
172 
-          </div>
173 
-          <span id="template_article_block">
319 
+            </article>
320 
+            <!--接種場所====================================================================================================================================================================-->
321 
+            <article id="template_list_title">
322 
+                <div id="template_title2" class="gothic">
323 
+                    <div id="template_title_block">
324 
+                        <span id="template_title2">接種場所</span>
325 
+                    </div>
326 
+                </div>
327 
+                <span id="template_article_block">
174 328 
             <p class="paragraphT10"><strong>町内委託医療機関または岐阜県広域化予防接種委託医療機関</strong></p>
175 329 
             <p class="paragraphT10">
176 330 
               かかりつけ医が町外の場合、岐阜県広域化予防接種委託医療機関であれば接種を受けることが可能です。かかりつけ医に、広域化予防接種委託医療機関であるかどうか確認、予約のうえ、接種を受けてください。</p>
177 
-            病気等の事情により、上記の委託医療機関で接種できない場合、特別な事情により接種対象年齢に接種できなかった方、定期予防接種で得た免疫を失ったお子さんへの再接種費用の助成などの詳細は保健センターにお問い合わせください。<br />
178 
-            保健センター問い合わせ　電話：058-323-7600<br />
331 
+            病気等の事情により、上記の委託医療機関で接種できない場合、特別な事情により接種対象年齢に接種できなかった方、定期予防接種で得た免疫を失ったお子さんへの再接種費用の助成などの詳細は保健センターにお問い合わせください。<br/>
332 
+            保健センター問い合わせ　電話：058-323-7600<br/>
179 333 
           </span>
180 
-        </article>
181 
-        <!--接種方法、料金====================================================================================================================================================================-->
182 
-        <article id="template_list_title">
183 
-          <div id="template_title2" class="gothic">
184 
-            <div id="template_title_block">
185 
-              <span id="template_title2">接種方法、料金</span>
186 
-            </div>
187 
-          </div>
188 
-          <span id="template_article_block">
189 
-            <p class="paragraphT10"><strong>方法：</strong><br />
190 
-              ①希望の医療機関へ予約する。<br />
191 
-              ②「予防接種ガイド」に綴じられている予診票に必要事項を記入する。<br />
192 
-              ③予診票、母子健康手帳を持参し、受診する。<br />
334 
+            </article>
335 
+            <!--接種方法、料金====================================================================================================================================================================-->
336 
+            <article id="template_list_title">
337 
+                <div id="template_title2" class="gothic">
338 
+                    <div id="template_title_block">
339 
+                        <span id="template_title2">接種方法、料金</span>
340 
+                    </div>
341 
+                </div>
342 
+                <span id="template_article_block">
343 
+            <p class="paragraphT10"><strong>方法：</strong><br/>
344 
+              ①希望の医療機関へ予約する。<br/>
345 
+              ②「予防接種ガイド」に綴じられている予診票に必要事項を記入する。<br/>
346 
+              ③予診票、母子健康手帳を持参し、受診する。<br/>
193 347 
               予診票がない場合は、保健センターで発行します。接種歴を確認のうえ発行しますので、必ず母子健康手帳をお持ちください。
194 348 
             </p>
195 
-            <p class="paragraphT10"><strong>料金：</strong><br />
349 
+            <p class="paragraphT10"><strong>料金：</strong><br/>
196 350 
               法に定める対象者が、委託医療機関、期日、決められた間隔等、実施要項に従って接種を受ける場合は無料(小児の場合)です。</p>
197 
-            <p class="paragraphT10"><strong>その他：</strong><br />
198 
-              予診票の記入が不十分の場合や母子健康手帳を持参していない場合は接種を断られます。<br />
351 
+            <p class="paragraphT10"><strong>その他：</strong><br/>
352 
+              予診票の記入が不十分の場合や母子健康手帳を持参していない場合は接種を断られます。<br/>
199 353 
               接種後は、必ず母子健康手帳の記入を受けてください。医師の診察の結果、接種できなかった場合は、保健センターで予診票の再発行を受けてください。</p>
200 354 
           </span>
201 
-        </article>
202 
-        <!--接種間隔・・・注意!!====================================================================================================================================================================-->
203 
-        <article id="template_list_title">
204 
-          <div id="template_title2" class="gothic">
205 
-            <div id="template_title_block">
206 
-              <span id="template_title2">接種間隔・・・注意!!</span>
207 
-            </div>
208 
-          </div>
209 
-          <span id="template_article_block">
355 
+            </article>
356 
+            <!--接種間隔・・・注意!!====================================================================================================================================================================-->
357 
+            <article id="template_list_title">
358 
+                <div id="template_title2" class="gothic">
359 
+                    <div id="template_title_block">
360 
+                        <span id="template_title2">接種間隔・・・注意!!</span>
361 
+                    </div>
362 
+                </div>
363 
+                <span id="template_article_block">
210 364 
             <p class="paragraphT10">
211 365 
               同一種類の予防接種を受ける場合、あるいは他の予防接種を受ける場合には免疫力を高めたり、安全性を保ったりするために、決められた間隔があります。「予防接種ガイド」で確認してください。</p>
212 
-            <p class="paragraphT10">決められた期間内に接種を受けないと自費での接種になる場合があります。</p><br />
366 
+            <p class="paragraphT10">決められた期間内に接種を受けないと自費での接種になる場合があります。</p><br/>
213 367 
           </span>
214 
-        </article>
215 
-        <!--予防接種の種類===================================================================================================================================================================-->
216 
-        <article id="template_list_title">
217 
-          <div id="template_title2" class="gothic">
218 
-            <div id="template_title_block">
219 
-              <span id="template_title2">予防接種の種類</span>
220 
-            </div>
221 
-          </div>
222 
-          <span id="template_article_block">
368 
+            </article>
369 
+            <!--予防接種の種類===================================================================================================================================================================-->
370 
+            <article id="template_list_title">
371 
+                <div id="template_title2" class="gothic">
372 
+                    <div id="template_title_block">
373 
+                        <span id="template_title2">予防接種の種類</span>
374 
+                    </div>
375 
+                </div>
376 
+                <span id="template_article_block">
223 377
224 378 
             <!--1 ロタウイルス====================================================================================================================================================================-->
225 379 
             <h4 id="life">ロタウイルス</h4>
226 
-            <p class="paragraphT10"><strong>接種開始月齢</strong><br />
227 
-              ◎標準的な接種開始月齢（生後２月に至った日から出生14週6日後まで）<br />
228 
-              　回数：ロタリックス…27日以上の間隔をおいて２回<br />
229 
-              　　　　ロタテック…27日以上の間隔をおいて3回<br />
380 
+            <p class="paragraphT10"><strong>接種開始月齢</strong><br/>
381 
+              ◎標準的な接種開始月齢（生後２月に至った日から出生14週6日後まで）<br/>
382 
+              　回数：ロタリックス…27日以上の間隔をおいて２回<br/>
383 
+              　　　　ロタテック…27日以上の間隔をおいて3回<br/>
230 384 
             </p>
231 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
232 
-              ○ロタリックス：生後6週に至った日の翌日から生後24週に至る日の翌日までの間<br />
233 
-              〇ロタテック：生後6週に至った日の翌日から生後32週に至る日の翌日までの間<br />
385 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
386 
+              ○ロタリックス：生後6週に至った日の翌日から生後24週に至る日の翌日までの間<br/>
387 
+              〇ロタテック：生後6週に至った日の翌日から生後32週に至る日の翌日までの間<br/>
234 388 
             </p>
235 389
236 
-            <!--2 ヒブ====================================================================================================================================================================-->
390 
+                    <!--2 ヒブ====================================================================================================================================================================-->
237 391 
             <h4 id="life">ヒブ</h4>
238 
-            <p class="paragraphT10"><strong>接種開始月齢</strong><br />
239 
-              ◎標準的な接種開始月齢（生後2月から7月に至る間にある者）<br />
240 
-              　回数：初回3回…27日（医師が認める場合は20日）から56日までの間隔をおいて3回<br />
241 
-              　　　　追加1回…初回接種終了後7月から13月までの間隔をおいて1回<br />
242 
-              ○接種開始月齢（生後7月に至った日の翌日から生後12月に至る間にある者）<br />
243 
-              　回数：初回2回…27日（医師が認める場合は20日）から56日までの間隔をおいて2回<br />
244 
-              　　　　追加1回…初回接種終了後7月から13月までの間隔をおいて1回<br />
245 
-              ○接種開始月齢（生後12月に至った日の翌日から生後60月に至るまでの間にある者）<br />
392 
+            <p class="paragraphT10"><strong>接種開始月齢</strong><br/>
393 
+              ◎標準的な接種開始月齢（生後2月から7月に至る間にある者）<br/>
394 
+              　回数：初回3回…27日（医師が認める場合は20日）から56日までの間隔をおいて3回<br/>
395 
+              　　　　追加1回…初回接種終了後7月から13月までの間隔をおいて1回<br/>
396 
+              ○接種開始月齢（生後7月に至った日の翌日から生後12月に至る間にある者）<br/>
397 
+              　回数：初回2回…27日（医師が認める場合は20日）から56日までの間隔をおいて2回<br/>
398 
+              　　　　追加1回…初回接種終了後7月から13月までの間隔をおいて1回<br/>
399 
+              ○接種開始月齢（生後12月に至った日の翌日から生後60月に至るまでの間にある者）<br/>
246 400 
               　回数：1回
247 401 
             </p>
248 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
402 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
249 403 
               ○生後2月から生後60月に至るまでの間にある者
250 404 
             </p>
251 405
252 
-            <!--3 小児肺炎球菌====================================================================================================================================================================-->
406 
+                    <!--3 小児肺炎球菌====================================================================================================================================================================-->
253 407 
             <h4 id="life">小児肺炎球菌</h4>
254 
-            <p class="paragraphT10"><strong>接種開始月齢</strong><br />
255 
-              ◎標準的な接種開始月齢（生後2月から7月に至る間にある者）<br />
256 
-              　回数：初回3回…27日以上の間隔をおいて3回<br />
257 
-              　　　　追加1回…生後12月から生後15月に至までの間で、初回接種終了後60日以上の間隔をおいて1回<br />
258 
-              　※初回2回目及び3回目は、生後24月に至るまでに行うこととし、それを超えた場合は行わない（追加接種は可能）。<br />
259 
-              　※2回目が1歳を超えた場合、3回目は行わない（追加接種は可能）<br />
260 
-              ○接種開始月齢（生後7月に至った日の翌日から生後12月に至る間にある者）<br />
261 
-              　回数：初回2回…27日以上の間隔をおいて2回<br />
262 
-              　　　　追加1回…生後12月以降に、初回接種終了後60日以上の間隔をおいて1回<br />
263 
-              　※初回2回目の接種は、生後24月に至るまでに行うこととし、それを超えた場合は行わない（追加接種は可能）。<br />
264 
-              ○接種開始月齢（生後12月に至った日の翌日から生後24月に至るまでの間にある者）<br />
265 
-              　回数：2回…60日以上の間隔をおいて2回<br />
266 
-              ○接種開始月齢（生後24月に至った日の翌日から生後60月に至るまでの間にある者）<br />
408 
+            <p class="paragraphT10"><strong>接種開始月齢</strong><br/>
409 
+              ◎標準的な接種開始月齢（生後2月から7月に至る間にある者）<br/>
410 
+              　回数：初回3回…27日以上の間隔をおいて3回<br/>
411 
+              　　　　追加1回…生後12月から生後15月に至までの間で、初回接種終了後60日以上の間隔をおいて1回<br/>
412 
+              　※初回2回目及び3回目は、生後24月に至るまでに行うこととし、それを超えた場合は行わない（追加接種は可能）。<br/>
413 
+              　※2回目が1歳を超えた場合、3回目は行わない（追加接種は可能）<br/>
414 
+              ○接種開始月齢（生後7月に至った日の翌日から生後12月に至る間にある者）<br/>
415 
+              　回数：初回2回…27日以上の間隔をおいて2回<br/>
416 
+              　　　　追加1回…生後12月以降に、初回接種終了後60日以上の間隔をおいて1回<br/>
417 
+              　※初回2回目の接種は、生後24月に至るまでに行うこととし、それを超えた場合は行わない（追加接種は可能）。<br/>
418 
+              ○接種開始月齢（生後12月に至った日の翌日から生後24月に至るまでの間にある者）<br/>
419 
+              　回数：2回…60日以上の間隔をおいて2回<br/>
420 
+              ○接種開始月齢（生後24月に至った日の翌日から生後60月に至るまでの間にある者）<br/>
267 421 
               　回数：1回
268 422 
             </p>
269 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
423 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
270 424 
               ○生後2月から生後60月に至るまでの間にある者
271 425 
             </p>
272 426
273 
-            <!--4 Ｂ型肝炎====================================================================================================================================================================-->
427 
+                    <!--4 Ｂ型肝炎====================================================================================================================================================================-->
274 428 
             <h4 id="life">Ｂ型肝炎</h4>
275 
-            <p class="paragraphT10"><strong>接種開始月齢</strong><br />
276 
-              ◎標準的な接種開始月齢（生後２月から９月に至る間にある者）<br />
277 
-              　回数：３回…７日以上の間隔をおいて２回接種した後、第１回目の注射から１３９日以上の間隔をおいて１回接種。<br />
429 
+            <p class="paragraphT10"><strong>接種開始月齢</strong><br/>
430 
+              ◎標準的な接種開始月齢（生後２月から９月に至る間にある者）<br/>
431 
+              　回数：３回…７日以上の間隔をおいて２回接種した後、第１回目の注射から１３９日以上の間隔をおいて１回接種。<br/>
278 432 
             </p>
279 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
280 
-              ○生後１歳に至るまでの間にある者<br />
281 
-              　※母子感染予防のために抗HBs人免疫グロブリンと併用してB型肝炎ワクチンの接種を受ける場合は健康保険が適用されるため、定期接種の対象外となります。<br />
433 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
434 
+              ○生後１歳に至るまでの間にある者<br/>
435 
+              　※母子感染予防のために抗HBs人免疫グロブリンと併用してB型肝炎ワクチンの接種を受ける場合は健康保険が適用されるため、定期接種の対象外となります。<br/>
282 436 
             </p>
283 437
284 
-            <!--5 DPT-IPV四種混合（ジフテリア・百日咳・破傷風・不活化ポリオ）====================================================================================================================================================================-->
438 
+                    <!--5 DPT-IPV四種混合（ジフテリア・百日咳・破傷風・不活化ポリオ）====================================================================================================================================================================-->
285 439 
             <h4 id="life">DPT-IPV四種混合（ジフテリア・百日咳・破傷風・不活化ポリオ）</h4>
286 
-            <p class="paragraphT10"><strong>標準的な接種開始月齢</strong><br />
287 
-              ◎生後3月に達したときから生後12月に達するまでの間にある者<br />
288 
-              　回数：1期初回（1回目・2回目・3回目）…20日から56日に間隔をおいて3回接種<br />
440 
+            <p class="paragraphT10"><strong>標準的な接種開始月齢</strong><br/>
441 
+              ◎生後3月に達したときから生後12月に達するまでの間にある者<br/>
442 
+              　回数：1期初回（1回目・2回目・3回目）…20日から56日に間隔をおいて3回接種<br/>
289 443 
               　　　　1期追加（4回目）　初回（3回目）接種後12月に達した時から18月に達するまでの期間
290 444 
             </p>
291 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
445 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
292 446 
               ○生後3月に達した時から生後90月に至るまでの間にある者
293 447 
             </p>
294 448
295 
-            <!--6 急性灰白髓炎(ポリオ)====================================================================================================================================================================-->
449 
+                    <!--6 急性灰白髓炎(ポリオ)====================================================================================================================================================================-->
296 450 
             <h4 id="life">急性灰白髓炎(ポリオ)</h4>
297 451 
             <p class="paragraphT10">
298 
-              ○DPT-IPVの接種対象以外の者（すでにDPTまたは不活性ポリオ（急性灰白髓）の予防接種歴がある者）<br />
299 
-              ○DPT-IPVと同様の標準的接種年齢及び対象年齢。<br />
300 
-              ○回数：初回（1回目・2回目・3回目）…20日以上の間隔をおいて3回接種<br />
452 
+              ○DPT-IPVの接種対象以外の者（すでにDPTまたは不活性ポリオ（急性灰白髓）の予防接種歴がある者）<br/>
453 
+              ○DPT-IPVと同様の標準的接種年齢及び対象年齢。<br/>
454 
+              ○回数：初回（1回目・2回目・3回目）…20日以上の間隔をおいて3回接種<br/>
301 455 
               　　　　追加（4回目）接種後12月に達した時から18月に達するまでの期間
302 456 
             </p>
303 457
304 
-            <!--7 BCG====================================================================================================================================================================-->
458 
+                    <!--7 BCG====================================================================================================================================================================-->
305 459 
             <h4 id="life">BCG</h4>
306 
-            <p class="paragraphT10"><strong>標準的な接種開始月齢</strong><br />
307 
-              ◎生後5月に達したときから生後8月に達するまでの間にある者<br />
460 
+            <p class="paragraphT10"><strong>標準的な接種開始月齢</strong><br/>
461 
+              ◎生後5月に達したときから生後8月に達するまでの間にある者<br/>
308 462 
               　回数：1回
309 463 
             </p>
310 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
311 
-              ○生後12月に至るまでの間にある者<br />
464 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
465 
+              ○生後12月に至るまでの間にある者<br/>
312 466 
               　回数：1回
313 467 
             </p>
314 468
315 
-            <!--8 水痘（水ぼうそう）====================================================================================================================================================================-->
469 
+                    <!--8 水痘（水ぼうそう）====================================================================================================================================================================-->
316 470 
             <h4 id="life">水痘（水ぼうそう）</h4>
317 
-            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br />
318 
-              ○1回目の接種は生後12月から生後15月に達するまで<br />
471 
+            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br/>
472 
+              ○1回目の接種は生後12月から生後15月に達するまで<br/>
319 473 
               　2回目の接種は1回目の接種終了後6月から12月までの間隔をおく
320 474 
             </p>
321 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
475 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
322 476 
               ○生後12月から生後36月に至るまでの間にある者
323 477 
             </p>
324 478
325 
-            <!--9 MR二種混合（麻しん・風しん）====================================================================================================================================================================-->
479 
+                    <!--9 MR二種混合（麻しん・風しん）====================================================================================================================================================================-->
326 480 
             <h4 id="life">MR二種混合（麻しん・風しん）</h4>
327 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
328 
-              ○1期　生後12月から生後24月に至るまでの間にある者<br />
329 
-              　　　　回数：1回<br />
330 
-              ○2期　5歳以上7歳未満の者であって、小学校就学前の1年間にある者<br />
481 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
482 
+              ○1期　生後12月から生後24月に至るまでの間にある者<br/>
483 
+              　　　　回数：1回<br/>
484 
+              ○2期　5歳以上7歳未満の者であって、小学校就学前の1年間にある者<br/>
331 485 
               　　　　回数：1回
332 486 
             </p>
333 487
334 
-            <!--10 日本脳炎1期====================================================================================================================================================================-->
488 
+                    <!--10 日本脳炎1期====================================================================================================================================================================-->
335 489 
             <h4 id="life">日本脳炎1期</h4>
336 
-            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br />
337 
-              ◎1期初回（1回目・2回目）…6日から28日までの間隔をおいて2回<br />
338 
-              　　　　　3歳に達した時から4歳に達する間までの者<br />
339 
-              　1期追加（3回目）　初回（2回目）接種後おおむね1年を経過した時期に1回<br />
490 
+            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br/>
491 
+              ◎1期初回（1回目・2回目）…6日から28日までの間隔をおいて2回<br/>
492 
+              　　　　　3歳に達した時から4歳に達する間までの者<br/>
493 
+              　1期追加（3回目）　初回（2回目）接種後おおむね1年を経過した時期に1回<br/>
340 494 
               　　　　　4歳に達した時から5歳に達する間までの者
341 495 
             </p>
342 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
496 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
343 497 
               ○生後6月に達した時から90月に至るまでの間にある者
344 498 
             </p>
345 499
346 
-            <!--11 日本脳炎2期====================================================================================================================================================================-->
500 
+                    <!--11 日本脳炎2期====================================================================================================================================================================-->
347 501 
             <h4 id="life">日本脳炎2期</h4>
348 
-            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br />
349 
-              ◎9歳に達した時から10歳に達するまでの間にある者<br />
502 
+            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br/>
503 
+              ◎9歳に達した時から10歳に達するまでの間にある者<br/>
350 504 
               　回数：1回
351 505 
             </p>
352 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
506 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
353 507 
               ○9歳に達した時から13歳に至るまでの間にある者
354 508 
             </p>
355 
-            <p class="paragraphT10"><strong>※特例</strong><br />
356 
-              <strong>○平成19年4月2日から平成21年10月1日生まれの者で、生後6月から90月又は9歳以上13歳未満の</strong>者<br />
357 
-              　残り2回接種→6日以上の間隔をおいて2回…すでに接種済みの1回と今回の接種間隔については、6日以上の間隔をおく<br />
358 
-              　残り1回接種→1回…すでに接種済みの2回と今回の接種間隔については、6日以上の間隔をおく<br />
359 
-              　これから接種→6日から28日までの間隔をおいて2回、追加接種については2回接種後おおむね1年を経過した時期に接種<br />
360 
-              <strong>○平成7年4月2日から平成19年4月1日に生まれた者で、20歳未満にある者</strong><br />
361 
-              　残り3回接種＝1期初回接種を1回受けている者→6日以上の間隔をおいて残り2回の1期接種<br />
362 
-              　　　　　　　2期接種は9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種<br />
363 
-              　残り2回接種＝1期初回接種が終了した者→6日以上の間隔をおいて1期追加接種を1回接種<br />
364 
-              　　　　　　　2期接種は9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種<br />
365 
-              　残り1回接種＝1期を終了した者→2期接種として、9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種<br />
366 
-              　これから接種＝1期初回接種を6日から28日までの間隔をおいて2回、追加接種については初回終了後おおむね1年を経過した時期に接種<br />
509 
+            <p class="paragraphT10"><strong>※特例</strong><br/>
510 
+              <strong>○平成19年4月2日から平成21年10月1日生まれの者で、生後6月から90月又は9歳以上13歳未満の</strong>者<br/>
511 
+              　残り2回接種→6日以上の間隔をおいて2回…すでに接種済みの1回と今回の接種間隔については、6日以上の間隔をおく<br/>
512 
+              　残り1回接種→1回…すでに接種済みの2回と今回の接種間隔については、6日以上の間隔をおく<br/>
513 
+              　これから接種→6日から28日までの間隔をおいて2回、追加接種については2回接種後おおむね1年を経過した時期に接種<br/>
514 
+              <strong>○平成7年4月2日から平成19年4月1日に生まれた者で、20歳未満にある者</strong><br/>
515 
+              　残り3回接種＝1期初回接種を1回受けている者→6日以上の間隔をおいて残り2回の1期接種<br/>
516 
+              　　　　　　　2期接種は9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種<br/>
517 
+              　残り2回接種＝1期初回接種が終了した者→6日以上の間隔をおいて1期追加接種を1回接種<br/>
518 
+              　　　　　　　2期接種は9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種<br/>
519 
+              　残り1回接種＝1期を終了した者→2期接種として、9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種<br/>
520 
+              　これから接種＝1期初回接種を6日から28日までの間隔をおいて2回、追加接種については初回終了後おおむね1年を経過した時期に接種<br/>
367 521 
               　　　　　　　2期接種は9歳以上の者に対して、1期終了後6日以上の間隔をおいて1回接種
368 522 
             </p>
369 523
370 
-            <!--12 二種混合（ジフテリア・破傷風）====================================================================================================================================================================-->
524 
+                    <!--12 二種混合（ジフテリア・破傷風）====================================================================================================================================================================-->
371 525 
             <h4 id="life">二種混合（ジフテリア・破傷風）</h4>
372 
-            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br />
373 
-              ◎11歳に達したときから生後12歳に達するまでの間にある者<br />
526 
+            <p class="paragraphT10"><strong>標準的な接種年齢</strong><br/>
527 
+              ◎11歳に達したときから生後12歳に達するまでの間にある者<br/>
374 528 
               　回数：1回
375 529 
             </p>
376 
-            <p class="paragraphT10"><strong>対象年齢</strong><br />
377 
-              ○11歳に達したときから13歳に至るまでの間にある者<br />
530 
+            <p class="paragraphT10"><strong>対象年齢</strong><br/>
531 
+              ○11歳に達したときから13歳に至るまでの間にある者<br/>
378 532 
               　回数：1回
379 533 
             </p>
380 534
381 
-            <!--13 子宮頚がん====================================================================================================================================================================-->
535 
+                    <!--13 子宮頚がん====================================================================================================================================================================-->
382 536 
             <h4 id="life">子宮頚がん</h4>
383 
-            <p class="paragraphT10">※下記(1)のワクチンと(2)のワクチンのいずれかを選択し、その後は初回1回目と同一のワクチンの接種を受けること。<br />
384 
-              　違うワクチンを使用した場合、安全性等の面から定期接種として認められないため、接種料金は自己負担となります。<br />
537 
+            <p class="paragraphT10">※下記(1)のワクチンと(2)のワクチンのいずれかを選択し、その後は初回1回目と同一のワクチンの接種を受けること。<br/>
538 
+              　違うワクチンを使用した場合、安全性等の面から定期接種として認められないため、接種料金は自己負担となります。<br/>
385 539 
               ※接種後は、保護者や医療従事者が移動に付き添い、接種後30分程度、体重を預けられるような場所で座らせるなどして、被接種者の状態を見守ること。
386 540 
             </p>
387 
-            <p class="paragraphT10"><strong>(1)組替え沈降2価（サーバリックス）ヒトパピローマウイルス様粒子ワクチン</strong><br />
388 
-              標準的な接種年齢<br />
389 
-              ◎13歳となる日の属する年度の初日から当該年度の末日までの間にある女子<br />
390 
-              対象年齢<br />
391 
-              ○12歳となる日の属する年度の初日から16歳となる日の属する年度末までにある女子（小学6年生から高校1年生相当）<br />
392 
-              　回数：3回…1月の間隔をおいて2回行った後、初回1回目から6月の間隔をおいて1回行う<br />
541 
+            <p class="paragraphT10"><strong>(1)組替え沈降2価（サーバリックス）ヒトパピローマウイルス様粒子ワクチン</strong><br/>
542 
+              標準的な接種年齢<br/>
543 
+              ◎13歳となる日の属する年度の初日から当該年度の末日までの間にある女子<br/>
544 
+              対象年齢<br/>
545 
+              ○12歳となる日の属する年度の初日から16歳となる日の属する年度末までにある女子（小学6年生から高校1年生相当）<br/>
546 
+              　回数：3回…1月の間隔をおいて2回行った後、初回1回目から6月の間隔をおいて1回行う<br/>
393 547 
               　やむを得ず接種間隔の変更が必要な場合は、1月から2月半までの間隔をおいて2回行った後、初回1回目の接種から5月から12月の間隔をおいて1回行う。
394 548 
             </p>
395 
-            <p class="paragraphT10"><strong>(2)組替え沈降4価（ガーダシル）ヒトパピローマウイルス様粒子ワクチン</strong><br />
396 
-              標準的な接種年齢<br />
397 
-              ◎13歳となる日の属する年度の初日から当該年度の末日までの間にある女子<br />
398 
-              対象年齢<br />
399 
-              ○12歳となる日の属する年度の初日から16歳となる日の属する年度末までにある女子（小学6年生から高校1年生相当）<br />
400 
-              　回数：3回…2月の間隔をおいて2回行った後、初回1回目から6月の間隔をおいて1回行う<br />
549 
+            <p class="paragraphT10"><strong>(2)組替え沈降4価（ガーダシル）ヒトパピローマウイルス様粒子ワクチン</strong><br/>
550 
+              標準的な接種年齢<br/>
551 
+              ◎13歳となる日の属する年度の初日から当該年度の末日までの間にある女子<br/>
552 
+              対象年齢<br/>
553 
+              ○12歳となる日の属する年度の初日から16歳となる日の属する年度末までにある女子（小学6年生から高校1年生相当）<br/>
554 
+              　回数：3回…2月の間隔をおいて2回行った後、初回1回目から6月の間隔をおいて1回行う<br/>
401 555 
               　当該方法をとることができない場合は、1月以上の間隔をおいて2回行った後、初回2回目の接種から3月以上の間隔をおいて1回
402 556 
             </p>
403 557
404 558 
           </span>
405 
-        </article>
559 
+            </article>
406 560
407 
-        <article id="template_list_title">
408 
-          <div id="template_title2" class="gothic">
409 
-            <div id="template_title_block">
410 
-              <span id="template_title2">町内小児予防接種委託医療機関</span>
411 
-            </div>
412 
-          </div>
413 
-          <span id="template_article_block">
561 
+            <article id="template_list_title">
562 
+                <div id="template_title2" class="gothic">
563 
+                    <div id="template_title_block">
564 
+                        <span id="template_title2">町内小児予防接種委託医療機関</span>
565 
+                    </div>
566 
+                </div>
567 
+                <span id="template_article_block">
414 568 
             <p class="paragraphT10">
415 
-              ※予約をしましょう。<br />
416 
-              ※実施している予防接種の種類は医療機関により異なります。希望する予防接種を実施しているかお確かめください。<br />
417 
-              ※子宮頸がん予防接種は最初に接種した種類のものを2回目及び3回目に接種しますので、各医療機関が取り扱っているものがサーバリックスとガーダシルのいずれかを確認のうえ、予約してください。<br />
418 
-              ・いのうえクリニック（芝原東町）058-323-8077<br />
419 
-              ・こやまかわせみクリニック(高屋)058-201-7755<br />
420 
-              ・さとうファミリークリニック（小柳）058-323-2511<br />
421 
-              ・鹿野クリニック（高屋白木）058-324-1222<br />
422 
-              ・杉山こどもクリニック（柱本南）058-320-3322<br />
423 
-              ・東堀クリニック（若宮）058-320-1700<br />
424 
-              ・いとうレディースケアクリニック（北方）058-323-7101<br />
425 
-              　　…子宮頸がん予防接種のみ実施<br />
569 
+              ※予約をしましょう。<br/>
570 
+              ※実施している予防接種の種類は医療機関により異なります。希望する予防接種を実施しているかお確かめください。<br/>
571 
+              ※子宮頸がん予防接種は最初に接種した種類のものを2回目及び3回目に接種しますので、各医療機関が取り扱っているものがサーバリックスとガーダシルのいずれかを確認のうえ、予約してください。<br/>
572 
+              ・いのうえクリニック（芝原東町）058-323-8077<br/>
573 
+              ・こやまかわせみクリニック(高屋)058-201-7755<br/>
574 
+              ・さとうファミリークリニック（小柳）058-323-2511<br/>
575 
+              ・鹿野クリニック（高屋白木）058-324-1222<br/>
576 
+              ・杉山こどもクリニック（柱本南）058-320-3322<br/>
577 
+              ・東堀クリニック（若宮）058-320-1700<br/>
578 
+              ・いとうレディースケアクリニック（北方）058-323-7101<br/>
579 
+              　　…子宮頸がん予防接種のみ実施<br/>
426 580 
           </span>
427 
-        </article>
581 
+            </article>
428 582
429 
-        <article id="template_list_title">
430 
-          <div id="template_title2" class="gothic">
431 
-            <div id="template_title_block">
432 
-              <span id="template_title2">お問い合わせ</span>
433 
-            </div>
434 
-          </div>
435 
-          <span id="template_article_block">
436 
-            保健センター<br />
437 
-            Tel 058-323-7600<br />
583 
+            <article id="template_list_title">
584 
+                <div id="template_title2" class="gothic">
585 
+                    <div id="template_title_block">
586 
+                        <span id="template_title2">お問い合わせ</span>
587 
+                    </div>
588 
+                </div>
589 
+                <span id="template_article_block">
590 
+            保健センター<br/>
591 
+            Tel 058-323-7600<br/>
438 592 
             <a href="../../second/Inquiry_form_hoken.html">お問い合わせフォーム</a>
439 593 
           </span>
440 
-        </article>
441 
-      </section>
594 
+            </article>
595 
+        </section>
442 596 
     </div>
443 597
444 598 
     <footer>
445 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
446 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
447 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
448 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
599 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
600 
+        <div class="footer_mobile">
601 
+            <div class="footer_mobile_title">
602 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
603 
+                <h1 class="footerMobile__text">北方町役場</h1>
604 
+            </div>
605 
+            <div class="footer_mobile_address">
606 
+                <span class="footerTextWrap__text">
607 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
608 
+                </span><br>
609 
+                電話:058-323-1111(代)<br>
610 
+                FAX:058-323-2963<br>
611 
+                開庁日：8時30分～17時15分<br>
612 
+                （土・日・祝日、年末年始を除く）<br>
613 
+            </div>
614 
+        </div>
615 
+        <br class="sp__brDisplay">
616 
+        <p class="footer_text">
617 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
618 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
619 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
620 
+        </p>
449 621 
     </footer>
450 622
451 
-
452 
-  </div>
453 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
454 
-    height="1" width="1" />
623 
+</div>
624 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
625 
+     height="1" width="1"/>
455 626 
 </body>
456 627
457 
-</html>
628 
+</html>

+ 322
- 159
fourth/Vaccination/gihu_immunization_contracting_organization.html Ver fichero 

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

+ 369
- 206
fourth/Vaccination/old_vaccination.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,238 +10,401 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
13 17 
     <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
14 20 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-    </meta>
16 21 
 </head>
17 22
18 23 
 <body id="back">
19 
-    <div id="main" class="gothic">
20 
-        <!--セクション 操作-->
21 
-        <section id="operation">
22 
-            <!--セクション 住所-->
23 
-            <article id="address">
24 
-                <address id="operation_add">
25 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
26 
-                        TEL:058-323-1111(代)</span>
27 
-                </address>
28 
-            </article>
29 
-            <div id="controle_panel">
30 
-                <!--セクション 背景色-->
31 
-                <article id="bgcolor">
32 
-                    <img src="../../css/img/013.png" alt="背景色変更ボックス" />
33 
-                    <div id="bgcolor_img">
34 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
35 
-                            onClick="setBackground3(1)">
36 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground3(2)">
38 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground3(3)">
24 
+<script type="text/javascript">
25 
+    function googleTranslateElementInit() {
26 
+        new google.translate.TranslateElement({
27 
+            pageLanguage: 'ja',
28 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
29 
+        }, 'google_translate_element');
30 
+    }
31 
+</script>
32 
+<script type="text/javascript"
33 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
34 
+<div id="main" class="gothic">
35 
+    <!-- mobile header -->
36 
+    <header class="header">
37 
+        <div class="headerLogo">
38 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
39 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
40 
+        </div>
41 
+        <div class="headerTitle">
42 
+            <a href="../../index.html" class="header_link">
43 
+                <h1 class="headerTitle__text">北方町</h1>
44 
+            </a>
45 
+        </div>
46 
+        <div class="headerSubTitle">
47 
+            <a href="../../index.html" class="header_link">
48 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
49 
+            </a>
50 
+        </div>
51 
+        <div id="h-menu">
52 
+            <span></span>
53 
+            <span></span>
54 
+            <span></span>
55 
+            <div id="h-text">menu</div>
56 
+        </div>
57 
+        <div id="h-nav">
58 
+            <div class="h-menu_main_block_top">
59 
+                <div class="h-menu_main_block">
60 
+                    <div class="h-menu_block">
61 
+                        <a href="../../second/living.html">
62 
+                            <div class="h-menu_block_text h-menu_block_before">
63 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
64 
+                            </div>
65 
+                        </a>
40 66 
                     </div>
41 
-                    <script>
42 
-                        getBackgNumber3();
43 
-                    </script>
44 
-                </article>
45 
-
46 
-                <!--セクション 文字サイズ-->
47 
-                <!--<article id="charsize" >
48 
-      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
49 
-      <div id="charsize_img">
50 
-      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
51 
-      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
52 
-      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
53 
-      </div>
54 
-      </article>-->
55 
-
56 
-                <!--セクション サイトマップ-->
57 
-                <article id="sitemap">
58 
-                    <div id="sitemap_img">
59 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
60 
-                                alt="サイトマップ" /></a>
67 
+                </div>
68 
+                <div class="h-menu_main_block">
69 
+                    <div class="h-menu_block">
70 
+                        <a href="../../second/tourism.html">
71 
+                            <div class="h-menu_block_text h-menu_block_before">
72 
+                                <div class="h-menu_block_text_center">
73 
+                                    観光
74 
+                                </div>
75 
+                            </div>
76 
+                        </a>
61 77 
                     </div>
62 
-                </article>
63 
-                <!--セクション お問い合わせ-->
64 
-                <article id="contact">
65 
-                    <div id="contact_img">
66 
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
67 
-                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
78 
+                </div>
79 
+                <div class="h-menu_main_block">
80 
+                    <div class="h-menu_block">
81 
+                        <a href="../../second/business.html">
82 
+                            <div class="h-menu_block_text h-menu_block_before">
83 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
84 
+                            </div>
85 
+                        </a>
68 86 
                     </div>
69 
-                </article>
70 
-                <!--セクション 翻訳-->
71 
-                <article id="translation">
72 
-                    <div id="translation_img">
73 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
74 
-                        <div id="google_translate_element"></div>
75 
-                        <script type="text/javascript">
76 
-                            function googleTranslateElementInit() {
77 
-                                new google.translate.TranslateElement({
78 
-                                    pageLanguage: 'ja',
79 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
80 
-                                }, 'google_translate_element');
81 
-                            }
82 
-                        </script>
83 
-                        <script type="text/javascript"
84 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
87 
+                </div>
88 
+                <div class="h-menu_main_block">
89 
+                    <div class="h-menu_block">
90 
+                        <a href="../../second/town_admini_info.html">
91 
+                            <div class="h-menu_block_text h-menu_block_before">
92 
+                                <div class="h-menu_block_text_center">町政情報</div>
93 
+                            </div>
94 
+                        </a>
85 95 
                     </div>
86 
-                </article>
87 
-                <div id="claer">
88 96 
                 </div>
89 
-            </div>
90 
-        </section>
91 
-
92 
-        <!--ヘッダーデータ-->
93 
-        <header>
94 
-            <div id="header" class="gothic">
95 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
96 
-                        height="260px" /></a>
97 
-                <div id="h_block_1">
98 
-                    <div class="h_line">
97 
+                <div class="h-menu_main_block">
98 
+                    <div class="h-menu_block h-menu_block_before">
99 
+                        <a href="../../second/sitemap.html">
100 
+                            <div class="h-menu_block_text h-menu_block_before">
101 
+                                <div class="h-menu_block_text_center">
102 
+                                    サイトマップ
103 
+                                </div>
104 
+                            </div>
105 
+                        </a>
99 106 
                     </div>
100 
-                    <article class="h_text_l">
101 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
102 
-                    </article>
103 
-                    <article class="h_text_l">
104 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
105 
-                    </article>
106 
-                    <article class="h_text_l">
107 
-                        <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
108 
-                    </article>
109 
-                    <article class="h_text_l">
110 
-                        <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
111 
-                    </article>
112 
-                </div>
113 
-                <div id="h_block_search">
114 
-                    <div class="h_line"></div>
115 
-                    <article class="h_search">
116 
-                        <div class="space10"></div>
117 
-                        <form action="http://www.google.com/search">
118 
-                            <input type="hidden" name="hl" value="ja" />
119 
-                            <input type="hidden" name="ie" value="UTF-8">
120 
-                            <input type="hidden" name="oe" value="UTF-8">
121 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
122 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
123 
-                            <input type="submit" name="btnG" value="検索" />
124 
-                        </form>
125 
-                    </article>
126 107 
                 </div>
127 
-            </div>
128 
-        </header>
129 
-
130 
-        <div id="third_body">
131 
-            <!--セクション space-->
132 
-
133 
-            <!--セクション template-->
134 
-            <section id="template">
135 
-                <article id="breadcrumb">
136 
-                    <div id="breadcrumb_title">
137 
-                        <div id="breadcrumb_title_block">
138 
-                            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
139 
-                                    href="../../second/living.html">くらしの情報</a>><a
140 
-                                    href="../../second/Health.html">健康・予防</a>>
141 
-                                <a href="../../third/living/Vaccination.html">予防接種</a>>
142 
-                                高齢者の予防接種
143 
-                            </span>
108 
+                <div class="h-menu_main_block">
109 
+                    <div class="h-menu_block h-menu_block_before">
110 
+                        <a href="https://ai-staff.net/kitagata/chat">
111 
+                            <div class="h-menu_block_text  h-menu_block_before">
112 
+                                <div class="h-menu_block_text_center">
113 
+                                    AIチャット
114 
+                                </div>
115 
+                            </div>
116 
+                        </a>
117 
+                    </div>
118 
+                </div>
119 
+                <div class="h-menu_main_block">
120 
+                    <div class="h-menu_block h-menu_block_before">
121 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
122 
+                            <div class="h-menu_block_text">
123 
+                                <div class="h-menu_block_text_center">
124 
+                                    お問い合わせ一覧
125 
+                                </div>
126 
+                            </div>
127 
+                        </a>
128 
+                    </div>
129 
+                </div>
130 
+                <div class="h-menu_main_block">
131 
+                    <div class="h-menu_lang">
132 
+                        <div class="h-menu_block_lang">
133 
+                            <div class="h-menu_block_text_center">
134 
+                                <div class="h-menu_block_text_line">
135 
+                                    背景変更
136 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
137 
+                                    </div>
138 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
139 
+                                    </div>
140 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
141 
+                                    </div>
142 
+                                </div>
143 
+                                <script>
144 
+                                    getBackgNumber2();
145 
+                                </script>
146 
+                                <div class="h-menu_block_text_line">言語選択
147 
+                                    <div class="mobile_translation">
148 
+                                        <div id="google_translate_element"></div>
149 
+                                    </div>
150 
+                                </div>
151 
+                            </div>
144 152 
                         </div>
145 153 
                     </div>
146 
-                </article>
147 
-
148 
-                <article id="template">
149 
-                    <div id="template_title" class="gothic">
150 
-                        <div id="template_title_block">
151 
-                            <span id="template_title">高齢者の予防接種</span>
154 
+                </div>
155 
+                <div class="h-menu_main_block">
156 
+                    <div class="h-menu_search">
157 
+                        <div class="h-menu_block_search">
158 
+                            <form action="https://www.google.com/search">
159 
+                                <input type="hidden" name="hl" value="ja"/>
160 
+                                <input type="hidden" name="ie" value="UTF-8">
161 
+                                <input type="hidden" name="oe" value="UTF-8">
162 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
163 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
164 
+                                       class="mobile_form_input"/>
165 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
166 
+                            </form>
152 167 
                         </div>
153 168 
                     </div>
169 
+                </div>
170 
+            </div>
171 
+        </div>
172 
+    </header>
173 
+
174 
+    <!--セクション 操作-->
175 
+    <section id="operation">
176 
+        <!--セクション 住所-->
177 
+        <article id="address">
178 
+            <address id="operation_add">
179 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
180 
+            </address>
181 
+        </article>
182 
+        <div id="controle_panel">
183 
+            <!--セクション 背景色-->
184 
+            <article id="bgcolor">
185 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
186 
+                <div id="bgcolor_img">
187 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
188 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
189 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
190 
+                </div>
191 
+                <script>
192 
+                    getBackgNumber3();
193 
+                </script>
194 
+            </article>
195 
+
196 
+            <!--セクション 文字サイズ-->
197 
+            <!--<article id="charsize" >
198 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
199 
+            <div id="charsize_img">
200 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
201 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
202 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
203 
+            </div>
204 
+            </article>-->
205 
+
206 
+            <!--セクション サイトマップ-->
207 
+            <article id="sitemap">
208 
+                <div id="sitemap_img">
209 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
210 
+                </div>
211 
+            </article>
212 
+            <!--セクション お問い合わせ-->
213 
+            <article id="contact">
214 
+                <div id="contact_img">
215 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
216 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
217 
+                </div>
218 
+            </article>
219 
+            <!--セクション 翻訳-->
220 
+            <article id="translation">
221 
+                <div id="translation_img">
222 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
223 
+                    <div id="google_translate_element"></div>
224 
+                    <script type="text/javascript">
225 
+                        function googleTranslateElementInit() {
226 
+                            new google.translate.TranslateElement({
227 
+                                pageLanguage: 'ja',
228 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
229 
+                            }, 'google_translate_element');
230 
+                        }
231 
+                    </script>
232 
+                    <script type="text/javascript"
233 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
234 
+                </div>
235 
+            </article>
236 
+            <div id="claer">
237 
+            </div>
238 
+        </div>
239 
+    </section>
240 
+
241 
+    <!--ヘッダーデータ-->
242 
+    <header>
243 
+        <div id="header" class="gothic">
244 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
245 
+            <div id="h_block_1">
246 
+                <div class="h_line">
247 
+                </div>
248 
+                <article class="h_text_l">
249 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
250 
+                </article>
251 
+                <article class="h_text_l">
252 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
154 253 
                 </article>
155 
-                <!--年齢について====================================================================================================================================================================-->
254 
+                <article class="h_text_l">
255 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
256 
+                </article>
257 
+                <article class="h_text_l">
258 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
259 
+                </article>
260 
+            </div>
261 
+            <div id="h_block_search">
262 
+                <div class="h_line"></div>
263 
+                <article class="h_search">
264 
+                    <div class="space10"></div>
265 
+                    <form action="http://www.google.com/search">
266 
+                        <input type="hidden" name="hl" value="ja"/>
267 
+                        <input type="hidden" name="ie" value="UTF-8">
268 
+                        <input type="hidden" name="oe" value="UTF-8">
269 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
270 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
271 
+                        <input type="submit" name="btnG" value="検索"/>
272 
+                    </form>
273 
+                </article>
274 
+            </div>
275 
+        </div>
276 
+    </header>
156 277
157 
-                <article id="template_list_title">
158 
-                    <div id="template_title2" class="gothic">
159 
-                        <div id="template_title_block">
160 
-                            <span id="template_title2">高齢者インフルエンザ予防接種</span>
161 
-                        </div>
278 
+    <div id="third_body">
279 
+        <!--セクション space-->
280 
+
281 
+        <!--セクション template-->
282 
+        <section id="template">
283 
+            <article id="breadcrumb">
284 
+                <div id="breadcrumb_title">
285 
+                    <div id="breadcrumb_title_block">
286 
+              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
287 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Health.html">健康・予防</a>>
288 
+                <a href="../../third/living/Vaccination.html">予防接種</a>>
289 
+                  高齢者の予防接種
290 
+              </span>
162 291 
                     </div>
163 
-                    <span id="template_article_block">
164 
-                        <p class="paragraphT10">
165 
-                            <strong>対象年齢</strong><br />
166 
-                            ○65歳以上の者<br />
167 
-                            ※60歳以上65歳未満の者であって、心臓、腎臓若しくは呼吸器の機能又は人免疫不全ウイルスによる免疫の機能に障がいを有する者（内部障害1級程度）
168 
-                        </p>
169 
-                        <p class="paragraphT10">期日：令和3年10月15日から令和4年1月31日<br />
170 
-                            場所：町内高齢者予防接種委託医療機関だけでなく、岐阜県広域化予防接種委託医療機関での予防接種も可能です。接種のおりには、かかりつけ医に委託医療機関であるかどうかを確認のうえ、予約をしてから受診してください。
171 
-                        </p>
172 
-                    </span>
173 
-                </article>
292 
+                </div>
293 
+            </article>
174 294
175 
-                <article id="template_list_title">
176 
-                    <div id="template_title2" class="gothic">
177 
-                        <div id="template_title_block">
178 
-                            <span id="template_title2">高齢者肺炎球菌予防接種</span>
179 
-                        </div>
295 
+            <article id="template">
296 
+                <div id="template_title" class="gothic">
297 
+                    <div id="template_title_block">
298 
+                        <span id="template_title">高齢者の予防接種</span>
180 299 
                     </div>
181 
-                    <span id="template_article_block">
182 
-                        <p class="paragraphT10"><strong>対象年齢</strong><br />
183 
-                            ①②の方で一度も２３価肺炎球菌ワクチンの予防接種を受けたことがない方<br />
184 
-                            ①対象年度末に65、70、75、80、85、90、95、100歳になる者<br />
185 
-                            ②60歳以上65歳未満の者であって、心臓、肝臓若しくは呼吸器の機能又は人免疫不全ウィルスによる免疫の機能に障がいを有する者（内部障害１級程度）</p>
186 
-                        <p class="paragraphT10">期日：対象年度内<br />
187 
-                            場所：町内高齢者予防接種委託医療機関だけでなく、岐阜県広域化予防接種委託医療機関での予防接種も可能です。接種のおりには、かかりつけ医に委託医療機関であるかどうかを確認のうえ、予約をしてから受診してください。
188 
-
189 
-                        </p>
190 
-                    </span>
191 
-                </article>
300 
+                </div>
301 
+            </article>
302 
+            <!--年齢について====================================================================================================================================================================-->
192 303
193 
-                <article id="template_list_title">
194 
-                    <div id="template_title2" class="gothic">
195 
-                        <div id="template_title_block">
196 
-                            <span id="template_title2">町内高齢者予防接種委託医療機関</span>
197 
-                        </div>
304 
+            <article id="template_list_title">
305 
+                <div id="template_title2" class="gothic">
306 
+                    <div id="template_title_block">
307 
+                        <span id="template_title2">高齢者インフルエンザ予防接種</span>
198 308 
                     </div>
199 
-                    <span id="template_article_block">
200 
-                        <p class="paragraphT10">
201 
-                            ※印はインフルエンザのみ<br />
202 
-                            ・伊藤医院（戸羽町）058-324-0030<br />
203 
-                            ※いとう耳鼻咽喉科（加茂町）058-323-8741<br />
204 
-                            ・いのうえクリニック（芝原東町）058-323-8077<br />
205 
-                            ・大野医院（増屋町）058-324-0270<br />
206 
-                            ・北方医院（俵町）058-324-0043<br />
207 
-                            ・北方在宅クリニック（柱本白坪）058-322-3901<br />
208 
-                            ・北方ひまわりクリニック（曲路）058-320-0188<br />
209 
-                            ・斎藤リウマチ科内科整形外科（栄町）058-324-8000<br />
210 
-                            ・こやまかわせみクリニック（高屋）058-201-7755<br />
211 
-                            ・さとうファミリークリニック（小柳）058-323-2511<br />
212 
-                            ・鹿野クリニック（高屋白木）058-324-1222<br />
213 
-                            ※高屋伊勢田耳鼻咽喉科（高屋伊勢田）058-323-1124<br />
214 
-                            ・野口整形外科・内科医院（柱本）058-320-3232<br />
215 
-                            ・東堀クリニック（若宮）058-320-1700<br />
216 
-                    </span>
217 
-                </article>
309 
+                </div>
310 
+                <span id="template_article_block">
311 
+            <p class="paragraphT10">
312 
+                <strong>対象年齢</strong><br/>
313 
+                 ○65歳以上の者<br/>
314 
+            ※60歳以上65歳未満の者であって、心臓、腎臓若しくは呼吸器の機能又は人免疫不全ウイルスによる免疫の機能に障がいを有する者（内部障害1級程度）</p>
315 
+          <p class="paragraphT10">期日：令和3年10月15日から令和4年1月31日<br/>
316 
+            場所：町内高齢者予防接種委託医療機関だけでなく、岐阜県広域化予防接種委託医療機関での予防接種も可能です。接種のおりには、かかりつけ医に委託医療機関であるかどうかを確認のうえ、予約をしてから受診してください。
317 
+          </p>
318 
+          </span>
319 
+            </article>
218 320
219 
-                <article id="template_list_title">
220 
-                    <div id="template_title2" class="gothic">
221 
-                        <div id="template_title_block">
222 
-                            <span id="template_title2">お問い合わせ</span>
223 
-                        </div>
321 
+            <article id="template_list_title">
322 
+                <div id="template_title2" class="gothic">
323 
+                    <div id="template_title_block">
324 
+                        <span id="template_title2">高齢者肺炎球菌予防接種</span>
224 325 
                     </div>
225 
-                    <span id="template_article_block">
226 
-                        保健センター<br />
227 
-                        Tel 058-323-7600<br />
228 
-                        <a href="../../second/Inquiry_form_hoken.html">お問い合わせフォーム</a>
229 
-                    </span>
230 
-                </article>
231 
-            </section>
232 
-        </div>
326 
+                </div>
327 
+                <span id="template_article_block">
328 
+                    <p class="paragraphT10"><strong>対象年齢</strong><br/>
329 
+            ①②の方で一度も２３価肺炎球菌ワクチンの予防接種を受けたことがない方<br/>
330 
+            ①対象年度末に65、70、75、80、85、90、95、100歳になる者<br/>
331 
+            ②60歳以上65歳未満の者であって、心臓、肝臓若しくは呼吸器の機能又は人免疫不全ウィルスによる免疫の機能に障がいを有する者（内部障害１級程度）</p>
332 
+          <p class="paragraphT10">期日：対象年度内<br/>
333 
+            場所：町内高齢者予防接種委託医療機関だけでなく、岐阜県広域化予防接種委託医療機関での予防接種も可能です。接種のおりには、かかりつけ医に委託医療機関であるかどうかを確認のうえ、予約をしてから受診してください。
233 334
234 
-        <footer>
235 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
236 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
237 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
238 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
239 
-        </footer>
335 
+            </p>
336 
+                </span>
337 
+            </article>
240 338
339 
+            <article id="template_list_title">
340 
+                <div id="template_title2" class="gothic">
341 
+                    <div id="template_title_block">
342 
+                        <span id="template_title2">町内高齢者予防接種委託医療機関</span>
343 
+                    </div>
344 
+                </div>
345 
+                <span id="template_article_block">
346 
+            <p class="paragraphT10">
347 
+              ※印はインフルエンザのみ<br/>
348 
+              ・伊藤医院（戸羽町）058-324-0030<br/>
349 
+              ※いとう耳鼻咽喉科（加茂町）058-323-8741<br/>
350 
+              ・いのうえクリニック（芝原東町）058-323-8077<br/>
351 
+              ・大野医院（増屋町）058-324-0270<br/>
352 
+              ・北方医院（俵町）058-324-0043<br/>
353 
+              ・北方在宅クリニック（柱本白坪）058-322-3901<br/>
354 
+              ・北方ひまわりクリニック（曲路）058-320-0188<br/>
355 
+              ・斎藤リウマチ科内科整形外科（栄町）058-324-8000<br/>
356 
+              ・こやまかわせみクリニック（高屋）058-201-7755<br/>
357 
+              ・さとうファミリークリニック（小柳）058-323-2511<br/>
358 
+              ・鹿野クリニック（高屋白木）058-324-1222<br/>
359 
+              ※高屋伊勢田耳鼻咽喉科（高屋伊勢田）058-323-1124<br/>
360 
+              ・野口整形外科・内科医院（柱本）058-320-3232<br/>
361 
+              ・東堀クリニック（若宮）058-320-1700<br/>
362 
+          </span>
363 
+            </article>
241 364
365 
+            <article id="template_list_title">
366 
+                <div id="template_title2" class="gothic">
367 
+                    <div id="template_title_block">
368 
+                        <span id="template_title2">お問い合わせ</span>
369 
+                    </div>
370 
+                </div>
371 
+                <span id="template_article_block">
372 
+            保健センター<br/>
373 
+            Tel 058-323-7600<br/>
374 
+            <a href="../../second/Inquiry_form_hoken.html">お問い合わせフォーム</a>
375 
+          </span>
376 
+            </article>
377 
+        </section>
242 378 
     </div>
243 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
244 
-        height="1" width="1" />
379 
+
380 
+    <footer>
381 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
382 
+        <div class="footer_mobile">
383 
+            <div class="footer_mobile_title">
384 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
385 
+                <h1 class="footerMobile__text">北方町役場</h1>
386 
+            </div>
387 
+            <div class="footer_mobile_address">
388 
+                <span class="footerTextWrap__text">
389 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
390 
+                </span><br>
391 
+                電話:058-323-1111(代)<br>
392 
+                FAX:058-323-2963<br>
393 
+                開庁日：8時30分～17時15分<br>
394 
+                （土・日・祝日、年末年始を除く）<br>
395 
+            </div>
396 
+        </div>
397 
+        <br class="sp__brDisplay">
398 
+        <p class="footer_text">
399 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
400 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
401 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
402 
+        </p>
403 
+    </footer>
404 
+
405 
+</div>
406 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
407 
+     height="1" width="1"/>
245 408 
 </body>
246 409
247 
-</html>
410 
+</html>

+ 325
- 153
fourth/Welfare_for_the_disabled/Affiliated_organizations_in_the_town.html Ver fichero 

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

+ 363
- 189
fourth/Welfare_for_the_disabled/Allowance_Mutual_Aid_System.html Ver fichero 

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

+ 354
- 179
fourth/Welfare_for_the_disabled/Community_life_support_project.html Ver fichero 

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

+ 330
- 158
fourth/Welfare_for_the_disabled/Disability_Discrimination_Elimination_Law.html Ver fichero 

@@ -1,171 +1,326 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>北方町ホームページ</title>
7 
-  <link rel="stylesheet" href="../../css/base.css">
8 
-  <link rel="stylesheet" href="../../css/second_header.css">
9 
-  <link rel="stylesheet" href="../../css/footer.css">
10 
-  <link rel="stylesheet" href="../../css/section.css">
11 
-  <link rel="stylesheet" href="../../css/third_template.css">
12 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <script src="../../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
7 
+    <link rel="stylesheet" href="../../css/base.css">
8 
+    <link rel="stylesheet" href="../../css/second_header.css">
9 
+    <link rel="stylesheet" href="../../css/footer.css">
10 
+    <link rel="stylesheet" href="../../css/section.css">
11 
+    <link rel="stylesheet" href="../../css/third_template.css">
12 
+    <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <script src="../../js/operation.js"></script>
18 
+    <script src="../../js/menu.js"></script>
19 
+    <script src="../../js/accordion.js"></script>
20 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+    </meta>
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-  <div id="main" class="gothic">
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+    <!-- mobile header -->
37 
+    <header class="header">
38 
+        <div class="headerLogo">
39 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+        </div>
42 
+        <div class="headerTitle">
43 
+            <a href="../../index.html" class="header_link">
44 
+                <h1 class="headerTitle__text">北方町</h1>
45 
+            </a>
46 
+        </div>
47 
+        <div class="headerSubTitle">
48 
+            <a href="../../index.html" class="header_link">
49 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+            </a>
51 
+        </div>
52 
+        <div id="h-menu">
53 
+            <span></span>
54 
+            <span></span>
55 
+            <span></span>
56 
+            <div id="h-text">menu</div>
57 
+        </div>
58 
+        <div id="h-nav">
59 
+            <div class="h-menu_main_block_top">
60 
+                <div class="h-menu_main_block">
61 
+                    <div class="h-menu_block">
62 
+                        <a href="../../second/living.html">
63 
+                            <div class="h-menu_block_text h-menu_block_before">
64 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+                            </div>
66 
+                        </a>
67 
+                    </div>
68 
+                </div>
69 
+                <div class="h-menu_main_block">
70 
+                    <div class="h-menu_block">
71 
+                        <a href="../../second/tourism.html">
72 
+                            <div class="h-menu_block_text h-menu_block_before">
73 
+                                <div class="h-menu_block_text_center">
74 
+                                    観光
75 
+                                </div>
76 
+                            </div>
77 
+                        </a>
78 
+                    </div>
79 
+                </div>
80 
+                <div class="h-menu_main_block">
81 
+                    <div class="h-menu_block">
82 
+                        <a href="../../second/business.html">
83 
+                            <div class="h-menu_block_text h-menu_block_before">
84 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+                            </div>
86 
+                        </a>
87 
+                    </div>
88 
+                </div>
89 
+                <div class="h-menu_main_block">
90 
+                    <div class="h-menu_block">
91 
+                        <a href="../../second/town_admini_info.html">
92 
+                            <div class="h-menu_block_text h-menu_block_before">
93 
+                                <div class="h-menu_block_text_center">町政情報</div>
94 
+                            </div>
95 
+                        </a>
96 
+                    </div>
97 
+                </div>
98 
+                <div class="h-menu_main_block">
99 
+                    <div class="h-menu_block h-menu_block_before">
100 
+                        <a href="../../second/sitemap.html">
101 
+                            <div class="h-menu_block_text h-menu_block_before">
102 
+                                <div class="h-menu_block_text_center">
103 
+                                    サイトマップ
104 
+                                </div>
105 
+                            </div>
106 
+                        </a>
107 
+                    </div>
108 
+                </div>
109 
+                <div class="h-menu_main_block">
110 
+                    <div class="h-menu_block h-menu_block_before">
111 
+                        <a href="https://ai-staff.net/kitagata/chat">
112 
+                            <div class="h-menu_block_text  h-menu_block_before">
113 
+                                <div class="h-menu_block_text_center">
114 
+                                    AIチャット
115 
+                                </div>
116 
+                            </div>
117 
+                        </a>
118 
+                    </div>
119 
+                </div>
120 
+                <div class="h-menu_main_block">
121 
+                    <div class="h-menu_block h-menu_block_before">
122 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+                            <div class="h-menu_block_text">
124 
+                                <div class="h-menu_block_text_center">
125 
+                                    お問い合わせ一覧
126 
+                                </div>
127 
+                            </div>
128 
+                        </a>
129 
+                    </div>
130 
+                </div>
131 
+                <div class="h-menu_main_block">
132 
+                    <div class="h-menu_lang">
133 
+                        <div class="h-menu_block_lang">
134 
+                            <div class="h-menu_block_text_center">
135 
+                                <div class="h-menu_block_text_line">
136 
+                                    背景変更
137 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                                    </div>
139 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                                    </div>
141 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                                    </div>
143 
+                                </div>
144 
+                                <script>
145 
+                                    getBackgNumber2();
146 
+                                </script>
147 
+                                <div class="h-menu_block_text_line">言語選択
148 
+                                    <div class="mobile_translation">
149 
+                                        <div id="google_translate_element"></div>
150 
+                                    </div>
151 
+                                </div>
152 
+                            </div>
153 
+                        </div>
154 
+                    </div>
155 
+                </div>
156 
+                <div class="h-menu_main_block">
157 
+                    <div class="h-menu_search">
158 
+                        <div class="h-menu_block_search">
159 
+                            <form action="https://www.google.com/search">
160 
+                                <input type="hidden" name="hl" value="ja"/>
161 
+                                <input type="hidden" name="ie" value="UTF-8">
162 
+                                <input type="hidden" name="oe" value="UTF-8">
163 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                                       class="mobile_form_input"/>
166 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+                            </form>
168 
+                        </div>
169 
+                    </div>
170 
+                </div>
171 
+            </div>
172 
+        </div>
173 
+    </header>
174 
+
20 175 
     <!--セクション 操作-->
21 176 
     <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
177 
+        <!--セクション 住所-->
178 
+        <article id="address">
179 
+            <address id="operation_add">
180 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+            </address>
40 182 
         </article>
183 
+        <div id="controle_panel">
184 
+            <!--セクション 背景色-->
185 
+            <article id="bgcolor">
186 
+                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
187 
+                <div id="bgcolor_img">
188 
+                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
189 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
190 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
191 
+                </div>
192 
+                <script>
193 
+                    getBackgNumber3();
194 
+                </script>
195 
+            </article>
41 196
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
197 
+            <!--セクション 文字サイズ-->
198 
+            <!--<article id="charsize" >
199 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
200 
+            <div id="charsize_img">
201 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
202 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
203 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
204 
+            </div>
205 
+            </article>-->
51 206
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
207 
+            <!--セクション サイトマップ-->
208 
+            <article id="sitemap">
209 
+                <div id="sitemap_img">
210 
+                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
211 
+                </div>
212 
+            </article>
213 
+            <!--セクション お問い合わせ-->
214 
+            <article id="contact">
215 
+                <div id="contact_img">
216 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
217 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
218 
+                </div>
219 
+            </article>
220 
+            <!--セクション 翻訳-->
221 
+            <article id="translation">
222 
+                <div id="translation_img">
223 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
224 
+                    <div id="google_translate_element"></div>
225 
+                    <script type="text/javascript">
226 
+                        function googleTranslateElementInit() {
227 
+                            new google.translate.TranslateElement({
228 
+                                pageLanguage: 'ja',
229 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
230 
+                            }, 'google_translate_element');
231 
+                        }
232 
+                    </script>
233 
+                    <script type="text/javascript"
234 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
235 
+                </div>
236 
+            </article>
237 
+            <div id="claer">
238 
+            </div>
83 239 
         </div>
84 
-      </div>
85 240 
     </section>
86 241
87 242 
     <!--ヘッダーデータ-->
88 243 
     <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
244 
+        <div id="header" class="gothic">
245 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
246 
+            <div id="h_block_1">
247 
+                <div class="h_line">
248 
+                </div>
249 
+                <article class="h_text_l">
250 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
251 
+                </article>
252 
+                <article class="h_text_l">
253 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
254 
+                </article>
255 
+                <article class="h_text_l">
256 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
257 
+                </article>
258 
+                <article class="h_text_l">
259 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
260 
+                </article>
261 
+            </div>
262 
+            <div id="h_block_search">
263 
+                <div class="h_line"></div>
264 
+                <article class="h_search">
265 
+                    <div class="space10"></div>
266 
+                    <form action="http://www.google.com/search">
267 
+                        <input type="hidden" name="hl" value="ja"/>
268 
+                        <input type="hidden" name="ie" value="UTF-8">
269 
+                        <input type="hidden" name="oe" value="UTF-8">
270 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
271 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
272 
+                        <input type="submit" name="btnG" value="検索"/>
273 
+                    </form>
274 
+                </article>
275 
+            </div>
120 276 
         </div>
121 
-      </div>
122 277 
     </header>
123 278
124 279 
     <div id="third_body">
125 
-      <!--セクション space-->
280 
+        <!--セクション space-->
126 281
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
282 
+        <!--セクション template-->
283 
+        <section id="template">
284 
+            <article id="breadcrumb">
285 
+                <div id="breadcrumb_title">
286 
+                    <div id="breadcrumb_title_block">
132 287 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
134 
-                  href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>障害者差別解消法</span>
135 
-            </div>
136 
-          </div>
137 
-        </article>
138 
-        <article id="template">
139 
-          <div id="template_title" class="gothic">
140 
-            <div id="template_title_block">
141 
-              <span id="template_title">障害者差別解消法</span>
142 
-            </div>
143 
-          </div>
144 
-        </article>
288 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
289 
+                      href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>障害者差別解消法</span>
290 
+                    </div>
291 
+                </div>
292 
+            </article>
293 
+            <article id="template">
294 
+                <div id="template_title" class="gothic">
295 
+                    <div id="template_title_block">
296 
+                        <span id="template_title">障害者差別解消法</span>
297 
+                    </div>
298 
+                </div>
299 
+            </article>
145 300
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">障害者差別解消法</span>
150 
-            </div>
151 
-          </div>
152 
-          <span id="template_article_block">
301 
+            <article id="template_list_title">
302 
+                <div id="template_title2" class="gothic">
303 
+                    <div id="template_title_block">
304 
+                        <span id="template_title2">障害者差別解消法</span>
305 
+                    </div>
306 
+                </div>
307 
+                <span id="template_article_block">
153 308 
             <p style="text-indent:1em;">
154 309 
               平成28年4月1日より、障害者差別解消法が施行されました。町では、障がいのある方にとって行政サービスを使いやすいものにするため、職員が障がいの特性を理解したうえで適切に対応するよう配慮マニュアルを作成しました。
155 310 
               このマニュアルは、あくまで基礎的なものであるため、今後ご意見をいただきながら改良を重ねていく予定です。</p>
156 
-            <a href="../../css/pdf/2021_11_12_syougai_sabetu_hairyo.pdf" target="_blank">北方町版　障害者差別対応マニュアル（PDF）</a><br />
157 
-            <br />
158 
-            <br />
159 
-            <span style="font-size:x-large;">障がい者虐待防止のために</span><br />
311 
+            <a href="../../css/pdf/2021_11_12_syougai_sabetu_hairyo.pdf" target="_blank">北方町版　障害者差別対応マニュアル（PDF）</a><br/>
312 
+            <br/>
313 
+            <br/>
314 
+            <span style="font-size:x-large;">障がい者虐待防止のために</span><br/>
160 315 
             <p style="text-indent:1em;">障がい者に対する虐待は障がい者の尊厳を害するものであり、障がい者の自立及び社会参加にとって障がい者に対する虐待を防止することは極めて重要です。</p>
161 
-            平成24年10月1日に「障害者虐待の防止、障害者の養護者に対する支援等に関する法律」（以下、「障害者虐待防止法」といいます。）が施行され、障がい者に対する虐待を発見した者は、市町村等に通報することが義務づけられました。<br />
316 
+            平成24年10月1日に「障害者虐待の防止、障害者の養護者に対する支援等に関する法律」（以下、「障害者虐待防止法」といいます。）が施行され、障がい者に対する虐待を発見した者は、市町村等に通報することが義務づけられました。<br/>
162 317 
             <p style="text-indent:1em;">障がい者虐待を防止するためには、早期発見・早期対応が重要です。障がい者虐待と思われる事柄を見聞きしたら、下記窓口にご相談ください。</p>
163 318 
             <p style="text-indent:1em;">虐待を受けたと思われる方が障害者手帳を持っているかは関係ありません。</p>
164 319 
             <p style="text-indent:1em;">通報したことを理由に不利益な取扱いを受けることはありません（虚偽・過失の場合を除く）。</p>
165 320 
             <a
166 
-              href="http://www.mhlw.go.jp/stf/seisakunitsuite/bunya/hukushi_kaigo/shougaishahukushi/gyakutaiboushi/index.html?PHPSESSID=996abbebf9edb91c6e760f8f54a4a799">参考：障害者虐待防止法が施行されました(厚生労働省HP)</a><br />
167 
-            <br />
168 
-            相談窓口<br />
321 
+                    href="http://www.mhlw.go.jp/stf/seisakunitsuite/bunya/hukushi_kaigo/shougaishahukushi/gyakutaiboushi/index.html?PHPSESSID=996abbebf9edb91c6e760f8f54a4a799">参考：障害者虐待防止法が施行されました(厚生労働省HP)</a><br/>
322 
+            <br/>
323 
+            相談窓口<br/>
169 324 
             <table border="0">
170 325 
               <tr>
171 326 
                 <td>役場 福祉子ども課</td>
 
@@ -193,35 +348,52 @@
193 348 
               </tr>
194 349 
             </table>
195 350 
           </span>
196 
-        </article>
351 
+            </article>
197 352
198 353
199 
-        <article id="template_list_title">
200 
-          <div id="template_title2" class="gothic">
201 
-            <div id="template_title_block">
202 
-              <span id="template_title2">お問い合わせ</span>
203 
-            </div>
204 
-          </div>
205 
-          <span id="template_article_block">
206 
-            福祉子ども課<br />
207 
-            Tel 058-323-1119<br />
354 
+            <article id="template_list_title">
355 
+                <div id="template_title2" class="gothic">
356 
+                    <div id="template_title_block">
357 
+                        <span id="template_title2">お問い合わせ</span>
358 
+                    </div>
359 
+                </div>
360 
+                <span id="template_article_block">
361 
+            福祉子ども課<br/>
362 
+            Tel 058-323-1119<br/>
208 363 
             <a href="../../second/Inquiry_form_welfare.html">お問い合わせフォーム</a>
209 364 
           </span>
210 
-        </article>
211 
-      </section>
365 
+            </article>
366 
+        </section>
212 367 
     </div>
213 368
214 369 
     <footer>
215 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
216 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
217 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
218 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
370 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
371 
+        <div class="footer_mobile">
372 
+            <div class="footer_mobile_title">
373 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
374 
+                <h1 class="footerMobile__text">北方町役場</h1>
375 
+            </div>
376 
+            <div class="footer_mobile_address">
377 
+                <span class="footerTextWrap__text">
378 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
379 
+                </span><br>
380 
+                電話:058-323-1111(代)<br>
381 
+                FAX:058-323-2963<br>
382 
+                開庁日：8時30分～17時15分<br>
383 
+                （土・日・祝日、年末年始を除く）<br>
384 
+            </div>
385 
+        </div>
386 
+        <br class="sp__brDisplay">
387 
+        <p class="footer_text">
388 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
389 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
390 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
391 
+        </p>
219 392 
     </footer>
220 393
221 
-
222 
-  </div>
223 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
224 
-    height="1" width="1" />
394 
+</div>
395 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
396 
+     height="1" width="1"/>
225 397 
 </body>
226 398
227 399 
 </html>

+ 393
- 221
fourth/Welfare_for_the_disabled/Disability_Welfare_Service.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
     <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
     <title>北方町ホームページ</title>
7 7 
     <link rel="stylesheet" href="../../css/base.css">
8 8 
     <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,121 +10,274 @@
10 10 
     <link rel="stylesheet" href="../../css/section.css">
11 11 
     <link rel="stylesheet" href="../../css/third_template.css">
12 12 
     <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
13 18 
     <script src="../../js/operation.js"></script>
19 
+    <script src="../../js/menu.js"></script>
20 
+    <script src="../../js/accordion.js"></script>
14 21 
     <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
     </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
19 36 
 <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-        <!--セクション 住所-->
23 
-        <article id="address">
24 
-            <address id="operation_add">
25 
-                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-            </address>
27 
-        </article>
28 
-        <div id="controle_panel">
29 
-            <!--セクション 背景色-->
30 
-            <article id="bgcolor">
31 
-                <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
32 
-                <div id="bgcolor_img">
33 
-                    <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
34 
-                           onClick="setBackground3(1)">
35 
-                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
36 
-                           onClick="setBackground3(2)">
37 
-                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
38 
-                           onClick="setBackground3(3)">
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>
39 69 
                 </div>
40 
-                <script>
41 
-                    getBackgNumber3();
42 
-                </script>
43 
-            </article>
44 
-
45 
-            <!--セクション 文字サイズ-->
46 
-            <!--<article id="charsize" >
47 
-    <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
48 
-    <div id="charsize_img">
49 
-    <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
50 
-    <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
51 
-    <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
52 
-    </div>
53 
-    </article>-->
54 
-
55 
-            <!--セクション サイトマップ-->
56 
-            <article id="sitemap">
57 
-                <div id="sitemap_img">
58 
-                    <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
70 
+                <div class="h-menu_main_block">
71 
+                    <div class="h-menu_block">
72 
+                        <a href="../../second/tourism.html">
73 
+                            <div class="h-menu_block_text h-menu_block_before">
74 
+                                <div class="h-menu_block_text_center">
75 
+                                    観光
76 
+                                </div>
77 
+                            </div>
78 
+                        </a>
79 
+                    </div>
59 80 
                 </div>
60 
-            </article>
61 
-            <!--セクション お問い合わせ-->
62 
-            <article id="contact">
63 
-                <div id="contact_img">
64 
-                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
65 
-                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
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>
66 89 
                 </div>
67 
-            </article>
68 
-            <!--セクション 翻訳-->
69 
-            <article id="translation">
70 
-                <div id="translation_img">
71 
-                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
72 
-                    <div id="google_translate_element"></div>
73 
-                    <script type="text/javascript">
74 
-                        function googleTranslateElementInit() {
75 
-                            new google.translate.TranslateElement({
76 
-                                pageLanguage: 'ja',
77 
-                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
78 
-                            }, 'google_translate_element');
79 
-                        }
80 
-                    </script>
81 
-                    <script type="text/javascript"
82 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
90 
+                <div class="h-menu_main_block">
91 
+                    <div class="h-menu_block">
92 
+                        <a href="../../second/town_admini_info.html">
93 
+                            <div class="h-menu_block_text h-menu_block_before">
94 
+                                <div class="h-menu_block_text_center">町政情報</div>
95 
+                            </div>
96 
+                        </a>
97 
+                    </div>
83 98 
                 </div>
84 
-            </article>
85 
-            <div id="claer">
86 
-            </div>
87 
-        </div>
88 
-    </section>
89 
-
90 
-    <!--ヘッダーデータ-->
91 
-    <header>
92 
-        <div id="header" class="gothic">
93 
-            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
94 
-            <div id="h_block_1">
95 
-                <div class="h_line">
99 
+                <div class="h-menu_main_block">
100 
+                    <div class="h-menu_block h-menu_block_before">
101 
+                        <a href="../../second/sitemap.html">
102 
+                            <div class="h-menu_block_text h-menu_block_before">
103 
+                                <div class="h-menu_block_text_center">
104 
+                                    サイトマップ
105 
+                                </div>
106 
+                            </div>
107 
+                        </a>
108 
+                    </div>
109 
+                </div>
110 
+                <div class="h-menu_main_block">
111 
+                    <div class="h-menu_block h-menu_block_before">
112 
+                        <a href="https://ai-staff.net/kitagata/chat">
113 
+                            <div class="h-menu_block_text  h-menu_block_before">
114 
+                                <div class="h-menu_block_text_center">
115 
+                                    AIチャット
116 
+                                </div>
117 
+                            </div>
118 
+                        </a>
119 
+                    </div>
120 
+                </div>
121 
+                <div class="h-menu_main_block">
122 
+                    <div class="h-menu_block h-menu_block_before">
123 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
124 
+                            <div class="h-menu_block_text">
125 
+                                <div class="h-menu_block_text_center">
126 
+                                    お問い合わせ一覧
127 
+                                </div>
128 
+                            </div>
129 
+                        </a>
130 
+                    </div>
131 
+                </div>
132 
+                <div class="h-menu_main_block">
133 
+                    <div class="h-menu_lang">
134 
+                        <div class="h-menu_block_lang">
135 
+                            <div class="h-menu_block_text_center">
136 
+                                <div class="h-menu_block_text_line">
137 
+                                    背景変更
138 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+                                    </div>
140 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+                                    </div>
142 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+                                    </div>
144 
+                                </div>
145 
+                                <script>
146 
+                                    getBackgNumber2();
147 
+                                </script>
148 
+                                <div class="h-menu_block_text_line">言語選択
149 
+                                    <div class="mobile_translation">
150 
+                                        <div id="google_translate_element"></div>
151 
+                                    </div>
152 
+                                </div>
153 
+                            </div>
154 
+                        </div>
155 
+                    </div>
156 
+                </div>
157 
+                <div class="h-menu_main_block">
158 
+                    <div class="h-menu_search">
159 
+                        <div class="h-menu_block_search">
160 
+                            <form action="https://www.google.com/search">
161 
+                                <input type="hidden" name="hl" value="ja"/>
162 
+                                <input type="hidden" name="ie" value="UTF-8">
163 
+                                <input type="hidden" name="oe" value="UTF-8">
164 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                                       class="mobile_form_input"/>
167 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                            </form>
169 
+                        </div>
170 
+                    </div>
96 171 
                 </div>
97 
-                <article class="h_text_l">
98 
-                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
99 
-                </article>
100 
-                <article class="h_text_l">
101 
-                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
102 
-                </article>
103 
-                <article class="h_text_l">
104 
-                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
105 
-                </article>
106 
-                <article class="h_text_l">
107 
-                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
108 
-                </article>
109 
-            </div>
110 
-            <div id="h_block_search">
111 
-                <div class="h_line"></div>
112 
-                <article class="h_search">
113 
-                    <div class="space10"></div>
114 
-                    <form action="http://www.google.com/search">
115 
-                        <input type="hidden" name="hl" value="ja"/>
116 
-                        <input type="hidden" name="ie" value="UTF-8">
117 
-                        <input type="hidden" name="oe" value="UTF-8">
118 
-                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
119 
-                        <input type="text" name="q" size="16" maxlength="256" value=""/>
120 
-                        <input type="submit" name="btnG" value="検索"/>
121 
-                    </form>
122 
-                </article>
123 172 
             </div>
124 173 
         </div>
125 174 
     </header>
126 175
127 
-    <div id="third_body">
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> TEL:058-323-1111(代)</span>
182 
+      </address>
183 
+    </article>
184 
+    <div id="controle_panel">
185 
+      <!--セクション 背景色-->
186 
+      <article id="bgcolor">
187 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
188 
+        <div id="bgcolor_img">
189 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
190 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
191 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
192 
+        </div>
193 
+        <script>
194 
+            getBackgNumber3();
195 
+        </script>
196 
+      </article>
197 
+
198 
+      <!--セクション 文字サイズ-->
199 
+      <!--<article id="charsize" >
200 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
201 
+      <div id="charsize_img">
202 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
203 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
204 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
205 
+      </div>
206 
+      </article>-->
207 
+
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>
213 
+      </article>
214 
+      <!--セクション お問い合わせ-->
215 
+      <article id="contact">
216 
+        <div id="contact_img">
217 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
218 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
219 
+        </div>
220 
+      </article>
221 
+      <!--セクション 翻訳-->
222 
+      <article id="translation">
223 
+        <div id="translation_img">
224 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
225 
+          <div id="google_translate_element"></div>
226 
+          <script type="text/javascript">
227 
+              function googleTranslateElementInit() {
228 
+                  new google.translate.TranslateElement({
229 
+                      pageLanguage: 'ja',
230 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
231 
+                  }, 'google_translate_element');
232 
+              }
233 
+          </script>
234 
+          <script type="text/javascript"
235 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
236 
+        </div>
237 
+      </article>
238 
+      <div id="claer">
239 
+      </div>
240 
+    </div>
241 
+  </section>
242 
+
243 
+  <!--ヘッダーデータ-->
244 
+  <header>
245 
+    <div id="header" class="gothic">
246 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
247 
+      <div id="h_block_1">
248 
+        <div class="h_line">
249 
+        </div>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
252 
+        </article>
253 
+        <article class="h_text_l">
254 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
255 
+        </article>
256 
+        <article class="h_text_l">
257 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
258 
+        </article>
259 
+        <article class="h_text_l">
260 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
261 
+        </article>
262 
+      </div>
263 
+      <div id="h_block_search">
264 
+        <div class="h_line"></div>
265 
+        <article class="h_search">
266 
+          <div class="space10"></div>
267 
+          <form action="http://www.google.com/search">
268 
+            <input type="hidden" name="hl" value="ja"/>
269 
+            <input type="hidden" name="ie" value="UTF-8">
270 
+            <input type="hidden" name="oe" value="UTF-8">
271 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
272 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
273 
+            <input type="submit" name="btnG" value="検索"/>
274 
+          </form>
275 
+        </article>
276 
+      </div>
277 
+    </div>
278 
+  </header>
279 
+
280 
+  <div id="third_body">
128 281 
         <!--セクション space-->
129 282
130 283 
         <!--セクション template-->
 
@@ -158,95 +311,99 @@
158 311 
             <p class="paragraphT5">介護保険サービスと重複するものは、介護保険が優先されます。<br/>
159 312 
               平成25年4月から施行された障害者総合支援法では、障がい者の範囲に難病等の方々が加わりました。<br/>
160 313 
               対象となる方々は、身体障がい者手帳の有無に関わらず、必要と認められた障がい福祉サービス等の受給が可能となります。</p>
161 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
162 
-              <p>訪問系サービス…在宅で訪問を受けたり、通所などして利用する<br>
163 
-                　　　　　　　　サービスです。</p>
164 
-              <tr>
165 
-                <th width="64" bgcolor="#add8e6">給付の種類</th>
166 
-                <th width="110" bgcolor="#add8e6">サービスの名称</th>
167 
-                <th width="270" bgcolor="#add8e6">内容</th>
168 
-              </tr>
169 
-              <tr>
170 
-                <th rowspan="6" bgcolor="#add8e6">介護給付</th>
171 
-                <th bgcolor="#add8e6">居宅介護（ホームヘルプ）</th>
172 
-                <td bgcolor="#dcdcdc">自宅で入浴や排せつ、食事などの介助をします。</td>
173 
-              </tr>
174 
-              <th bgcolor="#add8e6">重度訪問介護</th>
175 
-              <td bgcolor="#dcdcdc">重度の障がいがあり常に介護が必要な人に自宅で入浴や排せつ、食事などの介助や外出時の移動の補助をします。</td>
176 
-                </tr>
177 
-                <th bgcolor="#add8e6">同行援護</th>
178 
-              <td bgcolor="#dcdcdc">視覚障がいにより、移動に著しい困難を有する場合、外出時において、障がい者等に同行し、移動に必要な情報を提供します。</td>
179 
-                </tr>
180 
-                <tr>
181 
-                <th bgcolor="#add8e6">行動援護</th>
182 
-                <td bgcolor="#dcdcdc">知的障がいや精神障がいにより行動が困難で常に介護が必要な人に、行動するとき必要な介助や外出時の移動の補助などをします。</td>
183 
-              </tr>
184 
-              <tr>
185 
-                <th bgcolor="#add8e6">短期入所（ショートステイ）</th>
186 
-                <td bgcolor="#dcdcdc">家で介護を行う人が病気などの場合、短期間、施設へ入所できます。</td>
187 
-              </tr>
188 
-              <tr>
189 
-                <th height="54" bgcolor="#add8e6">重度障がい等包括支援</th>
190 
-                <td bgcolor="#dcdcdc">常に介護が必要な人のなかでも介護が必要な程度が非常に高いと認められた人には、居宅介護などの障がい福祉サービスを包括的に提供します。</td>
191 
-              </tr>
192 
-            </table>
314 
+              <p>訪問系サービス…在宅で訪問を受けたり、通所などして利用するサービスです。</p>
315 
+                <div class="scroll_table">
316 
+                    <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
317 
+                      <tr>
318 
+                        <th width="64" bgcolor="#add8e6">給付の種類</th>
319 
+                        <th width="110" bgcolor="#add8e6">サービスの名称</th>
320 
+                        <th width="270" bgcolor="#add8e6">内容</th>
321 
+                      </tr>
322 
+                      <tr>
323 
+                        <th rowspan="6" bgcolor="#add8e6">介護給付</th>
324 
+                        <th bgcolor="#add8e6">居宅介護（ホームヘルプ）</th>
325 
+                        <td bgcolor="#dcdcdc">自宅で入浴や排せつ、食事などの介助をします。</td>
326 
+                      </tr>
327 
+                      <th bgcolor="#add8e6">重度訪問介護</th>
328 
+                      <td bgcolor="#dcdcdc">重度の障がいがあり常に介護が必要な人に自宅で入浴や排せつ、食事などの介助や外出時の移動の補助をします。</td>
329 
+                        </tr>
330 
+                        <th bgcolor="#add8e6">同行援護</th>
331 
+                      <td bgcolor="#dcdcdc">視覚障がいにより、移動に著しい困難を有する場合、外出時において、障がい者等に同行し、移動に必要な情報を提供します。</td>
332 
+                        </tr>
333 
+                        <tr>
334 
+                        <th bgcolor="#add8e6">行動援護</th>
335 
+                        <td bgcolor="#dcdcdc">知的障がいや精神障がいにより行動が困難で常に介護が必要な人に、行動するとき必要な介助や外出時の移動の補助などをします。</td>
336 
+                      </tr>
337 
+                      <tr>
338 
+                        <th bgcolor="#add8e6">短期入所（ショートステイ）</th>
339 
+                        <td bgcolor="#dcdcdc">家で介護を行う人が病気などの場合、短期間、施設へ入所できます。</td>
340 
+                      </tr>
341 
+                      <tr>
342 
+                        <th height="54" bgcolor="#add8e6">重度障がい等包括支援</th>
343 
+                        <td bgcolor="#dcdcdc">常に介護が必要な人のなかでも介護が必要な程度が非常に高いと認められた人には、居宅介護などの障がい福祉サービスを包括的に提供します。</td>
344 
+                      </tr>
345 
+                    </table>
346 
+                </div>
193 347 
             <br/>
194 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
195 348 
               <p>日中活動系サービス…入所施設で昼間の活動を支援するサービスを行います。</p>
196 
-              <tr>
197 
-                <th width="64" bgcolor="#add8e6">給付の種類</th>
198 
-                <th width="110" bgcolor="#add8e6">サービスの名称</th>
199 
-                <th width="270" bgcolor="#add8e6">内容</th>
200 
-              </tr>
201 
-              <tr>
202 
-                <th rowspan="2" bgcolor="#add8e6">介護給付</th>
203 
-                <th bgcolor="#add8e6">療養介護</th>
204 
-                <td bgcolor="#dcdcdc">医療の必要な障がいのある方で常に介護が必要な人に、医療機関で機能訓練や療養上の管理、看護、介護や世話をします。</td>
205 
-              </tr>
206 
-              <th bgcolor="#add8e6">生活介護</th>
207 
-              <td bgcolor="#dcdcdc">常に介護が必要な人に、施設で入浴や排せつ、食事の介護や創作的活動などの機会を提供します。</td>
208 
-                </tr>
209 
-                <tr>
210 
-                <th rowspan="4" bgcolor="#add8e6">訓練等給付</th>
211 
-                <th bgcolor="#add8e6">自立訓練（機能訓練・生活訓練）</th>
212 
-                <td bgcolor="#dcdcdc">自立した日常生活や社会生活ができるよう、一定の期間における身体機能や生活能力向上のために必要な訓練を行います。</td>
213 
-              </tr>
214 
-              <tr>
215 
-                <th height="54" bgcolor="#add8e6">就労移行支援</th>
216 
-                <td bgcolor="#dcdcdc">就労を希望する人に、一定の期間における生産活動やその他の活動の機会の提供、知識や能力の向上のための訓練を行います。</td>
217 
-              </tr>
218 
-                <tr>
219 
-              <th height="54" bgcolor="#add8e6">就労継続支援</th>
220 
-              <td bgcolor="#dcdcdc">通常の事業所で働くことが困難な人に、就労の機会の提供や生産活動の機会の提供、知識や能力の向上のための訓練を行います。</td>
221 
-                </tr>
222 
-                <tr>
223 
-                     <th height="54" bgcolor="#add8e6">就労定着支援</th>
224 
-              <td bgcolor="#dcdcdc">一般就労へ移行した障がいのある人が、就労にともなう環境変化による生活面の課題に対応できるように、企業や自宅への訪問、来所により必要な支援をします。</td>
225 
-                </tr>
226 
-            </table>
349 
+            <div class="scroll_table">
350 
+                <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
351 
+                  <tr>
352 
+                    <th width="64" bgcolor="#add8e6">給付の種類</th>
353 
+                    <th width="110" bgcolor="#add8e6">サービスの名称</th>
354 
+                    <th width="270" bgcolor="#add8e6">内容</th>
355 
+                  </tr>
356 
+                  <tr>
357 
+                    <th rowspan="2" bgcolor="#add8e6">介護給付</th>
358 
+                    <th bgcolor="#add8e6">療養介護</th>
359 
+                    <td bgcolor="#dcdcdc">医療の必要な障がいのある方で常に介護が必要な人に、医療機関で機能訓練や療養上の管理、看護、介護や世話をします。</td>
360 
+                  </tr>
361 
+                  <th bgcolor="#add8e6">生活介護</th>
362 
+                  <td bgcolor="#dcdcdc">常に介護が必要な人に、施設で入浴や排せつ、食事の介護や創作的活動などの機会を提供します。</td>
363 
+                    </tr>
364 
+                    <tr>
365 
+                    <th rowspan="4" bgcolor="#add8e6">訓練等給付</th>
366 
+                    <th bgcolor="#add8e6">自立訓練（機能訓練・生活訓練）</th>
367 
+                    <td bgcolor="#dcdcdc">自立した日常生活や社会生活ができるよう、一定の期間における身体機能や生活能力向上のために必要な訓練を行います。</td>
368 
+                  </tr>
369 
+                  <tr>
370 
+                    <th height="54" bgcolor="#add8e6">就労移行支援</th>
371 
+                    <td bgcolor="#dcdcdc">就労を希望する人に、一定の期間における生産活動やその他の活動の機会の提供、知識や能力の向上のための訓練を行います。</td>
372 
+                  </tr>
373 
+                    <tr>
374 
+                  <th height="54" bgcolor="#add8e6">就労継続支援</th>
375 
+                  <td bgcolor="#dcdcdc">通常の事業所で働くことが困難な人に、就労の機会の提供や生産活動の機会の提供、知識や能力の向上のための訓練を行います。</td>
376 
+                    </tr>
377 
+                    <tr>
378 
+                         <th height="54" bgcolor="#add8e6">就労定着支援</th>
379 
+                  <td bgcolor="#dcdcdc">一般就労へ移行した障がいのある人が、就労にともなう環境変化による生活面の課題に対応できるように、企業や自宅への訪問、来所により必要な支援をします。</td>
380 
+                    </tr>
381 
+                </table>
382 
+            </div>
227 383 
             <br/>
228 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
229 
-              <p>居住系サービス…入所施設で住まいの場としてのサービスを行います。</p>
230 
-              <tr>
231 
-                <th width="64" bgcolor="#add8e6">給付の種類</th>
232 
-                <th width="110" bgcolor="#add8e6">サービスの名称</th>
233 
-                <th width="270" bgcolor="#add8e6">内容</th>
234 
-              </tr>
235 
-                <th rowspan="1" bgcolor="#add8e6">介護給付</th>
236 
-              <th bgcolor="#add8e6">施設入所支援</th>
237 
-              <td bgcolor="#dcdcdc">施設に入所する人に、入浴や排せつ、食事の介護などをします。</td>
238 
-                </tr>
239 
-                <tr>
240 
-                <th rowspan="2" bgcolor="#add8e6">訓練等給付</th>
241 
-                <th bgcolor="#add8e6">共同生活援助（グループホーム）</th>
242 
-                <td bgcolor="#dcdcdc">地域で共同生活を営む人に、住居における相談や日常生活上の援助をします。</td>
243 
-              </tr>
244 
-                <tr>
245 
-                <th bgcolor="#add8e6">自立生活援助</th>
246 
-                <td bgcolor="#dcdcdc">施設を利用していた障がいのある人がひとり暮らしを始めたときに、生活や健康、近所付き合いなどに問題がないか、訪問して必要な助言などの支援をします。</td>
247 
-                </tr>
248 
-            </table>
249 
-
384 
+            <div class="scroll_table">
385 
+                <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
386 
+                  <p>居住系サービス…入所施設で住まいの場としてのサービスを行います。</p>
387 
+                  <tr>
388 
+                    <th width="64" bgcolor="#add8e6">給付の種類</th>
389 
+                    <th width="110" bgcolor="#add8e6">サービスの名称</th>
390 
+                    <th width="270" bgcolor="#add8e6">内容</th>
391 
+                  </tr>
392 
+                    <th rowspan="1" bgcolor="#add8e6">介護給付</th>
393 
+                  <th bgcolor="#add8e6">施設入所支援</th>
394 
+                  <td bgcolor="#dcdcdc">施設に入所する人に、入浴や排せつ、食事の介護などをします。</td>
395 
+                    </tr>
396 
+                    <tr>
397 
+                    <th rowspan="2" bgcolor="#add8e6">訓練等給付</th>
398 
+                    <th bgcolor="#add8e6">共同生活援助（グループホーム）</th>
399 
+                    <td bgcolor="#dcdcdc">地域で共同生活を営む人に、住居における相談や日常生活上の援助をします。</td>
400 
+                  </tr>
401 
+                    <tr>
402 
+                    <th bgcolor="#add8e6">自立生活援助</th>
403 
+                    <td bgcolor="#dcdcdc">施設を利用していた障がいのある人がひとり暮らしを始めたときに、生活や健康、近所付き合いなどに問題がないか、訪問して必要な助言などの支援をします。</td>
404 
+                    </tr>
405 
+                </table>
406 
+            </div>
250 407 
           </span>
251 408 
             </article>
252 409 
 
@@ -257,35 +414,33 @@
257 414 
                     </div>
258 415 
                 </div>
259 416 
                 <span id="template_article_block">
260 
-                     <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
261 
-              <tr>
262 
-                <th width="110" bgcolor="#add8e6">サービスの名称</th>
263 
-                <th width="270" bgcolor="#add8e6">内容</th>
264 
-              </tr>
265 
-              <th bgcolor="#add8e6">児童発達支援</th>
266 
-              <td bgcolor="#dcdcdc">児童発達支援センターその他の施設にて、日常生活における基本的な動作の指導、
267 
-知識技能の付与、集団生活への適応訓練等を行います。</td>
268 
-                         </tr>
269 
-                         <tr>
270 
-                <th bgcolor="#add8e6">医療型児童発達支援</th>
271 
-                <td bgcolor="#dcdcdc">肢体不自由児に対し、児童発達支援および治療を行います。
272 
-</td>
273 
-              </tr>
274 
-                <tr>
275 
-                <th bgcolor="#add8e6">放課後等デイサービス</th>
276 
-                <td bgcolor="#dcdcdc">学校教育法に規定する学校に就学している児童に対し、授業終了後または休業日に、生活能力の向上のために必要な訓練、社会との交流の促進などを行います。
277 
-</td>
278 
-                </tr>
279 
-                          <tr>
280 
-                <th bgcolor="#add8e6">居宅訪問型児童発達支援</th>
281 
-                <td bgcolor="#dcdcdc">居宅を訪問し、日常生活における基本的な動作の指導、知識技能の付与、集団生活への適応訓練、その他必要な支援を行います。</td>
282 
-                </tr>
283 
-                          <tr>
284 
-                <th bgcolor="#add8e6">保育所等訪問支援</th>
285 
-                <td bgcolor="#dcdcdc">障がい児が通う保育所等の施設を訪問し、集団生活への適応のための支援などを行います。
286 
-</td>
287 
-                </tr>
288 
-            </table>
417 
+            <div class="scroll_table">
418 
+                 <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
419 
+                  <tr>
420 
+                    <th width="110" bgcolor="#add8e6">サービスの名称</th>
421 
+                    <th width="270" bgcolor="#add8e6">内容</th>
422 
+                  </tr>
423 
+                  <th bgcolor="#add8e6">児童発達支援</th>
424 
+                  <td bgcolor="#dcdcdc">児童発達支援センターその他の施設にて、日常生活における基本的な動作の指導、知識技能の付与、集団生活への適応訓練等を行います。</td>
425 
+                     </tr>
426 
+                     <tr>
427 
+                    <th bgcolor="#add8e6">医療型児童発達支援</th>
428 
+                    <td bgcolor="#dcdcdc">肢体不自由児に対し、児童発達支援および治療を行います。</td>
429 
+                  </tr>
430 
+                    <tr>
431 
+                    <th bgcolor="#add8e6">放課後等デイサービス</th>
432 
+                    <td bgcolor="#dcdcdc">学校教育法に規定する学校に就学している児童に対し、授業終了後または休業日に、生活能力の向上のために必要な訓練、社会との交流の促進などを行います。</td>
433 
+                    </tr>
434 
+                  <tr>
435 
+                    <th bgcolor="#add8e6">居宅訪問型児童発達支援</th>
436 
+                    <td bgcolor="#dcdcdc">居宅を訪問し、日常生活における基本的な動作の指導、知識技能の付与、集団生活への適応訓練、その他必要な支援を行います。</td>
437 
+                    </tr>
438 
+                  <tr>
439 
+                    <th bgcolor="#add8e6">保育所等訪問支援</th>
440 
+                    <td bgcolor="#dcdcdc">障がい児が通う保育所等の施設を訪問し、集団生活への適応のための支援などを行います。</td>
441 
+                    </tr>
442 
+                </table>
443 
+            </div>
289 444 
           </span>
290 445 
             </article>
291 446 
 
@@ -305,13 +460,30 @@
305 460 
     </div>
306 461
307 462 
     <footer>
308 
-        <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
309 
-        <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
310 
-                href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
311 
-                href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
463 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
464 
+        <div class="footer_mobile">
465 
+            <div class="footer_mobile_title">
466 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
467 
+                <h1 class="footerMobile__text">北方町役場</h1>
468 
+            </div>
469 
+            <div class="footer_mobile_address">
470 
+                <span class="footerTextWrap__text">
471 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
472 
+                </span><br>
473 
+                電話:058-323-1111(代)<br>
474 
+                FAX:058-323-2963<br>
475 
+                開庁日：8時30分～17時15分<br>
476 
+                （土・日・祝日、年末年始を除く）<br>
477 
+            </div>
478 
+        </div>
479 
+        <br class="sp__brDisplay">
480 
+        <p class="footer_text">
481 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
482 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
483 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
484 
+        </p>
312 485 
     </footer>
313 486
314 
-
315 487 
 </div>
316 488 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
317 489 
      height="1" width="1"/>

+ 331
- 159
fourth/Welfare_for_the_disabled/Goods_Procurement_Promotion_Policy.html Ver fichero 

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

+ 339
- 164
fourth/Welfare_for_the_disabled/Help_mark.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,202 +10,377 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/link.css">
13 18 
   <script src="../../js/operation.js"></script>
19 
+  <script src="../../js/menu.js"></script>
20 
+  <script src="../../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-  <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
36 154 
           </div>
37 
-          <script>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
174 
+
175 
+  <!--セクション 操作-->
176 
+  <section id="operation">
177 
+    <!--セクション 住所-->
178 
+    <article id="address">
179 
+      <address id="operation_add">
180 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
181 
+      </address>
182 
+    </article>
183 
+    <div id="controle_panel">
184 
+      <!--セクション 背景色-->
185 
+      <article id="bgcolor">
186 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
187 
+        <div id="bgcolor_img">
188 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
189 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
190 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
191 
+        </div>
192 
+        <script>
38 193 
             getBackgNumber3();
39 
-          </script>
40 
-        </article>
194 
+        </script>
195 
+      </article>
41 196
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
197 
+      <!--セクション 文字サイズ-->
198 
+      <!--<article id="charsize" >
199 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
200 
+      <div id="charsize_img">
201 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
202 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
203 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
204 
+      </div>
205 
+      </article>-->
51 206
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
207 
+      <!--セクション サイトマップ-->
208 
+      <article id="sitemap">
209 
+        <div id="sitemap_img">
210 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション お問い合わせ-->
214 
+      <article id="contact">
215 
+        <div id="contact_img">
216 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
217 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
218 
+        </div>
219 
+      </article>
220 
+      <!--セクション 翻訳-->
221 
+      <article id="translation">
222 
+        <div id="translation_img">
223 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
224 
+          <div id="google_translate_element"></div>
225 
+          <script type="text/javascript">
71 226 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
227 
+                  new google.translate.TranslateElement({
228 
+                      pageLanguage: 'ja',
229 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
230 
+                  }, 'google_translate_element');
76 231 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
232 
+          </script>
233 
+          <script type="text/javascript"
234 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 235 
         </div>
236 
+      </article>
237 
+      <div id="claer">
84 238 
       </div>
85 
-    </section>
239 
+    </div>
240 
+  </section>
86 241
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
242 
+  <!--ヘッダーデータ-->
243 
+  <header>
244 
+    <div id="header" class="gothic">
245 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
246 
+      <div id="h_block_1">
247 
+        <div class="h_line">
120 248 
         </div>
249 
+        <article class="h_text_l">
250 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
251 
+        </article>
252 
+        <article class="h_text_l">
253 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
254 
+        </article>
255 
+        <article class="h_text_l">
256 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
257 
+        </article>
258 
+        <article class="h_text_l">
259 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
260 
+        </article>
121 261 
       </div>
122 
-    </header>
262 
+      <div id="h_block_search">
263 
+        <div class="h_line"></div>
264 
+        <article class="h_search">
265 
+          <div class="space10"></div>
266 
+          <form action="http://www.google.com/search">
267 
+            <input type="hidden" name="hl" value="ja"/>
268 
+            <input type="hidden" name="ie" value="UTF-8">
269 
+            <input type="hidden" name="oe" value="UTF-8">
270 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
271 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
272 
+            <input type="submit" name="btnG" value="検索"/>
273 
+          </form>
274 
+        </article>
275 
+      </div>
276 
+    </div>
277 
+  </header>
123 278
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
279 
+  <div id="third_body">
280 
+    <!--セクション space-->
126 281
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
282 
+    <!--セクション template-->
283 
+    <section id="template">
284 
+      <article id="breadcrumb">
285 
+        <div id="breadcrumb_title">
286 
+          <div id="breadcrumb_title_block">
132 287 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
134 
-                  href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>ヘルプマーク</span>
135 
-            </div>
288 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
289 
+                      href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>ヘルプマーク</span>
136 290 
           </div>
137 
-        </article>
138 
-        <article id="template">
139 
-          <div id="template_title" class="gothic">
140 
-            <div id="template_title_block">
141 
-              <span id="template_title">ヘルプマーク</span>
142 
-            </div>
291 
+        </div>
292 
+      </article>
293 
+      <article id="template">
294 
+        <div id="template_title" class="gothic">
295 
+          <div id="template_title_block">
296 
+            <span id="template_title">ヘルプマーク</span>
143 297 
           </div>
144 
-        </article>
298 
+        </div>
299 
+      </article>
145 300
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">ヘルプマーク</span>
150 
-            </div>
301 
+      <article id="template_list_title">
302 
+        <div id="template_title2" class="gothic">
303 
+          <div id="template_title_block">
304 
+            <span id="template_title2">ヘルプマーク</span>
151 305 
           </div>
152 
-          <span id="template_article_block">
306 
+        </div>
307 
+        <span id="template_article_block">
153 308 
             <p style="text-indent:1em;">
154 309 
               義足や人工関節を利用している方、内部障がいや難病の方、妊娠初期の方など、援助や配慮を必要としている方々が、かばんなどに身に付けることで、周囲の方に手助けを必要とすることや「見えない障がい」への理解を求めるものです。
155 310 
             </p>
156 311 
             <p style="text-indent:1em;">
157 312 
               街中や公共交通機関など生活の様々な場所で、周囲からの配慮を必要としている方がいます。ヘルプマークを身に付けた方を見かけた場合は、電車内で席を譲る、困っているようであれば声をかけるなど、思いやりのある行動をお願いします。
158 
-            </p><br /><br />
159 
-            <span style="font-size:x-large;">ヘルプマークを身に付けている方を見かけたら</span><br />
160 
-            ○電車・バスの中で席をお譲りください<br />
161 
-            　外見では健康に見えても、疲れやすかったり、つり革につかまり続けるなどの同じ姿勢を保つことが困難な方がいます。また、外見から分からないため、優先席に座っていると不審な目で見られ、ストレスを受けることがあります。<br />
162 
-            ○駅や商業施設で声を掛けるなどの配慮をお願いします<br />
163 
-            　交通機関等の事故など、突発的な出来事に対して臨機応変に対応することが困難な方や、立ち上がる、歩く、階段の昇降などの動作が困難な方がいます。<br />
164 
-            ○災害時は安全に避難するための支援をお願いします<br />
165 
-            　視覚や聴覚に障がいがあり、状況把握が難しい方、肢体に障がいがあり自力での迅速な避難が困難な方など、様々な方がいます。<br /><br />
166 
-            <span style="font-size:x-large;">ヘルプマークの配布について</span><br />
167 
-            <span style="margin-right: 3em;">○配布場所</span>福祉子ども課、岐阜県庁障害福祉課<br />
168 
-            <span style="margin-right: 3em;">○配布条件</span>・ご希望の方に無償で配布します。<br />
169 
-            <div style="margin-left: 9em; text-indent:-1em;">・上記窓口で、概要を説明のうえ、おひとりにつき1個個別に配布します。</div><br />
170 
-            <div style="margin-left: 9em; text-indent:-1em;">・配布にあたり、障害者手帳、身分証明書等の提示、申請書などの提出は不要です。</div><br />
171 
-            <div style="margin-left: 9em; text-indent:-1em;">・ご家族や支援者など代理人による受取も可能です。</div><br />
172 
-            <div style="margin-left: 9em; text-indent:-1em;">・郵送による配布は行いません。</div><br /><br />
173 
-            <div style="font-size:x-large;">ヘルプマークチラシ</div><br />
174 
-            • <a href="../../css/pdf/helpmark_omote.pdf" target="_blank"> ヘルプマークチラシ（表面）</a><br />
175 
-            • <a href="../../css/pdf/helpmark_ura.pdf" target="_blank"> ヘルプマークチラシ（裏面）</a><br />
176 
-            <br />
177 
-            • 岐阜県ホームページ　<br /><a href="http://www.pref.gifu.lg.jp/kodomo/shogaisha/horei/11226/helpmark.html"
178 
-              target="_blank">http://www.pref.gifu.lg.jp/kodomo/shogaisha/horei/11226/helpmark.html</a><br /><br>
179 
-
313 
+            </p><br/><br/>
314 
+            <span style="font-size:x-large;">ヘルプマークを身に付けている方を見かけたら</span><br/>
315 
+            ○電車・バスの中で席をお譲りください<br/>
316 
+            　外見では健康に見えても、疲れやすかったり、つり革につかまり続けるなどの同じ姿勢を保つことが困難な方がいます。また、外見から分からないため、優先席に座っていると不審な目で見られ、ストレスを受けることがあります。<br/>
317 
+            ○駅や商業施設で声を掛けるなどの配慮をお願いします<br/>
318 
+            　交通機関等の事故など、突発的な出来事に対して臨機応変に対応することが困難な方や、立ち上がる、歩く、階段の昇降などの動作が困難な方がいます。<br/>
319 
+            ○災害時は安全に避難するための支援をお願いします<br/>
320 
+            　視覚や聴覚に障がいがあり、状況把握が難しい方、肢体に障がいがあり自力での迅速な避難が困難な方など、様々な方がいます。<br/><br/>
321 
+            <span style="font-size:x-large;">ヘルプマークの配布について</span><br/>
322 
+            <span style="margin-right: 3em;">○配布場所</span>福祉子ども課、岐阜県庁障害福祉課<br/>
323 
+            <span style="margin-right: 3em;">○配布条件</span>・ご希望の方に無償で配布します。<br/>
324 
+            <div style="margin-left: 9em; text-indent:-1em;">・上記窓口で、概要を説明のうえ、おひとりにつき1個個別に配布します。</div><br/>
325 
+            <div style="margin-left: 9em; text-indent:-1em;">・配布にあたり、障害者手帳、身分証明書等の提示、申請書などの提出は不要です。</div><br/>
326 
+            <div style="margin-left: 9em; text-indent:-1em;">・ご家族や支援者など代理人による受取も可能です。</div><br/>
327 
+            <div style="margin-left: 9em; text-indent:-1em;">・郵送による配布は行いません。</div><br/><br/>
328 
+            <div style="font-size:x-large;">ヘルプマークチラシ</div><br/>
329 
+            • <a href="../../css/pdf/helpmark_omote.pdf" target="_blank"> ヘルプマークチラシ（表面）</a><br/>
330 
+            • <a href="../../css/pdf/helpmark_ura.pdf" target="_blank"> ヘルプマークチラシ（裏面）</a><br/>
331 
+            <br/>
332 
+            • 岐阜県ホームページ　<br/>
333 
+          <div class="">
334 
+                    <a class="link_mobile" style="width:100%;"
335 
+                       href="http://www.pref.gifu.lg.jp/kodomo/shogaisha/horei/11226/helpmark.html"
336 
+                       target="_blank">http://www.pref.gifu.lg.jp/kodomo/shogaisha/horei/11226/helpmark.html</a><br/><br>
337 
+          </div>
180 338 
           </span>
181 
-        </article>
339 
+      </article>
182 340
183 
-        <article id="template_list_title">
184 
-          <div id="template_title2" class="gothic">
185 
-            <div id="template_title_block">
186 
-              <span id="template_title2">お問い合わせ</span>
187 
-            </div>
341 
+      <article id="template_list_title">
342 
+        <div id="template_title2" class="gothic">
343 
+          <div id="template_title_block">
344 
+            <span id="template_title2">お問い合わせ</span>
188 345 
           </div>
189 
-          <span id="template_article_block">
190 
-            福祉子ども課<br />
191 
-            Tel 058-323-1119<br />
346 
+        </div>
347 
+        <span id="template_article_block">
348 
+            福祉子ども課<br/>
349 
+            Tel 058-323-1119<br/>
192 350 
             <a href="../../second/Inquiry_form_welfare.html">お問い合わせフォーム</a>
193 351 
           </span>
194 
-        </article>
195 
-      </section>
196 
-    </div>
197 
-
198 
-    <footer>
199 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
200 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
201 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
202 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
203 
-    </footer>
352 
+      </article>
353 
+    </section>
354 
+  </div>
204 355
356 
+  <footer>
357 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
358 
+    <div class="footer_mobile">
359 
+      <div class="footer_mobile_title">
360 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
361 
+        <h1 class="footerMobile__text">北方町役場</h1>
362 
+      </div>
363 
+      <div class="footer_mobile_address">
364 
+                <span class="footerTextWrap__text">
365 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
366 
+                </span><br>
367 
+        電話:058-323-1111(代)<br>
368 
+        FAX:058-323-2963<br>
369 
+        開庁日：8時30分～17時15分<br>
370 
+        （土・日・祝日、年末年始を除く）<br>
371 
+      </div>
372 
+    </div>
373 
+    <br class="sp__brDisplay">
374 
+    <p class="footer_text">
375 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
376 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
377 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
378 
+    </p>
379 
+  </footer>
205 380
206 
-  </div>
207 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
208 
-    height="1" width="1" />
381 
+</div>
382 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
383 
+     height="1" width="1"/>
209 384 
 </body>
210 385
211 
-</html>
386 
+</html>

+ 394
- 217
fourth/Welfare_for_the_disabled/Medical_care_for_people_with_disabilities.html Ver fichero 

@@ -1,254 +1,431 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>北方町ホームページ</title>
7 
-  <link rel="stylesheet" href="../../css/base.css">
8 
-  <link rel="stylesheet" href="../../css/second_header.css">
9 
-  <link rel="stylesheet" href="../../css/footer.css">
10 
-  <link rel="stylesheet" href="../../css/section.css">
11 
-  <link rel="stylesheet" href="../../css/third_template.css">
12 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <script src="../../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
7 
+    <link rel="stylesheet" href="../../css/base.css">
8 
+    <link rel="stylesheet" href="../../css/second_header.css">
9 
+    <link rel="stylesheet" href="../../css/footer.css">
10 
+    <link rel="stylesheet" href="../../css/section.css">
11 
+    <link rel="stylesheet" href="../../css/third_template.css">
12 
+    <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
18 
+    <script src="../../js/operation.js"></script>
19 
+    <script src="../../js/menu.js"></script>
20 
+    <script src="../../js/accordion.js"></script>
21 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+    </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-  <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+        <div class="headerLogo">
40 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
42 
+        </div>
43 
+        <div class="headerTitle">
44 
+            <a href="../../index.html" class="header_link">
45 
+                <h1 class="headerTitle__text">北方町</h1>
46 
+            </a>
47 
+        </div>
48 
+        <div class="headerSubTitle">
49 
+            <a href="../../index.html" class="header_link">
50 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+            </a>
52 
+        </div>
53 
+        <div id="h-menu">
54 
+            <span></span>
55 
+            <span></span>
56 
+            <span></span>
57 
+            <div id="h-text">menu</div>
58 
+        </div>
59 
+        <div id="h-nav">
60 
+            <div class="h-menu_main_block_top">
61 
+                <div class="h-menu_main_block">
62 
+                    <div class="h-menu_block">
63 
+                        <a href="../../second/living.html">
64 
+                            <div class="h-menu_block_text h-menu_block_before">
65 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                            </div>
67 
+                        </a>
68 
+                    </div>
69 
+                </div>
70 
+                <div class="h-menu_main_block">
71 
+                    <div class="h-menu_block">
72 
+                        <a href="../../second/tourism.html">
73 
+                            <div class="h-menu_block_text h-menu_block_before">
74 
+                                <div class="h-menu_block_text_center">
75 
+                                    観光
76 
+                                </div>
77 
+                            </div>
78 
+                        </a>
79 
+                    </div>
80 
+                </div>
81 
+                <div class="h-menu_main_block">
82 
+                    <div class="h-menu_block">
83 
+                        <a href="../../second/business.html">
84 
+                            <div class="h-menu_block_text h-menu_block_before">
85 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                            </div>
87 
+                        </a>
88 
+                    </div>
89 
+                </div>
90 
+                <div class="h-menu_main_block">
91 
+                    <div class="h-menu_block">
92 
+                        <a href="../../second/town_admini_info.html">
93 
+                            <div class="h-menu_block_text h-menu_block_before">
94 
+                                <div class="h-menu_block_text_center">町政情報</div>
95 
+                            </div>
96 
+                        </a>
97 
+                    </div>
98 
+                </div>
99 
+                <div class="h-menu_main_block">
100 
+                    <div class="h-menu_block h-menu_block_before">
101 
+                        <a href="../../second/sitemap.html">
102 
+                            <div class="h-menu_block_text h-menu_block_before">
103 
+                                <div class="h-menu_block_text_center">
104 
+                                    サイトマップ
105 
+                                </div>
106 
+                            </div>
107 
+                        </a>
108 
+                    </div>
109 
+                </div>
110 
+                <div class="h-menu_main_block">
111 
+                    <div class="h-menu_block h-menu_block_before">
112 
+                        <a href="https://ai-staff.net/kitagata/chat">
113 
+                            <div class="h-menu_block_text  h-menu_block_before">
114 
+                                <div class="h-menu_block_text_center">
115 
+                                    AIチャット
116 
+                                </div>
117 
+                            </div>
118 
+                        </a>
119 
+                    </div>
120 
+                </div>
121 
+                <div class="h-menu_main_block">
122 
+                    <div class="h-menu_block h-menu_block_before">
123 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
124 
+                            <div class="h-menu_block_text">
125 
+                                <div class="h-menu_block_text_center">
126 
+                                    お問い合わせ一覧
127 
+                                </div>
128 
+                            </div>
129 
+                        </a>
130 
+                    </div>
131 
+                </div>
132 
+                <div class="h-menu_main_block">
133 
+                    <div class="h-menu_lang">
134 
+                        <div class="h-menu_block_lang">
135 
+                            <div class="h-menu_block_text_center">
136 
+                                <div class="h-menu_block_text_line">
137 
+                                    背景変更
138 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+                                    </div>
140 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+                                    </div>
142 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+                                    </div>
144 
+                                </div>
145 
+                                <script>
146 
+                                    getBackgNumber2();
147 
+                                </script>
148 
+                                <div class="h-menu_block_text_line">言語選択
149 
+                                    <div class="mobile_translation">
150 
+                                        <div id="google_translate_element"></div>
151 
+                                    </div>
152 
+                                </div>
153 
+                            </div>
154 
+                        </div>
155 
+                    </div>
156 
+                </div>
157 
+                <div class="h-menu_main_block">
158 
+                    <div class="h-menu_search">
159 
+                        <div class="h-menu_block_search">
160 
+                            <form action="https://www.google.com/search">
161 
+                                <input type="hidden" name="hl" value="ja"/>
162 
+                                <input type="hidden" name="ie" value="UTF-8">
163 
+                                <input type="hidden" name="oe" value="UTF-8">
164 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                                       class="mobile_form_input"/>
167 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                            </form>
169 
+                        </div>
170 
+                    </div>
171 
+                </div>
172 
+            </div>
173 
+        </div>
174 
+    </header>
175 
+
176 
+  <!--セクション 操作-->
177 
+  <section id="operation">
178 
+    <!--セクション 住所-->
179 
+    <article id="address">
180 
+      <address id="operation_add">
181 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
182 
+      </address>
183 
+    </article>
184 
+    <div id="controle_panel">
185 
+      <!--セクション 背景色-->
186 
+      <article id="bgcolor">
187 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
188 
+        <div id="bgcolor_img">
189 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
190 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
191 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
192 
+        </div>
193 
+        <script>
38 194 
             getBackgNumber3();
39 
-          </script>
40 
-        </article>
195 
+        </script>
196 
+      </article>
41 197
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
198 
+      <!--セクション 文字サイズ-->
199 
+      <!--<article id="charsize" >
200 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
201 
+      <div id="charsize_img">
202 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
203 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
204 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
205 
+      </div>
206 
+      </article>-->
51 207
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
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>
213 
+      </article>
214 
+      <!--セクション お問い合わせ-->
215 
+      <article id="contact">
216 
+        <div id="contact_img">
217 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
218 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
219 
+        </div>
220 
+      </article>
221 
+      <!--セクション 翻訳-->
222 
+      <article id="translation">
223 
+        <div id="translation_img">
224 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
225 
+          <div id="google_translate_element"></div>
226 
+          <script type="text/javascript">
71 227 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
228 
+                  new google.translate.TranslateElement({
229 
+                      pageLanguage: 'ja',
230 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
231 
+                  }, 'google_translate_element');
76 232 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
233 
+          </script>
234 
+          <script type="text/javascript"
235 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 236 
         </div>
237 
+      </article>
238 
+      <div id="claer">
84 239 
       </div>
85 
-    </section>
240 
+    </div>
241 
+  </section>
86 242
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
243 
+  <!--ヘッダーデータ-->
244 
+  <header>
245 
+    <div id="header" class="gothic">
246 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
247 
+      <div id="h_block_1">
248 
+        <div class="h_line">
120 249 
         </div>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
252 
+        </article>
253 
+        <article class="h_text_l">
254 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
255 
+        </article>
256 
+        <article class="h_text_l">
257 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
258 
+        </article>
259 
+        <article class="h_text_l">
260 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
261 
+        </article>
121 262 
       </div>
122 
-    </header>
263 
+      <div id="h_block_search">
264 
+        <div class="h_line"></div>
265 
+        <article class="h_search">
266 
+          <div class="space10"></div>
267 
+          <form action="http://www.google.com/search">
268 
+            <input type="hidden" name="hl" value="ja"/>
269 
+            <input type="hidden" name="ie" value="UTF-8">
270 
+            <input type="hidden" name="oe" value="UTF-8">
271 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
272 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
273 
+            <input type="submit" name="btnG" value="検索"/>
274 
+          </form>
275 
+        </article>
276 
+      </div>
277 
+    </div>
278 
+  </header>
123 279
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
280 
+  <div id="third_body">
281 
+        <!--セクション space-->
126 282
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
283 
+        <!--セクション template-->
284 
+        <section id="template">
285 
+            <article id="breadcrumb">
286 
+                <div id="breadcrumb_title">
287 
+                    <div id="breadcrumb_title_block">
132 288 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
134 
-                  href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>障がい者医療</span>
135 
-            </div>
136 
-          </div>
137 
-        </article>
138 
-        <article id="template">
139 
-          <div id="template_title" class="gothic">
140 
-            <div id="template_title_block">
141 
-              <span id="template_title">障がい者医療</span>
142 
-            </div>
143 
-          </div>
144 
-        </article>
289 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
290 
+                      href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>障がい者医療</span>
291 
+                    </div>
292 
+                </div>
293 
+            </article>
294 
+            <article id="template">
295 
+                <div id="template_title" class="gothic">
296 
+                    <div id="template_title_block">
297 
+                        <span id="template_title">障がい者医療</span>
298 
+                    </div>
299 
+                </div>
300 
+            </article>
145 301
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">障がい者医療</span>
150 
-            </div>
151 
-          </div>
152 
-          <span id="template_article_block">
153 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
154 
-              <tr>
155 
-                <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
156 
-                <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
157 
-                <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
158 
-              </tr>
159 
-              <tr>
160 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 重度心身障がい者（児）医療費の助成<br />
161 
-                </td>
162 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 医療保険における自己負担額全額を補助します。
163 
-                  <br />※所得制限があります。<br />※この事業については、平成29年11月13日現在、マイナンバー制度の情報連携を行っていません。
164 
-                </td>
165 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> ･身体障害者手帳3級以上の方<br />
166 
-                  ･療育手帳A1、A2、B1の方<br />
167 
-                  ･精神障害保健福祉手帳1級、2級の方</td>
168 
-              </tr>
169 
-              <tr>
170 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 戦傷病者医療の助成<br />
171 
-                </td>
172 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 医療保険における自己負担額全額を補助します。 </td>
173 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 戦傷病者手帳の特別項症から第4項症に該当する方で身体障害者手帳4級以上の方 </td>
174 
-              </tr>
175 
-            </table>
302 
+            <article id="template_list_title">
303 
+                <div id="template_title2" class="gothic">
304 
+                    <div id="template_title_block">
305 
+                        <span id="template_title2">障がい者医療</span>
306 
+                    </div>
307 
+                </div>
308 
+                <span id="template_article_block">
309 
+                    <div class="scroll_table">
310 
+                        <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
311 
+                          <tr>
312 
+                            <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
313 
+                            <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
314 
+                            <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
315 
+                          </tr>
316 
+                          <tr>
317 
+                            <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 重度心身障がい者（児）医療費の助成<br/>
318 
+                            </td>
319 
+                            <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 医療保険における自己負担額全額を補助します。
320 
+                              <br/>※所得制限があります。<br/>※この事業については、平成29年11月13日現在、マイナンバー制度の情報連携を行っていません。
321 
+                            </td>
322 
+                            <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> ･身体障害者手帳3級以上の方<br/>
323 
+                              ･療育手帳A1、A2、B1の方<br/>
324 
+                              ･精神障害保健福祉手帳1級、2級の方</td>
325 
+                          </tr>
326 
+                          <tr>
327 
+                            <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 戦傷病者医療の助成<br/>
328 
+                            </td>
329 
+                            <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 医療保険における自己負担額全額を補助します。 </td>
330 
+                            <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 戦傷病者手帳の特別項症から第4項症に該当する方で身体障害者手帳4級以上の方 </td>
331 
+                          </tr>
332 
+                        </table>
333 
+                    </div>
176 334 
           </span>
177 
-        </article>
335 
+            </article>
178 336
179 
-        <article id="template_list_title">
180 
-          <div id="template_title2" class="gothic">
181 
-            <div id="template_title_block">
182 
-              <span id="template_title2">お問い合わせ</span>
183 
-            </div>
184 
-          </div>
185 
-          <span id="template_article_block">
186 
-            健康推進課<br />
187 
-            Tel 058-322-9920<br />
337 
+            <article id="template_list_title">
338 
+                <div id="template_title2" class="gothic">
339 
+                    <div id="template_title_block">
340 
+                        <span id="template_title2">お問い合わせ</span>
341 
+                    </div>
342 
+                </div>
343 
+                <span id="template_article_block">
344 
+            健康推進課<br/>
345 
+            Tel 058-322-9920<br/>
188 346 
             <a href="../../second/Inquiry_form_health.html">お問い合わせフォーム</a>
189 347 
           </span>
190 
-        </article>
348 
+            </article>
191 349
192 
-        <article id="template_list_title">
350 
+            <article id="template_list_title">
193 351 
           <span id="template_article_block">
194 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
195 
-              <tr>
196 
-                <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
197 
-                <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
198 
-                <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
199 
-              </tr>
200 
-              <tr>
201 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自立支援医療<br />
202 
-                  （更生医療）<br /> </td>
203 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
204 
-                  身体障害者手帳の交付を受け、身体障害者更生相談所の判定により必要と認められた方で、生活上の便宜を増すために障がいを軽くしたり、機能を回復することができるような医療(心臓手術、人工透析など)を指定医療機関で受ける場合、医療費の自己負担額のうち、所得に応じた一部負担金を除いた額を支給します。
205 
-                </td>
206 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 身体障がい児、者<br /> </td>
207 
-              </tr>
208 
-              <tr>
209 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自立支援医療<br />
210 
-                  （育成医療）<br /> </td>
211 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
212 
-                  身体に障害をもつ18歳未満の児童を対象として、医師が手術などにより治療効果が期待できると認めた場合、医療の給付を行っています。（所得に応じた自己負担金を医療機関に支払っていただきます。） </td>
213 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 身体に障害のある18歳未満の児童</td>
214 
-              </tr>
215 
-               <tr>
216 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自立支援医療<br />
217 
-                  （精神通院）<br /> </td>
218 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
219 
-                  精神による疾患で、通院医療が継続的に必要な人の医療費（薬剤費も含む）の自己負担分を公費で負担する制度です。この制度を利用すると自己負担分は原則１割となります。なお自己負担分については、所得区分に応じて負担の上限額が設定されます。 </td>
220 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 精神疾患のため継続して通院治療が必要な人</td>
221 
-              </tr>
222 
-            </table>
352 
+              <div class="scroll_table">
353 
+                <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
354 
+                  <tr>
355 
+                    <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
356 
+                    <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
357 
+                    <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
358 
+                  </tr>
359 
+                  <tr>
360 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自立支援医療<br/>
361 
+                      （更生医療）<br/> </td>
362 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
363 
+                      身体障害者手帳の交付を受け、身体障害者更生相談所の判定により必要と認められた方で、生活上の便宜を増すために障がいを軽くしたり、機能を回復することができるような医療(心臓手術、人工透析など)を指定医療機関で受ける場合、医療費の自己負担額のうち、所得に応じた一部負担金を除いた額を支給します。
364 
+                    </td>
365 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 身体障がい児、者<br/> </td>
366 
+                  </tr>
367 
+                  <tr>
368 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自立支援医療<br/>
369 
+                      （育成医療）<br/> </td>
370 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
371 
+                      身体に障害をもつ18歳未満の児童を対象として、医師が手術などにより治療効果が期待できると認めた場合、医療の給付を行っています。（所得に応じた自己負担金を医療機関に支払っていただきます。） </td>
372 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 身体に障害のある18歳未満の児童</td>
373 
+                  </tr>
374 
+                   <tr>
375 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自立支援医療<br/>
376 
+                      （精神通院）<br/> </td>
377 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
378 
+                      精神による疾患で、通院医療が継続的に必要な人の医療費（薬剤費も含む）の自己負担分を公費で負担する制度です。この制度を利用すると自己負担分は原則１割となります。なお自己負担分については、所得区分に応じて負担の上限額が設定されます。 </td>
379 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 精神疾患のため継続して通院治療が必要な人</td>
380 
+                  </tr>
381 
+                </table>
382 
+              </div>
223 383 
           </span>
224 
-        </article>
384 
+            </article>
225 385
226 
-        <article id="template_list_title">
227 
-          <div id="template_title2" class="gothic">
228 
-            <div id="template_title_block">
229 
-              <span id="template_title2">お問い合わせ</span>
230 
-            </div>
231 
-          </div>
232 
-          <span id="template_article_block">
233 
-            福祉子ども課<br />
234 
-            Tel 058-323-1119<br />
386 
+            <article id="template_list_title">
387 
+                <div id="template_title2" class="gothic">
388 
+                    <div id="template_title_block">
389 
+                        <span id="template_title2">お問い合わせ</span>
390 
+                    </div>
391 
+                </div>
392 
+                <span id="template_article_block">
393 
+            福祉子ども課<br/>
394 
+            Tel 058-323-1119<br/>
235 395 
             <a href="../../second/Inquiry_form_welfare.html">お問い合わせフォーム</a>
236 396 
           </span>
237 
-        </article>
238 
-      </section>
397 
+            </article>
398 
+        </section>
239 399 
     </div>
240 400
241 401 
     <footer>
242 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
243 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
244 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
245 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
402 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
403 
+        <div class="footer_mobile">
404 
+            <div class="footer_mobile_title">
405 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
406 
+                <h1 class="footerMobile__text">北方町役場</h1>
407 
+            </div>
408 
+            <div class="footer_mobile_address">
409 
+                <span class="footerTextWrap__text">
410 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
411 
+                </span><br>
412 
+                電話:058-323-1111(代)<br>
413 
+                FAX:058-323-2963<br>
414 
+                開庁日：8時30分～17時15分<br>
415 
+                （土・日・祝日、年末年始を除く）<br>
416 
+            </div>
417 
+        </div>
418 
+        <br class="sp__brDisplay">
419 
+        <p class="footer_text">
420 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
421 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
422 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
423 
+        </p>
246 424 
     </footer>
247 425
248 
-
249 
-  </div>
250 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
251 
-    height="1" width="1" />
426 
+</div>
427 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
428 
+     height="1" width="1"/>
252 429 
 </body>
253 430
254 431 
 </html>

+ 364
- 190
fourth/Welfare_for_the_disabled/Prosthetics_Daily_life_tools.html Ver fichero 

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

+ 367
- 189
fourth/Welfare_for_the_disabled/Social_life_relations.html Ver fichero 

@@ -1,222 +1,400 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>北方町ホームページ</title>
7 
-  <link rel="stylesheet" href="../../css/base.css">
8 
-  <link rel="stylesheet" href="../../css/second_header.css">
9 
-  <link rel="stylesheet" href="../../css/footer.css">
10 
-  <link rel="stylesheet" href="../../css/section.css">
11 
-  <link rel="stylesheet" href="../../css/third_template.css">
12 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <script src="../../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
7 
+    <link rel="stylesheet" href="../../css/base.css">
8 
+    <link rel="stylesheet" href="../../css/second_header.css">
9 
+    <link rel="stylesheet" href="../../css/footer.css">
10 
+    <link rel="stylesheet" href="../../css/section.css">
11 
+    <link rel="stylesheet" href="../../css/third_template.css">
12 
+    <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
18 
+    <script src="../../js/operation.js"></script>
19 
+    <script src="../../js/menu.js"></script>
20 
+    <script src="../../js/accordion.js"></script>
21 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+    </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-  <div id="main" class="gothic">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+    <!-- mobile header -->
38 
+    <header class="header">
39 
+        <div class="headerLogo">
40 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
42 
+        </div>
43 
+        <div class="headerTitle">
44 
+            <a href="../../index.html" class="header_link">
45 
+                <h1 class="headerTitle__text">北方町</h1>
46 
+            </a>
47 
+        </div>
48 
+        <div class="headerSubTitle">
49 
+            <a href="../../index.html" class="header_link">
50 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+            </a>
52 
+        </div>
53 
+        <div id="h-menu">
54 
+            <span></span>
55 
+            <span></span>
56 
+            <span></span>
57 
+            <div id="h-text">menu</div>
58 
+        </div>
59 
+        <div id="h-nav">
60 
+            <div class="h-menu_main_block_top">
61 
+                <div class="h-menu_main_block">
62 
+                    <div class="h-menu_block">
63 
+                        <a href="../../second/living.html">
64 
+                            <div class="h-menu_block_text h-menu_block_before">
65 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
66 
+                            </div>
67 
+                        </a>
68 
+                    </div>
69 
+                </div>
70 
+                <div class="h-menu_main_block">
71 
+                    <div class="h-menu_block">
72 
+                        <a href="../../second/tourism.html">
73 
+                            <div class="h-menu_block_text h-menu_block_before">
74 
+                                <div class="h-menu_block_text_center">
75 
+                                    観光
76 
+                                </div>
77 
+                            </div>
78 
+                        </a>
79 
+                    </div>
80 
+                </div>
81 
+                <div class="h-menu_main_block">
82 
+                    <div class="h-menu_block">
83 
+                        <a href="../../second/business.html">
84 
+                            <div class="h-menu_block_text h-menu_block_before">
85 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+                            </div>
87 
+                        </a>
88 
+                    </div>
89 
+                </div>
90 
+                <div class="h-menu_main_block">
91 
+                    <div class="h-menu_block">
92 
+                        <a href="../../second/town_admini_info.html">
93 
+                            <div class="h-menu_block_text h-menu_block_before">
94 
+                                <div class="h-menu_block_text_center">町政情報</div>
95 
+                            </div>
96 
+                        </a>
97 
+                    </div>
98 
+                </div>
99 
+                <div class="h-menu_main_block">
100 
+                    <div class="h-menu_block h-menu_block_before">
101 
+                        <a href="../../second/sitemap.html">
102 
+                            <div class="h-menu_block_text h-menu_block_before">
103 
+                                <div class="h-menu_block_text_center">
104 
+                                    サイトマップ
105 
+                                </div>
106 
+                            </div>
107 
+                        </a>
108 
+                    </div>
109 
+                </div>
110 
+                <div class="h-menu_main_block">
111 
+                    <div class="h-menu_block h-menu_block_before">
112 
+                        <a href="https://ai-staff.net/kitagata/chat">
113 
+                            <div class="h-menu_block_text  h-menu_block_before">
114 
+                                <div class="h-menu_block_text_center">
115 
+                                    AIチャット
116 
+                                </div>
117 
+                            </div>
118 
+                        </a>
119 
+                    </div>
120 
+                </div>
121 
+                <div class="h-menu_main_block">
122 
+                    <div class="h-menu_block h-menu_block_before">
123 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
124 
+                            <div class="h-menu_block_text">
125 
+                                <div class="h-menu_block_text_center">
126 
+                                    お問い合わせ一覧
127 
+                                </div>
128 
+                            </div>
129 
+                        </a>
130 
+                    </div>
131 
+                </div>
132 
+                <div class="h-menu_main_block">
133 
+                    <div class="h-menu_lang">
134 
+                        <div class="h-menu_block_lang">
135 
+                            <div class="h-menu_block_text_center">
136 
+                                <div class="h-menu_block_text_line">
137 
+                                    背景変更
138 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+                                    </div>
140 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+                                    </div>
142 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+                                    </div>
144 
+                                </div>
145 
+                                <script>
146 
+                                    getBackgNumber2();
147 
+                                </script>
148 
+                                <div class="h-menu_block_text_line">言語選択
149 
+                                    <div class="mobile_translation">
150 
+                                        <div id="google_translate_element"></div>
151 
+                                    </div>
152 
+                                </div>
153 
+                            </div>
154 
+                        </div>
155 
+                    </div>
156 
+                </div>
157 
+                <div class="h-menu_main_block">
158 
+                    <div class="h-menu_search">
159 
+                        <div class="h-menu_block_search">
160 
+                            <form action="https://www.google.com/search">
161 
+                                <input type="hidden" name="hl" value="ja"/>
162 
+                                <input type="hidden" name="ie" value="UTF-8">
163 
+                                <input type="hidden" name="oe" value="UTF-8">
164 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                                       class="mobile_form_input"/>
167 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+                            </form>
169 
+                        </div>
170 
+                    </div>
171 
+                </div>
172 
+            </div>
173 
+        </div>
174 
+    </header>
175 
+
20 176 
     <!--セクション 操作-->
21 177 
     <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
38 
-            getBackgNumber3();
39 
-          </script>
178 
+        <!--セクション 住所-->
179 
+        <article id="address">
180 
+            <address id="operation_add">
181 
+                <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
182 
+            </address>
40 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="setBackground3(1)">
190 
+                    <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
191 
+                    <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
192 
+                </div>
193 
+                <script>
194 
+                    getBackgNumber3();
195 
+                </script>
196 
+            </article>
41 197
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
198 
+            <!--セクション 文字サイズ-->
199 
+            <!--<article id="charsize" >
200 
+            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
201 
+            <div id="charsize_img">
202 
+            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
203 
+            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
204 
+            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
205 
+            </div>
206 
+            </article>-->
51 207
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
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>
213 
+            </article>
214 
+            <!--セクション お問い合わせ-->
215 
+            <article id="contact">
216 
+                <div id="contact_img">
217 
+                    <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
218 
+                            src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
219 
+                </div>
220 
+            </article>
221 
+            <!--セクション 翻訳-->
222 
+            <article id="translation">
223 
+                <div id="translation_img">
224 
+                    <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
225 
+                    <div id="google_translate_element"></div>
226 
+                    <script type="text/javascript">
227 
+                        function googleTranslateElementInit() {
228 
+                            new google.translate.TranslateElement({
229 
+                                pageLanguage: 'ja',
230 
+                                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
231 
+                            }, 'google_translate_element');
232 
+                        }
233 
+                    </script>
234 
+                    <script type="text/javascript"
235 
+                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
236 
+                </div>
237 
+            </article>
238 
+            <div id="claer">
239 
+            </div>
83 240 
         </div>
84 
-      </div>
85 241 
     </section>
86 242
87 243 
     <!--ヘッダーデータ-->
88 244 
     <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
245 
+        <div id="header" class="gothic">
246 
+            <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
247 
+            <div id="h_block_1">
248 
+                <div class="h_line">
249 
+                </div>
250 
+                <article class="h_text_l">
251 
+                    <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
252 
+                </article>
253 
+                <article class="h_text_l">
254 
+                    <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
255 
+                </article>
256 
+                <article class="h_text_l">
257 
+                    <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
258 
+                </article>
259 
+                <article class="h_text_l">
260 
+                    <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
261 
+                </article>
262 
+            </div>
263 
+            <div id="h_block_search">
264 
+                <div class="h_line"></div>
265 
+                <article class="h_search">
266 
+                    <div class="space10"></div>
267 
+                    <form action="http://www.google.com/search">
268 
+                        <input type="hidden" name="hl" value="ja"/>
269 
+                        <input type="hidden" name="ie" value="UTF-8">
270 
+                        <input type="hidden" name="oe" value="UTF-8">
271 
+                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
272 
+                        <input type="text" name="q" size="16" maxlength="256" value=""/>
273 
+                        <input type="submit" name="btnG" value="検索"/>
274 
+                    </form>
275 
+                </article>
276 
+            </div>
120 277 
         </div>
121 
-      </div>
122 278 
     </header>
123 279
124 280 
     <div id="third_body">
125 
-      <!--セクション space-->
281 
+        <!--セクション space-->
126 282
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
283 
+        <!--セクション template-->
284 
+        <section id="template">
285 
+            <article id="breadcrumb">
286 
+                <div id="breadcrumb_title">
287 
+                    <div id="breadcrumb_title_block">
132 288 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
134 
-                  href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>社会生活関係</span>
135 
-            </div>
136 
-          </div>
137 
-        </article>
138 
-        <article id="template">
139 
-          <div id="template_title" class="gothic">
140 
-            <div id="template_title_block">
141 
-              <span id="template_title">社会生活関係</span>
142 
-            </div>
143 
-          </div>
144 
-        </article>
289 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
290 
+                      href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>社会生活関係</span>
291 
+                    </div>
292 
+                </div>
293 
+            </article>
294 
+            <article id="template">
295 
+                <div id="template_title" class="gothic">
296 
+                    <div id="template_title_block">
297 
+                        <span id="template_title">社会生活関係</span>
298 
+                    </div>
299 
+                </div>
300 
+            </article>
145 301
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">社会生活関係</span>
150 
-            </div>
151 
-          </div>
152 
-          <span id="template_article_block">
153 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
154 
-              <tr>
155 
-                <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
156 
-                <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
157 
-                <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
158 
-              </tr>
159 
-              <tr>
160 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> NHK受信料の減免 </td>
161 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> NHKへ免除申請を提出した月から受信料が減免されます。<br />
162 
-                  (町長の証明が必要です。) </td>
163 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> ●全額免除<br />
164 
-                  ･「身体障がい者」「知的障がい者」「精神障がい者」が世帯構成員であり、世帯全員が町民税非課税の世帯<br />
165 
-                  ･生活保護受給者<br />
166 
-                  ●半額免除<br />
167 
-                  ･契約者が世帯主で1～3のいずれかに該当する方<br />
168 
-                  1視覚障がい者<br />
169 
-                  2聴覚障がい者<br />
170 
-                  3身体障がい者1、2級<br />
171 
-                  4知的障がい者A1、A2<br />
172 
-                  5精神障がい者1級</td>
173 
-              </tr>
174 
-              <tr>
175 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 青い鳥郵便葉書の配布 </td>
176 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 次の方法で申し込みをされた重度の障がい者に郵便葉書が配布されます。<br />
177 
-                  ●配付枚数　1人につき20枚<br />
178 
-                  ●申し込み受付期間　毎年4/1～5/31<br />
179 
-                  ●申込先　郵便局 </td>
180 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 1、2級の身体障がい者手帳所持者又はA級の療育手帳所持者 </td>
181 
-              </tr>
182 
-              <tr>
183 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> NTT無料番号案内 </td>
184 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 104番号案内が無料になります。<br />
185 
-                  (フリーダイヤル0120-104174へ申し込みください。)<br /> </td>
186 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 視覚障がい者(1～6級)<br />
187 
-                  肢体不自由(上肢・体幹1、2級)<br />
188 
-                  療育手帳及び精神障害者保健福祉手帳所持者 </td>
189 
-              </tr>
190 
-            </table>
191 
-          </span>
192 
-        </article>
302 
+            <article id="template_list_title">
303 
+                <div id="template_title2" class="gothic">
304 
+                    <div id="template_title_block">
305 
+                        <span id="template_title2">社会生活関係</span>
306 
+                    </div>
307 
+                </div>
308 
+                <span id="template_article_block">
309 
+                    <div class="scroll_table">
310 
+                        <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
311 
+                          <tr>
312 
+                            <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
313 
+                            <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
314 
+                            <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
315 
+                          </tr>
316 
+                          <tr>
317 
+                            <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> NHK受信料の減免 </td>
318 
+                            <td valign="top" align="left" bgcolor="#dcdcdc"
319 
+                                width="220"> NHKへ免除申請を提出した月から受信料が減免されます。<br/>
320 
+                              (町長の証明が必要です。) </td>
321 
+                            <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> ●全額免除<br/>
322 
+                              ･「身体障がい者」「知的障がい者」「精神障がい者」が世帯構成員であり、世帯全員が町民税非課税の世帯<br/>
323 
+                              ･生活保護受給者<br/>
324 
+                              ●半額免除<br/>
325 
+                              ･契約者が世帯主で1～3のいずれかに該当する方<br/>
326 
+                              1視覚障がい者<br/>
327 
+                              2聴覚障がい者<br/>
328 
+                              3身体障がい者1、2級<br/>
329 
+                              4知的障がい者A1、A2<br/>
330 
+                              5精神障がい者1級</td>
331 
+                          </tr>
332 
+                          <tr>
333 
+                            <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 青い鳥郵便葉書の配布 </td>
334 
+                            <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 次の方法で申し込みをされた重度の障がい者に郵便葉書が配布されます。<br/>
335 
+                              ●配付枚数　1人につき20枚<br/>
336 
+                              ●申し込み受付期間　毎年4/1～5/31<br/>
337 
+                              ●申込先　郵便局 </td>
338 
+                            <td valign="top" align="left" width="140"
339 
+                                bgcolor="#dcdcdc"> 1、2級の身体障がい者手帳所持者又はA級の療育手帳所持者 </td>
340 
+                          </tr>
341 
+                          <tr>
342 
+                            <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> NTT無料番号案内 </td>
343 
+                            <td valign="top" align="left" bgcolor="#dcdcdc" width="220"> 104番号案内が無料になります。<br/>
344 
+                              (フリーダイヤル0120-104174へ申し込みください。)<br/> </td>
345 
+                            <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 視覚障がい者(1～6級)<br/>
346 
+                              肢体不自由(上肢・体幹1、2級)<br/>
347 
+                              療育手帳及び精神障害者保健福祉手帳所持者 </td>
348 
+                          </tr>
349 
+                        </table>
350 
+                    </div>
351 
+                </span>
352 
+            </article>
193 353
194 
-        <article id="template_list_title">
195 
-          <div id="template_title2" class="gothic">
196 
-            <div id="template_title_block">
197 
-              <span id="template_title2">お問い合わせ</span>
198 
-            </div>
199 
-          </div>
200 
-          <span id="template_article_block">
201 
-            福祉子ども課<br />
202 
-            Tel 058-323-1119<br />
354 
+            <article id="template_list_title">
355 
+                <div id="template_title2" class="gothic">
356 
+                    <div id="template_title_block">
357 
+                        <span id="template_title2">お問い合わせ</span>
358 
+                    </div>
359 
+                </div>
360 
+                <span id="template_article_block">
361 
+            福祉子ども課<br/>
362 
+            Tel 058-323-1119<br/>
203 363 
             <a href="../../second/Inquiry_form_welfare.html">お問い合わせフォーム</a>
204 364 
           </span>
205 
-        </article>
206 
-      </section>
365 
+            </article>
366 
+        </section>
207 367 
     </div>
208 368
209 369 
     <footer>
210 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
211 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
212 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
213 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
370 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
371 
+        <div class="footer_mobile">
372 
+            <div class="footer_mobile_title">
373 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
374 
+                <h1 class="footerMobile__text">北方町役場</h1>
375 
+            </div>
376 
+            <div class="footer_mobile_address">
377 
+                <span class="footerTextWrap__text">
378 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
379 
+                </span><br>
380 
+                電話:058-323-1111(代)<br>
381 
+                FAX:058-323-2963<br>
382 
+                開庁日：8時30分～17時15分<br>
383 
+                （土・日・祝日、年末年始を除く）<br>
384 
+            </div>
385 
+        </div>
386 
+        <br class="sp__brDisplay">
387 
+        <p class="footer_text">
388 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
389 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
390 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
391 
+        </p>
214 392 
     </footer>
215 393
216 394
217 
-  </div>
218 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
219 
-    height="1" width="1" />
395 
+</div>
396 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
397 
+     height="1" width="1"/>
220 398 
 </body>
221 399
222 
-</html>
400 
+</html>

+ 374
- 198
fourth/Welfare_for_the_disabled/Transportation.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,233 +10,409 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
13 18 
   <script src="../../js/operation.js"></script>
19 
+  <script src="../../js/menu.js"></script>
20 
+  <script src="../../js/accordion.js"></script>
14 21 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 22 
   </meta>
16 23 
 </head>
17 24
18 25 
 <body id="back">
19 
-  <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_main_block">
62 
+          <div class="h-menu_block">
63 
+            <a href="../../second/living.html">
64 
+              <div class="h-menu_block_text h-menu_block_before">
65 
+                <div class="h-menu_block_text_center">くらしの情報</div>
66 
+              </div>
67 
+            </a>
68 
+          </div>
69 
+        </div>
70 
+        <div class="h-menu_main_block">
71 
+          <div class="h-menu_block">
72 
+            <a href="../../second/tourism.html">
73 
+              <div class="h-menu_block_text h-menu_block_before">
74 
+                <div class="h-menu_block_text_center">
75 
+                  観光
76 
+                </div>
77 
+              </div>
78 
+            </a>
79 
+          </div>
80 
+        </div>
81 
+        <div class="h-menu_main_block">
82 
+          <div class="h-menu_block">
83 
+            <a href="../../second/business.html">
84 
+              <div class="h-menu_block_text h-menu_block_before">
85 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+              </div>
87 
+            </a>
88 
+          </div>
89 
+        </div>
90 
+        <div class="h-menu_main_block">
91 
+          <div class="h-menu_block">
92 
+            <a href="../../second/town_admini_info.html">
93 
+              <div class="h-menu_block_text h-menu_block_before">
94 
+                <div class="h-menu_block_text_center">町政情報</div>
95 
+              </div>
96 
+            </a>
97 
+          </div>
98 
+        </div>
99 
+        <div class="h-menu_main_block">
100 
+          <div class="h-menu_block h-menu_block_before">
101 
+            <a href="../../second/sitemap.html">
102 
+              <div class="h-menu_block_text h-menu_block_before">
103 
+                <div class="h-menu_block_text_center">
104 
+                  サイトマップ
105 
+                </div>
106 
+              </div>
107 
+            </a>
108 
+          </div>
109 
+        </div>
110 
+        <div class="h-menu_main_block">
111 
+          <div class="h-menu_block h-menu_block_before">
112 
+            <a href="https://ai-staff.net/kitagata/chat">
113 
+              <div class="h-menu_block_text  h-menu_block_before">
114 
+                <div class="h-menu_block_text_center">
115 
+                  AIチャット
116 
+                </div>
117 
+              </div>
118 
+            </a>
119 
+          </div>
120 
+        </div>
121 
+        <div class="h-menu_main_block">
122 
+          <div class="h-menu_block h-menu_block_before">
123 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
124 
+              <div class="h-menu_block_text">
125 
+                <div class="h-menu_block_text_center">
126 
+                  お問い合わせ一覧
127 
+                </div>
128 
+              </div>
129 
+            </a>
130 
+          </div>
131 
+        </div>
132 
+        <div class="h-menu_main_block">
133 
+          <div class="h-menu_lang">
134 
+            <div class="h-menu_block_lang">
135 
+              <div class="h-menu_block_text_center">
136 
+                <div class="h-menu_block_text_line">
137 
+                  背景変更
138 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+                  </div>
140 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+                  </div>
142 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+                  </div>
144 
+                </div>
145 
+                <script>
146 
+                    getBackgNumber2();
147 
+                </script>
148 
+                <div class="h-menu_block_text_line">言語選択
149 
+                  <div class="mobile_translation">
150 
+                    <div id="google_translate_element"></div>
151 
+                  </div>
152 
+                </div>
153 
+              </div>
154 
+            </div>
36 155 
           </div>
37 
-          <script>
156 
+        </div>
157 
+        <div class="h-menu_main_block">
158 
+          <div class="h-menu_search">
159 
+            <div class="h-menu_block_search">
160 
+              <form action="https://www.google.com/search">
161 
+                <input type="hidden" name="hl" value="ja"/>
162 
+                <input type="hidden" name="ie" value="UTF-8">
163 
+                <input type="hidden" name="oe" value="UTF-8">
164 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                       class="mobile_form_input"/>
167 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+              </form>
169 
+            </div>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </div>
174 
+  </header>
175 
+
176 
+  <!--セクション 操作-->
177 
+  <section id="operation">
178 
+    <!--セクション 住所-->
179 
+    <article id="address">
180 
+      <address id="operation_add">
181 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
182 
+      </address>
183 
+    </article>
184 
+    <div id="controle_panel">
185 
+      <!--セクション 背景色-->
186 
+      <article id="bgcolor">
187 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
188 
+        <div id="bgcolor_img">
189 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
190 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
191 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
192 
+        </div>
193 
+        <script>
38 194 
             getBackgNumber3();
39 
-          </script>
40 
-        </article>
195 
+        </script>
196 
+      </article>
41 197
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-<div id="charsize_img">
46 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49 
-</div>
50 
-</article>-->
198 
+      <!--セクション 文字サイズ-->
199 
+      <!--<article id="charsize" >
200 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
201 
+      <div id="charsize_img">
202 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
203 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
204 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
205 
+      </div>
206 
+      </article>-->
51 207
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
57 
-        </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
64 
-        </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
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>
213 
+      </article>
214 
+      <!--セクション お問い合わせ-->
215 
+      <article id="contact">
216 
+        <div id="contact_img">
217 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
218 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
219 
+        </div>
220 
+      </article>
221 
+      <!--セクション 翻訳-->
222 
+      <article id="translation">
223 
+        <div id="translation_img">
224 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
225 
+          <div id="google_translate_element"></div>
226 
+          <script type="text/javascript">
71 227 
               function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
228 
+                  new google.translate.TranslateElement({
229 
+                      pageLanguage: 'ja',
230 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
231 
+                  }, 'google_translate_element');
76 232 
               }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
81 
-        </article>
82 
-        <div id="claer">
233 
+          </script>
234 
+          <script type="text/javascript"
235 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 236 
         </div>
237 
+      </article>
238 
+      <div id="claer">
84 239 
       </div>
85 
-    </section>
240 
+    </div>
241 
+  </section>
86 242
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
243 
+  <!--ヘッダーデータ-->
244 
+  <header>
245 
+    <div id="header" class="gothic">
246 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
247 
+      <div id="h_block_1">
248 
+        <div class="h_line">
120 249 
         </div>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
252 
+        </article>
253 
+        <article class="h_text_l">
254 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
255 
+        </article>
256 
+        <article class="h_text_l">
257 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
258 
+        </article>
259 
+        <article class="h_text_l">
260 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
261 
+        </article>
262 
+      </div>
263 
+      <div id="h_block_search">
264 
+        <div class="h_line"></div>
265 
+        <article class="h_search">
266 
+          <div class="space10"></div>
267 
+          <form action="http://www.google.com/search">
268 
+            <input type="hidden" name="hl" value="ja"/>
269 
+            <input type="hidden" name="ie" value="UTF-8">
270 
+            <input type="hidden" name="oe" value="UTF-8">
271 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
272 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
273 
+            <input type="submit" name="btnG" value="検索"/>
274 
+          </form>
275 
+        </article>
121 276 
       </div>
122 
-    </header>
277 
+    </div>
278 
+  </header>
123 279
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
280 
+  <div id="third_body">
281 
+    <!--セクション space-->
126 282
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
283 
+    <!--セクション template-->
284 
+    <section id="template">
285 
+      <article id="breadcrumb">
286 
+        <div id="breadcrumb_title">
287 
+          <div id="breadcrumb_title_block">
132 288 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
134 
-                  href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>交通関係</span>
135 
-            </div>
289 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Welfare.html">福祉</a>><a
290 
+                      href="../../third/living/Welfare_for_the_disabled.html">障がい者福祉</a>>交通関係</span>
136 291 
           </div>
137 
-        </article>
138 
-        <article id="template">
139 
-          <div id="template_title" class="gothic">
140 
-            <div id="template_title_block">
141 
-              <span id="template_title">交通関係</span>
142 
-            </div>
292 
+        </div>
293 
+      </article>
294 
+      <article id="template">
295 
+        <div id="template_title" class="gothic">
296 
+          <div id="template_title_block">
297 
+            <span id="template_title">交通関係</span>
143 298 
           </div>
144 
-        </article>
299 
+        </div>
300 
+      </article>
145 301
146 
-        <article id="template_list_title">
147 
-          <div id="template_title2" class="gothic">
148 
-            <div id="template_title_block">
149 
-              <span id="template_title2">交通関係</span>
150 
-            </div>
302 
+      <article id="template_list_title">
303 
+        <div id="template_title2" class="gothic">
304 
+          <div id="template_title_block">
305 
+            <span id="template_title2">交通関係</span>
151 306 
           </div>
152 
-          <span id="template_article_block">
153 
-            <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
154 
-              <tr>
155 
-                <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
156 
-                <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
157 
-                <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
158 
-              </tr>
159 
-              <tr>
160 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自動車運転免許取得費用の助成 </td>
161 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
162 
-                  身体障がい者が就労等のため自動車を必要とし、運転免許を取得する場合に、その経費の2/3以内(10万円を限度)を助成します。 </td>
163 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 18歳以上の身体障がい者 </td>
164 
-              </tr>
165 
-              <tr>
166 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自動車改造費用の助成 </td>
167 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
168 
-                  身体障がい者が就労等のため自動車の操向装置及び駆動装置等の一部を改造する必要がある場合にその経費(10万円を限度)を助成します。 </td>
169 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 自動車を所有し、自ら運転する身体障がい者 </td>
170 
-              </tr>
171 
-              <tr>
172 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> リフト付き自動車の購入、改造費用の助成 </td>
173 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
174 
-                  車イス等を使用する在宅の重度身体障がい者が利用するため、介助者が運転する自動車をリフト付き等に改造又は購入する場合に、その経費のうち、24万円を限度に助成します。 </td>
175 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 重度の体幹機能障がいで移動に車イス等を使用している障がい者のいる世帯 </td>
176 
-              </tr>
177 
-              <tr>
178 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 駐車禁止適用除外 </td>
179 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
180 
-                  歩行困難な身体障がい者及び、その方のために家族等が運転する自動車について、申請により「駐車禁止除外指定車両標章」の交付が受けられます。 </td>
181 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc">
182 
-                  視覚、下肢、移動機能障がいは4級以上、体幹、心臓、腎臓、呼吸器、膀胱、直腸、小腸、ヒト免疫不全ウイルス免疫機能障がいは3級以上 </td>
183 
-              </tr>
184 
-              <tr>
185 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 有料道路通行料割引 </td>
186 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
187 
-                  身体障がい者が自ら自動車を運転する場合、又は重度身体障がい者の方や知的障がい者が乗車し、その移動のために介護者が有料道路を利用する場合、証明を受けた手帳を提示すると通行料金の50％の割引が受けられます。
188 
-                </td>
189 
-                <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 身体障害者手帳所持者、第1種身体障がい者又は第1種知的障がい者を介護される方
190 
-                </td>
191 
-              </tr>
192 
-              <tr>
193 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 鉄道、バスの運賃の割引 </td>
194 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
195 
-                  乗車券購入の際に手帳を提示すれば、運賃の割引が受けられます。(障がいの程度や乗車券の種類、距離等により割引率が異なりますので各窓口でお尋ねください。) </td>
196 
-                <td rowspan="3" valign="top" align="left" width="140" bgcolor="#dcdcdc">
197 
-                  身体障害者手帳及び源育手帳所持者（精神障害者保健福祉手帳所持者は、一部の路線事業所で割引がある場合があります。詳しくは各事業所の窓口でお尋ねください。） </td>
198 
-              </tr>
199 
-              <tr>
200 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> タクシー料金の割引 </td>
201 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
202 
-                  タクシーを利用する場合、手帳を提示すれば規定料金の1割が割引となります。(詳しくは各タクシー会社へお尋ねください。) </td>
203 
-              </tr>
204 
-              <tr>
205 
-                <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 国内航空運賃の割引 </td>
206 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
207 
-                  国内航空を利用する場合、搭乗券購入の際に手帳を提示すれば運航空賃の割引が受けられます。(詳しくは各航空会社支店、営業所及び指定代理店でお尋ねください。)<br /> </td>
208 
-              </tr>
209 
-            </table>
307 
+        </div>
308 
+        <span id="template_article_block">
309 
+            <div class="scroll_table">
310 
+                <table border="0" cellpadding="3" cellspacing="2" width="470" id="infokitagata">
311 
+                  <tr>
312 
+                    <th valign="top" align="left" width="130" bgcolor="#add8e6"> 事業 </th>
313 
+                    <th valign="top" align="left" bgcolor="#add8e6" width="220"> 内容 </th>
314 
+                    <th valign="top" align="left" width="140" bgcolor="#add8e6"> 対象者 </th>
315 
+                  </tr>
316 
+                  <tr>
317 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自動車運転免許取得費用の助成 </td>
318 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
319 
+                      身体障がい者が就労等のため自動車を必要とし、運転免許を取得する場合に、その経費の2/3以内(10万円を限度)を助成します。 </td>
320 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 18歳以上の身体障がい者 </td>
321 
+                  </tr>
322 
+                  <tr>
323 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 自動車改造費用の助成 </td>
324 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
325 
+                      身体障がい者が就労等のため自動車の操向装置及び駆動装置等の一部を改造する必要がある場合にその経費(10万円を限度)を助成します。 </td>
326 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 自動車を所有し、自ら運転する身体障がい者 </td>
327 
+                  </tr>
328 
+                  <tr>
329 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> リフト付き自動車の購入、改造費用の助成 </td>
330 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
331 
+                      車イス等を使用する在宅の重度身体障がい者が利用するため、介助者が運転する自動車をリフト付き等に改造又は購入する場合に、その経費のうち、24万円を限度に助成します。 </td>
332 
+                    <td valign="top" align="left" width="140"
333 
+                        bgcolor="#dcdcdc"> 重度の体幹機能障がいで移動に車イス等を使用している障がい者のいる世帯 </td>
334 
+                  </tr>
335 
+                  <tr>
336 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 駐車禁止適用除外 </td>
337 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
338 
+                      歩行困難な身体障がい者及び、その方のために家族等が運転する自動車について、申請により「駐車禁止除外指定車両標章」の交付が受けられます。 </td>
339 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc">
340 
+                      視覚、下肢、移動機能障がいは4級以上、体幹、心臓、腎臓、呼吸器、膀胱、直腸、小腸、ヒト免疫不全ウイルス免疫機能障がいは3級以上 </td>
341 
+                  </tr>
342 
+                  <tr>
343 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 有料道路通行料割引 </td>
344 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
345 
+                      身体障がい者が自ら自動車を運転する場合、又は重度身体障がい者の方や知的障がい者が乗車し、その移動のために介護者が有料道路を利用する場合、証明を受けた手帳を提示すると通行料金の50％の割引が受けられます。
346 
+                    </td>
347 
+                    <td valign="top" align="left" width="140" bgcolor="#dcdcdc"> 身体障害者手帳所持者、第1種身体障がい者又は第1種知的障がい者を介護される方
348 
+                    </td>
349 
+                  </tr>
350 
+                  <tr>
351 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 鉄道、バスの運賃の割引 </td>
352 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
353 
+                      乗車券購入の際に手帳を提示すれば、運賃の割引が受けられます。(障がいの程度や乗車券の種類、距離等により割引率が異なりますので各窓口でお尋ねください。) </td>
354 
+                    <td rowspan="3" valign="top" align="left" width="140" bgcolor="#dcdcdc">
355 
+                      身体障害者手帳及び源育手帳所持者（精神障害者保健福祉手帳所持者は、一部の路線事業所で割引がある場合があります。詳しくは各事業所の窓口でお尋ねください。） </td>
356 
+                  </tr>
357 
+                  <tr>
358 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> タクシー料金の割引 </td>
359 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
360 
+                      タクシーを利用する場合、手帳を提示すれば規定料金の1割が割引となります。(詳しくは各タクシー会社へお尋ねください。) </td>
361 
+                  </tr>
362 
+                  <tr>
363 
+                    <td valign="top" align="left" width="130" bgcolor="#dcdcdc"> 国内航空運賃の割引 </td>
364 
+                    <td valign="top" align="left" bgcolor="#dcdcdc" width="220">
365 
+                      国内航空を利用する場合、搭乗券購入の際に手帳を提示すれば運航空賃の割引が受けられます。(詳しくは各航空会社支店、営業所及び指定代理店でお尋ねください。)<br/> </td>
366 
+                  </tr>
367 
+                </table>
368 
+            </div>
210 369 
           </span>
211 
-        </article>
370 
+      </article>
212 371
213 372
214 
-        <article id="template_list_title">
215 
-          <div id="template_title2" class="gothic">
216 
-            <div id="template_title_block">
217 
-              <span id="template_title2">お問い合わせ</span>
218 
-            </div>
373 
+      <article id="template_list_title">
374 
+        <div id="template_title2" class="gothic">
375 
+          <div id="template_title_block">
376 
+            <span id="template_title2">お問い合わせ</span>
219 377 
           </div>
220 
-          <span id="template_article_block">
221 
-            福祉子ども課<br />
222 
-            Tel 058-323-1119<br />
378 
+        </div>
379 
+        <span id="template_article_block">
380 
+            福祉子ども課<br/>
381 
+            Tel 058-323-1119<br/>
223 382 
             <a href="../../second/Inquiry_form_welfare.html">お問い合わせフォーム</a>
224 383 
           </span>
225 
-        </article>
226 
-      </section>
227 
-    </div>
228 
-
229 
-    <footer>
230 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
231 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
232 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
233 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
234 
-    </footer>
384 
+      </article>
385 
+    </section>
386 
+  </div>
235 387
388 
+  <footer>
389 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
390 
+    <div class="footer_mobile">
391 
+      <div class="footer_mobile_title">
392 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
393 
+        <h1 class="footerMobile__text">北方町役場</h1>
394 
+      </div>
395 
+      <div class="footer_mobile_address">
396 
+                <span class="footerTextWrap__text">
397 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
398 
+                </span><br>
399 
+        電話:058-323-1111(代)<br>
400 
+        FAX:058-323-2963<br>
401 
+        開庁日：8時30分～17時15分<br>
402 
+        （土・日・祝日、年末年始を除く）<br>
403 
+      </div>
404 
+    </div>
405 
+    <br class="sp__brDisplay">
406 
+    <p class="footer_text">
407 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
408 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
409 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
410 
+    </p>
411 
+  </footer>
236 412
237 
-  </div>
238 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
239 
-    height="1" width="1" />
413 
+</div>
414 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
415 
+     height="1" width="1"/>
240 416 
 </body>
241 417
242 
-</html>
418 
+</html>

+ 419
- 251
fourth/adult_health/diagnosis_consultation.html Ver fichero 

@@ -1,155 +1,306 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-  <meta charset="utf-8">
6 
-  <title>北方町ホームページ</title>
7 
-  <link rel="stylesheet" href="../../css/base.css">
8 
-  <link rel="stylesheet" href="../../css/second_header.css">
9 
-  <link rel="stylesheet" href="../../css/footer.css">
10 
-  <link rel="stylesheet" href="../../css/section.css">
11 
-  <link rel="stylesheet" href="../../css/third_template.css">
12 
-  <link rel="stylesheet" href="../../css/table.css">
13 
-  <script src="../../js/operation.js"></script>
14 
-  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
15 
-  </meta>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+    <title>北方町ホームページ</title>
7 
+    <link rel="stylesheet" href="../../css/base.css">
8 
+    <link rel="stylesheet" href="../../css/second_header.css">
9 
+    <link rel="stylesheet" href="../../css/footer.css">
10 
+    <link rel="stylesheet" href="../../css/section.css">
11 
+    <link rel="stylesheet" href="../../css/third_template.css">
12 
+    <link rel="stylesheet" href="../../css/table.css">
13 
+    <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+    <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+    <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+    <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+    <link rel="stylesheet" href="../../css/table_mobile.css">
18 
+    <script src="../../js/operation.js"></script>
19 
+    <script src="../../js/menu.js"></script>
20 
+    <script src="../../js/accordion.js"></script>
21 
+    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
16 22 
 </head>
17 23
18 24 
 <body id="back">
19 
-  <div id="main" class="gothic">
20 
-    <!--セクション 操作-->
21 
-    <section id="operation">
22 
-      <!--セクション 住所-->
23 
-      <article id="address">
24 
-        <address id="operation_add">
25 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26 
-        </address>
27 
-      </article>
28 
-      <div id="controle_panel">
29 
-        <!--セクション 背景色-->
30 
-        <article id="bgcolor">
31 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
32 
-          <div id="bgcolor_img">
33 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36 
-          </div>
37 
-          <script>
25 
+<script type="text/javascript">
26 
+    function googleTranslateElementInit() {
27 
+        new google.translate.TranslateElement({
28 
+            pageLanguage: 'ja',
29 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
30 
+        }, 'google_translate_element');
31 
+    }
32 
+</script>
33 
+<script type="text/javascript"
34 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
35 
+<div id="main" class="gothic">
36 
+    <!-- mobile header -->
37 
+    <header class="header">
38 
+        <div class="headerLogo">
39 
+            <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                                src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+        </div>
42 
+        <div class="headerTitle">
43 
+            <a href="../../index.html" class="header_link">
44 
+                <h1 class="headerTitle__text">北方町</h1>
45 
+            </a>
46 
+        </div>
47 
+        <div class="headerSubTitle">
48 
+            <a href="../../index.html" class="header_link">
49 
+                <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+            </a>
51 
+        </div>
52 
+        <div id="h-menu">
53 
+            <span></span>
54 
+            <span></span>
55 
+            <span></span>
56 
+            <div id="h-text">menu</div>
57 
+        </div>
58 
+        <div id="h-nav">
59 
+            <div class="h-menu_main_block_top">
60 
+                <div class="h-menu_main_block">
61 
+                    <div class="h-menu_block">
62 
+                        <a href="../../second/living.html">
63 
+                            <div class="h-menu_block_text h-menu_block_before">
64 
+                                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+                            </div>
66 
+                        </a>
67 
+                    </div>
68 
+                </div>
69 
+                <div class="h-menu_main_block">
70 
+                    <div class="h-menu_block">
71 
+                        <a href="../../second/tourism.html">
72 
+                            <div class="h-menu_block_text h-menu_block_before">
73 
+                                <div class="h-menu_block_text_center">
74 
+                                    観光
75 
+                                </div>
76 
+                            </div>
77 
+                        </a>
78 
+                    </div>
79 
+                </div>
80 
+                <div class="h-menu_main_block">
81 
+                    <div class="h-menu_block">
82 
+                        <a href="../../second/business.html">
83 
+                            <div class="h-menu_block_text h-menu_block_before">
84 
+                                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+                            </div>
86 
+                        </a>
87 
+                    </div>
88 
+                </div>
89 
+                <div class="h-menu_main_block">
90 
+                    <div class="h-menu_block">
91 
+                        <a href="../../second/town_admini_info.html">
92 
+                            <div class="h-menu_block_text h-menu_block_before">
93 
+                                <div class="h-menu_block_text_center">町政情報</div>
94 
+                            </div>
95 
+                        </a>
96 
+                    </div>
97 
+                </div>
98 
+                <div class="h-menu_main_block">
99 
+                    <div class="h-menu_block h-menu_block_before">
100 
+                        <a href="../../second/sitemap.html">
101 
+                            <div class="h-menu_block_text h-menu_block_before">
102 
+                                <div class="h-menu_block_text_center">
103 
+                                    サイトマップ
104 
+                                </div>
105 
+                            </div>
106 
+                        </a>
107 
+                    </div>
108 
+                </div>
109 
+                <div class="h-menu_main_block">
110 
+                    <div class="h-menu_block h-menu_block_before">
111 
+                        <a href="https://ai-staff.net/kitagata/chat">
112 
+                            <div class="h-menu_block_text  h-menu_block_before">
113 
+                                <div class="h-menu_block_text_center">
114 
+                                    AIチャット
115 
+                                </div>
116 
+                            </div>
117 
+                        </a>
118 
+                    </div>
119 
+                </div>
120 
+                <div class="h-menu_main_block">
121 
+                    <div class="h-menu_block h-menu_block_before">
122 
+                        <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+                            <div class="h-menu_block_text">
124 
+                                <div class="h-menu_block_text_center">
125 
+                                    お問い合わせ一覧
126 
+                                </div>
127 
+                            </div>
128 
+                        </a>
129 
+                    </div>
130 
+                </div>
131 
+                <div class="h-menu_main_block">
132 
+                    <div class="h-menu_lang">
133 
+                        <div class="h-menu_block_lang">
134 
+                            <div class="h-menu_block_text_center">
135 
+                                <div class="h-menu_block_text_line">
136 
+                                    背景変更
137 
+                                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                                    </div>
139 
+                                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                                    </div>
141 
+                                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                                    </div>
143 
+                                </div>
144 
+                                <script>
145 
+                                    getBackgNumber2();
146 
+                                </script>
147 
+                                <div class="h-menu_block_text_line">言語選択
148 
+                                    <div class="mobile_translation">
149 
+                                        <div id="google_translate_element"></div>
150 
+                                    </div>
151 
+                                </div>
152 
+                            </div>
153 
+                        </div>
154 
+                    </div>
155 
+                </div>
156 
+                <div class="h-menu_main_block">
157 
+                    <div class="h-menu_search">
158 
+                        <div class="h-menu_block_search">
159 
+                            <form action="https://www.google.com/search">
160 
+                                <input type="hidden" name="hl" value="ja"/>
161 
+                                <input type="hidden" name="ie" value="UTF-8">
162 
+                                <input type="hidden" name="oe" value="UTF-8">
163 
+                                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                                       class="mobile_form_input"/>
166 
+                                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+                            </form>
168 
+                        </div>
169 
+                    </div>
170 
+                </div>
171 
+            </div>
172 
+        </div>
173 
+    </header>
174 
+
175 
+  <!--セクション 操作-->
176 
+  <section id="operation">
177 
+    <!--セクション 住所-->
178 
+    <article id="address">
179 
+      <address id="operation_add">
180 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
181 
+						TEL:058-323-1111(代)</span>
182 
+      </address>
183 
+    </article>
184 
+    <div id="controle_panel">
185 
+      <!--セクション 背景色-->
186 
+      <article id="bgcolor">
187 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
188 
+        <div id="bgcolor_img">
189 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
190 
+                 onClick="setBackground3(1)">
191 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
192 
+                 onClick="setBackground3(2)">
193 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
194 
+                 onClick="setBackground3(3)">
195 
+        </div>
196 
+        <script>
38 197 
             getBackgNumber3();
39 
-          </script>
40 
-        </article>
198 
+        </script>
199 
+      </article>
200 
+
201 
+      <!--セクション 文字サイズ-->
202 
+      <!--<article id="charsize" >
203 
+<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
204 
+<div id="charsize_img">
205 
+<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
206 
+<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
207 
+<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
208 
+</div>
209 
+</article>-->
41 210
42 
-        <!--セクション 文字サイズ-->
43 
-        <!--<article id="charsize" >
44 
-      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45 
-      <div id="charsize_img">
46 
-      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47 
-      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48 
-      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
211 
+      <!--セクション サイトマップ-->
212 
+      <article id="sitemap">
213 
+        <div id="sitemap_img">
214 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
215 
+                                                   alt="サイトマップ"/></a>
216 
+        </div>
217 
+      </article>
218 
+      <!--セクション お問い合わせ-->
219 
+      <article id="contact">
220 
+        <div id="contact_img">
221 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
222 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
223 
+        </div>
224 
+      </article>
225 
+      <!--セクション 翻訳-->
226 
+      <article id="translation">
227 
+        <div id="translation_img">
228 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
229 
+          <div id="google_translate_element"></div>
230 
+        </div>
231 
+      </article>
232 
+      <div id="claer">
49 233 
       </div>
50 
-      </article>-->
234 
+    </div>
235 
+  </section>
51 236
52 
-        <!--セクション サイトマップ-->
53 
-        <article id="sitemap">
54 
-          <div id="sitemap_img">
55 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56 
-          </div>
237 
+  <!--ヘッダーデータ-->
238 
+  <header>
239 
+    <div id="header" class="gothic">
240 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
241 
+                                      height="260px"/></a>
242 
+      <div id="h_block_1">
243 
+        <div class="h_line">
244 
+        </div>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
57 247 
         </article>
58 
-        <!--セクション お問い合わせ-->
59 
-        <article id="contact">
60 
-          <div id="contact_img">
61 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
63 
-          </div>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
64 250 
         </article>
65 
-        <!--セクション 翻訳-->
66 
-        <article id="translation">
67 
-          <div id="translation_img">
68 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69 
-            <div id="google_translate_element"></div>
70 
-            <script type="text/javascript">
71 
-              function googleTranslateElementInit() {
72 
-                new google.translate.TranslateElement({
73 
-                  pageLanguage: 'ja',
74 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75 
-                }, 'google_translate_element');
76 
-              }
77 
-            </script>
78 
-            <script type="text/javascript"
79 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80 
-          </div>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
253 
+        </article>
254 
+        <article class="h_text_l">
255 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
81 256 
         </article>
82 
-        <div id="claer">
83 
-        </div>
84 257 
       </div>
85 
-    </section>
86 
-
87 
-    <!--ヘッダーデータ-->
88 
-    <header>
89 
-      <div id="header" class="gothic">
90 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
91 
-        <div id="h_block_1">
92 
-          <div class="h_line">
93 
-          </div>
94 
-          <article class="h_text_l">
95 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96 
-          </article>
97 
-          <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99 
-          </article>
100 
-          <article class="h_text_l">
101 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102 
-          </article>
103 
-          <article class="h_text_l">
104 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105 
-          </article>
106 
-        </div>
107 
-        <div id="h_block_search">
108 
-          <div class="h_line"></div>
109 
-          <article class="h_search">
110 
-            <div class="space10"></div>
111 
-            <form action="http://www.google.com/search">
112 
-              <input type="hidden" name="hl" value="ja" />
113 
-              <input type="hidden" name="ie" value="UTF-8">
114 
-              <input type="hidden" name="oe" value="UTF-8">
115 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
116 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
117 
-              <input type="submit" name="btnG" value="検索" />
118 
-            </form>
119 
-          </article>
120 
-        </div>
258 
+      <div id="h_block_search">
259 
+        <div class="h_line"></div>
260 
+        <article class="h_search">
261 
+          <div class="space10"></div>
262 
+          <form action="http://www.google.com/search">
263 
+            <input type="hidden" name="hl" value="ja"/>
264 
+            <input type="hidden" name="ie" value="UTF-8">
265 
+            <input type="hidden" name="oe" value="UTF-8">
266 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
267 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
268 
+            <input type="submit" name="btnG" value="検索"/>
269 
+          </form>
270 
+        </article>
121 271 
       </div>
122 
-    </header>
272 
+    </div>
273 
+  </header>
123 274
124 
-    <div id="third_body">
125 
-      <!--セクション space-->
275 
+  <div id="third_body">
276 
+        <!--セクション space-->
126 277
127 
-      <!--セクション template-->
128 
-      <section id="template">
129 
-        <article id="breadcrumb">
130 
-          <div id="breadcrumb_title">
131 
-            <div id="breadcrumb_title_block">
278 
+        <!--セクション template-->
279 
+        <section id="template">
280 
+            <article id="breadcrumb">
281 
+                <div id="breadcrumb_title">
282 
+                    <div id="breadcrumb_title_block">
132 283 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
133 
-                  href="../../second/living.html">くらしの情報</a>><a href="../../second/Health.html">健康・予防</a>>
284 
+                      href="../../second/living.html">くらしの情報</a>><a href="../../second/Health.html">健康・予防</a>>
134 285 
                 <a href="../../third/living/Adult_health.html">成人保健</a>>
135 
-                各種健康診査・相談のご案内
286 
+                  各種健康診査・相談のご案内
136 287 
               </span>
137 
-            </div>
138 
-          </div>
288 
+                    </div>
289 
+                </div>
139 290
140 
-        </article>
291 
+            </article>
141 292
142 
-        <article id="template">
143 
-          <div id="template_title" class="gothic">
144 
-            <div id="template_title_block">
145 
-              <span id="template_title">各種健康診査・相談のご案内</span>
146 
-            </div>
147 
-          </div>
148 
-          <span id="template_article_block">
149 
-            北方町では次の健診を実施しています。<br>
150 
-            <h4 id="life">1.健康診査</h4>
151 
-            健診の結果から、自分の体の状態を知り、日々の生活の見直しをすることで、血管の傷みからくる病気（心臓病・脳卒中・腎臓病）を予防することができます。<br />
152 
-            いつまでも元気に過ごすため、年に一度は、健診を受けましょう！<br />
293 
+            <article id="template">
294 
+                <div id="template_title" class="gothic">
295 
+                    <div id="template_title_block">
296 
+                        <span id="template_title">各種健康診査・相談のご案内</span>
297 
+                    </div>
298 
+                </div>
299 
+                <span id="template_article_block">
300 
+          北方町では次の健診を実施しています。<br>
301 
+                      <h4 id="life">1.健康診査</h4>
302 
+            健診の結果から、自分の体の状態を知り、日々の生活の見直しをすることで、血管の傷みからくる病気（心臓病・脳卒中・腎臓病）を予防することができます。<br/>
303 
+            いつまでも元気に過ごすため、年に一度は、健診を受けましょう！<br/>
153 304 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
154 305 
               <tr>
155 306 
                 <th valign="top" align="left" bgcolor="#add8e6" width="40"> 健診名 </th>
 
@@ -163,33 +314,33 @@
163 314 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="40" height="50"> わかば健診 </td>
164 315 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="60" height="50"> 19～39歳（年度末日において）</td>
165 316 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="45">
166 
-                  5月6日～<br />
167 
-                  6月12日<br />
317 
+                  5月6日～<br/>
318 
+                  6月12日<br/>
168 319 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
169 320 
                 </td>
170 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="113" rowspan="3"> 医療機関の指定診療時間 <br />
321 
+                <td valign="top" align="left" bgcolor="#dcdcdc" width="113" rowspan="3"> 医療機関の指定診療時間 <br/>
171 322 
                   （通常の診療時間とは異なることがあります）</td>
172 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="50" height="50"> 心電図あり：1,000円<br />心電図なし：500円
323 
+                <td valign="top" align="left" bgcolor="#dcdcdc" width="50" height="50"> 心電図あり：1,000円<br/>心電図なし：500円
173 324 
                 </td>
174 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="170" rowspan="3"> ・伊藤医院<br />
175 
-                  ・いのうえクリニック<br />
176 
-                  ・大野医院<br />
177 
-                  ・北方医院<br />
178 
-                  ・北方ひまわりクリニック<br />
179 
-                  ・こやまかわせみクリニック<br />
180 
-                  ・斉藤リウマチ科内科整形外科<br />
181 
-                  ・さとうファミリークリニック<br />
182 
-                  ・鹿野クリニック<br />
183 
-                  ・東堀クリニック<br />
184 
-                  ・野口整形外科・内科医院<br />
325 
+                <td valign="top" align="left" bgcolor="#dcdcdc" width="170" rowspan="3"> ・伊藤医院<br/>
326 
+                  ・いのうえクリニック<br/>
327 
+                  ・大野医院<br/>
328 
+                  ・北方医院<br/>
329 
+                  ・北方ひまわりクリニック<br/>
330 
+                  ・こやまかわせみクリニック<br/>
331 
+                  ・斉藤リウマチ科内科整形外科<br/>
332 
+                  ・さとうファミリークリニック<br/>
333 
+                  ・鹿野クリニック<br/>
334 
+                  ・東堀クリニック<br/>
335 
+                  ・野口整形外科・内科医院<br/>
185 336 
                 </td>
186 337 
               </tr>
187 338 
               <tr>
188 339 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="40" height="50"> すこやか健診</td>
189 340 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="60" height="50"> 後期高齢者（年度初日において）</td>
190 341 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="45" height="50">
191 
-                  5月6日～<br />
192 
-                  6月12日<br />
342 
+                  5月6日～<br/>
343 
+                  6月12日<br/>
193 344 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
194 345 
                 </td>
195 346 
                 <td align="left" valign="top" bgcolor="#dcdcdc" width="50" height="50"> 500円</td>
 
@@ -198,17 +349,17 @@
198 349 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="40" height="50"> 特定健診</td>
199 350 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="60" height="50"> 40～75歳の国民健康保険被保険者（年度末日において）</td>
200 351 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="45" height="50">
201 
-                  6月14日～<br />
202 
-                  8月31日<br />
352 
+                  6月14日～<br/>
353 
+                  8月31日<br/>
203 354 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
204 355 
                 </td>
205 356 
                 <td align="left" valign="top" bgcolor="#dcdcdc" width="50" height="50"> 1,000円</td>
206 357 
               </tr>
207 358 
             </table>
208 
-            </p>
209 
-            ※詳細は、くらしのカレンダー成人保健の案内 <a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank"><strong
210 
-                id="life">PDF</strong></a>
211 
-            をご覧ください。<br />
359 
+                    </p>
360 
+                    ※詳細は、くらしのカレンダー成人保健の案内 <a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank"><strong
361 
+                        id="life">PDF</strong></a>
362 
+            をご覧ください。<br/>
212 363 
             <h4 id="life">2.日曜集団健診（検診）</h4>
213 364 
             <p class="paragraphT10">一度に複数の健診（検診）を受診できる絶好の機会です。是非ご利用ください。</p>
214 365 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
 
@@ -219,18 +370,18 @@
219 370 
               <tr>
220 371 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="80" height="50">
221 372 
                   9月5日、
222 
-                  9月19日<br />
373 
+                  9月19日<br/>
223 374 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
224 375 
                 </td>
225 376 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="170" height="50"> 保健センター</td>
226 377 
               </tr>
227 378 
             </table>
228 
-            ※6月より保健センター(058-323-7600)にて予約を受付します。<br />
379 
+            ※6月より保健センター(058-323-7600)にて予約を受付します。<br/>
229 380 
             ※特定健診、わかば健診のほか、がん健診(結核・肺がん・大腸・胃・乳・子宮・前立腺)、肝炎ウイルス検診も同時に受信できます。<br>
230 381 
             ※詳細は、くらしのカレンダー成人保健の案内 <a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank"><strong
231 
-                id="life">PDF</strong></a>
232 
-            をご覧ください。<br />
233 
-            <br />
382 
+                        id="life">PDF</strong></a>
383 
+            をご覧ください。<br/>
384 
+            <br/>
234 385 
             <h4 id="life">3.肝炎ウィルス検診</h4>
235 386 
             <p class="paragraphT10"><strong id="life">内容</strong>　B型及びC型肝炎ウイルス検診</p>
236 387 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
 
@@ -242,28 +393,28 @@
242 393 
               </tr>
243 394 
               <tr>
244 395 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="80" height="50">
245 
-                  5月6日～8月31日<br />
396 
+                  5月6日～8月31日<br/>
246 397 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
247 398 
                 </td>
248 
-                <td valign="top" align="left" bgcolor="#dcdcdc" width="150" height="50"> 40歳以上で過去に未受診の方<br />
399 
+                <td valign="top" align="left" bgcolor="#dcdcdc" width="150" height="50"> 40歳以上で過去に未受診の方<br/>
249 400 
                   （町の健診を受診される方は、健診と同時に実施、それ以外の方は、肝炎ウィルスの検査のみ実施）</td>
250 401 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="50" height="50"> 無料 </td>
251 402 
                 <td valign="top" align="left" bgcolor="#dcdcdc" width="170" height="50"> 健康診査実施医療機関に同じ</td>
252 403 
               </tr>
253 404 
             </table>
254 
-            </p>
255 
-            ※保健センターで受診票を発行します。<br />
405 
+                    </p>
406 
+                    ※保健センターで受診票を発行します。<br/>
256 407 
             ※詳細は、くらしのカレンダー成人保健の案内 <a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank"><strong
257 
-                id="life">PDF</strong></a>
258 
-            をご覧ください。<br />
259 
-            <p class="paragraphT10"><strong id="life">肝炎治療に関する医療費助成</strong><br />
408 
+                        id="life">PDF</strong></a>
409 
+            をご覧ください。<br/>
410 
+            <p class="paragraphT10"><strong id="life">肝炎治療に関する医療費助成</strong><br/>
260 411 
               B型・C型肝炎患者の方々の経済的負担を軽減し、早期治療を推進するため、平成20年度から、治療に必要な医療費の助成をしています。詳しくは岐阜保健所(058-380-3004)までお問い合わせください。</p>
261 412
262 413 
             <h4 id="life">4.結核・肺がん検診</h4>
263 
-            <p class="paragraphT10">結核や肺がんの早期発見・早期治療のために検診を受けましょう。<br />
414 
+            <p class="paragraphT10">結核や肺がんの早期発見・早期治療のために検診を受けましょう。<br/>
264 415 
               検査はレントゲン検査になります。予約は不要です。</p>
265 
-            <p class="paragraphT10">年齢により、検診の日時、場所、料金が異なりますので、ご注意ください。<br />
266 
-              ・65歳以上の方は5月上旬に郵送する受診票を持って受診してください。<br />
416 
+            <p class="paragraphT10">年齢により、検診の日時、場所、料金が異なりますので、ご注意ください。<br/>
417 
+              ・65歳以上の方は5月上旬に郵送する受診票を持って受診してください。<br/>
267 418 
               ・40～64歳の方でお手元に受診票がない方は、検診当日、検診場所で受診票を受け取り、受診してください。</p>
268 419
269 420 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
 
@@ -274,10 +425,10 @@
274 425 
               </tr>
275 426 
               <tr>
276 427 
                 <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="2" width="80">
277 
-                  5月26日（水）<br />
278 
-                  5月27日（木）<br />
279 
-                  5月31日（月）<br />
280 
-                  6月4日（金）<br />
428 
+                  5月26日（水）<br/>
429 
+                  5月27日（木）<br/>
430 
+                  5月31日（月）<br/>
431 
+                  6月4日（金）<br/>
281 432 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
282 433 
                 </td>
283 434 
                 <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="2" width="80">
 
@@ -286,23 +437,23 @@
286 437 
                   <br>
287 438 
                   65歳以上
288 439 
                 </td>
289 
-                <td valign="top" align="left" bgcolor="#dcdcdc"> レントゲン検査：500円<br />
440 
+                <td valign="top" align="left" bgcolor="#dcdcdc"> レントゲン検査：500円<br/>
290 441 
                   レントゲン検査＋喀たん検査：1000円 <br><br>
291 442 
                   無料
292 443 
                 </td>
293 444 
               </tr>
294 445 
             </table>
295 
-            場所<br />
296 
-            町内を巡回します。<br />
446 
+            場所<br/>
447 
+            町内を巡回します。<br/>
297 448 
             ※詳細はくらしのカレンダー成人保健の案内<a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank"><strong
298 
-                id="life">PDF</strong></a>をご覧ください。<br />
299 
-            <!-- ※午後からの巡回先<a href="../../fourth/living/Adult_health_3_2021.pdf" target="_blank">はこちら</a><br /> -->
449 
+                        id="life">PDF</strong></a>をご覧ください。<br/>
450 
+                    <!-- ※午後からの巡回先<a href="../../fourth/living/Adult_health_3_2021.pdf" target="_blank">はこちら</a><br /> -->
300 451
301 452
302 453 
             <h4 id="life">5.がん検診</h4>
303 
-            <p class="paragraphT10">がんで命を落とさないために、今、あなたにできることは、健康的な生活習慣を心がけることでがんを予防し、がんの早期発見、治療のためにがん検診を受けることです。<br />
304 
-              がんの予防・早期発見のために検診を受けましょう!!<br />
305 
-              健康保険の種類に関わらず、受診できます。<br />
454 
+            <p class="paragraphT10">がんで命を落とさないために、今、あなたにできることは、健康的な生活習慣を心がけることでがんを予防し、がんの早期発見、治療のためにがん検診を受けることです。<br/>
455 
+              がんの予防・早期発見のために検診を受けましょう!!<br/>
456 
+              健康保険の種類に関わらず、受診できます。<br/>
306 457 
               詳しくは、くらしのカレンダーや広報をご覧ください。</p>
307 458 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
308 459 
               <tr>
 
@@ -315,7 +466,7 @@
315 466 
               <tr>
316 467 
                 <td align="left" valign="top" bgcolor="#dcdcdc">大腸がん検診</td>
317 468 
                 <td align="left" valign="top" bgcolor="#dcdcdc">
318 
-                  5月6日～8月31日<br />
469 
+                  5月6日～8月31日<br/>
319 470 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
320 471 
                 </td>
321 472 
                 <td valign="top" align="left" bgcolor="#dcdcdc">健康診査実施医療機関と同じ</td>
 
@@ -325,11 +476,11 @@
325 476 
               <tr>
326 477 
                 <td align="left" valign="top" bgcolor="#dcdcdc" rowspan="2">胃がん検診・前立腺がん検診（同日実施）</td>
327 478 
                 <td align="left" valign="top" bgcolor="#dcdcdc" rowspan="2" scope="rowgroup">
328 
-                  10月21日（木）<br />
329 
-                  10月25日（月）<br />
330 
-                  11月22日（月）<br />
331 
-                  11月30日（火）<br />
332 
-                  12月10日（金）<br />
479 
+                  10月21日（木）<br/>
480 
+                  10月25日（月）<br/>
481 
+                  11月22日（月）<br/>
482 
+                  11月30日（火）<br/>
483 
+                  12月10日（金）<br/>
333 484 
                 </td>
334 485 
                 <td valign="top" align="left" bgcolor="#dcdcdc" rowspan="2">保健センター</td>
335 486 
                 <td valign="top" align="left" bgcolor="#dcdcdc">40歳以上</td>
 
@@ -342,33 +493,33 @@
342 493 
               <tr>
343 494 
                 <td align="left" valign="top" bgcolor="#dcdcdc">乳がん検診</td>
344 495 
                 <td align="left" valign="top" bgcolor="#dcdcdc">
345 
-                  ※視触診はありません。<br />
346 
-                  ※マンモグラフィ必須 <br />
347 
-                  10月6日（水）<br />
348 
-                  10月12日（火）<br />
349 
-                  10月26日（火）<br />
350 
-                  10月27日（水）<br />
351 
-                  11月9日（火）<br />
352 
-                  11月10日（水）<br />
353 
-                  11月24日（水）<br />
354 
-                  12月1日（水）<br />
355 
-                  12月8日（水）<br />
356 
-                  12月14日（火）<br />
357 
-                  12月22日（水）<br />
358 
-                  令和４年1月12日（水）<br />
359 
-                  令和４年1月19日（水）<br />
496 
+                  ※視触診はありません。<br/>
497 
+                  ※マンモグラフィ必須 <br/>
498 
+                  10月6日（水）<br/>
499 
+                  10月12日（火）<br/>
500 
+                  10月26日（火）<br/>
501 
+                  10月27日（水）<br/>
502 
+                  11月9日（火）<br/>
503 
+                  11月10日（水）<br/>
504 
+                  11月24日（水）<br/>
505 
+                  12月1日（水）<br/>
506 
+                  12月8日（水）<br/>
507 
+                  12月14日（火）<br/>
508 
+                  12月22日（水）<br/>
509 
+                  令和４年1月12日（水）<br/>
510 
+                  令和４年1月19日（水）<br/>
360 511 
                 </td>
361 512 
                 <td valign="top" align="left" bgcolor="#dcdcdc">保健センター</td>
362 513 
                 <td valign="top" align="left" bgcolor="#dcdcdc">30歳以上の女性</td>
363 
-                <td valign="top" align="left" bgcolor="#dcdcdc">マンモグラフィ：1,000円<br />超音波＋マンモグラフィ：1500円</td>
514 
+                <td valign="top" align="left" bgcolor="#dcdcdc">マンモグラフィ：1,000円<br/>超音波＋マンモグラフィ：1500円</td>
364 515 
               </tr>
365 516 
               <tr>
366 517 
                 <td align="left" valign="top" bgcolor="#dcdcdc">子宮頸がん検診</td>
367 518 
                 <td align="left" valign="top" bgcolor="#dcdcdc">10・11月
368 
-                  <!--<br /><strong style="color:#FF0000;font-size:11px;">３０年度は終了しました</strong>-->
519 
+                    <!--<br /><strong style="color:#FF0000;font-size:11px;">３０年度は終了しました</strong>-->
369 520 
                 </td>
370 521 
                 <td valign="top" align="left" bgcolor="#dcdcdc">
371 
-                  ・いとうレディースケアクリニック<br />
522 
+                  ・いとうレディースケアクリニック<br/>
372 523 
                 </td>
373 524 
                 <td valign="top" align="left" bgcolor="#dcdcdc">20歳以上の女性</td>
374 525 
                 <td valign="top" align="left" bgcolor="#dcdcdc">1,400円</td>
 
@@ -381,8 +532,8 @@
381 532 
               <li id="access">節目年齢の方にがん検診（子宮頸がん検診・乳がん検診）無料クーポン券を個別送付します。この機会にぜひ、受診しましょう。</li>
382 533 
             </ul>
383 534 
             ※詳細は、くらしのカレンダー成人保健の案内 <a href="../../css/pdf/living/calendar_of_living_2021_16.jpg" target="_blank"><strong
384 
-                id="life">PDF</strong></a>
385 
-            をご覧ください。<br />
535 
+                        id="life">PDF</strong></a>
536 
+            をご覧ください。<br/>
386 537 
             <br>
387 538
388 539 
             <h4 id="life">6.総合健康診査</h4>
 
@@ -390,16 +541,16 @@
390 541 
               (対象者)　40歳以上の北方町国民健康保険　被保険者・後期高齢者医療被保険者
391 542 
             </p>
392 543 
             <p class="paragraphT10">本町実施の特定健診のかわりに人間ドッグを受診された方には一律10,000円の補助金がでます。</p>
393 
-            <p class="paragraphT10"><strong id="life">総合健診実施機関</strong><br />
394 
-              朝日大学病院、岐阜市民病院、岐阜赤十字病院、平野病院、揖斐厚生病院 など<br />
544 
+            <p class="paragraphT10"><strong id="life">総合健診実施機関</strong><br/>
545 
+              朝日大学病院、岐阜市民病院、岐阜赤十字病院、平野病院、揖斐厚生病院 など<br/>
395 546 
               ※健診内容や受診料、時間は医療機関により異なりますので、よくお確かめの上、各自予約をし受診してください。</p>
396 
-            <p class="paragraphT10"><strong id="life">補助金申請手続き</strong><br />
397 
-              健診結果票(特定健診の検査項目が全て含まれていること)、領収書、印鑑、口座番号の分かるものをお持ちになり、住民保険課又は保健センターに申請してください。<br />
547 
+            <p class="paragraphT10"><strong id="life">補助金申請手続き</strong><br/>
548 
+              健診結果票(特定健診の検査項目が全て含まれていること)、領収書、印鑑、口座番号の分かるものをお持ちになり、住民保険課又は保健センターに申請してください。<br/>
398 549 
               ※なお、申請の際、窓口における問診票記載と、健診結果(コピー)を提出することが必須です。
399 550 
             </p>
400 551
401 552 
             <h4 id="life">7.歯周疾患検診</h4>
402 
-            <br />
553 
+            <br/>
403 554 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
404 555 
               <tr>
405 556 
                 <th valign="top" align="left" bgcolor="#add8e6" width="10%">期日</th>
 
@@ -410,7 +561,7 @@
410 561 
               </tr>
411 562 
               <tr>
412 563 
                 <td valign="top" align="left" bgcolor="#dcdcdc">
413 
-                  7月・8月<br />
564 
+                  7月・8月<br/>
414 565 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
415 566 
                 </td>
416 567 
                 <td valign="top" align="left" bgcolor="#dcdcdc">40,50,60,70歳</td>
 
@@ -438,7 +589,7 @@
438 589 
             <li id="access">対象者には、受診票を６月末頃に送付します</li>
439 590
440 591 
             <h4 id="life">8.骨粗しょう症検診</h4>
441 
-            <br />
592 
+            <br/>
442 593 
             <table border="0" cellpadding="3" cellspacing="2" width="100%" id="infokitagata">
443 594 
               <tr>
444 595 
                 <th valign="top" align="left" bgcolor="#add8e6" width="20%">期日</th>
 
@@ -449,67 +600,84 @@
449 600 
               </tr>
450 601 
               <tr>
451 602 
                 <td valign="top" align="left" bgcolor="#dcdcdc">
452 
-                  5月6日～8月31日<br />
603 
+                  5月6日～8月31日<br/>
453 604 
                   <strong style="color:#FF0000;font-size:11px;">令和３年度は、終了しました。</strong>
454 605 
                 </td>
455 606 
                 <td valign="top" align="left" bgcolor="#dcdcdc">40歳以上の女性</td>
456 607 
                 <td valign="top" align="left" bgcolor="#dcdcdc">医療機関の指定診療時間</td>
457 
-                <td valign="top" align="left" bgcolor="#dcdcdc">斎藤リウマチ科内科整形外科<br />
458 
-                  さとうファミリークリニック<br />
608 
+                <td valign="top" align="left" bgcolor="#dcdcdc">斎藤リウマチ科内科整形外科<br/>
609 
+                  さとうファミリークリニック<br/>
459 610 
                   野口整形外科・内科医院</td>
460 611 
                 <td valign="top" align="left" bgcolor="#dcdcdc">900円</td>
461 612 
               </tr>
462 613 
             </table>
463 614 
             <ul>
464 615 
               <li id="access">実施医療機関で受診票を受け取り、受診してください。</li>
465 
-              <li id="access">骨粗しょう検診実施医療機関で、すこやか健診・特定健診を受診される方は、<br />
616 
+              <li id="access">骨粗しょう検診実施医療機関で、すこやか健診・特定健診を受診される方は、<br/>
466 617 
                 同時に受診することができます。</li>
467 618 
             </ul>
468 619
469 620 
             <h4 id="life">9.定期健康相談・保健指導</h4>
470 
-            <p class="paragraphT10">　毎月第３火曜日：午後１時３０分～３時３０分　保健センター<br />
471 
-              <br />
472 
-              　わかば健診や特定健診、すこやか健診などの検査結果に基づき、健康
473 
-              相談・保健指導を行います。健診の結果から、現在の体の状態を知り、
474 
-              生活習慣を振り返ることで、生活習慣病の重症化を予防する事ができま
475 
-              す。お気軽にご相談ください。
476 
-            </p>
477 
-            <br>
621 
+            <p class="paragraphT10">　毎月第３火曜日：午後１時３０分～３時３０分　保健センター<br/>
622 
+<br/>
623 
+　わかば健診や特定健診、すこやか健診などの検査結果に基づき、健康
624 
+相談・保健指導を行います。健診の結果から、現在の体の状態を知り、
625 
+生活習慣を振り返ることで、生活習慣病の重症化を予防する事ができま
626 
+す。お気軽にご相談ください。
627 
+</p>
628 
+                    <br>
478 629
479 
-            <p class="paragraphT10"><strong id="life">町では以上の健康診断や相談をご案内しています。</strong><br />
480 
-              詳細は保健センターまでお尋ねください。 <br />
481 
-              開館時間／月曜日～金曜日　午前8時30分～午後5時15分まで（土日・祝日、年末年始を除く）<br />
630 
+ <p class="paragraphT10"><strong id="life">町では以上の健康診断や相談をご案内しています。</strong><br/>
631 
+              詳細は保健センターまでお尋ねください。 <br/>
632 
+              開館時間／月曜日～金曜日　午前8時30分～午後5時15分まで（土日・祝日、年末年始を除く）<br/>
482 633 
               連絡先／058-323-7600</p>
483 
-          </span>
484 
-        </article>
634 
+        </span>
635 
+            </article>
485 636
486 637
487 
-        <article id="template_list_title">
488 
-          <div id="template_title2" class="gothic">
489 
-            <div id="template_title_block">
490 
-              <span id="template_title2">お問い合わせ</span>
491 
-            </div>
492 
-          </div>
493 
-          <span id="template_article_block">
494 
-            保健センター<br />
495 
-            Tel 058-323-7600<br />
638 
+            <article id="template_list_title">
639 
+                <div id="template_title2" class="gothic">
640 
+                    <div id="template_title_block">
641 
+                        <span id="template_title2">お問い合わせ</span>
642 
+                    </div>
643 
+                </div>
644 
+                <span id="template_article_block">
645 
+            保健センター<br/>
646 
+            Tel 058-323-7600<br/>
496 647 
             <a href="../../second/Inquiry_form_hoken.html">お問い合わせフォーム</a>
497 648 
           </span>
498 
-        </article>
499 
-      </section>
649 
+            </article>
650 
+        </section>
500 651 
     </div>
501 652
502 653 
     <footer>
503 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
504 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
505 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
506 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
654 
+        <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
655 
+        <div class="footer_mobile">
656 
+            <div class="footer_mobile_title">
657 
+                <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
658 
+                <h1 class="footerMobile__text">北方町役場</h1>
659 
+            </div>
660 
+            <div class="footer_mobile_address">
661 
+                <span class="footerTextWrap__text">
662 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
663 
+                </span><br>
664 
+                電話:058-323-1111(代)<br>
665 
+                FAX:058-323-2963<br>
666 
+                開庁日：8時30分～17時15分<br>
667 
+                （土・日・祝日、年末年始を除く）<br>
668 
+            </div>
669 
+        </div>
670 
+        <br class="sp__brDisplay">
671 
+        <p class="footer_text">
672 
+            <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
673 
+            <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
674 
+            <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
675 
+        </p>
507 676 
     </footer>
508 677
509 
-
510 
-  </div>
511 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
512 
-    height="1" width="1" />
678 
+</div>
679 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare_for_the_disabled"
680 
+     height="1" width="1"/>
513 681 
 </body>
514 682
515 
-</html>
683 
+</html>

+ 511
- 199
fourth/adult_health/mental_health.html Ver fichero 

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

+ 406
- 83
fourth/audit/Administrative_audit_results.html Ver fichero 

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

+ 370
- 47
fourth/audit/Audit_committee_system.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,54 +10,367 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
13 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+  </meta>
14 22 
 </head>
15 23
16 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 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
174 
+
175 
+  <body id="back">
176 
+  <script type="text/javascript">
177 
+      function googleTranslateElementInit() {
178 
+          new google.translate.TranslateElement({
179 
+              pageLanguage: 'ja',
180 
+              layout: google.translate.TranslateElement.InlineLayout.SIMPLE
181 
+          }, 'google_translate_element');
182 
+      }
183 
+  </script>
184 
+  <script type="text/javascript"
185 
+          src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
17 186 
   <div id="main" class="gothic">
187 
+    <!-- mobile header -->
188 
+    <header class="header">
189 
+      <div class="headerLogo">
190 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
191 
+                                                            src="../../image/logo_kitagata_green_S.png" alt=""></a>
192 
+      </div>
193 
+      <div class="headerTitle">
194 
+        <a href="../../index.html" class="header_link">
195 
+          <h1 class="headerTitle__text">北方町</h1>
196 
+        </a>
197 
+      </div>
198 
+      <div class="headerSubTitle">
199 
+        <a href="../../index.html" class="header_link">
200 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
201 
+        </a>
202 
+      </div>
203 
+      <div id="h-menu">
204 
+        <span></span>
205 
+        <span></span>
206 
+        <span></span>
207 
+        <div id="h-text">menu</div>
208 
+      </div>
209 
+      <div id="h-nav">
210 
+        <div class="h-menu_main_block_top">
211 
+          <div class="h-menu_main_block">
212 
+            <div class="h-menu_block">
213 
+              <a href="../../second/living.html">
214 
+                <div class="h-menu_block_text h-menu_block_before">
215 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
216 
+                </div>
217 
+              </a>
218 
+            </div>
219 
+          </div>
220 
+          <div class="h-menu_main_block">
221 
+            <div class="h-menu_block">
222 
+              <a href="../../second/tourism.html">
223 
+                <div class="h-menu_block_text h-menu_block_before">
224 
+                  <div class="h-menu_block_text_center">
225 
+                    観光
226 
+                  </div>
227 
+                </div>
228 
+              </a>
229 
+            </div>
230 
+          </div>
231 
+          <div class="h-menu_main_block">
232 
+            <div class="h-menu_block">
233 
+              <a href="../../second/business.html">
234 
+                <div class="h-menu_block_text h-menu_block_before">
235 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
236 
+                </div>
237 
+              </a>
238 
+            </div>
239 
+          </div>
240 
+          <div class="h-menu_main_block">
241 
+            <div class="h-menu_block">
242 
+              <a href="../../second/town_admini_info.html">
243 
+                <div class="h-menu_block_text h-menu_block_before">
244 
+                  <div class="h-menu_block_text_center">町政情報</div>
245 
+                </div>
246 
+              </a>
247 
+            </div>
248 
+          </div>
249 
+          <div class="h-menu_main_block">
250 
+            <div class="h-menu_block h-menu_block_before">
251 
+              <a href="../../second/sitemap.html">
252 
+                <div class="h-menu_block_text h-menu_block_before">
253 
+                  <div class="h-menu_block_text_center">
254 
+                    サイトマップ
255 
+                  </div>
256 
+                </div>
257 
+              </a>
258 
+            </div>
259 
+          </div>
260 
+          <div class="h-menu_main_block">
261 
+            <div class="h-menu_block h-menu_block_before">
262 
+              <a href="https://ai-staff.net/kitagata/chat">
263 
+                <div class="h-menu_block_text  h-menu_block_before">
264 
+                  <div class="h-menu_block_text_center">
265 
+                    AIチャット
266 
+                  </div>
267 
+                </div>
268 
+              </a>
269 
+            </div>
270 
+          </div>
271 
+          <div class="h-menu_main_block">
272 
+            <div class="h-menu_block h-menu_block_before">
273 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
274 
+                <div class="h-menu_block_text">
275 
+                  <div class="h-menu_block_text_center">
276 
+                    お問い合わせ一覧
277 
+                  </div>
278 
+                </div>
279 
+              </a>
280 
+            </div>
281 
+          </div>
282 
+          <div class="h-menu_main_block">
283 
+            <div class="h-menu_lang">
284 
+              <div class="h-menu_block_lang">
285 
+                <div class="h-menu_block_text_center">
286 
+                  <div class="h-menu_block_text_line">
287 
+                    背景変更
288 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
289 
+                    </div>
290 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
291 
+                    </div>
292 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
293 
+                    </div>
294 
+                  </div>
295 
+                  <script>
296 
+                      getBackgNumber2();
297 
+                  </script>
298 
+                  <div class="h-menu_block_text_line">言語選択
299 
+                    <div class="mobile_translation">
300 
+                      <div id="google_translate_element"></div>
301 
+                    </div>
302 
+                  </div>
303 
+                </div>
304 
+              </div>
305 
+            </div>
306 
+          </div>
307 
+          <div class="h-menu_main_block">
308 
+            <div class="h-menu_search">
309 
+              <div class="h-menu_block_search">
310 
+                <form action="https://www.google.com/search">
311 
+                  <input type="hidden" name="hl" value="ja"/>
312 
+                  <input type="hidden" name="ie" value="UTF-8">
313 
+                  <input type="hidden" name="oe" value="UTF-8">
314 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
315 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
316 
+                         class="mobile_form_input"/>
317 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
318 
+                </form>
319 
+              </div>
320 
+            </div>
321 
+          </div>
322 
+        </div>
323 
+      </div>
324 
+    </header>
325 
+
18 326 
     <!--セクション 操作-->
19 327 
     <section id="operation">
20 328 
       <!--セクション 住所-->
21 329 
       <article id="address">
22 330 
         <address id="operation_add">
23 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
331 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
332 
+						TEL:058-323-1111(代)</span>
24 333 
         </address>
25 334 
       </article>
26 335 
       <div id="controle_panel">
27 336 
         <!--セクション 背景色-->
28 337 
         <article id="bgcolor">
29 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
338 
+          <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
30 339 
           <div id="bgcolor_img">
31 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
340 
+            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
341 
+                   onClick="setBackground3(1)">
342 
+            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
343 
+                   onClick="setBackground3(2)">
344 
+            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
345 
+                   onClick="setBackground3(3)">
34 346 
           </div>
35 347 
           <script>
36 
-            getBackgNumber3();
348 
+              getBackgNumber3();
37 349 
           </script>
38 350 
         </article>
39 351
40 352 
         <!--セクション 文字サイズ-->
41 353 
         <!--<article id="charsize" >
42 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
354 
+  <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
355 
+  <div id="charsize_img">
356 
+  <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
357 
+  <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
358 
+  <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
359 
+  </div>
360 
+  </article>-->
49 361
50 362 
         <!--セクション サイトマップ-->
51 363 
         <article id="sitemap">
52 364 
           <div id="sitemap_img">
53 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
365 
+            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
366 
+                                                     alt="サイトマップ"/></a>
54 367 
           </div>
55 368 
         </article>
56 369 
         <!--セクション お問い合わせ-->
57 370 
         <article id="contact">
58 371 
           <div id="contact_img">
59 372 
             <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
60 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
373 
+                    src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
61 374 
           </div>
62 375 
         </article>
63 376 
         <!--セクション 翻訳-->
 
@@ -65,26 +378,18 @@
65 378 
           <div id="translation_img">
66 379 
             <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67 380 
             <div id="google_translate_element"></div>
68 
-            <script type="text/javascript">
69 
-              function googleTranslateElementInit() {
70 
-                new google.translate.TranslateElement({
71 
-                  pageLanguage: 'ja',
72 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
73 
-                }, 'google_translate_element');
74 
-              }
75 
-            </script>
76 
-            <script type="text/javascript"
77 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78 381 
           </div>
79 382 
         </article>
80 383 
         <div id="claer">
81 384 
         </div>
82 385 
       </div>
83 386 
     </section>
387 
+
84 388 
     <!--ヘッダーデータ-->
85 389 
     <header>
86 390 
       <div id="header" class="gothic">
87 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
391 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
392 
+                                        height="260px"/></a>
88 393 
         <div id="h_block_1">
89 394 
           <div class="h_line">
90 395 
           </div>
 
@@ -95,7 +400,7 @@
95 400 
             <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
96 401 
           </article>
97 402 
           <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業向け情報</span></a>
403 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
99 404 
           </article>
100 405 
           <article class="h_text_l">
101 406 
             <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
 
@@ -106,12 +411,12 @@
106 411 
           <article class="h_search">
107 412 
             <div class="space10"></div>
108 413 
             <form action="http://www.google.com/search">
109 
-              <input type="hidden" name="hl" value="ja" />
414 
+              <input type="hidden" name="hl" value="ja"/>
110 415 
               <input type="hidden" name="ie" value="UTF-8">
111 416 
               <input type="hidden" name="oe" value="UTF-8">
112 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
113 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
114 
-              <input type="submit" name="btnG" value="検索" />
417 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
418 
+              <input type="text" name="q" size="16" maxlength="256" value=""/>
419 
+              <input type="submit" name="btnG" value="検索"/>
115 420 
             </form>
116 421 
           </article>
117 422 
         </div>
 
@@ -125,8 +430,8 @@
125 430 
           <div id="breadcrumb_title">
126 431 
             <div id="breadcrumb_title_block">
127 432 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
128 
-                  href="../../second/town_admini_info.html">町政情報</a>><a
129 
-                  href="../../third/town_admini_info/audit.html">監査</a>>監査委員制度</span>
433 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
434 
+                      href="../../third/town_admini_info/audit.html">監査</a>>監査委員制度</span>
130 435 
             </div>
131 436 
           </div>
132 437 
         </article>
 
@@ -138,10 +443,10 @@
138 443 
           </div>
139 444 
           <!-- 本文ここから -->
140 445 
           <span id="template_article_block">
141 
-            　監査委員は、町長が議会の同意を得て、人格が高潔で、普通地方公共団体の財務管理、事業の経営管理、その他行政運営に関し優れた識見を有する者及び議会のうちから選任することになっています。その職務は、財務に関する事務の執行及び当該団体の経営にかかる行財政運営が、公正で合理的かつ効果的に行われているかどうかを、公平・中立な立場で監査し、その結果を公表するという制度です。<br />
142 
-            　北方町監査委員の定数は２人となっており、選任は議会の同意を得て、町長が行います。当町では、識見を有する者１人、町議会議員のうちから１人が選任されています。<br />
143 
-            <br />
144 
-            <br />
446 
+            　監査委員は、町長が議会の同意を得て、人格が高潔で、普通地方公共団体の財務管理、事業の経営管理、その他行政運営に関し優れた識見を有する者及び議会のうちから選任することになっています。その職務は、財務に関する事務の執行及び当該団体の経営にかかる行財政運営が、公正で合理的かつ効果的に行われているかどうかを、公平・中立な立場で監査し、その結果を公表するという制度です。<br/>
447 
+            　北方町監査委員の定数は２人となっており、選任は議会の同意を得て、町長が行います。当町では、識見を有する者１人、町議会議員のうちから１人が選任されています。<br/>
448 
+            <br/>
449 
+            <br/>
145 450 
             現在の監査委員
146 451 
             <table width="100%" border="0" cellpadding="3" cellspacing="1" class="infokitagata">
147 452 
               <tr align="center">
 
@@ -162,17 +467,35 @@
162 467 
       </section>
163 468 
     </div>
164 469
470 
+
165 471 
     <footer>
166 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
167 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
168 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
169 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
472 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
473 
+      <div class="footer_mobile">
474 
+        <div class="footer_mobile_title">
475 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
476 
+          <h1 class="footerMobile__text">北方町役場</h1>
477 
+        </div>
478 
+        <div class="footer_mobile_address">
479 
+                <span class="footerTextWrap__text">
480 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
481 
+                </span><br>
482 
+          電話:058-323-1111(代)<br>
483 
+          FAX:058-323-2963<br>
484 
+          開庁日：8時30分～17時15分<br>
485 
+          （土・日・祝日、年末年始を除く）<br>
486 
+        </div>
487 
+      </div>
488 
+      <br class="sp__brDisplay">
489 
+      <p class="footer_text">
490 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
491 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
492 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
493 
+      </p>
170 494 
     </footer>
171 495
172 
-
173 496 
   </div>
174 497 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fiscal_situation_remained"
175 
-    height="1" width="1" />
176 
-</body>
498 
+       height="1" width="1"/>
499 
+  </body>
177 500
178 
-</html>
501 
+</html>

+ 427
- 103
fourth/audit/Resident_audit_request.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,54 +10,367 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
13 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+  </meta>
14 22 
 </head>
15 23
16 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 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
174 
+
175 
+  <body id="back">
176 
+  <script type="text/javascript">
177 
+      function googleTranslateElementInit() {
178 
+          new google.translate.TranslateElement({
179 
+              pageLanguage: 'ja',
180 
+              layout: google.translate.TranslateElement.InlineLayout.SIMPLE
181 
+          }, 'google_translate_element');
182 
+      }
183 
+  </script>
184 
+  <script type="text/javascript"
185 
+          src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
17 186 
   <div id="main" class="gothic">
187 
+    <!-- mobile header -->
188 
+    <header class="header">
189 
+      <div class="headerLogo">
190 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
191 
+                                                            src="../../image/logo_kitagata_green_S.png" alt=""></a>
192 
+      </div>
193 
+      <div class="headerTitle">
194 
+        <a href="../../index.html" class="header_link">
195 
+          <h1 class="headerTitle__text">北方町</h1>
196 
+        </a>
197 
+      </div>
198 
+      <div class="headerSubTitle">
199 
+        <a href="../../index.html" class="header_link">
200 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
201 
+        </a>
202 
+      </div>
203 
+      <div id="h-menu">
204 
+        <span></span>
205 
+        <span></span>
206 
+        <span></span>
207 
+        <div id="h-text">menu</div>
208 
+      </div>
209 
+      <div id="h-nav">
210 
+        <div class="h-menu_main_block_top">
211 
+          <div class="h-menu_main_block">
212 
+            <div class="h-menu_block">
213 
+              <a href="../../second/living.html">
214 
+                <div class="h-menu_block_text h-menu_block_before">
215 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
216 
+                </div>
217 
+              </a>
218 
+            </div>
219 
+          </div>
220 
+          <div class="h-menu_main_block">
221 
+            <div class="h-menu_block">
222 
+              <a href="../../second/tourism.html">
223 
+                <div class="h-menu_block_text h-menu_block_before">
224 
+                  <div class="h-menu_block_text_center">
225 
+                    観光
226 
+                  </div>
227 
+                </div>
228 
+              </a>
229 
+            </div>
230 
+          </div>
231 
+          <div class="h-menu_main_block">
232 
+            <div class="h-menu_block">
233 
+              <a href="../../second/business.html">
234 
+                <div class="h-menu_block_text h-menu_block_before">
235 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
236 
+                </div>
237 
+              </a>
238 
+            </div>
239 
+          </div>
240 
+          <div class="h-menu_main_block">
241 
+            <div class="h-menu_block">
242 
+              <a href="../../second/town_admini_info.html">
243 
+                <div class="h-menu_block_text h-menu_block_before">
244 
+                  <div class="h-menu_block_text_center">町政情報</div>
245 
+                </div>
246 
+              </a>
247 
+            </div>
248 
+          </div>
249 
+          <div class="h-menu_main_block">
250 
+            <div class="h-menu_block h-menu_block_before">
251 
+              <a href="../../second/sitemap.html">
252 
+                <div class="h-menu_block_text h-menu_block_before">
253 
+                  <div class="h-menu_block_text_center">
254 
+                    サイトマップ
255 
+                  </div>
256 
+                </div>
257 
+              </a>
258 
+            </div>
259 
+          </div>
260 
+          <div class="h-menu_main_block">
261 
+            <div class="h-menu_block h-menu_block_before">
262 
+              <a href="https://ai-staff.net/kitagata/chat">
263 
+                <div class="h-menu_block_text  h-menu_block_before">
264 
+                  <div class="h-menu_block_text_center">
265 
+                    AIチャット
266 
+                  </div>
267 
+                </div>
268 
+              </a>
269 
+            </div>
270 
+          </div>
271 
+          <div class="h-menu_main_block">
272 
+            <div class="h-menu_block h-menu_block_before">
273 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
274 
+                <div class="h-menu_block_text">
275 
+                  <div class="h-menu_block_text_center">
276 
+                    お問い合わせ一覧
277 
+                  </div>
278 
+                </div>
279 
+              </a>
280 
+            </div>
281 
+          </div>
282 
+          <div class="h-menu_main_block">
283 
+            <div class="h-menu_lang">
284 
+              <div class="h-menu_block_lang">
285 
+                <div class="h-menu_block_text_center">
286 
+                  <div class="h-menu_block_text_line">
287 
+                    背景変更
288 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
289 
+                    </div>
290 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
291 
+                    </div>
292 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
293 
+                    </div>
294 
+                  </div>
295 
+                  <script>
296 
+                      getBackgNumber2();
297 
+                  </script>
298 
+                  <div class="h-menu_block_text_line">言語選択
299 
+                    <div class="mobile_translation">
300 
+                      <div id="google_translate_element"></div>
301 
+                    </div>
302 
+                  </div>
303 
+                </div>
304 
+              </div>
305 
+            </div>
306 
+          </div>
307 
+          <div class="h-menu_main_block">
308 
+            <div class="h-menu_search">
309 
+              <div class="h-menu_block_search">
310 
+                <form action="https://www.google.com/search">
311 
+                  <input type="hidden" name="hl" value="ja"/>
312 
+                  <input type="hidden" name="ie" value="UTF-8">
313 
+                  <input type="hidden" name="oe" value="UTF-8">
314 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
315 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
316 
+                         class="mobile_form_input"/>
317 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
318 
+                </form>
319 
+              </div>
320 
+            </div>
321 
+          </div>
322 
+        </div>
323 
+      </div>
324 
+    </header>
325 
+
18 326 
     <!--セクション 操作-->
19 327 
     <section id="operation">
20 328 
       <!--セクション 住所-->
21 329 
       <article id="address">
22 330 
         <address id="operation_add">
23 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
331 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
332 
+						TEL:058-323-1111(代)</span>
24 333 
         </address>
25 334 
       </article>
26 335 
       <div id="controle_panel">
27 336 
         <!--セクション 背景色-->
28 337 
         <article id="bgcolor">
29 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
338 
+          <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
30 339 
           <div id="bgcolor_img">
31 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
340 
+            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
341 
+                   onClick="setBackground3(1)">
342 
+            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
343 
+                   onClick="setBackground3(2)">
344 
+            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
345 
+                   onClick="setBackground3(3)">
34 346 
           </div>
35 347 
           <script>
36 
-            getBackgNumber3();
348 
+              getBackgNumber3();
37 349 
           </script>
38 350 
         </article>
39 351
40 352 
         <!--セクション 文字サイズ-->
41 353 
         <!--<article id="charsize" >
42 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
354 
+  <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
355 
+  <div id="charsize_img">
356 
+  <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
357 
+  <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
358 
+  <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
359 
+  </div>
360 
+  </article>-->
49 361
50 362 
         <!--セクション サイトマップ-->
51 363 
         <article id="sitemap">
52 364 
           <div id="sitemap_img">
53 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
365 
+            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
366 
+                                                     alt="サイトマップ"/></a>
54 367 
           </div>
55 368 
         </article>
56 369 
         <!--セクション お問い合わせ-->
57 370 
         <article id="contact">
58 371 
           <div id="contact_img">
59 372 
             <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
60 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
373 
+                    src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
61 374 
           </div>
62 375 
         </article>
63 376 
         <!--セクション 翻訳-->
 
@@ -65,26 +378,18 @@
65 378 
           <div id="translation_img">
66 379 
             <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67 380 
             <div id="google_translate_element"></div>
68 
-            <script type="text/javascript">
69 
-              function googleTranslateElementInit() {
70 
-                new google.translate.TranslateElement({
71 
-                  pageLanguage: 'ja',
72 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
73 
-                }, 'google_translate_element');
74 
-              }
75 
-            </script>
76 
-            <script type="text/javascript"
77 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78 381 
           </div>
79 382 
         </article>
80 383 
         <div id="claer">
81 384 
         </div>
82 385 
       </div>
83 386 
     </section>
387 
+
84 388 
     <!--ヘッダーデータ-->
85 389 
     <header>
86 390 
       <div id="header" class="gothic">
87 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
391 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
392 
+                                        height="260px"/></a>
88 393 
         <div id="h_block_1">
89 394 
           <div class="h_line">
90 395 
           </div>
 
@@ -95,7 +400,7 @@
95 400 
             <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
96 401 
           </article>
97 402 
           <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業向け情報</span></a>
403 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
99 404 
           </article>
100 405 
           <article class="h_text_l">
101 406 
             <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
 
@@ -106,12 +411,12 @@
106 411 
           <article class="h_search">
107 412 
             <div class="space10"></div>
108 413 
             <form action="http://www.google.com/search">
109 
-              <input type="hidden" name="hl" value="ja" />
414 
+              <input type="hidden" name="hl" value="ja"/>
110 415 
               <input type="hidden" name="ie" value="UTF-8">
111 416 
               <input type="hidden" name="oe" value="UTF-8">
112 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
113 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
114 
-              <input type="submit" name="btnG" value="検索" />
417 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
418 
+              <input type="text" name="q" size="16" maxlength="256" value=""/>
419 
+              <input type="submit" name="btnG" value="検索"/>
115 420 
             </form>
116 421 
           </article>
117 422 
         </div>
 
@@ -119,74 +424,74 @@
119 424 
     </header>
120 425
121 426 
     <div id="third_body">
122 
-      <!--セクション template-->
123 
-      <section id="template">
124 
-        <article id="breadcrumb">
125 
-          <div id="breadcrumb_title">
126 
-            <div id="breadcrumb_title_block">
427 
+    <!--セクション template-->
428 
+    <section id="template">
429 
+      <article id="breadcrumb">
430 
+        <div id="breadcrumb_title">
431 
+          <div id="breadcrumb_title_block">
127 432 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
128 
-                  href="../../second/town_admini_info.html">町政情報</a>><a
129 
-                  href="../../third/town_admini_info/audit.html">監査</a>>住民監査請求</span>
130 
-            </div>
433 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
434 
+                      href="../../third/town_admini_info/audit.html">監査</a>>住民監査請求</span>
131 435 
           </div>
132 
-        </article>
133 
-        <article id="template">
134 
-          <div id="template_title" class="gothic">
135 
-            <div id="template_title_block">
136 
-              <span id="template_title">住民監査請求</span>
137 
-            </div>
436 
+        </div>
437 
+      </article>
438 
+      <article id="template">
439 
+        <div id="template_title" class="gothic">
440 
+          <div id="template_title_block">
441 
+            <span id="template_title">住民監査請求</span>
138 442 
           </div>
139 
-        </article>
140 
-        <article id="template_list_title">
141 
-          <div id="template_title2" class="gothic">
142 
-            <div id="template_title_block">
143 
-              <span id="template_title2">住民監査請求制度とは</span>
144 
-            </div>
443 
+        </div>
444 
+      </article>
445 
+      <article id="template_list_title">
446 
+        <div id="template_title2" class="gothic">
447 
+          <div id="template_title_block">
448 
+            <span id="template_title2">住民監査請求制度とは</span>
145 449 
           </div>
146 
-          <span id="template_article_block">
147 
-            　地方自治法第242条第1項の定めにより、北方町内に住所を有する方（住民）は、町長その他の執行機関または職員について、違法行為等により町が財産的損害を被ると認めるとき、これを証する書面を添えて、監査委員に対し監査を求め、必要な措置を講ずべきことを請求することができます。<br />
450 
+        </div>
451 
+        <span id="template_article_block">
452 
+            　地方自治法第242条第1項の定めにより、北方町内に住所を有する方（住民）は、町長その他の執行機関または職員について、違法行為等により町が財産的損害を被ると認めるとき、これを証する書面を添えて、監査委員に対し監査を求め、必要な措置を講ずべきことを請求することができます。<br/>
148 453 
           </span>
149 
-        </article>
150 
-        <article id="template_list_title">
151 
-          <div id="template_title2" class="gothic">
152 
-            <div id="template_title_block">
153 
-              <span id="template_title2">住民監査請求の対象</span>
154 
-            </div>
454 
+      </article>
455 
+      <article id="template_list_title">
456 
+        <div id="template_title2" class="gothic">
457 
+          <div id="template_title_block">
458 
+            <span id="template_title2">住民監査請求の対象</span>
155 459 
           </div>
156 
-          <span id="template_article_block">
157 
-            　請求の対象は、財務会計上の「違法若しくは不当な行為」又は「違法若しくは不当に怠る事実」であって次のとおりです。なお、法令違反のおそれがあっても、町に財産的損害が生じない場合は請求を行うことができません。<br />
158 
-            <br />
159 
-            （1） 公金の支出<br />
160 
-            （2） 財産の取得・管理・処分<br />
161 
-            （3） 契約の締結・履行<br />
162 
-            （4） 債務その他の義務の負担<br />
163 
-            （5） 公金の賦課・徴収を怠る事実<br />
164 
-            （6） 財産の管理を怠る事実<br />
165 
-            　※(1)～(4)の行為が相当の確実さで予測される場合を含みます。<br />
460 
+        </div>
461 
+        <span id="template_article_block">
462 
+            　請求の対象は、財務会計上の「違法若しくは不当な行為」又は「違法若しくは不当に怠る事実」であって次のとおりです。なお、法令違反のおそれがあっても、町に財産的損害が生じない場合は請求を行うことができません。<br/>
463 
+            <br/>
464 
+            （1） 公金の支出<br/>
465 
+            （2） 財産の取得・管理・処分<br/>
466 
+            （3） 契約の締結・履行<br/>
467 
+            （4） 債務その他の義務の負担<br/>
468 
+            （5） 公金の賦課・徴収を怠る事実<br/>
469 
+            （6） 財産の管理を怠る事実<br/>
470 
+            　※(1)～(4)の行為が相当の確実さで予測される場合を含みます。<br/>
166 471 
           </span>
167 
-        </article>
168 
-        <article id="template_list_title">
169 
-          <div id="template_title2" class="gothic">
170 
-            <div id="template_title_block">
171 
-              <span id="template_title2">監査の請求</span>
172 
-            </div>
472 
+      </article>
473 
+      <article id="template_list_title">
474 
+        <div id="template_title2" class="gothic">
475 
+          <div id="template_title_block">
476 
+            <span id="template_title2">監査の請求</span>
173 477 
           </div>
174 
-          <span id="template_article_block">
175 
-            　請求のできる期間は、原則として対象となる行為があった日又は終わった日から1年以内です。請求を行う場合は、次の様式をご利用ください。なお、記載方法等については、記入例をご確認ください。<br />
176 
-            　<a href="../../css/pdf/audit/Resident_audit_request_2.doc">措置請求書（word）</a><br />
177 
-            　<a href="../../css/pdf/audit/Resident_audit_request_3.pdf" target="_blank">記入例（pdf）</a><br />
178 
-            ※請求書には、必ず自署が必要となりますので、ファックスや電子メール、口頭による請求はご遠慮ください。<br />
478 
+        </div>
479 
+        <span id="template_article_block">
480 
+            　請求のできる期間は、原則として対象となる行為があった日又は終わった日から1年以内です。請求を行う場合は、次の様式をご利用ください。なお、記載方法等については、記入例をご確認ください。<br/>
481 
+            　<a href="../../css/pdf/audit/Resident_audit_request_2.doc">措置請求書（word）</a><br/>
482 
+            　<a href="../../css/pdf/audit/Resident_audit_request_3.pdf" target="_blank">記入例（pdf）</a><br/>
483 
+            ※請求書には、必ず自署が必要となりますので、ファックスや電子メール、口頭による請求はご遠慮ください。<br/>
179 484 
           </span>
180 
-        </article>
181 
-        <article id="template_list_title">
182 
-          <div id="template_title2" class="gothic">
183 
-            <div id="template_title_block">
184 
-              <span id="template_title2">監査の結果に不服がある場合</span>
185 
-            </div>
485 
+      </article>
486 
+      <article id="template_list_title">
487 
+        <div id="template_title2" class="gothic">
488 
+          <div id="template_title_block">
489 
+            <span id="template_title2">監査の結果に不服がある場合</span>
186 490 
           </div>
187 
-          <span id="template_article_block">
188 
-            　監査委員による監査の場合、監査委員の監査及び勧告は、請求があった日から60日以内に行うものとされており、その結果等に不服がある場合は、裁判所に住民訴訟を提起することができます。住民訴訟を提起することができる場合とその期間は、次のとおりです。<br />
189 
-            <br />
491 
+        </div>
492 
+        <span id="template_article_block">
493 
+            　監査委員による監査の場合、監査委員の監査及び勧告は、請求があった日から60日以内に行うものとされており、その結果等に不服がある場合は、裁判所に住民訴訟を提起することができます。住民訴訟を提起することができる場合とその期間は、次のとおりです。<br/>
494 
+            <br/>
190 495 
             <table width="100%" border="0" cellpadding="3" cellspacing="1" class="infokitagata">
191 496 
               <tr>
192 497 
                 <td width="50%" div style="text-align:right" bgcolor="#CCCCCC">監査委員の監査の結果又は勧告に不服がある場合</td>
 
@@ -206,21 +511,40 @@
206 511 
               </tr>
207 512 
             </table>
208 513 
           </span>
209 
-        </article>
210 
-      </section>
211 
-    </div>
514 
+      </article>
515 
+    </section>
516 
+  </div>
212 517
213 
-    <footer>
214 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
215 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
216 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
217 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
218 
-    </footer>
219 518
519 
+  <footer>
520 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
521 
+    <div class="footer_mobile">
522 
+      <div class="footer_mobile_title">
523 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
524 
+        <h1 class="footerMobile__text">北方町役場</h1>
525 
+      </div>
526 
+      <div class="footer_mobile_address">
527 
+                <span class="footerTextWrap__text">
528 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
529 
+                </span><br>
530 
+        電話:058-323-1111(代)<br>
531 
+        FAX:058-323-2963<br>
532 
+        開庁日：8時30分～17時15分<br>
533 
+        （土・日・祝日、年末年始を除く）<br>
534 
+      </div>
535 
+    </div>
536 
+    <br class="sp__brDisplay">
537 
+    <p class="footer_text">
538 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
539 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
540 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
541 
+    </p>
542 
+  </footer>
220 543
221 
-  </div>
222 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fiscal_situation_remained"
223 
-    height="1" width="1" />
544 
+
545 
+</div>
546 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fiscal_situation_remained"
547 
+     height="1" width="1"/>
224 548 
 </body>
225 549
226 550 
 </html>

+ 385
- 62
fourth/audit/Results_of_audits.html Ver fichero 

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

+ 407
- 84
fourth/audit/Results_of_audits_by_financial_assistance_organizations.html Ver fichero 

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

+ 391
- 67
fourth/audit/Results_of_financial_results_screening.html Ver fichero 

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

+ 410
- 86
fourth/audit/Results_of_regular_audits.html Ver fichero 

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

+ 352
- 177
fourth/audit/Results_of_the_audit_from_time_to_time.html Ver fichero 

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

+ 440
- 116
fourth/audit/Type_of_audit.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -10,54 +10,367 @@
10 10 
   <link rel="stylesheet" href="../../css/section.css">
11 11 
   <link rel="stylesheet" href="../../css/third_template.css">
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
13 17 
   <script src="../../js/operation.js"></script>
18 
+  <script src="../../js/menu.js"></script>
19 
+  <script src="../../js/accordion.js"></script>
20 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
21 
+  </meta>
14 22 
 </head>
15 23
16 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 
+<div id="main" class="gothic">
36 
+  <!-- mobile header -->
37 
+  <header class="header">
38 
+    <div class="headerLogo">
39 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
40 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
41 
+    </div>
42 
+    <div class="headerTitle">
43 
+      <a href="../../index.html" class="header_link">
44 
+        <h1 class="headerTitle__text">北方町</h1>
45 
+      </a>
46 
+    </div>
47 
+    <div class="headerSubTitle">
48 
+      <a href="../../index.html" class="header_link">
49 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
50 
+      </a>
51 
+    </div>
52 
+    <div id="h-menu">
53 
+      <span></span>
54 
+      <span></span>
55 
+      <span></span>
56 
+      <div id="h-text">menu</div>
57 
+    </div>
58 
+    <div id="h-nav">
59 
+      <div class="h-menu_main_block_top">
60 
+        <div class="h-menu_main_block">
61 
+          <div class="h-menu_block">
62 
+            <a href="../../second/living.html">
63 
+              <div class="h-menu_block_text h-menu_block_before">
64 
+                <div class="h-menu_block_text_center">くらしの情報</div>
65 
+              </div>
66 
+            </a>
67 
+          </div>
68 
+        </div>
69 
+        <div class="h-menu_main_block">
70 
+          <div class="h-menu_block">
71 
+            <a href="../../second/tourism.html">
72 
+              <div class="h-menu_block_text h-menu_block_before">
73 
+                <div class="h-menu_block_text_center">
74 
+                  観光
75 
+                </div>
76 
+              </div>
77 
+            </a>
78 
+          </div>
79 
+        </div>
80 
+        <div class="h-menu_main_block">
81 
+          <div class="h-menu_block">
82 
+            <a href="../../second/business.html">
83 
+              <div class="h-menu_block_text h-menu_block_before">
84 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
85 
+              </div>
86 
+            </a>
87 
+          </div>
88 
+        </div>
89 
+        <div class="h-menu_main_block">
90 
+          <div class="h-menu_block">
91 
+            <a href="../../second/town_admini_info.html">
92 
+              <div class="h-menu_block_text h-menu_block_before">
93 
+                <div class="h-menu_block_text_center">町政情報</div>
94 
+              </div>
95 
+            </a>
96 
+          </div>
97 
+        </div>
98 
+        <div class="h-menu_main_block">
99 
+          <div class="h-menu_block h-menu_block_before">
100 
+            <a href="../../second/sitemap.html">
101 
+              <div class="h-menu_block_text h-menu_block_before">
102 
+                <div class="h-menu_block_text_center">
103 
+                  サイトマップ
104 
+                </div>
105 
+              </div>
106 
+            </a>
107 
+          </div>
108 
+        </div>
109 
+        <div class="h-menu_main_block">
110 
+          <div class="h-menu_block h-menu_block_before">
111 
+            <a href="https://ai-staff.net/kitagata/chat">
112 
+              <div class="h-menu_block_text  h-menu_block_before">
113 
+                <div class="h-menu_block_text_center">
114 
+                  AIチャット
115 
+                </div>
116 
+              </div>
117 
+            </a>
118 
+          </div>
119 
+        </div>
120 
+        <div class="h-menu_main_block">
121 
+          <div class="h-menu_block h-menu_block_before">
122 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
123 
+              <div class="h-menu_block_text">
124 
+                <div class="h-menu_block_text_center">
125 
+                  お問い合わせ一覧
126 
+                </div>
127 
+              </div>
128 
+            </a>
129 
+          </div>
130 
+        </div>
131 
+        <div class="h-menu_main_block">
132 
+          <div class="h-menu_lang">
133 
+            <div class="h-menu_block_lang">
134 
+              <div class="h-menu_block_text_center">
135 
+                <div class="h-menu_block_text_line">
136 
+                  背景変更
137 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
138 
+                  </div>
139 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
140 
+                  </div>
141 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
142 
+                  </div>
143 
+                </div>
144 
+                <script>
145 
+                    getBackgNumber2();
146 
+                </script>
147 
+                <div class="h-menu_block_text_line">言語選択
148 
+                  <div class="mobile_translation">
149 
+                    <div id="google_translate_element"></div>
150 
+                  </div>
151 
+                </div>
152 
+              </div>
153 
+            </div>
154 
+          </div>
155 
+        </div>
156 
+        <div class="h-menu_main_block">
157 
+          <div class="h-menu_search">
158 
+            <div class="h-menu_block_search">
159 
+              <form action="https://www.google.com/search">
160 
+                <input type="hidden" name="hl" value="ja"/>
161 
+                <input type="hidden" name="ie" value="UTF-8">
162 
+                <input type="hidden" name="oe" value="UTF-8">
163 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
164 
+                <input type="text" name="q" size="16" maxlength="256" value=""
165 
+                       class="mobile_form_input"/>
166 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
167 
+              </form>
168 
+            </div>
169 
+          </div>
170 
+        </div>
171 
+      </div>
172 
+    </div>
173 
+  </header>
174 
+
175 
+  <body id="back">
176 
+  <script type="text/javascript">
177 
+      function googleTranslateElementInit() {
178 
+          new google.translate.TranslateElement({
179 
+              pageLanguage: 'ja',
180 
+              layout: google.translate.TranslateElement.InlineLayout.SIMPLE
181 
+          }, 'google_translate_element');
182 
+      }
183 
+  </script>
184 
+  <script type="text/javascript"
185 
+          src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
17 186 
   <div id="main" class="gothic">
187 
+    <!-- mobile header -->
188 
+    <header class="header">
189 
+      <div class="headerLogo">
190 
+        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
191 
+                                                            src="../../image/logo_kitagata_green_S.png" alt=""></a>
192 
+      </div>
193 
+      <div class="headerTitle">
194 
+        <a href="../../index.html" class="header_link">
195 
+          <h1 class="headerTitle__text">北方町</h1>
196 
+        </a>
197 
+      </div>
198 
+      <div class="headerSubTitle">
199 
+        <a href="../../index.html" class="header_link">
200 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
201 
+        </a>
202 
+      </div>
203 
+      <div id="h-menu">
204 
+        <span></span>
205 
+        <span></span>
206 
+        <span></span>
207 
+        <div id="h-text">menu</div>
208 
+      </div>
209 
+      <div id="h-nav">
210 
+        <div class="h-menu_main_block_top">
211 
+          <div class="h-menu_main_block">
212 
+            <div class="h-menu_block">
213 
+              <a href="../../second/living.html">
214 
+                <div class="h-menu_block_text h-menu_block_before">
215 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
216 
+                </div>
217 
+              </a>
218 
+            </div>
219 
+          </div>
220 
+          <div class="h-menu_main_block">
221 
+            <div class="h-menu_block">
222 
+              <a href="../../second/tourism.html">
223 
+                <div class="h-menu_block_text h-menu_block_before">
224 
+                  <div class="h-menu_block_text_center">
225 
+                    観光
226 
+                  </div>
227 
+                </div>
228 
+              </a>
229 
+            </div>
230 
+          </div>
231 
+          <div class="h-menu_main_block">
232 
+            <div class="h-menu_block">
233 
+              <a href="../../second/business.html">
234 
+                <div class="h-menu_block_text h-menu_block_before">
235 
+                  <div class="h-menu_block_text_center">事業者向け情報</div>
236 
+                </div>
237 
+              </a>
238 
+            </div>
239 
+          </div>
240 
+          <div class="h-menu_main_block">
241 
+            <div class="h-menu_block">
242 
+              <a href="../../second/town_admini_info.html">
243 
+                <div class="h-menu_block_text h-menu_block_before">
244 
+                  <div class="h-menu_block_text_center">町政情報</div>
245 
+                </div>
246 
+              </a>
247 
+            </div>
248 
+          </div>
249 
+          <div class="h-menu_main_block">
250 
+            <div class="h-menu_block h-menu_block_before">
251 
+              <a href="../../second/sitemap.html">
252 
+                <div class="h-menu_block_text h-menu_block_before">
253 
+                  <div class="h-menu_block_text_center">
254 
+                    サイトマップ
255 
+                  </div>
256 
+                </div>
257 
+              </a>
258 
+            </div>
259 
+          </div>
260 
+          <div class="h-menu_main_block">
261 
+            <div class="h-menu_block h-menu_block_before">
262 
+              <a href="https://ai-staff.net/kitagata/chat">
263 
+                <div class="h-menu_block_text  h-menu_block_before">
264 
+                  <div class="h-menu_block_text_center">
265 
+                    AIチャット
266 
+                  </div>
267 
+                </div>
268 
+              </a>
269 
+            </div>
270 
+          </div>
271 
+          <div class="h-menu_main_block">
272 
+            <div class="h-menu_block h-menu_block_before">
273 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
274 
+                <div class="h-menu_block_text">
275 
+                  <div class="h-menu_block_text_center">
276 
+                    お問い合わせ一覧
277 
+                  </div>
278 
+                </div>
279 
+              </a>
280 
+            </div>
281 
+          </div>
282 
+          <div class="h-menu_main_block">
283 
+            <div class="h-menu_lang">
284 
+              <div class="h-menu_block_lang">
285 
+                <div class="h-menu_block_text_center">
286 
+                  <div class="h-menu_block_text_line">
287 
+                    背景変更
288 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
289 
+                    </div>
290 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
291 
+                    </div>
292 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
293 
+                    </div>
294 
+                  </div>
295 
+                  <script>
296 
+                      getBackgNumber2();
297 
+                  </script>
298 
+                  <div class="h-menu_block_text_line">言語選択
299 
+                    <div class="mobile_translation">
300 
+                      <div id="google_translate_element"></div>
301 
+                    </div>
302 
+                  </div>
303 
+                </div>
304 
+              </div>
305 
+            </div>
306 
+          </div>
307 
+          <div class="h-menu_main_block">
308 
+            <div class="h-menu_search">
309 
+              <div class="h-menu_block_search">
310 
+                <form action="https://www.google.com/search">
311 
+                  <input type="hidden" name="hl" value="ja"/>
312 
+                  <input type="hidden" name="ie" value="UTF-8">
313 
+                  <input type="hidden" name="oe" value="UTF-8">
314 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
315 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
316 
+                         class="mobile_form_input"/>
317 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
318 
+                </form>
319 
+              </div>
320 
+            </div>
321 
+          </div>
322 
+        </div>
323 
+      </div>
324 
+    </header>
325 
+
18 326 
     <!--セクション 操作-->
19 327 
     <section id="operation">
20 328 
       <!--セクション 住所-->
21 329 
       <article id="address">
22 330 
         <address id="operation_add">
23 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
331 
+          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
332 
+						TEL:058-323-1111(代)</span>
24 333 
         </address>
25 334 
       </article>
26 335 
       <div id="controle_panel">
27 336 
         <!--セクション 背景色-->
28 337 
         <article id="bgcolor">
29 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
338 
+          <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
30 339 
           <div id="bgcolor_img">
31 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
32 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
33 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
340 
+            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
341 
+                   onClick="setBackground3(1)">
342 
+            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
343 
+                   onClick="setBackground3(2)">
344 
+            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
345 
+                   onClick="setBackground3(3)">
34 346 
           </div>
35 347 
           <script>
36 
-            getBackgNumber3();
348 
+              getBackgNumber3();
37 349 
           </script>
38 350 
         </article>
39 351
40 352 
         <!--セクション 文字サイズ-->
41 353 
         <!--<article id="charsize" >
42 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
43 
-<div id="charsize_img">
44 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
45 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
46 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
47 
-</div>
48 
-</article>-->
354 
+  <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
355 
+  <div id="charsize_img">
356 
+  <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
357 
+  <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
358 
+  <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
359 
+  </div>
360 
+  </article>-->
49 361
50 362 
         <!--セクション サイトマップ-->
51 363 
         <article id="sitemap">
52 364 
           <div id="sitemap_img">
53 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
365 
+            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
366 
+                                                     alt="サイトマップ"/></a>
54 367 
           </div>
55 368 
         </article>
56 369 
         <!--セクション お問い合わせ-->
57 370 
         <article id="contact">
58 371 
           <div id="contact_img">
59 372 
             <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
60 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
373 
+                    src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
61 374 
           </div>
62 375 
         </article>
63 376 
         <!--セクション 翻訳-->
 
@@ -65,26 +378,18 @@
65 378 
           <div id="translation_img">
66 379 
             <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67 380 
             <div id="google_translate_element"></div>
68 
-            <script type="text/javascript">
69 
-              function googleTranslateElementInit() {
70 
-                new google.translate.TranslateElement({
71 
-                  pageLanguage: 'ja',
72 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
73 
-                }, 'google_translate_element');
74 
-              }
75 
-            </script>
76 
-            <script type="text/javascript"
77 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78 381 
           </div>
79 382 
         </article>
80 383 
         <div id="claer">
81 384 
         </div>
82 385 
       </div>
83 386 
     </section>
387 
+
84 388 
     <!--ヘッダーデータ-->
85 389 
     <header>
86 390 
       <div id="header" class="gothic">
87 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
391 
+        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
392 
+                                        height="260px"/></a>
88 393 
         <div id="h_block_1">
89 394 
           <div class="h_line">
90 395 
           </div>
 
@@ -95,7 +400,7 @@
95 400 
             <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
96 401 
           </article>
97 402 
           <article class="h_text_l">
98 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業向け情報</span></a>
403 
+            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
99 404 
           </article>
100 405 
           <article class="h_text_l">
101 406 
             <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
 
@@ -106,12 +411,12 @@
106 411 
           <article class="h_search">
107 412 
             <div class="space10"></div>
108 413 
             <form action="http://www.google.com/search">
109 
-              <input type="hidden" name="hl" value="ja" />
414 
+              <input type="hidden" name="hl" value="ja"/>
110 415 
               <input type="hidden" name="ie" value="UTF-8">
111 416 
               <input type="hidden" name="oe" value="UTF-8">
112 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
113 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
114 
-              <input type="submit" name="btnG" value="検索" />
417 
+              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
418 
+              <input type="text" name="q" size="16" maxlength="256" value=""/>
419 
+              <input type="submit" name="btnG" value="検索"/>
115 420 
             </form>
116 421 
           </article>
117 422 
         </div>
 
@@ -119,125 +424,144 @@
119 424 
     </header>
120 425
121 426 
     <div id="third_body">
122 
-      <!--セクション template-->
123 
-      <section id="template">
124 
-        <article id="breadcrumb">
125 
-          <div id="breadcrumb_title">
126 
-            <div id="breadcrumb_title_block">
427 
+    <!--セクション template-->
428 
+    <section id="template">
429 
+      <article id="breadcrumb">
430 
+        <div id="breadcrumb_title">
431 
+          <div id="breadcrumb_title_block">
127 432 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
128 
-                  href="../../second/town_admini_info.html">町政情報</a>><a
129 
-                  href="../../third/town_admini_info/audit.html">監査</a>>監査等の種類</span>
130 
-            </div>
433 
+                      href="../../second/town_admini_info.html">町政情報</a>><a
434 
+                      href="../../third/town_admini_info/audit.html">監査</a>>監査等の種類</span>
131 435 
           </div>
132 
-        </article>
133 
-        <article id="template">
134 
-          <div id="template_title" class="gothic">
135 
-            <div id="template_title_block">
136 
-              <span id="template_title">監査等の種類</span>
137 
-            </div>
436 
+        </div>
437 
+      </article>
438 
+      <article id="template">
439 
+        <div id="template_title" class="gothic">
440 
+          <div id="template_title_block">
441 
+            <span id="template_title">監査等の種類</span>
138 442 
           </div>
139 
-        </article>
140 
-        <article id="template_list_title">
141 
-          <div id="template_title2" class="gothic">
142 
-            <div id="template_title_block">
143 
-              <span id="template_title2">監査委員制度</span>
144 
-            </div>
443 
+        </div>
444 
+      </article>
445 
+      <article id="template_list_title">
446 
+        <div id="template_title2" class="gothic">
447 
+          <div id="template_title_block">
448 
+            <span id="template_title2">監査委員制度</span>
145 449 
           </div>
146 
-          <span id="template_article_block">
450 
+        </div>
451 
+        <span id="template_article_block">
147 452 
             <p class="paragraphT10">
148 453 
               監査委員は、町長が議会の同意を得て、人格が高潔で、普通地方公共団体の財務管理、事業の経営管理その他行政運営に関し優れた識見を有する者及び議会のうちから選任することになっています。その職務は、財務に関する事務の執行及び当該団体の経営にかかる行財政運営が、公正で合理的かつ効率的に行われているかどうかを、公平・中立な立場で監査し、その結果を公表するという制度です。
149 454 
             </p>
150 455 
           </span>
151 
-        </article>
152 
-        <article id="template_list_title">
153 
-          <div id="template_title2" class="gothic">
154 
-            <div id="template_title_block">
155 
-              <span id="template_title2">行政監査（地方自治法第199条第2項）</span>
156 
-            </div>
456 
+      </article>
457 
+      <article id="template_list_title">
458 
+        <div id="template_title2" class="gothic">
459 
+          <div id="template_title_block">
460 
+            <span id="template_title2">行政監査（地方自治法第199条第2項）</span>
157 461 
           </div>
158 
-          <span id="template_article_block">
462 
+        </div>
463 
+        <span id="template_article_block">
159 464 
             <p class="paragraphT10">
160 465 
               必要があると認めるときは、町の事務の執行が効率的に行われているか、法令等の定めに従って適正に行われているかなどについて、監査を行うことができます。</p>
161 466 
           </span>
162 
-        </article>
163 
-        <article id="template_list_title">
164 
-          <div id="template_title2" class="gothic">
165 
-            <div id="template_title_block">
166 
-              <span id="template_title2">定例監査（地方自治法第199条第4項）</span>
167 
-            </div>
467 
+      </article>
468 
+      <article id="template_list_title">
469 
+        <div id="template_title2" class="gothic">
470 
+          <div id="template_title_block">
471 
+            <span id="template_title2">定例監査（地方自治法第199条第4項）</span>
168 472 
           </div>
169 
-          <span id="template_article_block">
473 
+        </div>
474 
+        <span id="template_article_block">
170 475 
             <p class="paragraphT10">毎会計年度少なくとも１回以上期日を定めて町の財務に関する事務の執行及び経営に係る事業の管理を監査します。</p>
171 476 
           </span>
172 
-        </article>
173 
-        <article id="template_list_title">
174 
-          <div id="template_title2" class="gothic">
175 
-            <div id="template_title_block">
176 
-              <span id="template_title2">随時監査（地方自治法第199条第5項）</span>
177 
-            </div>
477 
+      </article>
478 
+      <article id="template_list_title">
479 
+        <div id="template_title2" class="gothic">
480 
+          <div id="template_title_block">
481 
+            <span id="template_title2">随時監査（地方自治法第199条第5項）</span>
178 482 
           </div>
179 
-          <span id="template_article_block">
483 
+        </div>
484 
+        <span id="template_article_block">
180 485 
             <p class="paragraphT10">定期監査のほか、必要があると認めるときは、いつでも町の財務に関する事務の執行及び経営に係る事業の管理を監査することができます。</p>
181 486 
           </span>
182 
-        </article>
183 
-        <article id="template_list_title">
184 
-          <div id="template_title2" class="gothic">
185 
-            <div id="template_title_block">
186 
-              <span id="template_title2">財政援助団体等監査（地方自治法第199条第7項）</span>
187 
-            </div>
487 
+      </article>
488 
+      <article id="template_list_title">
489 
+        <div class="template_title2 template_title2_2 gothic">
490 
+          <div id="template_title_block">
491 
+            <span class="template_title2 template_title2_2">財政援助団体等監査（地方自治法第199条第7項）</span>
188 492 
           </div>
189 
-          <span id="template_article_block">
493 
+        </div>
494 
+        <span id="template_article_block">
190 495 
             <p class="paragraphT10">
191 496 
               監査委員は、必要があると認めるとき、または町長の要求があるときは、町が補助金、交付金、負担金等その他の財政的援助を与えているものの出納その他の事務の執行で当該財政的援助に係るものを監査することができます。
192 497 
             </p>
193 498 
           </span>
194 
-        </article>
195 
-        <article id="template_list_title">
196 
-          <div id="template_title2" class="gothic">
197 
-            <div id="template_title_block">
198 
-              <span id="template_title2">決算審査（地方自治法第233条第2項）</span>
199 
-            </div>
499 
+      </article>
500 
+      <article id="template_list_title">
501 
+        <div id="template_title2" class="gothic">
502 
+          <div id="template_title_block">
503 
+            <span id="template_title2">決算審査（地方自治法第233条第2項）</span>
200 504 
           </div>
201 
-          <span id="template_article_block">
505 
+        </div>
506 
+        <span id="template_article_block">
202 507 
             <p class="paragraphT10">
203 508 
               決算及び証書類その他政令で定める書類の計数を確認するとともに、予算の執行並びに財政運営が適正かつ効率的に行われたかどうかを主眼として実施しています。</p>
204 509 
           </span>
205 
-        </article>
206 
-        <article id="template_list_title">
207 
-          <div id="template_title2" class="gothic">
208 
-            <div id="template_title_block">
209 
-              <span id="template_title2">例月出納検査（地方自治法第235条の2第1項）</span>
210 
-            </div>
510 
+      </article>
511 
+      <article id="template_list_title">
512 
+        <div class="template_title2 template_title2_2 gothic">
513 
+          <div id="template_title_block">
514 
+            <span class="template_title2 template_title2_2">例月出納検査（地方自治法第235条の2第1項）</span>
211 515 
           </div>
212 
-          <span id="template_article_block">
516 
+        </div>
517 
+        <span id="template_article_block">
213 518 
             <p class="paragraphT10">町の現金の出納が適正に行われているかどうかを主眼として、毎月実施しています。</p>
214 519 
           </span>
215 
-        </article>
216 
-        <article id="template_list_title">
217 
-          <div id="template_title2" class="gothic">
218 
-            <div id="template_title_block">
219 
-              <span id="template_title2">基金運用審査（地方自治法第241条第5項）</span>
220 
-            </div>
520 
+      </article>
521 
+      <article id="template_list_title">
522 
+        <div id="template_title2" class="gothic">
523 
+          <div id="template_title_block">
524 
+            <span id="template_title2">基金運用審査（地方自治法第241条第5項）</span>
221 525 
           </div>
222 
-          <span id="template_article_block">
526 
+        </div>
527 
+        <span id="template_article_block">
223 528 
             <p class="paragraphT10">基金の運用状況を示す書類の計数を確認するとともに、基金の運用が適正かつ効率的に行われているかどうかを主眼として実施しています。</p>
224 529 
           </span>
225 
-        </article>
530 
+      </article>
226 531
227 
-      </section>
228 
-    </div>
532 
+    </section>
533 
+  </div>
229 534
230 
-    <footer>
231 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
232 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
233 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
234 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
235 
-    </footer>
236 535
536 
+  <footer>
537 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
538 
+    <div class="footer_mobile">
539 
+      <div class="footer_mobile_title">
540 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
541 
+        <h1 class="footerMobile__text">北方町役場</h1>
542 
+      </div>
543 
+      <div class="footer_mobile_address">
544 
+                <span class="footerTextWrap__text">
545 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
546 
+                </span><br>
547 
+        電話:058-323-1111(代)<br>
548 
+        FAX:058-323-2963<br>
549 
+        開庁日：8時30分～17時15分<br>
550 
+        （土・日・祝日、年末年始を除く）<br>
551 
+      </div>
552 
+    </div>
553 
+    <br class="sp__brDisplay">
554 
+    <p class="footer_text">
555 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
556 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
557 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
558 
+    </p>
559 
+  </footer>
237 560
238 
-  </div>
239 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fiscal_situation_remained"
240 
-    height="1" width="1" />
561 
+
562 
+</div>
563 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Fiscal_situation_remained"
564 
+     height="1" width="1"/>
241 565 
 </body>
242 566
243 
-</html>
567 
+</html>

+ 321
- 161
fourth/biography/biography_2020.html Ver fichero 

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

+ 315
- 152
fourth/biography/biography_2020_10.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,359 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年10月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年10月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2020年10月（サンマに思う秋）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 秋の味覚、庶民の味と言えば「秋刀魚」ですが、ここ数年不漁続きで価格が高騰しています。不漁の原因は乱獲によるサンマ資源の減少や、温暖化の影響で海水温が上昇したことでサンマが日本近海に来遊しなくなった事にあるようです。今年の全国漁獲量は過去最低だった昨年同期（8月末迄）の約2割しかなかったということです。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 以前、つぶやきにも書きましたが、コロナの影響で当たり前の日常が当たり前でなくなることは、実際に経験して初めてその重みがわかるものです。かつて大衆魚の代表だったニシンが、乱獲の結果、幻の魚になってしまうまでそれほど時間はかかりませんでした。近い将来、庶民の魚だったサンマが高級食材となって食卓から消える日が来るかもしれません。　
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 私たちにできることは限られているかもしれませんが、サンマの漁師さんは大変だなと他人事のように思うだけではなく、地球環境の変化や諸外国の魚資源の乱獲の問題などに常に関心を持って臨む姿勢が大切なのではないでしょうか。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 30年ほど前、北海道で初めて食べたサンマのにぎり寿司のあまりのうまさに感動したことを思い出します。脂がのった大ぶりの「新サンマ」のうまさは絶品ですが、最近のニュースで初物が一匹1,200円の値が付いたとの話題もありました。みなさんがこのつぶやきを目にする頃には、多少なりとも安くなっているサンマを食べたいと思うこの頃です。
185 331 
               </span>
186 
-              <br />
332 
+              <br/>
187 333 
             </p>
188 334 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
335 
+      </article>
193 336
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
337 
+    </section>
338 
+  </div>
200 339
340 
+  <footer>
341 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+    <div class="footer_mobile">
343 
+      <div class="footer_mobile_title">
344 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+        <h1 class="footerMobile__text">北方町役場</h1>
346 
+      </div>
347 
+      <div class="footer_mobile_address">
348 
+                <span class="footerTextWrap__text">
349 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+                </span><br>
351 
+        電話:058-323-1111(代)<br>
352 
+        FAX:058-323-2963<br>
353 
+        開庁日：8時30分～17時15分<br>
354 
+        （土・日・祝日、年末年始を除く）<br>
355 
+      </div>
356 
+    </div>
357 
+    <br class="sp__brDisplay">
358 
+    <p class="footer_text">
359 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+    </p>
363 
+  </footer>
201 364
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
367 
+     width="1"/>
205 368 
 </body>
206 369
207 
-</html>
370 
+</html>

+ 171
- 9
fourth/biography/biography_2020_11.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,13 +12,158 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 27 
   <div id="main" class="gothic">
28 
+    <!-- mobile用のheader -->
29 
+    <header class="header">
30 
+      <div class="headerLogo">
31 
+        <a href="index.html" class="header_link">
32 
+          <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+        </a>
34 
+      </div>
35 
+      <div class="headerTitle">
36 
+        <a href="../../index.html" class="header_link">
37 
+          <h1 class="headerTitle__text">北方町</h1>
38 
+        </a>
39 
+      </div>
40 
+      <div class="headerSubTitle">
41 
+        <a href="../../index.html" class="header_link">
42 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+        </a>
44 
+      </div>
45 
+      <div id="h-menu">
46 
+        <span></span>
47 
+        <span></span>
48 
+        <span></span>
49 
+        <div id="h-text">menu</div>
50 
+      </div>
51 
+      <div id="h-nav">
52 
+        <div class="h-menu_main_block_top">
53 
+          <div class="h-menu_main_block">
54 
+            <div class="h-menu_block">
55 
+              <a href="../../second/living.html">
56 
+                <div class="h-menu_block_text h-menu_block_before">
57 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
58 
+                </div>
59 
+              </a>
60 
+            </div>
61 
+          </div>
62 
+          <div class="h-menu_main_block">
63 
+            <div class="h-menu_block">
64 
+              <a href="../../second/tourism.html">
65 
+                <div class="h-menu_block_text h-menu_block_before">
66 
+                  <div class="h-menu_block_text_center">
67 
+                    観光
68 
+                  </div>
69 
+                </div>
70 
+              </a>
71 
+            </div>
72 
+          </div>
73 
+          <div class="h-menu_main_block">
74 
+            <div class="h-menu_block">
75 
+              <a href="../../second/business.html">
76 
+                <div class="h-menu_block_text h-menu_block_before">
77 
+                  <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+              <a href="../../second/sitemap.html">
94 
+                <div class="h-menu_block_text h-menu_block_before">
95 
+                  <div class="h-menu_block_text_center">
96 
+                    サイトマップ
97 
+                  </div>
98 
+                </div>
99 
+              </a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_main_block">
103 
+            <div class="h-menu_block h-menu_block_before">
104 
+              <a href="https://ai-staff.net/kitagata/chat">
105 
+                <div class="h-menu_block_text  h-menu_block_before">
106 
+                  <div class="h-menu_block_text_center">
107 
+                    AIチャット
108 
+                  </div>
109 
+                </div>
110 
+              </a>
111 
+            </div>
112 
+          </div>
113 
+          <div class="h-menu_main_block">
114 
+            <div class="h-menu_block h-menu_block_before">
115 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+                <div class="h-menu_block_text">
117 
+                  <div class="h-menu_block_text_center">
118 
+                    お問い合わせ一覧
119 
+                  </div>
120 
+                </div>
121 
+              </a>
122 
+            </div>
123 
+          </div>
124 
+          <div class="h-menu_main_block">
125 
+            <div class="h-menu_lang">
126 
+              <div class="h-menu_block_lang">
127 
+                <div class="h-menu_block_text_center">
128 
+                  <div class="h-menu_block_text_line">
129 
+                    背景変更
130 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                    </div>
132 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                    </div>
134 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                    </div>
136 
+                  </div>
137 
+                  <script>
138 
+                      getBackgNumber2();
139 
+                  </script>
140 
+                  <div class="h-menu_block_text_line">言語選択
141 
+                    <div class="mobile_translation">
142 
+                      <div id="google_translate_element"></div>
143 
+                    </div>
144 
+                  </div>
145 
+                </div>
146 
+              </div>
147 
+            </div>
148 
+          </div>
149 
+          <div class="h-menu_main_block">
150 
+            <div class="h-menu_search">
151 
+              <div class="h-menu_block_search">
152 
+                <form action="https://www.google.com/search">
153 
+                  <input type="hidden" name="hl" value="ja"/>
154 
+                  <input type="hidden" name="ie" value="UTF-8">
155 
+                  <input type="hidden" name="oe" value="UTF-8">
156 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                         class="mobile_form_input"/>
159 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+                </form>
161 
+              </div>
162 
+            </div>
163 
+          </div>
164 
+        </div>
165 
+      </div>
166 
+    </header>
22 167 
     <!--セクション 操作-->
23 168 
     <section id="operation">
24 169 
       <!--セクション 住所-->
 
@@ -188,16 +333,33 @@
188 333 
     </div>
189 334
190 335 
     <footer>
191 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
192 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
193 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
194 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
336 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
337 
+      <div class="footer_mobile">
338 
+        <div class="footer_mobile_title">
339 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
340 
+          <h1 class="footerMobile__text">北方町役場</h1>
341 
+        </div>
342 
+        <div class="footer_mobile_address">
343 
+                <span class="footerTextWrap__text">
344 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
345 
+                </span><br>
346 
+          電話:058-323-1111(代)<br>
347 
+          FAX:058-323-2963<br>
348 
+          開庁日：8時30分～17時15分<br>
349 
+          （土・日・祝日、年末年始を除く）<br>
350 
+        </div>
351 
+      </div>
352 
+      <br class="sp__brDisplay">
353 
+      <p class="footer_text">
354 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
355 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
356 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
357 
+      </p>
195 358 
     </footer>
196 359
197 
-
198 360 
   </div>
199 361 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
200 362 
     width="1" />
201 363 
 </body>
202 364
203 
-</html>
365 
+</html>

+ 317
- 153
fourth/biography/biography_2020_12.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,360 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
20 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 21 
   <script src="../../js/operation.js"></script>
22 
+  <script src="../../js/menu.js"></script>
23 
+  <script src="../../js/accordion.js"></script>
16 24 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 25 
 </head>
19 26
20 27 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
28 
+<div id="main" class="gothic">
29 
+  <!-- mobile用のheader -->
30 
+  <header class="header">
31 
+    <div class="headerLogo">
32 
+      <a href="index.html" class="header_link">
33 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
34 
+      </a>
35 
+    </div>
36 
+    <div class="headerTitle">
37 
+      <a href="../../index.html" class="header_link">
38 
+        <h1 class="headerTitle__text">北方町</h1>
39 
+      </a>
40 
+    </div>
41 
+    <div class="headerSubTitle">
42 
+      <a href="../../index.html" class="header_link">
43 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
44 
+      </a>
45 
+    </div>
46 
+    <div id="h-menu">
47 
+      <span></span>
48 
+      <span></span>
49 
+      <span></span>
50 
+      <div id="h-text">menu</div>
51 
+    </div>
52 
+    <div id="h-nav">
53 
+      <div class="h-menu_main_block_top">
54 
+        <div class="h-menu_main_block">
55 
+          <div class="h-menu_block">
56 
+            <a href="../../second/living.html">
57 
+              <div class="h-menu_block_text h-menu_block_before">
58 
+                <div class="h-menu_block_text_center">くらしの情報</div>
59 
+              </div>
60 
+            </a>
61 
+          </div>
62 
+        </div>
63 
+        <div class="h-menu_main_block">
64 
+          <div class="h-menu_block">
65 
+            <a href="../../second/tourism.html">
66 
+              <div class="h-menu_block_text h-menu_block_before">
67 
+                <div class="h-menu_block_text_center">
68 
+                  観光
69 
+                </div>
70 
+              </div>
71 
+            </a>
72 
+          </div>
73 
+        </div>
74 
+        <div class="h-menu_main_block">
75 
+          <div class="h-menu_block">
76 
+            <a href="../../second/business.html">
77 
+              <div class="h-menu_block_text h-menu_block_before">
78 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
79 
+              </div>
80 
+            </a>
81 
+          </div>
82 
+        </div>
83 
+        <div class="h-menu_main_block">
84 
+          <div class="h-menu_block">
85 
+            <a href="../../second/town_admini_info.html">
86 
+              <div class="h-menu_block_text h-menu_block_before">
87 
+                <div class="h-menu_block_text_center">町政情報</div>
88 
+              </div>
89 
+            </a>
90 
+          </div>
91 
+        </div>
92 
+        <div class="h-menu_main_block">
93 
+          <div class="h-menu_block h-menu_block_before">
94 
+            <a href="../../second/sitemap.html">
95 
+              <div class="h-menu_block_text h-menu_block_before">
96 
+                <div class="h-menu_block_text_center">
97 
+                  サイトマップ
98 
+                </div>
99 
+              </div>
100 
+            </a>
101 
+          </div>
102 
+        </div>
103 
+        <div class="h-menu_main_block">
104 
+          <div class="h-menu_block h-menu_block_before">
105 
+            <a href="https://ai-staff.net/kitagata/chat">
106 
+              <div class="h-menu_block_text  h-menu_block_before">
107 
+                <div class="h-menu_block_text_center">
108 
+                  AIチャット
109 
+                </div>
110 
+              </div>
111 
+            </a>
112 
+          </div>
113 
+        </div>
114 
+        <div class="h-menu_main_block">
115 
+          <div class="h-menu_block h-menu_block_before">
116 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
117 
+              <div class="h-menu_block_text">
118 
+                <div class="h-menu_block_text_center">
119 
+                  お問い合わせ一覧
120 
+                </div>
121 
+              </div>
122 
+            </a>
123 
+          </div>
124 
+        </div>
125 
+        <div class="h-menu_main_block">
126 
+          <div class="h-menu_lang">
127 
+            <div class="h-menu_block_lang">
128 
+              <div class="h-menu_block_text_center">
129 
+                <div class="h-menu_block_text_line">
130 
+                  背景変更
131 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
132 
+                  </div>
133 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
134 
+                  </div>
135 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
136 
+                  </div>
137 
+                </div>
138 
+                <script>
139 
+                    getBackgNumber2();
140 
+                </script>
141 
+                <div class="h-menu_block_text_line">言語選択
142 
+                  <div class="mobile_translation">
143 
+                    <div id="google_translate_element"></div>
144 
+                  </div>
145 
+                </div>
146 
+              </div>
147 
+            </div>
148 
+          </div>
149 
+        </div>
150 
+        <div class="h-menu_main_block">
151 
+          <div class="h-menu_search">
152 
+            <div class="h-menu_block_search">
153 
+              <form action="https://www.google.com/search">
154 
+                <input type="hidden" name="hl" value="ja"/>
155 
+                <input type="hidden" name="ie" value="UTF-8">
156 
+                <input type="hidden" name="oe" value="UTF-8">
157 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
158 
+                <input type="text" name="q" size="16" maxlength="256" value=""
159 
+                       class="mobile_form_input"/>
160 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
161 
+              </form>
162 
+            </div>
38 163 
           </div>
39 
-          <script>
164 
+        </div>
165 
+      </div>
166 
+    </div>
167 
+  </header>
168 
+
169 
+  <!--セクション 操作-->
170 
+  <section id="operation">
171 
+    <!--セクション 住所-->
172 
+    <article id="address">
173 
+      <address id="operation_add">
174 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
175 
+      </address>
176 
+    </article>
177 
+    <div id="controle_panel">
178 
+      <!--セクション 背景色-->
179 
+      <article id="bgcolor">
180 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
181 
+        <div id="bgcolor_img">
182 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
183 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
184 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
185 
+        </div>
186 
+        <script>
40 187 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
188 
+        </script>
189 
+      </article>
43 190
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
191 
+      <!--セクション 文字サイズ-->
192 
+      <!--<article id="charsize" >
193 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
194 
+      <div id="charsize_img">
195 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
196 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
197 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
198 
+      </div>
199 
+      </article>-->
53 200
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
201 
+      <!--セクション サイトマップ-->
202 
+      <article id="sitemap">
203 
+        <div id="sitemap_img">
204 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
205 
+        </div>
206 
+      </article>
207 
+      <!--セクション お問い合わせ-->
208 
+      <article id="contact">
209 
+        <div id="contact_img">
210 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
211 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
212 
+        </div>
213 
+      </article>
214 
+      <!--セクション 翻訳-->
215 
+      <article id="translation">
216 
+        <div id="translation_img">
217 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
218 
+          <div id="google_translate_element"></div>
219 
+          <script type="text/javascript">
73 220 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
221 
+                  new google.translate.TranslateElement({
222 
+                      pageLanguage: 'ja',
223 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
224 
+                  }, 'google_translate_element');
78 225 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
226 
+          </script>
227 
+          <script type="text/javascript"
228 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 229 
         </div>
230 
+      </article>
231 
+      <div id="claer">
86 232 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
233 
+    </div>
234 
+  </section>
235 
+  <!--ヘッダーデータ-->
236 
+  <header>
237 
+    <div id="header" class="gothic">
238 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
239 
+      <div id="h_block_1">
240 
+        <div class="h_line">
121 241 
         </div>
242 
+        <article class="h_text_l">
243 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
244 
+        </article>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
253 
+        </article>
122 254 
       </div>
123 
-    </header>
255 
+      <div id="h_block_search">
256 
+        <div class="h_line"></div>
257 
+        <article class="h_search">
258 
+          <div class="space10"></div>
259 
+          <form action="http://www.google.com/search">
260 
+            <input type="hidden" name="hl" value="ja"/>
261 
+            <input type="hidden" name="ie" value="UTF-8">
262 
+            <input type="hidden" name="oe" value="UTF-8">
263 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
265 
+            <input type="submit" name="btnG" value="検索"/>
266 
+          </form>
267 
+        </article>
268 
+      </div>
269 
+    </div>
270 
+  </header>
124 271
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
272 
+  <div id="third_body">
273 
+    <!--セクション template-->
274 
+    <section id="template">
275 
+      <article id="breadcrumb">
276 
+        <div id="breadcrumb_title">
277 
+          <div id="breadcrumb_title_block">
131 278 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年12月</span>
133 
-            </div>
279 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年12月</span>
134 280 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
281 
+        </div>
282 
+      </article>
283 
+      <article id="template">
284 
+        <div id="template_title" class="gothic">
285 
+          <div id="template_title_block">
286 
+            <span id="template_title">町長の部屋</span>
141 287 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 288 
         </div>
289 
+      </article>
290 
+      <div id="mayor_buttons">
291 
+        <a href="../../third/mayor/greetings.html">
292 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
293 
+        </a>
294 
+        <a href="../../third/mayor/profile.html">
295 
+          <div class="mayor_button left mayor_link">プロフィール</div>
296 
+        </a>
297 
+        <a href="../../third/mayor/biography.html">
298 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
299 
+        </a>
300 
+        <a href="../../third/mayor/kitagatari.html">
301 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
302 
+        </a>
303 
+        <a href="../../third/mayor/entertainment_expenses.html">
304 
+          <div class="mayor_button left mayor_link">町長交際費</div>
305 
+        </a>
306 
+        <div class="clear"></div>
307 
+      </div>
161 308
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
309 
+      <article id="template_list_title">
310 
+        <div id="template_title2" class="gothic">
311 
+          <div id="template_title_block">
312 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 313 
           </div>
168 
-          <span id="template_article_block">
169 
-            <h3 id="life">2020年12月（北方に火をつけろ「岐阜スゥープス」）</h3>
314 
+        </div>
315 
+        <span id="template_article_block">
316 
+            <h3 class="life life_mobile">2020年12月（北方に火をつけろ「岐阜スゥープス」）</h3>
170 317 
             <p class="attention_in">
171 318 
               <span style="margin-left: 1rem;">
172 319 
                 みなさんは、「岐阜スゥープス」をご存じですか。これは岐阜市柳津町にある県内唯一のプロバスケットボールチームのことです。平成１５年に創部された若いチームで現在はＢ３リーグに所属しており、２０人の選手がＯＫＢ清流アリーナを本拠地として日々練習に励んでいます。
173 320 
               </span>
174 
-              <br />
321 
+              <br/>
175 322 
               <span style="margin-left: 1rem;">
176 323 
                 先日、岐阜スゥープスの梶本監督と交流があるという古田笠松町長から熱心な提案があり、岐阜連携都市圏の構成市町（岐阜市、山県市、本巣市、瑞穂市、岐南町、笠松町、北方町）で、地元のチームとして地域で盛り上げていくことになりました。そしてこの度、各市町がそれぞれ岐阜スゥープスと連携協定を締結したところです。バスケットボールに縁遠かった私は、岐阜市にプロのバスケットボールチームがあることも知りませんでしたが、今後はサッカーのＦＣ岐阜と同様に地域に密着したプロスポーツチームとしてみなさんと一緒に応援していきたいと思っています。
177 324 
               </span>
178 
-              <br />
325 
+              <br/>
179 326 
               <span style="margin-left: 1rem;">
180 327 
                 ところで、岐阜スゥープスのスローガンは、「ＩＧＮＩＴＥ－ＧＩＦＵ＝岐阜に火をつけろ」というそうです。先日（１０月２５日）の夜に「北方町清流花火」と題して約１５０発の花火が北方の夜空を彩りました。ありがたいことに、この花火は新型コロナの影響で多くのイベントが中止になるなか、寂しい思いをしている住民を元気づけるため有志が企画したものです。まさに、気分が沈んでいた「北方に火をつける」よい機会となったのではないでしょうか。
181 328 
               </span>
182 
-              <br />
329 
+              <br/>
183 330 
               <span style="margin-left: 1rem;">
184 331 
                 コロナの第３波が危惧されるなど、まだまだ明るい兆しが見えませんが、地元スポーツチームの盛り上がりや今回の花火のようなサプライズなどをとおして、みなさんと勇気をもってこのコロナ禍を乗り越えていきたいと思います。
185 332 
               </span>
186 
-              <br />
333 
+              <br/>
187 334 
             </p>
188 335 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
336 
+      </article>
193 337
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
338 
+    </section>
339 
+  </div>
200 340
341 
+  <footer>
342 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
343 
+    <div class="footer_mobile">
344 
+      <div class="footer_mobile_title">
345 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
346 
+        <h1 class="footerMobile__text">北方町役場</h1>
347 
+      </div>
348 
+      <div class="footer_mobile_address">
349 
+                <span class="footerTextWrap__text">
350 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
351 
+                </span><br>
352 
+        電話:058-323-1111(代)<br>
353 
+        FAX:058-323-2963<br>
354 
+        開庁日：8時30分～17時15分<br>
355 
+        （土・日・祝日、年末年始を除く）<br>
356 
+      </div>
357 
+    </div>
358 
+    <br class="sp__brDisplay">
359 
+    <p class="footer_text">
360 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
361 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
362 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
363 
+    </p>
364 
+  </footer>
201 365
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
366 
+</div>
367 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
368 
+     width="1"/>
205 369 
 </body>
206 370
207 
-</html>
371 
+</html>

+ 313
- 152
fourth/biography/biography_2020_4.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,170 +12,314 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
20 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 21 
   <script src="../../js/operation.js"></script>
22 
+  <script src="../../js/menu.js"></script>
23 
+  <script src="../../js/accordion.js"></script>
16 24 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 25 
 </head>
19 26
20 27 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
28 
+<div id="main" class="gothic">
29 
+  <!-- mobile用のheader -->
30 
+  <header class="header">
31 
+    <div class="headerLogo">
32 
+      <a href="index.html" class="header_link">
33 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
34 
+      </a>
35 
+    </div>
36 
+    <div class="headerTitle">
37 
+      <a href="../../index.html" class="header_link">
38 
+        <h1 class="headerTitle__text">北方町</h1>
39 
+      </a>
40 
+    </div>
41 
+    <div class="headerSubTitle">
42 
+      <a href="../../index.html" class="header_link">
43 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
44 
+      </a>
45 
+    </div>
46 
+    <div id="h-menu">
47 
+      <span></span>
48 
+      <span></span>
49 
+      <span></span>
50 
+      <div id="h-text">menu</div>
51 
+    </div>
52 
+    <div id="h-nav">
53 
+      <div class="h-menu_main_block_top">
54 
+        <div class="h-menu_main_block">
55 
+          <div class="h-menu_block">
56 
+            <a href="../../second/living.html">
57 
+              <div class="h-menu_block_text h-menu_block_before">
58 
+                <div class="h-menu_block_text_center">くらしの情報</div>
59 
+              </div>
60 
+            </a>
61 
+          </div>
62 
+        </div>
63 
+        <div class="h-menu_main_block">
64 
+          <div class="h-menu_block">
65 
+            <a href="../../second/tourism.html">
66 
+              <div class="h-menu_block_text h-menu_block_before">
67 
+                <div class="h-menu_block_text_center">
68 
+                  観光
69 
+                </div>
70 
+              </div>
71 
+            </a>
72 
+          </div>
73 
+        </div>
74 
+        <div class="h-menu_main_block">
75 
+          <div class="h-menu_block">
76 
+            <a href="../../second/business.html">
77 
+              <div class="h-menu_block_text h-menu_block_before">
78 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
79 
+              </div>
80 
+            </a>
81 
+          </div>
82 
+        </div>
83 
+        <div class="h-menu_main_block">
84 
+          <div class="h-menu_block">
85 
+            <a href="../../second/town_admini_info.html">
86 
+              <div class="h-menu_block_text h-menu_block_before">
87 
+                <div class="h-menu_block_text_center">町政情報</div>
88 
+              </div>
89 
+            </a>
90 
+          </div>
91 
+        </div>
92 
+        <div class="h-menu_main_block">
93 
+          <div class="h-menu_block h-menu_block_before">
94 
+            <a href="../../second/sitemap.html">
95 
+              <div class="h-menu_block_text h-menu_block_before">
96 
+                <div class="h-menu_block_text_center">
97 
+                  サイトマップ
98 
+                </div>
99 
+              </div>
100 
+            </a>
101 
+          </div>
102 
+        </div>
103 
+        <div class="h-menu_main_block">
104 
+          <div class="h-menu_block h-menu_block_before">
105 
+            <a href="https://ai-staff.net/kitagata/chat">
106 
+              <div class="h-menu_block_text  h-menu_block_before">
107 
+                <div class="h-menu_block_text_center">
108 
+                  AIチャット
109 
+                </div>
110 
+              </div>
111 
+            </a>
112 
+          </div>
113 
+        </div>
114 
+        <div class="h-menu_main_block">
115 
+          <div class="h-menu_block h-menu_block_before">
116 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
117 
+              <div class="h-menu_block_text">
118 
+                <div class="h-menu_block_text_center">
119 
+                  お問い合わせ一覧
120 
+                </div>
121 
+              </div>
122 
+            </a>
38 123 
           </div>
39 
-          <script>
124 
+        </div>
125 
+        <div class="h-menu_main_block">
126 
+          <div class="h-menu_lang">
127 
+            <div class="h-menu_block_lang">
128 
+              <div class="h-menu_block_text_center">
129 
+                <div class="h-menu_block_text_line">
130 
+                  背景変更
131 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
132 
+                  </div>
133 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
134 
+                  </div>
135 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
136 
+                  </div>
137 
+                </div>
138 
+                <script>
139 
+                    getBackgNumber2();
140 
+                </script>
141 
+                <div class="h-menu_block_text_line">言語選択
142 
+                  <div class="mobile_translation">
143 
+                    <div id="google_translate_element"></div>
144 
+                  </div>
145 
+                </div>
146 
+              </div>
147 
+            </div>
148 
+          </div>
149 
+        </div>
150 
+        <div class="h-menu_main_block">
151 
+          <div class="h-menu_search">
152 
+            <div class="h-menu_block_search">
153 
+              <form action="https://www.google.com/search">
154 
+                <input type="hidden" name="hl" value="ja"/>
155 
+                <input type="hidden" name="ie" value="UTF-8">
156 
+                <input type="hidden" name="oe" value="UTF-8">
157 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
158 
+                <input type="text" name="q" size="16" maxlength="256" value=""
159 
+                       class="mobile_form_input"/>
160 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
161 
+              </form>
162 
+            </div>
163 
+          </div>
164 
+        </div>
165 
+      </div>
166 
+    </div>
167 
+  </header>
168 
+
169 
+  <!--セクション 操作-->
170 
+  <section id="operation">
171 
+    <!--セクション 住所-->
172 
+    <article id="address">
173 
+      <address id="operation_add">
174 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
175 
+						TEL:058-323-1111(代)</span>
176 
+      </address>
177 
+    </article>
178 
+    <div id="controle_panel">
179 
+      <!--セクション 背景色-->
180 
+      <article id="bgcolor">
181 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
182 
+        <div id="bgcolor_img">
183 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
184 
+                 onClick="setBackground3(1)">
185 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
186 
+                 onClick="setBackground3(2)">
187 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
188 
+                 onClick="setBackground3(3)">
189 
+        </div>
190 
+        <script>
40 191 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
192 
+        </script>
193 
+      </article>
43 194
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
195 
+      <!--セクション 文字サイズ-->
196 
+      <!--<article id="charsize" >
197 
+<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
198 
+<div id="charsize_img">
199 
+<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
200 
+<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
201 
+<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
202 
+</div>
203 
+</article>-->
53 204
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
205 
+      <!--セクション サイトマップ-->
206 
+      <article id="sitemap">
207 
+        <div id="sitemap_img">
208 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
209 
+                                                   alt="サイトマップ"/></a>
210 
+        </div>
211 
+      </article>
212 
+      <!--セクション お問い合わせ-->
213 
+      <article id="contact">
214 
+        <div id="contact_img">
215 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
216 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
217 
+        </div>
218 
+      </article>
219 
+      <!--セクション 翻訳-->
220 
+      <article id="translation">
221 
+        <div id="translation_img">
222 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
223 
+          <div id="google_translate_element"></div>
224 
+        </div>
225 
+      </article>
226 
+      <div id="claer">
227 
+      </div>
228 
+    </div>
229 
+  </section>
230 
+
231 
+  <!--ヘッダーデータ-->
232 
+  <header>
233 
+    <div id="header" class="gothic">
234 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
235 
+                                      height="260px"/></a>
236 
+      <div id="h_block_1">
237 
+        <div class="h_line">
238 
+        </div>
239 
+        <article class="h_text_l">
240 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
59 241 
         </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
242 
+        <article class="h_text_l">
243 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
66 244 
         </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
73 
-              function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
78 
-              }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
83 250 
         </article>
84 
-        <div id="claer">
85 
-        </div>
86 251 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
121 
-        </div>
252 
+      <div id="h_block_search">
253 
+        <div class="h_line"></div>
254 
+        <article class="h_search">
255 
+          <div class="space10"></div>
256 
+          <form action="http://www.google.com/search">
257 
+            <input type="hidden" name="hl" value="ja"/>
258 
+            <input type="hidden" name="ie" value="UTF-8">
259 
+            <input type="hidden" name="oe" value="UTF-8">
260 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
261 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
262 
+            <input type="submit" name="btnG" value="検索"/>
263 
+          </form>
264 
+        </article>
122 265 
       </div>
123 
-    </header>
266 
+    </div>
267 
+  </header>
124 268
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
269 
+  <div id="third_body">
270 
+    <!--セクション template-->
271 
+    <section id="template">
272 
+      <article id="breadcrumb">
273 
+        <div id="breadcrumb_title">
274 
+          <div id="breadcrumb_title_block">
131 275 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年4月</span>
133 
-            </div>
276 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年4月</span>
134 277 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
278 
+        </div>
279 
+      </article>
280 
+      <article id="template">
281 
+        <div id="template_title" class="gothic">
282 
+          <div id="template_title_block">
283 
+            <span id="template_title">町長の部屋</span>
141 284 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 285 
         </div>
286 
+      </article>
287 
+      <div id="mayor_buttons">
288 
+        <a href="../../third/mayor/greetings.html">
289 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
290 
+        </a>
291 
+        <a href="../../third/mayor/profile.html">
292 
+          <div class="mayor_button left mayor_link">プロフィール</div>
293 
+        </a>
294 
+        <a href="../../third/mayor/biography.html">
295 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
296 
+        </a>
297 
+        <a href="../../third/mayor/kitagatari.html">
298 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
299 
+        </a>
300 
+        <a href="../../third/mayor/entertainment_expenses.html">
301 
+          <div class="mayor_button left mayor_link">町長交際費</div>
302 
+        </a>
303 
+        <div class="clear"></div>
304 
+      </div>
161 305
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
306 
+      <article id="template_list_title">
307 
+        <div id="template_title2" class="gothic">
308 
+          <div id="template_title_block">
309 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 310 
           </div>
168 
-          <span id="template_article_block">
169 
-            <h3 id="life">2020年4月（2期目の町政運営にあたって）</h3>
311 
+        </div>
312 
+        <span id="template_article_block">
313 
+            <h3 class="life life_mobile">2020年4月（2期目の町政運営にあたって）</h3>
170 314 
             <p class="attention_in">
171 315 
               <span style="margin-left: 1rem;">
172 316 
                 この度の町長選挙では、町民のみなさんをはじめ、各方面の方々から力強いご支援と温かいご厚情をいただき、無投票にて引き続き町政の舵取りを担わせていただく事となりました。責任の重さを再認識し、みなさんのご期待に応えなくてはならないという使命感で身の引き締まる思いです。以前より進めてきました南東部開発事業、北方学園構想をこの任期中に完遂すべく、決意も新たに邁進してまいります。
173 317 
               </span>
174 
-              <br />
318 
+              <br/>
175 319 
               <span style="margin-left: 1rem;">
176 320 
                 まず、南東部開発事業は、工場誘致エリアの造成工事が完了したところです。次に曲路地内の岐阜・関ケ原線沿いにおいて、交流拠点エリアの整備に着手します。町の活力を創出するため、民間の資金とアイデアを活用して楽しみと賑わいの場を整備するものです。令和4年秋の完成を目途に進めていきます。
177 321 
               </span>
178 
-              <br />
322 
+              <br/>
179 323 
               <span style="margin-left: 1rem;">
180 324 
                 また、令和5年4月に義務教育学校2校を開校する北方学園構想は着手から今年で3年目を迎え、より具体的な協議を進めるほか各種整備工事に取り掛かります。未来を託す北方の子ども達のために「より良い、より確かな」学園を確実に開校できるよう、着実に取り組みを続けます。
181 325 
               </span>
 
@@ -184,22 +328,39 @@
184 328 
               </span>
185 329 
             </p>
186 330 
           </span>
187 
-        </article>
188 
-
189 
-      </section>
190 
-    </div>
331 
+      </article>
191 332
192 
-    <footer>
193 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
194 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
195 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
196 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
197 
-    </footer>
333 
+    </section>
334 
+  </div>
198 335
336 
+  <footer>
337 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
338 
+    <div class="footer_mobile">
339 
+      <div class="footer_mobile_title">
340 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
341 
+        <h1 class="footerMobile__text">北方町役場</h1>
342 
+      </div>
343 
+      <div class="footer_mobile_address">
344 
+                <span class="footerTextWrap__text">
345 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
346 
+                </span><br>
347 
+        電話:058-323-1111(代)<br>
348 
+        FAX:058-323-2963<br>
349 
+        開庁日：8時30分～17時15分<br>
350 
+        （土・日・祝日、年末年始を除く）<br>
351 
+      </div>
352 
+    </div>
353 
+    <br class="sp__brDisplay">
354 
+    <p class="footer_text">
355 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
356 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
357 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
358 
+    </p>
359 
+  </footer>
199 360
200 
-  </div>
201 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
202 
-    width="1" />
361 
+</div>
362 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
363 
+     width="1"/>
203 364 
 </body>
204 365
205 
-</html>
366 
+</html>

+ 313
- 150
fourth/biography/biography_2020_5.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,170 +12,316 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年5月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年5月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2020年5月（消防団活動にご協力を）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 全国的な傾向として、消防団員の確保が困難な状況になってきています。北方町消防団は、今年度１５名の退団者に対し新入団員はわずか３名（内町職員２名）という結果でした。東日本大震災を受けて地域の防災力を高めるためには地域に根差した消防団員の存在が欠かせないことが再認識されました。そのため、平成２５年には町消防団員の定数を５０人から７０人に増員しましたが、残念ながらその後一度も定員数に達することなく現在（４６人内町職員１１人）に至っています。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 少し前ですが、岐阜県内の一部地域で消防団に入らない男性から出不足金を徴収しているという問題が報じられました。確かにこのような勧誘方法には問題があるかもしれませんが、消防団員になることは一定の負担や犠牲、いわば「社会的負担」を個人に強いるものであり、団員にならなかった人には金員をもって「社会的負担」を求めることで公平性を保っているという側面が地域社会にあるのかもしれません。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 消防団が地域の安心安全を守り、地域コミュニティの維持や活性化にも大きく貢献していることは間違いありません。欠かせない組織であるならば、勧誘方法のみを殊更に議論するのではなく、負担が大きい訓練のあり方や活動内容を時代に合わせてスリム化していくという視点も併せて、地域で一緒に考えていくことが大切であると思います。
181 327 
               </span>
 
@@ -184,22 +330,39 @@
184 330 
               </span>
185 331 
             </p>
186 332 
           </span>
187 
-        </article>
188 
-
189 
-      </section>
190 
-    </div>
333 
+      </article>
191 334
192 
-    <footer>
193 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
194 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
195 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
196 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
197 
-    </footer>
335 
+    </section>
336 
+  </div>
198 337
338 
+  <footer>
339 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
340 
+    <div class="footer_mobile">
341 
+      <div class="footer_mobile_title">
342 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
343 
+        <h1 class="footerMobile__text">北方町役場</h1>
344 
+      </div>
345 
+      <div class="footer_mobile_address">
346 
+                <span class="footerTextWrap__text">
347 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
348 
+                </span><br>
349 
+        電話:058-323-1111(代)<br>
350 
+        FAX:058-323-2963<br>
351 
+        開庁日：8時30分～17時15分<br>
352 
+        （土・日・祝日、年末年始を除く）<br>
353 
+      </div>
354 
+    </div>
355 
+    <br class="sp__brDisplay">
356 
+    <p class="footer_text">
357 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
358 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
359 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
360 
+    </p>
361 
+  </footer>
199 362
200 
-  </div>
201 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
202 
-    width="1" />
363 
+</div>
364 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
365 
+     width="1"/>
203 366 
 </body>
204 367
205 
-</html>
368 
+</html>

+ 314
- 150
fourth/biography/biography_2020_6.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,160 +12,307 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+
235 
+  <!--ヘッダーデータ-->
236 
+  <header>
237 
+    <div id="header" class="gothic">
238 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
239 
+      <div id="h_block_1">
240 
+        <div class="h_line">
121 241 
         </div>
242 
+        <article class="h_text_l">
243 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
244 
+        </article>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
253 
+        </article>
122 254 
       </div>
123 
-    </header>
255 
+      <div id="h_block_search">
256 
+        <div class="h_line"></div>
257 
+        <article class="h_search">
258 
+          <div class="space10"></div>
259 
+          <form action="http://www.google.com/search">
260 
+            <input type="hidden" name="hl" value="ja"/>
261 
+            <input type="hidden" name="ie" value="UTF-8">
262 
+            <input type="hidden" name="oe" value="UTF-8">
263 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
265 
+            <input type="submit" name="btnG" value="検索"/>
266 
+          </form>
267 
+        </article>
268 
+      </div>
269 
+    </div>
270 
+  </header>
124 271
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
272 
+  <div id="third_body">
273 
+    <!--セクション template-->
274 
+    <section id="template">
275 
+      <article id="breadcrumb">
276 
+        <div id="breadcrumb_title">
277 
+          <div id="breadcrumb_title_block">
131 278 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年6月</span>
133 
-            </div>
279 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年6月</span>
134 280 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
281 
+        </div>
282 
+      </article>
283 
+      <article id="template">
284 
+        <div id="template_title" class="gothic">
285 
+          <div id="template_title_block">
286 
+            <span id="template_title">町長の部屋</span>
141 287 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 288 
         </div>
289 
+      </article>
290 
+      <div id="mayor_buttons">
291 
+        <a href="../../third/mayor/greetings.html">
292 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
293 
+        </a>
294 
+        <a href="../../third/mayor/profile.html">
295 
+          <div class="mayor_button left mayor_link">プロフィール</div>
296 
+        </a>
297 
+        <a href="../../third/mayor/biography.html">
298 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
299 
+        </a>
300 
+        <a href="../../third/mayor/kitagatari.html">
301 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
302 
+        </a>
303 
+        <a href="../../third/mayor/entertainment_expenses.html">
304 
+          <div class="mayor_button left mayor_link">町長交際費</div>
305 
+        </a>
306 
+        <div class="clear"></div>
307 
+      </div>
161 308
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
309 
+      <article id="template_list_title">
310 
+        <div id="template_title2" class="gothic">
311 
+          <div id="template_title_block">
312 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 313 
           </div>
168 
-          <span id="template_article_block">
314 
+        </div>
315 
+        <span id="template_article_block">
169 316 
             <h3 id="life">2020年6月（「来ないで」宣言に思う）</h3>
170 317 
             <p class="attention_in">
171 318 
               <span style="margin-left: 1rem;">
 
@@ -174,11 +321,11 @@
174 321 
                   <rt>おもんばか</rt>る
175 322 
                 </ruby>に、大変切ない思いをしたところです。しかし、その甲斐あってか連休中はみなさんが危機意識を共有して外出を自粛したことで全国的に感染者数は減少に転じ、岐阜県でも５月１４日に緊急事態宣言が解除されることになりました。
176 323 
               </span>
177 
-              <br />
324 
+              <br/>
178 325 
               <span style="margin-left: 1rem;">
179 326 
                 コロナウイルスの脅威が消滅しない限り不安は拭えませんが、このような状況を鑑みて、北方町でも６月１日より小中学校の授業を再開することとしました。しかし、当然ながら再開にあたっては感染拡大リスクを可能な限り軽減する環境を整えて心身の健康と学業の両立を図ることが大切で、段階的に実施可能な教育活動に取り組まなくてはなりません。怖いのは、緊急事態宣言の解除による気の緩みにより、感染の再拡大が発生することです。
180 327 
               </span>
181 
-              <br />
328 
+              <br/>
182 329 
               <span style="margin-left: 1rem;">
183 330 
                 厳しい経済状況を回復して「失われた日常」を取り戻すべく世の中が一気に動き出せば、せっかくの辛抱も水の泡となりかねません。これまで同様にマスク着用を徹底してうがいや手洗いを<ruby>
184 331 
                   <rb>励行</rb>
 
@@ -190,22 +337,39 @@
190 337 
               </span>
191 338 
             </p>
192 339 
           </span>
193 
-        </article>
194 
-
195 
-      </section>
196 
-    </div>
340 
+      </article>
197 341
198 
-    <footer>
199 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
200 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
201 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
202 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
203 
-    </footer>
342 
+    </section>
343 
+  </div>
204 344
345 
+  <footer>
346 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
347 
+    <div class="footer_mobile">
348 
+      <div class="footer_mobile_title">
349 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
350 
+        <h1 class="footerMobile__text">北方町役場</h1>
351 
+      </div>
352 
+      <div class="footer_mobile_address">
353 
+                <span class="footerTextWrap__text">
354 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
355 
+                </span><br>
356 
+        電話:058-323-1111(代)<br>
357 
+        FAX:058-323-2963<br>
358 
+        開庁日：8時30分～17時15分<br>
359 
+        （土・日・祝日、年末年始を除く）<br>
360 
+      </div>
361 
+    </div>
362 
+    <br class="sp__brDisplay">
363 
+    <p class="footer_text">
364 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
365 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
366 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
367 
+    </p>
368 
+  </footer>
205 369
206 
-  </div>
207 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
208 
-    width="1" />
370 
+</div>
371 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
372 
+     width="1"/>
209 373 
 </body>
210 374
211 
-</html>
375 
+</html>

+ 313
- 150
fourth/biography/biography_2020_7.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,191 +12,354 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年7月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年7月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2020年7月（失われた日常と代替試合）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 新型コロナウイルスの影響で中止となった今春の選抜高校野球大会の代替として、出場予定だった３２校による交流試合が行われることになりました。甲子園出場を夢見ていた球児たちのことを考えると、たとえ一試合だけの練習試合だとしても選手たちの研鑽の成果を発揮できる場ができたことは良かったと思います。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 その一方で、私自身、学生時代には剣道に打ち込んでいましたので、選手たちの複雑な思いは痛いほどよくわかります。当時は連日の厳しい稽古に耐え、少しでも上達したい、より上位まで勝ち進みたいと、歯を食いしばって努力していました。その経験から言えば、甲子園に出場すること自体が目的ではなく、その舞台で活躍してさらに上を目指すために努力をしたのであって、交流試合はその「代替」とは決してなり得ないと思う球児もいるはずです。また、野球以外の種目に打ち込んでいた子どもたちには、同じ部活動なのに野球だけ注目を集めるのはなぜと、野球という種目に対して羨望の思いを向ける気持ちも十分理解できます。今回の交流試合の決定は単純に良い面だけではなく、いろいろと考えさせられる試みであると思います。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 今後、コロナウイルス騒動で「失われた日常」を取り戻すべく、社会がすこしずつ動き出します。当然ながら、いきなり元どおりにすることはできません。今回の交流試合はある意味で、日常を取り戻すプロセスにおける「試金石」となる事例であると思います。すなわちどのような施策にも利点・欠点はあり難しい部分もありますが、ひとたび町として決定した各種コロナ対策事業は、恐れることなくスピーディに実行していくことが肝要であると思っています。
181 327 
               </span>
182 328 
             </p>
183 329 
           </span>
184 
-        </article>
185 
-
186 
-      </section>
187 
-    </div>
330 
+      </article>
188 331
189 
-    <footer>
190 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
191 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
192 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
193 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
194 
-    </footer>
332 
+    </section>
333 
+  </div>
195 334
335 
+  <footer>
336 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
337 
+    <div class="footer_mobile">
338 
+      <div class="footer_mobile_title">
339 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
340 
+        <h1 class="footerMobile__text">北方町役場</h1>
341 
+      </div>
342 
+      <div class="footer_mobile_address">
343 
+                <span class="footerTextWrap__text">
344 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
345 
+                </span><br>
346 
+        電話:058-323-1111(代)<br>
347 
+        FAX:058-323-2963<br>
348 
+        開庁日：8時30分～17時15分<br>
349 
+        （土・日・祝日、年末年始を除く）<br>
350 
+      </div>
351 
+    </div>
352 
+    <br class="sp__brDisplay">
353 
+    <p class="footer_text">
354 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
355 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
356 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
357 
+    </p>
358 
+  </footer>
196 359
197 
-  </div>
198 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
199 
-    width="1" />
360 
+</div>
361 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
362 
+     width="1"/>
200 363 
 </body>
201 364
202 
-</html>
365 
+</html>

+ 314
- 151
fourth/biography/biography_2020_8.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,195 +12,358 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年8月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年8月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2020年8月（コロナとの戦い続く）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 新型コロナが上陸して半年が経ちました。私たちのライフスタイルが大きく変化するなか、幸いなことに当町にあっては一人の感染者も出ることなく今に至っています。子どもたちの学校生活も再開して元気な声が聞こえるようになりましたが、コロナと共に生きる「ウィズコロナ」という環境のなか、新しい生活様式に沿うため国全体が辛抱と忍耐を強いられる社会に変貌しつつあります。これまで当たり前だった平穏な日常の大切さを痛感し、今まで「安心」や「安全」に対していかに無頓着に生活していたのかと気づかされました。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 折しも東京圏など都市部では再び感染者が増加傾向にあり、経済活動再開と感染拡大防止との両立を進める難しさに直面しています。再び「自粛生活」に戻るようなことになっては経済的なダメージは計り知れず、今がまさに正念場ではないでしょうか。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 さて、町ではコロナ禍のなか、引き続き各種対策事業を打ち出しています。上下水道料金や生活費の補填に続き、今回は高校生以上全員にプレミアム商品券（5千円で1万円分購入できる町内限定商品券）の購入引換券を郵送することを決めました。また、7月末には小学5年生から中学3年生までの全ての児童生徒にIPadの貸与を完了し、夏休み期間の「新しい生活様式」に対応した学習補助等に活用できることとなりました。特にIPadについては一部の生徒のみではなく、より多くの学年の子どもたちを対象に他市町に先んじて導入することができたところです。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 今後も町の活力醸成と安心・安全な日常を取り戻すべく、みなさんと共にコロナとの長い戦いに立ち向かっていきたいと思います。みなさんのより一層のご理解ご協力をよろしくお願いします。
185 331 
               </span>
186 332 
             </p>
187 333 
           </span>
188 
-        </article>
189 
-
190 
-      </section>
191 
-    </div>
334 
+      </article>
192 335
193 
-    <footer>
194 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
195 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
196 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
197 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
198 
-    </footer>
336 
+    </section>
337 
+  </div>
199 338
339 
+  <footer>
340 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
341 
+    <div class="footer_mobile">
342 
+      <div class="footer_mobile_title">
343 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
344 
+        <h1 class="footerMobile__text">北方町役場</h1>
345 
+      </div>
346 
+      <div class="footer_mobile_address">
347 
+                <span class="footerTextWrap__text">
348 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
349 
+                </span><br>
350 
+        電話:058-323-1111(代)<br>
351 
+        FAX:058-323-2963<br>
352 
+        開庁日：8時30分～17時15分<br>
353 
+        （土・日・祝日、年末年始を除く）<br>
354 
+      </div>
355 
+    </div>
356 
+    <br class="sp__brDisplay">
357 
+    <p class="footer_text">
358 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
359 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
360 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
361 
+    </p>
362 
+  </footer>
200 363
201 
-  </div>
202 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
203 
-    width="1" />
364 
+</div>
365 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
366 
+     width="1"/>
204 367 
 </body>
205 368
206 
-</html>
369 
+</html>

+ 315
- 151
fourth/biography/biography_2020_9.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,192 +12,356 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
26 
+
20 27 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
28 
+<div id="main" class="gothic">
29 
+  <!-- mobile用のheader -->
30 
+  <header class="header">
31 
+    <div class="headerLogo">
32 
+      <a href="index.html" class="header_link">
33 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
34 
+      </a>
35 
+    </div>
36 
+    <div class="headerTitle">
37 
+      <a href="../../index.html" class="header_link">
38 
+        <h1 class="headerTitle__text">北方町</h1>
39 
+      </a>
40 
+    </div>
41 
+    <div class="headerSubTitle">
42 
+      <a href="../../index.html" class="header_link">
43 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
44 
+      </a>
45 
+    </div>
46 
+    <div id="h-menu">
47 
+      <span></span>
48 
+      <span></span>
49 
+      <span></span>
50 
+      <div id="h-text">menu</div>
51 
+    </div>
52 
+    <div id="h-nav">
53 
+      <div class="h-menu_main_block_top">
54 
+        <div class="h-menu_main_block">
55 
+          <div class="h-menu_block">
56 
+            <a href="../../second/living.html">
57 
+              <div class="h-menu_block_text h-menu_block_before">
58 
+                <div class="h-menu_block_text_center">くらしの情報</div>
59 
+              </div>
60 
+            </a>
61 
+          </div>
62 
+        </div>
63 
+        <div class="h-menu_main_block">
64 
+          <div class="h-menu_block">
65 
+            <a href="../../second/tourism.html">
66 
+              <div class="h-menu_block_text h-menu_block_before">
67 
+                <div class="h-menu_block_text_center">
68 
+                  観光
69 
+                </div>
70 
+              </div>
71 
+            </a>
72 
+          </div>
73 
+        </div>
74 
+        <div class="h-menu_main_block">
75 
+          <div class="h-menu_block">
76 
+            <a href="../../second/business.html">
77 
+              <div class="h-menu_block_text h-menu_block_before">
78 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
79 
+              </div>
80 
+            </a>
81 
+          </div>
82 
+        </div>
83 
+        <div class="h-menu_main_block">
84 
+          <div class="h-menu_block">
85 
+            <a href="../../second/town_admini_info.html">
86 
+              <div class="h-menu_block_text h-menu_block_before">
87 
+                <div class="h-menu_block_text_center">町政情報</div>
88 
+              </div>
89 
+            </a>
90 
+          </div>
91 
+        </div>
92 
+        <div class="h-menu_main_block">
93 
+          <div class="h-menu_block h-menu_block_before">
94 
+            <a href="../../second/sitemap.html">
95 
+              <div class="h-menu_block_text h-menu_block_before">
96 
+                <div class="h-menu_block_text_center">
97 
+                  サイトマップ
98 
+                </div>
99 
+              </div>
100 
+            </a>
101 
+          </div>
102 
+        </div>
103 
+        <div class="h-menu_main_block">
104 
+          <div class="h-menu_block h-menu_block_before">
105 
+            <a href="https://ai-staff.net/kitagata/chat">
106 
+              <div class="h-menu_block_text  h-menu_block_before">
107 
+                <div class="h-menu_block_text_center">
108 
+                  AIチャット
109 
+                </div>
110 
+              </div>
111 
+            </a>
112 
+          </div>
113 
+        </div>
114 
+        <div class="h-menu_main_block">
115 
+          <div class="h-menu_block h-menu_block_before">
116 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
117 
+              <div class="h-menu_block_text">
118 
+                <div class="h-menu_block_text_center">
119 
+                  お問い合わせ一覧
120 
+                </div>
121 
+              </div>
122 
+            </a>
38 123 
           </div>
39 
-          <script>
124 
+        </div>
125 
+        <div class="h-menu_main_block">
126 
+          <div class="h-menu_lang">
127 
+            <div class="h-menu_block_lang">
128 
+              <div class="h-menu_block_text_center">
129 
+                <div class="h-menu_block_text_line">
130 
+                  背景変更
131 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
132 
+                  </div>
133 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
134 
+                  </div>
135 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
136 
+                  </div>
137 
+                </div>
138 
+                <script>
139 
+                    getBackgNumber2();
140 
+                </script>
141 
+                <div class="h-menu_block_text_line">言語選択
142 
+                  <div class="mobile_translation">
143 
+                    <div id="google_translate_element"></div>
144 
+                  </div>
145 
+                </div>
146 
+              </div>
147 
+            </div>
148 
+          </div>
149 
+        </div>
150 
+        <div class="h-menu_main_block">
151 
+          <div class="h-menu_search">
152 
+            <div class="h-menu_block_search">
153 
+              <form action="https://www.google.com/search">
154 
+                <input type="hidden" name="hl" value="ja"/>
155 
+                <input type="hidden" name="ie" value="UTF-8">
156 
+                <input type="hidden" name="oe" value="UTF-8">
157 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
158 
+                <input type="text" name="q" size="16" maxlength="256" value=""
159 
+                       class="mobile_form_input"/>
160 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
161 
+              </form>
162 
+            </div>
163 
+          </div>
164 
+        </div>
165 
+      </div>
166 
+    </div>
167 
+  </header>
168 
+
169 
+  <!--セクション 操作-->
170 
+  <section id="operation">
171 
+    <!--セクション 住所-->
172 
+    <article id="address">
173 
+      <address id="operation_add">
174 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
175 
+      </address>
176 
+    </article>
177 
+    <div id="controle_panel">
178 
+      <!--セクション 背景色-->
179 
+      <article id="bgcolor">
180 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
181 
+        <div id="bgcolor_img">
182 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
183 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
184 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
185 
+        </div>
186 
+        <script>
40 187 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
188 
+        </script>
189 
+      </article>
43 190
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
191 
+      <!--セクション 文字サイズ-->
192 
+      <!--<article id="charsize" >
193 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
194 
+      <div id="charsize_img">
195 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
196 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
197 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
198 
+      </div>
199 
+      </article>-->
53 200
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
201 
+      <!--セクション サイトマップ-->
202 
+      <article id="sitemap">
203 
+        <div id="sitemap_img">
204 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
205 
+        </div>
206 
+      </article>
207 
+      <!--セクション お問い合わせ-->
208 
+      <article id="contact">
209 
+        <div id="contact_img">
210 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
211 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
212 
+        </div>
213 
+      </article>
214 
+      <!--セクション 翻訳-->
215 
+      <article id="translation">
216 
+        <div id="translation_img">
217 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
218 
+          <div id="google_translate_element"></div>
219 
+          <script type="text/javascript">
73 220 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
221 
+                  new google.translate.TranslateElement({
222 
+                      pageLanguage: 'ja',
223 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
224 
+                  }, 'google_translate_element');
78 225 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
226 
+          </script>
227 
+          <script type="text/javascript"
228 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 229 
         </div>
230 
+      </article>
231 
+      <div id="claer">
86 232 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
233 
+    </div>
234 
+  </section>
235 
+  <!--ヘッダーデータ-->
236 
+  <header>
237 
+    <div id="header" class="gothic">
238 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
239 
+      <div id="h_block_1">
240 
+        <div class="h_line">
121 241 
         </div>
242 
+        <article class="h_text_l">
243 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
244 
+        </article>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
253 
+        </article>
122 254 
       </div>
123 
-    </header>
255 
+      <div id="h_block_search">
256 
+        <div class="h_line"></div>
257 
+        <article class="h_search">
258 
+          <div class="space10"></div>
259 
+          <form action="http://www.google.com/search">
260 
+            <input type="hidden" name="hl" value="ja"/>
261 
+            <input type="hidden" name="ie" value="UTF-8">
262 
+            <input type="hidden" name="oe" value="UTF-8">
263 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
265 
+            <input type="submit" name="btnG" value="検索"/>
266 
+          </form>
267 
+        </article>
268 
+      </div>
269 
+    </div>
270 
+  </header>
124 271
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
272 
+  <div id="third_body">
273 
+    <!--セクション template-->
274 
+    <section id="template">
275 
+      <article id="breadcrumb">
276 
+        <div id="breadcrumb_title">
277 
+          <div id="breadcrumb_title_block">
131 278 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年9月</span>
133 
-            </div>
279 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2020年9月</span>
134 280 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
281 
+        </div>
282 
+      </article>
283 
+      <article id="template">
284 
+        <div id="template_title" class="gothic">
285 
+          <div id="template_title_block">
286 
+            <span id="template_title">町長の部屋</span>
141 287 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 288 
         </div>
289 
+      </article>
290 
+      <div id="mayor_buttons">
291 
+        <a href="../../third/mayor/greetings.html">
292 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
293 
+        </a>
294 
+        <a href="../../third/mayor/profile.html">
295 
+          <div class="mayor_button left mayor_link">プロフィール</div>
296 
+        </a>
297 
+        <a href="../../third/mayor/biography.html">
298 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
299 
+        </a>
300 
+        <a href="../../third/mayor/kitagatari.html">
301 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
302 
+        </a>
303 
+        <a href="../../third/mayor/entertainment_expenses.html">
304 
+          <div class="mayor_button left mayor_link">町長交際費</div>
305 
+        </a>
306 
+        <div class="clear"></div>
307 
+      </div>
161 308
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
309 
+      <article id="template_list_title">
310 
+        <div id="template_title2" class="gothic">
311 
+          <div id="template_title_block">
312 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 313 
           </div>
168 
-          <span id="template_article_block">
314 
+        </div>
315 
+        <span id="template_article_block">
169 316 
             <h3 id="life">2020年9月（藤井聡太さんの姿勢と格言）</h3>
170 317 
             <p class="attention_in">
171 318 
               <span style="margin-left: 1rem;">
172 319 
                 将棋の藤井聡太さんが史上最年少で「棋聖」のタイトルを獲得し、ひさびさの明るい話題として大きく報じられました。藤井棋聖は、デビュー以来常に高い勝率を誇りますが、驕ることなく真摯に将棋に取り組む姿は見習うべきものがあります。今後ますますの活躍を期待したいと思います。
173 320 
               </span>
174 
-              <br />
321 
+              <br/>
175 322 
               <span style="margin-left: 1rem;">
176 323 
                 さて、みなさんも将棋のルールはよく知らなくても、将棋にまつわる格言やことわざは聞いたことがあるのではないでしょうか。例えば、高圧的な態度を意味する「高飛車」や、小さなことだと侮る気持ちを戒める「一歩千金」という格言は将棋を由来としています。その中に「悪手が悪手を呼ぶ」という格言があることをご存じでしょうか。プロ同士の将棋では、素晴らしい好手で相手を倒すということはむしろ少なく、いかにミスを減らして相手より悪い手を指さないかということが勝負の分かれ目になるそうです。いかにプロといえど、うっかり悪手を指してしまうことはあります。しかし本当にしてはいけないことは、悪手を指してしまった時にそれを悔むあまり、無理に取り返そうとさらに無謀な手を指してしまうことだそうです。後から振り返ると、初めに指した悪手よりも、そのあとに指した無理な手の方がむしろ致命傷になっていたという場合の方が多いそうです。これは人生にも通じる、含蓄のある言葉ではないでしょうか。
177 324 
               </span>
178 
-              <br />
325 
+              <br/>
179 326 
               <span style="margin-left: 1rem;">
180 327 
                 今後もコロナとの長い戦いが続きそうです。今までに経験の無い局面に立ち向かわなくてはならない時、私自身も迷いながら決断を迫られる場面が出てくるかもしれません。その時には今までのいきさつや慣習にとらわれることなく、常にその場面における最善の策を選べるように心がけたいと思います。
181 328 
               </span>
182 
-              <br />
329 
+              <br/>
183 330 
             </p>
184 331 
           </span>
185 
-        </article>
186 
-
187 
-      </section>
188 
-    </div>
332 
+      </article>
189 333
190 
-    <footer>
191 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
192 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
193 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
194 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
195 
-    </footer>
334 
+    </section>
335 
+  </div>
196 336
337 
+  <footer>
338 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
339 
+    <div class="footer_mobile">
340 
+      <div class="footer_mobile_title">
341 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
342 
+        <h1 class="footerMobile__text">北方町役場</h1>
343 
+      </div>
344 
+      <div class="footer_mobile_address">
345 
+                <span class="footerTextWrap__text">
346 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
347 
+                </span><br>
348 
+        電話:058-323-1111(代)<br>
349 
+        FAX:058-323-2963<br>
350 
+        開庁日：8時30分～17時15分<br>
351 
+        （土・日・祝日、年末年始を除く）<br>
352 
+      </div>
353 
+    </div>
354 
+    <br class="sp__brDisplay">
355 
+    <p class="footer_text">
356 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
357 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
358 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
359 
+    </p>
360 
+  </footer>
197 361
198 
-  </div>
199 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
200 
-    width="1" />
362 
+</div>
363 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
364 
+     width="1"/>
201 365 
 </body>
202 366
203 
-</html>
367 
+</html>

+ 313
- 146
fourth/biography/biography_2021.html Ver fichero 

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

+ 317
- 153
fourth/biography/biography_2021_1.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,360 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/table_mobile.css">
20 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 21 
   <script src="../../js/operation.js"></script>
22 
+  <script src="../../js/menu.js"></script>
23 
+  <script src="../../js/accordion.js"></script>
16 24 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 25 
 </head>
19 26
20 27 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
28 
+<div id="main" class="gothic">
29 
+  <!-- mobile用のheader -->
30 
+  <header class="header">
31 
+    <div class="headerLogo">
32 
+      <a href="index.html" class="header_link">
33 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
34 
+      </a>
35 
+    </div>
36 
+    <div class="headerTitle">
37 
+      <a href="../../index.html" class="header_link">
38 
+        <h1 class="headerTitle__text">北方町</h1>
39 
+      </a>
40 
+    </div>
41 
+    <div class="headerSubTitle">
42 
+      <a href="../../index.html" class="header_link">
43 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
44 
+      </a>
45 
+    </div>
46 
+    <div id="h-menu">
47 
+      <span></span>
48 
+      <span></span>
49 
+      <span></span>
50 
+      <div id="h-text">menu</div>
51 
+    </div>
52 
+    <div id="h-nav">
53 
+      <div class="h-menu_main_block_top">
54 
+        <div class="h-menu_main_block">
55 
+          <div class="h-menu_block">
56 
+            <a href="../../second/living.html">
57 
+              <div class="h-menu_block_text h-menu_block_before">
58 
+                <div class="h-menu_block_text_center">くらしの情報</div>
59 
+              </div>
60 
+            </a>
61 
+          </div>
62 
+        </div>
63 
+        <div class="h-menu_main_block">
64 
+          <div class="h-menu_block">
65 
+            <a href="../../second/tourism.html">
66 
+              <div class="h-menu_block_text h-menu_block_before">
67 
+                <div class="h-menu_block_text_center">
68 
+                  観光
69 
+                </div>
70 
+              </div>
71 
+            </a>
72 
+          </div>
73 
+        </div>
74 
+        <div class="h-menu_main_block">
75 
+          <div class="h-menu_block">
76 
+            <a href="../../second/business.html">
77 
+              <div class="h-menu_block_text h-menu_block_before">
78 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
79 
+              </div>
80 
+            </a>
81 
+          </div>
82 
+        </div>
83 
+        <div class="h-menu_main_block">
84 
+          <div class="h-menu_block">
85 
+            <a href="../../second/town_admini_info.html">
86 
+              <div class="h-menu_block_text h-menu_block_before">
87 
+                <div class="h-menu_block_text_center">町政情報</div>
88 
+              </div>
89 
+            </a>
90 
+          </div>
91 
+        </div>
92 
+        <div class="h-menu_main_block">
93 
+          <div class="h-menu_block h-menu_block_before">
94 
+            <a href="../../second/sitemap.html">
95 
+              <div class="h-menu_block_text h-menu_block_before">
96 
+                <div class="h-menu_block_text_center">
97 
+                  サイトマップ
98 
+                </div>
99 
+              </div>
100 
+            </a>
101 
+          </div>
102 
+        </div>
103 
+        <div class="h-menu_main_block">
104 
+          <div class="h-menu_block h-menu_block_before">
105 
+            <a href="https://ai-staff.net/kitagata/chat">
106 
+              <div class="h-menu_block_text  h-menu_block_before">
107 
+                <div class="h-menu_block_text_center">
108 
+                  AIチャット
109 
+                </div>
110 
+              </div>
111 
+            </a>
112 
+          </div>
113 
+        </div>
114 
+        <div class="h-menu_main_block">
115 
+          <div class="h-menu_block h-menu_block_before">
116 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
117 
+              <div class="h-menu_block_text">
118 
+                <div class="h-menu_block_text_center">
119 
+                  お問い合わせ一覧
120 
+                </div>
121 
+              </div>
122 
+            </a>
123 
+          </div>
124 
+        </div>
125 
+        <div class="h-menu_main_block">
126 
+          <div class="h-menu_lang">
127 
+            <div class="h-menu_block_lang">
128 
+              <div class="h-menu_block_text_center">
129 
+                <div class="h-menu_block_text_line">
130 
+                  背景変更
131 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
132 
+                  </div>
133 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
134 
+                  </div>
135 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
136 
+                  </div>
137 
+                </div>
138 
+                <script>
139 
+                    getBackgNumber2();
140 
+                </script>
141 
+                <div class="h-menu_block_text_line">言語選択
142 
+                  <div class="mobile_translation">
143 
+                    <div id="google_translate_element"></div>
144 
+                  </div>
145 
+                </div>
146 
+              </div>
147 
+            </div>
148 
+          </div>
149 
+        </div>
150 
+        <div class="h-menu_main_block">
151 
+          <div class="h-menu_search">
152 
+            <div class="h-menu_block_search">
153 
+              <form action="https://www.google.com/search">
154 
+                <input type="hidden" name="hl" value="ja"/>
155 
+                <input type="hidden" name="ie" value="UTF-8">
156 
+                <input type="hidden" name="oe" value="UTF-8">
157 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
158 
+                <input type="text" name="q" size="16" maxlength="256" value=""
159 
+                       class="mobile_form_input"/>
160 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
161 
+              </form>
162 
+            </div>
38 163 
           </div>
39 
-          <script>
164 
+        </div>
165 
+      </div>
166 
+    </div>
167 
+  </header>
168 
+
169 
+  <!--セクション 操作-->
170 
+  <section id="operation">
171 
+    <!--セクション 住所-->
172 
+    <article id="address">
173 
+      <address id="operation_add">
174 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
175 
+      </address>
176 
+    </article>
177 
+    <div id="controle_panel">
178 
+      <!--セクション 背景色-->
179 
+      <article id="bgcolor">
180 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
181 
+        <div id="bgcolor_img">
182 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
183 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
184 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
185 
+        </div>
186 
+        <script>
40 187 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
188 
+        </script>
189 
+      </article>
43 190
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
191 
+      <!--セクション 文字サイズ-->
192 
+      <!--<article id="charsize" >
193 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
194 
+      <div id="charsize_img">
195 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
196 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
197 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
198 
+      </div>
199 
+      </article>-->
53 200
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
201 
+      <!--セクション サイトマップ-->
202 
+      <article id="sitemap">
203 
+        <div id="sitemap_img">
204 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
205 
+        </div>
206 
+      </article>
207 
+      <!--セクション お問い合わせ-->
208 
+      <article id="contact">
209 
+        <div id="contact_img">
210 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
211 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
212 
+        </div>
213 
+      </article>
214 
+      <!--セクション 翻訳-->
215 
+      <article id="translation">
216 
+        <div id="translation_img">
217 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
218 
+          <div id="google_translate_element"></div>
219 
+          <script type="text/javascript">
73 220 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
221 
+                  new google.translate.TranslateElement({
222 
+                      pageLanguage: 'ja',
223 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
224 
+                  }, 'google_translate_element');
78 225 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
226 
+          </script>
227 
+          <script type="text/javascript"
228 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 229 
         </div>
230 
+      </article>
231 
+      <div id="claer">
86 232 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
233 
+    </div>
234 
+  </section>
235 
+  <!--ヘッダーデータ-->
236 
+  <header>
237 
+    <div id="header" class="gothic">
238 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
239 
+      <div id="h_block_1">
240 
+        <div class="h_line">
121 241 
         </div>
242 
+        <article class="h_text_l">
243 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
244 
+        </article>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
253 
+        </article>
122 254 
       </div>
123 
-    </header>
255 
+      <div id="h_block_search">
256 
+        <div class="h_line"></div>
257 
+        <article class="h_search">
258 
+          <div class="space10"></div>
259 
+          <form action="http://www.google.com/search">
260 
+            <input type="hidden" name="hl" value="ja"/>
261 
+            <input type="hidden" name="ie" value="UTF-8">
262 
+            <input type="hidden" name="oe" value="UTF-8">
263 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
265 
+            <input type="submit" name="btnG" value="検索"/>
266 
+          </form>
267 
+        </article>
268 
+      </div>
269 
+    </div>
270 
+  </header>
124 271
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
272 
+  <div id="third_body">
273 
+    <!--セクション template-->
274 
+    <section id="template">
275 
+      <article id="breadcrumb">
276 
+        <div id="breadcrumb_title">
277 
+          <div id="breadcrumb_title_block">
131 278 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年1月</span>
133 
-            </div>
279 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年1月</span>
134 280 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
281 
+        </div>
282 
+      </article>
283 
+      <article id="template">
284 
+        <div id="template_title" class="gothic">
285 
+          <div id="template_title_block">
286 
+            <span id="template_title">町長の部屋</span>
141 287 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 288 
         </div>
289 
+      </article>
290 
+      <div id="mayor_buttons">
291 
+        <a href="../../third/mayor/greetings.html">
292 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
293 
+        </a>
294 
+        <a href="../../third/mayor/profile.html">
295 
+          <div class="mayor_button left mayor_link">プロフィール</div>
296 
+        </a>
297 
+        <a href="../../third/mayor/biography.html">
298 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
299 
+        </a>
300 
+        <a href="../../third/mayor/kitagatari.html">
301 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
302 
+        </a>
303 
+        <a href="../../third/mayor/entertainment_expenses.html">
304 
+          <div class="mayor_button left mayor_link">町長交際費</div>
305 
+        </a>
306 
+        <div class="clear"></div>
307 
+      </div>
161 308
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
309 
+      <article id="template_list_title">
310 
+        <div id="template_title2" class="gothic">
311 
+          <div id="template_title_block">
312 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 313 
           </div>
168 
-          <span id="template_article_block">
169 
-            <h3 id="life">2021年1月（「大工場」出現　大洋電機竣工式）</h3>
314 
+        </div>
315 
+        <span id="template_article_block">
316 
+            <h3 class="life life_mobile">2021年1月（「大工場」出現　大洋電機竣工式）</h3>
170 317 
             <p class="attention_in">
171 318 
               <span style="margin-left: 1rem;">
172 319 
                 東部開発区域の企業誘致エリアで、令和元年10月に着工された大洋電機(株)の新社屋が完成し、去る令和2年12月4日に竣工式が執り行われました。今までも民間事業者や土地区画整理組合が誘致した会社はありましたが、今回は北方町として初めて企業誘致を果たした会社ということになります。
173 320 
               </span>
174 
-              <br />
321 
+              <br/>
175 322 
               <span style="margin-left: 1rem;">
176 323 
                 みなさんもグリーン通りや岐阜関ケ原線から見て取れる巨大な建物の出現にさぞ驚かれ、また、何ができるのだろうと興味を持たれたことと思いますが、この工場は、船舶用及び陸用の発電機や電動機を製造する工場です。約4万４千㎡の敷地を持ち、外周の緑地帯を含めると東京ドームとほぼ同じ大きさとなります。敷地内には工場３棟と事務所が立ち並び、全体の延べ床面積は合計約２万㎡で、投資総額は約９０億円とのことです。なお、工場の年間売り上げ目標は百億円とのことで町の年間予算に匹敵する金額ですが、巨大施設を間近に見ると納得させられるところです。今後、工作機械の移設作業などと並行して操業を開始するため、本格稼働は今年の１０月頃になる見込みです。
177 324 
               </span>
178 
-              <br />
325 
+              <br/>
179 326 
               <span style="margin-left: 1rem;">
180 327 
                 町としては今回の企業進出の効果は経済的な部分のみではないと思っています。新たに２００人の従業員が従事することで昼間人口が増え、単なる仕事上の関係にとどまらず、例えば企業の地域貢献活動や子どもたちの施設見学などでの交流が期待されます。まさに北方町に新たな風が吹き、新たな「人と人とのつながり」が生まれる礎となることでしょう。
181 328 
               </span>
182 
-              <br />
329 
+              <br/>
183 330 
               <span style="margin-left: 1rem;">
184 331 
                 大洋電機さんには今後、北方を代表する企業として町とともに大きく飛躍していただきたいと願っています。
185 332 
               </span>
186 
-              <br />
333 
+              <br/>
187 334 
             </p>
188 335 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
336 
+      </article>
193 337
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
338 
+    </section>
339 
+  </div>
200 340
341 
+  <footer>
342 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
343 
+    <div class="footer_mobile">
344 
+      <div class="footer_mobile_title">
345 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
346 
+        <h1 class="footerMobile__text">北方町役場</h1>
347 
+      </div>
348 
+      <div class="footer_mobile_address">
349 
+                <span class="footerTextWrap__text">
350 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
351 
+                </span><br>
352 
+        電話:058-323-1111(代)<br>
353 
+        FAX:058-323-2963<br>
354 
+        開庁日：8時30分～17時15分<br>
355 
+        （土・日・祝日、年末年始を除く）<br>
356 
+      </div>
357 
+    </div>
358 
+    <br class="sp__brDisplay">
359 
+    <p class="footer_text">
360 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
361 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
362 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
363 
+    </p>
364 
+  </footer>
201 365
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
366 
+</div>
367 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
368 
+     width="1"/>
205 369 
 </body>
206 370
207 
-</html>
371 
+</html>

+ 315
- 152
fourth/biography/biography_2021_10.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,195 +12,358 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年10月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年10月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年10月（コロナとの共存）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 早いものでもう１０月です。例年ならば「スポーツの秋」、「食欲の秋」として胸躍る各種イベントが続く季節なのですが、昨年来のコロナ禍で今年もほとんど自粛せざるを得ず、さびしく物足りない日々が続きます。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 開催自体に賛否両論が噴出した東京オリンピック・パラリンピックも、いざ始まれば連日の日本人選手の大活躍に日本中が沸きあがりましたが、その分「祭りのあと」の喪失感は、この秋のイベント自粛と相まってより強く感じてしまいます。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 さて、当初は１年もあれば終息するのではないかと漠然とした期待を持って臨んだコロナ禍ですが、待望のワクチン接種が進む一方で感染者数は思うように減少していません。残念ながらいよいよ「病膏肓に入る」という状況のようです。ワクチン接種が切り札とならずコロナとの戦いが今後も続くようなら、「コロナの撲滅」から「コロナとの共存」に考え方をシフトしていくことも必要な時期なのかもしれません。例えば、各種イベントについて単に開催か中止かを検討するだけではなく、内容を工夫して一部縮小してでも開催できる方法を模索するとか、毎日の新規感染者数のみに一喜一憂するのではなく、重症者数の推移を重視して中長期的な対策を検討するとか、社会的にも疫学的にも持続可能な現実的対応が求められていると思います。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 いずれにしましても、コロナ禍という「非日常」をいかに「日常」にシフトしていくのかという問題は、専門家だけに任せてしまうのではなく全ての人たちが当事者意識を持って臨むことが大切です。なぜなら、現在世界中で自分はコロナと全く無関係だと言い切れる人は、もはや一人もいないのですから。
185 
-                <br />
331 
+                <br/>
186 332 
             </p>
187 333 
           </span>
188 
-        </article>
189 
-
190 
-      </section>
191 
-    </div>
334 
+      </article>
192 335
193 
-    <footer>
194 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
195 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
196 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
197 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
198 
-    </footer>
336 
+    </section>
337 
+  </div>
199 338
339 
+  <footer>
340 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
341 
+    <div class="footer_mobile">
342 
+      <div class="footer_mobile_title">
343 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
344 
+        <h1 class="footerMobile__text">北方町役場</h1>
345 
+      </div>
346 
+      <div class="footer_mobile_address">
347 
+                <span class="footerTextWrap__text">
348 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
349 
+                </span><br>
350 
+        電話:058-323-1111(代)<br>
351 
+        FAX:058-323-2963<br>
352 
+        開庁日：8時30分～17時15分<br>
353 
+        （土・日・祝日、年末年始を除く）<br>
354 
+      </div>
355 
+    </div>
356 
+    <br class="sp__brDisplay">
357 
+    <p class="footer_text">
358 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
359 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
360 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
361 
+    </p>
362 
+  </footer>
200 363
201 
-  </div>
202 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
203 
-    width="1" />
364 
+</div>
365 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
366 
+     width="1"/>
204 367 
 </body>
205 368
206 
-</html>
369 
+</html>

+ 191
- 28
fourth/biography/biography_2021_11.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,13 +12,159 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 27 
 <div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
162 
+          </div>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
22 168 
   <!--セクション 操作-->
23 169 
   <section id="operation">
24 170 
     <!--セクション 住所-->
 
@@ -30,14 +176,14 @@
30 176 
     <div id="controle_panel">
31 177 
       <!--セクション 背景色-->
32 178 
       <article id="bgcolor">
33 
-        <img src="../../css/img/013.png" alt="背景色変更ボックス" />
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
34 180 
         <div id="bgcolor_img">
35 181 
           <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 182 
           <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 183 
           <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
38 184 
         </div>
39 185 
         <script>
40 
-          getBackgNumber3();
186 
+            getBackgNumber3();
41 187 
         </script>
42 188 
       </article>
43 189 
 
@@ -54,14 +200,14 @@
54 200 
       <!--セクション サイトマップ-->
55 201 
       <article id="sitemap">
56 202 
         <div id="sitemap_img">
57 
-          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
58 204 
         </div>
59 205 
       </article>
60 206 
       <!--セクション お問い合わせ-->
61 207 
       <article id="contact">
62 208 
         <div id="contact_img">
63 209 
           <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
65 211 
         </div>
66 212 
       </article>
67 213 
       <!--セクション 翻訳-->
 
@@ -70,12 +216,12 @@
70 216 
           <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 217 
           <div id="google_translate_element"></div>
72 218 
           <script type="text/javascript">
73 
-            function googleTranslateElementInit() {
74 
-              new google.translate.TranslateElement({
75 
-                pageLanguage: 'ja',
76 
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-              }, 'google_translate_element');
78 
-            }
219 
+              function googleTranslateElementInit() {
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
224 
+              }
79 225 
           </script>
80 226 
           <script type="text/javascript"
81 227 
                   src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
@@ -88,7 +234,7 @@
88 234 
   <!--ヘッダーデータ-->
89 235 
   <header>
90 236 
     <div id="header" class="gothic">
91 
-      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
92 238 
       <div id="h_block_1">
93 239 
         <div class="h_line">
94 240 
         </div>
 
@@ -110,12 +256,12 @@
110 256 
         <article class="h_search">
111 257 
           <div class="space10"></div>
112 258 
           <form action="http://www.google.com/search">
113 
-            <input type="hidden" name="hl" value="ja" />
259 
+            <input type="hidden" name="hl" value="ja"/>
114 260 
             <input type="hidden" name="ie" value="UTF-8">
115 261 
             <input type="hidden" name="oe" value="UTF-8">
116 
-            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-            <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-            <input type="submit" name="btnG" value="検索" />
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
119 265 
           </form>
120 266 
         </article>
121 267 
       </div>
 
@@ -171,15 +317,15 @@
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 最近「リモートワーク」という言葉をよく耳にするようになりました。もともとは働き方改革の一環で長時間通勤などの緩和策として始まった取り組みでしたが、この一年ほどで一気に広まった感じがあります。私が出席する会議でもリモート会議が増えましたし、学校ではタブレットを使ったリモート授業が全国的に広がっています。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
 コロナ禍の中、人と人とが触れ合えない現状はとても寂しく感じますが、感染リスクを減らす「目的」のために、リモート対応という「手段」を選ぶことはやむを得ないことです。ただ私が残念に思うことは、一部ではリモート対応という「手段」そのものが先進的だともてはやされる風潮にあることです。              </span>
177 
-              <br />
323 
+              <br/>
178 324 
               <span style="margin-left: 1rem;">
179 325 
 例えば、各市町の首長が集う会議などでは、議題以外のちょっとした会話に機知を働かせて、新しい施策のヒントとすることもあります。また、学校などでは人と人が直接触れ合ってお互いを理解し合うことが大切です。あくまでもリモート対応はコロナ対策という「目的」のための臨時的な措置だということを忘れては「目的」と「手段」とを混同していることになってしまいます。              </span>
180 
-              <br />
326 
+              <br/>
181 327 
               <span style="margin-left: 1rem;">
182 
-そもそも若い世代の人たちには、私が感じるほどリモート対応に違和感がないのかもしれません。しかしながら、私は今後どんなに便利な通信手段ができても、直接会って会話することが「人と人とのつながり」のためには一番だと思っています。また、コロナ禍だからとこの考え方がぶれるようではダメだとも思っています。これからも「目的」と「手段」を取り違えることなく、信念を持って町政に臨みたいと考えています。                <br />
328 
+そもそも若い世代の人たちには、私が感じるほどリモート対応に違和感がないのかもしれません。しかしながら、私は今後どんなに便利な通信手段ができても、直接会って会話することが「人と人とのつながり」のためには一番だと思っています。また、コロナ禍だからとこの考え方がぶれるようではダメだとも思っています。これからも「目的」と「手段」を取り違えることなく、信念を持って町政に臨みたいと考えています。                <br/>
183 329 
             </p>
184 330 
           </span>
185 331 
       </article>
 
@@ -188,16 +334,33 @@
188 334 
   </div>
189 335
190 336 
   <footer>
191 
-    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
192 
-    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
193 
-            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
194 
-            href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
337 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
338 
+    <div class="footer_mobile">
339 
+      <div class="footer_mobile_title">
340 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
341 
+        <h1 class="footerMobile__text">北方町役場</h1>
342 
+      </div>
343 
+      <div class="footer_mobile_address">
344 
+                <span class="footerTextWrap__text">
345 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
346 
+                </span><br>
347 
+        電話:058-323-1111(代)<br>
348 
+        FAX:058-323-2963<br>
349 
+        開庁日：8時30分～17時15分<br>
350 
+        （土・日・祝日、年末年始を除く）<br>
351 
+      </div>
352 
+    </div>
353 
+    <br class="sp__brDisplay">
354 
+    <p class="footer_text">
355 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
356 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
357 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
358 
+    </p>
195 359 
   </footer>
196 360
197 
-
198 361 
 </div>
199 362 
 <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
200 
-     width="1" />
363 
+     width="1"/>
201 364 
 </body>
202 365
203 366 
 </html>

+ 308
- 141
fourth/biography/biography_2021_12.html Ver fichero 

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

+ 315
- 152
fourth/biography/biography_2021_2.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,359 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年2月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年2月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年2月（新成人との約束）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 去る１月１０日に北方町成人式を開催しました。コロナ禍の中で、県内でも市町村ごとに判断が迫られる状況でしたが、当町では細心の注意を払って十分な感染症対策を施したうえでの開催といたしました。予定どおりの日時で開催することは感染リスクを伴います。しかし、急な延期は晴れ着のキャンセル費用の問題があることや、延期した時期が必ずしも安全である確証がありません。この状況下で私が開催の判断基準としたことは次の２点です。１点目はなにより当事者である新成人たちの意向を尊重したいこと、２点目は近隣市町の対応が分かれては混乱を来すので旧本巣郡内の連携を図りたいことでした。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 まず１点目については成人式実行委員のみなさんの意向を確認すると、全員が予定どおりの開催を強く希望するとのことでした。２点目の近隣市町の連携については、首長同士で予定どおり開催する方針を確認し合いました。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 開催にあたって、実行委員のみなさんは式典会場での適切な対応はもとより、２次会などを開催しないことを約束してくれました。そのことを聞き、批判する意見は甘んじて受ける覚悟を決め、私は新成人たちが責任ある大人として約束してくれたことを信じて、予定どおり開催という最終判断を下した次第です。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 当日は朝からの雪も止み、例年に増して厳粛な雰囲気の中で行われた素晴らしい式典とすることができたと思います。例年と違い様々な制約がある中で、新成人たちはその困難を力強く乗り越えて立派な式を企画・運営してくれました。この経験は必ずや今後の人生の糧となることでしょう。改めてみなさんの前途洋々たる未来を祈念いたします。
185 331 
               </span>
186 
-              <br />
332 
+              <br/>
187 333 
             </p>
188 334 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
335 
+      </article>
193 336
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
337 
+    </section>
338 
+  </div>
200 339
340 
+  <footer>
341 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+    <div class="footer_mobile">
343 
+      <div class="footer_mobile_title">
344 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+        <h1 class="footerMobile__text">北方町役場</h1>
346 
+      </div>
347 
+      <div class="footer_mobile_address">
348 
+                <span class="footerTextWrap__text">
349 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+                </span><br>
351 
+        電話:058-323-1111(代)<br>
352 
+        FAX:058-323-2963<br>
353 
+        開庁日：8時30分～17時15分<br>
354 
+        （土・日・祝日、年末年始を除く）<br>
355 
+      </div>
356 
+    </div>
357 
+    <br class="sp__brDisplay">
358 
+    <p class="footer_text">
359 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+    </p>
363 
+  </footer>
201 364
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
367 
+     width="1"/>
205 368 
 </body>
206 369
207 
-</html>
370 
+</html>

+ 315
- 152
fourth/biography/biography_2021_3.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,359 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年3月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年3月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2020年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2020年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年3月（コロナワクチン接種始まる）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 コロナワクチンの接種がいよいよ開始されます。未だ終息の目処が立たない状況ですが、ワクチンの集団接種はコロナ禍の転換点となる可能性が大きいと思います。町にとっても未経験の大事業となりますが、ワクチンの供給量や提供時期などあらゆる情報が錯綜しており、接種計画も手探りで進めざるを得ない状況です。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 なお、数ヶ所の個別接種に加え総合体育館を集団接種の会場としますので約半年ほど休館となります。利用される方には長期間に渡りご迷惑をおかけしますが、正確な情報が届かない中、実際に接種にあたっていただく医療機関の方に過密なスケジュールをお願いすることはできないため、ご理解をお願いしたいと思います。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 また、1年足らずで実現したワクチンの効果や安全面に不安を感じ、接種に消極的な方もおられるようです。しかし、多少のリスクは避けられませんが、コロナ禍を終息させるためには多くの人が抗体を持つことが絶対です。ワクチンを打つことは自分のためだけではなく、同時に家族や社会を守ることになるということを理解していただきたいと思います。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 つまるところ、今回のワクチン接種においては、行政、医療機関、住民とそれぞれの立場で頑張らなくてはならないこと、辛抱しなくてはならないことがあるということです。コロナ禍を終息させ、当たり前の日常生活を取り戻すためには「誰かが」ではなく、「皆が」連携・協力しないことには成功は得られません。今こそ「人と人とのつながり」を大切にし、この苦境を乗り越える正念場だと思います。皆さんのご理解とご協力をお願いします。
185 331 
               </span>
186 
-              <br />
332 
+              <br/>
187 333 
             </p>
188 334 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
335 
+      </article>
193 336
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
337 
+    </section>
338 
+  </div>
200 339
340 
+  <footer>
341 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+    <div class="footer_mobile">
343 
+      <div class="footer_mobile_title">
344 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+        <h1 class="footerMobile__text">北方町役場</h1>
346 
+      </div>
347 
+      <div class="footer_mobile_address">
348 
+                <span class="footerTextWrap__text">
349 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+                </span><br>
351 
+        電話:058-323-1111(代)<br>
352 
+        FAX:058-323-2963<br>
353 
+        開庁日：8時30分～17時15分<br>
354 
+        （土・日・祝日、年末年始を除く）<br>
355 
+      </div>
356 
+    </div>
357 
+    <br class="sp__brDisplay">
358 
+    <p class="footer_text">
359 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+    </p>
363 
+  </footer>
201 364
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
367 
+     width="1"/>
205 368 
 </body>
206 369
207 
-</html>
370 
+</html>

+ 316
- 152
fourth/biography/biography_2021_4.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,360 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+
235 
+  <!--ヘッダーデータ-->
236 
+  <header>
237 
+    <div id="header" class="gothic">
238 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
239 
+      <div id="h_block_1">
240 
+        <div class="h_line">
121 241 
         </div>
242 
+        <article class="h_text_l">
243 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
244 
+        </article>
245 
+        <article class="h_text_l">
246 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
247 
+        </article>
248 
+        <article class="h_text_l">
249 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
250 
+        </article>
251 
+        <article class="h_text_l">
252 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
253 
+        </article>
122 254 
       </div>
123 
-    </header>
255 
+      <div id="h_block_search">
256 
+        <div class="h_line"></div>
257 
+        <article class="h_search">
258 
+          <div class="space10"></div>
259 
+          <form action="http://www.google.com/search">
260 
+            <input type="hidden" name="hl" value="ja"/>
261 
+            <input type="hidden" name="ie" value="UTF-8">
262 
+            <input type="hidden" name="oe" value="UTF-8">
263 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
264 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
265 
+            <input type="submit" name="btnG" value="検索"/>
266 
+          </form>
267 
+        </article>
268 
+      </div>
269 
+    </div>
270 
+  </header>
124 271
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
272 
+  <div id="third_body">
273 
+    <!--セクション template-->
274 
+    <section id="template">
275 
+      <article id="breadcrumb">
276 
+        <div id="breadcrumb_title">
277 
+          <div id="breadcrumb_title_block">
131 278 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年4月</span>
133 
-            </div>
279 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年4月</span>
134 280 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
281 
+        </div>
282 
+      </article>
283 
+      <article id="template">
284 
+        <div id="template_title" class="gothic">
285 
+          <div id="template_title_block">
286 
+            <span id="template_title">町長の部屋</span>
141 287 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 288 
         </div>
289 
+      </article>
290 
+      <div id="mayor_buttons">
291 
+        <a href="../../third/mayor/greetings.html">
292 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
293 
+        </a>
294 
+        <a href="../../third/mayor/profile.html">
295 
+          <div class="mayor_button left mayor_link">プロフィール</div>
296 
+        </a>
297 
+        <a href="../../third/mayor/biography.html">
298 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
299 
+        </a>
300 
+        <a href="../../third/mayor/kitagatari.html">
301 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
302 
+        </a>
303 
+        <a href="../../third/mayor/entertainment_expenses.html">
304 
+          <div class="mayor_button left mayor_link">町長交際費</div>
305 
+        </a>
306 
+        <div class="clear"></div>
307 
+      </div>
161 308
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
309 
+      <article id="template_list_title">
310 
+        <div id="template_title2" class="gothic">
311 
+          <div id="template_title_block">
312 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 313 
           </div>
168 
-          <span id="template_article_block">
314 
+        </div>
315 
+        <span id="template_article_block">
169 316 
             <h3 id="life">2021年4月（大震災から10年）</h3>
170 317 
             <p class="attention_in">
171 318 
               <span style="margin-left: 1rem;">
172 319 
                 近年の災害史上では最悪の２万２千人もの犠牲者を出した東日本大震災から節目の１０年を迎えました。「もう１０年も経つのか」と感じる一方で、特にこの１０年は日本中でこれまで経験したことがない、台風、集中豪雨、土砂災害に加えてコロナ感染とさまざまな災難に続けざまに脅かされる１０年だったと思います。まだ記憶に新しい２月１３日の福島県沖地震は震度６強を記録し、あたかも私たちの風化しつつある震災の記憶を呼びおこして、油断する気持ちを戒めるような出来事であったと感じます。
173 320 
               </span>
174 
-              <br />
321 
+              <br/>
175 322 
               <span style="margin-left: 1rem;">
176 323 
                 各種報道番組でも震災関連の特集などを多く放映しています。多くの人々が抗うこともできず、まるで木の葉のように津波に飲み込まれていく悲惨な映像は、今でもとても現実に起こったこととは思えない恐怖心を呼びおこします。残念ながらある日突然に大切な家族や友人、家や財産を失ってしまうことが、誰にでも起こりうることを改めて認識させられたところです。
177 324 
               </span>
178 
-              <br />
325 
+              <br/>
179 326 
               <span style="margin-left: 1rem;">
180 327 
                 とりわけ、この地方でも心配されている南海トラフ地震の発生率は３０年以内に７０％～８０％と言われています。残念ながら今の科学では地震の予知はできませんが、言えることは地震の可能性は「今日より明日、今年より来年」と時が過ぎるほど必然的に高まるということです。
181 328 
               </span>
182 
-              <br />
329 
+              <br/>
183 330 
               <span style="margin-left: 1rem;">
184 331 
                 みなさんには、神頼みや他人任せではなく、家具の転倒防止や備蓄食料品などの日々の備えを大切にし「自分の命は自分で守る」、「家族や身近な仲間はご近所ぐるみで守る」という意識を再確認していただき、いざという時に備えていただきたいと切に思います。
185 332 
               </span>
186 
-              <br />
333 
+              <br/>
187 334 
             </p>
188 335 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
336 
+      </article>
193 337
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
338 
+    </section>
339 
+  </div>
200 340
341 
+  <footer>
342 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
343 
+    <div class="footer_mobile">
344 
+      <div class="footer_mobile_title">
345 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
346 
+        <h1 class="footerMobile__text">北方町役場</h1>
347 
+      </div>
348 
+      <div class="footer_mobile_address">
349 
+                <span class="footerTextWrap__text">
350 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
351 
+                </span><br>
352 
+        電話:058-323-1111(代)<br>
353 
+        FAX:058-323-2963<br>
354 
+        開庁日：8時30分～17時15分<br>
355 
+        （土・日・祝日、年末年始を除く）<br>
356 
+      </div>
357 
+    </div>
358 
+    <br class="sp__brDisplay">
359 
+    <p class="footer_text">
360 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
361 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
362 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
363 
+    </p>
364 
+  </footer>
201 365
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
366 
+</div>
367 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
368 
+     width="1"/>
205 369 
 </body>
206 370
207 
-</html>
371 
+</html>

+ 172
- 9
fourth/biography/biography_2021_5.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,13 +12,159 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 27 
   <div id="main" class="gothic">
28 
+    <!-- mobile用のheader -->
29 
+    <header class="header">
30 
+      <div class="headerLogo">
31 
+        <a href="index.html" class="header_link">
32 
+          <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+        </a>
34 
+      </div>
35 
+      <div class="headerTitle">
36 
+        <a href="../../index.html" class="header_link">
37 
+          <h1 class="headerTitle__text">北方町</h1>
38 
+        </a>
39 
+      </div>
40 
+      <div class="headerSubTitle">
41 
+        <a href="../../index.html" class="header_link">
42 
+          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+        </a>
44 
+      </div>
45 
+      <div id="h-menu">
46 
+        <span></span>
47 
+        <span></span>
48 
+        <span></span>
49 
+        <div id="h-text">menu</div>
50 
+      </div>
51 
+      <div id="h-nav">
52 
+        <div class="h-menu_main_block_top">
53 
+          <div class="h-menu_main_block">
54 
+            <div class="h-menu_block">
55 
+              <a href="../../second/living.html">
56 
+                <div class="h-menu_block_text h-menu_block_before">
57 
+                  <div class="h-menu_block_text_center">くらしの情報</div>
58 
+                </div>
59 
+              </a>
60 
+            </div>
61 
+          </div>
62 
+          <div class="h-menu_main_block">
63 
+            <div class="h-menu_block">
64 
+              <a href="../../second/tourism.html">
65 
+                <div class="h-menu_block_text h-menu_block_before">
66 
+                  <div class="h-menu_block_text_center">
67 
+                    観光
68 
+                  </div>
69 
+                </div>
70 
+              </a>
71 
+            </div>
72 
+          </div>
73 
+          <div class="h-menu_main_block">
74 
+            <div class="h-menu_block">
75 
+              <a href="../../second/business.html">
76 
+                <div class="h-menu_block_text h-menu_block_before">
77 
+                  <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+              <a href="../../second/sitemap.html">
94 
+                <div class="h-menu_block_text h-menu_block_before">
95 
+                  <div class="h-menu_block_text_center">
96 
+                    サイトマップ
97 
+                  </div>
98 
+                </div>
99 
+              </a>
100 
+            </div>
101 
+          </div>
102 
+          <div class="h-menu_main_block">
103 
+            <div class="h-menu_block h-menu_block_before">
104 
+              <a href="https://ai-staff.net/kitagata/chat">
105 
+                <div class="h-menu_block_text  h-menu_block_before">
106 
+                  <div class="h-menu_block_text_center">
107 
+                    AIチャット
108 
+                  </div>
109 
+                </div>
110 
+              </a>
111 
+            </div>
112 
+          </div>
113 
+          <div class="h-menu_main_block">
114 
+            <div class="h-menu_block h-menu_block_before">
115 
+              <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+                <div class="h-menu_block_text">
117 
+                  <div class="h-menu_block_text_center">
118 
+                    お問い合わせ一覧
119 
+                  </div>
120 
+                </div>
121 
+              </a>
122 
+            </div>
123 
+          </div>
124 
+          <div class="h-menu_main_block">
125 
+            <div class="h-menu_lang">
126 
+              <div class="h-menu_block_lang">
127 
+                <div class="h-menu_block_text_center">
128 
+                  <div class="h-menu_block_text_line">
129 
+                    背景変更
130 
+                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                    </div>
132 
+                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                    </div>
134 
+                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                    </div>
136 
+                  </div>
137 
+                  <script>
138 
+                      getBackgNumber2();
139 
+                  </script>
140 
+                  <div class="h-menu_block_text_line">言語選択
141 
+                    <div class="mobile_translation">
142 
+                      <div id="google_translate_element"></div>
143 
+                    </div>
144 
+                  </div>
145 
+                </div>
146 
+              </div>
147 
+            </div>
148 
+          </div>
149 
+          <div class="h-menu_main_block">
150 
+            <div class="h-menu_search">
151 
+              <div class="h-menu_block_search">
152 
+                <form action="https://www.google.com/search">
153 
+                  <input type="hidden" name="hl" value="ja"/>
154 
+                  <input type="hidden" name="ie" value="UTF-8">
155 
+                  <input type="hidden" name="oe" value="UTF-8">
156 
+                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                  <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                         class="mobile_form_input"/>
159 
+                  <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+                </form>
161 
+              </div>
162 
+            </div>
163 
+          </div>
164 
+        </div>
165 
+      </div>
166 
+    </header>
167 
+
22 168 
     <!--セクション 操作-->
23 169 
     <section id="operation">
24 170 
       <!--セクション 住所-->
 
@@ -192,16 +338,33 @@
192 338 
     </div>
193 339
194 340 
     <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
341 
+      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+      <div class="footer_mobile">
343 
+        <div class="footer_mobile_title">
344 
+          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+          <h1 class="footerMobile__text">北方町役場</h1>
346 
+        </div>
347 
+        <div class="footer_mobile_address">
348 
+                <span class="footerTextWrap__text">
349 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+                </span><br>
351 
+          電話:058-323-1111(代)<br>
352 
+          FAX:058-323-2963<br>
353 
+          開庁日：8時30分～17時15分<br>
354 
+          （土・日・祝日、年末年始を除く）<br>
355 
+        </div>
356 
+      </div>
357 
+      <br class="sp__brDisplay">
358 
+      <p class="footer_text">
359 
+        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+      </p>
199 363 
     </footer>
200 364
201 
-
202 365 
   </div>
203 366 
   <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 367 
     width="1" />
205 368 
 </body>
206 369
207 
-</html>
370 
+</html>

+ 315
- 152
fourth/biography/biography_2021_6.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,359 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年6月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年6月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年6月（アマゴとサツキマス）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 川魚の「アマゴ」は基本的に川の中だけで一生を過ごしますが、その一部は海に下って回遊し、一回り大きな「サツキマス」となって戻ってきます。ちなみに海に下るアマゴは、他より丈夫な個体なのだろうと思いがちですが、実は全く逆で、小さい魚は大きい魚に負けて川にいられなくなり海へ下るのですが、結果としてより大きなサツキマスとなって戻ってくるのだそうです。この話を聞き、ただ現状に満足しているだけでは成長できないという教訓だと思いました。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 しかし、ある人は全く違う感想を持ったという話を聞き、ハッとさせられました。それは、小さい魚なら、川で我慢して生活していれば、危険な海に行かずに平穏に暮らせただろうに、という意見です。それはいかにも消極的な態度ではないかと反論すると、「では、あなたの子どもが、現状に不満なので９割の確率で命を落とす修行の旅に出る」と言ったら行かせることができるのかと言われ、思わず口をつぐんでしまいました。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 このように、自分では当然だと思うことでも、他人は全く違った考えを持っていることが往々にしてあります。ましてや、いろんな人がお互いに協力しながら生活している地域コミュニティにおいて、意見の相違はある意味、当然のことなのかもしれません。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 つまり「人と人とのつながり」とは、「多様性を認めたうえで一つの方向性を導き、決まったことはお互いに尊重すること」だと言えると思います。無理にすべての方々の考え方を統一することはできませんが、ひとたび大多数の合意が得られた意見ならば、すべての人が尊重するのが正しいあり方なのではないでしょうか。
185 331 
               </span>
186 
-              <br />
332 
+              <br/>
187 333 
             </p>
188 334 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
335 
+      </article>
193 336
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
337 
+    </section>
338 
+  </div>
200 339
340 
+  <footer>
341 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+    <div class="footer_mobile">
343 
+      <div class="footer_mobile_title">
344 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+        <h1 class="footerMobile__text">北方町役場</h1>
346 
+      </div>
347 
+      <div class="footer_mobile_address">
348 
+                <span class="footerTextWrap__text">
349 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+                </span><br>
351 
+        電話:058-323-1111(代)<br>
352 
+        FAX:058-323-2963<br>
353 
+        開庁日：8時30分～17時15分<br>
354 
+        （土・日・祝日、年末年始を除く）<br>
355 
+      </div>
356 
+    </div>
357 
+    <br class="sp__brDisplay">
358 
+    <p class="footer_text">
359 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+    </p>
363 
+  </footer>
201 364
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
367 
+     width="1"/>
205 368 
 </body>
206 369
207 
-</html>
370 
+</html>

+ 315
- 152
fourth/biography/biography_2021_7.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,195 +12,358 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年7月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年7月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年7月（東京オリンピックに寄せて）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 いよいよ東京オリンピックが開催されます。令和最初のビッグイベントに多くの方が胸躍らせているかと思いますが、その一方でこのコロナ禍での開催に不安を感じる方も少なくないと思います。 </span>
173 
-              <br />
319 
+              <br/>
174 320 
               <span style="margin-left: 1rem;">
175 321 
                 機運を盛り上げる「聖火リレー」は、ランナー辞退や規模縮小などの報道が先行して、イベント本来の目的がぼやけてしまいました。また、医療の専門家からは開催を疑問視する意見が出されるなど、開催を期待する声よりも不安を感じる声の方が多いような印象すら受けます。オリンピック開催・中止の判断は、いわば国民の生命や健康と日本の経済そのものを天秤にかけるような問題で、どちらを選んでもはっきり善悪の区別がつけられない難しい問題であることは間違いありません。
176 322 
               </span>
177 
-              <br />
323 
+              <br/>
178 324 
               <span style="margin-left: 1rem;">
179 325 
                 この原稿を書いている時点で、開催日まで残り一月半です。各種目の代表が決定したり、各国の選手団が来日したりと準備が進むなかですが、マスコミ報道からは何か漠然とした不安や不満が感じられます。大切なことは、このままなし崩し的に本番を迎えるのではなく、開催するからには現時点で考えられる最善の対策を取り、選手・観客はじめすべての人たちが納得して応援・協力できる機運を醸成することだと思います。
180 326 
               </span>
181 
-              <br />
327 
+              <br/>
182 328 
               <span style="margin-left: 1rem;">
183 329 
                 オリンピックという世紀のイベントは、コロナ禍で傷つき、元気をなくした人たちを一致団結させ、日本経済を一気に活性化させるカンフル剤になり得ます。せっかくの機会が、逆に何か日本が背負わされた重い十字架のように感じられてしまうことはとても悲しいことです。後年に「コロナを打ち破った東京オリンピック」として語られることを願っています。
184 330 
               </span>
185 
-              <br />
331 
+              <br/>
186 332 
             </p>
187 333 
           </span>
188 
-        </article>
189 
-
190 
-      </section>
191 
-    </div>
334 
+      </article>
192 335
193 
-    <footer>
194 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
195 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
196 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
197 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
198 
-    </footer>
336 
+    </section>
337 
+  </div>
199 338
339 
+  <footer>
340 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
341 
+    <div class="footer_mobile">
342 
+      <div class="footer_mobile_title">
343 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
344 
+        <h1 class="footerMobile__text">北方町役場</h1>
345 
+      </div>
346 
+      <div class="footer_mobile_address">
347 
+                <span class="footerTextWrap__text">
348 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
349 
+                </span><br>
350 
+        電話:058-323-1111(代)<br>
351 
+        FAX:058-323-2963<br>
352 
+        開庁日：8時30分～17時15分<br>
353 
+        （土・日・祝日、年末年始を除く）<br>
354 
+      </div>
355 
+    </div>
356 
+    <br class="sp__brDisplay">
357 
+    <p class="footer_text">
358 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
359 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
360 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
361 
+    </p>
362 
+  </footer>
200 363
201 
-  </div>
202 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
203 
-    width="1" />
364 
+</div>
365 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
366 
+     width="1"/>
204 367 
 </body>
205 368
206 
-</html>
369 
+</html>

+ 315
- 152
fourth/biography/biography_2021_8.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,196 +12,359 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年8月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年8月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年8月（マスクと文化）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 何かと紆余曲折はありますが、コロナワクチンの接種が進んでいます。ところで、海外のニュースを見ていると「何よりマスクをしなくてよいことがうれしい」という声をよく聞きます。日本では、ワクチン接種が終わっても当分マスクは外せないと考える方が多いと思いますが、これには衛生面よりも文化の違いが大きく影響しているようです。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 日本では「目は口ほどにものを言う」と言いますが、アメリカでは口元で相手の気持ちを読み取るのだそうです。例えばアメリカ人が笑うときは大きく口をあけ白い歯をのぞかせます。海外では目元や髪型の印象よりも「輝く白い歯」が重要視されるようです。逆に日本人ならむしろ口元を手で隠して笑います。日本の歴史的な寺院に「微笑みの仏像」はありますが、大きく口を開けた「大笑いの仏像」は見たことがありません。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 歯に関する文化の違いは他にもあります。例えば「八重歯」は日本では可愛いイメージがありますが、海外ではドラキュラを連想するそうです。逆に「すきっ歯」は日本では特に良い印象はありませんが、海外ではチャームポイントとされセクシーなイメージが持たれるため、スーパーモデルにも多いのだとか。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 ひとことに「笑顔」と言っても、文化が違えばいろいろな捉え方があるものです。しかし、多少の違いはあっても「笑顔」は相手に好意を示す万国共通のコミュニケーションツールであることは間違いありません。少しでも早くコロナが終息し、笑顔あふれる世界が戻ってくることを願ってやみません。
185 331 
               </span>
186 
-              <br />
332 
+              <br/>
187 333 
             </p>
188 334 
           </span>
189 
-        </article>
190 
-
191 
-      </section>
192 
-    </div>
335 
+      </article>
193 336
194 
-    <footer>
195 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
196 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
197 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
198 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
199 
-    </footer>
337 
+    </section>
338 
+  </div>
200 339
340 
+  <footer>
341 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
342 
+    <div class="footer_mobile">
343 
+      <div class="footer_mobile_title">
344 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
345 
+        <h1 class="footerMobile__text">北方町役場</h1>
346 
+      </div>
347 
+      <div class="footer_mobile_address">
348 
+                <span class="footerTextWrap__text">
349 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
350 
+                </span><br>
351 
+        電話:058-323-1111(代)<br>
352 
+        FAX:058-323-2963<br>
353 
+        開庁日：8時30分～17時15分<br>
354 
+        （土・日・祝日、年末年始を除く）<br>
355 
+      </div>
356 
+    </div>
357 
+    <br class="sp__brDisplay">
358 
+    <p class="footer_text">
359 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
360 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
361 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
362 
+    </p>
363 
+  </footer>
201 364
202 
-  </div>
203 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
204 
-    width="1" />
365 
+</div>
366 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
367 
+     width="1"/>
205 368 
 </body>
206 369
207 
-</html>
370 
+</html>

+ 315
- 152
fourth/biography/biography_2021_9.html Ver fichero 

@@ -1,8 +1,8 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 4 
   <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 6 
   <title>北方町ホームページ</title>
7 7 
   <link rel="stylesheet" href="../../css/base.css">
8 8 
   <link rel="stylesheet" href="../../css/second_header.css">
 
@@ -12,195 +12,358 @@
12 12 
   <link rel="stylesheet" href="../../css/table.css">
13 13 
   <link rel="stylesheet" href="../../css/pageview.css">
14 14 
   <link rel="stylesheet" href="../../css/mayor.css">
15 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
15 20 
   <script src="../../js/operation.js"></script>
21 
+  <script src="../../js/menu.js"></script>
22 
+  <script src="../../js/accordion.js"></script>
16 23 
   <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-  </meta>
18 24 
 </head>
19 25
20 26 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
29 
-      </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
27 
+<div id="main" class="gothic">
28 
+  <!-- mobile用のheader -->
29 
+  <header class="header">
30 
+    <div class="headerLogo">
31 
+      <a href="index.html" class="header_link">
32 
+        <img class="headerLogo__image" src="../../image/logo_kitagata_green_S.png" alt="">
33 
+      </a>
34 
+    </div>
35 
+    <div class="headerTitle">
36 
+      <a href="../../index.html" class="header_link">
37 
+        <h1 class="headerTitle__text">北方町</h1>
38 
+      </a>
39 
+    </div>
40 
+    <div class="headerSubTitle">
41 
+      <a href="../../index.html" class="header_link">
42 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
43 
+      </a>
44 
+    </div>
45 
+    <div id="h-menu">
46 
+      <span></span>
47 
+      <span></span>
48 
+      <span></span>
49 
+      <div id="h-text">menu</div>
50 
+    </div>
51 
+    <div id="h-nav">
52 
+      <div class="h-menu_main_block_top">
53 
+        <div class="h-menu_main_block">
54 
+          <div class="h-menu_block">
55 
+            <a href="../../second/living.html">
56 
+              <div class="h-menu_block_text h-menu_block_before">
57 
+                <div class="h-menu_block_text_center">くらしの情報</div>
58 
+              </div>
59 
+            </a>
60 
+          </div>
61 
+        </div>
62 
+        <div class="h-menu_main_block">
63 
+          <div class="h-menu_block">
64 
+            <a href="../../second/tourism.html">
65 
+              <div class="h-menu_block_text h-menu_block_before">
66 
+                <div class="h-menu_block_text_center">
67 
+                  観光
68 
+                </div>
69 
+              </div>
70 
+            </a>
71 
+          </div>
72 
+        </div>
73 
+        <div class="h-menu_main_block">
74 
+          <div class="h-menu_block">
75 
+            <a href="../../second/business.html">
76 
+              <div class="h-menu_block_text h-menu_block_before">
77 
+                <div class="h-menu_block_text_center">事業者向け情報</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/town_admini_info.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 h-menu_block_before">
93 
+            <a href="../../second/sitemap.html">
94 
+              <div class="h-menu_block_text h-menu_block_before">
95 
+                <div class="h-menu_block_text_center">
96 
+                  サイトマップ
97 
+                </div>
98 
+              </div>
99 
+            </a>
100 
+          </div>
101 
+        </div>
102 
+        <div class="h-menu_main_block">
103 
+          <div class="h-menu_block h-menu_block_before">
104 
+            <a href="https://ai-staff.net/kitagata/chat">
105 
+              <div class="h-menu_block_text  h-menu_block_before">
106 
+                <div class="h-menu_block_text_center">
107 
+                  AIチャット
108 
+                </div>
109 
+              </div>
110 
+            </a>
111 
+          </div>
112 
+        </div>
113 
+        <div class="h-menu_main_block">
114 
+          <div class="h-menu_block h-menu_block_before">
115 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
116 
+              <div class="h-menu_block_text">
117 
+                <div class="h-menu_block_text_center">
118 
+                  お問い合わせ一覧
119 
+                </div>
120 
+              </div>
121 
+            </a>
122 
+          </div>
123 
+        </div>
124 
+        <div class="h-menu_main_block">
125 
+          <div class="h-menu_lang">
126 
+            <div class="h-menu_block_lang">
127 
+              <div class="h-menu_block_text_center">
128 
+                <div class="h-menu_block_text_line">
129 
+                  背景変更
130 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
131 
+                  </div>
132 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
133 
+                  </div>
134 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
135 
+                  </div>
136 
+                </div>
137 
+                <script>
138 
+                    getBackgNumber2();
139 
+                </script>
140 
+                <div class="h-menu_block_text_line">言語選択
141 
+                  <div class="mobile_translation">
142 
+                    <div id="google_translate_element"></div>
143 
+                  </div>
144 
+                </div>
145 
+              </div>
146 
+            </div>
147 
+          </div>
148 
+        </div>
149 
+        <div class="h-menu_main_block">
150 
+          <div class="h-menu_search">
151 
+            <div class="h-menu_block_search">
152 
+              <form action="https://www.google.com/search">
153 
+                <input type="hidden" name="hl" value="ja"/>
154 
+                <input type="hidden" name="ie" value="UTF-8">
155 
+                <input type="hidden" name="oe" value="UTF-8">
156 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
157 
+                <input type="text" name="q" size="16" maxlength="256" value=""
158 
+                       class="mobile_form_input"/>
159 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
160 
+              </form>
161 
+            </div>
38 162 
           </div>
39 
-          <script>
163 
+        </div>
164 
+      </div>
165 
+    </div>
166 
+  </header>
167 
+
168 
+  <!--セクション 操作-->
169 
+  <section id="operation">
170 
+    <!--セクション 住所-->
171 
+    <article id="address">
172 
+      <address id="operation_add">
173 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
174 
+      </address>
175 
+    </article>
176 
+    <div id="controle_panel">
177 
+      <!--セクション 背景色-->
178 
+      <article id="bgcolor">
179 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
180 
+        <div id="bgcolor_img">
181 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
182 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
183 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
184 
+        </div>
185 
+        <script>
40 186 
             getBackgNumber3();
41 
-          </script>
42 
-        </article>
187 
+        </script>
188 
+      </article>
43 189
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
46 
-        <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 
-        <div id="charsize_img">
48 
-        <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
49 
-        <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
50 
-        <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
51 
-        </div>
52 
-        </article>-->
190 
+      <!--セクション 文字サイズ-->
191 
+      <!--<article id="charsize" >
192 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
193 
+      <div id="charsize_img">
194 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
195 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
196 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
197 
+      </div>
198 
+      </article>-->
53 199
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
59 
-        </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
65 
-          </div>
66 
-        </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
200 
+      <!--セクション サイトマップ-->
201 
+      <article id="sitemap">
202 
+        <div id="sitemap_img">
203 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
204 
+        </div>
205 
+      </article>
206 
+      <!--セクション お問い合わせ-->
207 
+      <article id="contact">
208 
+        <div id="contact_img">
209 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
210 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
211 
+        </div>
212 
+      </article>
213 
+      <!--セクション 翻訳-->
214 
+      <article id="translation">
215 
+        <div id="translation_img">
216 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
217 
+          <div id="google_translate_element"></div>
218 
+          <script type="text/javascript">
73 219 
               function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
220 
+                  new google.translate.TranslateElement({
221 
+                      pageLanguage: 'ja',
222 
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
223 
+                  }, 'google_translate_element');
78 224 
               }
79 
-            </script>
80 
-            <script type="text/javascript"
81 
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
82 
-          </div>
83 
-        </article>
84 
-        <div id="claer">
225 
+          </script>
226 
+          <script type="text/javascript"
227 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
85 228 
         </div>
229 
+      </article>
230 
+      <div id="claer">
86 231 
       </div>
87 
-    </section>
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
94 
-          </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 
-        </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
232 
+    </div>
233 
+  </section>
234 
+  <!--ヘッダーデータ-->
235 
+  <header>
236 
+    <div id="header" class="gothic">
237 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
238 
+      <div id="h_block_1">
239 
+        <div class="h_line">
121 240 
         </div>
241 
+        <article class="h_text_l">
242 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
243 
+        </article>
244 
+        <article class="h_text_l">
245 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
246 
+        </article>
247 
+        <article class="h_text_l">
248 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
249 
+        </article>
250 
+        <article class="h_text_l">
251 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
252 
+        </article>
122 253 
       </div>
123 
-    </header>
254 
+      <div id="h_block_search">
255 
+        <div class="h_line"></div>
256 
+        <article class="h_search">
257 
+          <div class="space10"></div>
258 
+          <form action="http://www.google.com/search">
259 
+            <input type="hidden" name="hl" value="ja"/>
260 
+            <input type="hidden" name="ie" value="UTF-8">
261 
+            <input type="hidden" name="oe" value="UTF-8">
262 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
263 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
264 
+            <input type="submit" name="btnG" value="検索"/>
265 
+          </form>
266 
+        </article>
267 
+      </div>
268 
+    </div>
269 
+  </header>
124 270
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
271 
+  <div id="third_body">
272 
+    <!--セクション template-->
273 
+    <section id="template">
274 
+      <article id="breadcrumb">
275 
+        <div id="breadcrumb_title">
276 
+          <div id="breadcrumb_title_block">
131 277 
               <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
132 
-                  href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年9月</span>
133 
-            </div>
278 
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2021年9月</span>
134 279 
           </div>
135 
-        </article>
136 
-        <article id="template">
137 
-          <div id="template_title" class="gothic">
138 
-            <div id="template_title_block">
139 
-              <span id="template_title">町長の部屋</span>
140 
-            </div>
280 
+        </div>
281 
+      </article>
282 
+      <article id="template">
283 
+        <div id="template_title" class="gothic">
284 
+          <div id="template_title_block">
285 
+            <span id="template_title">町長の部屋</span>
141 286 
           </div>
142 
-        </article>
143 
-        <div id="mayor_buttons">
144 
-          <a href="../../third/mayor/greetings.html">
145 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
146 
-          </a>
147 
-          <a href="../../third/mayor/profile.html">
148 
-            <div class="mayor_button left mayor_link">プロフィール</div>
149 
-          </a>
150 
-          <a href="../../third/mayor/biography.html">
151 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
152 
-          </a>
153 
-          <a href="../../third/mayor/kitagatari.html">
154 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
155 
-          </a>
156 
-          <a href="../../third/mayor/entertainment_expenses.html">
157 
-            <div class="mayor_button left mayor_link">町長交際費</div>
158 
-          </a>
159 
-          <div class="clear"></div>
160 287 
         </div>
288 
+      </article>
289 
+      <div id="mayor_buttons">
290 
+        <a href="../../third/mayor/greetings.html">
291 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
292 
+        </a>
293 
+        <a href="../../third/mayor/profile.html">
294 
+          <div class="mayor_button left mayor_link">プロフィール</div>
295 
+        </a>
296 
+        <a href="../../third/mayor/biography.html">
297 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
298 
+        </a>
299 
+        <a href="../../third/mayor/kitagatari.html">
300 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
301 
+        </a>
302 
+        <a href="../../third/mayor/entertainment_expenses.html">
303 
+          <div class="mayor_button left mayor_link">町長交際費</div>
304 
+        </a>
305 
+        <div class="clear"></div>
306 
+      </div>
161 307
162 
-        <article id="template_list_title">
163 
-          <div id="template_title2" class="gothic">
164 
-            <div id="template_title_block">
165 
-              <span id="template_title2">町長のつぶやき2021年度</span>
166 
-            </div>
308 
+      <article id="template_list_title">
309 
+        <div id="template_title2" class="gothic">
310 
+          <div id="template_title_block">
311 
+            <span id="template_title2">町長のつぶやき2021年度</span>
167 312 
           </div>
168 
-          <span id="template_article_block">
313 
+        </div>
314 
+        <span id="template_article_block">
169 315 
             <h3 id="life">2021年9月（大谷選手の活躍）</h3>
170 316 
             <p class="attention_in">
171 317 
               <span style="margin-left: 1rem;">
172 318 
                 アメリカメジャーリーグ大谷選手の活躍が伝えられています。投げては160キロの豪速球、打てば特大ホームランと見事な「二刀流」での働きぶりです。筋骨隆々の大きな外国人に力負けせず、真っ向勝負で結果を出しているところは大谷選手が日本人を熱狂させる理由のひとつだと思います。
173 319 
               </span>
174 
-              <br />
320 
+              <br/>
175 321 
               <span style="margin-left: 1rem;">
176 322 
                 特筆すべきは、プレー以外でのふるまいについてです。ファンのみならず相手チームや審判に対する態度など、大谷選手の紳士的なふるまいが好意的に報じられています。勝負以前に礼節を重んじる姿勢が世界的にも評価されていることは、日本人としてとても誇らしく思います。
177 323 
               </span>
178 
-              <br />
324 
+              <br/>
179 325 
               <span style="margin-left: 1rem;">
180 326 
                 さて近年、日本のスポーツ界の古い体制が否定的に報道される傾向が強いように感じます。もちろん、かつての部活動のように「先輩の命令は絶対だ」などという理不尽な考え方は間違っていると思いますが、だからと言ってその全てを否定することはできないと思います。日本ではスポーツ全般において、単に技術の向上を目指すのではなく、併せて精神的な修養を目的としていると思います。技術の向上のみを考えるなら合理的ではないかもしれませんが、スポーツを通して、礼節を重んじ、他者を気遣う姿勢を学ぶという考え方は、決して間違っていないと思うのです。
181 327 
               </span>
182 
-              <br />
328 
+              <br/>
183 329 
               <span style="margin-left: 1rem;">
184 330 
                 先日、東京オリンピックのとある競技では、日本人選手とコーチがまるで友達のようにお互いをあだ名で呼び合う関係だとの報道がありました。正直なところ、これには違和感を覚えたのですが、これからの社会では相手の意見の一部に同意できないからと、その全てを否定するのではなく、お互いよい部分は素直に認め合い、柔軟に受け入れられるような姿勢が大切なのではないでしょうか。
185 
-                <br />
331 
+                <br/>
186 332 
             </p>
187 333 
           </span>
188 
-        </article>
189 
-
190 
-      </section>
191 
-    </div>
334 
+      </article>
192 335
193 
-    <footer>
194 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
195 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
196 
-          href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
197 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
198 
-    </footer>
336 
+    </section>
337 
+  </div>
199 338
339 
+  <footer>
340 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
341 
+    <div class="footer_mobile">
342 
+      <div class="footer_mobile_title">
343 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
344 
+        <h1 class="footerMobile__text">北方町役場</h1>
345 
+      </div>
346 
+      <div class="footer_mobile_address">
347 
+                <span class="footerTextWrap__text">
348 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
349 
+                </span><br>
350 
+        電話:058-323-1111(代)<br>
351 
+        FAX:058-323-2963<br>
352 
+        開庁日：8時30分～17時15分<br>
353 
+        （土・日・祝日、年末年始を除く）<br>
354 
+      </div>
355 
+    </div>
356 
+    <br class="sp__brDisplay">
357 
+    <p class="footer_text">
358 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
359 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
360 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
361 
+    </p>
362 
+  </footer>
200 363
201 
-  </div>
202 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
203 
-    width="1" />
364 
+</div>
365 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
366 
+     width="1"/>
204 367 
 </body>
205 368
206 
-</html>
369 
+</html>

+ 260
- 154
fourth/biography/biography_2022.html Ver fichero 

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

+ 335
- 175
fourth/biography/biography_2022_1.html Ver fichero 

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

+ 278
- 177
fourth/biography/biography_2022_2.html Ver fichero 

@@ -1,213 +1,314 @@
1 1 
 <!doctype html>
2 
-<html lang="ja">
3 
-
2 
+<html id="html-back" lang="ja">
4 3 
 <head>
5 
-    <meta charset="utf-8">
6 
-    <title>北方町ホームページ</title>
7 
-    <link rel="stylesheet" href="../../css/base.css">
8 
-    <link rel="stylesheet" href="../../css/second_header.css">
9 
-    <link rel="stylesheet" href="../../css/footer.css">
10 
-    <link rel="stylesheet" href="../../css/section.css">
11 
-    <link rel="stylesheet" href="../../css/third_template.css">
12 
-    <link rel="stylesheet" href="../../css/table.css">
13 
-    <link rel="stylesheet" href="../../css/pageview.css">
14 
-    <link rel="stylesheet" href="../../css/mayor.css">
15 
-    <script src="../../js/operation.js"></script>
16 
-    <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
17 
-    </meta>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width,initial-scale=1">
6 
+  <title>北方町ホームページ</title>
7 
+  <link rel="stylesheet" href="../../css/base.css">
8 
+  <link rel="stylesheet" href="../../css/second_header.css">
9 
+  <link rel="stylesheet" href="../../css/footer.css">
10 
+  <link rel="stylesheet" href="../../css/section.css">
11 
+  <link rel="stylesheet" href="../../css/third_template.css">
12 
+  <link rel="stylesheet" href="../../css/table.css">
13 
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
14 
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
15 
+  <link rel="stylesheet" href="../../css/section_mobile.css">
16 
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
17 
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
18 
+  <script src="../../js/operation.js"></script>
19 
+  <script src="../../js/menu.js"></script>
20 
+  <script src="../../js/accordion.js"></script>
21 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
22 
+  </meta>
18 23 
 </head>
19 24
20 25 
 <body id="back">
21 
-    <div id="main" class="gothic">
22 
-        <!--セクション 操作-->
23 
-        <section id="operation">
24 
-            <!--セクション 住所-->
25 
-            <article id="address">
26 
-                <address id="operation_add">
27 
-                    <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span>
28 
-                        TEL:058-323-1111(代)</span>
29 
-                </address>
30 
-            </article>
31 
-            <div id="controle_panel">
32 
-                <!--セクション 背景色-->
33 
-                <article id="bgcolor">
34 
-                    <img src="../../css/img/013.png" alt="背景色変更ボックス" />
35 
-                    <div id="bgcolor_img">
36 
-                        <input id="button1" width="29px" height="28px" value=" " alt=" " type="image"
37 
-                            onClick="setBackground3(1)">
38 
-                        <input id="button2" width="29px" height="28px" value=" " alt=" " type="image"
39 
-                            onClick="setBackground3(2)">
40 
-                        <input id="button3" width="29px" height="28px" value=" " alt=" " type="image"
41 
-                            onClick="setBackground3(3)">
42 
-                    </div>
43 
-                    <script>
44 
-                        getBackgNumber3();
45 
-                    </script>
46 
-                </article>
47 
-
48 
-                <!--セクション 文字サイズ-->
49 
-                <!--<article id="charsize" >
50 
-            <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
51 
-            <div id="charsize_img">
52 
-            <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
53 
-            <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
54 
-            <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
55 
-            </div>
56 
-            </article>-->
57 
-
58 
-                <!--セクション サイトマップ-->
59 
-                <article id="sitemap">
60 
-                    <div id="sitemap_img">
61 
-                        <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png"
62 
-                                alt="サイトマップ" /></a>
63 
-                    </div>
64 
-                </article>
65 
-                <!--セクション お問い合わせ-->
66 
-                <article id="contact">
67 
-                    <div id="contact_img">
68 
-                        <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
69 
-                                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
70 
-                    </div>
71 
-                </article>
72 
-                <!--セクション 翻訳-->
73 
-                <article id="translation">
74 
-                    <div id="translation_img">
75 
-                        <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
76 
-                        <div id="google_translate_element"></div>
77 
-                        <script type="text/javascript">
78 
-                            function googleTranslateElementInit() {
79 
-                                new google.translate.TranslateElement({
80 
-                                    pageLanguage: 'ja',
81 
-                                    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
82 
-                                }, 'google_translate_element');
83 
-                            }
84 
-                        </script>
85 
-                        <script type="text/javascript"
86 
-                            src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
87 
-                    </div>
88 
-                </article>
89 
-                <div id="claer">
26 
+<script type="text/javascript">
27 
+    function googleTranslateElementInit() {
28 
+        new google.translate.TranslateElement({
29 
+            pageLanguage: 'ja',
30 
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
31 
+        }, 'google_translate_element');
32 
+    }
33 
+</script>
34 
+<script type="text/javascript"
35 
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
36 
+<div id="main" class="gothic">
37 
+  <!-- mobile header -->
38 
+  <header class="header">
39 
+    <div class="headerLogo">
40 
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
41 
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
42 
+    </div>
43 
+    <div class="headerTitle">
44 
+      <a href="../../index.html" class="header_link">
45 
+        <h1 class="headerTitle__text">北方町</h1>
46 
+      </a>
47 
+    </div>
48 
+    <div class="headerSubTitle">
49 
+      <a href="../../index.html" class="header_link">
50 
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
51 
+      </a>
52 
+    </div>
53 
+    <div id="h-menu">
54 
+      <span></span>
55 
+      <span></span>
56 
+      <span></span>
57 
+      <div id="h-text">menu</div>
58 
+    </div>
59 
+    <div id="h-nav">
60 
+      <div class="h-menu_main_block_top">
61 
+        <div class="h-menu_main_block">
62 
+          <div class="h-menu_block">
63 
+            <a href="../../second/living.html">
64 
+              <div class="h-menu_block_text h-menu_block_before">
65 
+                <div class="h-menu_block_text_center">くらしの情報</div>
66 
+              </div>
67 
+            </a>
68 
+          </div>
69 
+        </div>
70 
+        <div class="h-menu_main_block">
71 
+          <div class="h-menu_block">
72 
+            <a href="../../second/tourism.html">
73 
+              <div class="h-menu_block_text h-menu_block_before">
74 
+                <div class="h-menu_block_text_center">
75 
+                  観光
90 76 
                 </div>
91 
-            </div>
92 
-        </section>
93 
-        <!--ヘッダーデータ-->
94 
-        <header>
95 
-            <div id="header" class="gothic">
96 
-                <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
97 
-                        height="260px" /></a>
98 
-                <div id="h_block_1">
99 
-                    <div class="h_line">
100 
-                    </div>
101 
-                    <article class="h_text_l">
102 
-                        <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
103 
-                    </article>
104 
-                    <article class="h_text_l">
105 
-                        <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
106 
-                    </article>
107 
-                    <article class="h_text_l">
108 
-                        <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
109 
-                    </article>
110 
-                    <article class="h_text_l">
111 
-                        <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
112 
-                    </article>
77 
+              </div>
78 
+            </a>
79 
+          </div>
80 
+        </div>
81 
+        <div class="h-menu_main_block">
82 
+          <div class="h-menu_block">
83 
+            <a href="../../second/business.html">
84 
+              <div class="h-menu_block_text h-menu_block_before">
85 
+                <div class="h-menu_block_text_center">事業者向け情報</div>
86 
+              </div>
87 
+            </a>
88 
+          </div>
89 
+        </div>
90 
+        <div class="h-menu_main_block">
91 
+          <div class="h-menu_block">
92 
+            <a href="../../second/town_admini_info.html">
93 
+              <div class="h-menu_block_text h-menu_block_before">
94 
+                <div class="h-menu_block_text_center">町政情報</div>
95 
+              </div>
96 
+            </a>
97 
+          </div>
98 
+        </div>
99 
+        <div class="h-menu_main_block">
100 
+          <div class="h-menu_block h-menu_block_before">
101 
+            <a href="../../second/sitemap.html">
102 
+              <div class="h-menu_block_text h-menu_block_before">
103 
+                <div class="h-menu_block_text_center">
104 
+                  サイトマップ
113 105 
                 </div>
114 
-                <div id="h_block_search">
115 
-                    <div class="h_line"></div>
116 
-                    <article class="h_search">
117 
-                        <div class="space10"></div>
118 
-                        <form action="http://www.google.com/search">
119 
-                            <input type="hidden" name="hl" value="ja" />
120 
-                            <input type="hidden" name="ie" value="UTF-8">
121 
-                            <input type="hidden" name="oe" value="UTF-8">
122 
-                            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
123 
-                            <input type="text" name="q" size="16" maxlength="256" value="" />
124 
-                            <input type="submit" name="btnG" value="検索" />
125 
-                        </form>
126 
-                    </article>
106 
+              </div>
107 
+            </a>
108 
+          </div>
109 
+        </div>
110 
+        <div class="h-menu_main_block">
111 
+          <div class="h-menu_block h-menu_block_before">
112 
+            <a href="https://ai-staff.net/kitagata/chat">
113 
+              <div class="h-menu_block_text  h-menu_block_before">
114 
+                <div class="h-menu_block_text_center">
115 
+                  AIチャット
116 
+                </div>
117 
+              </div>
118 
+            </a>
119 
+          </div>
120 
+        </div>
121 
+        <div class="h-menu_main_block">
122 
+          <div class="h-menu_block h-menu_block_before">
123 
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
124 
+              <div class="h-menu_block_text">
125 
+                <div class="h-menu_block_text_center">
126 
+                  お問い合わせ一覧
127 127 
                 </div>
128 
+              </div>
129 
+            </a>
130 
+          </div>
131 
+        </div>
132 
+        <div class="h-menu_main_block">
133 
+          <div class="h-menu_lang">
134 
+            <div class="h-menu_block_lang">
135 
+              <div class="h-menu_block_text_center">
136 
+                <div class="h-menu_block_text_line">
137 
+                  背景変更
138 
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
139 
+                  </div>
140 
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
141 
+                  </div>
142 
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
143 
+                  </div>
144 
+                </div>
145 
+                <script>
146 
+                    getBackgNumber2();
147 
+                </script>
148 
+                <div class="h-menu_block_text_line">言語選択
149 
+                  <div class="mobile_translation">
150 
+                    <div id="google_translate_element"></div>
151 
+                  </div>
152 
+                </div>
153 
+              </div>
154 
+            </div>
155 
+          </div>
156 
+        </div>
157 
+        <div class="h-menu_main_block">
158 
+          <div class="h-menu_search">
159 
+            <div class="h-menu_block_search">
160 
+              <form action="https://www.google.com/search">
161 
+                <input type="hidden" name="hl" value="ja"/>
162 
+                <input type="hidden" name="ie" value="UTF-8">
163 
+                <input type="hidden" name="oe" value="UTF-8">
164 
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
165 
+                <input type="text" name="q" size="16" maxlength="256" value=""
166 
+                       class="mobile_form_input"/>
167 
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
168 
+              </form>
128 169 
             </div>
129 
-        </header>
170 
+          </div>
171 
+        </div>
172 
+      </div>
173 
+    </div>
174 
+  </header>
175 
+
176 
+  <!--ヘッダーデータ-->
177 
+  <header>
178 
+    <div id="header" class="gothic">
179 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px"
180 
+                                      height="260px"/></a>
181 
+      <div id="h_block_1">
182 
+        <div class="h_line">
183 
+        </div>
184 
+        <article class="h_text_l">
185 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
186 
+        </article>
187 
+        <article class="h_text_l">
188 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
189 
+        </article>
190 
+        <article class="h_text_l">
191 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
192 
+        </article>
193 
+        <article class="h_text_l">
194 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
195 
+        </article>
196 
+      </div>
197 
+      <div id="h_block_search">
198 
+        <div class="h_line"></div>
199 
+        <article class="h_search">
200 
+          <div class="space10"></div>
201 
+          <form action="http://www.google.com/search">
202 
+            <input type="hidden" name="hl" value="ja"/>
203 
+            <input type="hidden" name="ie" value="UTF-8">
204 
+            <input type="hidden" name="oe" value="UTF-8">
205 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
206 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
207 
+            <input type="submit" name="btnG" value="検索"/>
208 
+          </form>
209 
+        </article>
210 
+      </div>
211 
+    </div>
212 
+  </header>
130 213
131 
-        <div id="third_body">
132 
-            <!--セクション template-->
133 
-            <section id="template">
134 
-                <article id="breadcrumb">
135 
-                    <div id="breadcrumb_title">
136 
-                        <div id="breadcrumb_title_block">
214 
+  <div id="third_body">
215 
+    <!--セクション template-->
216 
+    <section id="template">
217 
+      <article id="breadcrumb">
218 
+        <div id="breadcrumb_title">
219 
+          <div id="breadcrumb_title_block">
137 220 
                             <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
138 221 
                                     href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2022年2月</span>
139 
-                        </div>
140 
-                    </div>
141 
-                </article>
142 
-                <article id="template">
143 
-                    <div id="template_title" class="gothic">
144 
-                        <div id="template_title_block">
145 
-                            <span id="template_title">町長の部屋</span>
146 
-                        </div>
147 
-                    </div>
148 
-                </article>
149 
-                <div id="mayor_buttons">
150 
-                    <a href="../../third/mayor/greetings.html">
151 
-                        <div class="mayor_button left mayor_link">ごあいさつ</div>
152 
-                    </a>
153 
-                    <a href="../../third/mayor/profile.html">
154 
-                        <div class="mayor_button left mayor_link">プロフィール</div>
155 
-                    </a>
156 
-                    <a href="../../third/mayor/biography.html">
157 
-                        <div class="mayor_button left mayor_link">町長のつぶやき</div>
158 
-                    </a>
159 
-                    <a href="../../third/mayor/kitagatari.html">
160 
-                        <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
161 
-                    </a>
162 
-                    <a href="../../third/mayor/entertainment_expenses.html">
163 
-                        <div class="mayor_button left mayor_link">町長交際費</div>
164 
-                    </a>
165 
-                    <div class="clear"></div>
166 
-                </div>
222 
+          </div>
223 
+        </div>
224 
+      </article>
225 
+      <article id="template">
226 
+        <div id="template_title" class="gothic">
227 
+          <div id="template_title_block">
228 
+            <span id="template_title">町長の部屋</span>
229 
+          </div>
230 
+        </div>
231 
+      </article>
232 
+      <div id="mayor_buttons">
233 
+        <a href="../../third/mayor/greetings.html">
234 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
235 
+        </a>
236 
+        <a href="../../third/mayor/profile.html">
237 
+          <div class="mayor_button left mayor_link">プロフィール</div>
238 
+        </a>
239 
+        <a href="../../third/mayor/biography.html">
240 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
241 
+        </a>
242 
+        <a href="../../third/mayor/kitagatari.html">
243 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
244 
+        </a>
245 
+        <a href="../../third/mayor/entertainment_expenses.html">
246 
+          <div class="mayor_button left mayor_link">町長交際費</div>
247 
+        </a>
248 
+        <div class="clear"></div>
249 
+      </div>
167 250
168 
-                <article id="template_list_title">
169 
-                    <div id="template_title2" class="gothic">
170 
-                        <div id="template_title_block">
171 
-                            <span id="template_title2">町長のつぶやき2021年度</span>
172 
-                        </div>
173 
-                    </div>
174 
-                    <span id="template_article_block">
251 
+      <article id="template_list_title">
252 
+        <div id="template_title2" class="gothic">
253 
+          <div id="template_title_block">
254 
+            <span id="template_title2">町長のつぶやき2021年度</span>
255 
+          </div>
256 
+        </div>
257 
+        <span id="template_article_block">
175 258 
                         <h3 id="life">2022年2月（新成人たちへ）</h3>
176 259 
                         <p class="attention_in">
177 260 
                             <span style="margin-left: 1rem;">
178 261 
                                 今年度は１月９日に北方町成人式を開催しました。十分なコロナ対策を施しての開催となりましたが、例年どおり「ホリモク生涯学習センターきらりホール」にて多くの参加者を集めての厳粛な式典とすることができました。
179 262 
                             </span>
180 
-                            <br />
263 
+                            <br/>
181 264 
                             <span style="margin-left: 1rem;">
182 265 
                                 昨年の秋ごろには沈静化するかとも思われたコロナ禍ですが、新たな「オミクロン型」の発生などで再び終息のメドもたたなくなってしまいました。みなさんご存じのとおり、この２年ほどの間の各種イベントは軒並み中止・延期の判断を余儀なくされましたが、こと成人式に関しては、その年ごとに対象者が変わるため、単純に「今年がだめなら来年でいい」という訳にはいきません。昨年、全国的に成人式の中止・延期の判断を巡ってさまざまな悶着や混乱が発生したことは記憶に新しいところです。
183 266 
                             </span>
184 
-                            <br />
267 
+                            <br/>
185 268 
                             <span style="margin-left: 1rem;">
186 269 
                                 思えば、新成人たちは人生の中でも大きな節目となる時期を、コロナ禍という「異常事態」の中で過ごしています。希望に満ちて向かった進学先や就職先がリモート対応になったとか、新たな仲間とは常にマスク越しで接するため素顔を見たことがないという話も聞きます。別の世代の人の感覚からすればとても残念な印象を受けてしまいますが、新成人たちは自分たちが否応なく置かれてしまった状況を受け入れ、自分たちなりに努力・工夫して乗り越えていこうとしているように感じられました。
187 270 
                             </span>
188 
-                            <br />
271 
+                            <br/>
189 272 
                             <span style="margin-left: 1rem;">
190 273 
                                 例年と違い様々な制約がある中で、今年の新成人たちはその困難に柔軟に対応して立派な成人式を企画・運営してくれました。この経験は必ずや今後の人生に資することでしょう。改めてみなさんの前途洋々たる未来を祈念いたします。
191 274 
                             </span>
192 
-                            <br />
275 
+                            <br/>
193 276 
                         </p>
194 277 
                     </span>
195 
-                </article>
196 
-
197 
-            </section>
198 
-        </div>
278 
+      </article>
199 279
200 
-        <footer>
201 
-            <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
202 
-            <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
203 
-                    href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
204 
-                    href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
205 
-        </footer>
280 
+    </section>
281 
+  </div>
206 282
207 283
284 
+  <footer>
285 
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
286 
+    <div class="footer_mobile">
287 
+      <div class="footer_mobile_title">
288 
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
289 
+        <h1 class="footerMobile__text">北方町役場</h1>
290 
+      </div>
291 
+      <div class="footer_mobile_address">
292 
+                <span class="footerTextWrap__text">
293 
+                    〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
294 
+                </span><br>
295 
+        電話:058-323-1111(代)<br>
296 
+        FAX:058-323-2963<br>
297 
+        開庁日：8時30分～17時15分<br>
298 
+        （土・日・祝日、年末年始を除く）<br>
299 
+      </div>
208 300 
     </div>
209 
-    <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
210 
-        width="1" />
301 
+    <br class="sp__brDisplay">
302 
+    <p class="footer_text">
303 
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜
304 
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜
305 
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
306 
+    </p>
307 
+  </footer>
308 
+
309 
+</div>
310 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
311 
+     width="1"/>
211 312 
 </body>
212 313
213 314 
 </html>

+ 274
- 173
fourth/biography/biography_2022_3.html Ver fichero 

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

+ 260
- 154
fourth/biography/biography_2022_4.html Ver fichero 

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

+ 285
- 122
fourth/board_of_education/academy_concept_h30.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/academy_concept_r1.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/academy_concept_r2.html Ver fichero 

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

+ 352
- 185
fourth/board_of_education/academy_concept_r3.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/childcare_cooperation.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/childcare_cooperation_1.html Ver fichero 

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

+ 280
- 121
fourth/board_of_education/childcare_cooperation_2.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/childcare_cooperation_3.html Ver fichero 

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

+ 279
- 115
fourth/board_of_education/childcare_cooperation_r2.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/childcare_cooperation_r2_1.html Ver fichero 

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

+ 310
- 146
fourth/board_of_education/childcare_cooperation_r2_2.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/childcare_cooperation_r2_3.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/childcare_cooperation_r2_4.html Ver fichero 

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

+ 312
- 144
fourth/board_of_education/childcare_cooperation_r3.html Ver fichero 

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

+ 194
- 33
fourth/board_of_education/childcare_cooperation_r3_1.html Ver fichero 

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

+ 279
- 121
fourth/board_of_education/childcare_cooperation_r3_2.html Ver fichero 

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

+ 337
- 169
fourth/board_of_education/childcare_cooperation_r3_3.html Ver fichero 

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

+ 337
- 169
fourth/board_of_education/childcare_cooperation_r3_4.html Ver fichero 

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

+ 314
- 150
fourth/board_of_education/club_activities.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/club_activities_1.html Ver fichero 

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

+ 329
- 170
fourth/board_of_education/club_activities_2.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/club_activities_3.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/club_activities_r2.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/club_activities_r2_1.html Ver fichero 

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

+ 313
- 149
fourth/board_of_education/club_activities_r2_2.html Ver fichero 

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

+ 309
- 145
fourth/board_of_education/club_activities_r2_3.html Ver fichero 

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

+ 280
- 116
fourth/board_of_education/club_activities_r2_4.html Ver fichero 

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

+ 312
- 144
fourth/board_of_education/club_activities_r3.html Ver fichero 

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

+ 194
- 33
fourth/board_of_education/club_activities_r3_1.html Ver fichero 

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

+ 328
- 169
fourth/board_of_education/club_activities_r3_2.html Ver fichero 

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

+ 340
- 172
fourth/board_of_education/club_activities_r3_3.html Ver fichero 

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

+ 0
- 0
fourth/board_of_education/club_activities_r3_4.html Ver fichero


Algunos archivos no se mostraron porque demasiados archivos cambiaron en este cambio

Write Preview
Loading…
Cancelar
Guardar