Skip to content

sora / sanitary-net

Go to a project
Commit f2070125 by o.kimura
Options

ISO日本語文

parent 03d856b3
Inline Side-by-side
Showing with 698 additions and 120 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();
<h2><span>Data</span></h2>
<ul>
<li><a href="/global/pictgram/index.html">Standard pictogram</a></li>
<li><a href="/global/about_iso19026/index.html">about ISO19026</a></li>
</ul>
</div>
</div>
......
global/pictgram/index.html
......@@ -67,7 +67,7 @@ includeHeadEn();
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/global/">HOME</a></li>
<li>Standard pictogram</li>
<li>Standard pictogram</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
......
shared/js/commonparts.js
......@@ -202,7 +202,7 @@ function includeSideEn_about() {
function includeSideEn_pict() {
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/en/howtouse/index.html
<!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns#">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Using the Toilet Utilities:Japan's Toilet Situation - NIPPON UTSUKUSHI TOILET</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 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Using the Toilet Utilities:Japan's Toilet Situation - NIPPON UTSUKUSHI TOILET</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 -->
<link rel="stylesheet" href="/utsukushitoilet/shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="/utsukushitoilet/shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common.js"></script>
<script type="text/javascript" src="/utsukushitoilet/en/shared/js/common_parts.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if ($(window).width() > 640) {
$("#toilet li").autoHeight();
}
});
</script>
<link rel="stylesheet" href="/utsukushitoilet/shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="/utsukushitoilet/shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common.js"></script>
<script type="text/javascript" src="/utsukushitoilet/en/shared/js/common_parts.js"></script>
<script type="text/javascript">
$(document).ready(function() {
if ($(window).width() > 640) {
$("#toilet li").autoHeight();
}
});
</script>
</head>
<body class="second" id="howtouse">
<!-- 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) -->
<script type="text/javascript" >
<!--
includeHead2('div');
//-->
</script>
<noscript>
<p>Please enable Javascript to view this site.</p>
</noscript>
<section id="use" class="first">
<div class="block">
<h1><span>Japan's Toilet Situation</span>Using the Toilet Utilities</h1>
<p>The toilets in Japan have many functions.<br>
We will explain the following here, "Flushing the Toilet", "Using the Spray seat", "Flushing Sound Device", and "Emergency Call Button".</p>
<h2 class="line"><span>01</span>How to Flush the Toilet</h2>
<div class="box"><div class="left02">
Flushing the toilet will differ according to what type of toilet is installed.
<ul class="txt_list">
<li>For the Tank Type: Turning the lever on the side of the tank will flush.</li>
<li>For the Tank-less Toilet: Pressing the lever will flush.</li>
<li>Other Types: Flush button on wall, non-contact type flushing (holding your hand over the sensor), and flush button on a remote control.</li>
</ul>
Some of the newest toilets will automatically flush when you get up off the toilet seat.
</div>
<p class="right"><img src="/utsukushitoilet/howtouse/images/3609.gif" alt=""><span>This mark indicates the flushing switch.</span></p>
</div>
<h3>Location of lever handles, etc.</h3>
<ul>
<li><img src="/utsukushitoilet/howtouse/images/use01_img01.jpg" alt=""><p>Turn lever handle</p></li>
<li><img src="/utsukushitoilet/howtouse/images/use01_img02.jpg" alt=""><p>Press lever to lower it</p></li>
<li><img src="/utsukushitoilet/howtouse/images/use01_img03.jpg" alt=""><p>Press lever to lower it</p></li>
</ul><div class="clear"></div>
<ul>
<li><h3>Button</h3><img src="/utsukushitoilet/howtouse/images/use01_img04.jpg" alt=""><p>Press button</p></li>
<li><h3>Remote control</h3><img src="/utsukushitoilet/howtouse/images/use01_img06.jpg" alt=""><p>Press the button on the remote control of the Spray seat</p></li>
<li><h3>Sensor</h3><img src="/utsukushitoilet/howtouse/images/use01_img05.jpg" alt=""><p>Hover hand over sensor</p></li>
</ul><div class="clear"></div>
</div>
<div class="point">
<div>
<h2><img src="/utsukushitoilet/shared/images/point.gif" alt="point!"></h2>
<div class="box"><img src="/utsukushitoilet/howtouse/images/point_img01.png" alt="">
<ul class="txt_list">
<li>Please make sure to flush the toilet after use in consideration of the next person.</li>
<li>When using toilets in Japan, leave toilet paper in the toilet bowl and flush the toilet after use.<br>
* Papers that can be flushed down the toilet are only toilet paper and other paper that can be flushed.<br>
* Please dispose of sanitary napkins and tampons in the wastebasket installed on the side of the toilet.</li>
</ul>
</div><div class="clear"></div>
</div>
</div>
<div class="block">
<h2 class="line"><span>02</span>How to Use the Spray seat</h2>
<p class="left bisection02">When using the spray seat, the operation buttons located on the side of the toilet is used for operations.<br />
Additionally, if there are no operation buttons on the side, there will be a remote control located on the wall.<br />
The meanings of the buttons are as follows.</p>
<h3>Location of Operation Areas</h3>
<ul>
<!-- 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) -->
<script type="text/javascript">
<!--
includeHead2('div');
//
-->
</script>
<noscript>
<p>Please enable Javascript to view this site.</p>
</noscript>
<section id="use" class="first">
<div class="block">
<h1><span>Japan's Toilet Situation</span>Using the Toilet Utilities</h1>
<p>The toilets in Japan have many functions.<br>
We will explain the following here, "Flushing the Toilet", "Using the Spray seat", "Flushing Sound Device", and "Emergency Call Button".</p>
<h2 class="line"><span>01</span>How to Flush the Toilet</h2>
<div class="box">
<div class="left02">
Flushing the toilet will differ according to what type of toilet is installed.
<ul class="txt_list">
<li>For the Tank Type: Turning the lever on the side of the tank will flush.</li>
<li>For the Tank-less Toilet: Pressing the lever will flush.</li>
<li>Other Types: Flush button on wall, non-contact type flushing (holding your hand over the sensor), and flush button on a remote control.</li>
</ul>
Some of the newest toilets will automatically flush when you get up off the toilet seat.
</div>
<p class="right"><img src="/utsukushitoilet/howtouse/images/3609.gif" alt=""><span>This mark indicates the flushing switch.</span></p>
</div>
<h3>Location of lever handles, etc.</h3>
<ul>
<li><img src="/utsukushitoilet/howtouse/images/use01_img01.jpg" alt="">
<p>Turn lever handle</p>
</li>
<li><img src="/utsukushitoilet/howtouse/images/use01_img02.jpg" alt="">
<p>Press lever to lower it</p>
</li>
<li><img src="/utsukushitoilet/howtouse/images/use01_img03.jpg" alt="">
<p>Press lever to lower it</p>
</li>
</ul>
<div class="clear"></div>
<ul>
<li>
<h3>Button</h3><img src="/utsukushitoilet/howtouse/images/use01_img04.jpg" alt="">
<p>Press button</p>
</li>
<li>
<h3>Remote control</h3><img src="/utsukushitoilet/howtouse/images/use01_img06.jpg" alt="">
<p>Press the button on the remote control of the Spray seat</p>
</li>
<li>
<h3>Sensor</h3><img src="/utsukushitoilet/howtouse/images/use01_img05.jpg" alt="">
<p>Hover hand over sensor</p>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="point">
<div>
<h2><img src="/utsukushitoilet/shared/images/point.gif" alt="point!"></h2>
<div class="box"><img src="/utsukushitoilet/howtouse/images/point_img01.png" alt="">
<ul class="txt_list">
<li>Please make sure to flush the toilet after use in consideration of the next person.</li>
<li>When using toilets in Japan, leave toilet paper in the toilet bowl and flush the toilet after use.<br>
* Papers that can be flushed down the toilet are only toilet paper and other paper that can be flushed.<br>
* Please dispose of sanitary napkins and tampons in the wastebasket installed on the side of the toilet.</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="block">
<h2 class="line"><span>02</span>How to Use the Spray seat</h2>
<p class="left bisection02">When using the spray seat, the operation buttons located on the side of the toilet is used for operations.<br />
Additionally, if there are no operation buttons on the side, there will be a remote control located on the wall.<br />
The meanings of the buttons are as follows.</p>
<h3>Location of Operation Areas</h3>
<ul>
<li><img src="/utsukushitoilet/howtouse/images/use02_img01.jpg" alt=""></li>
<li><img src="/utsukushitoilet/howtouse/images/use02_img02.jpg" alt=""></li>
</ul><div class="clear"></div>
<h3>Meaning of Operation Area Illustrations</h3>
<ul id="operation">
</ul>
<div class="clear"></div>
<h3>Meaning of Operation Area Illustrations</h3>
<ul id="operation">
<li><img src="/utsukushitoilet/howtouse/images/use02_img03.gif" alt=""></li>
<li><img src="/utsukushitoilet/howtouse/images/use02_img04.gif" alt=""></li>
<li><img src="/utsukushitoilet/howtouse/images/use02_img05.gif" alt=""></li>
</ul><div class="clear"></div>
<h2 class="line"><span>03</span>Toilet Sound Effects Device</h2>
<div class="bisection">
<div class="lft">Some public toilets in Japan may be equipped with "Flushing Sound Devices" that provide the sound of running water to mask body function sounds. <br>
The operation of each according to the type is as follows. The cover sound will play for a set period of time then automatically turn off.
<ul class="txt_list">
<li>Sensor Type: Placing your hand over the sensor will turn on the sound.</li>
<li>Button Type: Pressing the button will start the sound.</li>
<li>Automatic Type: When the toilet is entered, it will sense the presence of a person and automatically turn on the sound.</li>
</ul>
</div>
<div><img src="./images/use03_img01.gif" alt=""></div><div class="clear"></div>
</div>
<h2 class="line"><span>04</span>Emergency Call Button</h2>
<div class="bisection">
<p>An Emergency Call Button similar to the photo may be found near the flush button.
If you press this button when you are feeling ill inside the toilet, some will come to your aid. Please take care not to press this button unless it is an emergency.</p>
<div><img src="/utsukushitoilet/howtouse/images/use04_img01.jpg" alt=""></div><div class="clear"></div>
</div>
</div>
</section>
<script type="text/javascript" >
<!--
includeFoot();
//-->
</script>
</ul>
<div class="clear"></div>
<h2 class="line"><span>03</span>Toilet Sound Effects Device</h2>
<div class="bisection">
<div class="lft">Some public toilets in Japan may be equipped with "Flushing Sound Devices" that provide the sound of running water to mask body function sounds. <br>
The operation of each according to the type is as follows. The cover sound will play for a set period of time then automatically turn off.
<ul class="txt_list">
<li>Sensor Type: Placing your hand over the sensor will turn on the sound.</li>
<li>Button Type: Pressing the button will start the sound.</li>
<li>Automatic Type: When the toilet is entered, it will sense the presence of a person and automatically turn on the sound.</li>
</ul>
</div>
<div><img src="./images/use03_img01.gif" alt=""></div>
<div class="clear"></div>
</div>
<h2 class="line"><span>04</span>Emergency Call Button</h2>
<div class="bisection mb0">
<p>An Emergency Call Button similar to the photo may be found near the flush button.
If you press this button when you are feeling ill inside the toilet, some will come to your aid. Please take care not to press this button unless it is an emergency.</p>
<div><img src="/utsukushitoilet/howtouse/images/use04_img01.jpg" alt=""></div>
<div class="clear"></div>
</div>
<p class="see_detail">※「緊急呼び出しボタン」「洗浄ボタン」「紙巻器」の配置についてはISOで規定されています。詳しくは<a href="/global/about_iso19026/">こちら</a>をご覧ください。</p>
</div>
</section>
<script type="text/javascript">
<!--
includeFoot();
//
-->
</script>
</body>
</html>
\ No newline at end of file
</html>
utsukushitoilet/shared/css/common.css
......@@ -1519,3 +1519,23 @@ header.pht {
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