<br />
/*---------------------
 * stylesheet for common
 * --------------------- */

*{
	margin:0;
	padding:0;
}

#body{
	text-indent:auto;
	margin:auto;
	font-size:1em;
	height:100%;
	background-image:url(/img/bg.png);
}

#whole{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}

#menuWhole{
	position:relative;
	top:30px;
	margin:auto;
	width:850px;
	height:500px;
	z-index:20;
}
#popCont{
	position:absolute;
	top:30px;
	margin:auto;
	width:850px;
	height:500px;
	z-index:100;
}

/*--- glass --*/
#glass{
	position:absolute;
	top:0px;
	margin:auto;
	width:850px;
	_width:860px;
	height:500px;
	z-index:20;
	background:transparent;
}

#contents{
	position:relative;
	top:0px;
	left:50px;
	width:750px;
	height:500px;
	z-index:30;
	overflow:hidden;
	background:transparent;

}

ul#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	height:60px;
	z-index:10;
	margin:0;
	padding:0;
	text-align:right;
	right:0px;
}

ul#footer li{
	display:inline;
	margin-right:20px;
}


#about,
#mail,
#nextArrow,
#prevArrow{
	cursor:pointer;
}


a{
	border:0px;
}

img {
	border:0px;
}

li{
	list-style-type:none;
}

/* outside navis */

/* arrows */
#menuMove{
	position:absolute;
	top:210px;
	left:0px;
	_left:-5px;
	width:810px;
	_width:820px;
	z-index:20;

}
#menuMove li{
	display:inline;
}
#nextArrow{
	position:absolute;
	top:0px;
	left:0px;
	width:56px;
	height:68px;
	background-image:url(/img/nextArrow.png);
	background-position:0 0;
	background-repeat:no-repeat;	
}

#prevArrow{
	position:absolute;
	top:0px;
	left:800px;
	width:56px;
	height:68px;
	background-image:url(/img/prevArrow.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*-- IE 7 ans below CSS hacks. */
*:first-child+html #nextArrow{
	left:-40px;
}

* html #nextArrow{
	left:-40px;
} 

*:first-child+html #prevArrow{
	left:760px;
}

* html #prevArrow{
	left:763px;
} 

/*-- end */