動画ページその１

c4e0b8bd · o.kimura · 7a9dca8b · c4e0b8bd · c4e0b8bd · c4e0b8bd
Commit c4e0b8bd authored Dec 23, 2021 by o.kimura
Showing with 207 additions and 15 deletions
clean/css/parts.css
clean/index.html
clean/public/index.html
fonts/icomoon.eot
fonts/icomoon.svg
fonts/icomoon.ttf
fonts/icomoon.woff
shared/css/common.css
shared/css/fontdefault.css
shared/css/index.css
shared/css/parts.css
shared/css/reset.css
sp/shared/css/common.css
--- a/clean/css/parts.css
+++ b/clean/css/parts.css
--- a/clean/index.html
+++ b/clean/index.html
@@ -92,7 +92,7 @@ includeGmenu();
 <li><a href="#section_c" class="pageLink">＜参考＞ノズルの出し・戻し方法</a></li>
 <li><a href="#section_d" class="pageLink">＜参考＞便座の取り外し方・便座のリフトアップ</a></li>
 <li class="menuTitle01">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</li>
-<li><a href="#section_e" class="pageLink">パブリック施設の清掃について</a></li>
+<li><a href="/clean/public/" class="pageLink">パブリック施設の清掃について</a></li>
 </ul>
 </div>
 <!--section_a -->
@@ -290,18 +290,6 @@ includeGmenu();
 <p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
 </div>
-<!--パブリック -->
-<div class="section" id="section_e">
-<h4 id="section_top" class="pngfix blue"><img src="images/clean01/section_h_text01.gif" alt="大便器・温水洗浄便座のお掃除方法（住宅向け）" width="497" height="24" /></h4>
-<div class="content clearfix">
-<p class="normal">不特定多数の方が利用される公共建築物のトイレにも温水洗浄便座の設置が増えてきています。</p>
-<p class="normal">一般社団法人 日本レストルーム工業会では、公益社団法人全国ビルメンテナンス協会と共同で、ビルメンテナンスに携わっておられる方向けに公共建築物のトイレに設置されている大便器・温水洗浄便座を対象とした清掃マニュアルを作成いたしました。</p>
-<p class="normal">マニュアルは公益社団法人全国ビルメンテナンス協会のホームページからダウンロードできます。また、こちらでは動画による清掃方法もご覧いただけます。</p>
-<p class="normal">→<a href="https://www.j-bma.or.jp/publications/manual#jseia1" target="_blank">全国ビルメンテナンス協会「大便器・温水洗浄便座清掃マニュアル」ページへのリンク</a></p>
-<p class="normal">※こちらのマニュアルは清掃事業者様向けのため、ご家庭でのお掃除ではお薦めしていない内容が含まれています。ご家庭でのお掃除については「大便器・温水洗浄便座のお掃除方法（住宅向け）」の内容をご覧ください。</p>
-</div>
-</div>
 <!--section_b --></div>
 <!-- side toilet -->

--- a/clean/public/index.html
+++ b/clean/public/index.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <meta http-equiv="Content-Script-Type" content="text/javascript">
+ <meta http-equiv="Content-Style-Type" content="text/css">
+ <meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本レストルーム工業会">
+ <meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
+ <title>トイレのお掃除方法－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
+ <!--各ページ共通項目 -->
+ <!-- Google Tag Manager -->
+ <script>
+  (function(w, d, s, l, i) {
+   w[l] = w[l] || [];
+   w[l].push({
+    'gtm.start': new Date().getTime(),
+    event: 'gtm.js'
+   });
+   var f = d.getElementsByTagName(s)[0],
+    j = d.createElement(s),
+    dl = l != 'dataLayer' ? '&l=' + l : '';
+   j.async = true;
+   j.src =
+    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+   f.parentNode.insertBefore(j, f);
+  })(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD');
+ </script>
+ <!-- End Google Tag Manager -->
+ <script type="text/javascript" src="/shared/js/commonparts.js"></script>
+ <script type="text/javascript" src="/shared/js/jquery.js"></script>
+ <script type="text/javascript" src="/shared/js/common.js"></script>
+ <link rel="stylesheet" href="/shared/css/reset.css" type="text/css" media="all">
+ <link rel="stylesheet" href="/shared/css/common.css" type="text/css" media="all">
+ <link rel="stylesheet" href="/shared/css/parts.css" type="text/css" media="all">
+ <!--original -->
+ <link rel="stylesheet" href="/clean/css/parts.css" type="text/css" media="all">
+ <!--original -->
+ <script type="text/javascript">
+  //<![CDATA[
+  (function($) {
+   $(function() {
+    $(".pngfix").fixPng();
+    $("input[type='button']").click(function() {
+     $(".pngfix, #normal").animate({
+      opacity: "toggle"
+     });
+    });
+   });
+  })(jQuery);
+  //]]>
+ </script>
+ <!--[if lt IE 7]>
+<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
+<![endif]-->
+</head>
+<body class="toiletinfo clean font_conditioned" id="clean">
+ <!-- Google Tag Manager (noscript) -->
+ <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+ <!-- End Google Tag Manager (noscript) -->
+ <div id="container">
+  <div id="head_area">
+   <h1><a href="/"><img src="/shared/images/head/site_logo.png" width="478" height="60" alt="トイレナビ" /></a></h1>
+   <!-- head gmenu -->
+   <script type="text/javascript">
+    <!--
+    includeHead();
+    includeGmenu();
+    //
+    -->
+   </script>
+   <noscript>
+    <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+   </noscript>
+   <!-- /head gmenu -->
+  </div>
+  <div id="contents_area">
+   <div id="pan" class="pan">
+    <ul>
+     <li class="page_g"><a href="/">トイレナビHOME</a></li>
+     <li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
+     <li>トイレのお掃除方法</li>
+    </ul>
+   </div>
+   <div id="contents" class="heightLineParent clearfix">
+    <!--maincontent -->
+    <div id="main_contents">
+     <h2 class="pngfix"><span class="pngfix"><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
+     <h3 class="pngfix"><span class="pngfix"><img src="/shared/images/content/title_text/content_title_clean01.png" width="222" height="24" alt="トイレのお掃除方法" class="pngfix" /></span></h3>
+     <div id="section_read02">
+      <p>トイレを美しく保ち、長持ちさせるために毎日のお手入れが大事です。<br />
+       トイレ掃除の際は、トイレ内を十分換気するようにしましょう。<br />
+       「お掃除をらくにする」新技術は、下記のページでご覧いただけます。
+       <span class="link_type_a"><a href="/clean/technology.html">お掃除らくらく新技術（「お掃除をらくにする」新技術の一例をご紹介しています）</a></span>
+      </p>
+     </div>
+     <div class="section_menu">
+      <p class="index"><img src="/shared/images/common/icon_inex_blue.png" class="pngfix" alt="" width="86" height="32" /></p>
+      <ul class="clearfix">
+       <li><a href="#section_e" class="pageLink">パブリック施設の清掃について</a></li>
+      </ul>
+     </div>
+     <!--パブリック -->
+     <div class="section" id="section_e">
+      <h3 class="pt">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</h3>
+      <div class="content clearfix">
+       <p class="normal">不特定多数の方が利用される公共建築物のトイレにも温水洗浄便座の設置が増えてきています。</p>
+       <p class="normal">一般社団法人 日本レストルーム工業会では、公益社団法人全国ビルメンテナンス協会と共同で、ビルメンテナンスに携わっておられる方向けに公共建築物のトイレに設置されている大便器・温水洗浄便座を対象とした清掃マニュアルを作成いたしました。</p>
+       <p class="normal">マニュアルは公益社団法人全国ビルメンテナンス協会のホームページからダウンロードできます。また、こちらでは動画による清掃方法もご覧いただけます。</p>
+       <p class="normal">→<a href="https://www.j-bma.or.jp/publications/manual#jseia1" target="_blank">全国ビルメンテナンス協会「大便器・温水洗浄便座清掃マニュアル」ページへのリンク</a></p>
+       <p class="normal">※こちらのマニュアルは清掃事業者様向けのため、ご家庭でのお掃除ではお薦めしていない内容が含まれています。ご家庭でのお掃除については「大便器・温水洗浄便座のお掃除方法（住宅向け）」の内容をご覧ください。</p>
+      </div>
+     </div>
+     <!--section_b -->
+    </div>
+    <!-- side toilet -->
+    <script type="text/javascript">
+     <!--
+     includeSideToilet();
+     //
+     -->
+    </script>
+    <noscript>
+     <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+    </noscript>
+    <!-- /side toilet -->
+   </div>
+   <div id="pan_b" class="pan">
+    <ul>
+     <li class="page_g"><a href="/">トイレナビHOME</a></li>
+     <li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
+     <li>トイレのお掃除方法</li>
+    </ul>
+   </div>
+  </div>
+  <!--/content-->
+  <!-- foot -->
+  <script type="text/javascript">
+   <!--
+   includeFoot();
+   //
+   -->
+  </script>
+  <noscript>
+   <p>当サイトはJavaScriptをonにしてご覧ください。</p>
+  </noscript>
+  <!-- /foot -->
+ </div>
+</body>
+</html>
--- a/fonts/icomoon.eot
+++ b/fonts/icomoon.eot
--- a/fonts/icomoon.svg
+++ b/fonts/icomoon.svg
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="faq" d="M512-57.856c-279.347 0-505.856 226.509-505.856 505.856s226.509 505.856 505.856 505.856 505.856-226.509 505.856-505.856-226.509-505.856-505.856-505.856zM452.198 136.704c13.722-13.722 30.31-20.685 49.971-20.685 19.456 0 36.25 6.963 50.176 20.685s20.89 30.31 20.89 49.562c0 19.251-6.963 35.635-21.094 49.357-13.926 13.517-30.925 20.48-50.79 20.48-19.251 0-35.635-6.758-49.357-20.48-13.517-13.517-20.48-30.106-20.48-49.357 0.205-19.251 6.963-35.84 20.685-49.562zM676.659 671.232c-16.179 26.624-37.683 47.104-64.512 61.030-26.829 14.131-59.392 21.094-97.894 21.094-59.597 0-107.52-16.998-143.77-51.2-36.454-34.202-54.272-77.414-53.862-129.638h106.701c0.205 23.142 8.397 42.189 24.371 56.934s36.454 22.118 61.645 22.118c24.371 0 44.032-6.144 58.573-18.227s21.709-26.829 21.709-44.237c0-12.698-3.072-23.962-9.011-33.382s-23.347-26.829-52.224-52.224c-29.901-26.010-51.405-54.067-64.717-83.763s-20.070-62.874-20.070-99.328l0.41-18.432h110.387c1.024 26.010 3.686 46.49 7.782 61.030 4.096 14.746 9.011 26.419 15.155 35.226 5.939 8.806 20.89 23.962 44.442 45.466 24.781 22.528 40.346 38.502 46.899 48.128 11.059 16.384 19.251 32.154 24.371 47.718s7.782 31.334 7.782 47.309c0.205 29.901-7.987 57.754-24.166 84.378z" />
+<glyph unicode="&#xe901;" glyph-name="search" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384s171.922-384 384-384c95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />
+<glyph unicode="&#xe902;" glyph-name="home" d="M839.68 459.878v-517.734h-658.842v517.734h-164.454l493.978 493.978 493.978-493.978h-164.659zM416.154-57.856h188.211v423.526h-188.211v-423.526z" />
+<glyph unicode="&#xe903;" glyph-name="pt_faq" d="M832.307 256.102c0-173.466-141.517-313.958-316.006-313.958s-316.006 140.493-316.006 313.958c0 173.466 316.006 697.754 316.006 697.754s316.006-524.288 316.006-697.754z" />
+<glyph unicode="&#xe904;" glyph-name="pt_ttl" d="M935.731 171.315c-19.251 154.010-250.88 538.419-250.88 538.419s-252.518-418.816-252.518-557.261c0-87.040 44.646-163.635 112.435-208.691-10.445-0.614-20.89-1.638-31.744-1.638-278.733 0-504.832 226.099-504.832 504.832s226.099 504.832 504.832 504.832 504.832-226.099 504.832-504.832c0-101.786-30.31-196.403-82.125-275.661z" />
+<glyph unicode="&#xe905;" glyph-name="study" d="M755.302 340.685v0h-562.79v609.894h187.597v-609.69h46.899v609.69h164.25v-609.69h46.899v609.69h187.597v-609.69h-70.451zM591.258 129.741l164.25 211.149h70.246l-316.621-398.746-316.621 398.541h70.246l164.25-211.149h164.25z" />
+<glyph unicode="&#xe910;" glyph-name="keyboard_arrow_right" d="M366 240.667l196 196-196 196 60 60 256-256-256-256z" />
+<glyph unicode="&#xe911;" glyph-name="keyboard_arrow_left" d="M658 252.667l-60-60-256 256 256 256 60-60-196-196z" />
+</font></defs></svg>
\ No newline at end of file
--- a/fonts/icomoon.ttf
+++ b/fonts/icomoon.ttf
--- a/fonts/icomoon.woff
+++ b/fonts/icomoon.woff
--- a/shared/css/common.css
+++ b/shared/css/common.css
+@charset "UTF-8";
 /*=========================================================
@@ -9,8 +10,27 @@
 ==========================================================*/
+/*----------------------------------------------------------
+  fonts
+-----------------------------------------------------------*/
+@font-face {
+  font-family: 'icomoon';
+  src: url('/fonts/icomoon.eot?hdlcni');
+  src: url('/fonts/icomoon.eot?hdlcni#iefix') format('embedded-opentype'),
+    url('/fonts/icomoon.ttf?hdlcni') format('truetype'),
+    url('/fonts/icomoon.woff?hdlcni') format('woff'),
+    url('/fonts/icomoon.svg?hdlcni#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+html{
+ font-family: 62.5%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
+ font-size: 82%;
+ line-height: 24px;
+}
 /*----------------------------------------------------------
 	Hypertext

--- a/shared/css/fontdefault.css
+++ b/shared/css/fontdefault.css
+@charset "UTF-8";
 /*=========================================================

--- a/shared/css/index.css
+++ b/shared/css/index.css
+@charset "UTF-8";
 /*=========================================================

--- a/shared/css/parts.css
+++ b/shared/css/parts.css
+@charset "UTF-8";
 /*=========================================================

--- a/shared/css/reset.css
+++ b/shared/css/reset.css
-@charset "shift_jis";
+@charset "UTF-8";
 div,
 dl, dt, dd, ul, ol, li,

--- a/sp/shared/css/common.css
+++ b/sp/shared/css/common.css
+@charset "UTF-8";
 /*=========================================================