<ul>について質問させてください。
デフォルトの<li>の先頭に付く「・」が邪魔でlist-style-type: none;にて非表示させました。
しかし、非表示しているにも関わらず、その部分のスペースは取ってしまっているようです。
これを無くしたいのですがどのようにすれば良いのでしょうか?

li {
    list-style-type: none;
}
.ul_left {
    display: table;
    position: relative;
    margin-right: auto;
}
<ul class="ul_list">
 <li>フルーツ</li>
 <ul class="ul_left">
  <li>リンゴ</li>
  <li>リンゴ</li>
  <li>リンゴ</li>
 </ul>
</ul>