/* check userAgent */
var userAgent = navigator.userAgent.toLowerCase();
var styleFloat = /msie/.test( userAgent ) && !/opera/.test( userAgent ) ? "styleFloat" : "cssFloat";
/* var otepa_li_listStyle = /msie/.test( userAgent ) ? "none" : "none inside"; */

/* include jquery&thickbox */
var head = document.getElementsByTagName('head');

var script=document.createElement('script');
script.src='http://otepa.net/js/jquery.js';
head.item(0).appendChild(script);

var script=document.createElement('script');
script.src='http://otepa.net/js/thickbox/thickbox.js';
head.item(0).appendChild(script);

var link = document.createElement('link');
link.href = 'http://otepa.net/js/thickbox/thickbox.css';
link.type = 'text/css';
link.rel  = 'stylesheet';
head.item(0).appendChild(link);

/* check userAgent */
var userAgent = navigator.userAgent.toLowerCase();
var styleFloat = /msie/.test( userAgent ) && !/opera/.test( userAgent ) ? "styleFloat" : "cssFloat";

/* create html */
var otepa_block = document.getElementById('otepaBlock');
otepa_block.innerHTML  = '';

var otepa_ul = document.createElement('ul');
otepa_block.appendChild(otepa_ul);
otepa_ul.style.width = '100%';
otepa_ul.style.color = '#000';
otepa_ul.style.fontSize = '12px';
otepa_ul.style.padding = 0;
otepa_ul.style.margin = 0;


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2012/01/06';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/340?TB_iframe=true&height=600&width=600\" class=\"thickbox\">明けましておめでとうございます。</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/11/22';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/309?TB_iframe=true&height=600&width=600\" class=\"thickbox\">関西出張所　開設！</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/09/11';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/291?TB_iframe=true&height=600&width=600\" class=\"thickbox\">ご来場ありがとうございました！</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/09/08';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/290?TB_iframe=true&height=600&width=600\" class=\"thickbox\">フードテック２０１１　開催中です！</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/08/10';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/282?TB_iframe=true&height=600&width=600\" class=\"thickbox\">展示会　フードテック２０１１　来月です！</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/07/30';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/276?TB_iframe=true&height=600&width=600\" class=\"thickbox\">夏季休暇のお知らせ</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/07/04';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/268?TB_iframe=true&height=600&width=600\" class=\"thickbox\">インターフェックスジャパン　</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/06/27';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/263?TB_iframe=true&height=600&width=600\" class=\"thickbox\">スパウト付パウチ用ラベラー　新製品情報　2011　第二弾.</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/05/12';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/242?TB_iframe=true&height=600&width=600\" class=\"thickbox\">スパウト付パウチ用簡易キャッパー　新製品情報　2011　第一弾</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';


var otepa_li = document.createElement('li');
otepa_ul.appendChild(otepa_li);
otepa_li.style.width = '100%';
otepa_li.style.padding = '5px 0 5px 10px';
otepa_li.style.borderBottom = 'dotted 1px #999';
/* otepa_li.style.listStyle = otepa_li_listStyle;*/
otepa_li.style.listStyle = 'none outside';
otepa_li.style.overflow = 'hidden';
otepa_li.style.position = 'relative';
otepa_li.style.height = '1%';

var otepa_span_date = document.createElement('span');
otepa_li.appendChild(otepa_span_date);
otepa_span_date.style.width = '80px';
otepa_span_date.style.display = 'block';
otepa_span_date.style[styleFloat] = 'left';
otepa_span_date.style.marginRight = '13px';
otepa_span_date.innerHTML = '2011/05/11';

var otepa_span_title = document.createElement('span');
otepa_li.appendChild(otepa_span_title);
otepa_span_title.style.width = '90%';
otepa_span_title.style.display = 'block';
otepa_span_title.style[styleFloat] = 'left';
otepa_span_title.innerHTML = "<a href=\"http://otepa.net/entries/archives/tb/241?TB_iframe=true&height=600&width=600\" class=\"thickbox\">２０１１展示会情報　フードテック２０１１　出展</a>";

otepa_ul.style.width = '';
otepa_li.style.width = '';
otepa_li.style.padding = '5px 10px';
otepa_span_date.style.margin = '';
otepa_span_title.style.width = '';
otepa_span_title.style.margin = '0 0 0 85px';
otepa_span_title.style[styleFloat] = '';