@charset "utf-8";
/*
============================ service CSS ==============================

		1.aside
		2.article

====================================================================
*/

/* web制作事例
──────────────────── */
#article #web-works dt {
	background: #50A9D3;
	clear: both;
	font-size: 116%;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 20px;
	cursor: pointer;
}
#article #web-works dt:hover {
	background: #FF9900;
	cursor: pointer;
}
#article #web-works dd {
	background: #E3F2F9;
	padding: 20px 0px 15px;
}

#article #web-works dd:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#article #web-works dd {
	min-height: 1px;
}

* html #article #web-works dd {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



#article #web-works ul {
	margin-left: 0px;
	list-style: none;
	margin-left: 25px;
}
#article #web-works ul li {
	margin-right: 25px;
	float: left;
	margin-bottom: 5px;
}
#article #newweb-works ul li a:hover,
#article #web-works ul li a:hover {
	background-color: transparent;
}
#article #newweb-works ul li a:hover img,
#article #web-works ul li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#article #web-works div.section {
	margin-bottom: 1.5em;
}


/* 最新事例 */
#article #newweb-works div.section {
	width: 640px;
}
#article #newweb-works ul {
	width: 665px;
	margin-left: 9px;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
#article #newweb-works ul li {
	float: left;
	margin-right: 18px;
	width: 195px;
}

/* 2011年以降 */
#article #webworks {
	width: 640px;
	overflow: hidden;
}
#article #webworks ul {
	list-style: none;
	margin-left: 0;
	width: 670px;
	font-size: 85%;
}
#article #webworks ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
}
#article #webworks ul li img {
	border: solid 1px #CCCCCC;
}
#article #webworks ul li a:hover {
	background-color: transparent;
}
#article #webworks ul li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#article ul.work-link {
	list-style: none;
	margin: 0 5px;
}
#article  ul.work-link li a {
	background: #359ACC url(../../works/img/list.gif) no-repeat 11px center;
	display: block;
	color: #fff;
	padding: 5px 25px;
	margin-bottom: 1px;
	text-decoration: none;
}
#article  ul.work-link li a:hover {
	background: #FF9900 url(../../works/img/list_o.gif) no-repeat 11px center;
}

/* 印刷制作事例
──────────────────── */
#article #print-works ul {
	margin-left: 0px;
	list-style: none;
	margin-left: 70px;
}
#article #print-works ul li {
	margin-right: 50px;
	float: left;
	margin-bottom: 5px;
}
/* サイン制作事例
──────────────────── */
#article #sgin-works ul {
	margin-left: 0px;
	list-style: none;
	margin-left: 35px;
}
#article #sgin-works ul li {
	margin-right: 15px;
	float: left;
	margin-bottom: 20px;
}