お世話になっております

現在、共通説明文（大）を利用して注意書きの文章を入れたのですが、
弊社のレイアウトですと下の方に行き過ぎてしまい。

参照画像の部分までこの注意書きの部分のみをあげる方法を模索しております。

使用しているコードを添付致しますのでご確認頂けますと幸いです。



///////////////////////////////////////////////////

<div class="itemcart_ShoppingGuide design1">
<h2> 在庫のある商品とお取り寄せの商品に関して</h2>
<ul class="">
<li><a href="リンク先URL"><span>「あす楽が付いている商品」</span></a><BR>■倉庫に在庫のある商品となります。当店休業日を除く1～2日営業日以内の発送を予定しております。<BR><BR></li>
<li><a href="リンク先URL"><span>「あす楽が付いていない商品」</span></a><BR>■お取り寄せの商品となります。メーカ―欠品の場合、記載納期よりお時間を頂戴してしまう場合が御座います。</li>
</ul>
<p><FONT COLOR="red">※商品入荷のタイミング、商品のご購入のタイミングによって納期が前後する場合が御座います。ご理解ご了承の上でお買い求めくださいませ。<BR><BR></font></p>
</div>


///////////////////////////////////////////////////


<style type="text/css">
<!--
.itemcart_ShoppingGuide {
font-family:メイリオ;
font-size: 12px;
width: 100%;
margin: 8px auto;
}
.itemcart_ShoppingGuide h3 {
margin: 0;
padding: 4px 8px;
}
.itemcart_ShoppingGuide ul {
padding: 8px;
margin: 0;
list-style: none;
}
.itemcart_ShoppingGuide a {
font-size: 13px;
text-decoration: none;
transition: all .2s ease;
}
.itemcart_ShoppingGuide p {
color: #888;
margin: 0;
}

/*design-1 ----------------------*/
.itemcart_ShoppingGuide.design1 {
border: 1px solid #999;
position: relative;
top: -514px;
left: 161px;
z-index: 10000;
}
.itemcart_ShoppingGuide.design1 h3 {
color: #fff;
background: #999;
}
.itemcart_ShoppingGuide.design1 li {
display: inline-block;
margin: 0 4px 8px 0;
}
.itemcart_ShoppingGuide.design1 li a {
font-weight: bold;
color: #fff;
display: inline-block;
padding: 8px 12px;
background: #bf0000;
border: 1px solid #bf0000;
border-radius: 3px;
}
.itemcart_ShoppingGuide.design1 li a:hover {
color: #bf0000;
background: #fff;
border-color: #bf0000;
}
.itemcart_ShoppingGuide.design1 p {
padding: 8px;
}
-->
</style>


///////////////////////////////////////////////////