@charset "Shift_JIS";

/*--------------------------------------------------------------------
works.html	(業務内容)
works.css
--------------------------------------------------------------------*/
/*タイトル画像用*/
div#TopTitle {
	background: url(../../img/works/title.jpg) no-repeat left 100px;
}

/*ボックス共通*/
div.List {
	width: 610px;
	margin: 0 0 30px 0;
	background: url(../../img/case/box_bg.gif) repeat-y left top;
}

div.List h3 {
	height: 61px;
	text-indent: -99999px;
	overflow: hidden;
}

div.List h3#SubT01 {
	background: url(../../img/works/sub_t01.jpg) no-repeat left top;
}

div.List h3#SubT02 {
	background: url(../../img/works/sub_t02.jpg) no-repeat left top;
}

div.List h3#SubT03 {
	background: url(../../img/works/sub_t03.jpg) no-repeat left top;
}

div.List h3#SubT04 {
	background: url(../../img/works/sub_t04.jpg) no-repeat left top;
}

div.List h3#SubT05 {
	background: url(../../img/works/sub_t05.jpg) no-repeat left top;
}

div.List table {
	width: 578px;
	margin: 5px auto 0 auto;
	border-collapse: collapse;
	border: 0 none;
}

div.List table tr td {
	padding: 0 0 10px 0;
	border: 0 none;
	text-align: left;
	vertical-align: top;
}

div.List table tr td img {
	padding: 0 15px 10px 0;
	float: left;
}

div.List table tr td p {
	letter-spacing: 0.1em;
}

div.List table tr td p strong {
	letter-spacing: 0;
	font-weight: bold;
	color: #f00;
}

div.List table tr td div#Road {
	width: 191px;
	height: 46px;
	float: right;
	margin: 10px 10px 0 0;
}

div.List table tr td div#Road a {
	display: block;
	width: 191px;
	height: 46px;
	background: url(../../img/works/road_b.png) no-repeat left top;
	text-indent: -99999px;
	text-decoration: none;
	overflow: hidden;
}

div.List table tr td div#Road a:hover {
	background: url(../../img/works/road_b.png) no-repeat left bottom;
}