@charset "utf-8";
/* CSS Document */

/* ハリーホック
----------------------- */
.clearfix:after {
	content:".";
	display:block;
	height: 0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}

/* Hides from IE-mac
----------------------- */
*html .clearfix{
	height: 1%;
	display: inline;
	overflow: hidden;
}

.clearfix{
	display: block;
}


/* IE用画像荒れ対策
----------------------- */
img { -ms-interpolation-mode: bicubic; }




/* ページ全体の基本レイアウト
---------------------------------------------------- */
#wrap {
	background-image:url(/img/index/over.jpg);
	background-repeat: no-repeat;
}

#content {
	background-image:url(/img/index/top_base.jpg);
}

#top-logo{
	position: absolute;
	top: 128px;
	left: 337px;
}
#gr {
	position: absolute;
	top: 0;
	left: 0;
}
#st {
	position: absolute;
	top: -2px;
	left: 135px;
}

.menuList {
	position: absolute;
	top: 134px;
	right: 115px;
}

.menuListItem {
	float: left;
	margin: 0;
	padding: 0 22px 0 0;
	list-style: none;
	position: relative;
}
.menuListItem:after {
	position: absolute;
	top: -4px;
	right: 8px;
	content: "/";
	font-size: 10px;
}
.menuListItem:last-child:after {
	display:none;
}

#studio a {
    width: 66px;
    height: 7px;
	background: url("/img/index/studioBtn_out.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#studio a:hover {
	background: url("/img/index/studioBtn_over.png") no-repeat;
}

#works a {
    width: 58px;
    height: 7px;
	background: url("/img/index/worksBtn_out.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#works a:hover {
	background: url("/img/index/worksBtn_over.png") no-repeat;
}

#profile a {
    width: 79px;
    height: 7px;
	background: url("/img/index/profileBtn_out.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#profile a:hover {
	background: url("/img/index/profileBtn_over.png") no-repeat;
}