Skip to content

sora / sanitary-net

Go to a project
Commit f8fbf59f by o.kimura
Options

T146PDFダウンロード対応

parent 7602ee26
Inline Side-by-side
Showing with 970 additions and 145 deletions
utsukushitoilet/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns#"> <html lang="ja" prefix="og: http://ogp.me/ns#">
<head> <head>
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="keywords" content=""> <meta name="keywords" content="">
<meta name="description" content=""> <meta name="description" content="">
<title>JAPAN TOILET INFORMATION -NIPPON UTSUKUSHI TOILET-</title> <title>JAPAN TOILET INFORMATION -NIPPON UTSUKUSHI TOILET-</title>
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': <script>
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], (function(w, d, s, l, i) {
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= w[l] = w[l] || [];
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); w[l].push({
})(window,document,'script','dataLayer','GTM-N4F24ZD');</script> 'gtm.start': new Date().getTime(),
<!-- End Google Tag Manager --> 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/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="/utsukushitoilet/shared/css/common_jp.css" type="text/css" media="all"> <link rel="stylesheet" href="/utsukushitoilet/shared/css/common_jp.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css?ver=191024" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css?ver=191024" 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.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.js"></script> <script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common.js?ver=191024"></script> <script type="text/javascript" src="/utsukushitoilet/shared/js/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script> <script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function() {
$('.bxslider').bxSlider({ $('.bxslider').bxSlider({
auto: true, auto: true,
speed: 12000, speed: 12000,
...@@ -37,21 +49,24 @@ $(document).ready(function(){ ...@@ -37,21 +49,24 @@ $(document).ready(function(){
$("#situation li").autoHeight(); $("#situation li").autoHeight();
$("#situation li strong").autoHeight(); $("#situation li strong").autoHeight();
$("#situation li p").autoHeight(); $("#situation li p").autoHeight();
}); });
</script>
</script>
</head> </head>
<body id="top"> <body id="top">
<!-- Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
<!-- End Google Tag Manager (noscript) --> <script type="text/javascript">
<script type="text/javascript" > <!--
<!-- includeHead_Ja('h1');
includeHead_Ja('h1'); //
//-->
</script> -->
<!-- //google analytics --> </script>
<!--div class="overlay"></div> <!-- //google analytics -->
<!--div class="overlay"></div>
<header class="pht"> <header class="pht">
<div class="head_area"> <div class="head_area">
<h1 class="title_area"><a href="/utsukushitoilet/"><img src="/utsukushitoilet/shared/images/logo.svg" alt="JAPAN TOILET INFORMATION"><span class="logo_line"><img src="/utsukushitoilet/shared/images/logo_line.svg" alt="NIPPON UTSUKUSHI TOILET"></span></a></h1> <h1 class="title_area"><a href="/utsukushitoilet/"><img src="/utsukushitoilet/shared/images/logo.svg" alt="JAPAN TOILET INFORMATION"><span class="logo_line"><img src="/utsukushitoilet/shared/images/logo_line.svg" alt="NIPPON UTSUKUSHI TOILET"></span></a></h1>
...@@ -102,15 +117,15 @@ includeHead_Ja('h1'); ...@@ -102,15 +117,15 @@ includeHead_Ja('h1');
</div> </div>
</nav> </nav>
</header--> </header-->
<noscript> <noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p> <p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript> </noscript>
<div class="showcase"> <div class="showcase">
<div class="inner-showcase"> <div class="inner-showcase">
<div class="showcase_phrase"> <div class="showcase_phrase">
<img src="images/mv_phrase.svg" alt="Welcome to Japan “Toilet”"> <img src="images/mv_phrase.svg" alt="Welcome to Japan “Toilet”">
</div> </div>
<div class="menu_box"> <div class="menu_box">
<div class="header_flxpc"> <div class="header_flxpc">
<ul class="header_nav"> <ul class="header_nav">
<li>日本のトイレ事情</li> <li>日本のトイレ事情</li>
...@@ -127,43 +142,61 @@ includeHead_Ja('h1'); ...@@ -127,43 +142,61 @@ includeHead_Ja('h1');
<div class="manage"> <div class="manage">
<a href="/utsukushitoilet/owner/" target="_blank">施設オーナー・管理者様向け</a> <a href="/utsukushitoilet/owner/" target="_blank">施設オーナー・管理者様向け</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<section id="situation"> <section id="situation">
<div> <div>
<h2>日本のトイレ事情</h2> <h2>日本のトイレ事情</h2>
<p>ようこそ日本へ！！<br>旅行中にトイレで困ったことはありませんか？<br>日本のトイレは、そのほとんどが、皆さんが快適に利用できるように清潔に保たれており、基本的に誰もが無料で使用できます。<br>このサイトでは、日本のトイレに関する情報をまとめています。<br>日本での旅と共に、ぜひ日本の快適なトイレも体感してください！</p> <p>ようこそ日本へ！！<br>旅行中にトイレで困ったことはありませんか？<br>日本のトイレは、そのほとんどが、皆さんが快適に利用できるように清潔に保たれており、基本的に誰もが無料で使用できます。<br>このサイトでは、日本のトイレに関する情報をまとめています。<br>日本での旅と共に、ぜひ日本の快適なトイレも体感してください！</p>
<ul> <ul>
<li><div><img src="images/situation01.jpg" alt=""><strong>トイレがある施設</strong><p>訪問先のいろいろな場所にトイレがあります。それぞれの施設にあわせ、おもてなしトイレがあります。</p><span class="button"><a href="situation/">詳細を見る</a></span></div></li> <li>
<li><div><img src="images/situation02.jpg" alt=""><strong>トイレの案内表示</strong><p>日本では、トイレを表す言葉が多数存在します。</p><span class="button"><a href="sign/">詳細を見る</a></span></div></li> <div><img src="images/situation01.jpg" alt=""><strong>トイレがある施設</strong>
<li><div><img src="images/situation03.jpg" alt=""><strong>トイレの種類と使い方</strong><p>日本のトイレは、主に和式トイレ、洋式トイレ、多機能トイレの3種類があります。それぞれ使い方が異なります。</p><span class="button"><a href="type/">詳細を見る</a></span></div></li> <p>訪問先のいろいろな場所にトイレがあります。それぞれの施設にあわせ、おもてなしトイレがあります。</p><span class="button"><a href="situation/">詳細を見る</a></span>
<li><div><img src="images/situation04.jpg" alt=""><strong>トイレ内の器具の使い方</strong><p>設置しているトイレによって、トイレの流し方が異なります。便器から立ち上がると自動で洗浄するものもあります。</p><span class="button"><a href="howtouse/">詳細を見る</a></span></div></li> </div>
</ul><div class="clear"></div> </li>
</div> <li>
</section> <div><img src="images/situation02.jpg" alt=""><strong>トイレの案内表示</strong>
<section id="latest"> <p>日本では、トイレを表す言葉が多数存在します。</p><span class="button"><a href="sign/">詳細を見る</a></span>
<ul class="bxslider"> </div>
</li>
<li>
<div><img src="images/situation03.jpg" alt=""><strong>トイレの種類と使い方</strong>
<p>日本のトイレは、主に和式トイレ、洋式トイレ、多機能トイレの3種類があります。それぞれ使い方が異なります。</p><span class="button"><a href="type/">詳細を見る</a></span>
</div>
</li>
<li>
<div><img src="images/situation04.jpg" alt=""><strong>トイレ内の器具の使い方</strong>
<p>設置しているトイレによって、トイレの流し方が異なります。便器から立ち上がると自動で洗浄するものもあります。</p><span class="button"><a href="howtouse/">詳細を見る</a></span>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="latest">
<ul class="bxslider">
<li><img src="images/slide01.jpg" /></li> <li><img src="images/slide01.jpg" /></li>
<li><img src="images/slide02.jpg" /></li> <li><img src="images/slide02.jpg" /></li>
<li><img src="images/slide03.jpg" /></li> <li><img src="images/slide03.jpg" /></li>
<li><img src="images/slide04.jpg" /></li> <li><img src="images/slide04.jpg" /></li>
<li><img src="images/slide05.jpg" /></li> <li><img src="images/slide05.jpg" /></li>
</ul> </ul>
<div class="latest"> <div class="latest">
<h2>日本の最新トイレ</h2> <h2>日本の最新トイレ</h2>
<p>日本の最新トイレは、温水洗浄便座をはじめとするさまざまな最先端の技術が詰まっています。<br> <p>日本の最新トイレは、温水洗浄便座をはじめとするさまざまな最先端の技術が詰まっています。<br>
安心・安全・快適に利用していただくために進化を続けています。</p> 安心・安全・快適に利用していただくために進化を続けています。</p>
<div> <div>
<a href="/utsukushitoilet/latest/">最新トイレを見る</a> <a href="/utsukushitoilet/latest/">最新トイレを見る</a>
</div> </div>
</div> </div>
</section> </section>
<section id="owner"> <section id="owner">
<div> <div>
<h2>日本のトイレ<br class="sp">関連ラベル・記号<br> <h2>日本のトイレ<br class="sp">関連ラベル・記号<br>
<small>（施設オーナー・管理者様向け）</small></h2> <small>（施設オーナー・管理者様向け）</small>
<div> </h2>
<div>
<ul class="owner_menu"> <ul class="owner_menu">
<li> <li>
<a href="owner/">トイレの使い方<br class="sp">ラベル</a> <a href="owner/">トイレの使い方<br class="sp">ラベル</a>
...@@ -174,16 +207,19 @@ includeHead_Ja('h1'); ...@@ -174,16 +207,19 @@ includeHead_Ja('h1');
<p>トイレに関する案内用図記号の意味と種類についてご紹介しています。</p> <p>トイレに関する案内用図記号の意味と種類についてご紹介しています。</p>
</li> </li>
</ul> </ul>
</div> </div>
<div class="under_menu_box manage"> <div class="under_menu_box manage">
<a href="/utsukushitoilet/owner/" target="_blank">施設オーナー・管理者様向け</a> <a href="/utsukushitoilet/owner/" target="_blank">施設オーナー・管理者様向け</a>
</div> </div>
</div> </div>
</section> </section>
<script type="text/javascript" > <script type="text/javascript">
<!-- <!--
includeFoot(); includeFoot();
//--> //
</script>
-->
</script>
</body> </body>
</html> </html>
utsukushitoilet/owner/_before_pictograms.html 0 → 100644
<!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>施設オーナー・管理者様向け : トイレの使い方・温水洗浄便座 の操作部説明ラベル（標準ピクトグラム制定以前の仕様） - JAPAN TOILET INFORMATION -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_jp.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/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
</head>
<body class="second">
<!-- 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">
<!--
includeHead_Ja('div');
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<section class="first owner_menu">
<div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレの使い方・温水洗浄便座 の操作部説明ラベル（標準ピクトグラム制定以前の仕様）</p>
</div>
<div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul>
<li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="_02">
<div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label">
<li class="instructions"><strong>トイレの使い方・温水洗浄便座 の操作部説明ラベル<br>（標準ピクトグラム制定以前の仕様）</strong>
<div class="instructions_box">
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/1.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/2.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/3.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/4.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/5.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（60×60mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/6.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/7.png" alt=""><a href="" target="_blank">＞ダウンロードはこちら</a>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<script type="text/javascript">
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden !important;
width: 100% !important;
}
</style>
</html>
utsukushitoilet/owner/before_pictograms.html 0 → 100644
<!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>施設オーナー・管理者様向け : トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様） - JAPAN TOILET INFORMATION -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_jp.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/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
</head>
<body class="second">
<!-- 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">
<!--
includeHead_Ja('div');
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<section class="first owner_menu">
<div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様）</p>
</div>
<div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul>
<li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="_02">
<div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label">
<li class="instructions"><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様）</strong>
<div class="instructions_box">
<div>
<p>アサヒ衛陶</p>
<img src="/utsukushitoilet/owner/images/before/1.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_asahi.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>SANEI</p>
<img src="/utsukushitoilet/owner/images/before/2.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_sanei.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>ジャニス工業</p>
<img src="/utsukushitoilet/owner/images/before/3.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_janis.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>東芝ライフスタイル</p>
<img src="/utsukushitoilet/owner/images/before/4.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_toshiba.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>ＴＯＴＯ</p>
<img src="/utsukushitoilet/owner/images/before/5.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_toto.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p class="pana_before">パナソニックハウジングソリューションズ</p>
<img src="/utsukushitoilet/owner/images/before/6.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_panasonic.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>ＬＩＸＩＬ</p>
<img src="/utsukushitoilet/owner/images/before/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/data_lixil.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<script type="text/javascript">
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden !important;
width: 100% !important;
}
</style>
</html>
utsukushitoilet/owner/css/style.css
...@@ -5,19 +5,26 @@ h3 { ...@@ -5,19 +5,26 @@ h3 {
font-size: 20px; font-size: 20px;
text-align: left; text-align: left;
} }
p, .second .block > p {
p,
.second .block > p {
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.owner_menu p { .owner_menu p {
margin-bottom: 50px; margin-bottom: 50px;
} }
.owner_menu ul{
.owner_menu ul {
text-align: center; text-align: center;
width: 29.5em; width: 100%;
margin: 0 auto; margin: 0 auto;
display: flex;
justify-content: center;
} }
.owner_menu li { .owner_menu li {
display: block; display: block;
float: left; float: left;
...@@ -28,19 +35,24 @@ p, .second .block > p { ...@@ -28,19 +35,24 @@ p, .second .block > p {
margin-top: 30px; margin-top: 30px;
white-space: nowrap; white-space: nowrap;
} }
.owner_menu li a { .owner_menu li a {
display: block; display: block;
padding: 8px; padding: 8px;
font-weight: bold; font-weight: bold;
} }
.owner_menu li a, .owner_menu li span {
.owner_menu li a,
.owner_menu li span {
color: #e9573e; color: #e9573e;
font-family: Arial, Helvetica・ Verdana; font-family: Arial, Helvetica・ Verdana;
font-stretch: condensed; font-stretch: condensed;
} }
.owner_menu li:first-child { .owner_menu li:first-child {
margin-left: 0; margin-left: 0;
} }
.owner_menu li span { .owner_menu li span {
position: absolute; position: absolute;
left: 4px; left: 4px;
...@@ -48,100 +60,116 @@ p, .second .block > p { ...@@ -48,100 +60,116 @@ p, .second .block > p {
font-size: 28px; font-size: 28px;
} }
.label{ .label {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
margin-bottom: 1em; margin-bottom: 1em;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.label li{ .label li {
width: 49.9%; width: 49.9%;
padding-bottom: 10px; padding-bottom: 10px;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
.label li:nth-child(1), .label li:nth-child(1),
.label li:nth-child(3){ .label li:nth-child(3) {
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
} }
.label li strong{ .label li strong {
display: block; display: block;
width: 100%; width: 100%;
background: #666; background: #666;
color: #fff; color: #fff;
padding: .5em 0; padding: .5em 0;
margin-bottom: 1em; margin-bottom: 1em;
text-align: left;
padding-left: 20px;
} }
.label li p{
.label li p {
width: 90%; width: 90%;
margin: 5px auto; margin: 5px auto;
text-align: left; text-align: left;
} }
.label li span{
.label li span {
display: block; display: block;
font-size: 85%; font-size: 85%;
} }
.label li a{
.label li a {
display: block; display: block;
text-align: left; text-align: left;
margin: 5px 0 0 15px; margin: 5px 0 0 15px;
color: #e9573e; color: #e9573e;
font-weight: bold; font-weight: bold;
} }
.label li a:hover{
.label li a:hover {
text-decoration: underline; text-decoration: underline;
} }
.label div{
.label div {
margin-top: 10px; margin-top: 10px;
} }
.mb40{ .mb40 {
margin-bottom: 40px; margin-bottom: 40px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
#kigou{ #kigou {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
margin: 20px 0 40px 20px; margin: 20px 0 40px 20px;
} }
#kigou dt{
#kigou dt {
width: 180px; width: 180px;
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
} }
#kigou dd{
#kigou dd {
margin-left: auto; margin-left: auto;
text-align: left; text-align: left;
} }
#kigou dd:after{
#kigou dd:after {
display: block; display: block;
content: ""; content: "";
clear: both; clear: both;
} }
#kigou strong{
#kigou strong {
display: block; display: block;
} }
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
h3{ h3 {
margin-left: .75em; margin-left: .75em;
} }
#kigou{
#kigou {
margin: 1em 0 0 0; margin: 1em 0 0 0;
} }
#kigou dt{
#kigou dt {
max-width: 120px; max-width: 120px;
width: 30%; width: 30%;
float: left; float: left;
} }
#kigou dt img{
#kigou dt img {
width: 80%; width: 80%;
height: auto; height: auto;
} }
#kigou dd{
#kigou dd {
width: 68%; width: 68%;
margin-left: auto; margin-left: auto;
border-left: none; border-left: none;
...@@ -149,11 +177,136 @@ p, .second .block > p { ...@@ -149,11 +177,136 @@ p, .second .block > p {
} }
} }
/* 2025/1/23 */
ul li.instructions {
width: 100%;
}
.instructions_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.usage_box {
text-align: left;
}
.instructions_box div {
box-sizing: border-box;
margin: 0;
margin: 0 10px 10px 0;
width: calc(31.3%);
}
.usage_box div {
box-sizing: border-box;
margin: 0;
margin: 0 10px 10px 0;
width: calc(50.3%);
}
.instructions_box img {
width: 200px;
border: 1px solid #cccccc;
border-radius: 10px;
padding: 8px 16px;
}
.usage_box img {
width: 300px;
border: 1px solid #cccccc;
border-radius: 10px;
padding: 8px 16px;
margin-left: 50px;
}
#standard_pict .usage_box img {
width: 200px;
border: 1px solid #cccccc;
border-radius: 10px;
padding: 8px 16px;
margin-left: 50px;
}
.instructions_box a {
text-align: center !important;
margin: 0 !important;
}
.usage_box a {
text-align: left !important;
margin-left: 50px !important;
}
.instructions_box p {
display: flex;
justify-content: center;
font-weight: bold;
color: #6f6f6f;
}
.usage_box p {
text-align: left !important;
font-weight: bold;
color: #6f6f6f;
}
.instructions_box .spacer {
width: 308px;
}
h4.usage_left {
display: block;
text-align: left !important;
font-weight: bold;
font-size: 16px;
margin-left: 50px;
margin-top: 20px;
color: #6f6f6f;
}
.pana_before {
font-size: 90%;
}
@media screen and (max-width: 640px) {
.instructions_box div {
width: calc(44.3%);
}
.instructions_box img {
width: 150px !important;
}
.usage_box img {
width: 50% !important;
margin-left: 20px;
}
.usage_box a {
text-align: left !important;
margin-left: 20px !important;
}
.usage_left {
text-align: left !important;
}
h4.usage_left {
margin-left: 20px;
}
}
/* 0-640px ----------------------------------------*/ /* 0-640px ----------------------------------------*/
@media screen and (max-width:640px){ @media screen and (max-width:640px) {
.owner_menu ul { .owner_menu ul {
margin: 0 auto 0 2%; /* margin: 0 auto 0 2%;*/
} }
.owner_menu li { .owner_menu li {
width: 36%; width: 36%;
margin-bottom: 4px; margin-bottom: 4px;
...@@ -163,13 +316,16 @@ p, .second .block > p { ...@@ -163,13 +316,16 @@ p, .second .block > p {
line-height: 1.2; line-height: 1.2;
padding: 8px 0 5px 0; padding: 8px 0 5px 0;
} }
.owner_menu li:first-child { .owner_menu li:first-child {
margin-left: 1%; margin-left: 1%;
} }
.owner_menu li span { .owner_menu li span {
top: -21px; top: -21px;
font-size: 26px; font-size: 26px;
} }
.owner_menu.foot_menu { .owner_menu.foot_menu {
margin-bottom: 50px; margin-bottom: 50px;
} }
...@@ -181,6 +337,7 @@ p, .second .block > p { ...@@ -181,6 +337,7 @@ p, .second .block > p {
#use ul { #use ul {
margin-bottom: 20px; margin-bottom: 20px;
} }
#use li { #use li {
display: block; display: block;
width: 31.3%; width: 31.3%;
...@@ -189,23 +346,27 @@ p, .second .block > p { ...@@ -189,23 +346,27 @@ p, .second .block > p {
margin-left: 3%; margin-left: 3%;
margin-bottom: 40px; margin-bottom: 40px;
} }
#use li:first-child { #use li:first-child {
margin-left: 0; margin-left: 0;
} }
#use li img { #use li img {
width: 100%; width: 100%;
} }
br.sp{
br.sp {
display: none; display: none;
} }
@media screen and (max-width:640px){ @media screen and (max-width:640px) {
.label{ .label {
display: block; display: block;
border: none; border: none;
} }
.label li{
.label li {
float: none; float: none;
display: block; display: block;
clear: both; clear: both;
...@@ -213,14 +374,17 @@ br.sp{ ...@@ -213,14 +374,17 @@ br.sp{
margin: 1px auto 30px auto; margin: 1px auto 30px auto;
border: none; border: none;
} }
.label li:nth-child(1), .label li:nth-child(1),
.label li:nth-child(3){ .label li:nth-child(3) {
border-left: none; border-left: none;
} }
.label li img{
.label li img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
#use li { #use li {
float: none; float: none;
display: block; display: block;
...@@ -228,16 +392,20 @@ br.sp{ ...@@ -228,16 +392,20 @@ br.sp{
width: 92%; width: 92%;
margin: 1px auto 30px auto; margin: 1px auto 30px auto;
} }
#use li p { #use li p {
margin: 10px 0; margin: 10px 0;
} }
#use li:first-child { #use li:first-child {
margin-left: auto; margin-left: auto;
} }
#use li h3 { #use li h3 {
margin: 0; margin: 0;
} }
br.sp{
br.sp {
display: block; display: block;
} }
......
utsukushitoilet/owner/flushing_instructions.html 0 → 100644
<!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>施設オーナー・管理者様向け : トイレの流し方ラベル - JAPAN TOILET INFORMATION -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_jp.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/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
</head>
<body class="second">
<!-- 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">
<!--
includeHead_Ja('div');
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<section class="first owner_menu">
<div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレの流し方ラベル</p>
</div>
<div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul>
<li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="_02">
<div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label">
<li class="instructions"><strong>トイレの流し方ラベル</strong>
<div class="instructions_box">
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/1.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/2.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/3.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/4.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/5.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>シールサイズ（60×60mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/6.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>シールサイズ（90×90mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<script type="text/javascript">
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden !important;
width: 100% !important;
}
</style>
</html>
utsukushitoilet/owner/images/label02_2.jpg
utsukushitoilet/owner/images/label02_2.jpg

37.7 KB | W: | H:

utsukushitoilet/owner/images/label02_2.jpg

51.8 KB | W: | H:

utsukushitoilet/owner/images/label02_2.jpg
utsukushitoilet/owner/images/label02_2.jpg
utsukushitoilet/owner/images/label02_2.jpg
utsukushitoilet/owner/images/label02_2.jpg
  • 2-up
  • Swipe
  • Onion skin
utsukushitoilet/owner/images/label03_2.jpg
utsukushitoilet/owner/images/label03_2.jpg

30.3 KB | W: | H:

utsukushitoilet/owner/images/label03_2.jpg

39.4 KB | W: | H:

utsukushitoilet/owner/images/label03_2.jpg
utsukushitoilet/owner/images/label03_2.jpg
utsukushitoilet/owner/images/label03_2.jpg
utsukushitoilet/owner/images/label03_2.jpg
  • 2-up
  • Swipe
  • Onion skin
utsukushitoilet/owner/images/label04_2.jpg
utsukushitoilet/owner/images/label04_2.jpg

12.3 KB | W: | H:

utsukushitoilet/owner/images/label04_2.jpg

78.6 KB | W: | H:

utsukushitoilet/owner/images/label04_2.jpg
utsukushitoilet/owner/images/label04_2.jpg
utsukushitoilet/owner/images/label04_2.jpg
utsukushitoilet/owner/images/label04_2.jpg
  • 2-up
  • Swipe
  • Onion skin
utsukushitoilet/owner/images/label05_2.jpg
utsukushitoilet/owner/images/label05_2.jpg

29.4 KB | W: | H:

utsukushitoilet/owner/images/label05_2.jpg

78.6 KB | W: | H:

utsukushitoilet/owner/images/label05_2.jpg
utsukushitoilet/owner/images/label05_2.jpg
utsukushitoilet/owner/images/label05_2.jpg
utsukushitoilet/owner/images/label05_2.jpg
  • 2-up
  • Swipe
  • Onion skin
utsukushitoilet/owner/index.html
...@@ -31,15 +31,8 @@ ...@@ -31,15 +31,8 @@
<link rel="stylesheet" href="/utsukushitoilet/shared/css/common_jp.css" type="text/css" media="all"> <link rel="stylesheet" href="/utsukushitoilet/shared/css/common_jp.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.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.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/jquery.plugin.js"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common.js?ver=191024"></script> <script type="text/javascript" src="/utsukushitoilet/shared/js/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script> <script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".latest_menu li").autoHeight();
});
</script>
</head> </head>
<body class="second"> <body class="second">
...@@ -84,37 +77,32 @@ ...@@ -84,37 +77,32 @@
設置されているタイプに応じて、トイレ個室内の洗浄操作部に近い壁などに貼るなどしてご利用ください。<br> 設置されているタイプに応じて、トイレ個室内の洗浄操作部に近い壁などに貼るなどしてご利用ください。<br>
</p> </p>
</div> </div>
<a href="images/pdf/howtouse_label.pdf" target="_blank">＞＞ダウンロードはこちら</a> <a href="/utsukushitoilet/owner/flushing_instructions.html">＞ダウンロードはこちら</a>
</li> </li>
<li><strong>トイレ使用上の注意ラベル</strong> <li><strong>トイレ使用上の注意ラベル</strong>
<div><img src="images/label02_2.jpg" alt="トイレ使用上の注意ラベル" width="350" height="auto"> <div><img src="images/label02_2.jpg" alt="トイレ使用上の注意ラベル" width="350" height="auto">
<p>洋式トイレを使用する際の注意点に関するラベルです。パブリックトイレや客室等でご活用ください。</p> <p>洋式トイレを使用する際の注意点に関するラベルです。パブリックトイレや客室等でご活用ください。</p>
</div> </div>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2015/10/1809_type_a.pdf" target="_blank">＞＞ダウンロードはこちら</a> <a href="/utsukushitoilet/owner/usage_warning.html">＞ダウンロードはこちら</a>
</li> </li>
</ul> </ul>
<ul class="label"> <ul class="label">
<li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル</strong> <li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム仕様）</strong>
<div><img src="images/label03_2.jpg" alt=""> <div><img src="images/label03_2.jpg" alt="トイレの使い方・温水洗浄便座の操作部説明ラベル" width="350" height="auto">
<p>洋式トイレを使用する際の注意点と温水洗浄便座の基本的な操作方法について説明しています。<br> <p>洋式トイレと温水洗浄便座の基本的な使用方法について説明したラベルです。トイレ個室内の壁やドア内側に貼るなどしてご利用ください。<br>
「おしり」洗浄や「ビデ」洗浄のピクトグラムが、”標準ピクトグラム※”で作成されたものとなっています。<br><span>（※標準ピクトグラムは、2017年度の新商品から各メーカーで順次採用しています。）</span> なお、トイレを流す操作方法はいくつか存在しますので、設置されている洗浄方式タイプを選択してご活用ください。
トイレ個室内の壁やドア内側に貼るなどしてご利用ください。
</p> </p>
</div> </div>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2020/09/200901_tipe_b_hyoujunn.pdf" target="_blank">＞＞ダウンロードはこちら</a> <a href="/utsukushitoilet/owner/standard_pictogram.html">＞ダウンロードはこちら</a>
</li> </li>
<li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル（各社別）</strong> <li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム策定以前の仕様）</strong>
<div><img src="images/label05_2.jpg" alt=""> <div><img src="images/label05_2.jpg" alt="トイレの使い方・温水洗浄便座の操作部説明ラベル" width="350" height="auto">
<p>洋式トイレを使用する際の注意点と温水洗浄便座の操作方法について説明しています。<br>「おしり」洗浄や「ビデ」洗浄のピクトグラムが、各社毎で異なる従来仕様で作成されたものとなっています。<br>ご採用の各メーカーのものを選択してご利用ください。<br>トイレ個室内の壁やドア内側に貼るなどしてご利用ください。</p> <p>洋式トイレを使用する際の注意点と温水洗浄便座の操作方法について説明しています。
トイレ個室内の壁やドア内側に貼るなどしてご利用ください。<br>
「おしり」洗浄や「ビデ」洗浄のピクトグラムが、各社毎で異なる従来仕様で作成していますので、ご採用のメーカーのものを選択してご利用ください。
</p>
</div> </div>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_asahi.pdf" target="_blank">＞＞アサヒ衛陶</a> <a href="/utsukushitoilet/owner/before_pictograms.html" >＞ダウンロードはこちら</a>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_sanei.pdf" target="_blank">＞＞SANEI</a>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_janis.pdf" target="_blank">＞＞ジャニス</a>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_toshiba.pdf" target="_blank">＞＞東芝ライフスタイル</a>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_toto.pdf" target="_blank">＞＞TOTO</a>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_panasonic.pdf" target="_blank">＞＞パナソニック</a>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_lixil.pdf" target="_blank">＞＞LIXIL</a>
<div>
</li> </li>
</ul> </ul>
<div class="clear"></div> <div class="clear"></div>
...@@ -142,12 +130,16 @@ ...@@ -142,12 +130,16 @@
</div> </div>
</section> </section>
<script type="text/javascript"> <script type="text/javascript">
<!--
includeFoot();
//
--> includeFoot();
</script> </script>
</body> </body>
<style>
body {
overflow-x: hidden!important;
width: 100%!important;
}
</style>
</html> </html>
utsukushitoilet/owner/pdf/data_asahi.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/data_janis.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/data_lixil.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/data_panasonic.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/data_sanei.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/data_toshiba.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/data_toto.pdf 0 → 100644
No preview for this file type
utsukushitoilet/owner/pdf/standard_pictogram_1.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_2.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_3.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_4.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_5.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_6.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_7.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/usage_warning_1.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/usage_warning_2.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/usage_warning_3.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/usage_warning_4.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/usage_warning_5.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/usage_warning_6.pdf 0 → 100644
This diff could not be displayed because it is too large.
utsukushitoilet/owner/standard_pictogram.html 0 → 100644
<!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>施設オーナー・管理者様向け : トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様） - JAPAN TOILET INFORMATION -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_jp.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/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
</head>
<body class="second">
<!-- 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">
<!--
includeHead_Ja('div');
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<section class="first owner_menu">
<div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様）</p>
</div>
<div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul>
<li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="_02">
<div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label">
<li class="instructions"><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム仕様）</strong>
<div class="instructions_box">
<div>
<p>レバーハンドル式</p>
<img src="/utsukushitoilet/owner/images/standard/1.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_1.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>レバー式</p>
<img src="/utsukushitoilet/owner/images/standard/2.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_2.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>ボタン式</p>
<img src="/utsukushitoilet/owner/images/standard/3.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_3.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>東芝ライフスタイル</p>
<img src="/utsukushitoilet/owner/images/standard/4.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_4.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>ボタン式（リモコン）</p>
<img src="/utsukushitoilet/owner/images/standard/5.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_5.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p class="pana_before">パナソニックハウジングソリューションズ</p>
<img src="/utsukushitoilet/owner/images/standard/6.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_6.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<p>手かざしセンサー式</p>
<img src="/utsukushitoilet/owner/images/standard/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_7.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<script type="text/javascript">
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden !important;
width: 100% !important;
}
</style>
</html>
utsukushitoilet/owner/usage_warning.html 0 → 100644
<!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>施設オーナー・管理者様向け : トイレ使用上の注意ラベル
- JAPAN TOILET INFORMATION -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_jp.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/common.js?ver=191024"></script>
<script type="text/javascript" src="/utsukushitoilet/shared/js/common_parts.js?ver=191024"></script>
</head>
<body class="second">
<!-- 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">
<!--
includeHead_Ja('div');
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<section class="first owner_menu">
<div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレ使用上の注意ラベル</p>
</div>
<div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul>
<li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li>
</ul>
<div class="clear"></div>
</div>
</section>
<section id="_02">
<div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label">
<li class="instructions"><strong>トイレ使用上の注意ラベル</strong>
<div class="usage_box">
<p>注意ラベル集約版</p><img src="/utsukushitoilet/owner/images/usage/1.png" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_1.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<h4 class="usage_left">注意ラベル単体版</h4> <div class="instructions_box">
<div>
<img src="/utsukushitoilet/owner/images/usage/2.png" alt="/utsukushitoilet/owner/pdf/usage_warning_2.pdf"><a href="" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<img src="/utsukushitoilet/owner/images/usage/3.png" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_3.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<img src="/utsukushitoilet/owner/images/usage/4.png" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_4.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<img src="/utsukushitoilet/owner/images/usage/5.png" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_5.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div>
<img src="/utsukushitoilet/owner/images/usage/6.png" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_6.pdf" target="_blank" download>＞PDFダウンロード</a>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</section>
<script type="text/javascript">
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden !important;
width: 100% !important;
}
</style>
</html>
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