html {
}

body {
	width: 100%; 
	height: 100%; 
	margin: 0; 
	text-align: center;
	font-size: 0.8em;
	font-family: Verdana, Arial;
	color: #999999;
}

.cont {
	position: absolute; 
	top: 48%; 
	left: 0px;
	height: 250px; 
	width: 100%; 
	text-align: center;
	/*border: 1px solid red;*/

}

.inner {
	position: absolute;
	top: -100%; 
	left: 10%; 
	border: 1px solid #DDD; 
	width: 80%; 
	height: 500px; 
	vertical-align: middle; 
}

.left {
	height: 91%; 
	padding-top: 2%; 
	padding-bottom: 2%; 
	padding-left: 0px; 
	padding-right: 8px;
}

.right {
	height: 91%; 
	padding-top: 2%; 
	padding-bottom: 2%; 
	padding-left: 8px; 
	padding-right: 0px;
}

.navi {
	position: absolute; 
	top: 105%; 
	left: 40%; 
	width: 20%;
	text-align: center; 
}

.navi img {
  cursor: pointer;
}

.logo {
	position: absolute;
	top:105%;
	right: 10%;
}

.name {
	position: absolute;
	top:105%;
	left: 10%;
}

.thb_cont {
	position: absolute; 
	top: 70%; 
	left: 5%; 
	width: 90%; 
	border: 1px solid #DDD; 
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

.thb_img {
	opacity:0.4;
	filter:alpha(opacity=40); 
	height: 80px;
}

.link_img {
	opacity:0.6;
	filter:alpha(opacity=60); 
	cursor: pointer;
}

img {
	margin: 0;
	padding: 0;
}

td.category {
  text-align: left;
  padding: 5px;
  font-size: 16px;
  padding-left: 25px;
  font-family: Geneva, "MS Sans Serif", Arial
}

a {
  color: silver;
  text-decoration: none;
}

a:hover {
  color: grey;
}

ul {
  list-style-position:inside;
}