@charset "utf-8";
/* Common Style */
clearfix:after {display: block;content: '';clear: both;}
clearfix {zoom: 1;}
#footer {clear:both;}
/******************************************************************************
共通ロールオーバー
******************************************************************************/
/* パンクズのリンク色 */
#contents-area .topicpath ul li a:link{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:visited{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:hover{color:#FF8000;}
/* メイン共通 */
#main-contents a:link{ text-decoration:none;}
#main-contents a:hover{ text-decoration:none;}
#main-contents a:visited{ text-decoration:none;}
/* ページトップボタン */
#main-contents  div.product-page-top .page-top a{display:block;}
#main-contents  div.product-page-top .page-top a:link{color:#333333;text-decoration:none;}
#main-contents div.product-page-top .page-top a:hover{color:#333333;text-decoration:underline;}
#main-contents  div.product-page-top .page-top a:visited{color:#333333;text-decoration:none;}
/* ページナビ */
#main-contents ul.navi-list li a:link{color:#30659e;text-decoration: none;}
#main-contents ul.navi-list li a:visited{color:#30659e;text-decoration: none;}
#main-contents ul.navi-list li a:hover{background-color: #f5ff75;text-decoration: none;color:#30659e;}


/* アイテムリスト */
.item-box a:link .txt-box{color:#333; text-decoration:none;}
.item-box a:visited .txt-box{color:#333; text-decoration:none;}
.item-box a:hover .txt-box{color:#333; text-decoration:none;}
.item-box a:link .detail-box{color:#333; text-decoration:none;}
.item-box a:visited .detail-box{color:#333; text-decoration:none;}
.item-box a:hover .detail-box{color:#333; text-decoration:none;}
.item-box a:hover .detail-box .catch{color:#30659e; text-decoration:underline;}
.item-box ul.color li:hover{text-decoration: underline;}

#main-contents .other-link a:link{color:#333;text-decoration:underline;}
#main-contents .other-link a:visited{color:#333;text-decoration:underline;}
#main-contents .other-link a:hover{color:#FF8000;text-decoration:underline;}

/******************************************************************************
見出しバーの色 H3
******************************************************************************/
#product-list h3{
	background-color:#02428c;
}






/* ## PC Style ###################################################################################################### */
#main-contents{
	width: 100%;
	float: left;
	padding: 0 0 2.5em 10px;
	box-sizing:border-box;
}

/**********************************
比較表
***********************************/
.table-list{
	width: 100%;
	padding: 0.5em 0 0;
	margin: 1em auto 1em;
	letter-spacing: normal;
	border-radius:2px;
}
p.option{
	font-size: 85%;
	padding: 1em 15px 1em;
	margin: 0;
	line-height:1.8;
}
p.option span{
	font-size:93%;
	color:#666;
}
.table-list table.spec-list-table{
	margin:0 0 1em;
	border-collapse: collapse;
	table-layout: fixed;
	width:100%;
	color: #333;
	overflow: visible;
}

.table-list table.spec-list-table th{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	padding:10px;
	margin: 0;
	font-size:93%;
	line-height:1.3;
	color: #333;
	border: 1px solid #CCC;
	background-color:#DDD;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
}
.table-list table.spec-list-table th:last-child{
	vertical-align:middle;
}
.table-list table.spec-list-table th.usb-port{
	vertical-align:top;
}

.table-list table.spec-list-table th.name-list-01{
	width: 160px;
	background: none;
	border: none;
}

.table-list table.spec-list-table th.item-list{
	min-width: 100px;
}
.table-list table.spec-list-table th.item-list img {
	width: 100%;
	height: auto;
	max-width: 50px;
	display: block;
	margin: 0 auto 0.5em auto;
}


.table-list table.spec-list-table th.ttl-01{width:14%;}
/*
.table-list table.spec-list-table th.item-01{width:14%;}
.table-list table.spec-list-table th.item-02{width:22%;}
*/
.table-list table.spec-list-table td {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 93%;
	padding:14px 10px 13px;
	margin: 0;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.4;
	vertical-align: middle;
	text-align:center;
}

.table-list table.spec-list-table td.series-list {
}
.table-list table.spec-list-table td.series-list div {
	margin-top: 0.5em;
	line-height: 1;
}
.table-list table.spec-list-table td.series-list img {
	margin: 0 0.1em;
	vertical-align: middle;
}

.table-list table.spec-list-table td em.slash {
	display:none;
}
.table-list table.spec-list-table td em.caution {
	font-size: 65%;
}
.table-list table.spec-list-table td.txt-c {
	text-align:center;
}
.table-list table.spec-list-table td em {
	font-size:85%;
}
.table-list table.spec-list-table td.mark{
	font-size: 131%;
	vertical-align: middle;
	text-align:center;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, sans-serif;
}
#main-contents .table-list table.spec-list-table a:link{ color:#02428C;text-decoration: none;}
#main-contents .table-list table.spec-list-table a:visited{ color:#02428C;text-decoration: none;}
#main-contents .table-list table.spec-list-table a:hover{ color:#02428C;text-decoration:underline;}
#main-contents .table-list table.spec-list-table a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
}

/***************************************************
btn-link
****************************************************/
#main-contents .btn-link{
	text-align: center;
	padding: 15px 0 0 0;
	clear: both;
	float:none;
	margin:0 0 15px 0;
	letter-spacing: normal; /* 譁・ｭ鈴俣繧帝€壼ｸｸ縺ｫ謌ｻ縺� */
}
#main-contents .btn-link .btn-mat{
	display: inline-block;
	clear: both;
	color: #FFF;
	margin: 0 0 15px 0;
	width:60%;
}
#main-contents .btn-link .btn-mat a{
	padding: 17px 0 15px;
	display: block;
	color: #FFF;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* box-shadow */
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	position: relative;
	z-index: 0;
	background-color: #02428C;
}
#main-contents .btn-link .btn-mat a:link{color: #FFF;text-decoration:none;}
#main-contents .btn-link .btn-mat a:visited{color: #FFF;text-decoration:none;}
#main-contents .btn-link .btn-mat a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #02428C;
}
#main-contents .btn-link .btn-mat img{
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#main-contents .btn-link .btn-mat em{
	vertical-align: middle;
	font-size: 116%;
	font-weight: bold;
	padding: 0 5px 0 0;
}
#main-contents .btn-link .btn-mat span{
	vertical-align:middle;
	font-size:108%;
	font-weight:bold;
}
#main-contents .btn-link .btn-mat strong{
	display: block;
	font-weight: normal;
	font-size: 85%;
	line-height: 1.1;
	padding: 0 0 4px 0;
}
/*******************************************************
切り替えTAB
********************************************************/
#main-contents ul.category-link-list{
	overflow: hidden;
	display: table;
	margin: 0.5em 0 1.5em;
	padding: 0 0 12px 0;
	width: 700px;
	letter-spacing: -.40em;
	border-bottom: 5px solid #02428c;
}
#main-contents ul.category-link-list li{
	/*Tabの装飾*/
	text-align: center;
	border-right: 1px solid #aaaaaa;
	border-collapse:collapse;
	cursor: pointer;
	vertical-align: top;
	display:table-cell;
	color: #333;
	background-color: #ffffff;
	font-size:93%;
	line-height:1.2;
	letter-spacing: normal;
}
#main-contents ul.category-link-list li span{font-size:93%;}
#main-contents ul.category-link-list li:first-child{
	border-left: 1px solid #aaaaaa;
}

#main-contents ul.category-link-list li a{
	display:block;
	vertical-align:middle;
	padding:1.1em 1em 0.9em;
}
#main-contents ul.category-link-list li.act{
	/*アクティブタブの装飾*/
	background-color:#02428c;
	border-right: 1px solid #02428c;
	margin-left:-1px;
}
#main-contents ul.category-link-list li a:link{color:#333; text-decoration:none;}
#main-contents ul.category-link-list li a:visited{color:#333; text-decoration:none;}
#main-contents ul.category-link-list li a:hover{color:#333; text-decoration:underline;}
#main-contents ul.category-link-list li.act a:link{color:#fff; text-decoration:none;}
#main-contents ul.category-link-list li.act a:visited{color:#fff; text-decoration:none;}
#main-contents ul.category-link-list li.act a:hover{color:#fff; text-decoration:underline;}

/**********************************************************
LEADコンテンツ
***********************************************************/
#main-contents .lead-box{
	margin:0 0 1.8em 0;
	clear:both;
}
#main-contents .lead-box .bnr-box{
}
#main-contents .lead-box .bnr-box img{
}
#main-contents .lead-box .bnr-box a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
}
/**********************************************************
共通見出しH2
***********************************************************/
#main-contents h2{
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
	float: left;
	clear: both;
	line-height: 1;
	width: 700px;
	border-bottom: dotted 1px #7B7B7B;
	text-align:left;
}
#main-contents h2 span{
	font-size: 116%;
	font-weight: bold;
	padding: 0 0 0 8px;
	border-left: solid #333 3px;
	margin: 0 0 0 0;
	line-height: 1.2;
	clear: both;
	float: left;
}
#main-contents h2 em{
	font-size:77%;
	font-weight:nomal;
}
/**********************************************************
タブメニュー
**********************************************************/
ul.page-navi{
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0 0 18px 0;
	border-bottom: 5px solid #02428C;
	display: table;
	box-sizing:border-box;
}
ul.page-navi.foot{
	padding: 0;
	margin: 0 0 50px 0;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #02428C;
	border-bottom:none;
	clear:both;
}
ul.page-navi li{
	display:table-cell;
	width:33%;
	text-align:center;
}
ul.page-navi li a{
	margin: 0 0 0 3px;
	padding:0.75em 0 0.5em;
	display:block;
	text-align:center;
	font-weight: bold;
	border:solid 1px #BABABA;
	border-bottom:none;
	/* border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
}
ul.page-navi.foot li a{
	margin: 0 0 0 3px;
	padding:0.75em 0 0.5em;
	display:block;
	text-align:center;
	font-weight: bold;
	border:solid 1px #BABABA;
	border-top:none;
	/* border-radius */
	/* border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	-o-border-radius:  0 0 3px 3px/ 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	border-radius: 0 0 3px 3px/ 0 0 3px 3px;
}
ul.page-navi li:first-child a{
	margin-left:0;
}
ul.page-navi li a span {
	font-size: 93%;
	line-height:1.3;
	vertical-align:middle;
	padding:0 10px 0 22px;
	display:inline-block;
}
ul.page-navi li.tab-on a span{
	background: url(/storage/hd/nas/pickup/about_windows_nas_raid_ssd/image/icn_tab_on.png) left center no-repeat;
}
ul.page-navi.foot li.tab-on a span{
	background: url(/storage/hd/nas/pickup/about_windows_nas_raid_ssd/image/icn_tab_on_foot.png) left center no-repeat;
}
ul.page-navi li.tab-off a span{
	background: url(/storage/hd/nas/pickup/about_windows_nas_raid_ssd/image/icn_tab_off.png) left center no-repeat;
}
/*****タブメニュー リンク色******/
ul.page-navi li a:link{color:#263d69;text-decoration:none;}
ul.page-navi li a:hover{color: #02428C;text-decoration: none;}
ul.page-navi li a:hover span{color: #02428C;text-decoration:underline;}
ul.page-navi li a:visited{color:#02428C;text-decoration:none;}
ul.page-navi li.serch-tab a{
	background-color: #F1F1F1;
}
/*****タブメニュー アクティブ時******/
ul.page-navi li.cr a{
	background-color: #02428C;
	border-top-color: #02428C;
	border-right-color: #02428C;
	border-left-color: #02428C;
	color: #fff;
}
ul.page-navi.foot li.cr a{
	border-bottom-color: #02428C;
	color: #fff;
}
ul.page-navi li.cr a:link{
	color: #fff;
	text-decoration: none;
	background-color: #02428C;
}
ul.page-navi li.cr a:hover span{color: #fff;text-decoration:none;}
ul.page-navi li.cr a:visited span{color:#fff;text-decoration:none;}
ul.page-navi li.cr a:hover span{color: #fff;text-decoration:underline;}
/**********************************************************
アンカーメニュー
**********************************************************/
ul#anchor-navi{
	width: 690px;
	padding: 7px 0 4px 7px;
	margin: 0 0 0.5em 0;
	clear: both;
	display:table;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	letter-spacing:-0.40em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius:2px;
}
ul#anchor-navi li{
	display:inline-block;
	letter-spacing:normal;
	width:343px;
}
ul#anchor-navi li a{
	font-size:93%;
	line-height:1.0;
	margin: 0 3px 3px 0;
	padding:1.2em 0 1em 0;
	display:block;
	text-align:center;
	font-weight: bold;
	border:solid 1px #cccccc;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background-color:#fff;
	letter-spacing:-0.40em;
}
ul#anchor-navi li:first-child a{
	margin-left:0;
}
ul#anchor-navi li a span{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
}
ul#anchor-navi li a span em{
	font-weight:normal;
	font-size:85%;
}
ul#anchor-navi li a .icn-anchor{
	letter-spacing:normal;
	display:inline-block;
	margin:0 0.5em 0 0;
	vertical-align:middle;
}
/*****アンカーメニュー リンク色******/
ul#anchor-navi li a:link{color:#333;text-decoration:none;}
ul#anchor-navi li a:visited{color:#333;text-decoration:none;}
ul#anchor-navi li a:hover span{color: #02428c;text-decoration:underline;}


/**********************************************************
バナー owl.carousel.css
**********************************************************/

.bnr-list-box{
	width: 100%;
	margin: 10px 0 0.75em 0;
	clear:both;
}
.bnr-list-box .large{
	width: 100%;
	margin: 0 0 12px 0;
	padding: 0;
}
/* 特徴の見出し */
.bnr-list-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 5px;
}
.bnr-list-box h4 span{
	padding: 0 0 0 1.5%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}
.bnr-list-box ul.bnr-link{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	width: 699px;
	margin: 0 -7px 0 0;
	height: auto;
	/* [disabled]display: inline-block; */
}
.bnr-list-box ul.bnr-link li{
	width: 220px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin:0;
	padding:0;
}
.bnr-list-box ul.bnr-link li .img-box{
	display: block;
	width:220px;
	padding:5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
	margin:0 1px 0 0;
}
.bnr-list-box ul.bnr-link li img{
	width: 220px;
	display: block;
	height: auto;
	vertical-align: top;
}
.bnr-list-box ul.bnr-link li p{
	width: 96%;
	font-size: 85%;
	line-height: 1.4;
	color: #666;
	padding: 5px 2% 0;
}
/**********************************************************
その他関連リンクリスト
**********************************************************/

.other-link-box{
	clear:both;
	margin:0 0 2.5em 0;
}
ul.other-link-navi{
	width: 690px;
	padding: 7px 0 4px 7px;
	margin: 0 0 0.5em 0;
	clear: both;
	display:table;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	letter-spacing:-0.40em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius:2px;
}
ul.other-link-navi li{
	display:inline-block;
	letter-spacing:normal;
	width:343px;
}
ul.other-link-navi li a{
	font-size:93%;
	line-height:1.0;
	margin: 0 3px 3px 0;
	padding:1.2em 0 1em 0;
	display:block;
	text-align:center;
	font-weight: bold;
	border:solid 1px #cccccc;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background-color:#fff;
	letter-spacing:-0.40em;
}
ul.other-link-navi li:first-child a{
	margin-left:0;
}
ul.other-link-navi li a span{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
}
ul.other-link-navi li a .icn-anchor{
	letter-spacing:normal;
	display:inline-block;
	margin:0 0.5em 0 0;
	vertical-align:middle;
}
/*****アンカーメニュー リンク色******/
ul.other-link-navi li a:link{color:#333;text-decoration:none;}
ul.other-link-navi li a:visited{color:#333;text-decoration:none;}
ul.other-link-navi li a:hover span{color: #02428c;text-decoration:underline;}

/**********************************************************
シリーズのラインアップ
**********************************************************/
#main-contents #product-list{
	width: 700px;
	clear: both;
	float:none;

}
#product-list .list-box{
	width: 700px;
	float: left;
	clear: both;
	padding: 0 0 0 0;
}

/**********************************************************
H3
**********************************************************/
#product-list .list-box h3{
	width: 670px;
	color: #fff;
	clear: both;
	padding: 11px 15px 9px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	line-height: 1;
	margin: 0 0 20px 0;
	letter-spacing:-0.40em;
}
#product-list .list-box h3 .ttl-category {
	display:inline-block;
	width:40%;
	vertical-align:middle;
	font-weight: bold;
	font-size: 138.5%;
	line-height: 1;
	padding:0 0 0 0;
	letter-spacing:normal;
}
#product-list .list-box h3 .img-scale{
	width:60%;
	display:inline-block;
	vertical-align:middle;
	text-align:right;
	letter-spacing:normal;
}
#product-list .list-box h3 span{
	font-size:77%;
	/* [disabled]float:left; */
	line-height: 1;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 5px;
	font-weight: normal;
	vertical-align: middle;
}
#product-list .list-box h3 em{
	font-size: 93%;
	float: right;
	line-height: 1;
	height: 38px;
	line-height: 38px;
	text-align: right;
}
#product-list .list-box .h3-kanban{
	width: 700px;
	padding: 0;
	margin: 15px auto 3px;
	text-align: center;
}
#product-list .list-box .h3-kanban img{
	width:100%;
	height:auto;
}

/**********************************************************
製品タイプ
**********************************************************/
#product-list .list-box .os-gourp-box{
	margin:0 0 2em 0;
	clear:both;
	width:700px;
	float:left;
}
#product-list .list-box .os-type{
	clear:both;
	padding:1em 13px;
	margin:0 0 17px 0;
	display:table;
	width:674px;
}
#product-list .list-box .os-type.win{
	border-top:3px solid #274c98;
	border-bottom:1px solid #99b1e4;
	background-color:#eef1f9;
}
#product-list .list-box .os-type.linux{
	border-top:3px solid #8f6322;
	border-bottom:1px solid #e2c18d;
	background-color:#f9f5ea;
}
#product-list .list-box .os-type .os-name{
	font-size:123.1%;
	font-weight:bold;
	line-height:1;
	display:table-cell;

	vertical-align:middle;
}
#product-list .list-box .os-type.win .os-name{
	color:#02428c;
}
#product-list .list-box .os-type.linux .os-name{
	color:#8f6322;
}
#product-list .list-box .os-type dl.wss-type{
	letter-spacing:-0.40em;
	display:table-cell;
	float:right;
	vertical-align:middle;
}
#product-list .list-box .os-type dl.wss-type dt{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	margin:0 0.5em 0 1em;
}
#product-list .list-box .os-type dl.wss-type dt img{
	vertical-align:middle;
}
#product-list .list-box .os-type dl.wss-type dd{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	font-size:85%;
	line-height:1.1;
	margin:0 0 0 0;
}
/**********************************************************
H4
**********************************************************/
#product-list .list-box h4{
	margin: 0 0 6px 0;
	padding: 0 0 0.5em;
	float: left;
	clear: both;
	line-height: 1;
	width: 700px;
	border-bottom: dotted 1px #7B7B7B;
}
#product-list .list-box h4 span{
	font-size: 116%;
	font-weight: bold;
	padding: 0 0 0 8px;
	border-left: solid #333 3px;
	margin: 10px 0 0 0;
	line-height: 1.2;
	clear: both;
	float: left;
}
.h4-kanban{
	width:100%;
	text-align:center;
}
.h4-kanban img{
	margin:0.75% 0 0 0;
}

/**********************************************************
アイテムボックス（スペック詳細タイプindex用）
**********************************************************/
.item-box{
	width: 700px;
	padding:0 0 20px 0;
	margin: 15px 0 15px;
	float: left;
	clear: both;
	border-bottom:solid 1px #ccc;
}

.item-box a{
	display: block;
	width: 100%;
	float: left;
	clear:both;
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
.item-box .photo-box{
	padding: 0 0 0 0;
	width: 204px;
	height: auto;
	float: left;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
.item-box .photo-box p{
	font-size:85%;
	line-height:1.4;
	margin:0.5em 0.5em;
}
.item-box .photo-box p span{
	color:#666;
	font-size:93%;
}
.item-box .img-box{
	padding: 0;
	width: 200px;
	height: auto;
}
.item-box ul.module-img-list{
	letter-spacing:-0.40em;
	margin:8px 0 0 0;
}
.item-box ul.module-img-list li{
	letter-spacing:normal;
	display:inline-block;
	width:98px;
	margin:0 4px 2px 0;
	vertical-align:top;
}
.item-box ul.speed-img-list{
	letter-spacing:-0.40em;
	margin:8px 0 0 0;
}
.item-box ul.speed-img-list li{
	letter-spacing:normal;
	display:inline-block;
	width:200px;
	margin:0 0 2px 0;
	vertical-align:top;
	text-align:center;
}
.item-box ul.speed-img-list li img{
	width:100%;
	max-width:180px;
	height:auto;
}
.item-box .img-box img{
	width:100%;
	height:auto;
}
.item-box .txt-box,
.item-box .detail-box{
	display: block;
	width: 474px;
	padding: 0 0 0 0;
	float: right;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
/**********************************************************
付属品（ポータブルルーター用）
**********************************************************/
ul.option-list{
	text-align:center;
	margin:0.25em 0 0 0;
}
ul.option-list li{
	width:86%;
	display:inline-block;
	letter-spacing:normal;
	font-size:77%;
	line-height:1;
	border:1px solid #cccccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding:1em 0 0.9em;
	margin:0 0 0.5em 0;
	text-align:center;
	color:#666;
}
ul.option-list li.off{
	background-color:#f3f3f3;
	color:#b3b2bb;
}
ul.option-list li img{
	margin:0 0.5em 0 0;
	vertical-align:middle;
}
ul.option-list li span{
	vertical-align:middle;
}
/*****************************
キャッチコピー
******************************/
.item-box .catch{
	font-size: 131%;
	line-height: 1.3;
	padding: 0.2em 0 0.2em 0;
	font-weight: bold;
}
.item-box .catch em{
	font-weight:bold;
	color:#B50003;
	font-size:85%;
}
/*****************************
シリーズ名
******************************/
.item-box .series{
	font-weight: bold;
	font-size: 116%;
	line-height: 1;
	padding:0.1em 0.1em 0.1em 0;
	color: #666;
}
/*****************************
ポート
******************************/
.item-box .port{
	width:100%;
	letter-spacing:normal;
	padding:0.25em 0 0;
}
.item-box .port p{
	line-height:1.5;
	font-size:85%;
}
.item-box .port em{
	color:#C40003;
}
.item-box .port a{
	display:inline;
	width:auto;
	float:none;
	clear:both;
	padding: 0;
	margin: 0;
	letter-spacing:normal;
}
.item-box .port a:link{color:#30659e; text-decoration:underline;}
.item-box .port a:visited{color:#30659e; text-decoration:underline;}
.item-box .port a:hover{color:#FF8000; text-decoration:underline;}
/*****************************
補足事項
******************************/
.item-box .item-other-link{
	width:474px;
	float:right;
	letter-spacing:normal;
}
.item-box .item-other-link p{
	font-size:85%;
	line-height:1.5;
}
.item-box .item-other-link p em{
	color:#C40003;
}
.item-box .item-other-link a{
	display:inline;
	width:auto;
	float:none;
	clear:both;
	padding: 0;
	margin: 0;
	letter-spacing:normal;
}
#main-contents .item-box .item-other-link a:link{color:#30659e; text-decoration:underline;}
#main-contents .item-box .item-other-link a:visited{color:#30659e; text-decoration:underline;}
#main-contents .item-box .item-other-link a:hover{color:#FF8000; text-decoration:underline;}

/*****************************
特徴アイコン
******************************/
.item-box ul.charm-icon{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
	margin: 0 0 0 0;
	padding:0 0 0.4em 0;
	letter-spacing:-0.40em;
}
.item-box ul.charm-icon li{
	width:153px;
	margin: 0 4px 4px 0;
	padding:0.9em 0;
	color: #fff;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	line-height: 1;
	font-size:85%;
	border: 1px solid #02428c;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	background-color:#02428c;
}
.item-box ul.charm-icon li.off{
	background-color:#b2bcc7;
	border:1px solid #b2bcc7;
	color:#8d959e;
}

.item-box ul.charm-icon li:nth-child(3n) {
	margin-right:0;
}
/*for IE8*/
.item-box ul.charm-icon > *:first-child + * + *,
.item-box ul.charm-icon > *:first-child + * + *,
.item-box ul.charm-icon > *:first-child + * + * + * + * + * + * + * + *{margin-right:0;}

.item-box ul.charm-icon li.t-img{
	border:none;
	padding:0;
}
/*****************************
メイン機能リストアイコン
******************************/
.item-box ul.main-function-icon{
	margin:0 0 0.7em 0;
	display:table;
}
.item-box ul.main-function-icon li{
	display:table-cell;
	padding:0 0 0 5px;
	width:314px;
}
.item-box ul.main-function-icon li.wide{
	width:473px;
	display:table-cell;
}
.item-box ul.main-function-icon li:first-child{
	padding-left:0;
	width:154px;
}
.item-box ul.main-function-icon li dl{
	letter-spacing:-0.40em;
}
.item-box ul.main-function-icon li dl dt{
	letter-spacing:normal;
	background-color:#e9e9e9;
	border:1px solid #cccccc;
	color:#666;
	line-height:1;
	font-size:85%;
	font-weight:bold;
	padding:0.9em 0 0.8em;
	text-align:center;
	border-radius:2px 2px 0px 0px ;
	-moz-border-radius:2px 2px 0px 0px ;
	-webkit-border-radius:2px 2px 0px 0px ;
}
.item-box ul.main-function-icon li dl dd{
	letter-spacing:normal;
	font-size:85%;
	line-height:1;
	border:solid 1px #ccc;;
	border-top:none;
	padding:1em 0 1em;
	text-align:center;
	color:#666;
}
/*アイコン*/
.item-box ul.main-function-icon li dl dd span{
	padding:0.15em 0.8em;
	margin:0 0.1em;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#e9e9e9;
	letter-spacing:normal;
	line-height:1;
	font-size:93%;
}
.item-box ul.main-function-icon li dl dd span.icn-ac{
	background-color:#d33645;
	color:#fff;
}
.item-box ul.main-function-icon li dl dd span.icn-n{
	background-color:#c868a5;
	color:#fff;
}
.item-box ul.main-function-icon li dl dd span.icn-a{
	background-color:#d22c3c;
	color:#fff;
}
.item-box ul.main-function-icon li dl dd span.icn-g{
	background-color:#90c31f;
	color:#fff;
}
.item-box ul.main-function-icon li dl dd span.icn-b{
	background-color:#0096e0;
	color:#fff;
}
.item-box ul.main-function-icon li dl dd span.icn-wifi{

}
/*強調*/
.item-box ul.main-function-icon li dl dd strong{
	color:#d22e3e;
	font-weight:bold;
	padding:0 0 0 0.25em;
	font-size:100%;
}
/*****************************
サブ機能リストアイコン（機能リスト）
******************************/
.item-box ul.sub-function-icon{
	margin:0 0 0.7em 0;
	letter-spacing:-0.40em;
}
.item-box ul.sub-function-icon li{
	width:153px;
	display:inline-block;
	letter-spacing:normal;
	font-size:77%;
	line-height:1;
	border:1px solid #cccccc;
	padding:0.9em 0 0.8em;
	margin:0 4px 4px 0;
	text-align:center;
	color:#666;
}
.item-box ul.sub-function-icon li.off{
	background-color:#d4d4d4;
	border:1px solid #d4d4d4;
	color:#aaaaaa;
}
.item-box ul.sub-function-icon li.c-red{
	color:#B30002;
}
/*for IE8*/
.item-box ul.sub-function-icon > *:first-child + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + * + * + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + * + * + * + * + * + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + *,
.item-box ul.sub-function-icon > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + *{
	margin-right:0;
}
.item-box ul.sub-function-icon li:nth-child(3n){
	margin-right:0;
}
/*****************************
カラー 容量 価格表
******************************/
.item-box ul.color{
	letter-spacing: -0.4em;/* 文字間を詰めて隙間を削除する */
	margin:  0.7em 0 0.35em 0;
	padding: 0.7em 0 1px 1px;
	display: block;
	text-align:left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7B7B7B;
}
.item-box ul.color li{
	line-height:1;
	display:inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	padding: 0.5% 0 0.5% 0;
	color: #666;

	width:100%;
	text-align:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.item-box ul.color li span{
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	display: inline-block;
	font-size:93%;
}
.item-box ul.color li span.icn{
	display:none;
}
.item-box ul.color li span.volume{
	width:13%;
	display:inline-block;
	padding:0.5em 0.5em 0.45em;
	margin:0 1em 0 0;
	background-color:#3F3F3F;
	color:#fff;
	border-radius:2px;
	line-height:1;
	text-align:center;
	font-size:77%;
}
.item-box ul.color li span.volume.bk{
	background-color:#3F3F3F;
	color:#fff;
}
.item-box ul.color li span.volume.wh{
	background-color:#e5dbdb;
	color:#333;
}
.item-box ul.color li span.volume.bu{
	background-color:#0A66BC;
	color:#fff;
}
.item-box ul.color li span.volume.l-bu{
	background-color:#4ba4e1;
	color:#fff;
}
.item-box ul.color li span.volume.gn{
	background-color:#64a128;
	color:#fff;
}
.item-box ul.color li span.volume.l-gn{
	background-color:#a4bf39;
	color:#fff;
}
.item-box ul.color li span.volume.rd{
	background-color:#d33645;
	color:#fff;
}
.item-box ul.color li span.volume.pn{
	background-color:#ea84ce;
	color:#fff;
}
.item-box ul.color li span.volume.yl{
	background-color: #fbed2f;
	color: #333;
}
.item-box ul.color li span.volume.dr{
	background-color:#df513b;
	color: #fff;
}
.item-box ul.color li span.get-price-direct{
	display:inline;
	padding:0 0.75em 0 0;
}
.item-box ul.color li span.get-status{
	display:inline;
	color:#CF0B0E;
}
/*****************************
説明テキスト
******************************/
.item-box p{
	font-size: 93%;
	padding: 0 0 0.7em 0;
	line-height: 1.6;
	font-weight: normal;
	clear: both;
	color: #666;
}
/*説明テキスト赤字化*/
.item-box p em{
	color:#BB2226;
}
/*****************************
ホバー制御
******************************/
.item-box a:link .catch{ color:#333; text-decoration:none;}
.item-box a:visited .catch{ color:#333; text-decoration:none;}
.item-box a:hover .catch{ color:#333; text-decoration:underline;}

.item-box a:hover .photo-box img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
}
/**********************************************************
サブメニュー
**********************************************************/

#sub-contents{
	float:right;
	padding:0 5px 0 0;
}
#sub-contents .bnr-box{
	width:220px;
}
/**********************************************************
ページの先頭に戻る
**********************************************************/
#main-contents  div.product-page-top{
	width: 690px;
	float: left;
	clear: both;
	padding: 0 5px;
}
#main-contents  div.product-page-top .page-top{
	width: 110px;
	font-size: 85%;
	display: block;
	padding: 5px 15px 5px 10px;
	margin: 0 0 0 0;
	float: right;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;

}

.pc-hide{
	display:none;
}




/* NASキッティング用調整分 */
.spec-list-table th.item-list span {
	display: block;
	padding: 5px;
	margin: 0.5em 0 0 0;
	border-radius: 1px;
	color: #FFF;
	background: #004098;
	font-size: 89%;
}

th.item-list.no-service {
	vertical-align: middle !important;
}

.spec-list-table th.product-series {
	padding: 10px;
	background: #FFF !important;
	}
.spec-list-table th.product-series div {
	margin: 0.5em 0px;
}
.spec-list-table th.product-series div span {
	padding: 0 5px;
}
.spec-list-table th.product-series div span img {
	margin: 0 0.2em;
	vertical-align: middle;
}

.spec-list-table th.product-series span.workgroup {
	background: #b14447;
	}
.spec-list-table th.product-series span.standard {
	background: #317bae;
	}

.spec-list-table th.product-series ul {
	margin: 1em 0.3em 0;
	text-align: left;
}
.spec-list-table th.product-series ul li {
	margin: 0 0 0.8em 0;
	padding: 0 0 0 2.5em;
	font-size: 89%;
}
.spec-list-table th.product-series ul li:nth-child(1) {
	background: url(/kitting/nas/image/icon_scale.png) no-repeat;
	}
.spec-list-table th.product-series ul li:nth-child(2) {
	background: url(/kitting/nas/image/icon_numbers.png) no-repeat;
}



.spec-list-table th.product-volume {
	padding: 10px;
	background: #FFF !important;
	}

.spec-list-table th.product-volume span {
	display: block;
	padding: 5px;
	margin: 0.5em 0 0 0;
	border-radius: 1px;
	background: #666;
	color: #FFF;
	font-size: 89%;
}

/* 型番リンク */
.spec-list-table a:link{color:#30659e;text-decoration: none;}
.spec-list-table a:visited{color:#30659e;text-decoration: none;}
.spec-list-table a:hover{text-decoration: underline;color:#30659e;}

/* NASキッティング用調整分 */




/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 40.0625em) and (max-width: 47.9375em){
	#main-contents{
		width: 98%;
		float: none;
		padding: 0 1% 2.5em;
	}
	.pc-hide{
		display:block;
		font-size:93%;
	}
	.table-list{
		width: 100%;
		padding: 0.5em 0 0;
		margin: 1em auto 1em;
		overflow-x:scroll;
	}
	.table-list table.spec-list-table{
		width:1110px;
	}
	#main-contents .table-list table.spec-list-table img{
		width:100%;
		height:auto;
	}
	.table-list table.spec-list-table th.item-list img {
		display: none;
	}
}



/* ## SmartPhone Style  ###################################################################################################### */
@media print,screen and (max-width: 40em) {
	.table-list{
		width: 100%;
		padding: 0.5em 0 0;
		margin: 1em auto 1em;
		letter-spacing: normal; /* 譁・ｭ鈴俣繧帝€壼ｸｸ縺ｫ謌ｻ縺? */
		border-radius:2px;
		overflow-x:scroll;
	}
	.table-list table.spec-list-table{
		width:1110px;
	}

	.pc-hide{
		display:block;
		font-size:93%;
	}
	#main-contents .table-list table.spec-list-table img{
		width:100%;
		height:auto;
	}
	.table-list table.spec-list-table th.item-list img {
		display: none;
	}

	/* NASキッティング用調整分 */
/*
	.spec-list-table th.name-list-01 {
		width: 15%;
		min-width: 100px;
	}
	.spec-list-table th.name-list-02 {
		width: 15%;
		min-width: 100px;
	}
*/
	.spec-list-table th.product-series ul {
		margin: 1em 0.5em;
		text-align: left;
	}
	.spec-list-table th.product-series ul li {
		margin: 0 0 0.5em 0;
		padding: 0 0 0 0;
		background: none;
		list-style-type: circle;
	}
	.spec-list-table th.product-series ul li:nth-child(1), .spec-list-table th.product-series ul li:nth-child(2) {
		background: none;
		}
 	/* NASキッティング用調整分 */

}

/* 20190208追加対応 */
.img-pic {
	text-align: center;
}
.img-pic {
	font-size:85%;
}
.img-pic img {
	border: solid 1px #ccc;
}
@media print,screen and (max-width:61.188em){
	.img-pic {
		display:none !important;
	}
}
td.c-block {
	text-align: center;
}
.p-scroll-table__table{
	width:100% !important;
}


@media print, screen and (min-width: 40.0625em) {
  .c-page-nav {
    margin-bottom: 25px !important;
  }
}

.p-local-nav {
  margin-bottom: 25px !important;
}


.rowHighlight {
  background-color: #e8eef5;
}
.columnHighlight {
	background-color: #e8eef5;
}

.p-product-heading__title span{
	font-size: 85%!important;
}




/*
@media print, screen and (max-width: 47.9375em) {
  .c-page-nav__item {
    width: 47%!important;
  }
}
@media print, screen and (max-width: 47.9375em) {
  .c-page-nav__item {
    width: 100%!important;
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-page-nav__item {
    width: 33%!important;
  }
}
@media print, screen and (min-width: 87.5em) {
  .c-page-nav__item {
    width: 24%!important;
  }
}
*/