Skip to content

sora / sanitary-net

Go to a project
Commit ef0bfa76 by o.kimura
Options

FB対応

parent 015fadcf
Inline Side-by-side
Showing with 229 additions and 200 deletions
saving/css/parts.css
/*========================================================= /*=========================================================
...@@ -12,151 +11,151 @@ ...@@ -12,151 +11,151 @@
==========================================================*/ ==========================================================*/
div#container div#contents div#main_contents div.section h4{ div#container div#contents div#main_contents div.section h4 {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* toilet */ /* toilet */
body#eco01 div#container div#contents div#main_contents div.section div.content{ body#eco01 div#container div#contents div#main_contents div.section div.content {
overflow: hidden; overflow: hidden;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.left{ body#eco01 div#container div#contents div#main_contents div.section div.content div.left {
width: 344px; width: 344px;
float: left; float: left;
text-align: center; text-align: center;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.left span{ body#eco01 div#container div#contents div#main_contents div.section div.content div.left span {
font-size: 85%; font-size: 85%;
font-weight: bold; font-weight: bold;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.right{ body#eco01 div#container div#contents div#main_contents div.section div.content div.right {
margin-left: auto; margin-left: auto;
width: 290px; width: 290px;
margin-right: 10px; margin-right: 10px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.right p{ body#eco01 div#container div#contents div#main_contents div.section div.content div.right p {
padding-bottom:15px; padding-bottom: 15px;
} }
body#eco01 div#container div#contents div#main_contents div.section h5{ body#eco01 div#container div#contents div#main_contents div.section h5 {
width: 676px; width: 676px;
margin: 0 auto; margin: 0 auto;
padding-top: 40px; padding-top: 40px;
clear: both; clear: both;
float: none; float: none;
} }
body#eco01 div#container div#contents div#main_contents div.section p.graf_area{ body#eco01 div#container div#contents div#main_contents div.section p.graf_area {
display: block; display: block;
font-size: 85%; font-size: 85%;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
} }
body#eco01 div#container div#contents div#main_contents div.section p.graf_area img{ body#eco01 div#container div#contents div#main_contents div.section p.graf_area img {
margin-top: 10px; margin-top: 10px;
} }
body#eco01 div#container div#contents div#main_contents div.section p.graf_detail{ body#eco01 div#container div#contents div#main_contents div.section p.graf_detail {
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5px 20px 15px 20px; padding: 5px 20px 15px 20px;
display: block; display: block;
text-align: left; text-align: left;
margin-top:15px; margin-top: 15px;
font-size: 90%; font-size: 90%;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.left p.graf_detail span{ body#eco01 div#container div#contents div#main_contents div.section div.content div.left p.graf_detail span {
color: #187ABF; color: #187ABF;
font-size: 110%; font-size: 110%;
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 10px; margin-top: 10px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution {
width: 668px; width: 668px;
background: url(../images/index/line_dotted.gif) repeat top left; background: url(../images/index/line_dotted.gif) repeat top left;
margin-top: 40px; margin-top: 40px;
padding: 4px; padding: 4px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution h6{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution h6 {
margin-left: -4px; margin-left: -4px;
margin-top: -4px; margin-top: -4px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution p{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution p {
margin-bottom: 15px; margin-bottom: 15px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content {
padding: 25px 15px 10px 15px; padding: 25px 15px 10px 15px;
background-color: #fff; background-color: #fff;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.left{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.left {
text-align: left; text-align: left;
width: 315px; width: 315px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.left ul{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.left ul {}
}
body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.left li{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.left li {
padding-left: 1em; padding-left: 1em;
text-indent: -1em; text-indent: -1em;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.right{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.right {
width: 292px; width: 292px;
margin-left: auto; margin-left: auto;
} }
body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.bottom{ body#eco01 div#container div#contents div#main_contents div.section div.section_caution div.content div.bottom {
clear: both; clear: both;
float: none; float: none;
} }
div#container div#contents div#main_contents div.section div.section_caution div.content div.last_text{ div#container div#contents div#main_contents div.section div.section_caution div.content div.last_text {
margin-top: 30px; margin-top: 30px;
color: #187ABF; color: #187ABF;
font-weight: bold; font-weight: bold;
} }
/* add 2016/03/25 */ /* add 2016/03/25 */
body#eco01 div#container div#contents div#main_contents .bottom_space{ body#eco01 div#container div#contents div#main_contents .bottom_space {
padding-bottom: 40px; padding-bottom: 40px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content span.graf_text{
body#eco01 div#container div#contents div#main_contents div.section div.content span.graf_text {
font-size: 85%; font-size: 85%;
display: block; display: block;
margin-top: 5px; margin-top: 5px;
} }
/* seat */ /* seat */
body#eco02 div#container div#contents div#main_contents div#section_a div.content{ body#eco02 div#container div#contents div#main_contents div#section_a div.content {
width: 640px; width: 640px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_a div.content div.center p.text{ body#eco02 div#container div#contents div#main_contents div#section_a div.content div.center p.text {
padding: 5px; padding: 5px;
} }
body#eco02 div#container div#contents div#main_contents div#section_a div.content div.center p.graf{ body#eco02 div#container div#contents div#main_contents div#section_a div.content div.center p.graf {
text-align: center; text-align: center;
margin-bottom: 10px; margin-bottom: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_a div.content div.center span.top{ body#eco02 div#container div#contents div#main_contents div#section_a div.content div.center span.top {
font-weight: bold; font-weight: bold;
display: block; display: block;
width: 640px; width: 640px;
...@@ -164,10 +163,10 @@ ...@@ -164,10 +163,10 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 10px; margin-bottom: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_a div.content span.bottom, body#eco02 div#container div#contents div#main_contents div#section_a div.content span.bottom,
body#eco02 div#container div#contents div#main_contents div#section_b div.content span.bottom{ body#eco02 div#container div#contents div#main_contents div#section_b div.content span.bottom {
font-size: 85%; font-size: 85%;
font-weight: bold; font-weight: bold;
display: block; display: block;
...@@ -176,42 +175,44 @@ ...@@ -176,42 +175,44 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 10px; margin-top: 10px;
} }
body#eco02 div#container div#contents div#main_contents div.section_logo{ body#eco02 div#container div#contents div#main_contents div.section_logo {
text-align:center; text-align: center;
padding: 20px 0; padding: 20px 0;
} }
body#eco02 div#container div#contents div#main_contents div.section div.section_logo ul{ body#eco02 div#container div#contents div#main_contents div.section div.section_logo ul {
padding-left: 5px; padding-left: 5px;
} }
body#eco02 div#container div#contents div#main_contents div.section_logo li{ body#eco02 div#container div#contents div#main_contents div.section_logo li {
display: inline; display: inline;
margin-right: 15px; margin-right: 15px;
} }
body#eco02 div#container div#contents div#main_contents div#section_b div.content{ body#eco02 div#container div#contents div#main_contents div#section_b div.content {
width: 640px; width: 640px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_b div.content div.box{ body#eco02 div#container div#contents div#main_contents div#section_b div.content div.box {
width: 315px; width: 315px;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_b div.content div.box2{
body#eco02 div#container div#contents div#main_contents div#section_b div.content div.box2 {
width: 315px; width: 315px;
float: left; float: left;
} }
body#eco02 div#container div#contents div#main_contents div#section_b div.content div.center p.graf{ body#eco02 div#container div#contents div#main_contents div#section_b div.content div.center p.graf {
text-align: center; text-align: center;
margin-bottom: 50px; margin-bottom: 50px;
} }
body#eco02 div#container div#contents div#main_contents div#section_b div.content div.center span.top{
body#eco02 div#container div#contents div#main_contents div#section_b div.content div.center span.top {
font-weight: bold; font-weight: bold;
display: block; display: block;
width: 640px; width: 640px;
...@@ -220,44 +221,53 @@ ...@@ -220,44 +221,53 @@
margin-right: auto; margin-right: auto;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_b div.content p.box_text{
body#eco02 div#container div#contents div#main_contents div#section_b div.content p.box_text {
background-color: #E9EFF7; background-color: #E9EFF7;
padding:20px; padding: 20px;
} }
body#eco02 div#container div#contents div#main_contents div#section_c div.content{ body#eco02 div#container div#contents div#main_contents div#section_c div.content {
width: 640px; width: 640px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_c div.content .star {
margin-bottom: 2px;
vertical-align: middle;
width: 40px;
height: auto;
}
body#eco02 div#container div#contents div#main_contents div#section_c table.fanction{ body#eco02 div#container div#contents div#main_contents div#section_c table.fanction {
width: 640px; width: 640px;
} }
body#eco02 div#container div#contents div#main_contents div#section_c table.fanction th{ body#eco02 div#container div#contents div#main_contents div#section_c table.fanction th {
border-right: 1px solid #fff; border-right: 1px solid #fff;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
background-color: #5c79ae; background-color: #5c79ae;
padding: 8px; padding: 8px;
width: 170px; width: 170px;
color: #fff; color: #fff;
} }
body#eco02 div#container div#contents div#main_contents div#section_c table.fanction td{ body#eco02 div#container div#contents div#main_contents div#section_c table.fanction td {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
padding: 8px; padding: 8px;
border-right: 1px solid #fff; border-right: 1px solid #fff;
} }
body#eco02 div#container div#contents div#main_contents div#section_c table.fanction td.base01{ body#eco02 div#container div#contents div#main_contents div#section_c table.fanction td.base01 {
background-color: #f1f5fa; background-color: #f1f5fa;
} }
body#eco02 div#container div#contents div#main_contents div#section_c table.fanction td.base02{ body#eco02 div#container div#contents div#main_contents div#section_c table.fanction td.base02 {
background-color: #e9eff7; background-color: #e9eff7;
} }
body#eco02 div#container div#contents div#main_contents div#section_c h6{
body#eco02 div#container div#contents div#main_contents div#section_c h6 {
background-color: #3252a6; background-color: #3252a6;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
...@@ -265,218 +275,234 @@ ...@@ -265,218 +275,234 @@
display: inline-block; display: inline-block;
margin-bottom: 8px; margin-bottom: 8px;
font-size: 90%; font-size: 90%;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content{ body#eco02 div#container div#contents div#main_contents div#section_d div.content {
width: 646px; width: 646px;
padding: 15px; padding: 15px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content p{ body#eco02 div#container div#contents div#main_contents div#section_d div.content p {
margin-top: 10px; margin-top: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content dl{ body#eco02 div#container div#contents div#main_contents div#section_d div.content dl {
width: 640px; width: 640px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content dt{ body#eco02 div#container div#contents div#main_contents div#section_d div.content dt {
width: 70px; width: 70px;
float: left; float: left;
height: 65px; height: 65px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content dd{ body#eco02 div#container div#contents div#main_contents div#section_d div.content dd {
width: 570px; width: 570px;
margin-left: auto; margin-left: auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content dd.text-color01{ body#eco02 div#container div#contents div#main_contents div#section_d div.content dd.text-color01 {
color: #ff6319; color: #ff6319;
height: 50px; height: 50px;
padding-top: 15px; padding-top: 15px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content dd.text-color02{ body#eco02 div#container div#contents div#main_contents div#section_d div.content dd.text-color02 {
color: #00964e; color: #00964e;
height: 55px; height: 55px;
padding-top: 10px; padding-top: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content02{ body#eco02 div#container div#contents div#main_contents div#section_d div.content02 {
width: 650px; width: 650px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content02 div.box{ body#eco02 div#container div#contents div#main_contents div#section_d div.content02 div.box {
width: 314px; width: 314px;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content02 div.box p{ body#eco02 div#container div#contents div#main_contents div#section_d div.content02 div.box p {
color: #4BA852; color: #4BA852;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content03{ body#eco02 div#container div#contents div#main_contents div#section_d div.content03 {
width: 650px; width: 650px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content03 img{ body#eco02 div#container div#contents div#main_contents div#section_d div.content03 img {
width: 178px; width: 178px;
float: left; float: left;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content03 p{ body#eco02 div#container div#contents div#main_contents div#section_d div.content03 p {
width: 452px; width: 452px;
margin-left: auto; margin-left: auto;
padding-left: 20px; padding-left: 20px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d h6{ body#eco02 div#container div#contents div#main_contents div#section_d h6 {
background-color: #3252a6; background-color: #3252a6;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
padding: 2px 8px; padding: 2px 8px;
display: inline-block; display: inline-block;
font-size: 90%; font-size: 90%;
} }
body#eco02 div#container div#contents div#main_contents div#section_d p.text_read{ body#eco02 div#container div#contents div#main_contents div#section_d p.text_read {
width: 650px; width: 650px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content04{ body#eco02 div#container div#contents div#main_contents div#section_d div.content04 {
width: 650px; width: 650px;
margin: 20px auto; margin: 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content04 p{ body#eco02 div#container div#contents div#main_contents div#section_d div.content04 p {
padding-top: 20px; padding-top: 20px;
font-size: 85%; font-size: 85%;
color: #2E88C9; color: #2E88C9;
font-weight: bold; font-weight: bold;
} }
/* 2014.5.13 seat_eco　*/ /* 2014.5.13 seat_eco　*/
body#eco02 div#container div#contents div#main_contents div.top_img_center{ body#eco02 div#container div#contents div#main_contents div.top_img_center {
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
} }
body#eco02 div#container div#contents div#main_contents div.strongText{
body#eco02 div#container div#contents div#main_contents div.strongText {
text-align: center; text-align: center;
margin-top: 50px; margin-top: 50px;
margin-bottom: 40px; margin-bottom: 40px;
} }
body#eco02 div#container div#contents div#main_contents div.strongText2{
body#eco02 div#container div#contents div#main_contents div.strongText2 {
text-align: center; text-align: center;
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.mb50{
.mb50 {
margin-bottom: 50px; margin-bottom: 50px;
} }
body#eco02 div#container div#contents div#main_contents .textGold{
body#eco02 div#container div#contents div#main_contents .textGold {
color: #ddc107; color: #ddc107;
} }
body#eco02 div#container div#contents div#main_contents table.point2{
body#eco02 div#container div#contents div#main_contents table.point2 {
width: 95%; width: 95%;
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
body#eco02 div#container div#contents div#main_contents table.point2 th{
body#eco02 div#container div#contents div#main_contents table.point2 th {
background-color: #f1f5fa; background-color: #f1f5fa;
width: 15%; width: 15%;
text-align: center; text-align: center;
padding: 8px; padding: 8px;
border-right: 1px solid #fff; border-right: 1px solid #fff;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
} }
body#eco02 div#container div#contents div#main_contents table.point2 td{
body#eco02 div#container div#contents div#main_contents table.point2 td {
background-color: #e9eff7; background-color: #e9eff7;
width: 25%; width: 25%;
text-align: center; text-align: center;
padding: 8px; padding: 8px;
border-right: 1px solid #fff; border-right: 1px solid #fff;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
} }
body#eco02 div#container div#contents div#main_contents div.last_section{ body#eco02 div#container div#contents div#main_contents div.last_section {
width: 696px; width: 696px;
} }
body#eco02 div#container div#contents div#main_contents div.last_section ul.left{
body#eco02 div#container div#contents div#main_contents div.last_section ul.left {
width: 330px; width: 330px;
padding-left: 10px; padding-left: 10px;
padding-top: 12px; padding-top: 12px;
float:left; float: left;
} }
body#eco02 div#container div#contents div#main_contents div.last_section ul.left li{
body#eco02 div#container div#contents div#main_contents div.last_section ul.left li {
background: url(../images/ecology/icon03.gif) no-repeat left top; background: url(../images/ecology/icon03.gif) no-repeat left top;
padding-left: 35px; padding-left: 35px;
padding-bottom: 15px; padding-bottom: 15px;
color: #0599d9; color: #0599d9;
} }
body#eco02 div#container div#contents div#main_contents div.last_section ul.left li.txt_strong{
body#eco02 div#container div#contents div#main_contents div.last_section ul.left li.txt_strong {
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
} }
body#eco02 div#container div#contents div#main_contents div.last_section .right{
body#eco02 div#container div#contents div#main_contents div.last_section .right {
width: 345px; width: 345px;
margin-left: auto; margin-left: auto;
padding-right: 10px; padding-right: 10px;
} }
/*20141210add*/ /*20141210add*/
body#eco02 div#container div#contents div#main_contents div#section_d div.content05{ body#eco02 div#container div#contents div#main_contents div#section_d div.content05 {
width: 640px; width: 640px;
margin: 0px auto; margin: 0px auto;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction{ body#eco02 div#container div#contents div#main_contents div#section_d table.fanction {
width: 640px; width: 640px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th{ body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th {
border-right: 1px solid #fff; border-right: 1px solid #fff;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
background-color: #5c79ae; background-color: #5c79ae;
padding: 8px; padding: 8px;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th01{
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th01 {
width: 52px; width: 52px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th02{
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th02 {
width: 190px; width: 190px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th03{
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th03 {
width: 190px; width: 190px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th04{
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction th.th04 {
width: 82px; width: 82px;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction td{ body#eco02 div#container div#contents div#main_contents div#section_d table.fanction td {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
padding: 8px; padding: 8px;
border-right: 1px solid #fff; border-right: 1px solid #fff;
text-align: center; text-align: center;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction td.base01{ body#eco02 div#container div#contents div#main_contents div#section_d table.fanction td.base01 {
background-color: #f1f5fa; background-color: #f1f5fa;
} }
body#eco02 div#container div#contents div#main_contents div#section_d table.fanction td.base02{ body#eco02 div#container div#contents div#main_contents div#section_d table.fanction td.base02 {
background-color: #e9eff7; background-color: #e9eff7;
} }
body#eco02 div#container div#contents div#main_contents div#section_d div.content05 h6{
body#eco02 div#container div#contents div#main_contents div#section_d div.content05 h6 {
background-color: #3252a6; background-color: #3252a6;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
...@@ -484,39 +510,41 @@ ...@@ -484,39 +510,41 @@
display: inline-block; display: inline-block;
margin-bottom: 8px; margin-bottom: 8px;
font-size: 90%; font-size: 90%;
} }
body#eco02 div#container div#contents div#main_contents div.last_section p.text02{
body#eco02 div#container div#contents div#main_contents div.last_section p.text02 {
width: 660px; width: 660px;
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
} }
body#eco02 div#container div#contents div#main_contents div.last_section p.text03{
body#eco02 div#container div#contents div#main_contents div.last_section p.text03 {
width: 660px; width: 660px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
} }
/* 20160624 update */ /* 20160624 update */
body#eco01 div#container div#contents div#main_contents div.section div.content div.left2{ body#eco01 div#container div#contents div#main_contents div.section div.content div.left2 {
width: 260px; width: 260px;
float: left; float: left;
text-align: center; text-align: center;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.left2 span{ body#eco01 div#container div#contents div#main_contents div.section div.content div.left2 span {
font-size: 85%; font-size: 85%;
font-weight: bold; font-weight: bold;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.right2{ body#eco01 div#container div#contents div#main_contents div.section div.content div.right2 {
margin-left: auto; margin-left: auto;
width: 374px; width: 374px;
margin-right: 10px; margin-right: 10px;
} }
body#eco01 div#container div#contents div#main_contents div.section div.content div.right2 p{ body#eco01 div#container div#contents div#main_contents div.section div.content div.right2 p {
padding-bottom:15px; padding-bottom: 15px;
} }
div#container div#contents div#main_contents div#section_read02 p span.txt_normal{ div#container div#contents div#main_contents div#section_read02 p span.txt_normal {
font-weight: normal; font-weight: normal;
} }
saving/ecology02.html
...@@ -110,11 +110,12 @@ ...@@ -110,11 +110,12 @@
</div> </div>
<div class="content"> <div class="content">
<h6>ポイント2</h6> <h6>ポイント2</h6>
<p>&nbsp;星（★）の数の多いものを選びましょう。<br /> <p>&nbsp;星（<span class="textGold">★</span>）の数の多いものを選びましょう。<br>
（貯湯式の場合）<span class="textGold">★★☆</span>と<span class="textGold">★</span>の温水洗浄便座の年間消費電力量と年間電気料金の比較</p> <br>
（貯湯式の場合）<img src="images/ecology/star2_5.png" width="46" height="18" class="star" />と<span class="textGold">★</span>の温水洗浄便座の年間消費電力量と年間電気料金の比較</p>
<table class="point2"> <table class="point2">
<tr> <tr>
<th>製品A<br /><span class="textGold">★★☆</span></th> <th>製品A<br /><img src="images/ecology/star2_5.png" width="46" height="18" class="star" /></th>
<td>多段階評価点<br /> <td>多段階評価点<br />
2.5</td> 2.5</td>
<td>年間消費電力量<br /> <td>年間消費電力量<br />
...@@ -123,7 +124,7 @@ ...@@ -123,7 +124,7 @@
3,650円</td> 3,650円</td>
</tr> </tr>
<tr> <tr>
<th>製品B<br /><span>★</span></th> <th>製品B<br /><span class="textGold">★</span></th>
<td>多段階評価点<br /> <td>多段階評価点<br />
1.0</td> 1.0</td>
<td>年間消費電力量<br />277kWh/年</td> <td>年間消費電力量<br />277kWh/年</td>
...@@ -134,7 +135,7 @@ ...@@ -134,7 +135,7 @@
<p><img src="images/ecology/section_c_strongText.gif" alt="★の製品と比較して、1年間の目安電気料金で、約3,830円のおトク！" width="492" height="auto" /></p> <p><img src="images/ecology/section_c_strongText.gif" alt="★の製品と比較して、1年間の目安電気料金で、約3,830円のおトク！" width="492" height="auto" /></p>
</div> </div>
<p>（瞬間式の場合）<span class="textGold">★★★★★</span>と<span class="textGold">★★☆</span>の温水洗浄便座の年間消費電力量と年間電気料金の比較</p> <p>（瞬間式の場合）<span class="textGold">★★★★★</span>と<img src="images/ecology/star2_5.png" width="46" height="18" class="star" />の温水洗浄便座の年間消費電力量と年間電気料金の比較</p>
<table class="point2"> <table class="point2">
<tr> <tr>
<th>製品C<br /><span class="textGold">★★★★★</span></th> <th>製品C<br /><span class="textGold">★★★★★</span></th>
...@@ -146,7 +147,7 @@ ...@@ -146,7 +147,7 @@
1,570円</td> 1,570円</td>
</tr> </tr>
<tr> <tr>
<th>製品D<br /><span class="textGold">★★☆</span></th> <th>製品D<br /><img src="images/ecology/star2_5.png" width="46" height="18" class="star" /></th>
<td>多段階評価点<br /> <td>多段階評価点<br />
2.6</td> 2.6</td>
<td>年間消費電力量<br /> <td>年間消費電力量<br />
...@@ -159,7 +160,7 @@ ...@@ -159,7 +160,7 @@
<p><img src="images/ecology/2020_section_c_strongText.png" alt="★★☆の製品と比較して、1年間の目安電気料金で、約1,750円のおトク！" width="540" height="auto" /></p> <p><img src="images/ecology/2020_section_c_strongText.png" alt="★★☆の製品と比較して、1年間の目安電気料金で、約1,750円のおトク！" width="540" height="auto" /></p>
</div> </div>
<p class="text">※出典：経済産業省　省エネルギー庁　省エネ性能カタログ電子版（2020年9月23日時点）掲載の年間消費電力量に基づき、新電力料金目安単価を27円/kWh（8％税込）として試算しています。<br /> <p class="text">※出典：経済産業省　省エネルギー庁　省エネ性能カタログ電子版（2020年9月23日時点）掲載の年間消費電力量に基づき、公益社団法人全国家庭電気製品公正取引協議会「新電気料金目安単価」から1kWhあたり27円（税込）として試算しています。<br />
（電力会社ならびにご家庭の使用電力によって異なります）</p> （電力会社ならびにご家庭の使用電力によって異なります）</p>
</div> </div>
......
saving/images/ecology/2020_section_c_strongText.png
saving/images/ecology/2020_section_c_strongText.png

23.6 KB | W: | H:

saving/images/ecology/2020_section_c_strongText.png

9.01 KB | W: | H:

saving/images/ecology/2020_section_c_strongText.png
saving/images/ecology/2020_section_c_strongText.png
saving/images/ecology/2020_section_c_strongText.png
saving/images/ecology/2020_section_c_strongText.png
  • 2-up
  • Swipe
  • Onion skin
saving/images/ecology/section_d_photo03.png
saving/images/ecology/section_d_photo03.png

239 KB | W: | H:

saving/images/ecology/section_d_photo03.png

240 KB | W: | H:

saving/images/ecology/section_d_photo03.png
saving/images/ecology/section_d_photo03.png
saving/images/ecology/section_d_photo03.png
saving/images/ecology/section_d_photo03.png
  • 2-up
  • Swipe
  • Onion skin
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