@charset "utf-8";

/*----## HDDとは ##----*/
p.hdd_chart {
	float: left;
	width: 300px;
}
dl.hdd_explan {
	float: right;
	width: 240px;
	padding-left: 10px;
}
dl.hdd_explan dt {
	font-weight: bold;
	font-size: 16px;
}
dt.star01, dt.star02, dt.star03, dt.star04 {
	padding-left: 20px;
}
dt.star01 {
	color: #ED671F;
	background: transparent url(../img/star01.gif) no-repeat 0 2px;
}
dt.star02 {
	color: #1887DB;
	background: transparent url(../img/star02.gif) no-repeat 0 2px;
}
dt.star03 {
	color: #5CAB0E;
	background: transparent url(../img/star03.gif) no-repeat 0 2px;
}
dt.star04 {
	color: #9948E6;
	background: transparent url(../img/star04.gif) no-repeat 0 2px;
}
dd.star01_explain, dd.star02_explain, dd.star03_explain, dd.star04_explain {
	font-size: 10px;
	padding: 3px;
	padding-left: 8px;
}
dd.star01_explain {
	border-left: 2px solid #ED671F;
	background-color: #FFF7F2;
	margin-bottom: 10px;
}
dd.star02_explain {
	border-left: 2px solid #1887DB;
	background-color: #F2F9FF;
	margin-bottom: 10px;
}
dd.star03_explain {
	border-left: 2px solid #5CAB0E;
	background-color: #F9FFF2;
	margin-bottom: 10px;
}
dd.star04_explain {
	border-left: 2px solid #9948E6;
	background-color: #F9F2FF;
}
.ahdd_table {
	width: 540px;
	margin: 10px auto;
}
.ahdd_table th {
	font-size: 16px;
	padding: 1px;
	background-color: #FFFFE8;
	color: #006A9E;
	letter-spacing: 2px;
	border-bottom: 2px solid #F2F2AA;
}
.ahdd_table td {
	width: 90px;
	text-align: center;
	padding-top: 8px;
}
.ahdd_table2, .inner_table {
	width: 540px;
	margin: 10px auto;
	border-collapse: collapse;
}
.ahdd_table2 th, .ahdd_table3 th, .inner_table th {
	font-size: 14px;
	padding: 2px;
	background-color: #FFFFE8;
	border: 1px solid #ccc;
}
.ahdd_table2 th, .inner_table th { width: 170px;}
.inner_table th { font-size: 12px; font-weight:normal;}
.ahdd_table2 td ,.ahdd_table3 td, .inner_table td {
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 4px;
	vertical-align: top;
}
.ahdd_table2 td.hdd_photo, .ahdd_table3 td.hdd_photo, .inner_table td.hdd_photo {
	vertical-align: middle;
	text-align: center;
}
.hdd_left {
	float: left;
	width: 340px;
	padding-right: 10px;
}
.hdd_left2 {
	float: left;
	width: 157px;
	padding-right: 10px;
}
.ahdd_table3 {
	width: 541px;
	margin: 10px auto;
	border-collapse: collapse;
}
.ahdd_table3 th { width: 130px;}

.ahdd_table4 {
	width: 540px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.ahdd_table4 th {
	width: 200px;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #FFFFE8;
}
.ahdd_table4 td {
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*----## HDDの容量アップ ##----*/
.mhdd_table1 {
	width: 546px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 0 auto;
}
.mhdd_table1 caption {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	padding-bottom: 5px;
}
.mhdd_table1 th {
	letter-spacing: normal;
	line-height: 1.1;
	width: 104px;
	padding: 2px;
	background-color: #FFFFE8;
	border: 1px solid #ccc;
}
.mhdd_table1 td {
	width: 104px;
	vertical-align: top;
	font-size: 10px;
	padding: 2px;
	padding-top: 4px;
	border: 1px solid #ccc;
}
.mhdd_table1 td a:hover { text-decoration: none;}
#htmlElement {
	padding: 10px;
	background-color: #000;
}
.mhdd_left {
	width: 270px;
	float: left;
	line-height: 1.1;
}
.mhdd_right {
	width: 270px;
	float: right;
	line-height: 1.1;
}

/*----## HDDの断片化を解消 ##----*/

.dhdd_left {
	width: 270px;
	float: left;
}
.dhdd_right {
	width: 270px;
	float: right;
}

/*----## RAIDの活用 ##----*/

table.raid-table, table.raid-table2 {
	width: 550px;
	border-collapse: separate;
	border: 1px solid #E5E5E5;
	margin-top: 10px;
}
table.raid-table th{
	font-size: 14px;
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #E5E5E5;
	white-space: nowrap;
}
table.raid-table th.merit{
	width: 274px;
	border-bottom: 2px solid #F59300;
	background-color:#FFB84C;
}
table.raid-table th.demerit{
	width: 274px;
	background-color:#B2E0FF;
	border-bottom: 2px solid #66C2FF;
}
table.raid-table td.merit {
	vertical-align: top;
	padding: 6px;
	background-color: #FFF5E5;
}
table.raid-table td.demerit {
	vertical-align: top;
	padding: 6px;
	background-color: #E5F5FF;
}
table.raid-table2 {
	border: 1px solid #F0D560;
	border-collapse: collapse;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

table.raid-table2 th {
	background-color: #FFEC99;
	border-right: 1px solid #F0D560;
	padding: 2px;
	white-space: nowrap;
}
table.raid-table2 td {
	font-size: 10px;
	border-right: 1px solid #F0D560;
	border-bottom: 1px solid #F0D560;
	padding: 3px;
	line-height: 1.4;
}
table.raid-table2 td.level {white-space: nowrap;}

/*----## 内臓HDDの活用 ##----*/
.inner_left {
	float: left;
	width: 270px;
}
.inner_right {
	float: right;
	width: 270px;
}
.h5_innert {
	width: 270px;
	height: 28px;
}
.inner_p {
	width: 258px;
	padding: 5px;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

/*----## SATAとIDEの違い ##----*/
.faq01_table {
	width: 540px;
	margin: 10px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.faq01_table td {
	padding: 3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.faq01_table td.left_cell {
	width: 100px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #EBFBE0;
}
.faq01_table th {
	padding: 3px;
	width: 218px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	background-color: #FFE5D7;
}
.ide_table, .ide_table2 {
	width: 540px;
	margin: 10px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.ide_table th, .ide_table2 th {
	padding: 3px;
	font-size: 14px;
	background-color: #FFFFE8;
	border-bottom: 1px solid #E5E5E5;
}
.ide_table td { 
	width: 267px;
	padding: 3px;
	border-right: 1px solid #E5E5E5;
	vertical-align: top;
}
.ide_table td.photo {
	width: 267px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.ide_table2 td {
	padding: 3px;
	border-bottom: 1px solid #E5E5E5;
}
.ide_table2 td.photo {
	text-align: center;
}
/*----## USBの速度 ##----*/

.usb_left {
	float: left;
	width: 265px;
	margin-right: 10px;
}
.usb_right {
	float: right;
	width: 265px;
}