@charset "utf-8";


/* ****************************************_**************************************** */
/* Index */

body {
	background: url(../../images/index/background.jpg) top left repeat;
}

div#container {
	background: url(../../images/index/background2.gif) top center no-repeat;
	width: 100%;
    min-height:100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

div#contents {
	margin: 125px auto 0;
}

div.leftblock {
	float: left;
	width: 450px;
}

div.rightblock {
	float: right;
}

div.rightblock img {
	margin: 0 0 0 36px;
}

div.rightblock img.leftimg {
	margin: 0 0 0 0;
}

div#footer {
    width: 100%;
    height: 4em;
	font-size: 0.01em;
	text-indent: -9999px;
}

div#footer p {
	width: 270px;
	height:14px;
	margin: 0 auto;
	background: url(../../images/index/copyright.gif) top center no-repeat;
}

.push {
    height: 4em;
}


div.rightblock ul {
	list-style: none;
	margin: 0;
	height: 315px;
}
div.rightblock ul li {
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
}

#project, 
#tetete {
	display: block;
	height: 315px;
	width: 190px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../../images/index/link.gif);
}

/* **************************************** */
/* project */

#project {
	margin: 0 40px 0 0;
	background-position: 0 0;
}

#project:hover,
#project.selected {
	background-position: 0 -315px;
}

/* **************************************** */
/* tetete */

#tetete {
	background-position: -190px 0;
}

#tetete:hover,
#tetete.selected {
	background-position: -190px -315px;
}