公益社団法人日本保安用品協会

トップ

2017/2/2ホームページをリニューアルいたしました。
2016/10/17平成28年4月に発生した熊本地震の被災地域支援活動に貢献した功績により当協会及び会員3社が環境大臣から感謝状を贈呈されました。

#primary p.beg_space{
    text-indent:-1em;
	padding:0px 0px 0px 1em;
}
#primary p.beg_space2{
    text-indent:-2em;
	padding:0px 0px 0px 2em;
}
#primary ul.list_beg_space{
    margin-left:1em;
    font-size: 14px;
    li{
    text-indent:-2em;
	padding:0px 0px 0px 2em;
    }
}
/*
mixin
*/
.grad_1{
    background:#388f27;
    background: -webkit-linear-gradient(0deg, #bfd500 0.34%, #388f27 100%);
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0.0034, #bfd500), color-stop(1, #388f27));
    background: -ms-linear-gradient(0deg, #bfd500 0.34%, #388f27 100%);
    background: linear-gradient(90deg, #bfd500 0.34%, #388f27 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFD500', endColorstr='#388F27' ,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFD500',endColorstr='#388F27' , GradientType=1);
     }

/*
テーブル
*/
table{
     th{
          font-weight: normal;
         }
      th,td{
             padding: .5em;
    }
}
.yg_head_table{
    th{
     background: #DAE794;
       }
     th,td{
        border: 1px solid #231815;
    }
}
/*
会員テーブル
*/
.member_table{
    border-spacing:1px;
    border-collapse: separate;
    .grad_1;
    
  tr{
        &:nth-of-type(2n+1) td{
            background: #FAFCF5;
        }
   }
    th{
     background: #E5EB98;
     font-weight: normal;
         }
    td{
        background:#fff;
       
    }
}
.super_member_table{
  tr{
        &:nth-of-type(2n+1) td{
            background: #E9F5F3;
        }
   }
    th,td{
        border: 1px solid #231815;
    }
    th{
        background: #B0DCD9;
    }
}
/*
リンクリスト
*/

.link_list{
     &:before{
          content: '';
          display: block;
          height: 1px;
          .grad_1;
               }  
    li{
        a{
            display: block;
            padding: .5em 0 ;
        }
      &:after{
          content: '';
          display: block;
          height: 1px;
             .grad_1;
        }  
    }
}
/*
沿革
*/
.history_table{
    tr:first-child  td{
         border-top: 1px solid #909090;
        }
    td{
         border-bottom: 1px solid #909090;
        &.bdb_dash{
            border-bottom: 1px dashed #909090;
        }
        &:first-child{
        padding-right: 1em;    
        }
    }
}
/*
お問い合わせボックス
*/
.contact_box{
    .contact_title{
        display: inline-block;
     border: 1px solid #231815;
        padding:.2em .5em;
        margin-bottom: .5em;
        font-size: 13px;
    }
    dt{
        &:nth-of-type(n+2) {
     border-top: 1px solid #231815;
          margin-top: 1em;
          padding-top: 1em;
        }
        a{
            display: inline-block;
            font-size: 12px;
            margin-left: 1em;
            padding:.2em .5em;
            vertical-align: top;
            color: #fff;
            background : -webkit-linear-gradient(-82deg, rgba(191, 213, 0, 1) 0.34%, rgba(56, 143, 39, 1) 100%);
  background : -webkit-gradient(linear,45.77% -18.38% ,54.23% 118.38% ,color-stop(0.0034,rgba(191, 213, 0, 1) ),color-stop(1,rgba(56, 143, 39, 1) ));
  background : -ms-linear-gradient(-82deg, rgba(191, 213, 0, 1) 0.34%, rgba(56, 143, 39, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFD500', endColorstr='#388F27' ,GradientType=0)";
  background : linear-gradient(172deg, rgba(191, 213, 0, 1) 0.34%, rgba(56, 143, 39, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFD500',endColorstr='#388F27' , GradientType=1);
        }
    }
}
/*
h2タイトル
*/
.title_underline{
     border-bottom: 1px solid #231815;
     h2{
          font-size: 16px;
     }
    }

/*
共通
*/
.bdb_dash{
    border-bottom: 1px dashed #909090;
}
.dash_table{
    tr{
        border-bottom: 1px dashed #909090;
         td{
             padding-left:.5em;
             &:first-child{
             padding-left: 0;
             padding-right: .5em;
             border-right: 1px dashed #909090;
             }
         }
         &:first-child{
        border-top: 1px dashed #909090;
             
         }
    }
}
.posts-navigation{
        border-top: 1px solid #231815;
        text-align: right;
     .nav-previous,.nav-next{
         width:auto;
         float: none;
         display:inline-block;
         padding: .25em 1em;
          border-radius : 4px;
          margin: .5em;
          box-shadow: 1px 1px 2px 1px #ccc;
          a{
              color: #333;
              font-weight: bold;
          }
     }
      .nav-previous{
         &:before{
             content: "\f341";
            font-family: dashicons;
             display: inline-block;
          border-radius : 8px;
          height: 16px;
          width: 16px;
          vertical-align: middle;
          text-align: center;
          color: #fff;
            font-size: 14px;
          line-height: 16px;
             background: #D71718;
             margin-right: .25em;
             margin-top: -4px;
         }
     }
     .nav-next{
         &:after{
             content: "\f345";
            font-family: dashicons;
             display: inline-block;
          border-radius : 8px;
          height: 16px;
          width: 16px;
          vertical-align: middle;
          color: #fff;
          font-size: 14px;
          line-height: 16px;
             background: #D71718;
             margin-left: .25em;
             margin-top: -4px;
         }
     }
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by wpion.com