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; 
}

.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;
}