区切り線のアレンジ例　スタイル以外全て同じ
color+solid
 <hr style="width:80%;
height:10px;
color:#235976;
border-style:solid;
border-color:#a3cde4
border-width:2px">
background-color+solid
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:solid;
border-color:#a3cde4;
border-width:2px">
dotted
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:dotted;
border-color:#a3cde4
border-width:2px">
dashed
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:dashed;
border-color:#a3cde4
border-width:2px">
double
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:double;
border-color:#a3cde4
border-width:2px">
groove
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:groove;
border-color:#a3cde4
border-width:2px">
ridge
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:ridge;
border-color:#a3cde4
border-width:2px">
inset
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:inset;
border-color:#a3cde4
border-width:2px">
outset
 <hr style="width:80%;
height:10px;
background-color:#235976;
border-style:outset;
border-color:#a3cde4
border-width:2px">