ol {
  list-style: none;
  counter-reset: number;
}

ol li {
  margin:1% 0 1% -20px;
  position: relative;
  padding-left: 40px;
}
ol li:before {
  counter-increment: number;
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
}

ul.comn-mat {
  list-style: none;
  margin:0 0 0 -25px;
}

li.syst0 {
  margin:1% 0 1% 0;
  position: relative;
}

li.syst1 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst1:before {
  display: block;
  content: '\0203B';
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst2 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst2:before {
  display: block;
  content: "■";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst3 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst3:before {
  display: block;
  content: "○";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst4 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst4:before {
  display: block;
  content: "◎";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

li.syst5 {
  margin:0 0 1% 0;
  padding-left: 1em;
  position: relative;
}
li.syst5:before {
  display: block;
  content: "（";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}