Skip to content

sora / sanitary-net

Go to a project
Commit 5d3025dd by o.kimura
Options

T126FB対応

parent 6c43c218
Expand all
Inline Side-by-side
Showing with 131 additions and 94 deletions
clean/technology02.html
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,日本レストルーム工業会"> <meta name="keywords" content="トイレ,取扱説明書,修理受付窓口,お手入れ,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは日本レストルーム工業会が運営しています。"> <meta name="description" content="トイレナビでは、会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内をしています。トイレナビは日本レストルーム工業会が運営しています。">
<title>お掃除らくらく新技術－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title> <title>最新型のトイレ－温水洗浄便座の新技術｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
<!--各ページ共通項目 --> <!--各ページ共通項目 -->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script> <script>
...@@ -86,8 +86,8 @@ ...@@ -86,8 +86,8 @@
<div id="pan" class="pan"> <div id="pan" class="pan">
<ul> <ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li> <li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li> <li class="page_g">最新型のトイレ</li>
<li>お掃除らくらく新技術</li> <li>温水洗浄便座の新技術</li>
</ul> </ul>
</div> </div>
<div id="contents" class="heightLineParent clearfix"> <div id="contents" class="heightLineParent clearfix">
...@@ -95,20 +95,15 @@ ...@@ -95,20 +95,15 @@
<div id="main_contents"> <div id="main_contents">
<h2 class="pngfix"><span><img src="../shared/images/title_latest.png" width="119" height="20" alt="最新型のトイレ" class="pngfix"></span></h2> <h2 class="pngfix"><span><img src="../shared/images/title_latest.png" width="119" height="20" alt="最新型のトイレ" class="pngfix"></span></h2>
<h3 class="pngfix"><span><img src="../shared/images/content/title_text/new_onsui.png" width="259" height="25" alt="お掃除らくらく新技術" class="pngfix" /></span></h3> <h3 class="pngfix"><span><img src="../shared/images/content/title_text/new_onsui.png" width="259" height="25" alt="お掃除らくらく新技術" class="pngfix" /></span></h3>
<div id="section_read02">
<p>お掃除のしやすいトイレは多くのユーザーが望むポイントのひとつです。<br />
会員各社では独自の新しい技術でそのような声にお応えしています。<br />
ここでは、それら「お掃除をらくにする」新技術の一例をご紹介します。<br />
※詳しくは各社ホームページをご覧ください。</p>
</div>
<!--section_a --> <!--section_a -->
<div class="section clearfix mt50" id="section_a"> <div class="section clearfix" id="section_a">
<h4 class="blue pngfix"><img src="images/clean03/seat/section_a_text01.gif" alt="温水洗浄便座の新技術" width="203" height="20" /></h4>
<div class="content"> <div class="content">
<div> <div>
<p class="text">温水洗浄便座と便器の隙間は、掃除ができず悩みのタネでした。最近の温水洗浄便座では、ワンタッチで取外しができるもの、リフトアップしてお掃除のできるものなども登場しています。<br /> <p class="text">温水洗浄便座と便器の隙間は、掃除ができず悩みのタネでした。最近の温水洗浄便座では、ワンタッチで取外しができるもの、リフトアップしてお掃除のできるものなども登場しています。<br />
また、それ以外にも各社それぞれに工夫をこらした独自の技術でお掃除の手間を軽減しています。</p> また、それ以外にも各社それぞれに工夫をこらした独自の技術でお掃除の手間を軽減しています。<br>
ここでは、それら「お掃除をらくにする」新技術の一例をご紹介します。<br>
※詳しくは各社ホームページをご覧ください。</p>
</div> </div>
</div> </div>
...@@ -211,42 +206,44 @@ ...@@ -211,42 +206,44 @@
<p class="text_caution">※画像はサティスGタイプです。</p> <p class="text_caution">※画像はサティスGタイプです。</p>
</div> </div>
<br class="clear" /> --> <br class="clear" /> -->
<div class="left03"><img src="images/clean03/seat/lixil_photo02.jpg" alt="" width="315" height="236" /> <div class="left03"><img src="/clean/images/clean03/seat/lixil_new01.jpg" alt="" width="315" height="236" />
<p><span class="bold">ラクふきフォルム</span><br /> <p><span class="bold">ビデ専用ノズル</span><br />
お掃除ラクラクの形状<br /> 1本はおしり専用、もう1本はビデ専用。デリケートゾーンの洗浄は、おしり洗浄時の便がつかないビデ専用ノズルで。</p>
凹凸がなくつるっとしているので、汚れもサッとひと拭きで落とせるお掃除ラクラク形状です。</p>
<p class="text_caution">※サティスGタイプに対応します。</p>
</div> </div>
<div class="right03"><img src="images/clean03/seat/lixil_photo04.jpg" alt="" width="315" height="236" /> <div class="right03"><img src="/clean/images/clean03/seat/lixil_new02.jpg" alt="" width="315" height="236" />
<p><span class="bold">泡クッション</span><br /> <p><span class="bold">ノズル除菌</span><br />
泡で飛沫を抑えお掃除ラクラク<br /> ノズルは使用後、銀イオン水でしっかり洗浄。洗い流すだけでなく、銀イオンのチカラで除菌して菌の増殖を防ぎます。</p>
溜水面に張った泡が、男性立ち小用時の飛沫汚れや着水音を軽減します。</p>
<p class="text_caution">※サティスGタイプに対応します。</p>
</div> </div>
<br class="clear" /> <br class="clear" />
<div class="left03"><img src="images/clean03/seat/lixil_photo03.jpg" alt="" width="315" height="236" /> <div class="left03"><img src="/clean/images/clean03/seat/lixil_new03.jpg" alt="" width="315" height="236" />
<p><span class="bold">ノズルオートクリーニング</span><br />
使用前後にノズルを水道水で洗浄します。</p>
</div> </div>
<div class="right03"><img src="images/clean03/seat/lixil_photo03-2.jpg" alt="" width="315" height="236" /> <div class="right03"><img src="/clean/images/clean03/seat/lixil_new04.jpg" alt="" width="315" height="236" />
<p><span class="bold">ノズル先端着脱</span><br />
ノズルの先端を取り外して簡単に交換できます。</p>
</div> </div>
<p class="text"><span class="bold">電動お掃除リフトアップ</span><br />
真上にしっかり上がるから、お掃除できなかったすき間汚れが奥まで楽に拭き取れて、気になるにおいの元もカットします。</P>
<br class="clear" /> <br class="clear" />
<div class="left03"><img src="images/clean03/seat/lixil_photo05.jpg" alt="" width="315" height="236" /> <div class="left03"><img src="/clean/images/clean03/seat/lixil_new06.jpg" alt="" width="315" height="236" />
<p><span class="bold">スッキリノズルシャッター</span><br />
使わないときはノズルを収納。男子小用時などの汚れの心配もなく、ノズルはいつも清潔。シャッターは着脱可能なので、お手入れも簡単です。</p>
</div> </div>
<div class="right03"><img src="images/clean03/seat/lixil_photo05-2.jpg" alt="" width="315" height="236" /> <div class="right03"><img src="/clean/images/clean03/seat/lixil_new07.jpg" alt="" width="315" height="236" />
<p><span class="bold">泡クッション</span><br>
泡で飛沫を抑えお掃除ラクラク<br>
溜水面に張った泡が、男性立ち小用時の飛沫汚れや着水音を軽減します。</p>
</div> </div>
<p class="text"><span class="bold">キレイ便座</span><br />
汚れが入りやすいつぎ目がありません。さらに便座裏は防汚素材で、汚れてもサッとひと拭き、お掃除ラクラク。</P>
<br class="clear" /> <br class="clear" />
<div class="left03"><img src="images/clean03/seat/lixil_photo06.jpg" alt="" width="315" height="225" /> <div class="left03"><img src="/clean/images/clean03/seat/lixil_new08.jpg" alt="" width="315" height="225" />
<p><span class="bold">スッキリノズルシャッター</span><br /> <p><span class="bold">電動お掃除リフトアップ</span><br>
使わないときはノズルを収納。男子小用時などの汚れの心配もなく、ノズルはいつも清潔。シャッターは着脱可能なので、お手入れも簡単です。</p> 真上にしっかり上がるから、お掃除できなかったすき間汚れが奥まで楽に拭き取れて、気になるにおいの元もカットします。</p>
</div> </div>
<div class="right03"><img src="images/clean03/seat/lixil_photo07.jpg" alt="" width="315" height="225" /> <div class="right03"><img src="/clean/images/clean03/seat/lixil_new05.jpg" alt="" width="315" height="225" />
<p><span class="bold">ノズル先端着脱</span><br /> <p><span class="bold">キレイ便座</span><br>
ノズルの先端を取り外して簡単に交換できます。</p> 汚れが入りやすいつぎ目がありません。さらに便座裏は防汚素材で、汚れてもサッとひと拭き、お掃除ラクラク。</p>
</div> </div>
</div> </div>
<p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p> <p class="pagetop"><a href="#container" class="pageLink">ページ上部へ</a></p>
<div class="section_last"> <div class="section_last">
...@@ -284,8 +281,8 @@ ...@@ -284,8 +281,8 @@
<div id="pan_b" class="pan"> <div id="pan_b" class="pan">
<ul> <ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li> <li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li> <li class="page_g">最新型のトイレ</li>
<li>お掃除らくらく新技術</li> <li>温水洗浄便座の新技術</li>
</ul> </ul>
</div> </div>
</div> </div>
......
cms/wp-content/themes/sanitary-net_sp/index.php
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
</head> </head>
<body> <body>
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/shared/inc/gtm_body.php'; ?> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/shared/inc/gtm_body.php'; ?>
<div id="container" class="toppage"> <div id="container" class="toppage">
<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?> <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/sp/shared/inc/header.php'; ?>
<main> <main>
...@@ -89,6 +89,32 @@ ...@@ -89,6 +89,32 @@
</div> </div>
</section> </section>
<section id="index_other">
<div class="section qa">
<h1 class="section_ttl">トイレのお手入れ</h1>
<div class="section content wht">
<img src="/sp/shared/images/trend/study02.png" alt="">
<div class="content">
<h2>トイレのメンテナンス</h2>
<p>トイレを長く快適に、そして安全にお使いいただくためには、正しいメンテナンスは欠かせません。<br>
ここでは便器と温水洗浄便座について、自分でできる点検（セルフチェック）とお手入れ（セルフメンテナンス）について紹介します。</p>
<a href="/sp/clean/maintenance.php"></a>
</div>
</div>
<div class="section content wht">
<div class="content">
<h2>各社取扱説明書</h2>
<p>会員各社のホームページに掲載されている取扱説明書、各社修理受付窓口のご案内です。</p>
<a href="/sp/clean/manual.php"></a>
</div>
</div>
</div>
</section>
<div id="study_index" class="content"> <div id="study_index" class="content">
<section> <section>
<div class="section"> <div class="section">
......
index.html
...@@ -167,11 +167,6 @@ ...@@ -167,11 +167,6 @@
<ul> <ul>
<li><a href="/reform/">リフォームのポイント</a></li> <li><a href="/reform/">リフォームのポイント</a></li>
</ul> </ul>
<h4><img src="images/menu_safety.gif" alt="製品の安全に関して" width="150" height="16" /></h4>
<ul>
<li><a href="/safety/">温水洗浄便座の安全</a></li>
<li><a href="/safety/index02.html">衛生陶器の安全</a></li>
</ul>
<h4><img src="images/menu_aged.gif" alt="高齢化時代のトイレ" width="184" height="16" /></h4> <h4><img src="images/menu_aged.gif" alt="高齢化時代のトイレ" width="184" height="16" /></h4>
<ul class="heightLine-group11"> <ul class="heightLine-group11">
<li><a href="/reform/reform.html">シニア世代のトイレリフォーム</a></li> <li><a href="/reform/reform.html">シニア世代のトイレリフォーム</a></li>
...@@ -183,6 +178,12 @@ ...@@ -183,6 +178,12 @@
<ul class="heightLine-group11"> <ul class="heightLine-group11">
<li><a href="/universal_design/">みんなが使うトイレ</a></li> <li><a href="/universal_design/">みんなが使うトイレ</a></li>
</ul> </ul>
<h4><img src="images/menu_safety.gif" alt="製品の安全に関して" width="150" height="16" /></h4>
<ul>
<li><a href="/safety/">温水洗浄便座の安全</a></li>
<li><a href="/safety/index02.html">衛生陶器の安全</a></li>
</ul>
</div> </div>
</div> </div>
</div> </div>
......
sp/shared/css/common.css
...@@ -2102,6 +2102,7 @@ a:visited { ...@@ -2102,6 +2102,7 @@ a:visited {
.toppage .section.qa { .toppage .section.qa {
padding-bottom: 2em; padding-bottom: 2em;
background-color: #f2f3f6; background-color: #f2f3f6;
margin-bottom: 0;
} }
.toppage .section .tbl { .toppage .section .tbl {
...@@ -2302,6 +2303,10 @@ div.section { ...@@ -2302,6 +2303,10 @@ div.section {
margin: 15px 0; margin: 15px 0;
} }
div.section.new {
margin: 0 auto!important;
}
.section .pt:before { .section .pt:before {
content: "\e904"; content: "\e904";
display: inline; display: inline;
...@@ -2850,4 +2855,25 @@ li.listStyle { ...@@ -2850,4 +2855,25 @@ li.listStyle {
#footer #subnavi li.universal { #footer #subnavi li.universal {
width:100%; width:100%;
}
.margintop-0 {
margin-top: 0!important;
}
div.section.new > div.section{
margin: 28px auto!important;
}
.ttl_header_sp {
padding: 1.5em 0;
background: -moz-linear-gradient(left, #00b7ce, #84e0ed);
background: -webkit-gradient(linear, left top, right bottom, from(#00b7ce), to(#84e0ed));
line-height: 1.4;
text-align: center;
font-size: 171.4%;
font-weight: bold;
color: #fff;
margin-top:95px;
} }
\ No newline at end of file
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