T119

9c3079f8 · o.kimura · f290b569 · 9c3079f8 · 9c3079f8 · 9c3079f8
Commit 9c3079f8 authored Mar 01, 2024 by o.kimura
Showing with 24 additions and 27 deletions
index.html
shared/css/common.css
shared/images/sidemenu/title_text/side_ud.png
shared/js/commonparts.js
trend/images/jis/class1.png
universal_design/images/babycar.jpg
universal_design/index.html
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 <meta name="description" content="トイレナビはトイレでの節水,節約,CO2削減,省エネ,リフォームなどの情報を発信しています。日本レストルーム工業会が運営しています。">
 <title>トイレナビ｜トイレで節水・節約・CO2削減・省エネ　一般社団法人 日本レストルーム工業会</title>
 <!--各ページ共通項目 -->
- <script type="text/javascript" src="shared/js/commonparts.js"></script>
+ <script type="text/javascript" src="shared/js/commonparts.js?v=2"></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">
@@ -74,10 +74,11 @@
     <li class="toiletinfo"><a href="/saving/"><img src="shared/images/head/g_navi_toiletinfo_off.gif" alt="トイレ情報" width="67" height="14" /></a>
      <ul>
       <li><a href="/saving/">トイレでエコ</a></li>
-       <li><a href="/reform/reform.html">超高齢社会の住宅トイレ</a></li>
       <li><a href="/reform/">トイレをリフォーム</a></li>
       <li><a href="/clean/">トイレのお手入れ</a></li>
       <li><a href="/safety/">製品の安全に関して</a></li>
+       <li><a href="/reform/reform.html">超高齢社会の住宅トイレ</a></li>
+       <li><a href="/universal_design/">公共トイレのユニバーサル<br>デザイン</a></li>
      </ul>
     </li>
     <li class="data"><a href="#"><img src="shared/images/head/g_navi_data_off.gif" alt="統計・資料" width="114" height="14" /></a>

--- a/shared/css/common.css
+++ b/shared/css/common.css
@@ -245,8 +245,7 @@ div#head_area div#g_menu li ul {
 background-color: #2FC5D9;
 left: -999em;
 position: absolute;
- width: 170px;
+ width: 200px;
- /width: 160px;
 z-index: 9999;
 padding-top: 10px;
 margin: 31px 0 0;
@@ -255,7 +254,7 @@ div#head_area div#g_menu li ul {
 div#head_area div#g_menu li ul a {
 margin-right: 0;
- width: 140px;
+ width: 200px;
 /width: 120px;
 background: url(../images/head/g_navi_icon.png) no-repeat left 8px;
 margin-left: 10px;
@@ -571,6 +570,11 @@ body#reform01 div#container div#side_content div.reform li.reform01 a {
 color: #666;
 }
+body.ud li.ud a.ud {
+ font-weight: bold !important;
+ color: #666 !important;
+}
 body.clean div#container div#side_content div.clean {
 background: url(../images/sidemenu/sidenavi_back.jpg) repeat top left;
 padding: 20px 10px 15px 18px;

--- a/shared/images/sidemenu/title_text/side_ud.png
+++ b/shared/images/sidemenu/title_text/side_ud.png
--- a/shared/js/commonparts.js
+++ b/shared/js/commonparts.js
--- a/trend/images/jis/class1.png
+++ b/trend/images/jis/class1.png
--- a/universal_design/images/babycar.jpg
+++ b/universal_design/images/babycar.jpg
--- a/universal_design/index.html
+++ b/universal_design/index.html
@@ -57,14 +57,7 @@
  //]]>
 </script>
- <script>
-  $(function() {
-   $(document).on("contextmenu", function() {
-    return false;
-   });
-  });
- </script>
 <!--[if lt IE 7]>
 <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
 <![endif]-->
@@ -72,7 +65,7 @@
 </head>
-<body class="data archives archive02 font_conditioned" id="sanitary">
+<body class="toiletinfo archives archive02 font_conditioned ud" id="sanitary">
 <!-- 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) -->
@@ -120,8 +113,8 @@
        <p class="mb0">公共トイレとは？</p>
        <span class="mt0">不特定多数の方が利用する建物（駅、商業施設、公園、学校や事務所など）のトイレを指します。</span>
        <div class="fl_box_c mt10">
-         <img src="images/store.png" alt="" width="100" height="100">
         <img src="images/station.png" alt="" width="100" height="100">
+         <img src="images/store.png" alt="" width="100" height="100">
         <img src="images/park.png" alt="" width="100" height="100">
         <img src="images/build.png" alt="" width="80" height="auto">
        </div>
@@ -130,8 +123,8 @@
        <span class="mt0">例えば車椅子使用者、オストメイト、乳幼児連れや高齢者など。<br>
         &nbsp;&nbsp;さらに、男女別のトイレに入りづらさを感じられる方など、多様な利用者が想定されています。</span>
        <div class="fl_box_c mt10">
-         <img src="images/ost.JPG" alt="" width="80" height="auto">
         <img src="images/carchair.JPG" alt="" width="80" height="auto">
+         <img src="images/ost.JPG" alt="" width="80" height="auto">
         <img src="images/infant.JPG" alt="" width="80" height="auto">
         <img src="images/elder.JPG" alt="" width="80" height="auto">
         <img src="images/free.JPG" alt="" width="80" height="auto">
@@ -175,7 +168,7 @@
          ・大人用個室内へのベビーチェアの設置<br>
          ・月齢・年齢に対応した設備（おむつ替えシートや着替え台）<br>
          ・荷物置台やフックの設置</span></li>
-        <li><img src="images/babycar.jpg" alt="" width="200" height="auto"></li>
+        <li><img src="images/babycar.jpg" alt="" width="250" height="auto"></li>
       </ul>
       <hr class="udhr">
@@ -199,12 +192,12 @@
      <h4 class="mb0 mt40" id=""><span>男女共用トイレ</span></h4>
      <span>近年では、異性による介助・同伴利用（高齢者、知的・発達障害者、視覚障害者など）、性的マイノリティの方などの利用に配慮した、男女共用トイレのニーズが高まっています。</span>
-      <label class="point">ポイント</label>
+      <label class="point">ポイント</label><b>男女別トイレが利用しづらい人の例</b>
-      <ul class="rent_list03">
+      <ul class="rent_list03 mt10">
-       <li><span>男女別トイレが利用しづらい人の例<br>
+       <li><span>異性による介助<br>
-         （異性による介助）</span><img src="images/helper.jpg" alt="" width="200" height="auto"></li>
+         </span><img src="images/helper.jpg" alt="" width="200" height="auto"></li>
-       <li><span>異性による同伴<br>&nbsp;</span><img src="images/douhan.jpg" alt="" width="200" height="auto"></li>
+       <li><span>異性による同伴<br></span><img src="images/douhan.jpg" alt="" width="200" height="auto"></li>
-       <li><span>性的マイノリティ（トランスジェンダー）<br>&nbsp;</span><img src="images/gender_minority.jpg" alt="" width="200" height="auto"></li>
+       <li><span>性的マイノリティ（トランスジェンダー）<br></span><img src="images/gender_minority.jpg" alt="" width="200" height="auto"></li>
      </ul>
      <p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
@@ -212,7 +205,7 @@
     <!--section_b -->
     <div class="section clearfix" id="section_b">
-      <h4 class="written fs124p mt0 mb0">誰もが気兼ねなく安心して利用できるトイレ</h4>
+      <h4 class="written fs124p mt0 mb0">だれもが気兼ねなく安心して利用できるトイレ</h4>
      <div id="section_read02" class="pngfix mb20">
       <ul class="rent_list03">
@@ -249,8 +242,7 @@
        </li>
        <li><span></span><img src="images/barrir_free.JPG" alt="" width="240" height="auto"><span class="fwn">出典：国土交通省<br>「障害ってどこにあるの？ こころと社会のバリアフリーハンドブック」</span></li>
       </ul>
-       <span>適切な配慮と、「使いたいときに使えない」を無くす機能分散で、高齢者、障害者をはじめとするあらゆる人々が
+       <span>適切な配慮と、「使いたいときに使えない」を無くす機能分散で、高齢者、障害者をはじめとするあらゆる人々が行動範囲を制限されることのない社会の実現が期待されています。<br><br>
-        行動範囲を制限されることのない社会の実現が期待されています。<br><br>
        イラスト協力：TOTO株式会社　株式会社LIXIL</span>
      </div>
      <p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
@@ -258,10 +250,10 @@
    </div>
-    <!-- side statistics -->
+    <!-- side toilet -->
    <script type="text/javascript">
     <!--
-     includeSideStatistics();
+     includeSideToilet();
     //
     -->