Skip to content

sora / sanitary-net

Go to a project
Commit f2070125 by o.kimura
Options

ISO日本語文

parent 03d856b3
Expand all
Inline Side-by-side
Showing with 537 additions and 2 deletions
global/about_iso19026/css/pict.css 0 → 100644
/*=========================================================
Site Name toiletnavi
File Name parts.css
Create Date 2014/7/22
Update Date 2014/7/22
==========================================================*/
div#container div#contents div#main_contents div.section h3 {
margin-bottom: 20px;
font-size: 128%;
font-weight: bold;
}
div#container div#contents div#main_contents div.section div.content {
width: 676px;
margin: 0 auto;
padding-bottom: 40px;
}
div#container div#contents div#main_contents div.section div.content p {
margin-bottom: 5px;
}
div#container div#contents div#main_contents div.section div.content p span {
padding-top: 5px;
display: inline-block;
font-size: 12px;
}
div#container div#contents div#main_contents p.title_add {
margin-top: -20px;
margin-bottom: 15px;
padding-left: 25px;
}
div#container div#contents div#main_contents div.section div.content p.strong_text {
font-weight: bold;
}
div#container div#contents div#main_contents div.section h4 {}
div#container div#contents div#main_contents .textBlock01 {
margin-top: 30px;
}
div#container div#contents div#main_contents .textBlock01 p.midashiText01 {
font-size: 108%;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 100%;
border-bottom: 1px solid #ddd;
}
/* data05 study02-1 */
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a {}
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a th {
width: 15em;
vertical-align: top;
padding-bottom: 8px;
}
body.detail01 div#container div#contents div#main_contents div.section table.study02-1_a td {
width: 600px;
vertical-align: top;
padding-bottom: 8px;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b {
width: 600px;
margin-bottom: 20px;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b td {
padding: 8px;
border: 1px solid #ccc;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr01 {
width: 90px;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02 {
width: 190px;
line-height: 1.3;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03 {
width: 190px;
line-height: 1.3;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr02 span,
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr03 span {
font-size: 10px;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .tr04 {
width: 90px;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .center {
text-align: center;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .right {
text-align: right;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .red {
background-color: #ffc5c1;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content table.study02-1_b .blue {
background-color: #cef9ff;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content div.study02-1_c {
/*margin-bottom: 20px;*/
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content div.study02-1_c .left_img {
float: left;
width: 200px;
}
body#mr_study01 div#container div#contents div#main_contents div.section div.content div.study02-1_c p.right_text {
margin-top: 5px;
float: right;
width: 450px;
}
.pt15 {
padding-top: 15px;
}
/* 170403 update */
.pictImg01 {
width: 680px;
padding-bottom: 20px;
}
.pictImg01 img {
width: 100%;
height: auto;
}
.bottom {
overflow: hidden;
width: 600px !important;
padding: 15px 20px;
border: #ccc solid 1px;
}
.bottom div {
width: 50%;
float: left;
}
/* 170522 updata pictgram */
div.section_menu_pic {
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px;
}
div.section_menu_pic p.index {
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
div.section_menu_pic ul {
background-color: #ECF6F7;
padding: 25px 20px 20px 40px;
}
div.section_menu_pic li {
width: 310px;
float: left;
}
div.section_menu_pic li.menuTitle01 {
width: 600px;
float: none;
display: inline-block;
margin-top: 10px;
}
div.section_menu_pic li a {
background: url(../../shared/images/common/icon_under.png) no-repeat left 50%;
padding: 5px 0 0 18px;
display: block;
font-weight: bold;
}
div.pict_dl dl {}
div.pict_dl dt {
font-weight: bold;
}
div.pict_dl dd {
margin: 0 0 10px 1.5em;
}
div.pict_table table {
width: 100%;
border: 1px solid #ccc;
border-bottom: none;
border-right: none;
margin-top: 10px;
background: #fff;
}
div.pict_table th {
text-align: center;
}
div.pict_table th:nth-child(1) {
width: 8em;
}
div.pict_table th:nth-child(2) {
width: 6em;
}
div.pict_table th:nth-child(3) {
width: 10em;
}
div.pict_table th:nth-child(4) {
width: 45%;
}
div.pict_table th,
div.pict_table td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}
.checkaction {
margin: 30px auto;
text-align: left;
padding: 20px;
background: #fff;
border: 1px solid #ccc;
}
.checkaction.pict {
margin-top: 0 !important;
}
.checkaction p.checked {
margin-top: 10px;
font-weight: bold;
}
.guidetext_cheked {
margin-bottom: 20px;
}
.pict_bold {
padding: 10px 0 2px 5px;
display: block;
font-weight: bold;
}
.pt20 {
padding-top: 20px;
}
.pb0 {
padding-bottom: 0 !important;
}
.mt10 {
margin-top: 10px !important;
}
.supplement {
font-size: 12px;
text-align: right;
}
.content_guide {
width: 616px;
padding: 20px 40px;
background: #f8f8f8;
border: 2px solid #FFAE00;
}
.content_guide h5 {
font-size: 132%;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.content_guide h6 {
font-size: 117%;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.guidlinedate {
font-size: 117%;
font-weight: bold;
text-align: center;
margin: 20px 0;
}
.d-flex {
display: flex;
}
.d-flex .imgbox {
padding: 5px;
}
.d-flex .imgbox2 {
padding: 10px 20px;
}
.j-c-center {
justify-content: center;
}
\ No newline at end of file
global/about_iso19026/index.html 0 → 100644
<!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="Toilet,statistics,data,Toilet Seat,Sanitary Equipment Industry Association">
<meta name="description" content="Japan Sanitary Equipment Industry Association contributes to the healthy development of industry along with improvement of the economy and living environment of people.">
<title>about ISO19026 | TOILET NAVIGATION | Japan Sanitary Equipment Industry Association</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/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="../../shared/css/common_en.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/parts.css" type="text/css" media="all">
<link rel="stylesheet" href="css/pict.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="data archives" id="mr_top">
<!-- 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="/global/"><img src="../../global/images/shared/head/site_logo.png" width="478" height="60" alt="TOILET NAVIGATION" /></a></h1>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHeadEn();
//
-->
</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="/global/">HOME</a></li>
<li>about ISO19026</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span>about ISO19026</span></h2>
<!--section_a -->
<div class="section clearfix pb0" id="section_a">
<h3 class="blue pngfix">ISO19026発行の目的</h3>
<div class="content">
<p class="checkaction pict">本国際規格は、以下の問題を解決するために作成している。<br>
・トイレ内には通常一人で入るため、わからない場合でも他人に聞くことができない。視覚に障害のあるユーザーはトイレに入ると、まず壁全体を手で触り設備の配置や種類を事前に確認しなければならず、必要以上に時間と労力を要する。<br>
・肢体に不自由があるユーザーは、洗浄ボタンや紙巻器の設置位置によっては自身の動作特性と合わないことがあり、使いにくいまたは使えない場合がある。<br>
<span>※ 補足：日本レストルーム工業会は、ISO19026の基となるJIS規格(S0026)の原案検討メンバーです。</span>
</p>
</div>
</div>
<div class="section clearfix" id="section_b">
<h3 class="blue pngfix">ISO19026の概要</h3>
<div class="content d-flex pb0">
<p class="checkaction pict">・便器側面の壁に、肢体に不自由があるユーザーが便器に座った状態で手が届く範囲に、紙巻器、洗浄ボタン、呼び出しボタンを設置<br>
・視覚に障害のあるユーザーが触って位置を把握しやすいように、紙巻器の上に洗浄ボタンを、呼出しボタンは洗浄ボタンと同じ高さで便座後方に配置<br>
・視覚に障害のあるユーザーが触って洗浄ボタンおよび呼出しボタンの区別がつくように、ボタンの形と色を規定</p>
<p class="imgbox"><img src="images/iso_fig1.png" alt="" width="200" /></p>
</div>
<p class="supplement">※ 図は、経済産業省「<a href="https://www.meti.go.jp/policy/economy/hyojun/AD/toilet.html" target="_blank">公共トイレの洗浄ボタン等の配置に関する国際規格が発行されました</a>」を基に、<br>一般社団法人日本レストルーム工業会が加工して作成</p>
</div>
<div class="section clearfix pb0" id="section_c">
<h3 class="blue pngfix">ISO19026が適用されたトイレの事例</h3>
<div class="content pb0">
<p class="checkaction pict">ISO19026の基となる日本規格（JIS S0026）は、国内のバリアフリーガイドライン*だけでなく、駅、空港、競技場などのアクセシブルデザインを規定したTokyo2020 accessibility guidelineにも引用されており、2021年開催のOlympic・Paralympicsの競技場施設、駅、空港、関連施設のトイレに広く反映されている。
<span>＊ バリアフリー法に基づいた建築物の設計ガイドライン(高齢者、障害者等の円滑な移動等に配慮した建築設計標準,<br>　2021年3月改正版)では、 車椅子使用者用便房だけでなく一般便房においてもこの規格が引用されています。</span>
</p>
</div>
<div class="d-flex j-c-center">
<p class="imgbox2"><img src="images/iso_pht1.png" alt="" width="240" /></p>
<p class="imgbox2"><img src="images/iso_pht2.png" alt="" width="240" /></p>
</div>
</div>
</div>
<!-- side statistics -->
<script type="text/javascript">
<!--
includeSideEn_pict();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side statistics -->
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript">
<!--
includeFootEn();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
global/index.html
...@@ -104,6 +104,7 @@ includeHeadEn(); ...@@ -104,6 +104,7 @@ includeHeadEn();
<h2><span>Data</span></h2> <h2><span>Data</span></h2>
<ul> <ul>
<li><a href="/global/pictgram/index.html">Standard pictogram</a></li> <li><a href="/global/pictgram/index.html">Standard pictogram</a></li>
<li><a href="/global/about_iso19026/index.html">about ISO19026</a></li>
</ul> </ul>
</div> </div>
</div> </div>
......
global/pictgram/index.html
...@@ -67,7 +67,7 @@ includeHeadEn(); ...@@ -67,7 +67,7 @@ includeHeadEn();
<div id="pan" class="pan"> <div id="pan" class="pan">
<ul> <ul>
<li class="page_g"><a href="/global/">HOME</a></li> <li class="page_g"><a href="/global/">HOME</a></li>
<li>Standard pictogram</li> <li>Standard pictogram</li>
</ul> </ul>
</div> </div>
<div id="contents" class="heightLineParent clearfix"> <div id="contents" class="heightLineParent clearfix">
......
shared/js/commonparts.js
...@@ -202,7 +202,7 @@ function includeSideEn_about() { ...@@ -202,7 +202,7 @@ function includeSideEn_about() {
function includeSideEn_pict() { function includeSideEn_pict() {
document.write( document.write(
"<div id='side_content03'><ul class='second'><li><a href='/global/'>HOME</a></li><li><a href='/global/pictgram'>Standard pictogram</a></li></ul></div>\n" "<div id='side_content03'><ul class='second'><li><a href='/global/'>HOME</a></li><li><a href='/global/pictgram/'>Standard pictogram</a><li><a href='/global/about_iso19026/'>about ISO19026</a></li></ul></div>\n"
); );
} }
......
utsukushitoilet/shared/css/common.css
...@@ -1519,3 +1519,23 @@ header.pht { ...@@ -1519,3 +1519,23 @@ header.pht {
width: 100%; width: 100%;
} }
} }
.mb0 {
margin-bottom: 0 !important;
}
#howtouse .see_detail {
border: 2px solid #e9573e;
padding: 8px;
margin: 20px 8px;
font-size: 15px;
}
#howtouse .see_detail a {
color: #e9573e;
}
#howtouse .see_detail a:hover {
text-decoration: underline;
}
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