@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: Apr 12, 2010
	Edited by Kazuya Ono / COLONY+iNTERACTIVE INC.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


#Work ul.list {
	width: 910px;
	margin-bottom: 10px;
	overflow: hidden;
}
#Work ul.list li {
	width: 405px;
	margin-right: 50px;
	float: left;
}


#Work ul.lead li {
	margin-bottom: 10px;
}
#Work ul.lead li h3 {
	margin-bottom: 15px;
}
#Work ul.lead li p {
	font-size: 93%;
	height: 9.6em;
	overflow: hidden;
}


#Work p.moreBtn {
	width: 46px;
	height: 13px;
	margin-bottom: 50px;
	cursor: pointer;
}




#Work ul.more {
}
#Work ul.more li {
	height: 80px;
	margin-bottom: 20px;
	overflow: hidden;
}
#Work ul.more li p.thumb {
	width: 120px;
	float: left;
}
#Work ul.more li h3,
#Work ul.more li p.url,
#Work ul.more li p.charge {
	width: 270px;
	float: right;
}

#Work ul.more li h3 {
	margin-bottom: 3px;
}
#Work ul.more li p.url {
	color: #666;
	font-size: 69%;
	line-height: 1.1;
	margin-bottom: 10px;
}
#Work ul.more li p.charge {
	font-size: 77%;
	line-height: 1.3;
}



/*
#Work div.inner ul.more li a p.url,
#Work div.inner ul.more li a:hover p.url {
	color: #666;
	text-decoration: none;
}
#Work div.inner ul.more li a p.charge,
#Work div.inner ul.more li a:hover p.charge {
	color: #fff;
	text-decoration: none;
}
*/
#Work div.inner ul.more li a,
#Work div.inner ul.more li a:hover {
	color: #fff;
	text-decoration: none;
}


#Work ul.more li a {
	/display: block;
	/cursor: pointer;
}