@charset "utf-8";

/*
* 
*  custom/work.css
*	
*/

/* --------------------------------------------------
	0.Common
-------------------------------------------------- */
.workList li,
.thumbnail li {
	display: block;
	float: left;
}

/* --------------------------------------------------
	1.Work list
-------------------------------------------------- */
/* Title */
.workList {
	width: 618px;
	margin: 20px 0 20px -16px;
}
.workList li {
	width: 184px;
	margin: 0 0 16px 16px;
	padding: 1px;
	border: 1px solid #8F8F8F;
	background: url(../../img/work/bg_navy_blue.gif) repeat;
}
.workList dt{
	margin-bottom: 10px;
}
.workList dd { margin: 7px; }
.workList dd + dd { margin-top: 10px; }

/* --------------------------------------------------
	2.Work details
-------------------------------------------------- */
.typeNavyBlue { background: url(../../img/work/bg_navy_blue.gif) repeat 0 0; }
#workDetailContent { margin: 18px; }
#workDetail,
#workMainPic { widht: 270px; }
#workDetail{ float: left; }
#workMainPic { float: right; }
#workDetail dt {
	margin-bottom: 12px;
	font-size: 120%;
	color: #0E004C;
}
#workDetail dt span { margin-left: 0.2em; }
.workDTable { width: 270px; }
.workDTable th,
.workDTable td {
	padding: 0.4em;
	border: 1px solid #CCC;
	background: #F9F5FF;
}
.workDTable th {
	width: 54px;
	background: #E4D7F5;
	color: #1E125A;
	text-align: center;
}
.thumbnail {
	clear: both;
	margin-left: 1px;
}
.thumbnail li {
	width: 170px;
	margin: 0 0 22px 22px;
}
.returnBtnContent {
	clear: both;
	margin: 24px 18px 18px 0;
	text-align: right;
}
/*-------------------------------------------------
  99.clearfix
---------------------------------------------------*/
.workList:after,
.thumbnail:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.workList,
.thumbnail { *zoom: 1; }