/* 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/06/26';

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/394?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 = '2010/06/03';

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/99?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] = '';