@charset "utf-8";
/* CSS Document */

/*///////////////////////////////////////////////////

　　quality.css

///////////////////////////////////////////////////*/

h1 {
	margin: 0 0 30px 0;
	_padding: 0 0 0 9px; /* for IE6 */
}

#box01 {
	padding: 0 0 0 30px;
}

h2 {
	background: url(../../quality/images/h2_ttl.gif) left top no-repeat;
	line-height: 30px;
	font-weight: bold;
	margin: 0 0 23px 0;
	padding: 0 0 0 25px;
}

table {
	border-collapse: collapse;
	width: 414px;
	float: left;
	margin: 0 30px 0 10px
}

table tr td,
table tr th {
	border: solid 2px #CCC;
	padding: 6px 15px 5px;
	vertical-align: top;
}

table tr th {
	background-color: #EEE;
	width: 50%;
}

#box02 {
	padding: 40px 0 0 40px;
	_padding: 20px 0 0 40px; /* for IE6 */
	clear: both;
}

*:first-child+html #box02 { /* for IE7 */
	padding: 20px 0 0 40px;
}

#attention {
	margin: 0 0 15px 0;
}

#box02 li {
	width: 160px;
	height: 120px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: solid 1px #CCC;
}

#box02 li a img {
	width: 160px;
	clip: rect(0px 160px 120px 0px);
	position: absolute;
}

#box02 li a img.tate {
	width: 160px;
	clip: rect(50px 160px 170px 0px);
	position: absolute;
	margin-top: -50px;
}

#box02 li a img.tate2 {
	width: 160px;
	clip: rect(30px 160px 150px 0px);
	position: absolute;
	margin-top: -30px;
}

#box02 li a:hover img {
  filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}