@charset "UTF-8";
/* int */

body {margin: 0;padding: 0;border: 0;font-size: 9px;font-family:sans-serif;}
h1,h2,h3,p,img,ul,li,dl,dt,dd,form {margin: 0;padding: 0;border: 0;}
ul {list-style: none;}
input {margin: 0;}
h1,h2,h3 {font-size: 1em;line-height: 1.1em;}
a {outline: none;font-size: 9px;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
table td{padding:0; margin:0px;}

/*---------------------------------------------------------------
■ work
---------------------------------------------------------------*/
body#works{margin:0px;padding:0px;}
#main{padding:3px; width:500px;}


/*---------------------------------------------------------------
■ init
---------------------------------------------------------------*/

div, p, ul, li{	margin:0; padding:0; }
h1, h2, h3{
	margin:0; padding:0;
	font-size:100%;
	font-weight:normal;
}
ul, li{
	margin:0; padding:0;
	list-style:none;
}
a, img{
	border: none;
}

a{ color:#808080;text-decoration:none; }
a:link   { color:#808080; }
a:visited{ color:#808080; }
a:hover  { color:#000000;}
a:active { color:#808080; }

/* ---------------------- */

.clr:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clr { display: inline-table; }
/* Hides from IE-mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End hide from IE-mac */

.cls{
	clear:both;
	display:block;
}


/*
---------------------------------------------------------------
■ main
---------------------------------------------------------------*/

body#top{
	margin:10px;
}
#base{
	margin:auto;
	background-color:#fff;
	text-align:center;
}
#head{
	padding-top:200px;}
.menu{
	margin:22px;
}
.menu li{
	display:inline;
	margin:0px 30px 0px 30px;
}
#footer{
	padding:60px;
}
#warp{
	padding:0;
	margin:0;
}
*+html #warp{
	margin:3px 0 0 0;
}
#warp img{
	display:block;
	padding:0;
	margin:0 auto;
}




/*  --- worklist -------------------- */

#worklist{
	background:repeat-y url(img-base/list-bg.gif) top center;
	margin:0px auto 0px auto;
	padding:0;
	width:850px;
	text-align:left;
}
#worklist ul{
	margin:0px;
}
#worklist ul li{
	float:left;
	display:block;
	margin:0px;
	padding:0px 5px 10px 15px;
	width:260px;height:90px;
}

*html #worklist ul li{ margin-left:0;}
*:first-child+html #worklist ul li{ margin-left:0;}

#worklist ul li img{
	float:left;
	margin-right:10px;
	border:1px solid #fff;
}
#worklist ul li p{
	color:#646464;
	float:left;
	margin:0;
	line-height:1.3;
	font-size:10px;
}
#worklist ul li span{
	display:block;
	width:174px;
	margin:0 0 5px 0;;padding:0;
	border-bottom:1px solid #bfbfbf;
}

/*  --- page -------------------- */
div#page{background:#fff;}
#layTable td{  }

p.credit{padding:2px 0 0 3px;font-size: 9px;line-height:1.4;color:#646464;}

#side{padding:3px 0px 3px 0px; vertical-align:top; width:180px; height:283px;background: url(img-base/work_border.gif) no-repeat left bottom;}
html>/**/body #side, x:-moz-any-link, x:default {
    height:293px;
} /* Only FireFox 3 */
*+html #side{height:283px;}
#thum{width:176px;}
*+html #thum{width:176px;}
#credit{height:182px; vertical-align:top;}
*+html #credit{height:185px; vertical-align:top;}
#middle{ padding:0 0 10px 0; vertical-align:bottom;}

p.number{font-size:10px; vertical-align:middle; margin:0px 0}
#bottom{padding:3px; vertical-align:bottom;}

#thum img{margin:1px 5px 2px 1px; display:inline; padding:0;}
*+html #thum img{margin:1px 5px 4px 1px;}



#close{ text-align:right;}

/* Add 01-17-2011 */
#info {
position: absolute;
width: 98%;
text-align: center;
top:355px;
z-index: 1;
}
#head {
position: relative;
z-index: 2;
}
.recruit {
width: 258px;
margin-left: 700px;
}