T25テストアップ

safety/css/parts.css

@@ -19,8 +19,30 @@ div#container div#contents div#main_contents div.section div.content {
  width: 676px;
  margin: 0 auto 20px auto;
 }
+div#container div#contents div#main_contents div.section h4.title {
+ color: #4371ba;
+ font-weight: bold;
+ font-size: 20px;
+ margin-bottom: 10px;
+}
+
+div#container div#contents div#main_contents div.section div.content div.movie_box {
+ border: 2px solid #4371ba;
+ padding: 10px;
+ margin-bottom: 40px;
+}
+
+div#container div#contents div#main_contents div.section div.content div.movie_box p.lead {
+ margin-top: -70px;
+ margin-left: 80px;
+ margin-bottom: 20px;
+ height: 65px;
+}
 
-div#container div#contents div#main_contents div.section div.content p {}
+div#container div#contents div#main_contents div.section div.content div.flex_box {
+ display: flex;
+ justify-content: space-around;
+}
 
 div#container div#contents div#main_contents .bottom_space {
  margin-bottom: 20px;

safety/index01_3.html

@@ -170,7 +170,18 @@
         <li class="imgBlock01"><img src="images/seat/section_f_photo04.jpg" width="310" height="204" alt="" /><span>【危険！！】<br />水漏れを花瓶で受けて使用を継続している事例（内部電気部品が被水して発火/発煙の可能性がある）</span></li>
         <li class="imgBlock02"><img src="images/seat/section_f_photo05.jpg" width="310" height="203" alt="" /><span>【危険！！】<br />便座スイッチを入れているのに「冷たい」状態で使用を継続して事故につながった事例（電線がショートして発火/発煙の可能性がある）</span></li>
        </ul>
-
+       <div class="movie_box">
+        <h4 class="title">＜ 関連サイト紹介 ＞</h4>
+        <div class="flex_box">
+         <img src="/safety/images/toilet/img_logo.png" alt="" width="300" height="94">
+         <video id="toilet_movie" width="330" poster="/safety/images/toilet/movie_img_toilet@2x.jpg" src="/safety/images/toilet/ALIA_M_Long_QT.m4v" controls="controls" controlslist="nodownload"></video>
+        </div>
+        <p class="lead">※ 他の動画を見るには、<a href="https://tenken1010.org/movie-gallery/" target="_blank">こちら</a>から</p>
+        <div class="flex_box">
+         <p><img src="/safety/images/toilet/img_logo01@2x.png" alt="" width="100"></p>
+         <p>動画は一般社団法人リビングアメニティ協会が運営する<br>住宅部品点検スペシャルサイト「ジュウテン」に掲載されているものです。</p>
+        </div>
+       </div>
        <h5><img src="images/seat/section_f_text06.png" alt="製品の長期使用に関する表表示" width="676" height="40" /></h5>
        <p class="bottom_space">当工業会では「温水洗浄便座の自主的な長期使用における製品安全表示に関するガイドライン」を定め、会員各社では製品に以下の項目を表示しています。</p>
        <p class="bottom_space">【表示内容】</p>
@@ -185,11 +196,12 @@
        <p class="bottom_space mt10 mb30">※ 但し、一部の製品は除きます。</p>
        <p class="bottom_space">【取扱説明書への表示】</p>
        <p class="bottom_space mb30">同様な表示を取扱説明書にも掲載しています。会員各社の取扱説明書は、以下よりご確認いただけます。<br>
-       <a href="https://www.sanitary-net.com/clean/manual.html" target="_blank">⇨ 会員各社の取扱説明書へのリンク</a></p>
+        <a href="https://www.sanitary-net.com/clean/manual.html" target="_blank">⇨ 会員各社の取扱説明書へのリンク</a>
+       </p>
        <p class="bottom_space">【想定安全使用期間について】</p>
        <p class="bottom_space">標準的な使用条件の下で、適正な取り扱いで使用し、適正な維持管理が行われた場合に安全上支障なく使用できる期間として、設定される期間。無償修理期間とは異なります。また偶発的な故障を保証するものではありません。</p>
-       
-       
+
+