// --------------------------------------------------
// Online Pattern 1
// --------------------------------------------------
document.write('<div class="online">');
document.write('<ul>');
document.write('<li><a class="online-title">Online Service</a></li>');
document.write('<li><a href="http://www2.489ban.net/v4/client/planinbound/list/customer/yumotokan/lang/4" target="_blank">Reservation by stay plan</a></li>');
document.write('<li><a href="https://www2.489ban.net/v4/client/bookedinbound/index/customer/yumotokan/lang/4" target="_blank">Change / Cancellation</a></li>');
document.write('</ul>');
document.write('</div>');

// --------------------------------------------------
// Online Pattern 2
// --------------------------------------------------
// document.write('<div class="online">');
// document.write('<ul>');
// document.write('<li><a class="online-title">Online Service</a></li>');
// document.write('<li><a href="http://de.roombank.ne.jp/jump.jsp?RS_Template=Yado1/YoyakuSend1_e.html&RS_InnCode=25001" target="_blank">Reservation by room type</a></li>');
// document.write('<li><a href="http://de.roombank.ne.jp/jump.jsp?RS_Template=Plan/plan1_e.html&RS_InnCode=25001" target="_blank">Reservation by stay plan</a></li>');
// document.write('<li><a href="http://de.roombank.ne.jp/jump.jsp?RS_Template=YoyakuNaiyo/hentori-e.html&RS_InnCode=25001" target="_blank">Change / Cancellation</a></li>');
// document.write('</ul>');
// document.write('</div>');