Browse Source

[kitagata_support-16468] HP更新依頼(北方町議会>議会だより)

furutaNaoki 2 years ago
parent
commit
816a63f48f
2 changed files with 505 additions and 287 deletions
  1. 193
    0
      css/parliament_photo.css
  2. 312
    287
      third/parliament/parliament_photo.html

+ 193
- 0
css/parliament_photo.css View File

1
+.parliament_main_title {
2
+    background-color: #0070C0;
3
+    border-radius: 10px;
4
+    margin: 0 auto;
5
+    padding: 8px 12px 8px 12px;
6
+    width: 46%;
7
+    text-align: center;
8
+    line-height: 1.2;
9
+}
10
+
11
+.parliament_main_title_text {
12
+    font-size: 1.5rem;
13
+    color: #FFFFFF;
14
+}
15
+
16
+.parliament_main_title_text2 {
17
+    font-size: 1.4rem;
18
+    color: #FFFFFF;
19
+}
20
+
1
 .outLine {
21
 .outLine {
2
     left: 20%;
22
     left: 20%;
3
 }
23
 }
14
     padding: 8px;
34
     padding: 8px;
15
     width: 70%;
35
     width: 70%;
16
 }
36
 }
37
+
38
+.parliament_application_text {
39
+    margin-left: 16px;
40
+    width: 70%;
41
+}
42
+
43
+.parliament_application_inquiry {
44
+    margin: 0 auto;
45
+    width: 72%;
46
+}
47
+
48
+.parliament_application_inquiry_title_wrapper {
49
+    border: 2px solid #0070C0;
50
+    background-color: #0070C0;
51
+    padding-top: 4px;
52
+    text-align: center;
53
+}
54
+
55
+.parliament_application_inquiry_title {
56
+    color: #FFFFFF;
57
+}
58
+
59
+.parliament_application_inquiry_information_text_wrapper {
60
+    border: 2px solid #0070C0;
61
+}
62
+
63
+.parliament_application_inquiry_application_inquiry_information_text1_wrapper {
64
+    display: flex;
65
+}
66
+
67
+.parliament_application_inquiry_information_text1 {
68
+    margin-left: 4px;
69
+    line-height: 1.8;
70
+}
71
+
72
+.parliament_application_inquiry_information_text1_1 {
73
+    margin-left: 15px;
74
+    line-height: 1.8;
75
+}
76
+
77
+.parliament_application_inquiry_information_text2 {
78
+    margin-left: 112px;
79
+    line-height: 1.8;
80
+}
81
+
82
+.parliament_application_inquiry_information_text3 {
83
+    line-height: 1.8;
84
+}
85
+
86
+.parliament_application_inquiry_application_inquiry_information_text3_wrapper {
87
+    display: flex;
88
+}
89
+
90
+.parliament_application_inquiry_information_text4 {
91
+    margin-left: 12px;
92
+    line-height: 1.8;
93
+}
94
+
95
+.parliament_application_inquiry_information_text5 {
96
+    margin-left: 16px;
97
+    line-height: 1.8;
98
+}
99
+
100
+
101
+/* モバイル用 */
102
+@media screen and (max-width: 768px) {
103
+    .parliament_main_title {
104
+        background-color: #0070C0;
105
+        border-radius: 10px;
106
+        margin: 0 auto;
107
+        padding: 8px 12px 8px 12px;
108
+        width: 60%;
109
+        text-align: center;
110
+        line-height: 1.2;
111
+    }
112
+
113
+    .parliament_main_title_text {
114
+        font-size: 1.2rem;
115
+    }
116
+
117
+    .parliament_main_title_text2 {
118
+        font-size: 1.1rem;
119
+    }
120
+
121
+    .outLine {
122
+        left: 10%;
123
+    }
124
+
125
+    .outline_text {
126
+        font-size: 0.78rem;
127
+    }
128
+
129
+    .kitagataParliment_image_wrapper {
130
+        position: absolute;
131
+        top: 12%;
132
+        left: 66%;
133
+    }
134
+
135
+    .kitagataParliment_content {
136
+        width: 80%;
137
+    }
138
+
139
+    .parliament_application_text {
140
+        margin-left: 16px;
141
+        width: 90%;
142
+    }
143
+
144
+    .parliament_application_inquiry {
145
+        width: 100%;
146
+    }
147
+
148
+    .parliament_application_inquiry_title_wrapper {
149
+        border: 2px solid #0070C0;
150
+        background-color: #0070C0;
151
+        padding-top: 4px;
152
+        text-align: center;
153
+    }
154
+
155
+    .parliament_application_inquiry_title {
156
+        color: #FFFFFF;
157
+    }
158
+
159
+    .parliament_application_inquiry_information_text_wrapper {
160
+        border: 2px solid #0070C0;
161
+    }
162
+
163
+    .parliament_application_inquiry_application_inquiry_information_text1_wrapper {
164
+        display: block;
165
+    }
166
+
167
+    .parliament_application_inquiry_information_text1 {
168
+        margin-left: 0;
169
+        line-height: 1.8;
170
+    }
171
+
172
+    .parliament_application_inquiry_information_text1_1 {
173
+        margin-left: 0;
174
+        line-height: 1.8;
175
+    }
176
+
177
+    .parliament_application_inquiry_information_text2 {
178
+        margin-left: 0;
179
+        line-height: 1.8;
180
+    }
181
+
182
+    .parliament_application_inquiry_application_inquiry_information_text3_wrapper {
183
+        /*display: block;*/
184
+    }
185
+
186
+    .parliament_application_inquiry_information_text3 {
187
+        line-height: 1.8;
188
+    }
189
+
190
+    .parliament_application_inquiry_information_text4_wrapper {
191
+        width: 20%;
192
+    }
193
+
194
+    .parliament_application_inquiry_information_text4 {
195
+        margin-left: 0;
196
+        line-height: 1.8;
197
+    }
198
+
199
+    .parliament_application_inquiry_information_text5_wrapper {
200
+        width: 80%;
201
+    }
202
+
203
+    .parliament_application_inquiry_information_text5 {
204
+        display: inline-block;
205
+        width: 100%;
206
+        margin-left: 0;
207
+        line-height: 1.8;
208
+    }
209
+}

+ 312
- 287
third/parliament/parliament_photo.html View File

24
 </head>
24
 </head>
25
 
25
 
26
 <body id="back">
26
 <body id="back">
27
-  <script type="text/javascript">
27
+<script type="text/javascript">
28
     function googleTranslateElementInit() {
28
     function googleTranslateElementInit() {
29
-      new google.translate.TranslateElement({
30
-        pageLanguage: 'ja',
31
-        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32
-      }, 'google_translate_element');
29
+        new google.translate.TranslateElement({
30
+            pageLanguage: 'ja',
31
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
32
+        }, 'google_translate_element');
33
     }
33
     }
34
-  </script>
35
-  <script type="text/javascript"
36
-    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37
-  <div id="main" class="gothic">
38
-    <!--セクション 操作-->
39
-    <section id="operation">
40
-      <!--セクション 住所-->
41
-      <article id="address">
42
-        <address id="operation_add">
43
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
44
-        </address>
34
+</script>
35
+<script type="text/javascript"
36
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
37
+<div id="main" class="gothic">
38
+  <!--セクション 操作-->
39
+  <section id="operation">
40
+    <!--セクション 住所-->
41
+    <article id="address">
42
+      <address id="operation_add">
43
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
44
+      </address>
45
+    </article>
46
+    <div id="controle_panel">
47
+      <!--セクション 背景色-->
48
+      <article id="bgcolor">
49
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
50
+        <div id="bgcolor_img">
51
+          <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
52
+          <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
53
+          <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
54
+        </div>
45
       </article>
55
       </article>
46
-      <div id="controle_panel">
47
-        <!--セクション 背景色-->
48
-        <article id="bgcolor">
49
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
50
-          <div id="bgcolor_img">
51
-            <input type="image" src="../../css/img/010.png" value="1" alt="背景色1番目" onClick="setBackground3(1)">
52
-            <input type="image" src="../../css/img/011.png" value="2" alt="背景色2番目" onClick="setBackground3(2)">
53
-            <input type="image" src="../../css/img/012.png" value="3" alt="背景色3番目" onClick="setBackground3(3)">
54
-          </div>
55
-        </article>
56
-        <!--セクション 文字サイズ-->
57
-        <!--<article id="charsize" >
58
-      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
59
-      <div id="charsize_img">
60
-      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
61
-      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
62
-      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
63
-      </div>
64
-      </article>-->
56
+      <!--セクション 文字サイズ-->
57
+      <!--<article id="charsize" >
58
+    <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
59
+    <div id="charsize_img">
60
+    <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
61
+    <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
62
+    <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
63
+    </div>
64
+    </article>-->
65
 
65
 
66
-        <!--セクション サイトマップ-->
67
-        <article id="sitemap">
68
-          <div id="sitemap_img">
69
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
70
-          </div>
71
-        </article>
72
-        <!--セクション お問い合わせ-->
73
-        <article id="contact">
74
-          <div id="contact_img">
75
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
76
-                src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
77
-          </div>
78
-        </article>
79
-        <!--セクション 翻訳-->
80
-        <article id="translation">
81
-          <div id="translation_img">
82
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
83
-            <div id="google_translate_element"></div>
84
-            <script type="text/javascript">
66
+      <!--セクション サイトマップ-->
67
+      <article id="sitemap">
68
+        <div id="sitemap_img">
69
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
70
+        </div>
71
+      </article>
72
+      <!--セクション お問い合わせ-->
73
+      <article id="contact">
74
+        <div id="contact_img">
75
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
76
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
77
+        </div>
78
+      </article>
79
+      <!--セクション 翻訳-->
80
+      <article id="translation">
81
+        <div id="translation_img">
82
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
83
+          <div id="google_translate_element"></div>
84
+          <script type="text/javascript">
85
               function googleTranslateElementInit() {
85
               function googleTranslateElementInit() {
86
-                new google.translate.TranslateElement({
87
-                  pageLanguage: 'ja',
88
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
89
-                }, 'google_translate_element');
86
+                  new google.translate.TranslateElement({
87
+                      pageLanguage: 'ja',
88
+                      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
89
+                  }, 'google_translate_element');
90
               }
90
               }
91
-            </script>
92
-            <script type="text/javascript"
93
-              src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
94
-          </div>
95
-        </article>
96
-        <div id="claer">
91
+          </script>
92
+          <script type="text/javascript"
93
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
97
         </div>
94
         </div>
95
+      </article>
96
+      <div id="claer">
98
       </div>
97
       </div>
99
-    </section>
98
+    </div>
99
+  </section>
100
 
100
 
101
-    <!--ヘッダーデータ-->
102
-    <header>
103
-      <div id="header" class="gothic">
104
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
105
-        <div id="h_block_1">
106
-          <div class="h_line">
107
-          </div>
108
-          <article class="h_text_l">
109
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
110
-          </article>
111
-          <article class="h_text_l">
112
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
113
-          </article>
114
-          <article class="h_text_l">
115
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116
-          </article>
117
-          <article class="h_text_l">
118
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
119
-          </article>
101
+  <!--ヘッダーデータ-->
102
+  <header>
103
+    <div id="header" class="gothic">
104
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
105
+      <div id="h_block_1">
106
+        <div class="h_line">
120
         </div>
107
         </div>
121
-        <div id="h_block_search">
122
-          <div class="h_line"></div>
123
-          <article class="h_search">
124
-            <div class="space10"></div>
125
-            <form action="http://www.google.com/search">
126
-              <input type="hidden" name="hl" value="ja" />
127
-              <input type="hidden" name="ie" value="UTF-8">
128
-              <input type="hidden" name="oe" value="UTF-8">
129
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
130
-              <input type="text" name="q" size="16" maxlength="256" value="" />
131
-              <input type="submit" name="btnG" value="検索" />
132
-            </form>
133
-          </article>
134
-        </div>
135
-      </div>
136
-    </header>
137
-
138
-    <!-- mobile header -->
139
-    <header class="header">
140
-      <div class="headerLogo">
141
-        <a href="../../index.html" class="header_link"><img class="headerLogo__image"
142
-            src="../../image/logo_kitagata_green_S.png" alt=""></a>
143
-      </div>
144
-      <div class="headerTitle">
145
-        <a href="../../index.html" class="header_link">
146
-          <h1 class="headerTitle__text">北方町</h1>
147
-        </a>
148
-      </div>
149
-      <div class="headerSubTitle">
150
-        <a href="../../index.html" class="header_link">
151
-          <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
152
-        </a>
108
+        <article class="h_text_l">
109
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
110
+        </article>
111
+        <article class="h_text_l">
112
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
113
+        </article>
114
+        <article class="h_text_l">
115
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
116
+        </article>
117
+        <article class="h_text_l">
118
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
119
+        </article>
153
       </div>
120
       </div>
154
-      <div id="h-menu">
155
-        <span></span>
156
-        <span></span>
157
-        <span></span>
158
-        <div id="h-text">menu</div>
121
+      <div id="h_block_search">
122
+        <div class="h_line"></div>
123
+        <article class="h_search">
124
+          <div class="space10"></div>
125
+          <form action="http://www.google.com/search">
126
+            <input type="hidden" name="hl" value="ja"/>
127
+            <input type="hidden" name="ie" value="UTF-8">
128
+            <input type="hidden" name="oe" value="UTF-8">
129
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
130
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
131
+            <input type="submit" name="btnG" value="検索"/>
132
+          </form>
133
+        </article>
159
       </div>
134
       </div>
160
-      <div id="h-nav">
161
-        <div class="h-menu_main_block_top">
162
-          <div class="h-menu_main_block">
163
-            <div class="h-menu_block">
164
-              <a href="../../second/living.html">
165
-                <div class="h-menu_block_text h-menu_block_before">
166
-                  <div class="h-menu_block_text_center">くらしの情報</div>
167
-                </div>
168
-              </a>
169
-            </div>
135
+    </div>
136
+  </header>
137
+
138
+  <!-- mobile header -->
139
+  <header class="header">
140
+    <div class="headerLogo">
141
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
142
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
143
+    </div>
144
+    <div class="headerTitle">
145
+      <a href="../../index.html" class="header_link">
146
+        <h1 class="headerTitle__text">北方町</h1>
147
+      </a>
148
+    </div>
149
+    <div class="headerSubTitle">
150
+      <a href="../../index.html" class="header_link">
151
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
152
+      </a>
153
+    </div>
154
+    <div id="h-menu">
155
+      <span></span>
156
+      <span></span>
157
+      <span></span>
158
+      <div id="h-text">menu</div>
159
+    </div>
160
+    <div id="h-nav">
161
+      <div class="h-menu_main_block_top">
162
+        <div class="h-menu_main_block">
163
+          <div class="h-menu_block">
164
+            <a href="../../second/living.html">
165
+              <div class="h-menu_block_text h-menu_block_before">
166
+                <div class="h-menu_block_text_center">くらしの情報</div>
167
+              </div>
168
+            </a>
170
           </div>
169
           </div>
171
-          <div class="h-menu_main_block">
172
-            <div class="h-menu_block">
173
-              <a href="../../second/tourism.html">
174
-                <div class="h-menu_block_text h-menu_block_before">
175
-                  <div class="h-menu_block_text_center">
176
-                    観光
177
-                  </div>
170
+        </div>
171
+        <div class="h-menu_main_block">
172
+          <div class="h-menu_block">
173
+            <a href="../../second/tourism.html">
174
+              <div class="h-menu_block_text h-menu_block_before">
175
+                <div class="h-menu_block_text_center">
176
+                  観光
178
                 </div>
177
                 </div>
179
-              </a>
180
-            </div>
178
+              </div>
179
+            </a>
181
           </div>
180
           </div>
182
-          <div class="h-menu_main_block">
183
-            <div class="h-menu_block">
184
-              <a href="../../second/business.html">
185
-                <div class="h-menu_block_text h-menu_block_before">
186
-                  <div class="h-menu_block_text_center">事業者向け情報</div>
187
-                </div>
188
-              </a>
189
-            </div>
181
+        </div>
182
+        <div class="h-menu_main_block">
183
+          <div class="h-menu_block">
184
+            <a href="../../second/business.html">
185
+              <div class="h-menu_block_text h-menu_block_before">
186
+                <div class="h-menu_block_text_center">事業者向け情報</div>
187
+              </div>
188
+            </a>
190
           </div>
189
           </div>
191
-          <div class="h-menu_main_block">
192
-            <div class="h-menu_block">
193
-              <a href="../../second/town_admini_info.html">
194
-                <div class="h-menu_block_text h-menu_block_before">
195
-                  <div class="h-menu_block_text_center">町政情報</div>
196
-                </div>
197
-              </a>
198
-            </div>
190
+        </div>
191
+        <div class="h-menu_main_block">
192
+          <div class="h-menu_block">
193
+            <a href="../../second/town_admini_info.html">
194
+              <div class="h-menu_block_text h-menu_block_before">
195
+                <div class="h-menu_block_text_center">町政情報</div>
196
+              </div>
197
+            </a>
199
           </div>
198
           </div>
200
-          <div class="h-menu_main_block">
201
-            <div class="h-menu_block h-menu_block_before">
202
-              <a href="../../second/sitemap.html">
203
-                <div class="h-menu_block_text h-menu_block_before">
204
-                  <div class="h-menu_block_text_center">
205
-                    サイトマップ
206
-                  </div>
199
+        </div>
200
+        <div class="h-menu_main_block">
201
+          <div class="h-menu_block h-menu_block_before">
202
+            <a href="../../second/sitemap.html">
203
+              <div class="h-menu_block_text h-menu_block_before">
204
+                <div class="h-menu_block_text_center">
205
+                  サイトマップ
207
                 </div>
206
                 </div>
208
-              </a>
209
-            </div>
207
+              </div>
208
+            </a>
210
           </div>
209
           </div>
211
-          <div class="h-menu_main_block">
212
-            <div class="h-menu_block h-menu_block_before">
213
-              <a href="https://ai-staff.net/kitagata/chat">
214
-                <div class="h-menu_block_text  h-menu_block_before">
215
-                  <div class="h-menu_block_text_center">
216
-                    AIチャット
217
-                  </div>
210
+        </div>
211
+        <div class="h-menu_main_block">
212
+          <div class="h-menu_block h-menu_block_before">
213
+            <a href="https://ai-staff.net/kitagata/chat">
214
+              <div class="h-menu_block_text  h-menu_block_before">
215
+                <div class="h-menu_block_text_center">
216
+                  AIチャット
218
                 </div>
217
                 </div>
219
-              </a>
220
-            </div>
218
+              </div>
219
+            </a>
221
           </div>
220
           </div>
222
-          <div class="h-menu_main_block">
223
-            <div class="h-menu_block h-menu_block_before">
224
-              <a href="../../third/town_admini_info/administrative_organization_chart.html">
225
-                <div class="h-menu_block_text">
226
-                  <div class="h-menu_block_text_center">
227
-                    お問い合わせ一覧
228
-                  </div>
221
+        </div>
222
+        <div class="h-menu_main_block">
223
+          <div class="h-menu_block h-menu_block_before">
224
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
225
+              <div class="h-menu_block_text">
226
+                <div class="h-menu_block_text_center">
227
+                  お問い合わせ一覧
229
                 </div>
228
                 </div>
230
-              </a>
231
-            </div>
229
+              </div>
230
+            </a>
232
           </div>
231
           </div>
233
-          <div class="h-menu_main_block">
234
-            <div class="h-menu_lang">
235
-              <div class="h-menu_block_lang">
236
-                <div class="h-menu_block_text_center">
237
-                  <div class="h-menu_block_text_line">
238
-                    背景変更
239
-                    <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
240
-                    </div>
241
-                    <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
242
-                    </div>
243
-                    <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
244
-                    </div>
232
+        </div>
233
+        <div class="h-menu_main_block">
234
+          <div class="h-menu_lang">
235
+            <div class="h-menu_block_lang">
236
+              <div class="h-menu_block_text_center">
237
+                <div class="h-menu_block_text_line">
238
+                  背景変更
239
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
240
+                  </div>
241
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
245
                   </div>
242
                   </div>
246
-                  <script>
243
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
244
+                  </div>
245
+                </div>
246
+                <script>
247
                     getBackgNumber2();
247
                     getBackgNumber2();
248
-                  </script>
249
-                  <div class="h-menu_block_text_line">言語選択
250
-                    <div class="mobile_translation">
251
-                      <div id="google_translate_element"></div>
252
-                    </div>
248
+                </script>
249
+                <div class="h-menu_block_text_line">言語選択
250
+                  <div class="mobile_translation">
251
+                    <div id="google_translate_element"></div>
253
                   </div>
252
                   </div>
254
                 </div>
253
                 </div>
255
               </div>
254
               </div>
256
             </div>
255
             </div>
257
           </div>
256
           </div>
258
-          <div class="h-menu_main_block">
259
-            <div class="h-menu_search">
260
-              <div class="h-menu_block_search">
261
-                <form action="https://www.google.com/search">
262
-                  <input type="hidden" name="hl" value="ja" />
263
-                  <input type="hidden" name="ie" value="UTF-8">
264
-                  <input type="hidden" name="oe" value="UTF-8">
265
-                  <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
266
-                  <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input" />
267
-                  <input type="submit" name="btnG" value="検索" class="mobile_form_button" />
268
-                </form>
269
-              </div>
257
+        </div>
258
+        <div class="h-menu_main_block">
259
+          <div class="h-menu_search">
260
+            <div class="h-menu_block_search">
261
+              <form action="https://www.google.com/search">
262
+                <input type="hidden" name="hl" value="ja"/>
263
+                <input type="hidden" name="ie" value="UTF-8">
264
+                <input type="hidden" name="oe" value="UTF-8">
265
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
266
+                <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input"/>
267
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
268
+              </form>
270
             </div>
269
             </div>
271
           </div>
270
           </div>
272
         </div>
271
         </div>
273
       </div>
272
       </div>
274
-    </header>
273
+    </div>
274
+  </header>
275
 
275
 
276
-    <div id="third_body">
277
-      <!--セクション template-->
278
-      <section id="template">
279
-        <article id="breadcrumb">
280
-          <div id="breadcrumb_title">
281
-            <div id="breadcrumb_title_block">
276
+  <div id="third_body">
277
+    <!--セクション template-->
278
+    <section id="template">
279
+      <article id="breadcrumb">
280
+        <div id="breadcrumb_title">
281
+          <div id="breadcrumb_title_block">
282
               <span id="breadcrumb_title">
282
               <span id="breadcrumb_title">
283
                 <a href="../../index.html">トップ</a>>
283
                 <a href="../../index.html">トップ</a>>
284
                 <a href="../../second/Parliament.html">議会</a>>きたがた議会だより表紙写真募集</span>
284
                 <a href="../../second/Parliament.html">議会</a>>きたがた議会だより表紙写真募集</span>
285
-            </div>
286
           </div>
285
           </div>
287
-        </article>
288
-        <article id="template">
289
-          <div id="template_title" class="gothic">
290
-            <div id="template_title_block">
291
-              <span id="template_title">きたがた議会だより表紙写真募集</span>
292
-            </div>
286
+        </div>
287
+      </article>
288
+      <article id="template">
289
+        <div id="template_title" class="gothic">
290
+          <div id="template_title_block">
291
+            <span id="template_title">きたがた議会だより表紙写真募集</span>
293
           </div>
292
           </div>
294
-        </article>
295
-
296
-        <div style="text-align: center">
297
-          <img style="width: 50%;" src="../../css/img/kitagata_parliament_coverPhoto_title_2022.png"
298
-               alt="「きたがた議会だより」表紙写真を募集します">
299
         </div>
293
         </div>
294
+      </article>
295
+
296
+      <div class="parliament_main_title">
297
+        <span class="parliament_main_title_text">「きたがた議会だより」</span><br>
298
+        <span class="parliament_main_title_text2">表紙写真を募集します</span>
299
+      </div>
300
 
300
 
301
-        <div style="display: flex">
301
+      <div style="display: flex">
302
           <span id="template_article_block" class="outLine">
302
           <span id="template_article_block" class="outLine">
303
-            <strong>
303
+            <strong class="outline_text">
304
               北方町議会が年4回発行している<br>
304
               北方町議会が年4回発行している<br>
305
             『きたがた議会だより』<br>
305
             『きたがた議会だより』<br>
306
             もっと身近に感じていただけるよう<br>
306
             もっと身近に感じていただけるよう<br>
307
             表紙の写真を公募しています<br>
307
             表紙の写真を公募しています<br>
308
               </strong>
308
               </strong>
309
           </span>
309
           </span>
310
-          <div class="kitagataParliment_image_wrapper">
311
-            <img style="width: 70%" src="../../css/img/kitagata_parliment_coverPhoto_flower_image_2022.png" alt="">
312
-          </div>
310
+        <div class="kitagataParliment_image_wrapper">
311
+          <img style="width: 70%" src="../../css/img/kitagata_parliment_coverPhoto_flower_image_2022.png" alt="">
313
         </div>
312
         </div>
313
+      </div>
314
 
314
 
315
-        <div class="kitagataParliment_content">
315
+      <div class="kitagataParliment_content">
316
           <span id="template_article_block">
316
           <span id="template_article_block">
317
             ◆応募資格<br>
317
             ◆応募資格<br>
318
              北方町在住、在勤、在学の方。町内の団体。<br>
318
              北方町在住、在勤、在学の方。町内の団体。<br>
319
              プロアマ、年齢性別は問いません。<br>
319
              プロアマ、年齢性別は問いません。<br>
320
           </span>
320
           </span>
321
 
321
 
322
-          <span id="template_article_block">
322
+        <span id="template_article_block">
323
             ◆応募規定<br>
323
             ◆応募規定<br>
324
              ・北方町内で撮影したもの。<br>
324
              ・北方町内で撮影したもの。<br>
325
              ・自作かつ未発表のもの。<br>
325
              ・自作かつ未発表のもの。<br>
326
               (合成写真、組写真、画像加工したものは除く)<br>
326
               (合成写真、組写真、画像加工したものは除く)<br>
327
-             ・おおむね800万画素以上のファインダーモードで<br>
328
-              撮影したもの。<br>
327
+             ・おおむね800万画素以上のファインダーモードで撮影したもの。<br>
329
               (目安:デジタル画像3.6MB程度以上)<br>
328
               (目安:デジタル画像3.6MB程度以上)<br>
330
              ・応募点数 毎号 1人3点まで。<br>
329
              ・応募点数 毎号 1人3点まで。<br>
331
              ・人物が映っている場合は、<br>
330
              ・人物が映っている場合は、<br>
332
               <strong><u>その人物の掲載許可を得ていること。</u></strong><br>
331
               <strong><u>その人物の掲載許可を得ていること。</u></strong><br>
333
           </span>
332
           </span>
334
 
333
 
335
-          <span id="template_article_block">
334
+        <span id="template_article_block">
336
             ◆応募方法<br>
335
             ◆応募方法<br>
337
-             必要事項を記入した<a href="../../fourth/parliament/kitagata_assembly_photo_application_form_2022.pdf">応募申込書</a>を写真に添えて<br>
338
-             ご持参またはメールにてご応募ください。<br>
336
+          <div class="parliament_application_text">
337
+            <span>必要事項を記入した<a href="../../fourth/parliament/kitagata_assembly_photo_application_form_2022.pdf">応募申込書</a>を写真に添えてご持参またはメールにてご応募ください。</span><br>
339
             〔ご持参〕<br>
338
             〔ご持参〕<br>
340
-             ・写真データをUSBメモリ等の記憶媒体に入れ、<br>
341
-              庁舎3階 議会事務局にお持ちください。<br>
342
-              記憶媒体は返却します。<br>
339
+          </div>
340
+          <div class="parliament_application_text">
341
+            <span>・写真データをUSBメモリ等の記憶媒体に入れ、庁舎3階 議会事務局にお持ちください。</span><br>
342
+          </div>
343
+           記憶媒体は返却します。<br>
343
              ・受付時間 平日の午前8時30分~午後5時15分<br>
344
              ・受付時間 平日の午前8時30分~午後5時15分<br>
344
             〔メール〕<br>
345
             〔メール〕<br>
345
-             ・事務局からのメールが受信できるようにして<br>
346
-              ください。<br>
346
+             ・事務局からのメールが受信できるようにしてください。<br>
347
              ・メール本文に<a href="../../third/parliament/parliament_photo_email_application.html">必要事項</a>を記載してください。<br>
347
              ・メール本文に<a href="../../third/parliament/parliament_photo_email_application.html">必要事項</a>を記載してください。<br>
348
           </span>
348
           </span>
349
 
349
 
350
-          <span id="template_article_block">
350
+        <span id="template_article_block">
351
             ◆応募締切<br>
351
             ◆応募締切<br>
352
-             5月1日発行号…3月末日  8月1日…6月末日<br>
353
-             11月1日   …9月末日  2月1日…12月28日<br>
354
-          </span>
352
+           5月1日号 …3月末日<br>
353
+           8月1日号 …6月末日<br>
354
+           11月1日号 …9月末日<br>
355
+           2月1日号 …12月28日<br>
356
+        </span>
355
 
357
 
356
-          <div style="text-align: center">
357
-            <img style="width: 70%" src="../../css/img/kitagata_parliment_coverPhoto_application_inquiry_2022.png"
358
-                 alt="">
358
+        <div class="parliament_application_inquiry">
359
+          <div class="parliament_application_inquiry_title_wrapper">
360
+            <span class="parliament_application_inquiry_title">ご応募・お問い合わせ</span>
359
           </div>
361
           </div>
360
-          <br>
361
-          <div style="text-align: center">
362
+          <div class="parliament_application_inquiry_information_text_wrapper">
363
+            <div class="parliament_application_inquiry_application_inquiry_information_text1_wrapper">
364
+              <span class="parliament_application_inquiry_information_text1">〒501-0492</span>
365
+              <div>
366
+                <span class="parliament_application_inquiry_information_text1_1">北方町長谷川1丁目1番地</span>
367
+              </div>
368
+            </div>
369
+
370
+            <div class="parliament_application_inquiry_application_inquiry_information_text2_wrapper">
371
+              <span class="parliament_application_inquiry_information_text2">北方町議会事務局(庁舎3階)</span>
372
+            </div>
373
+             <span class="parliament_application_inquiry_information_text3">電 話  058-323-1117</span>
374
+            <div class="parliament_application_inquiry_application_inquiry_information_text3_wrapper">
375
+              <div class="parliament_application_inquiry_information_text4_wrapper">
376
+                <span class="parliament_application_inquiry_information_text4">メール</span>
377
+              </div>
378
+              <div class="parliament_application_inquiry_information_text5_wrapper">
379
+                <span class="parliament_application_inquiry_information_text5">gikai@town.gifu-kitagata.lg.jp</span>
380
+              </div>
381
+            </div>
382
+          </div>
383
+        </div>
384
+        <br>
385
+
386
+        <div style="text-align: center">
362
             <span>選考方法他、詳しくは<a
387
             <span>選考方法他、詳しくは<a
363
                     href="../../fourth/parliament/kitagata_assembly_cover_photo_recruitment_guidelines_2022.pdf">募集要項</a>をご確認ください。</span>
388
                     href="../../fourth/parliament/kitagata_assembly_cover_photo_recruitment_guidelines_2022.pdf">募集要項</a>をご確認ください。</span>
364
-          </div>
365
-          <br>
389
+        </div>
390
+        <br>
366
 
391
 
367
-          <span id="template_article_block">
392
+        <span id="template_article_block">
368
             <a href="../../fourth/parliament/kitagata_assembly_photo_application_form_2022.pdf">・きたがた議会だより掲載写真応募申込書</a>(PDF)<br>
393
             <a href="../../fourth/parliament/kitagata_assembly_photo_application_form_2022.pdf">・きたがた議会だより掲載写真応募申込書</a>(PDF)<br>
369
             <a href="../../fourth/parliament/kitagata_assembly_cover_photo_recruitment_guidelines_2022.pdf">・きたがた議会だより表紙掲載写真募集要項</a>(PDF)<br>
394
             <a href="../../fourth/parliament/kitagata_assembly_cover_photo_recruitment_guidelines_2022.pdf">・きたがた議会だより表紙掲載写真募集要項</a>(PDF)<br>
370
             <a href="../../third/parliament/parliament_photo_email_application.html">・メール申込用必要事項</a>(本文にコピーしてご利用ください)<br>
395
             <a href="../../third/parliament/parliament_photo_email_application.html">・メール申込用必要事項</a>(本文にコピーしてご利用ください)<br>
371
           </span>
396
           </span>
372
-        </div>
373
-      </section>
374
-    </div>
397
+      </div>
398
+    </section>
399
+  </div>
375
 
400
 
376
 
401
 
377
-    <footer>
378
-      <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" />
379
-      <div class="footer_mobile">
380
-        <div class="footer_mobile_title">
381
-          <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
382
-          <h1 class="footerMobile__text">北方町役場</h1>
383
-        </div>
384
-        <div class="footer_mobile_address">
402
+  <footer>
403
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
404
+    <div class="footer_mobile">
405
+      <div class="footer_mobile_title">
406
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
407
+        <h1 class="footerMobile__text">北方町役場</h1>
408
+      </div>
409
+      <div class="footer_mobile_address">
385
           <span class="footerTextWrap__text">
410
           <span class="footerTextWrap__text">
386
             〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
411
             〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
387
           </span><br>
412
           </span><br>
388
-          電話:058-323-1111(代)<br>
389
-          FAX:058-323-2963<br>
390
-          開庁日:8時30分~17時15分<br>
391
-          (土・日・祝日、年末年始を除く)<br>
392
-        </div>
413
+        電話:058-323-1111(代)<br>
414
+        FAX:058-323-2963<br>
415
+        開庁日:8時30分~17時15分<br>
416
+        (土・日・祝日、年末年始を除く)<br>
393
       </div>
417
       </div>
394
-      <br class="sp__brDisplay">
395
-      <p class="footer_text">
396
-        <a href="../../second/Copyright_and_link.html">リンクと著作権</a>|
397
-        <a href="../../second/Privacy_policy.html">個人情報保護指針</a>|
398
-        <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
399
-      </p>
400
-    </footer>
418
+    </div>
419
+    <br class="sp__brDisplay">
420
+    <p class="footer_text">
421
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>|
422
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>|
423
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
424
+    </p>
425
+  </footer>
401
 
426
 
402
-  </div>
403
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
404
-    height="1" width="1" />
427
+</div>
428
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Session_schedule_h26"
429
+     height="1" width="1"/>
405
 </body>
430
 </body>
406
 
431
 
407
 </html>
432
 </html>

Loading…
Cancel
Save