Skip to content

sora / sanitary-net

Go to a project
Commit 254d4e48 by o.kimura
Options

いったんコミット

parent 56b49d86
Inline Side-by-side
Showing with 458 additions and 291 deletions
association/css/parts.css
/*========================================================= /*=========================================================
...@@ -11,325 +10,445 @@ ...@@ -11,325 +10,445 @@
==========================================================*/ ==========================================================*/
div#container div#contents div#main_contents div.section2 h4{ div#container div#contents div#main_contents div.section2 h4 {
margin-bottom: 20px; margin-bottom: 20px;
} }
div#container div#contents div#main_contents div.section2 h5{ div#container div#contents div#main_contents div.section2 h5 {
margin-bottom: 20px; margin-bottom: 20px;
} }
div#container div#contents div#main_contents div.section2 div.content{ div#container div#contents div#main_contents div.section2 div.content {
width: 676px; width: 676px;
margin: 0 auto; margin: 0 auto;
} }
div#container div#contents div#main_contents div.section2 div.content p{ div#container div#contents div#main_contents div.section2 div.content p {
margin-bottom: 15px; margin-bottom: 15px;
} }
div#container div#contents div#main_contents div.section2 div.left{ div#container div#contents div#main_contents div.section2 div.left {
width: 500px; width: 500px;
float: left; float: left;
} }
div#container div#contents div#main_contents div.section2 div.right{ div#container div#contents div#main_contents div.section2 div.right {
width: 150px; width: 150px;
margin-left: auto; margin-left: auto;
} }
div#container div#contents div#main_contents div.section2 div.left02{ div#container div#contents div#main_contents div.section2 div.left02 {
width: 200px; width: 200px;
float: left; float: left;
} }
div#container div#contents div#main_contents div.section2 div.right02{ div#container div#contents div#main_contents div.section2 div.right02 {
width: 450px; width: 450px;
margin-left: auto; margin-left: auto;
} }
div#container div#contents div#main_contents div.section2 p.right_text{ div#container div#contents div#main_contents div.section2 p.right_text {
text-align: right; text-align: right;
margin:40px 0; margin: 40px 0;
} }
div#container div#contents div#main_contents div.section2 p.photo_center{ div#container div#contents div#main_contents div.section2 p.photo_center {
text-align: center; text-align: center;
margin-bottom: 20px margin-bottom: 20px
} }
div#container div#contents div#main_contents div.section2 table{ div#container div#contents div#main_contents div.section2 table {
margin-bottom: 20px; margin-bottom: 20px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
div#container div#contents div#main_contents div.section2 th{ div#container div#contents div#main_contents div.section2 th {
padding: 2px 10px 1px 10px; padding: 2px 10px 1px 10px;
background-color: #1FC5DB; background-color: #1FC5DB;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
div#container div#contents div#main_contents div.section2 td{ div#container div#contents div#main_contents div.section2 td {
padding: 10px; padding: 10px;
vertical-align: top; vertical-align: top;
border-top: 1px solid #fff; border-top: 1px solid #fff;
} }
div#container div#contents div#main_contents div.section2 tr.td_a td{ div#container div#contents div#main_contents div.section2 tr.td_a td {
background-color: #defcfc; background-color: #defcfc;
} }
div#container div#contents div#main_contents div.section2 tr.td_b td{ div#container div#contents div#main_contents div.section2 tr.td_b td {
background-color: #f5ffff; background-color: #f5ffff;
} }
/* 130808 update */ /* 130808 update */
div#container div#contents div#main_contents div.section2 div.bannerblock{ div#container div#contents div#main_contents div.section2 div.bannerblock {
overflow: hidden; overflow: hidden;
zoom: 1; zoom: 1;
} }
div#container div#contents div#main_contents div.section2 div.bannerblock div.bannerbox01{ div#container div#contents div#main_contents div.section2 div.bannerblock div.bannerbox01 {
float: left; float: left;
text-align: center; text-align: center;
width: 230px; width: 230px;
margin-right: 20px; margin-right: 20px;
} }
/*
/*
div#container div#contents div#main_contents div.section2 div.bannerblock div.bannerbox02{ div#container div#contents div#main_contents div.section2 div.bannerblock div.bannerbox02{
float: left; float: left;
width: 160px; width: 160px;
text-align: center; text-align: center;
}*/ }*/
div#container div#contents div#main_contents div.section2 div.bannerblock div.bannerbox02 .bannerimg{ div#container div#contents div#main_contents div.section2 div.bannerblock div.bannerbox02 .bannerimg {
padding: 7px 0; padding: 7px 0;
} }
div#container div#contents div#main_contents div.section2 div.bannerblock p{ div#container div#contents div#main_contents div.section2 div.bannerblock p {
font-weight: bold; font-weight: bold;
} }
/* 130808 update */ /* 130808 update */
/* 130826 update */ /* 130826 update */
div#container div#contents div#main_contents ul li.accessmap_list{ div#container div#contents div#main_contents ul li.accessmap_list {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* 130826 update */ /* 130826 update */
/* 131023 update */ /* 131023 update */
div#container div#contents div#main_contents div.section2 table.katsudo{ div#container div#contents div#main_contents div.section2 table.katsudo {
width: 676px; width: 676px;
margin: 0 auto; margin: 0 auto;
} }
div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle01{
width: 90px; div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle01 {
background-color: #1fc5db; width: 90px;
text-align: center; background-color: #1fc5db;
font-weight: normal; text-align: center;
color: #fff; font-weight: normal;
padding: 5px; color: #fff;
border-bottom: 1px solid #fff; padding: 5px;
height: 100%; border-bottom: 1px solid #fff;
} height: 100%;
div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle01-2{ }
width: 90px;
background-color: #18a4b5; div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle01-2 {
text-align: center; width: 90px;
font-weight: normal; background-color: #18a4b5;
color: #fff; text-align: center;
padding: 5px; font-weight: normal;
border-bottom: 1px solid #fff; color: #fff;
height: 100%; padding: 5px;
} border-bottom: 1px solid #fff;
div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle01-3{ height: 100%;
width: 90px; }
background-color: #aae2ff;
text-align: center; div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle01-3 {
font-weight: normal; width: 90px;
color: #333; background-color: #aae2ff;
padding: 5px; text-align: center;
border-bottom: 1px solid #fff; font-weight: normal;
height: 100%; color: #333;
} padding: 5px;
div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle02{ border-bottom: 1px solid #fff;
width: 90px; height: 100%;
background-color: #defcfc; }
text-align: center;
font-weight: normal; div#container div#contents div#main_contents div.section2 table.katsudo th.thStyle02 {
color: #666; width: 90px;
padding: 5px; background-color: #defcfc;
border-bottom: 1px solid #fff; text-align: center;
border-left: 1px solid #fff; font-weight: normal;
height: 100%; color: #666;
} padding: 5px;
div#container div#contents div#main_contents div.section2 table.katsudo td{ border-bottom: 1px solid #fff;
width: 466px; border-left: 1px solid #fff;
float: right; height: 100%;
padding: 5px; }
border-top: 1px solid #f5f5f5;
} div#container div#contents div#main_contents div.section2 table.katsudo td {
div#container div#contents div#main_contents div.section2 table.katsudo td.bottom{ width: 466px;
border-bottom: 1px solid #f5f5f5; float: right;
} padding: 5px;
border-top: 1px solid #f5f5f5;
}
div#container div#contents div#main_contents div.section2 table.katsudo td.bottom {
border-bottom: 1px solid #f5f5f5;
}
div#container div#contents div#main_contents div.section2 ul li {
display: flex;
position: relative;
}
div#container div#contents div#main_contents div.section2 ul li:first-child {
margin-bottom: 3px;
}
div#container div#contents div#main_contents div.section2 ul li {
margin-bottom: 2px;
}
div#container div#contents div#main_contents div.section2 ul li .layer1 {
background-color: #51aab2;
}
div#container div#contents div#main_contents div.section2 ul li .layer2 {
background-color: #71c9f1;
}
div#container div#contents div#main_contents div.section2 ul li p.title {
width: 222px;
padding: 10px 0 10px 10px;
margin-bottom: 0;
color: #fff;
font-weight: bold;
display: flex;
align-items: center;
}
div#container div#contents div#main_contents div.section2 ul li p.title2 {
width: 180px;
padding: 10px 0 10px 50px;
margin-bottom: 0;
color: #fff;
font-weight: bold;
display: flex;
align-items: center;
}
div#container div#contents div#main_contents div.section2 ul li p.text {
width: 456px;
padding: 10px;
margin-bottom: 0;
padding: 10px 0 10px 10px;
}
div#container div#contents div#main_contents div.section2 p.layer-vert {
background-color: #cdebfb;
width: 42px;
height: 130px;
margin-bottom: 0;
writing-mode: vertical-rl;
text-orientation: upright;
position: absolute;
font-weight: normal;
color: #666;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
div#container div#contents div#main_contents div.section2 p.layer-vert2 {
background-color: #cdebfb;
width: 42px;
height: 218px;
margin-bottom: 0;
writing-mode: vertical-rl;
text-orientation: upright;
position: absolute;
font-weight: normal;
color: #666;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.org-up{
height: 136px;
position: relative;
}
.org-down{
height: 220px;
position: relative;
}
/* //131023 update */ /* //131023 update */
.vision_box{ .vision_box {
background-color: #E9EFF7; background-color: #E9EFF7;
position: relative; position: relative;
padding: 15px; padding: 15px;
margin: 30px auto 15px auto; margin: 30px auto 15px auto;
} }
.vision_box p.title{
position: relative; .vision_box p.title {
top: -25px; position: relative;
text-align: center; top: -25px;
text-align: center;
} }
.vision_box p.box_text{
margin-top: -20px; .vision_box p.box_text {
text-align: center; margin-top: -20px;
text-align: center;
} }
.vision_box p.box_text02{
margin-top: -20px; .vision_box p.box_text02 {
margin-top: -20px;
} }
.associationTextRight01{ .associationTextRight01 {
text-align: right; text-align: right;
} }
table.mb-15{
margin-top: -15px; table.mb-15 {
margin-top: -15px;
} }
/* //170405 update */ /* //170405 update */
.history_dl{ .history_dl {
overflow: hidden; overflow: hidden;
} }
.history_dl dt{
width: 80px; .history_dl dt {
float: left; width: 80px;
float: left;
} }
.history_dl dd{
width: 590px; .history_dl dd {
margin-left: auto; width: 590px;
text-align: left; margin-left: auto;
text-align: left;
} }
.history_dl dd span{
display: block; .history_dl dd span {
font-size: 90%; display: block;
font-size: 90%;
} }
/* //170512 update */ /* //170512 update */
.mt1em{ .mt1em {
margin-top: 1.5em; margin-top: 1.5em;
} }
/* 170628 */ /* 170628 */
.plan2_box{ .plan2_box {
background-color: #E9EFF7; background-color: #E9EFF7;
position: relative; position: relative;
padding: 15px; padding: 15px;
margin: 5px auto 30px auto; margin: 5px auto 30px auto;
}
.plan2_box ul{
} }
.plan2_box li{
text-indent: -2em; .plan2_box ul {}
padding-left: 2em;
.plan2_box li {
text-indent: -2em;
padding-left: 2em;
} }
.plan2_box span{
display: block; .plan2_box span {
margin-top: 1em; display: block;
margin-left: 2em; margin-top: 1em;
margin-left: 2em;
} }
/* 170713 update */ /* 170713 update */
div#container div#contents div#main_contents div.section2 div.enkaku p{ div#container div#contents div#main_contents div.section2 div.enkaku p {
margin-bottom: 0; margin-bottom: 0;
} }
div#container div#contents div#main_contents div.section2 div.enkaku table{
width: 676px; div#container div#contents div#main_contents div.section2 div.enkaku table {
margin: 0 auto 20px auto; width: 676px;
} margin: 0 auto 20px auto;
div#container div#contents div#main_contents div.section2 div.enkaku table th{ }
width: 30%;
background-color: #1fc5db; div#container div#contents div#main_contents div.section2 div.enkaku table th {
text-align: center; width: 30%;
font-weight: normal; background-color: #1fc5db;
color: #fff; text-align: center;
padding: 5px; font-weight: normal;
border-bottom: 1px solid #fff; color: #fff;
height: 100%; padding: 5px;
} border-bottom: 1px solid #fff;
div#container div#contents div#main_contents div.section2 div.enkaku table td{ height: 100%;
width: 70%; }
padding: 5px 20px;
border-top: 1px solid #f5f5f5; div#container div#contents div#main_contents div.section2 div.enkaku table td {
text-align: left; width: 70%;
} padding: 5px 20px;
div#container div#contents div#main_contents div.section2 div.enkaku table td.bottom{ border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5; text-align: left;
} }
div#container div#contents div#main_contents div.section2 div.enkaku table td.bottom {
border-bottom: 1px solid #f5f5f5;
}
/* //170713 update */ /* //170713 update */
.bookArea01{ .bookArea01 {
overflow: hidden; overflow: hidden;
} }
.bookArea01 .minibox{
width: 320px; .bookArea01 .minibox {
float: left; width: 320px;
margin-right: 10px; float: left;
position: relative; margin-right: 10px;
height: 200px; position: relative;
margin-bottom: 20px; height: 200px;
} margin-bottom: 20px;
.bookArea01 .minibox p.img{ }
width: 150px;
margin-bottom: 5px; .bookArea01 .minibox p.img {
float: left; width: 150px;
} margin-bottom: 5px;
.bookArea01 .minibox p.img img{ float: left;
border: 1px solid #ccc; }
}
.bookArea01 .minibox p.text{ .bookArea01 .minibox p.img img {
width: 160px; border: 1px solid #ccc;
margin-left: auto; }
font-weight: bold;
} .bookArea01 .minibox p.text {
.bookArea01 .minibox p.text a.normal{ width: 160px;
display: block; margin-left: auto;
width: 132px; font-weight: bold;
padding: 3px 4px; }
margin-top: 10px;
background: #4461af; .bookArea01 .minibox p.text a.normal {
text-align: center; display: block;
color: #fff; width: 132px;
text-decoration: none; padding: 3px 4px;
position: absolute; margin-top: 10px;
bottom: 0; background: #4461af;
} text-align: center;
.bookArea01 .minibox p.text a.outside{ color: #fff;
display: block; text-decoration: none;
width: 132px; position: absolute;
padding: 3px 4px; bottom: 0;
margin-top: 10px; }
background: #f9a600;
text-align: center; .bookArea01 .minibox p.text a.outside {
color: #fff; display: block;
text-decoration: none; width: 132px;
position: absolute; padding: 3px 4px;
bottom: 0; margin-top: 10px;
} background: #f9a600;
.bookArea01 .minibox p.text span{ text-align: center;
font-size: 80%; color: #fff;
line-height: 1.2em; text-decoration: none;
margin: 0; position: absolute;
padding: 5px 0 0 0; bottom: 0;
display: block; }
font-weight: normal;
} .bookArea01 .minibox p.text span {
\ No newline at end of file font-size: 80%;
line-height: 1.2em;
margin: 0;
padding: 5px 0 0 0;
display: block;
font-weight: normal;
}
association/organization.html
...@@ -220,16 +220,65 @@ ...@@ -220,16 +220,65 @@
<td class="bottom">温水洗浄便座の国際規格化を推進し、同製品の国際的な普及を図る。</td> <td class="bottom">温水洗浄便座の国際規格化を推進し、同製品の国際的な普及を図る。</td>
</tr> </tr>
</table> </table>
<ul class="tbl_org"> <br>
<ul class="tbl-org">
<li>
<p class="layer1 title">運営委員会</p>
<p class="text">理事会の委嘱を受け、専門委員会の上位組織として工業会の統括運営を行う。</p>
</li>
<li>
<p class="layer2 title">広報委員会</p>
<p class="text">工業会活動の効果的な対外発信、並びに工業会内の情報共有を行う。</p>
</li>
<li>
<p class="layer2 title">ユニバーサルデザイン委員会</p>
<p class="text">ユニバーサルデザインに関する課題への対応と推進、国内規格、並びに国際規格に関する標準化活動を行う。</p>
</li>
<li>
<p class="layer2 title">トイレおもてなし委員会</p>
<p class="text">訪日外国人等に対するトイレでのおもてなし企画とその推進を行うとともに、温水洗浄便座の認知と利用機会の拡大を行う。</p>
</li>
<li>
<p class="layer2 title">技能実習制度推進委員会</p>
<p class="text">技能実習制度への衛生陶器製造作業の追加に向けた対応と推進を行う。</p>
</li>
<li>
<p class="layer-vert">衛生器具</p>
<p class="layer2 title2">衛生器具技術委員会</p>
<p class="text">衛生器具の技術的課題、並びに安全面の課題に関する対応と推進を行う。</p>
</li>
<li> <li>
<p>運営委員会</p> <p class="layer2 title2">衛生器具標準化委員会</p>
<span>理事会の委嘱を受け専門委員会の上位組織として工業会の統括運営を行う。</span> <p class="text">衛生器具の国内規格、並びに国際規格に関する標準化活動を行う。</p>
</li>
<li>
<p class="layer2 title2">衛生器具環境委員会</p>
<p class="text">衛生器具の環境に対する課題への対応と推進を行う。</p>
</li>
<li>
<p class="layer-vert2">温水洗浄便座</p>
<p class="layer2 title2">温水洗浄便座技術委員会</p>
<p class="text">温水洗浄便座の技術的な課題い関する対応と推進を行う。</p>
</li>
<li>
<p class="layer2 title2">温水洗浄便座標準化委員会</p>
<p class="text">温水洗浄便座の国内規格、並びに国際規格に関する標準化活動を行う。</p>
</li>
<li>
<p class="layer2 title2">温水洗浄便座環境委員会</p>
<p class="text">温水洗浄便座の省エネ化施策の企画・推進、並びに環境に関する課題への対応と推進を行う。</p>
</li>
<li>
<p class="layer2 title2">温水洗浄便座製品安全委員会</p>
<p class="text">温水洗浄便座の製品事故情報の収集・分析・公開、並びに事故防止のための安全啓発を行う。</p>
</li> </li>
</ul> </ul>
</div> </div>
<p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p> <p class="pagetop clear"><a href="#container" class="pageLink">ページ上部へ</a></p>
</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