Skip to content

sora / sanitary-net

Go to a project
Commit 9c3079f8 by o.kimura
Options

T119

parent f290b569
Expand all
Inline Side-by-side
Showing with 24 additions and 27 deletions
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>
......
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: 160px;
width: 200px;
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;
......
trend/images/jis/class1.png
trend/images/jis/class1.png

42.3 KB | W: | H:

trend/images/jis/class1.png

42.3 KB | W: | H:

trend/images/jis/class1.png
trend/images/jis/class1.png
trend/images/jis/class1.png
trend/images/jis/class1.png
  • 2-up
  • Swipe
  • Onion skin
universal_design/images/babycar.jpg
universal_design/images/babycar.jpg

183 KB | W: | H:

universal_design/images/babycar.jpg

182 KB | W: | H:

universal_design/images/babycar.jpg
universal_design/images/babycar.jpg
universal_design/images/babycar.jpg
universal_design/images/babycar.jpg
  • 2-up
  • Swipe
  • Onion skin
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>
<ul class="rent_list03">
<li><span>男女別トイレが利用しづらい人の例<br>
（異性による介助）</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>&nbsp;</span><img src="images/gender_minority.jpg" alt="" width="200" height="auto"></li>
<label class="point">ポイント</label><b>男女別トイレが利用しづらい人の例</b>
<ul class="rent_list03 mt10">
<li><span>異性による介助<br>
</span><img src="images/helper.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></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>適切な配慮と、「使いたいときに使えない」を無くす機能分散で、高齢者、障害者をはじめとするあらゆる人々が
行動範囲を制限されることのない社会の実現が期待されています。<br><br>
<span>適切な配慮と、「使いたいときに使えない」を無くす機能分散で、高齢者、障害者をはじめとするあらゆる人々が行動範囲を制限されることのない社会の実現が期待されています。<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();
//
-->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment