[kitagata_support:12367] ホームページバナー作成依頼（AIチャット）

css/section_190212.css

   position: relative;
   display: block;
   width: 200px;
-  height: 98px;
+  height: 48px;
   margin: 10px 10px 10px 0px;
   background-color: #ffffff;
   /*background-image: url(img/banner_background200170.png);*/
   position: relative;
   display: block;
   width: 160px;
-  height: 60px;
+  height: 20px;
   margin: 10px 10px 10px 10px;
 }
 
   top: 0px;
   left: 0px;
   width: 200px;
-  height: 100px;
+  height: 60px;
   margin: 10px 10px 10px 0px;
   background-color: #ffffff;
   /*background-image: url(img/kitagata_background.png);*/
   position: relative;
   display: block;
   width: 180px;
-  height: 80px;
+  height: 40px;
   margin: 0px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
 }
   position: relative;
   display: block;
   width: 180px;
-  height: 80px;
+  height: 40px;
   background-color: #01a9de;
+  text-align: center;
   /*background-image: url(img/banner_img200170red.png);*/
 }
 
 
 /* kitagatakids ここまで */
 
+/* 北方町紹介 ここから */
+section#aichat {
+  position: relative;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 200px;
+  height: 80px;
+  margin: 0px 10px 10px 0px;
+  background-color: #ffffff;
+  /*background-image: url(img/kitagata_background.png);*/
+}
+
+article#aichat {
+  position: relative;
+  display: block;
+  width: 180px;
+  height: 60px;
+  margin: 0px 0px 0px 0px;
+  padding: 10px 10px 10px 10px;
+}
+
+div#aichat {
+  position: relative;
+  display: block;
+  width: 160px;
+  height: 40px;
+  margin: 0px 0px 0px 0px;
+  padding: 10px 10px 10px 10px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  text-align: center;
+}
+/* 北方町紹介 ここまで */
+
 /* 各コンテンツブロック配置 */

index.html

         </article>
       </section>
 
+      <!--セクション 北方町AIchat-->
+      <section id="aichat">
+        <article id="aichat">
+          <div id="aichat">
+            <a href="https://ai-staff.net/kitagata/chat" target="_blank">
+              <img src="./css/img/aichat.png" height="60px">
+            </a>
+          </div>
+        </article>
+      </section>
+
       <!--セクション 北方町紹介-->
       <section id="intro">
         <article id="intro">
       <!--セクション 非核平和都市宣言の町-->
       <section id="nuclear">
         <a class="i_link" href="third/publicity_2/Non_nuclear_peace_promotion.html">
-          <img src="css/img/hikakuheiwa.png" width="170px" alt="非核平和都市宣言の町" />
+          <img src="css/img/hikakuheiwa.png" height="50px" alt="非核平和都市宣言の町" />
         </a>
       </section>
 
         <article id="calendar3">
           <a class="i_link" href="second/Calender.html">
             <div id="calendar3_img">
-              <img src="css/img/Calendar_banner.png" alt="北方町イベントスケジュール" />
+              <img src="css/img/Calendar_banner.png" height="40px" alt="北方町イベントスケジュール" />
             </div>
           </a>
         </article>