Skip to content

sora / sanitary-net

Go to a project
Commit c4e0b8bd by o.kimura
Options

動画ページその１

parent 7a9dca8b
Inline Side-by-side
Showing with 1085 additions and 796 deletions
clean/css/parts.css
/*========================================================= /*=========================================================
...@@ -10,138 +9,160 @@ ...@@ -10,138 +9,160 @@
==========================================================*/ ==========================================================*/
div#container div#contents div#main_contents div.section div.content{ div#container div#contents div#main_contents div.section div.content {
width: 676px; width: 676px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
body#clean div#container div#contents div#main_contents div.section h4{
margin-bottom: 30px; body#clean div#container div#contents div#main_contents div.section h4 {
} margin-bottom: 30px;
body#clean div#container div#contents div#main_contents div.section div.content div.normal{ }
margin-bottom: 20px;
} body#clean div#container div#contents div#main_contents div.section div.content div.normal {
body#clean div#container div#contents div#main_contents div.section div.content h5{ margin-bottom: 20px;
margin: 20px 0; }
}
body#clean div#container div#contents div#main_contents div.section ul{ body#clean div#container div#contents div#main_contents div.section div.content h5 {
} margin: 20px 0;
body#clean div#container div#contents div#main_contents div.section li{ }
padding-left: 1em;
text-indent: -1em; body#clean div#container div#contents div#main_contents div.section ul {}
}
body#clean div#container div#contents div#main_contents div.section table{ body#clean div#container div#contents div#main_contents div.section li {
} padding-left: 1em;
body#clean div#container div#contents div#main_contents div.section td{ text-indent: -1em;
width: 160px; }
padding: 3px;
text-align: center; body#clean div#container div#contents div#main_contents div.section table {}
vertical-align: top;
} body#clean div#container div#contents div#main_contents div.section td {
body#clean div#container div#contents div#main_contents div.section td span{ width: 160px;
display: block; padding: 3px;
font-size: 80%; text-align: center;
} vertical-align: top;
}
body#clean div#container div#contents div#main_contents div.section div.text_caution p.midashi{
color: #ff6319; body#clean div#container div#contents div#main_contents div.section td span {
} display: block;
body#clean div#container div#contents div#main_contents div.section div.text_caution{ font-size: 80%;
width: 636px; }
margin: 20px auto;
padding: 20px; body#clean div#container div#contents div#main_contents div.section div.text_caution p.midashi {
border: 1px dotted #ff6319;/* color: #ff6319;
}
body#clean div#container div#contents div#main_contents div.section div.text_caution {
width: 636px;
margin: 20px auto;
padding: 20px;
border: 1px dotted #ff6319;
/*
background-color: #fff8de;*/ background-color: #fff8de;*/
} }
body#clean div#container div#contents div#main_contents h6{
padding-top: 15px; body#clean div#container div#contents div#main_contents h6 {
margin-bottom: 10px; padding-top: 15px;
color: #3252a6; margin-bottom: 10px;
font-weight: bold; color: #3252a6;
font-size: 115%; font-weight: bold;
padding-bottom:2px; font-size: 115%;
border-bottom: 1px solid #3252a6; padding-bottom: 2px;
} border-bottom: 1px solid #3252a6;
body#clean div#container div#contents div#main_contents div.content div.left01{ }
width: 242px;
float: left; body#clean div#container div#contents div#main_contents div.content div.left01 {
margin-bottom: 15px; width: 242px;
} float: left;
body#clean div#container div#contents div#main_contents div.content div.left01 p{ margin-bottom: 15px;
width: 242px; }
}
body#clean div#container div#contents div#main_contents div.content div.left01 img{ body#clean div#container div#contents div#main_contents div.content div.left01 p {
border: 1px solid #ccc; width: 242px;
} }
body#clean div#container div#contents div#main_contents div.content div.right01{
margin-left: auto; body#clean div#container div#contents div#main_contents div.content div.left01 img {
width: 410px; border: 1px solid #ccc;
margin-bottom: 15px; }
}
body#clean div#container div#contents div#main_contents div.content div.right01 p{ body#clean div#container div#contents div#main_contents div.content div.right01 {
width: 410px; margin-left: auto;
} width: 410px;
body#clean div#container div#contents div#main_contents div.content div.right01 p.line{ margin-bottom: 15px;
padding-bottom: 5px; }
margin-bottom: 10px;
border-bottom: 1px dotted #ccc; body#clean div#container div#contents div#main_contents div.content div.right01 p {
} width: 410px;
body#clean div#container div#contents div#main_contents div.content div.right01 ul.cautionsText01{ }
display: block;
font-size: 85%; body#clean div#container div#contents div#main_contents div.content div.right01 p.line {
margin-top: 5px; padding-bottom: 5px;
padding: 10px; margin-bottom: 10px;
border: 1px dotted #ff6319; border-bottom: 1px dotted #ccc;
} }
body#clean div#container div#contents div#main_contents div.content div.right01 ul.cautionsText01 span.midashi{
color: #ff6319; body#clean div#container div#contents div#main_contents div.content div.right01 ul.cautionsText01 {
} display: block;
body#clean div#container div#contents div#main_contents span.box_title{ font-size: 85%;
display: inline-block; margin-top: 5px;
padding: 1px 5px; padding: 10px;
background-color: #3252a6; border: 1px dotted #ff6319;
color: #fff; }
font-weight: bold;
border-radius: 3px; body#clean div#container div#contents div#main_contents div.content div.right01 ul.cautionsText01 span.midashi {
-webkit-border-radius: 3px; color: #ff6319;
-moz-border-radius: 3px; }
margin-bottom: 5px;
font-size: 8pt !important; body#clean div#container div#contents div#main_contents span.box_title {
} display: inline-block;
body#clean div#container div#contents div#main_contents span.box_title2{ padding: 1px 5px;
display: inline-block; background-color: #3252a6;
padding: 1px 3px; color: #fff;
background-color: #ff6319; font-weight: bold;
color: #fff; border-radius: 3px;
font-weight: bold; -webkit-border-radius: 3px;
border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; margin-bottom: 5px;
-moz-border-radius: 3px; font-size: 8pt !important;
margin-bottom: 5px; }
font-size: 8pt !important;
} body#clean div#container div#contents div#main_contents span.box_title2 {
body#clean div#container div#contents div#main_contents div.content div.left02{ display: inline-block;
width: 300px; padding: 1px 3px;
float: left; background-color: #ff6319;
margin-bottom: 15px; color: #fff;
} font-weight: bold;
body#clean div#container div#contents div#main_contents div.content div.right02{ border-radius: 3px;
margin-left: auto; -webkit-border-radius: 3px;
width: 300px; -moz-border-radius: 3px;
margin-bottom: 15px; margin-bottom: 5px;
} font-size: 8pt !important;
body#clean div#container div#contents div#main_contents div.content p.normal{ }
margin-bottom: 15px;
} body#clean div#container div#contents div#main_contents div.content div.left02 {
width: 300px;
body#clean div#container div#contents div#main_contents div.content .box410r{ float: left;
width: 410px; margin-bottom: 15px;
margin-left: auto; }
}
body#clean div#container div#contents div#main_contents div.content div.right02 {
margin-left: auto;
/* width: 300px;
margin-bottom: 15px;
}
body#clean div#container div#contents div#main_contents div.content p.normal {
margin-bottom: 15px;
}
body#clean div#container div#contents div#main_contents div.content .box410r {
width: 410px;
margin-left: auto;
}
/*
...@@ -197,661 +218,738 @@ ...@@ -197,661 +218,738 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
*/ */
/* manual */ /* manual */
body#clean02 div#container div#contents div#main_contents div.section h4{ body#clean02 div#container div#contents div#main_contents div.section h4 {
margin-bottom: 20px; margin-bottom: 20px;
} }
body#clean02 div#container div#contents div#main_contents div.section div.section div.content{ body#clean02 div#container div#contents div#main_contents div.section div.section div.content {
width: 676px; width: 676px;
margin: 0 auto; margin: 0 auto;
} }
body#clean02 div#container div#contents div#main_contents div.section div.content table{ body#clean02 div#container div#contents div#main_contents div.section div.content table {
margin-top: 20px; margin-top: 20px;
border: 2px solid #eee; border: 2px solid #eee;
} }
body#clean02 div#container div#contents div#main_contents div.section div.content th{ body#clean02 div#container div#contents div#main_contents div.section div.content th {
width: 160px; width: 160px;
background: url(../images/clean02/th_back.jpg) repeat left center; background: url(../images/clean02/th_back.jpg) repeat left center;
padding: 5px 10px; padding: 5px 10px;
font-weight: bold; font-weight: bold;
border-right: 1px solid #eee; border-right: 1px solid #eee;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
vertical-align: center; vertical-align: center;
} }
body#clean02 div#container div#contents div#main_contents div.section div.content .last{ body#clean02 div#container div#contents div#main_contents div.section div.content .last {
border-bottom: none; border-bottom: none;
} }
body#clean02 div#container div#contents div#main_contents div.section div.content td{ body#clean02 div#container div#contents div#main_contents div.section div.content td {
padding: 5px 10px; padding: 5px 10px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
vertical-align: center; vertical-align: center;
} }
/* section_a */ /* section_a */
body#clean02 div#container div#contents div#main_contents div#section_a div.content td{ body#clean02 div#container div#contents div#main_contents div#section_a div.content td {
text-align: center; text-align: center;
} }
body#clean02 div#container div#contents div#main_contents div#section_a div.content td.part01{ body#clean02 div#container div#contents div#main_contents div#section_a div.content td.part01 {
width: 140px; width: 140px;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
body#clean02 div#container div#contents div#main_contents div#section_a div.content td.part02{ body#clean02 div#container div#contents div#main_contents div#section_a div.content td.part02 {
width: 140px; width: 140px;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
body#clean02 div#container div#contents div#main_contents div#section_a div.content td.part03{ body#clean02 div#container div#contents div#main_contents div#section_a div.content td.part03 {
width: 140px; width: 140px;
} }
/* section_b */ /* section_b */
body#clean02 div#container div#contents div#main_contents div#section_b div.content td.part01{ body#clean02 div#container div#contents div#main_contents div#section_b div.content td.part01 {
width: 320px; width: 320px;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
body#clean02 div#container div#contents div#main_contents div#section_b div.content td.part02{ body#clean02 div#container div#contents div#main_contents div#section_b div.content td.part02 {
width: 120px; width: 120px;
text-align: center; text-align: center;
} }
body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell01{ body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell01 {
background: url(../images/clean02/icon_tell01.gif) no-repeat left 50%; background: url(../images/clean02/icon_tell01.gif) no-repeat left 50%;
padding: 8px 0 5px 37px; padding: 8px 0 5px 37px;
margin-left: 10px; margin-left: 10px;
font-weight: bold; font-weight: bold;
font-size: 120%; font-size: 120%;
} }
body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell02{ body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell02 {
background: url(../images/clean02/icon_tell02.gif) no-repeat left 50%; background: url(../images/clean02/icon_tell02.gif) no-repeat left 50%;
padding: 8px 0 5px 37px; padding: 8px 0 5px 37px;
margin-left: 10px; margin-left: 10px;
font-weight: bold; font-weight: bold;
font-size: 120%; font-size: 120%;
} }
body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell03{ body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell03 {
background: url(../images/clean02/icon_tell03.gif) no-repeat left 50%; background: url(../images/clean02/icon_tell03.gif) no-repeat left 50%;
padding: 8px 0 5px 37px; padding: 8px 0 5px 37px;
margin-left: 10px; margin-left: 10px;
font-weight: bold; font-weight: bold;
font-size: 120%; font-size: 120%;
} }
body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell03_n{
padding: 8px 0 5px 0; body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell03_n {
margin-left: 10px; padding: 8px 0 5px 0;
font-weight: bold; margin-left: 10px;
font-size: 120%; font-weight: bold;
} font-size: 120%;
body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell04{ }
padding: 8px 0 5px 0;
margin-left: 10px; body#clean02 div#container div#contents div#main_contents div#section_b div.content span.tell04 {
font-weight: bold; padding: 8px 0 5px 0;
font-size: 120%; margin-left: 10px;
} font-weight: bold;
font-size: 120%;
}
/* 高齢社会　*/ /* 高齢社会　*/
body#reform02 div#container div#contents div#main_contents div#section_read div.content{ body#reform02 div#container div#contents div#main_contents div#section_read div.content {
width: 638px; width: 638px;
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
} }
body#reform02 div#container div#contents div#main_contents div#section_read div.content p{ body#reform02 div#container div#contents div#main_contents div#section_read div.content p {
width: 638px; width: 638px;
margin-top: 10px; margin-top: 10px;
font-size: 85%; font-size: 85%;
} }
/* 介護 */ /* 介護 */
body#reform03 div#container div#contents div.content h6{ body#reform03 div#container div#contents div.content h6 {
width: 676px; width: 676px;
margin: 20px auto; margin: 20px auto;
} }
body#reform03 div#container div#contents div.content ul.main_text{ body#reform03 div#container div#contents div.content ul.main_text {
width: 666px; width: 666px;
margin: 0 auto 15px auto; margin: 0 auto 15px auto;
} }
body#reform03 div#container div#contents div.content ul.main_text li{ body#reform03 div#container div#contents div.content ul.main_text li {
padding-left: 1em; padding-left: 1em;
text-indent: -1em; text-indent: -1em;
padding-bottom: 10px; padding-bottom: 10px;
} }
body#reform03 div#container div#contents div.content ul.main_text li span.bold_bluetext{ body#reform03 div#container div#contents div.content ul.main_text li span.bold_bluetext {
display: block; display: block;
font-weight: bold; font-weight: bold;
color: #0543A3; color: #0543A3;
} }
body#reform03 div#container div#contents div.content ul.main_text li span.s_bluetext{ body#reform03 div#container div#contents div.content ul.main_text li span.s_bluetext {
display: block; display: block;
font-size: 85%; font-size: 85%;
padding-left: 1em; padding-left: 1em;
color: #187ABF; color: #187ABF;
} }
body#reform03 div#container div#contents div.content p{ body#reform03 div#container div#contents div.content p {
width: 666px; width: 666px;
margin: 15px auto 0 auto; margin: 15px auto 0 auto;
} }
body#reform03 div#container div#contents div.content ul.item_list{ body#reform03 div#container div#contents div.content ul.item_list {
width: 650px; width: 650px;
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
} }
body#reform03 div#container div#contents div.content ul.item_list li{ body#reform03 div#container div#contents div.content ul.item_list li {
width: 200px; width: 200px;
float: left; float: left;
padding-right: 20px; padding-right: 20px;
margin-bottom: 30px; margin-bottom: 30px;
text-align: left; text-align: left;
} }
body#reform03 div#container div#contents div.content ul.item_list li span{ body#reform03 div#container div#contents div.content ul.item_list li span {
display: block; display: block;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
top: 10px; top: 10px;
} }
body#reform03 div#container div#contents div.content ul.item_list li.last{ body#reform03 div#container div#contents div.content ul.item_list li.last {
padding-right: 0; padding-right: 0;
} }
body#reform03 div#container div#contents div.content p.p_bluetext{ body#reform03 div#container div#contents div.content p.p_bluetext {
font-weight: bold; font-weight: bold;
color: #0543A3; color: #0543A3;
} }
body#reform03 div#container div#contents div.content ul.rent_list{ body#reform03 div#container div#contents div.content ul.rent_list {
width: 610px; width: 610px;
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
padding: 20px; padding: 20px;
border: 2px solid #eee; border: 2px solid #eee;
background-color: #f6f6f6; background-color: #f6f6f6;
} }
body#reform03 div#container div#contents div.content ul.rent_list li{ body#reform03 div#container div#contents div.content ul.rent_list li {
width: 200px; width: 200px;
float: left; float: left;
} }
/* point */ /* point */
div#container div#contents div#main_contents div.content p.point2{
width: 336px;
color: #0543A3;
font-weight: bold;
font-size: 110%;
padding-left: 90px;
padding-top: 3px;
}
div#container div#contents div#main_contents div.content p.p00{
background: url(../../shared/images/common/icon_point.png) no-repeat left top;
}
div#container div#contents div#main_contents div.content p.point2 {
body#reform04 div#container div#contents div.content h6{ width: 336px;
width: 676px; color: #0543A3;
margin: 20px auto; font-weight: bold;
} font-size: 110%;
padding-left: 90px;
div#container div#contents div#main_contents div.section_menu03 li.last{ padding-top: 3px;
margin-right: 0; }
}
div#container div#contents div#main_contents div.content p.p00 {
div#container div#contents div#main_contents div.section_menu03 li.on{ background: url(../../shared/images/common/icon_point.png) no-repeat left top;
color: #888; }
}
div#container div#contents div#main_contents div.bottom_menu_space{ body#reform04 div#container div#contents div.content h6 {
margin-bottom: 40px; width: 676px;
} margin: 20px auto;
}
body#reform04 div#container div#contents div.content{
width: 676px; div#container div#contents div#main_contents div.section_menu03 li.last {
margin: 0 auto 20px auto; margin-right: 0;
} }
body#reform04 div#container div#contents div.content p{ div#container div#contents div#main_contents div.section_menu03 li.on {
width: 666px; color: #888;
margin: 15px auto 0 auto; }
}
div#container div#contents div#main_contents div.bottom_menu_space {
body#reform04 div#container div#contents div.content div.left{ margin-bottom: 40px;
width: 220px; }
float: left;
} body#reform04 div#container div#contents div.content {
width: 676px;
body#reform04 div#container div#contents div.content div.left span{ margin: 0 auto 20px auto;
display: block; }
font-weight: bold;
} body#reform04 div#container div#contents div.content p {
width: 666px;
body#reform04 div#container div#contents div.content div.right{ margin: 15px auto 0 auto;
width: 426px; }
float: right;
} body#reform04 div#container div#contents div.content div.left {
width: 220px;
body#reform04 div#container div#contents div.content ul.main_text{ float: left;
width: 426px; }
margin: 0 auto 15px auto;
} body#reform04 div#container div#contents div.content div.left span {
display: block;
body#reform04 div#container div#contents div.content ul.main_text li{ font-weight: bold;
padding-left: 1em; }
text-indent: -1em;
padding-bottom: 10px; body#reform04 div#container div#contents div.content div.right {
} width: 426px;
float: right;
body#reform04 div#container div#contents div.content p.p_bluetext{ }
width: 426px;
font-weight: bold; body#reform04 div#container div#contents div.content ul.main_text {
color: #00B7CE; width: 426px;
} margin: 0 auto 15px auto;
}
body#reform04 div#container div#contents div.content ul.rent_list01{
width: 426px; body#reform04 div#container div#contents div.content ul.main_text li {
margin: 0 auto 10px auto; padding-left: 1em;
} text-indent: -1em;
padding-bottom: 10px;
body#reform04 div#container div#contents div.content ul.rent_list01 li{ }
width: 90px;
margin-right: 10px; body#reform04 div#container div#contents div.content p.p_bluetext {
float: left; width: 426px;
} font-weight: bold;
color: #00B7CE;
body#reform04 div#container div#contents div.content ul.rent_list01 li.last{ }
margin-right: 0;
} body#reform04 div#container div#contents div.content ul.rent_list01 {
width: 426px;
body#reform04 div#container div#contents div.content ul.rent_list01 li span{ margin: 0 auto 10px auto;
width: 90px; }
display: block;
font-size: 8pt; body#reform04 div#container div#contents div.content ul.rent_list01 li {
text-align: center; width: 90px;
} margin-right: 10px;
float: left;
body#reform04 div#container div#contents div.content ul.rent_list02{ }
width: 426px;
margin: 0 auto 10px auto; body#reform04 div#container div#contents div.content ul.rent_list01 li.last {
} margin-right: 0;
}
body#reform04 div#container div#contents div.content ul.rent_list02 li{
width: 190px; body#reform04 div#container div#contents div.content ul.rent_list01 li span {
margin-right: 10px; width: 90px;
float: left; display: block;
} font-size: 8pt;
text-align: center;
body#reform04 div#container div#contents div.content ul.rent_list02 li.last{ }
margin-right: 0;
} body#reform04 div#container div#contents div.content ul.rent_list02 {
width: 426px;
body#reform04 div#container div#contents div.content ul.rent_list02 li span{ margin: 0 auto 10px auto;
display: block; }
font-size: 8pt;
text-align: center; body#reform04 div#container div#contents div.content ul.rent_list02 li {
} width: 190px;
margin-right: 10px;
body#reform04 div#container div#contents div.content ul.rent_list03{ float: left;
width: 666px; }
margin: 0 auto 10px auto;
} body#reform04 div#container div#contents div.content ul.rent_list02 li.last {
margin-right: 0;
body#reform04 div#container div#contents div.content ul.rent_list03 li{ }
width: 120px;
margin-right: 10px; body#reform04 div#container div#contents div.content ul.rent_list02 li span {
float: left; display: block;
} font-size: 8pt;
text-align: center;
body#reform04 div#container div#contents .content_bottom{ }
width: 676px;
margin: 20px auto; body#reform04 div#container div#contents div.content ul.rent_list03 {
clear: both; width: 666px;
float: none; margin: 0 auto 10px auto;
} }
body#reform04 div#container div#contents div.content ul.rent_list03 li.last{ body#reform04 div#container div#contents div.content ul.rent_list03 li {
margin-right: 0; width: 120px;
} margin-right: 10px;
float: left;
body#reform04 div#container div#contents div.content ul.rent_list03 li span{ }
display: block;
font-size: 8pt; body#reform04 div#container div#contents .content_bottom {
text-align: center; width: 676px;
} margin: 20px auto;
clear: both;
body#reform04 div#container div#contents div.content ul.rent_list04{ float: none;
width: 426px; }
margin: 0 auto 10px auto;
} body#reform04 div#container div#contents div.content ul.rent_list03 li.last {
margin-right: 0;
body#reform04 div#container div#contents div.content ul.rent_list04 li{ }
margin-right: 10px;
float: left; body#reform04 div#container div#contents div.content ul.rent_list03 li span {
} display: block;
font-size: 8pt;
body#reform04 div#container div#contents div.content ul.rent_list04 li.list_left{ text-align: center;
width: 120px; }
}
body#reform04 div#container div#contents div.content ul.rent_list04 {
body#reform04 div#container div#contents div.content ul.rent_list04 li.list_right{ width: 426px;
width: 280px; margin: 0 auto 10px auto;
} }
body#reform04 div#container div#contents div.content ul.rent_list04 li.last{ body#reform04 div#container div#contents div.content ul.rent_list04 li {
margin-right: 0; margin-right: 10px;
} float: left;
}
body#reform04 div#container div#contents div.content ul.rent_list04 li span{
display: block; body#reform04 div#container div#contents div.content ul.rent_list04 li.list_left {
font-size: 8pt; width: 120px;
text-align: center; }
}
body#reform04 div#container div#contents div.content ul.rent_list04 li.list_right {
width: 280px;
}
body#reform04 div#container div#contents div.content ul.rent_list04 li.last {
margin-right: 0;
}
body#reform04 div#container div#contents div.content ul.rent_list04 li span {
display: block;
font-size: 8pt;
text-align: center;
}
/* seat */ /* seat */
body#clean03 div#container div#contents div#main_contents div.section h5{
margin: 0 auto 15px auto;
width: 676px;
}
body#clean03 div#container div#contents div#main_contents h6{
padding-top: 15px;
margin-bottom: 10px;
color: #3252a6;
font-weight: bold;
font-size: 115%;
padding-bottom:2px;
border-bottom: 1px solid #3252a6;
}
body#clean03 div#container div#contents div#main_contents span.bold{
font-weight: bold;
font-size: 110%;
}
body#clean03 div#container div#contents div#main_contents div.content{
margin-bottom: 20px;
}
body#clean03 div#container div#contents div#main_contents div.content p{
width: 670px;
margin: 10px auto;
}
body#clean03 div#container div#contents div#main_contents div.content p.text_caution{
font-size: 85%;
}
body#clean03 div#container div#contents div#main_contents div.content div.center{
text-align: center;
}
body#clean03 div#container div#contents div#main_contents div.content div.left{
width: 288px;
float: left;
text-align: left;
}
body#clean03 div#container div#contents div#main_contents div.content div.left p{
padding-bottom:15px;
}
body#clean03 div#container div#contents div#main_contents div.content div.right{
margin-left: auto;
width: 346px;
margin-right: 10px;
}
body#clean03 div#container div#contents div#main_contents div.content div.left02{
width: 346px;
float: left;
}
body#clean03 div#container div#contents div#main_contents div.content div.right02{
margin-left: auto;
width: 288px;
}
body#clean03 div#container div#contents div#main_contents div.content div.right02 p{
width: 288px;
}
body#clean03 div#container div#contents div#main_contents div.content div.left03{
width: 315px;
float: left;
margin-bottom: 15px;
}
body#clean03 div#container div#contents div#main_contents div.content div.left03 p{
width: 315px;
}
body#clean03 div#container div#contents div#main_contents div.content div.right03{
margin-left: auto;
width: 315px;
margin-bottom: 15px;
}
body#clean03 div#container div#contents div#main_contents div.content div.right03 p{
width: 315px;
}
body#clean03 div#container div#contents div#main_contents div.content table.fanction{ body#clean03 div#container div#contents div#main_contents div.section h5 {
width: 660px; margin: 0 auto 15px auto;
margin: 20px auto; width: 676px;
} }
body#clean03 div#container div#contents div#main_contents div.content table.fanction th{
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #5c79ae;
padding: 8px;
color: #fff;
text-align: center;
}
body#clean03 div#container div#contents div#main_contents div.content table.fanction td{ body#clean03 div#container div#contents div#main_contents h6 {
border-bottom: 1px solid #fff; padding-top: 15px;
border-right: 1px solid #fff; margin-bottom: 10px;
padding: 8px; color: #3252a6;
font-weight: bold;
} font-size: 115%;
body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td01{ padding-bottom: 2px;
width: 18%; border-bottom: 1px solid #3252a6;
background-color: #f1f5fa; }
}
body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td02{ body#clean03 div#container div#contents div#main_contents span.bold {
width: 15%; font-weight: bold;
background-color: #e9eff7; font-size: 110%;
} }
body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td03{
width: 27%; body#clean03 div#container div#contents div#main_contents div.content {
background-color: #f1f5fa; margin-bottom: 20px;
} }
body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td04{
width: 40%; body#clean03 div#container div#contents div#main_contents div.content p {
background-color: #e9eff7; width: 670px;
} margin: 10px auto;
}
.small_txt{
font-size: 77%; body#clean03 div#container div#contents div#main_contents div.content p.text_caution {
display: block; font-size: 85%;
} }
body#clean03 div#container div#contents div#main_contents div.content div.center {
/* maintenance　*/ text-align: center;
}
body#clean04 div#container div#contents div#main_contents div.content div.center p.cap{
width: 640px; body#clean03 div#container div#contents div#main_contents div.content div.left {
text-align: left; width: 288px;
margin: 0 auto 10px auto; float: left;
} text-align: left;
body#clean04 div#container div#contents div#main_contents div.content div.center p.cap span.img{ }
width: 320px;
float: left; body#clean03 div#container div#contents div#main_contents div.content div.left p {
} padding-bottom: 15px;
body#clean04 div#container div#contents div#main_contents div.content div.center p.cap span.text{ }
float: right;
width: 300px; body#clean03 div#container div#contents div#main_contents div.content div.right {
} margin-left: auto;
body#clean04 div#container div#contents div#main_contents div.content div.center p.cap span.text a{ width: 346px;
padding: 5px 15px; margin-right: 10px;
background-color: #00b7cc; }
color: #fff;
} body#clean03 div#container div#contents div#main_contents div.content div.left02 {
body#clean04 div#container div#contents div#main_contents div.content div.center h6{ width: 346px;
margin-left: 15px; float: left;
font-weight: bold; }
}
body#clean04 div#container div#contents div#main_contents div.section div.content div.normal{ body#clean03 div#container div#contents div#main_contents div.content div.right02 {
margin-bottom: 20px; margin-left: auto;
} width: 288px;
body#clean04 div#container div#contents div#main_contents div.section div.content h5{ }
margin: 20px 0;
} body#clean03 div#container div#contents div#main_contents div.content div.right02 p {
body#clean04 div#container div#contents div#main_contents div.section ul{ width: 288px;
} }
body#clean04 div#container div#contents div#main_contents div.section li{
padding-left: 1em; body#clean03 div#container div#contents div#main_contents div.content div.left03 {
text-indent: -1em; width: 315px;
} float: left;
margin-bottom: 15px;
body#clean04 div#container div#contents div#main_contents div.content div.left01{ }
width: 242px;
float: left; body#clean03 div#container div#contents div#main_contents div.content div.left03 p {
margin-bottom: 15px; width: 315px;
} }
body#clean04 div#container div#contents div#main_contents div.content div.left01 p{
width: 242px; body#clean03 div#container div#contents div#main_contents div.content div.right03 {
} margin-left: auto;
body#clean04 div#container div#contents div#main_contents div.content div.left01 img{ width: 315px;
border: 1px solid #ccc; margin-bottom: 15px;
} }
body#clean04 div#container div#contents div#main_contents div.content div.right01{
margin-left: auto; body#clean03 div#container div#contents div#main_contents div.content div.right03 p {
width: 410px; width: 315px;
margin-bottom: 15px; }
}
body#clean04 div#container div#contents div#main_contents div.content div.right01 p{
width: 410px; body#clean03 div#container div#contents div#main_contents div.content table.fanction {
} width: 660px;
body#clean04 div#container div#contents div#main_contents div.content div.right01 p.line{ margin: 20px auto;
padding-bottom: 5px; }
margin-bottom: 10px;
border-bottom: 1px dotted #ccc; body#clean03 div#container div#contents div#main_contents div.content table.fanction th {
} border-right: 1px solid #fff;
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01{ border-bottom: 1px solid #fff;
display: block; background-color: #5c79ae;
font-size: 85%; padding: 8px;
margin-top: 5px; color: #fff;
padding: 10px; text-align: center;
border: 1px dotted #ff6319; }
}
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 span.midashi{ body#clean03 div#container div#contents div#main_contents div.content table.fanction td {
color: #ff6319; border-bottom: 1px solid #fff;
} border-right: 1px solid #fff;
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 .right{ padding: 8px;
width: 173px;
float: right; }
}
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 .left{ body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td01 {
width: 210px; width: 18%;
float: left; background-color: #f1f5fa;
} }
body#clean04 div#container div#contents div#main_contents span.box_title{ body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td02 {
display: inline-block; width: 15%;
padding: 1px 5px; background-color: #e9eff7;
background-color: #3252a6; }
color: #fff;
font-weight: bold; body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td03 {
border-radius: 3px; width: 27%;
-webkit-border-radius: 3px; background-color: #f1f5fa;
-moz-border-radius: 3px; }
margin-bottom: 5px;
font-size: 8pt !important; body#clean03 div#container div#contents div#main_contents div.content table.fanction td.td04 {
} width: 40%;
body#clean04 div#container div#contents div#main_contents span.box_title2{ background-color: #e9eff7;
display: inline-block; }
padding: 1px 3px;
background-color: #ff6319; .small_txt {
color: #fff; font-size: 77%;
font-weight: bold; display: block;
border-radius: 3px; }
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 5px; /* maintenance　*/
font-size: 8pt !important;
} body#clean04 div#container div#contents div#main_contents div.content div.center p.cap {
body#clean04 div#container div#contents div#main_contents div.content div.left02{ width: 640px;
width: 300px; text-align: left;
float: left; margin: 0 auto 10px auto;
margin-bottom: 15px; }
}
body#clean04 div#container div#contents div#main_contents div.content div.right02{ body#clean04 div#container div#contents div#main_contents div.content div.center p.cap span.img {
margin-left: auto; width: 320px;
width: 300px; float: left;
margin-bottom: 15px; }
}
body#clean04 div#container div#contents div#main_contents div.content p.normal{ body#clean04 div#container div#contents div#main_contents div.content div.center p.cap span.text {
margin-bottom: 15px; float: right;
} width: 300px;
}
body#clean04 div#container div#contents div#main_contents div.content .box410r{
width: 410px; body#clean04 div#container div#contents div#main_contents div.content div.center p.cap span.text a {
margin-left: auto; padding: 5px 15px;
} background-color: #00b7cc;
body#clean04 div#container div#contents div#main_contents h6.h6midashi{ color: #fff;
padding-top: 15px; }
margin-bottom: 10px;
color: #3252a6; body#clean04 div#container div#contents div#main_contents div.content div.center h6 {
font-weight: bold; margin-left: 15px;
font-size: 115%; font-weight: bold;
padding-bottom:2px; }
border-bottom: 1px solid #3252a6;
} body#clean04 div#container div#contents div#main_contents div.section div.content div.normal {
body#clean04 div#container div#contents div#main_contents h6.h6midashi02{ margin-bottom: 20px;
padding: 8px 15px; }
margin-bottom: 10px;
background-color: #3252a6; body#clean04 div#container div#contents div#main_contents div.section div.content h5 {
color: #fff; margin: 20px 0;
font-weight: bold; }
font-size: 115%;
width: 30px; body#clean04 div#container div#contents div#main_contents div.section ul {}
text-align: center;
line-height: 100%; body#clean04 div#container div#contents div#main_contents div.section li {
} padding-left: 1em;
text-indent: -1em;
/* 20140630add */ }
body#clean04 div#container div#contents div#main_contents div.content div.left03{ body#clean04 div#container div#contents div#main_contents div.content div.left01 {
width: 400px; width: 242px;
float: left; float: left;
margin-bottom: 15px; margin-bottom: 15px;
} }
body#clean04 div#container div#contents div#main_contents div.content div.right03{
margin-left: auto; body#clean04 div#container div#contents div#main_contents div.content div.left01 p {
width: 250px; width: 242px;
margin-bottom: 15px; }
}
\ No newline at end of file body#clean04 div#container div#contents div#main_contents div.content div.left01 img {
border: 1px solid #ccc;
}
body#clean04 div#container div#contents div#main_contents div.content div.right01 {
margin-left: auto;
width: 410px;
margin-bottom: 15px;
}
body#clean04 div#container div#contents div#main_contents div.content div.right01 p {
width: 410px;
}
body#clean04 div#container div#contents div#main_contents div.content div.right01 p.line {
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 {
display: block;
font-size: 85%;
margin-top: 5px;
padding: 10px;
border: 1px dotted #ff6319;
}
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 span.midashi {
color: #ff6319;
}
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 .right {
width: 173px;
float: right;
}
body#clean04 div#container div#contents div#main_contents div.content .cautionsText01 .left {
width: 210px;
float: left;
}
body#clean04 div#container div#contents div#main_contents span.box_title {
display: inline-block;
padding: 1px 5px;
background-color: #3252a6;
color: #fff;
font-weight: bold;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 5px;
font-size: 8pt !important;
}
body#clean04 div#container div#contents div#main_contents span.box_title2 {
display: inline-block;
padding: 1px 3px;
background-color: #ff6319;
color: #fff;
font-weight: bold;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-bottom: 5px;
font-size: 8pt !important;
}
body#clean04 div#container div#contents div#main_contents div.content div.left02 {
width: 300px;
float: left;
margin-bottom: 15px;
}
body#clean04 div#container div#contents div#main_contents div.content div.right02 {
margin-left: auto;
width: 300px;
margin-bottom: 15px;
}
body#clean04 div#container div#contents div#main_contents div.content p.normal {
margin-bottom: 15px;
}
body#clean04 div#container div#contents div#main_contents div.content .box410r {
width: 410px;
margin-left: auto;
}
body#clean04 div#container div#contents div#main_contents h6.h6midashi {
padding-top: 15px;
margin-bottom: 10px;
color: #3252a6;
font-weight: bold;
font-size: 115%;
padding-bottom: 2px;
border-bottom: 1px solid #3252a6;
}
body#clean04 div#container div#contents div#main_contents h6.h6midashi02 {
padding: 8px 15px;
margin-bottom: 10px;
background-color: #3252a6;
color: #fff;
font-weight: bold;
font-size: 115%;
width: 30px;
text-align: center;
line-height: 100%;
}
/* 20140630add */
body#clean04 div#container div#contents div#main_contents div.content div.left03 {
width: 400px;
float: left;
margin-bottom: 15px;
}
body#clean04 div#container div#contents div#main_contents div.content div.right03 {
margin-left: auto;
width: 250px;
margin-bottom: 15px;
}
.font_conditioned div#container div#contents div#main_contents div#section_read02 p {
font-size: 114%;
}
.font_conditioned .section .pt {
margin-bottom: 1em;
margin-left: 2.3em;
line-height: 1;
font-size: 140%;
}
.font_conditioned .section h1.pt,
.font_conditioned .section h2.pt,
.font_conditioned .section h3.pt,
.font_conditioned .section h4.pt {
font-weight: bold;
}
.font_conditioned .section .pt:before {
content: "\e904";
display: inline;
margin-right: 8px;
padding: 2px 2px 1px 1px;
vertical-align: sub;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: 24px;
font-family: 'icomoon' !important;
}
.font_conditioned .link_type_a {
padding: 0px 0 5px 15px;
}
.font_conditioned h3.pt {
background: none!important;
width: auto!important;
height: auto!important;
margin: auto!important;
t}
clean/index.html
...@@ -92,7 +92,7 @@ includeGmenu(); ...@@ -92,7 +92,7 @@ includeGmenu();
<li><a href="#section_c" class="pageLink">＜参考＞ノズルの出し・戻し方法</a></li> <li><a href="#section_c" class="pageLink">＜参考＞ノズルの出し・戻し方法</a></li>
<li><a href="#section_d" class="pageLink">＜参考＞便座の取り外し方・便座のリフトアップ</a></li> <li><a href="#section_d" class="pageLink">＜参考＞便座の取り外し方・便座のリフトアップ</a></li>
<li class="menuTitle01">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</li> <li class="menuTitle01">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</li>
<li><a href="#section_e" class="pageLink">パブリック施設の清掃について</a></li> <li><a href="/clean/public/" class="pageLink">パブリック施設の清掃について</a></li>
</ul> </ul>
</div> </div>
<!--section_a --> <!--section_a -->
...@@ -290,18 +290,6 @@ includeGmenu(); ...@@ -290,18 +290,6 @@ includeGmenu();
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p> <p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</div> </div>
<!--パブリック -->
<div class="section" id="section_e">
<h4 id="section_top" class="pngfix blue"><img src="images/clean01/section_h_text01.gif" alt="大便器・温水洗浄便座のお掃除方法（住宅向け）" width="497" height="24" /></h4>
<div class="content clearfix">
<p class="normal">不特定多数の方が利用される公共建築物のトイレにも温水洗浄便座の設置が増えてきています。</p>
<p class="normal">一般社団法人 日本レストルーム工業会では、公益社団法人全国ビルメンテナンス協会と共同で、ビルメンテナンスに携わっておられる方向けに公共建築物のトイレに設置されている大便器・温水洗浄便座を対象とした清掃マニュアルを作成いたしました。</p>
<p class="normal">マニュアルは公益社団法人全国ビルメンテナンス協会のホームページからダウンロードできます。また、こちらでは動画による清掃方法もご覧いただけます。</p>
<p class="normal">→<a href="https://www.j-bma.or.jp/publications/manual#jseia1" target="_blank">全国ビルメンテナンス協会「大便器・温水洗浄便座清掃マニュアル」ページへのリンク</a></p>
<p class="normal">※こちらのマニュアルは清掃事業者様向けのため、ご家庭でのお掃除ではお薦めしていない内容が含まれています。ご家庭でのお掃除については「大便器・温水洗浄便座のお掃除方法（住宅向け）」の内容をご覧ください。</p>
</div>
</div>
<!--section_b --></div> <!--section_b --></div>
<!-- side toilet --> <!-- side toilet -->
......
clean/public/index.html 0 → 100644
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="トイレ,トイレ掃除,お掃除,お手入れ,日本レストルーム工業会">
<meta name="description" content="トイレナビでは、トイレを美しく保ち、長持ちさせるためのお掃除方法をご紹介しています。トイレナビは日本レストルーム工業会が運営しています。">
<title>トイレのお掃除方法－トイレのお手入れ｜トイレナビ　一般社団法人 日本レストルーム工業会</title>
<!--各ページ共通項目 -->
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N4F24ZD');
</script>
<!-- End Google Tag Manager -->
<script type="text/javascript" src="/shared/js/commonparts.js"></script>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/shared/js/common.js"></script>
<link rel="stylesheet" href="/shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="/shared/css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="/shared/css/parts.css" type="text/css" media="all">
<!--original -->
<link rel="stylesheet" href="/clean/css/parts.css" type="text/css" media="all">
<!--original -->
<script type="text/javascript">
//<![CDATA[
(function($) {
$(function() {
$(".pngfix").fixPng();
$("input[type='button']").click(function() {
$(".pngfix, #normal").animate({
opacity: "toggle"
});
});
});
})(jQuery);
//]]>
</script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
</head>
<body class="toiletinfo clean font_conditioned" id="clean">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4F24ZD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="container">
<div id="head_area">
<h1><a href="/"><img src="/shared/images/head/site_logo.png" width="478" height="60" alt="トイレナビ" /></a></h1>
<!-- head gmenu -->
<script type="text/javascript">
<!--
includeHead();
includeGmenu();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /head gmenu -->
</div>
<div id="contents_area">
<div id="pan" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのお掃除方法</li>
</ul>
</div>
<div id="contents" class="heightLineParent clearfix">
<!--maincontent -->
<div id="main_contents">
<h2 class="pngfix"><span class="pngfix"><img src="/shared/images/title_clean.png" width="140" height="17" alt="トイレのお手入れ" class="pngfix" /></span></h2>
<h3 class="pngfix"><span class="pngfix"><img src="/shared/images/content/title_text/content_title_clean01.png" width="222" height="24" alt="トイレのお掃除方法" class="pngfix" /></span></h3>
<div id="section_read02">
<p>トイレを美しく保ち、長持ちさせるために毎日のお手入れが大事です。<br />
トイレ掃除の際は、トイレ内を十分換気するようにしましょう。<br />
「お掃除をらくにする」新技術は、下記のページでご覧いただけます。
<span class="link_type_a"><a href="/clean/technology.html">お掃除らくらく新技術（「お掃除をらくにする」新技術の一例をご紹介しています）</a></span>
</p>
</div>
<div class="section_menu">
<p class="index"><img src="/shared/images/common/icon_inex_blue.png" class="pngfix" alt="" width="86" height="32" /></p>
<ul class="clearfix">
<li><a href="#section_e" class="pageLink">パブリック施設の清掃について</a></li>
</ul>
</div>
<!--パブリック -->
<div class="section" id="section_e">
<h3 class="pt">大便器・温水洗浄便座のお掃除方法（パブリック施設向け）</h3>
<div class="content clearfix">
<p class="normal">不特定多数の方が利用される公共建築物のトイレにも温水洗浄便座の設置が増えてきています。</p>
<p class="normal">一般社団法人 日本レストルーム工業会では、公益社団法人全国ビルメンテナンス協会と共同で、ビルメンテナンスに携わっておられる方向けに公共建築物のトイレに設置されている大便器・温水洗浄便座を対象とした清掃マニュアルを作成いたしました。</p>
<p class="normal">マニュアルは公益社団法人全国ビルメンテナンス協会のホームページからダウンロードできます。また、こちらでは動画による清掃方法もご覧いただけます。</p>
<p class="normal">→<a href="https://www.j-bma.or.jp/publications/manual#jseia1" target="_blank">全国ビルメンテナンス協会「大便器・温水洗浄便座清掃マニュアル」ページへのリンク</a></p>
<p class="normal">※こちらのマニュアルは清掃事業者様向けのため、ご家庭でのお掃除ではお薦めしていない内容が含まれています。ご家庭でのお掃除については「大便器・温水洗浄便座のお掃除方法（住宅向け）」の内容をご覧ください。</p>
</div>
</div>
<!--section_b -->
</div>
<!-- side toilet -->
<script type="text/javascript">
<!--
includeSideToilet();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /side toilet -->
</div>
<div id="pan_b" class="pan">
<ul>
<li class="page_g"><a href="/">トイレナビHOME</a></li>
<li class="page_g"><a href="/clean/">トイレのお手入れ</a></li>
<li>トイレのお掃除方法</li>
</ul>
</div>
</div>
<!--/content-->
<!-- foot -->
<script type="text/javascript">
<!--
includeFoot();
//
-->
</script>
<noscript>
<p>当サイトはJavaScriptをonにしてご覧ください。</p>
</noscript>
<!-- /foot -->
</div>
</body>
</html>
fonts/icomoon.eot 0 → 100644
No preview for this file type
fonts/icomoon.svg 0 → 100644
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="faq" d="M512-57.856c-279.347 0-505.856 226.509-505.856 505.856s226.509 505.856 505.856 505.856 505.856-226.509 505.856-505.856-226.509-505.856-505.856-505.856zM452.198 136.704c13.722-13.722 30.31-20.685 49.971-20.685 19.456 0 36.25 6.963 50.176 20.685s20.89 30.31 20.89 49.562c0 19.251-6.963 35.635-21.094 49.357-13.926 13.517-30.925 20.48-50.79 20.48-19.251 0-35.635-6.758-49.357-20.48-13.517-13.517-20.48-30.106-20.48-49.357 0.205-19.251 6.963-35.84 20.685-49.562zM676.659 671.232c-16.179 26.624-37.683 47.104-64.512 61.030-26.829 14.131-59.392 21.094-97.894 21.094-59.597 0-107.52-16.998-143.77-51.2-36.454-34.202-54.272-77.414-53.862-129.638h106.701c0.205 23.142 8.397 42.189 24.371 56.934s36.454 22.118 61.645 22.118c24.371 0 44.032-6.144 58.573-18.227s21.709-26.829 21.709-44.237c0-12.698-3.072-23.962-9.011-33.382s-23.347-26.829-52.224-52.224c-29.901-26.010-51.405-54.067-64.717-83.763s-20.070-62.874-20.070-99.328l0.41-18.432h110.387c1.024 26.010 3.686 46.49 7.782 61.030 4.096 14.746 9.011 26.419 15.155 35.226 5.939 8.806 20.89 23.962 44.442 45.466 24.781 22.528 40.346 38.502 46.899 48.128 11.059 16.384 19.251 32.154 24.371 47.718s7.782 31.334 7.782 47.309c0.205 29.901-7.987 57.754-24.166 84.378z" />
<glyph unicode="&#xe901;" glyph-name="search" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384s171.922-384 384-384c95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />
<glyph unicode="&#xe902;" glyph-name="home" d="M839.68 459.878v-517.734h-658.842v517.734h-164.454l493.978 493.978 493.978-493.978h-164.659zM416.154-57.856h188.211v423.526h-188.211v-423.526z" />
<glyph unicode="&#xe903;" glyph-name="pt_faq" d="M832.307 256.102c0-173.466-141.517-313.958-316.006-313.958s-316.006 140.493-316.006 313.958c0 173.466 316.006 697.754 316.006 697.754s316.006-524.288 316.006-697.754z" />
<glyph unicode="&#xe904;" glyph-name="pt_ttl" d="M935.731 171.315c-19.251 154.010-250.88 538.419-250.88 538.419s-252.518-418.816-252.518-557.261c0-87.040 44.646-163.635 112.435-208.691-10.445-0.614-20.89-1.638-31.744-1.638-278.733 0-504.832 226.099-504.832 504.832s226.099 504.832 504.832 504.832 504.832-226.099 504.832-504.832c0-101.786-30.31-196.403-82.125-275.661z" />
<glyph unicode="&#xe905;" glyph-name="study" d="M755.302 340.685v0h-562.79v609.894h187.597v-609.69h46.899v609.69h164.25v-609.69h46.899v609.69h187.597v-609.69h-70.451zM591.258 129.741l164.25 211.149h70.246l-316.621-398.746-316.621 398.541h70.246l164.25-211.149h164.25z" />
<glyph unicode="&#xe910;" glyph-name="keyboard_arrow_right" d="M366 240.667l196 196-196 196 60 60 256-256-256-256z" />
<glyph unicode="&#xe911;" glyph-name="keyboard_arrow_left" d="M658 252.667l-60-60-256 256 256 256 60-60-196-196z" />
</font></defs></svg>
\ No newline at end of file
fonts/icomoon.ttf 0 → 100644
No preview for this file type
fonts/icomoon.woff 0 → 100644
No preview for this file type
shared/css/common.css
@charset "UTF-8";
/*========================================================= /*=========================================================
...@@ -9,8 +10,27 @@ ...@@ -9,8 +10,27 @@
==========================================================*/ ==========================================================*/
/*----------------------------------------------------------
fonts
-----------------------------------------------------------*/
@font-face {
font-family: 'icomoon';
src: url('/fonts/icomoon.eot?hdlcni');
src: url('/fonts/icomoon.eot?hdlcni#iefix') format('embedded-opentype'),
url('/fonts/icomoon.ttf?hdlcni') format('truetype'),
url('/fonts/icomoon.woff?hdlcni') format('woff'),
url('/fonts/icomoon.svg?hdlcni#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
html{
font-family: 62.5%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 82%;
line-height: 24px;
}
/*---------------------------------------------------------- /*----------------------------------------------------------
Hypertext Hypertext
......
shared/css/fontdefault.css
@charset "UTF-8";
/*========================================================= /*=========================================================
......
shared/css/index.css
@charset "UTF-8";
/*========================================================= /*=========================================================
......
shared/css/parts.css
@charset "UTF-8";
/*========================================================= /*=========================================================
......
shared/css/reset.css
@charset "shift_jis"; @charset "UTF-8";
div, div,
dl, dt, dd, ul, ol, li, dl, dt, dd, ul, ol, li,
......
sp/shared/css/common.css
@charset "UTF-8";
/*========================================================= /*=========================================================
......
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