* { padding: 0; margin: 0; }


body, html
{
    height: 100%; width: 100%;
    top: 0; left: 0;
    min-height: 414px;
    position: absolute;
	background: #fff;
}

h1, h2, h3, p
{
	display: none;
    visibility: hidden;
}

div#container-horizontal
{
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
}

div#container-in
{
	width: 648px; height: 414px;
	position: absolute;
	top: -207px; left: -324px;
	overflow: hidden;
	top:expression(document.body.clientHeight > 414 ? "-207px" : ( - document.body.clientHeight / 2) + "px");
	background: url("../images/background.jpg") 0 0 no-repeat;
}

menu
{
	float: left;
	margin: 152px 0 0 384px;
    display: inline;
	text-indent: -999em;
    overflow: hidden;
	list-style: none;
    width: 233px;
    height: 212px;
}

menu li
{
	list-style: none;
	clear: both;
	display: block;
}

menu li a
{
	display: block;
	width: 233px; height: 71px;
	float: left;
}

.menu1 { background: url("../images/nataku-menu.gif") 0 100% no-repeat; }
.menu2 { background: url("../images/gondo-menu.gif") 0 100% no-repeat; }
.menu3 { background: url("../images/px-menu.gif") 0 100% no-repeat; height: 70px; }

.menu1:hover { background-position: 0 0; }
.menu2:hover { background-position: 0 0; }
.menu3:hover { background-position: 0 0; }