Skip to content

sora / sanitary-net

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

衛生器具（画像修正）

parent c2c0d702
Inline Side-by-side
Showing with 80 additions and 82 deletions
css/index.css
 div#contents_area_top {
div#contents_area_top{
padding-bottom: 30px; padding-bottom: 30px;
border-bottom: 1px solid #E9E9F2; border-bottom: 1px solid #E9E9F2;
} }
...@@ -21,17 +20,18 @@ div#main_area div.left a:hover { ...@@ -21,17 +20,18 @@ div#main_area div.left a:hover {
text-decoration: underline; text-decoration: underline;
} }
div#contents_area_top{ div#contents_area_top {
background-color: #FEFEFE; background-color: #FEFEFE;
} }
div#contents_area_top div#showcase{ div#contents_area_top div#showcase {
width: 1280px; width: 1280px;
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
text-align: left; text-align: left;
} }
div#contents_area_top p.headline_area{ /*0423 追記 */ div#contents_area_top p.headline_area {
/*0423 追記 */
width: 967px; width: 967px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
...@@ -41,61 +41,61 @@ div#contents_area_top p.headline_area{ /*0423 追記 */ ...@@ -41,61 +41,61 @@ div#contents_area_top p.headline_area{ /*0423 追記 */
text-align: left; text-align: left;
} }
div#contents_area_top p.headline_area a{ div#contents_area_top p.headline_area a {
background: url(../images/news_area/icon_new.gif) no-repeat left top; background: url(../images/news_area/icon_new.gif) no-repeat left top;
padding-left: 45px; padding-left: 45px;
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
div#main_area{ div#main_area {
width: 967px; width: 967px;
/*margin: 20px auto 0 auto;20190225*/ /*margin: 20px auto 0 auto;20190225*/
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
text-align: left; text-align: left;
} }
div#main_area div.left{ div#main_area div.left {
width: 725px; width: 725px;
float: left; float: left;
} }
div#main_area div.left div.box_left{ div#main_area div.left div.box_left {
width: 390px; width: 390px;
float: left; float: left;
} }
div#main_area div.left div.box_right{ div#main_area div.left div.box_right {
width: 305px; width: 305px;
margin-left: auto; margin-left: auto;
} }
div#main_area div.right{ div#main_area div.right {
width: 222px; width: 222px;
margin-left: auto; margin-left: auto;
margin-top: -20px; margin-top: -20px;
padding-top: 0; padding-top: 0;
} }
div.menu_block_l{ div.menu_block_l {
background: url(../images/menu_toiletinfo_photo.jpg) no-repeat top right; background: url(../images/menu_toiletinfo_photo.jpg) no-repeat top right;
margin-top: 15px; margin-top: 15px;
padding-top: 106px; padding-top: 106px;
} }
div.menu_block_l h4{ div.menu_block_l h4 {
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 2px solid #84b400; border-bottom: 2px solid #84b400;
margin-top: 20px; margin-top: 20px;
} }
div.menu_block_r{ div.menu_block_r {
background: url(../images/menu_data_photo.jpg) no-repeat top right; background: url(../images/menu_data_photo.jpg) no-repeat top right;
margin-top: 15px; margin-top: 15px;
padding-top: 106px; padding-top: 106px;
} }
div.menu_block_r h4{ div.menu_block_r h4 {
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 2px solid #7d84ef; border-bottom: 2px solid #7d84ef;
margin-top: 20px; margin-top: 20px;
...@@ -103,100 +103,95 @@ div.menu_block_r h4{ ...@@ -103,100 +103,95 @@ div.menu_block_r h4{
} }
/* リンクまわり*/ /* リンクまわり*/
div#main_area div.left ul{ div#main_area div.left ul {}
}
div#main_area div.left li{ div#main_area div.left li {
color: #333; color: #333;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
div#main_area div.left li a{ div#main_area div.left li a {
background: url(../shared/images/common/icon_link.png) no-repeat left 4px; background: url(../shared/images/common/icon_link.png) no-repeat left 4px;
padding-left: 18px; padding-left: 18px;
display: block; display: block;
} }
div#main_area div.menu_block_l li{ div#main_area div.menu_block_l li {
background: url(../images/line_toiletinfo.gif) repeat-x bottom left; background: url(../images/line_toiletinfo.gif) repeat-x bottom left;
} }
div#main_area div.menu_block_r li{ div#main_area div.menu_block_r li {
background: url(../images/line_data.gif) repeat-x bottom left; background: url(../images/line_data.gif) repeat-x bottom left;
} }
div.box01{ div.box01 {
width: 175px; width: 175px;
float: left; float: left;
} }
div.box02{ div.box02 {
width: 200px; width: 200px;
float: right; float: right;
} }
div.box03{ div.box03 {
width: 145px; width: 145px;
float: left; float: left;
} }
div.box04{ div.box04 {
width: 145px; width: 145px;
float: right; float: right;
} }
div#main_area div.right div.menu_about{ div#main_area div.right div.menu_about {}
}
div#main_area div.right div.menu_about h4{ div#main_area div.right div.menu_about h4 {}
}
div#main_area div.right ul{ div#main_area div.right ul {
width: 198px; width: 198px;
padding:10px 10px 0 10px; padding: 10px 10px 0 10px;
border-left: 2px solid #E7ECF2; border-left: 2px solid #E7ECF2;
border-right: 2px solid #E7ECF2; border-right: 2px solid #E7ECF2;
border-bottom: 2px solid #E7ECF2; border-bottom: 2px solid #E7ECF2;
margin-bottom: 10px; margin-bottom: 10px;
} }
div#main_area div.right li{ div#main_area div.right li {
margin-bottom: 10px; margin-bottom: 10px;
} }
div#main_area div.right li a{ div#main_area div.right li a {
background: url(../shared/images/common/icon_link.png) no-repeat left 4px; background: url(../shared/images/common/icon_link.png) no-repeat left 4px;
padding-left: 18px; padding-left: 18px;
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
div#main_area div.right p{ div#main_area div.right p {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* */ /* */
div#contents_area_center{ div#contents_area_center {
border-top: 1px solid #fff; border-top: 1px solid #fff;
padding: 20px 0; padding: 20px 0;
background-color: #F8F9FB; background-color: #F8F9FB;
} }
div#contents_area_center div.content_block{ div#contents_area_center div.content_block {
width: 980px; width: 980px;
margin: 10px auto 40px auto; margin: 10px auto 40px auto;
text-align: left; text-align: left;
} }
div#contents_area_center div.content_block h3{ div#contents_area_center div.content_block h3 {
margin-bottom: 20px; margin-bottom: 20px;
} }
div#contents_area_center div.content_block div.box{ div#contents_area_center div.content_block div.box {
width: 192px; width: 192px;
float: left; float: left;
margin-right: 5px; margin-right: 5px;
...@@ -204,11 +199,11 @@ div#contents_area_center div.content_block div.box{ ...@@ -204,11 +199,11 @@ div#contents_area_center div.content_block div.box{
background: url(../images/qa_block/box_bottom.gif) no-repeat center bottom; background: url(../images/qa_block/box_bottom.gif) no-repeat center bottom;
} }
div#contents_area_center div.content_block div.last{ div#contents_area_center div.content_block div.last {
margin-right: 0; margin-right: 0;
} }
div#contents_area_center div.content_block div.box ul{ div#contents_area_center div.content_block div.box ul {
width: 174px; width: 174px;
border-right: 1px solid #ebeced; border-right: 1px solid #ebeced;
border-left: 1px solid #ebeced; border-left: 1px solid #ebeced;
...@@ -216,16 +211,15 @@ div#contents_area_center div.content_block div.box ul{ ...@@ -216,16 +211,15 @@ div#contents_area_center div.content_block div.box ul{
padding: 8px; padding: 8px;
} }
div#contents_area_center div.content_block div.box li{ div#contents_area_center div.content_block div.box li {}
}
div#contents_area_center div.content_block div.box li a{ div#contents_area_center div.content_block div.box li a {
background: url(../images/qa_block/link_icon.gif) no-repeat left 8px; background: url(../images/qa_block/link_icon.gif) no-repeat left 8px;
display: block; display: block;
padding-left: 8px; padding-left: 8px;
} }
div#contents_area_center div.content_block div.box p{ div#contents_area_center div.content_block div.box p {
width: 174px; width: 174px;
border-right: 1px solid #ebeced; border-right: 1px solid #ebeced;
border-left: 1px solid #ebeced; border-left: 1px solid #ebeced;
...@@ -234,22 +228,22 @@ div#contents_area_center div.content_block div.box p{ ...@@ -234,22 +228,22 @@ div#contents_area_center div.content_block div.box p{
text-align: center; text-align: center;
} }
div#contents_area_center div.content_block div.box p span{ div#contents_area_center div.content_block div.box p span {
display: block; display: block;
} }
div#contents_area_news{ div#contents_area_news {
width: 980px; width: 980px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
} }
div#contents_area_news span.block_t{ div#contents_area_news span.block_t {
background: url(../images/news_area/newsarea_top.gif) no-repeat center top #fff; background: url(../images/news_area/newsarea_top.gif) no-repeat center top #fff;
display: block; display: block;
height: 15px; height: 15px;
} }
div#contents_area_news span.block_b{ div#contents_area_news span.block_b {
background: url(../images/news_area/newsarea_base.gif) no-repeat center top #fff; background: url(../images/news_area/newsarea_base.gif) no-repeat center top #fff;
display: block; display: block;
height: 15px; height: 15px;
...@@ -257,7 +251,7 @@ div#contents_area_news span.block_b{ ...@@ -257,7 +251,7 @@ div#contents_area_news span.block_b{
font-size: 0; font-size: 0;
} }
div#contents_area_news div.content{ div#contents_area_news div.content {
border-right: 1px solid #ebeced; border-right: 1px solid #ebeced;
border-left: 1px solid #ebeced; border-left: 1px solid #ebeced;
background-color: #fff; background-color: #fff;
...@@ -265,21 +259,21 @@ div#contents_area_news div.content{ ...@@ -265,21 +259,21 @@ div#contents_area_news div.content{
text-align: left; text-align: left;
} }
div#contents_area_news div.content div.left{ div#contents_area_news div.content div.left {
width: 660px; width: 660px;
float:left; float: left;
} }
div#contents_area_news div.content div.left h4{ div#contents_area_news div.content div.left h4 {
margin-bottom: 20px; margin-bottom: 20px;
} }
div#contents_area_news div.content div.left h4 span.title{ div#contents_area_news div.content div.left h4 span.title {
width: 200px; width: 200px;
float:left; float: left;
} }
div#contents_area_news div.content div.left h4 span.link{ div#contents_area_news div.content div.left h4 span.link {
display: block; display: block;
width: 150px; width: 150px;
margin-left: auto; margin-left: auto;
...@@ -289,7 +283,7 @@ div#contents_area_news div.content div.left h4 span.link{ ...@@ -289,7 +283,7 @@ div#contents_area_news div.content div.left h4 span.link{
} }
div#contents_area_news div.content div.left h4 span.link a{ div#contents_area_news div.content div.left h4 span.link a {
background: url(../shared/images/common/icon_link.png) no-repeat left 50%; background: url(../shared/images/common/icon_link.png) no-repeat left 50%;
padding-left: 18px; padding-left: 18px;
} }
...@@ -309,48 +303,49 @@ div#contents_area_news div.content div.left h4 a:hover { ...@@ -309,48 +303,49 @@ div#contents_area_news div.content div.left h4 a:hover {
text-decoration: underline; text-decoration: underline;
} }
div#contents_area_news div.content div.left table{ div#contents_area_news div.content div.left table {
width: 660px; width: 660px;
background: url(../images/news_area/line_news.gif) repeat-x left top; background: url(../images/news_area/line_news.gif) repeat-x left top;
margin-bottom: 40px; margin-bottom: 40px;
} }
div#contents_area_news div.content div.left td{ div#contents_area_news div.content div.left td {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
background: url(../images/news_area/line_news.gif) repeat-x left bottom; background: url(../images/news_area/line_news.gif) repeat-x left bottom;
} }
div#contents_area_news div.content div.left td.data{ div#contents_area_news div.content div.left td.data {
width: 100px; width: 100px;
} }
div#contents_area_news div.content div.left td.detail{ div#contents_area_news div.content div.left td.detail {
width: 560px; width: 560px;
} }
div#contents_area_news div.content div.right{ div#contents_area_news div.content div.right {
width: 200px; width: 200px;
margin-left: auto; margin-left: auto;
} }
div#contents_area_news div.content div.right h4{ div#contents_area_news div.content div.right h4 {
margin-bottom: 5px; margin-bottom: 5px;
} }
div#contents_area_news div.content div.right p{ div#contents_area_news div.content div.right p {
margin-bottom: 10px; margin-bottom: 10px;
} }
span.icon_new{ span.icon_new {
padding-left: 8px; padding-left: 8px;
} }
span.icon_topics{ span.icon_topics {
padding-right: 8px; padding-right: 8px;
} }
#bnr_area{
#bnr_area {
width: 725px; width: 725px;
float: left; float: left;
text-align: left; text-align: left;
......
trend/css/parts.css
...@@ -1771,6 +1771,9 @@ sub.base_line { ...@@ -1771,6 +1771,9 @@ sub.base_line {
line-height: 1.5; line-height: 1.5;
margin: 4px 0 0 4px; margin: 4px 0 0 4px;
} }
table.wd30p {
width: 30% !important;
}
......
trend/images/sanitary/graph_2_1.png
trend/images/sanitary/graph_2_1.png

7.69 KB | W: | H:

trend/images/sanitary/graph_2_1.png

12.4 KB | W: | H:

trend/images/sanitary/graph_2_1.png
trend/images/sanitary/graph_2_1.png
trend/images/sanitary/graph_2_1.png
trend/images/sanitary/graph_2_1.png
  • 2-up
  • Swipe
  • Onion skin
trend/images/sanitary/graph_2_2.png
trend/images/sanitary/graph_2_2.png

7.7 KB | W: | H:

trend/images/sanitary/graph_2_2.png

10.6 KB | W: | H:

trend/images/sanitary/graph_2_2.png
trend/images/sanitary/graph_2_2.png
trend/images/sanitary/graph_2_2.png
trend/images/sanitary/graph_2_2.png
  • 2-up
  • Swipe
  • Onion skin
trend/images/sanitary/graph_2_3.png
trend/images/sanitary/graph_2_3.png

8.19 KB | W: | H:

trend/images/sanitary/graph_2_3.png

11.2 KB | W: | H:

trend/images/sanitary/graph_2_3.png
trend/images/sanitary/graph_2_3.png
trend/images/sanitary/graph_2_3.png
trend/images/sanitary/graph_2_3.png
  • 2-up
  • Swipe
  • Onion skin
trend/images/sanitary/model_0.png
trend/images/sanitary/model_0.png

29.4 KB | W: | H:

trend/images/sanitary/model_0.png

24.4 KB | W: | H:

trend/images/sanitary/model_0.png
trend/images/sanitary/model_0.png
trend/images/sanitary/model_0.png
trend/images/sanitary/model_0.png
  • 2-up
  • Swipe
  • Onion skin
trend/images/sanitary/model_2_1.png
trend/images/sanitary/model_2_1.png

24.9 KB | W: | H:

trend/images/sanitary/model_2_1.png

24.4 KB | W: | H:

trend/images/sanitary/model_2_1.png
trend/images/sanitary/model_2_1.png
trend/images/sanitary/model_2_1.png
trend/images/sanitary/model_2_1.png
  • 2-up
  • Swipe
  • Onion skin
trend/sanitary01.html
...@@ -260,29 +260,29 @@ ...@@ -260,29 +260,29 @@
<tr> <tr>
<td width="60" rowspan="2">DL</td> <td width="60" rowspan="2">DL</td>
<td>BL</td> <td>BL</td>
<td>5.50</td> <td>5.00</td>
</tr> </tr>
<tr> <tr>
<td>D</td> <td>D</td>
<td>5.50</td> <td>5.00</td>
</tr> </tr>
<tr> <tr>
<td rowspan="2">LL</td> <td rowspan="2">LL</td>
<td>BL</td> <td>BL</td>
<td>5.50</td> <td>5.00</td>
</tr> </tr>
<tr> <tr>
<td>D</td> <td>D</td>
<td>5.50</td> <td>5.00</td>
</tr> </tr>
<tr> <tr>
<td rowspan="2">45L</td> <td rowspan="2">45L</td>
<td>BL</td> <td>BL</td>
<td>5.50</td> <td>5.00</td>
</tr> </tr>
<tr> <tr>
<td>D</td> <td>D</td>
<td>5.50</td> <td>5.00</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -423,7 +423,7 @@ ...@@ -423,7 +423,7 @@
</tr> </tr>
<tr> <tr>
<td>D</td> <td>D</td>
<td>4.97</td> <td>4.73</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
......
trend/sanitary02.html
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
<p class="mb10">【実験結果】</p> <p class="mb10">【実験結果】</p>
<span class="ml20">代用汚物により異なるが、１/50は１/100の倍以上の搬送距離となった。<br><br></span> <span class="ml20">代用汚物により異なるが、１/50は１/100の倍以上の搬送距離となった。<br><br></span>
<span class="mt30 ml20">繰り返し5回の平均搬送距離</span> <span class="mt30 ml20">繰り返し5回の平均搬送距離</span>
<p><img src="images/sanitary/graph_2_0.png" alt=""></p> <p><img src="images/sanitary/graph_2_0.png" alt="" width="400" height="auto"></p>
</div> </div>
<h4 class="label"><span>② 排水エルボ有無による搬送実験</span></h4> <h4 class="label"><span>② 排水エルボ有無による搬送実験</span></h4>
...@@ -246,7 +246,7 @@ ...@@ -246,7 +246,7 @@
<span class="mt30 ml20">繰り返し5回</span> <span class="mt30 ml20">繰り返し5回</span>
<p class="mt30"><img src="images/sanitary/image.png" alt="" width="200" height="auto"></p> <p class="mt30"><img src="images/sanitary/image.png" alt="" width="200" height="auto"></p>
<div class="fl_box"> <div class="fl_box">
<table class="sanitary_pt02"> <table class="sanitary_pt02 wd30p">
<tbody> <tbody>
<tr> <tr>
<th width="60">配管<br>形態</th> <th width="60">配管<br>形態</th>
...@@ -287,7 +287,7 @@ ...@@ -287,7 +287,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<img src="images/sanitary/graph_2_1.png" alt=""> <img src="images/sanitary/graph_2_1.png" alt="" width="400" height="auto">
</div> </div>
</div> </div>
...@@ -361,7 +361,7 @@ ...@@ -361,7 +361,7 @@
<p><img src="images/sanitary/model_2_2.png" alt="" width="358" height="auto"></p> <p><img src="images/sanitary/model_2_2.png" alt="" width="358" height="auto"></p>
<div class="fl_box"> <div class="fl_box">
<table class="sanitary_pt02"> <table class="sanitary_pt02 wd30p">
<tbody> <tbody>
<tr> <tr>
<th width="60">継手<br>形状</th> <th width="60">継手<br>形状</th>
...@@ -390,14 +390,14 @@ ...@@ -390,14 +390,14 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<img src="images/sanitary/graph_2_2.png" alt=""> <img src="images/sanitary/graph_2_2.png" alt="" width="400" height="auto">
</div> </div>
<p class="mt40"></p> <p class="mt40"></p>
<span class="ml20">■モデル配管②：８ｍ、４曲り</span> <span class="ml20">■モデル配管②：８ｍ、４曲り</span>
<p><img src="images/sanitary/model_2_3.png" alt="" width="674" height="auto"></p> <p><img src="images/sanitary/model_2_3.png" alt="" width="674" height="auto"></p>
<div class="fl_box"> <div class="fl_box">
<table class="sanitary_pt02"> <table class="sanitary_pt02 wd30p">
<tbody> <tbody>
<tr> <tr>
<th width="60">継手<br>形状</th> <th width="60">継手<br>形状</th>
...@@ -426,7 +426,7 @@ ...@@ -426,7 +426,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<img src="images/sanitary/graph_2_3.png" alt=""> <img src="images/sanitary/graph_2_3.png" alt="" width="440" height="auto">
</div> </div>
......
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