@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%;
	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;
	overflow-x: scroll;
}
.table-list table.spec-list-table {
	margin: 0 0 1em;
	border-collapse: collapse;
	table-layout: fixed;
	width: 1400px;
	color: #333;
}
.table-list table.spec-list-table img {
	margin: 0 0 0 0.5em;
	vertical-align: middle;
}
.table-list table.spec-list-table th {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	padding: 14px 10px 13px;
	margin: 0;
	font-size: 110%;
	line-height: 1.3;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: middle;
	background-color: #f1f1f1;
	text-align: center;
	font-weight: bold;
}
.table-list table.spec-list-table th.service-vne {
	width:22%;
}
.table-list table.spec-list-table th.th-kataban {
	width:18%;
}

.table-list table.spec-list-table th span, .table-list table.spec-list-table td span {
	font-size: 80%;
}
.table-list table.spec-list-table td {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 100%;
	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.6;
	vertical-align: middle;
	text-align: center;
}



.table-list table.table-conect td, .table-list table.table-vne td {
	text-align: left;
}
.table-list table.spec-list-table td.no-border {
	border: none;
}

.table-list table td.td-kataban{
	text-align: left;
}


.table-list table.spec-list-table span.new {
	font-weight: bold;
	color: #CC0202;
}

table.spec-list-table a:link, p.contents-txt a:link {
	color: #02428C;
	text-decoration: none;
}
table.spec-list-table a:visited, p.contents-txt a:visited {
	color: #02428C;
	text-decoration: none;
}
table.spec-list-table a:hover, p.contents-txt a:hover {
	color: #02428C;
	text-decoration: underline;
}
.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;
}


.table-list table.spec-list-table.tbl .kataban {
	white-space: nowrap;
}



p.listorder {
	text-align: right;
	color: #666;
	font-size: 90%;
}
ul.caution {
	margin: 0 0 5px 0;
	color: #666;
	line-height: 1.7;
}
ul.caution li {
	text-indent: -2em;
	padding-left: 2em;
	font-size: 90%;
}

ul.caution-list {
	margin: 0 0 10px 0;
	color: #666;
	font-size: 85%;
	line-height: 1.5;
}
ul.caution-list li {
	margin: 0 0 5px 0;
}
ul.caution-list li span {
	color: #F00;
}

.caution-corres p {
	margin: 0 0 10px 0;
	color: #666;
	font-size: 90%;
}

.caution-corres ul {
	margin: 0 0 0 10px;
}
.caution-corres ul li {
	margin: 0 0 5px 0;
	color: #666;
	font-size: 85%;
	line-height: 1.5;
	list-style: disc;
}
.caution-corres ul li ul {
	margin: 5px 0 10px 0;
}
.caution-corres ul li ul li {
	margin: 0 0 5px 0;
	color: #666;
	font-size: 100%;
	line-height: 1.5;
	list-style: none;
}

p.option {
	font-size: 93%;
	padding: 0;
	margin: 0 0 2em 0;
	line-height: 1.8;
	color: #CC0202;
}
span.option {
	font-size: 85%;
	color: #CC0202;
}

.pc-hide {
	display: none;
}



/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 40.0625em) and (max-width: 47.9375em) {

	.p-content-container {
		float: none;
		padding: 0 1% 2.5em 1% !important;
	}
	.pc-hide {
		display: block;
		font-size: 93%;
	}
	#main-contents .table-list table.spec-list-table img {
		width: 100%;
		height: auto;
	}
}
/* ## SmartPhone Style  ###################################################################################################### */

@media print, screen and (max-width: 40em) {
	.table-list {
		width: 98%;
		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: 1300px;
		margin-bottom: 0;
	}
	.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 {
		font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
		padding: 14px 10px 13px;
		margin: 0;
		font-size: 85%;
		line-height: 1.3;
		color: #333;
		border: 1px solid #CCC;
		vertical-align: middle;
		background-color: #f1f1f1;
		text-align: center;
		font-weight: bold;
	}
	.table-list table.spec-list-table th.th-kataban {
		width:20%;
	}
	.table-list table.spec-list-table td {
		font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
		font-size: 85%;
		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.6;
		vertical-align: middle;
	}
	p.listorder {
		text-align: left;
		color: #666;
		font-size: 85%;
		margin:1em 0;
	}
	.c-heading-2__title {
	  display: inline-block;
	  margin-right: 10px;
	  vertical-align: middle;
	  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	  -webkit-font-feature-settings: 'palt' 1;
	          font-feature-settings: 'palt' 1;
	  letter-spacing: 0.16em;
	  font-weight: bold;
	  font-size: 123.1%!important;
	}
}



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