.sample00{
width: 300px;
border:1px dotted #000000;
}

◎アウトサイド

.sample01{
width: 300px;
border:1px dotted #000000;
}
.sample01 li{
list-style: disc outside;
}

.sample01 ul{
margin:0px;
}

◎インサイド

.sample02{
width: 300px;
border:1px dotted #000000;
}
.sample02 li{
list-style: disc inside;
}

.sample02 ul{
margin:0;
}

◎マークを画像にする

.sample03{
width: 300px;
border:1px dotted #000000;
}
.sample03 li{
list-style: none inside;
background:url(/img/034.gif) no-repeat left center;
}

.sample03 ul{
margin:0;
}

◎マークの画像と文字の間隔を調整

.sample04{
width: 300px;
border:1px dotted #000000;
}
.sample04 li{
list-style: none inside;
padding-left:20px;
background:url(/img/034.gif) no-repeat left center;
}

.sample04 ul{
margin:0;
}