@charset "utf-8";

body {
	background-image:url(http://www.officeboya.jp/~hl/images/metal-bg.gif);
}

a {
	color:#f30;
	text-decoration:none;
}

a:hover {
	color:#fff;
	background-color:#f30;
	text-decoration:none;
}

h3 {
	margin-bottom:6px;
}

.thumb {
	width:170px;
	height:170px;
	text-align:center;
	float:left;
	font-size:10px;
	line-height:15px;
}

DIV#header {
	color:#000;
	background-color:#fff;
	position:fixed;
	_position:absolute;
	width:100%;
	height:130px;
	top:0px;
	left:0px;
	text-align:center;
	background-image:url(http://www.officeboya.jp/~hl/images/metal-top.gif);
	z-index:1;
}

.transparent {
}

.transparent a, .transparent a:hover {
	background-color:transparent;
}


DIV#maintable {
	position:absolute;
	top:130px;
	left:150px;
	right:148px;
	padding-top:9px;
	padding-left:9px;
	padding-right:9px;
	background-color:#fff;
}

DIV#leftside {
	position:fixed;
	_position:absolute;
	width:130px;
	top:130px;
	left:0px;
	left:9px;
	z-index:2;
}

DIV#rightside {
	position:fixed;
	_position:absolute;
	top:130px;
	right:9px;
	width:130px;
	z-index:3;
}

DIV#back {
	position:fixed;
	_position:absolute;
	width:90px;
	bottom:20px;
	right:9px;
	text-align:right;
	z-index:4;
}

DIV#footer {
	color:#fff;
	background-color:#999;
	position:fixed;
	_position:absolute;
	width:100%;
	bottom:0px;
	left:0px;
	background-image:url(http://www.officeboya.jp/~hl/images/metal-bg.gif);
	text-shadow:#000 2px 3px 4px;
	z-index:5;
}
