組織図（画像確定待ち）

association/css/parts.css

@@ -190,16 +190,24 @@ div#container div#contents div#main_contents div.section2 ul li {
  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.tbl-org2 li:last-child,
+div#container div#contents div#main_contents div.section2 ul.tbl-org3 li:last-child {
+ margin-bottom: 0px;
+}
+
+div#container div#contents div#main_contents div.section2 ul.tbl-org,
+div#container div#contents div#main_contents div.section2 ul.tbl-org2,
+div#container div#contents div#main_contents div.section2 ul.tbl-org3 {
+ overflow: hidden;
+}
+
 div#container div#contents div#main_contents div.section2 ul li .layer1 {
  background-color: #51aab2;
+ border-bottom: 3px;
 }
 
 div#container div#contents div#main_contents div.section2 ul li .layer2 {
@@ -207,7 +215,7 @@ div#container div#contents div#main_contents div.section2 ul li .layer2 {
 }
 
 div#container div#contents div#main_contents div.section2 ul li p.title {
- width: 222px;
+ width: 224px;
  padding: 10px 0 10px 10px;
  margin-bottom: 0;
  color: #fff;
@@ -217,7 +225,7 @@ div#container div#contents div#main_contents div.section2 ul li p.title {
 }
 
 div#container div#contents div#main_contents div.section2 ul li p.title2 {
- width: 180px;
+ width: 184px;
  padding: 10px 0 10px 50px;
  margin-bottom: 0;
  color: #fff;
@@ -231,16 +239,19 @@ div#container div#contents div#main_contents div.section2 ul li p.text {
  padding: 10px;
  margin-bottom: 0;
  padding: 10px 0 10px 10px;
+ color: #2f559a;
 }
 
 
 div#container div#contents div#main_contents div.section2 p.layer-vert {
  background-color: #cdebfb;
  width: 42px;
- height: 130px;
+ height: 134px;
  margin-bottom: 0;
+ /* cant use for IE11
  writing-mode: vertical-rl;
  text-orientation: upright;
+ */
  position: absolute;
  font-weight: normal;
  color: #666;
@@ -248,15 +259,18 @@ div#container div#contents div#main_contents div.section2 p.layer-vert {
  align-items: center;
  justify-content: center;
  z-index: 1;
+ border-bottom: 2px solid #fff;
 }
 
 div#container div#contents div#main_contents div.section2 p.layer-vert2 {
  background-color: #cdebfb;
  width: 42px;
- height: 218px;
+ height: 226px;
  margin-bottom: 0;
+ /* cant use for IE11
  writing-mode: vertical-rl;
  text-orientation: upright;
+ */
  position: absolute;
  font-weight: normal;
  color: #666;
@@ -264,17 +278,20 @@ div#container div#contents div#main_contents div.section2 p.layer-vert2 {
  align-items: center;
  justify-content: center;
  z-index: 1;
+ border-bottom: 2px solid #fff;
 }
 
-.org-up{
- height: 136px;
- position: relative;
+div#container div#contents div#main_contents div.section2 p.forTbl {
+ margin-bottom: 0 !important;
+ width: 100%;
+ height: 2px;
 }
 
-.org-down{
- height: 220px;
- position: relative;
+div#container div#contents div#main_contents div.section2 .mb-4 {
+ margin-bottom: 4px !important;
 }
+
+
 /* //131023 update */
 
 .vision_box {

association/organization.html

@@ -223,9 +223,9 @@
 
        <br>
 
-      
+
        <ul class="tbl-org">
-        <li>
+        <li class="mb-4">
          <p class="layer1 title">運営委員会</p>
          <p class="text">理事会の委嘱を受け、専門委員会の上位組織として工業会の統括運営を行う。</p>
         </li>
@@ -245,8 +245,10 @@
          <p class="layer2 title">技能実習制度推進委員会</p>
          <p class="text">技能実習制度への衛生陶器製造作業の追加に向けた対応と推進を行う。</p>
         </li>
+       </ul>
+       <ul class="tbl-org2">
         <li>
-         <p class="layer-vert">衛生器具</p>
+         <p class="layer-vert">衛<br>生<br>器<br>具</p>
          <p class="layer2 title2">衛生器具技術委員会</p>
          <p class="text">衛生器具の技術的課題、並びに安全面の課題に関する対応と推進を行う。</p>
         </li>
@@ -258,8 +260,11 @@
          <p class="layer2 title2">衛生器具環境委員会</p>
          <p class="text">衛生器具の環境に対する課題への対応と推進を行う。</p>
         </li>
+       </ul>
+       <p class="forTbl">
+       <ul class="tbl-org3">
         <li>
-         <p class="layer-vert2">温水洗浄便座</p>
+         <p class="layer-vert2">温<br>水<br>洗<br>浄<br>便<br>座</p>
          <p class="layer2 title2">温水洗浄便座技術委員会</p>
          <p class="text">温水洗浄便座の技術的な課題い関する対応と推進を行う。</p>
         </li>