@charset "utf-8";
/*______________________________________

  mizuyari

  Copyright (c) 2009 mizuyari
  http://mizuyari.jp/
______________________________________*/

#projects {
	background: transparent url(/shared/images/area-divider-bg.gif) repeat-x 0 0;
	width: 100%;
}

#projects h2 {
	position: relative;
	background: transparent url(/shared/images/area-divider-bg.gif) repeat-x 0 100%;
	font-size: 93.75%;
	line-height: 1;
	padding-bottom: 1px;
	height: 40px;
}
#projects h2 img {
	position: absolute;
	top: 15px;
	left: 8px;
}
* html #projects h2 {
	height: 41px;
}

#projects #projects-list {
	margin-top: 70px;
}
#projects #projects-list ul {
	list-style: none;
}

#projects .projects-thumbnail#projects-list ul {
	margin-top: -30px;
	margin-left: -30px;
	zoom: 1;
}
#projects .projects-thumbnail#projects-list ul li {
	position: relative;
	background: url(/projects/images/items-thumbnail-bg.png) no-repeat;
	float: left;
	width: 290px;
	height: 175px;
	margin-top: 30px;
	margin-left: 30px;
}
#projects .projects-thumbnail#projects-list ul li dl {
	width: 290px;
	height: 175px;
}
#projects .projects-thumbnail#projects-list ul li#item-mizuyaritategaki dl {
	background: url(/projects/images/item-mizuyaritategaki-thumb.png) no-repeat;
}
#projects .projects-thumbnail#projects-list ul li#item-mizuyaristamp dl {
	background: url(/projects/images/item-mizuyaristamp-thumb.png) no-repeat;
}
#projects .projects-thumbnail#projects-list ul li dt {
	position: absolute;
	top: 19px;
	left: 15px;
	font-size: 112.5%;
}
#projects .projects-thumbnail#projects-list ul li dd.category {
	position: absolute;
	bottom: 1px;
	left: 1px;
}
#projects .projects-thumbnail#projects-list ul li dd.category img {
	padding: 0 14px;
}
#projects .projects-thumbnail#projects-list ul li dd.clientwork {
	background: #eb768e url(/projects/images/items-thumbnail-bg02.png) no-repeat 0 100%;
}
#projects .projects-thumbnail#projects-list ul li dd.privatework {
	background: #9866c1 url(/projects/images/items-thumbnail-bg02.png) no-repeat 0 100%;
}
#projects .projects-thumbnail#projects-list ul li dd.lab {
	background: #6fbfa0 url(/projects/images/items-thumbnail-bg02.png) no-repeat 0 100%;
}
#projects .projects-thumbnail#projects-list ul li dd.misc {
	background: #acacac url(/projects/images/items-thumbnail-bg02.png) no-repeat 0 100%;
}

#projects .projects-thumbnail#projects-list ul li dd.description {
	position: absolute;
	font-size: 68.75%;
	line-height: 2;
	top: 52px;
	left: 15px;
	width: 157px;
}



#projects .projects-list#projects-list {
}
#projects .projects-list#projects-list ul {
	margin-top: 17px;
	padding-top: 1px;
	background: transparent url(/shared/images/area-divider-bg.gif) repeat-x;
}
#projects .projects-list#projects-list ul li {
	background: transparent url(/shared/images/area-divider-bg.gif) repeat-x 0 100%;
	position: relative;
	clear: both;
	margin-top: 17px;
	padding-top: 25px;
	padding-bottom: 18px;
	zoom: 1;
}
#projects .projects-list#projects-list ul li dt {
	position: absolute;
	top: 0;
	left: 130px;
}
#projects .projects-list#projects-list ul li dd.category {
	position: absolute;
	top: 0;
	left: 5px;
	width: 106px;
	height: 20px;
	text-align: center;
}
#projects .projects-list#projects-list ul li dd.clientwork {
	background: #eb768e;
}
#projects .projects-list#projects-list ul li dd.privatework {
	background: #9866c1;
}
#projects .projects-list#projects-list ul li dd.lab {
	background: #6fbfa0;
}
#projects .projects-list#projects-list ul li dd.misc {
	background: #acacac;
}

#projects .projects-list#projects-list ul li dd.description {
	position: absolute;
	top: 0.5em;
	left: 450px;
	font-size: 68.75%;
}
#projects .projects-list#projects-list ul li dd.description br {
	display: none;
}


#projects #projects-functions {
	position: absolute;
	top: 60px;
	width: 930px;
}
#projects #projects-functions ul {
	list-style: none;
}
#projects #projects-functions ul li,
#projects #projects-functions ul dt,
#projects #projects-functions ul dd {
	float: left;
	width: auto;
}

#projects #projects-functions ul#filter li.first-child {
	background: url(/projects/images/function-bg.png) no-repeat 100% 0;
	padding-right: 45px;
}
#projects #projects-functions ul#filter dl {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
	zoom: 1;
}
#projects #projects-functions ul#filter dl dd {
	margin-left: 10px;
}
#projects #projects-functions ul#filter dl ul li {
	margin-right: 14px;
}

#projects #projects-functions ul#filter dl ul li.first-child {
	background: none;
	padding-right: 0;
}

#projects #projects-functions ul#view {
	position: absolute;
	top: 0;
	right: 1px;
}
#projects #projects-functions ul#view li {
	margin-left: 10px;
}