T119

9c3079f8 · o.kimura · f290b569 · 9c3079f8 · 9c3079f8 · 9c3079f8
Commit 9c3079f8 authored Mar 01, 2024 by o.kimura
Showing with 42 additions and 47 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
@@ -41,10 +41,11 @@ function includeGmenu() {
  "<li class='toiletinfo'><a href='#'><img src='/shared/images/head/g_navi_toiletinfo_off.gif' alt='トイレ情報' width='67' height='14' /></a>\n" +
  "<ul>\n" +
  "<li><a href='/saving/'>トイレでエコ</a></li>\n" +
-  "<li><a href='/reform/reform.html'>超高齢社会の住宅トイレ</a></li>\n" +
  "<li><a href='/reform/'>トイレをリフォーム</a></li>\n" +
  "<li><a href='/clean/'>トイレのお手入れ</a></li>\n" +
  "<li><a href='/safety/'>製品の安全に関して</a></li>\n" +
+  "<li><a href='/reform/reform.html'>超高齢社会の住宅トイレ</a></li>\n" +
+  "<li><a href='/universal_design/'>公共トイレのユニバーサル<br>デザイン</a></li>\n" +
  "</ul>\n" +
  "</li>\n" +
  "<li class='data'><a href='#'><img src='/shared/images/head/g_navi_data_off.gif?v=20221019' alt='研究・規格・資料' width='114' height='14' /></a>\n" +
@@ -62,8 +63,8 @@ function includeGmenu() {
  "</ul>\n" +
  "</div>\n"
 );
-} 
+}
 // home en
 function includeHeadEn() {
 document.write(
@@ -95,9 +96,6 @@ function includeSideToilet() {
 document.write(
  "<div id='side_content'><div class='first eco'><p><img src='/shared/images/sidemenu/title_text/menu_title_eco.png' width='89' height='14' alt='トイレでエコ' class='pngfix' /></p><ul><li class='eco01'><a href='/saving/'>大便器の節水・CO<span class='co2'>2</span>削減</a></li><li class='eco02'><a href='/saving/ecology.html'>温水洗浄便座の省エネ</a></li></ul>\n" +
  "</div>\n" +
-  "<div class='first age'>\n" +
-  "<p><img src='/shared/images/sidemenu/title_text/menu_title_aged.png' width='175' height='16' alt='超高齢社会の住宅トイレ' class='pngfix' /></p><ul class='second'><li class='reform02'><a href='/reform/reform.html'>シニア世代のトイレリフォーム</a></li><li class='reform03'><a href='/reform/insurance.html'>介護保険・サービス利用</a></li><li class='reform04'><a href='/reform/point01.html'>トイレ器具選びのポイント</a></li></ul>\n" +
-  "</div>\n" +
  "<div class='first reform'>\n" +
  "<p><img src='/shared/images/sidemenu/title_text/menu_title_reform.png' width='138' height='15' alt='トイレをリフォーム' class='pngfix' /></p><ul class='second'><li class='reform01'><a href='/reform/'>リフォームのポイント</a></li></ul>\n" +
  "</div>\n" +
@@ -108,9 +106,10 @@ function includeSideToilet() {
  "<li class='clean02'><a href='/clean/manual.html'>各社取扱説明書</a></li></ul>\n" +
  "</div>\n" +
  "<div class='first seat_safe'><p><img src='/shared/images/sidemenu/title_text/menu_title_safe01.png' width='110' height='33' alt='温水洗浄便座の安全に関して' class='pngfix' /></p><ul class='second'><li><a href='/safety/index.html#section_a' class='pageLink'>製品安全の取り組み</a></li><li><a href='/safety/index01_2.html' class='pageLink'>温水洗浄便座の製品事故の調査結果について</a></li><li><a href='/safety/index01_3.html' class='pageLink'>温水洗浄便座の長期使用による事故防止について</a></li><li><a href='/safety/index01_4.html' class='pageLink'>温水洗浄便座を安全にお使いいただくために</a></li><li><a href='/safety/index01_5.html' class='pageLink'>温水洗浄便座のパブリック施設での使用について</a></li></ul></div>\n" +
+  "<div class='first toilet_safe'><p><img src='/shared/images/sidemenu/title_text/menu_title_aged.png' width='175' height='16' alt='超高齢社会の住宅トイレ' class='pngfix' /></p><ul class='second'><li class='reform02'><a href='/reform/reform.html'>シニア世代のトイレリフォーム</a></li><li class='reform03'><a href='/reform/insurance.html'>介護保険・サービス利用</a></li><li class='reform04'><a href='/reform/point01.html'>トイレ器具選びのポイント</a></li></ul></div>\n" +
+  "<div class='first toilet_safe'><p><img src='/shared/images/sidemenu/title_text/side_ud.png' width='158' height='34' alt='公共トイレのユニバーサルデザイン' class='pngfix' /></p><ul class='second'><li class='ud'><a href='/universal_design/' class='ud'>みんなが使うトイレ</a></li></ul></div>\n" +
  "<div class='first toilet_safe'><p><img src='/shared/images/sidemenu/title_text/menu_title_safe02.png' width='95' height='33' alt='衛生陶器の安全に関して' class='pngfix' /></p><ul class='second'><li><a href='/safety/index02.html'>衛生陶器の安全に関する情報</a></li></ul></div>\n" +
-  "</div>\n"
+  "</div></div>\n");
- );
 }
 // includeFoot
@@ -158,11 +157,11 @@ function includeSideStatistics() {
  "<div id='side_content'>\n" +
  "<div class='first archives'><p><img src='/shared/images/sidemenu/title_text/side_study.png' width='66' height='16' alt='研究など' class='pngfix' /></p><ul class='second'><li class='data01'><a href='/trend/study.html'>温水洗浄便座</a></li><li class='data02'><a href='/trend/sanitary.html'>衛生器具</a></li><li class='data03'><a href='/trend/ud.html'>ユニバーサルデザイン</a></li></ul></div>\n" +
  "<div class='first history'><p><img src='/shared/images/sidemenu/title_text/side_standarad.png' width='80' height='16' alt='規格・基準' class='pngfix' /></p><ul class='second'><li class='his01'><a href='/trend/standard.html'>規格・基準</a></li></ul></div>\n" +
-   "<div class='first archives'><p><img src='/shared/images/sidemenu/title_text/side_statistics.png' width='80' height='16' alt='統計・調査' class='pngfix' /></p><ul class='second'><li class='data04'><a href='/trend/spread.html'>各種統計</a></li><li class='data06'><a href='/trend/research.html'>各種調査</a></li></ul></div>\n" +
+  "<div class='first archives'><p><img src='/shared/images/sidemenu/title_text/side_statistics.png' width='80' height='16' alt='統計・調査' class='pngfix' /></p><ul class='second'><li class='data04'><a href='/trend/spread.html'>各種統計</a></li><li class='data06'><a href='/trend/research.html'>各種調査</a></li></ul></div>\n" +
-   "<div class='first history'><p><img src='/shared/images/sidemenu/title_text/side_history.png' width='92' height='16' alt='トイレの歴史' class='pngfix' /></p><ul class='second'><li class='his02'><a href='/history/index.html'>トイレ年表</a></li><li class='his03'><a href='/history/transition.html'>各社節水便器の変遷</a></li></ul></div>\n" +
+  "<div class='first history'><p><img src='/shared/images/sidemenu/title_text/side_history.png' width='92' height='16' alt='トイレの歴史' class='pngfix' /></p><ul class='second'><li class='his02'><a href='/history/index.html'>トイレ年表</a></li><li class='his03'><a href='/history/transition.html'>各社節水便器の変遷</a></li></ul></div>\n" +
-   "<div class='first archives'><p><img src='/shared/images/sidemenu/title_text/side_manual.png' width='127' height='16' alt='パンフレットなど' class='pngfix' /></p><ul class='second'><li class='data05'><a href='/association/manual.html'>パンフレット・マニュアルなど</a></li></ul></div>\n" +
+  "<div class='first archives'><p><img src='/shared/images/sidemenu/title_text/side_manual.png' width='127' height='16' alt='パンフレットなど' class='pngfix' /></p><ul class='second'><li class='data05'><a href='/association/manual.html'>パンフレット・マニュアルなど</a></li></ul></div>\n" +
-   "<div class='first history'><p><img src='/shared/images/sidemenu/title_text/side_knowledge.png' width='127' height='16' alt='トイレまめ知識' class='pngfix' /></p><ul class='second'><li class='his05'><a href='/knowledge/'>まめ知識</a></li></ul></div>\n" +
+  "<div class='first history'><p><img src='/shared/images/sidemenu/title_text/side_knowledge.png' width='127' height='16' alt='トイレまめ知識' class='pngfix' /></p><ul class='second'><li class='his05'><a href='/knowledge/'>まめ知識</a></li></ul></div>\n" +
-   "</div>\n"
+  "</div>\n"
 );
 }
@@ -170,9 +169,6 @@ function includeSideSafety() {
 document.write(
  "<div id='side_content'><div class='first eco'><p><img src='/shared/images/sidemenu/title_text/menu_title_eco.png' width='89' height='14' alt='トイレでエコ' class='pngfix' /></p><ul><li class='eco01'><a href='/saving/'>大便器の節水・CO<span class='co2'>2</span>削減</a></li><li class='eco02'><a href='/saving/ecology.html'>温水洗浄便座の省エネ</a></li></ul>\n" +
  "</div>\n" +
-  "<div class='first age'>\n" +
-  "<p><img src='/shared/images/sidemenu/title_text/menu_title_aged.png' width='175' height='16' alt='超高齢社会の住宅トイレ' class='pngfix' /></p><ul class='second'><li class='reform02'><a href='/reform/reform.html'>シニア世代のトイレリフォーム</a></li><li class='reform03'><a href='/reform/insurance.html'>介護保険・サービス利用</a></li><li class='reform04'><a href='/reform/point01.html'>トイレ器具選びのポイント</a></li></ul>\n" +
-  "</div>\n" +
  "<div class='first reform'>\n" +
  "<p><img src='/shared/images/sidemenu/title_text/menu_title_reform.png' width='138' height='15' alt='トイレをリフォーム' class='pngfix' /></p><ul class='second'><li class='reform01'><a href='/reform/'>リフォームのポイント</a></li></ul>\n" +
  "</div>\n" +
@@ -183,9 +179,10 @@ function includeSideSafety() {
  "<li class='clean02'><a href='/clean/manual.html'>各社取扱説明書</a></li></ul>\n" +
  "</div>\n" +
  "<div class='first seat_safe'><p><img src='/shared/images/sidemenu/title_text/menu_title_safe01.png' width='110' height='33' alt='温水洗浄便座の安全に関して' class='pngfix' /></p><ul class='second'><li><a href='/safety/index.html#section_a' class='pageLink'>製品安全の取り組み</a></li><li><a href='/safety/index01_2.html' class='pageLink'>温水洗浄便座の製品事故の調査結果について</a></li><li><a href='/safety/index01_3.html' class='pageLink'>温水洗浄便座の長期使用による事故防止について</a></li><li><a href='/safety/index01_4.html' class='pageLink'>温水洗浄便座を安全にお使いいただくために</a></li><li><a href='/safety/index01_5.html' class='pageLink'>温水洗浄便座のパブリック施設での使用について</a></li></ul></div>\n" +
+  "<div class='first toilet_safe'><p><img src='/shared/images/sidemenu/title_text/menu_title_aged.png' width='175' height='16' alt='超高齢社会の住宅トイレ' class='pngfix' /></p><ul class='second'><li class='reform02'><a href='/reform/reform.html'>シニア世代のトイレリフォーム</a></li><li class='reform03'><a href='/reform/insurance.html'>介護保険・サービス利用</a></li><li class='reform04'><a href='/reform/point01.html'>トイレ器具選びのポイント</a></li></ul></div>\n" +
+  "<div class='first toilet_safe'><p><img src='/shared/images/sidemenu/title_text/side_ud.png' width='158' height='34' alt='公共トイレのユニバーサルデザイン' class='pngfix' /></p><ul class='second'><li class='ud'><a href='/universal_design/' class='ud'>みんなが使うトイレ</a></li></ul></div>\n" +
  "<div class='first toilet_safe'><p><img src='/shared/images/sidemenu/title_text/menu_title_safe02.png' width='95' height='33' alt='衛生陶器の安全に関して' class='pngfix' /></p><ul class='second'><li><a href='/safety/index02.html'>衛生陶器の安全に関する情報</a></li></ul></div>\n" +
-  "</div>\n"
+  "</div></div>\n");
- );
 }
 function includeSideAbout() {
@@ -221,7 +218,7 @@ function includeShowcaseImage() {
 showcaseimage[4] = "<img src='images/showcase05.jpg' alt='' width='1280' height='377' />";
 n = Math.floor(Math.random() * showcaseimage.length);
 document.write(showcaseimage[n]);
-  /* showcaseimage = new Array();
+ /* showcaseimage = new Array();
 showcaseimage[0] = "<a href='https://toilet-episode-cp.com/' target='_blank'><img src='images/campaign_mv_pc_f.png' alt='' width='965' height='auto' class='mv_fade' /></a>";
 document.write(showcaseimage[0]);*/
 }
@@ -274,9 +271,10 @@ function includeGmenu2nd() {
  "<li class='toiletinfo'><a href='#'><img src='/shared/images/head/g_navi_toiletinfo_off.gif' alt='トイレ情報' width='67' height='14' /></a>\n" +
  "<ul>\n" +
  "<li><a href='/saving/'>トイレでエコ</a></li>\n" +
-  "<li><a href='/reform/reform.html'>超高齢社会の住宅トイレ</a></li>\n" +
  "<li><a href='/reform/'>トイレをリフォーム</a></li>\n" +
  "<li><a href='/clean/'>トイレのお手入れ</a></li>\n" +
+  "<li><a href='/reform/reform.html'>超高齢社会の住宅トイレ</a></li>\n" +
+  "<li><a href='/universal_design/'>公共トイレのユニバーサル<br>デザイン</a></li>\n" +
  "</ul>\n" +
  "</li>\n" +
  "<li class='data'><a href='#'><img src='/shared/images/head/g_navi_data_off.gif?v=20221019' alt='統計・資料' width='114' height='14' /></a>\n" +

--- 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();
     //
     -->