Skip to content

sora / sanitary-net

Go to a project
Commit f8fbf59f by o.kimura
Options

T146PDFダウンロード対応

parent 7602ee26
Expand all
Inline Side-by-side
Showing with 853 additions and 64 deletions
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 {
font-size: 20px;
text-align: left;
}
p, .second .block > p {
p,
.second .block > p {
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
}
.owner_menu p {
margin-bottom: 50px;
}
.owner_menu ul{
.owner_menu ul {
text-align: center;
width: 29.5em;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
}
.owner_menu li {
display: block;
float: left;
......@@ -28,19 +35,24 @@ p, .second .block > p {
margin-top: 30px;
white-space: nowrap;
}
.owner_menu li a {
display: block;
padding: 8px;
font-weight: bold;
}
.owner_menu li a, .owner_menu li span {
.owner_menu li a,
.owner_menu li span {
color: #e9573e;
font-family: Arial, Helvetica・ Verdana;
font-stretch: condensed;
}
.owner_menu li:first-child {
margin-left: 0;
}
.owner_menu li span {
position: absolute;
left: 4px;
......@@ -48,100 +60,116 @@ p, .second .block > p {
font-size: 28px;
}
.label{
.label {
overflow: hidden;
display: flex;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
}
.label li{
.label li {
width: 49.9%;
padding-bottom: 10px;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.label li:nth-child(1),
.label li:nth-child(3){
.label li:nth-child(3) {
border-left: 1px solid #ccc;
}
.label li strong{
.label li strong {
display: block;
width: 100%;
background: #666;
color: #fff;
padding: .5em 0;
margin-bottom: 1em;
text-align: left;
padding-left: 20px;
}
.label li p{
.label li p {
width: 90%;
margin: 5px auto;
text-align: left;
}
.label li span{
.label li span {
display: block;
font-size: 85%;
}
.label li a{
.label li a {
display: block;
text-align: left;
margin: 5px 0 0 15px;
color: #e9573e;
font-weight: bold;
}
.label li a:hover{
.label li a:hover {
text-decoration: underline;
}
.label div{
.label div {
margin-top: 10px;
}
.mb40{
.mb40 {
margin-bottom: 40px;
border-bottom: 1px solid #ccc;
}
#kigou{
#kigou {
width: 100%;
overflow: hidden;
margin: 20px 0 40px 20px;
}
#kigou dt{
#kigou dt {
width: 180px;
float: left;
box-sizing: border-box;
}
#kigou dd{
#kigou dd {
margin-left: auto;
text-align: left;
}
#kigou dd:after{
#kigou dd:after {
display: block;
content: "";
clear: both;
}
#kigou strong{
#kigou strong {
display: block;
}
@media screen and (max-width: 640px) {
h3{
h3 {
margin-left: .75em;
}
#kigou{
#kigou {
margin: 1em 0 0 0;
}
#kigou dt{
#kigou dt {
max-width: 120px;
width: 30%;
float: left;
}
#kigou dt img{
}
#kigou dt img {
width: 80%;
height: auto;
}
#kigou dd{
#kigou dd {
width: 68%;
margin-left: auto;
border-left: none;
......@@ -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 ----------------------------------------*/
@media screen and (max-width:640px){
@media screen and (max-width:640px) {
.owner_menu ul {
margin: 0 auto 0 2%;
/* margin: 0 auto 0 2%;*/
}
.owner_menu li {
width: 36%;
margin-bottom: 4px;
......@@ -163,13 +316,16 @@ p, .second .block > p {
line-height: 1.2;
padding: 8px 0 5px 0;
}
.owner_menu li:first-child {
margin-left: 1%;
}
.owner_menu li span {
top: -21px;
font-size: 26px;
}
.owner_menu.foot_menu {
margin-bottom: 50px;
}
......@@ -181,6 +337,7 @@ p, .second .block > p {
#use ul {
margin-bottom: 20px;
}
#use li {
display: block;
width: 31.3%;
......@@ -189,23 +346,27 @@ p, .second .block > p {
margin-left: 3%;
margin-bottom: 40px;
}
#use li:first-child {
margin-left: 0;
}
#use li img {
width: 100%;
}
br.sp{
br.sp {
display: none;
}
@media screen and (max-width:640px){
.label{
@media screen and (max-width:640px) {
.label {
display: block;
border: none;
}
.label li{
.label li {
float: none;
display: block;
clear: both;
......@@ -213,14 +374,17 @@ br.sp{
margin: 1px auto 30px auto;
border: none;
}
.label li:nth-child(1),
.label li:nth-child(3){
.label li:nth-child(3) {
border-left: none;
}
.label li img{
.label li img {
width: 100%;
height: auto;
}
#use li {
float: none;
display: block;
......@@ -228,16 +392,20 @@ br.sp{
width: 92%;
margin: 1px auto 30px auto;
}
#use li p {
margin: 10px 0;
}
#use li:first-child {
margin-left: auto;
}
#use li h3 {
margin: 0;
}
br.sp{
br.sp {
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 @@
<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/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_parts.js?ver=191024"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".latest_menu li").autoHeight();
});
</script>
</head>
<body class="second">
......@@ -84,37 +77,32 @@
設置されているタイプに応じて、トイレ個室内の洗浄操作部に近い壁などに貼るなどしてご利用ください。<br>
</p>
</div>
<a href="images/pdf/howtouse_label.pdf" target="_blank">＞＞ダウンロードはこちら</a>
<a href="/utsukushitoilet/owner/flushing_instructions.html">＞ダウンロードはこちら</a>
</li>
<li><strong>トイレ使用上の注意ラベル</strong>
<div><img src="images/label02_2.jpg" alt="トイレ使用上の注意ラベル" width="350" height="auto">
<p>洋式トイレを使用する際の注意点に関するラベルです。パブリックトイレや客室等でご活用ください。</p>
</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>
</ul>
<ul class="label">
<li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル</strong>
<div><img src="images/label03_2.jpg" alt="">
<p>洋式トイレを使用する際の注意点と温水洗浄便座の基本的な操作方法について説明しています。<br>
「おしり」洗浄や「ビデ」洗浄のピクトグラムが、”標準ピクトグラム※”で作成されたものとなっています。<br><span>（※標準ピクトグラムは、2017年度の新商品から各メーカーで順次採用しています。）</span>
トイレ個室内の壁やドア内側に貼るなどしてご利用ください。
<li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム仕様）</strong>
<div><img src="images/label03_2.jpg" alt="トイレの使い方・温水洗浄便座の操作部説明ラベル" width="350" height="auto">
<p>洋式トイレと温水洗浄便座の基本的な使用方法について説明したラベルです。トイレ個室内の壁やドア内側に貼るなどしてご利用ください。<br>
なお、トイレを流す操作方法はいくつか存在しますので、設置されている洗浄方式タイプを選択してご活用ください。
</p>
</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><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル（各社別）</strong>
<div><img src="images/label05_2.jpg" alt="">
<p>洋式トイレを使用する際の注意点と温水洗浄便座の操作方法について説明しています。<br>「おしり」洗浄や「ビデ」洗浄のピクトグラムが、各社毎で異なる従来仕様で作成されたものとなっています。<br>ご採用の各メーカーのものを選択してご利用ください。<br>トイレ個室内の壁やドア内側に貼るなどしてご利用ください。</p>
<li><strong>トイレの使い方・温水洗浄便座の操作部説明ラベル<br>（標準ピクトグラム策定以前の仕様）</strong>
<div><img src="images/label05_2.jpg" alt="トイレの使い方・温水洗浄便座の操作部説明ラベル" width="350" height="auto">
<p>洋式トイレを使用する際の注意点と温水洗浄便座の操作方法について説明しています。
トイレ個室内の壁やドア内側に貼るなどしてご利用ください。<br>
「おしり」洗浄や「ビデ」洗浄のピクトグラムが、各社毎で異なる従来仕様で作成していますので、ご採用のメーカーのものを選択してご利用ください。
</p>
</div>
<a href="https://www.sanitary-net.com/cms/wp-content/uploads/2021/01/data_asahi.pdf" target="_blank">＞＞アサヒ衛陶</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>
<a href="/utsukushitoilet/owner/before_pictograms.html" >＞ダウンロードはこちら</a>
</li>
</ul>
<div class="clear"></div>
......@@ -142,12 +130,16 @@
</div>
</section>
<script type="text/javascript">
<!--
includeFoot();
//
-->
includeFoot();
</script>
</body>
<style>
body {
overflow-x: hidden!important;
width: 100%!important;
}
</style>
</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