Skip to content

sora / sanitary-net

Go to a project
Commit 29aefcaf by o.kimura
Options

FB対応

parent 04311511
Inline Side-by-side
Showing with 120 additions and 118 deletions
utsukushitoilet/owner/before_pictograms.html
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</noscript> </noscript>
<section class="first owner_menu"> <section class="first owner_menu">
<div class="block" id="breadcrumbs_area"> <div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様）</p> <p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>各社の温水洗浄便座の操作部説明ラベル（標準ピクトグラム策定以前の仕様）</p>
</div> </div>
<div class="block"> <div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1> <h1>施設オーナー・<br class="sp">管理者様向け</h1>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<div class="block"> <div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2> <h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label"> <ul class="label">
<li class="instructions"><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル（標準ピクトグラム仕様）</strong> <li class="instructions"><strong>各社の温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム策定以前の仕様）</strong>
<div class="instructions_box"> <div class="instructions_box">
<div> <div>
......
utsukushitoilet/owner/css/style.css
...@@ -93,6 +93,7 @@ p, ...@@ -93,6 +93,7 @@ p,
.label li p { .label li p {
margin: 5px auto; margin: 5px auto;
text-align: left; text-align: left;
padding: 0 8px;
} }
.label li span { .label li span {
......
utsukushitoilet/owner/flushing_instructions.html
...@@ -72,24 +72,24 @@ ...@@ -72,24 +72,24 @@
<div class="instructions_box"> <div class="instructions_box">
<div> <div>
<p>ラベルサイズ（90×90mm）</p> <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> <img src="/utsukushitoilet/owner/images/instrunctions/1.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_1.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div> <div>
<p>ラベルサイズ（90×90mm）</p> <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> <img src="/utsukushitoilet/owner/images/instrunctions/2.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_2.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div> <div>
<p>ラベルサイズ（90×90mm）</p> <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> <img src="/utsukushitoilet/owner/images/instrunctions/3.jpg" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_3.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div> <div>
<p>ラベルサイズ（90×90mm）</p> <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> <img src="/utsukushitoilet/owner/images/instrunctions/4.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_4.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div> <div>
<p>ラベルサイズ（90×90mm）</p> <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> <img src="/utsukushitoilet/owner/images/instrunctions/5.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_5.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div class="spacer"></div> <div class="spacer"></div>
</div> </div>
...@@ -98,11 +98,11 @@ ...@@ -98,11 +98,11 @@
<div class="instructions_box"> <div class="instructions_box">
<div> <div>
<p>ラベルサイズ（60×60mm）</p> <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> <img src="/utsukushitoilet/owner/images/instrunctions/6.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_6.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div> <div>
<p>ラベルサイズ（40×40mm）</p> <p>ラベルサイズ（40×40mm）</p>
<img src="/utsukushitoilet/owner/images/instrunctions/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions.pdf" target="_blank" download>＞PDFダウンロード</a> <img src="/utsukushitoilet/owner/images/instrunctions/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/flushing_instructions_7.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div class="spacer"></div> <div class="spacer"></div>
......
utsukushitoilet/owner/images/label02_2.jpg
utsukushitoilet/owner/images/label02_2.jpg

87.9 KB | W: | H:

utsukushitoilet/owner/images/label02_2.jpg

124 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

39.4 KB | W: | H:

utsukushitoilet/owner/images/label03_2.jpg

59.7 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/standard/4.png
utsukushitoilet/owner/images/standard/4.png

112 KB | W: | H:

utsukushitoilet/owner/images/standard/4.png

114 KB | W: | H:

utsukushitoilet/owner/images/standard/4.png
utsukushitoilet/owner/images/standard/4.png
utsukushitoilet/owner/images/standard/4.png
utsukushitoilet/owner/images/standard/4.png
  • 2-up
  • Swipe
  • Onion skin
utsukushitoilet/owner/images/standard/5.png
utsukushitoilet/owner/images/standard/5.png

114 KB | W: | H:

utsukushitoilet/owner/images/standard/5.png

112 KB | W: | H:

utsukushitoilet/owner/images/standard/5.png
utsukushitoilet/owner/images/standard/5.png
utsukushitoilet/owner/images/standard/5.png
utsukushitoilet/owner/images/standard/5.png
  • 2-up
  • Swipe
  • Onion skin
utsukushitoilet/owner/index.html
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
</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="/utsukushitoilet/owner/usage_warning.html">＞ダウンロードはこちら</a> <a href="/utsukushitoilet/owner/usage_warning.html">＞ダウンロードはこちら</a>
</li> </li>
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
<li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム仕様）</strong> <li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム仕様）</strong>
<div><img src="images/label03_2.jpg" alt="トイレの使い方・温水洗浄便座の操作部説明ラベル" width="350" height="auto"> <div><img src="images/label03_2.jpg" alt="トイレの使い方・温水洗浄便座の操作部説明ラベル" width="350" height="auto">
<p>洋式トイレと温水洗浄便座の基本的な使用方法について説明したラベルです。トイレ個室内の壁やドア内側に貼るなどしてご利用ください。<br> <p>洋式トイレと温水洗浄便座の基本的な使用方法について説明したラベルです。トイレ個室内の壁やドア内側に貼るなどしてご利用ください。<br>
なお、トイレを流す操作方法はいくつか存在しますので、設置されている洗浄方式タイプを選択してご活用ください。 なお、トイレを流す操作方法はいくつか存在しますので、設置されている洗浄方式タイプを選択してご利用ください。
</p> </p>
</div> </div>
<a href="/utsukushitoilet/owner/standard_pictogram.html">＞ダウンロードはこちら</a> <a href="/utsukushitoilet/owner/standard_pictogram.html">＞ダウンロードはこちら</a>
......
utsukushitoilet/owner/pdf/standard_pictogram_4.pdf
This diff could not be displayed because it is too large.
utsukushitoilet/owner/pdf/standard_pictogram_5.pdf
This diff could not be displayed because it is too large.
utsukushitoilet/owner/standard_pictogram.html
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
<div> <div>
<p>● 自動洗浄式</p><span>自動洗浄機能付き便器の場合には、<br class="pc-only">他のラベルと併用してご活用ください。</span> <p>● 自動洗浄式</p><span>自動洗浄機能付き便器の場合には、<br class="pc-only">他のラベルと併用してご活用ください。</span>
<img src="/utsukushitoilet/owner/images/standard/7.png" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_7.pdf" target="_blank" download>＞PDFダウンロード</a> <img src="/utsukushitoilet/owner/images/standard/7.jpg" alt=""><a href="/utsukushitoilet/owner/pdf/standard_pictogram_7.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<div class="spacer"></div> <div class="spacer"></div>
<div class="spacer"></div> <div class="spacer"></div>
......
utsukushitoilet/owner/usage_warning.html
...@@ -2,117 +2,118 @@ ...@@ -2,117 +2,118 @@
<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>施設オーナー・管理者様向け : トイレ使用上の注意ラベル <title>施設オーナー・管理者様向け : トイレ使用上の注意ラベル
- JAPAN TOILET INFORMATION -NIPPON UTSUKUSHI TOILET-</title> - JAPAN TOILET INFORMATION -NIPPON UTSUKUSHI TOILET-</title>
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script> <script>
(function(w, d, s, l, i) { (function(w, d, s, l, i) {
w[l] = w[l] || []; w[l] = w[l] || [];
w[l].push({ w[l].push({
'gtm.start': new Date().getTime(), 'gtm.start': new Date().getTime(),
event: 'gtm.js' event: 'gtm.js'
}); });
var f = d.getElementsByTagName(s)[0], var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : ''; dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true; j.async = true;
j.src = j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f); f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD'); })(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD');
</script> </script>
<!-- End Google Tag Manager --> <!-- 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" 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/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>
</head> </head>
<body class="second"> <body class="second">
<!-- Google Tag Manager (noscript) --> <!-- 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> <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) --> <!-- End Google Tag Manager (noscript) -->
<script type="text/javascript"> <script type="text/javascript">
<!-- <!--
includeHead_Ja('div'); includeHead_Ja('div');
// //
--> -->
</script> </script>
<noscript> <noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p> <p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript> </noscript>
<section class="first owner_menu"> <section class="first owner_menu">
<div class="block" id="breadcrumbs_area"> <div class="block" id="breadcrumbs_area">
<p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレ使用上の注意ラベル</p> <p class="breadcrumbs"><a href="/utsukushitoilet/">TOP</a> &gt; <em><a href="/utsukushitoilet/owner/">施設オーナー・管理者様向け</a> &gt; </em>トイレ使用上の注意ラベル</p>
</div> </div>
<div class="block"> <div class="block">
<h1>施設オーナー・<br class="sp">管理者様向け</h1> <h1>施設オーナー・<br class="sp">管理者様向け</h1>
<ul> <ul>
<li><a href="./">トイレの使い方ラベル</a></li> <li><a href="./">トイレの使い方ラベル</a></li>
<li><a href="02.html">案内用図記号</a></li> <li><a href="02.html">案内用図記号</a></li>
</ul> </ul>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</section> </section>
<section id="_02"> <section id="_02">
<div class="block"> <div class="block">
<h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2> <h2 class="line">トイレの使い方ラベル<br class="sp">（素材データ）</h2>
<ul class="label"> <ul class="label">
<li class="instructions"><strong>トイレ使用上の注意ラベル</strong> <li class="instructions"><strong>トイレ使用上の注意ラベル</strong>
<div class="usage_box"> <div class="usage_box">
<p>注意ラベル集約版</p><img src="/utsukushitoilet/owner/images/usage/1.jpg" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_1.pdf" target="_blank" download>＞PDFダウンロード</a> <p>注意ラベル集約版</p><img src="/utsukushitoilet/owner/images/usage/1.jpg" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_1.pdf" target="_blank" download>＞PDFダウンロード</a>
</div> </div>
<h4 class="usage_left">注意ラベル単体版</h4> <div class="instructions_box"> <h4 class="usage_left">注意ラベル単体版</h4>
<div> <div class="instructions_box">
<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/2.png" alt=""><a href="/utsukushitoilet/owner/pdf/usage_warning_2.pdf" 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/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/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/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> <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 class="spacer"></div>
<div class="spacer"></div>
</div>
</div>
</li>
</ul> </li>
<div class="clear"></div> </ul>
</div> <div class="clear"></div>
</section> </div>
</section>
<script type="text/javascript">
includeFoot(); <script type="text/javascript">
includeFoot();
</script>
</script>
</body> </body>
<style> <style>
body { body {
overflow-x: hidden !important; overflow-x: hidden !important;
width: 100% !important; width: 100% !important;
} }
</style> </style>
......
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