/* CSS Document */

li#works a{
	background:url(../images/header_works.gif) 0 -29px;
	cursor:default;
}

li#web{
	top:-36px;
	left:31px;
	width:40px;
	height:27px;
}
li#web a, li#web span{
	height:27px;
	background:url(../images/header_web.gif);
}
li#web a:hover, li#web span{
	background:url(../images/header_web.gif) 0 -27px;
	cursor:pointer;
}
li#graphic{
	top:-36px;
	left:89px;
	width:60px;
	height:27px;
}
li#graphic a, li#graphic span{
	height:27px;
	background:url(../images/header_graphic.gif);
}
li#graphic a:hover, li#graphic span{
	background:url(../images/header_graphic.gif) 0 -27px;
	cursor:pointer;
}
li#ui{
	top:-36px;
	left:150px;
	width:30px;
	height:27px;
}
li#ui a, li#ui span{
	height:27px;
	background:url(../images/header_ui.gif);
}
li#ui a:hover, li#ui span{
	background:url(../images/header_ui.gif) 0 -27px;
	cursor:pointer;
}






/* body#site-index contents area --------*/

div.update {
	margin: 30px 30px 30px 0;
	padding: 10px;
	border: 1px dotted #6699CC;
	font-size: 11px;
}
div.update h3{
	font-size:100%;
	margin-bottom:5px;
}


dl#worksIndex{
	height:198px;
	width:455px;
	margin:30px 0;
	padding:0;
	position:relative;
}
dl#worksIndex:after{
	display:block;
	clear:both;
	content:" ";
}
dl#worksIndex dt, dl#worksIndex dd{
	width:122px;
	position:absolute;
}
dl#worksIndex dt{
	top:0;
	text-indent:-9999px;
}
dl#worksIndex dd{
	top:132px;
	font-size:11px;
	line-height:160%;
}
dt.web, dd.web{
	left:0;
}
dt.graphic, dd.graphic{
	left:167px;
}
dt.ui,dd.ui{
	left:333px;
}
dl#worksIndex dt a{
	display:block;
	width:122px;
	height:122px;
}
dt.web a{
	background:url(../images/works/works_bg.gif) 0 0;
}
dt.web a:hover{
	background:url(../images/works/works_bg.gif) 0 122px;
}
dt.graphic a{
	background:url(../images/works/works_bg.gif) 122px 0;
}
dt.graphic a:hover{
	background:url(../images/works/works_bg.gif) 122px 122px;
}
dt.ui a{
	background:url(../images/works/works_bg.gif) 244px 0;
}
dt.ui a:hover{
	background:url(../images/works/works_bg.gif) 244px 122px;
}