@charset "utf-8";

/******************************************************************** metabo
*/

.metabo { background: #000 url(../metabo/img/bg.gif) repeat-x;}

.metabo #wrapper {
	padding: 0;
	margin: 0;
}
.metabo #container {
	position: relative;
	background: #fff url(../metabo/img/bg2.gif) repeat-y 100% 0;
	padding: 0;
	margin: 0 auto;
}
.metabo #col-z {
	width: 605px;
	background: url(../metabo/img/bg1.gif) no-repeat;
	padding: 15px 19px 0 15px;
}
.metabo #footer {
	width: 605px;
	border: none;
	padding: 0 0 0 15px;
	margin: 0;
}

/*------------------------------------------------------------------* container
*/

.metabo #container h3 {
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 272px;
	padding: 0;
}

/*------------------------------------------------------------------* col-z
*/

.metabo #col-z .banner { padding: 0 0 25px; margin: 0;}

.metabo #col-z #info {
	width: 335px;
	height: 350px;
	background: url(../metabo/img/bg3.jpg) no-repeat;
	list-style: none;
	padding: 0 0 0 270px;
	margin: 0;
}
.metabo #col-z #info li {
	padding: 0;
	margin: 0;
}

.metabo #col-z div {
	width: 605px;
	padding: 0;
	margin: 20px 0 0;
}

.metabo #col-z #menu01 { height: 400px; background: url(../metabo/img/menu01.jpg) no-repeat;}
.metabo #col-z #menu02 { height: 350px; background: url(../metabo/img/menu02.jpg) no-repeat;}
.metabo #col-z #menu03 { height: 345px; background: url(../metabo/img/menu03.jpg) no-repeat;}
.metabo #col-z #menu04 {
	background: url(../metabo/img/border.gif) no-repeat;
	border-bottom: 3px solid #98999c;
	margin-bottom: 20px;
}

.metabo #col-z div h4 { padding: 12px 0 0 10px; margin: 0;}

.metabo #col-z div dl {
	padding: 0 0 0 65px;
	margin: 0;
}
.metabo #col-z div dt { padding: 5px 0; margin: 0;}
.metabo #col-z div dd { padding: 0 0 15px 5px; margin: 0;}

.metabo #col-z #menu04 p { font-size: 120%; font-weight: bold; line-height: 1.3em;}

.metabo #col-z #navi {
	width: 605px;
	list-style: none;
	padding: 0 0 20px;
	margin: 0;
}
.metabo #col-z #more {
	width: 213px;
	text-align: center;
	float: left;
	padding: 20px 0 0;
}
.metabo #col-z #more img { width: 213px; display: block;}
.metabo #col-z #more a { color: #000; font-size: 120%;}
.metabo #col-z #more a:hover { text-decoration: none;}
.metabo #col-z #blog {
	width: 362px;
	float: right;
	padding: 0;
}

/*------------------------------------------------------------------* footer
*/

.metabo #footer p { border-bottom: 2px solid #ccc;}
.metabo #footer .pageTop {
	border: none;
	padding: 0 0 30px;
	margin: -2.8em 0 0;
}