@charset "UTF-8";

/* /hardware/index.html で使用しているパーツのCSSです ---------------------------------------------------------- */

.ulHardRight01 {
}
	.ulHardRight01 li {
		margin-top: 5px;
	}

.h2HardCenter01 {
	margin-bottom: 10px;
}
	.h2HardCenter01 h2{
	}
	.h2HardCenter01 .btn {
		text-align: right;
		margin-top: -47px;
	}
.secHardCenter01 {
	margin-bottom: 30px;
}
	.secHardCenter01In {
	}
		.secHardCenter01In ul.wrap {
			*width: 750px;
			margin: -10px 0 0 -20px;
			overflow: hidden;
			*zoom: 1;
		}
			.secHardCenter01In li.inner {
				float: left;
				width: 230px;
				margin: 10px 0 0 20px;
				overflow: hidden;
				*zoom: 1;
			}
		.secHardCenter01In p {
			margin-bottom: 5px;
		}
		.secHardCenter01In dl {
			background: url(../../hardware/case/images/case_bdr01.gif) repeat-x left bottom;
			margin-bottom: 5px;
		}
			.secHardCenter01In dl dt,
			.secHardCenter01In dl dd {
				padding-bottom: 1px;
			}
			.secHardCenter01In dl dt {
				clear: left;
				float: left;
				*display: inline;
				width: 76px;
				padding: 0 0 4px 0;
			}
			.secHardCenter01In dl dd {
				margin-bottom: 5px;
				font-size: 86%;
			}
				.secHardCenter01In dl dd.dd01 {
					padding: 12px 0 5px 76px;
				}
				.secHardCenter01In dl dd.dd02 {
					padding: 5px 0 5px 76px;
				}
	
.secHardCenter02 {
	margin-bottom: 30px;
}
	.secHardCenter02 ul {
		*width: 740px;
		margin: -10px 0 0 -10px;
		overflow: hidden;
		*zoom: 1;
	}
		.secHardCenter02 ul li {
			float: left;
			width: 138px;
			margin: 10px 0 0 10px;
		}
		@media print {
			.secHardCenter02 ul li {
				*margin: 10px 0 0 9px;
			}
		}
		.secHardCenter02 ul li .img {
			position: relative;
		}
		.secHardCenter02 ul li .img .pic {
			margin-bottom: 5px;
		}
		.secHardCenter02 ul li .img .ico {
			position: absolute;
			top: 0;
			right: 0;
		}
		.secHardCenter02 ul li .txt {
			text-align: center;
			font-size: 79%;
		}
		.secHardCenter02 ul li.bl-hover .txt a {
			text-decoration: underline;
			color: #f00;
		}

.secHardCenter03 {
	margin-bottom: 30px;
	font-size: 86%;
	overflow: hidden;
	*zoom: 1;
}
	.secHardCenter03 ul {
		*width: 754px;
		margin: -25px 0 0 -14px;
		overflow: hidden;
		*zoom: 1;
	}
		.secHardCenter03 ul li {
			float: left;
			width: 172px;
			margin: 25px 0 0 14px;
		}
			.secHardCenter03 ul li .img {
				margin-bottom: 10px;
			}
			.secHardCenter03 ul li .tit01,
			.secHardCenter03 ul li .tit02 {
				margin-bottom: 10px;
				padding: 3px;
				text-align: center;
			}
				.secHardCenter03 ul li .tit01 a,
				.secHardCenter03 ul li .tit02 a {
					color: #333;
				}
				.secHardCenter03 ul li .tit01 a:hover,
				.secHardCenter03 ul li .tit02 a:hover {
					color: #f00;
				}
			.secHardCenter03 ul li .tit01 {
				border: 2px solid #afc6d9;
				background-color: #d5eefb;
			}
			.secHardCenter03 ul li .tit02 {
				border: 2px solid #9cafe4;
				background-color: #d5e1fb;
			}
				.secHardCenter03 ul li .tit a {
					color: #333;
				}
				.secHardCenter03 ul li .tit a:hover {
					color: #f00;
				}
			.secHardCenter03 ul li .txt {
			}