/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  overflow-y: scroll;
  background: #000;
  }

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font-size: 1em;
  color: #333;
  }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.8em;
  line-height: 1em;
  font-weight: bold;
}

h2{
font-size: 36px;
margin: 0.5em;
clear:left;
}

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1em; 
  }
    
ul { list-style-type: none; }
ol { list-style-type: decimal; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }


/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #fff; text-decoration: underline; }
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }


/* 5. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }

/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
#container {
	padding: 0 2em;
	margin: 0 auto; 
	max-width: 60em;
	text-align:center;
	background: url('../img/bg_paper.jpg') top center;
}

.navi {
width: 100%;
height: 1.5em;
margin:0 auto;
background:#000;
}
	
.navi li {
width: 19%;
min-widht:120px;
height:100%;
text-align:center;
float:left;
}

.content {
width: 550px;
margin: 10px auto;
padding: 20px;
text-align:left;
background:rgba(255,255,255,0.5);

}

#kaisai table{
margin: 0 auto;
}

#kaisai th{
width:7em;
padding: 0.5em;
font-size:24px;
border:1px solid #999;
}

#kaisai td{
width:20em;
padding: 0.5em;
font-size:14px;
border:1px solid #999;
}