@charset "utf-8";
/* CSS Document */

/* =========================================
for support navigation page */

#contentsArea #easyNavi{
	opacity: 0;
}
#contentsArea #easyNavi.active{
	opacity: 1;
	transition: opacity .6s ease;
}

#contentsArea #productSearch input[type="image"]:hover,
#contentsArea #easyNavi a:hover img {
	filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

#contentsArea article h1 >img{
	vertical-align: middle;
	margin-right: 12px;
}

/* #productSearch */
#contentsArea #productSearch {
	 margin: 11px 0 0;
	padding: 14px 10px 14px 30px;
	background: url(/business/common/img/navi/bg_001.gif) no-repeat 0 0;
}

#contentsArea #productSearch h3,
#contentsArea #productSearch form,
#contentsArea #productSearch p {
	float: left;
}

#contentsArea #productSearch h3 {
	margin: 0 63px 0 0;
	padding: 0;
	width: 262px;
	border: none;
}
		
#contentsArea #productSearch form {
	margin-right: 82px;
}

#contentsArea #productSearch label {
	margin-right: 17px;
}

#contentsArea #productSearch input {
	vertical-align: top;
	margin-top: 6px;
}

#contentsArea #productSearch input#modelsearch {
	margin: 8px 4px 0 0;
	width: 210px;
}

/* #easyNavi */
#contentsArea .naviWrapper {
	margin: 11px 0 0;
	padding: 14px 0 25px 30px;
    border: 1px solid #d2d1d1;
    box-sizing: border-box;
    border-radius: 4px;
}
#contentsArea.supportNavi .naviWrapper {
	background: #f4faf8; /* Old browsers */
	background: linear-gradient(to bottom, #f4faf8 0%,#e5efe7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#contentsArea.downloadNavi .naviWrapper {
	background: #f8f8f8; /* Old browsers */
	background: linear-gradient(to bottom, #f8f8f8 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


#contentsArea #easyNavi h3,	
#contentsArea #easyNavi h4 {
	margin: 0;
	padding: 0;
	float: left;
	border: none;
	background: none;
}

#contentsArea #easyNavi h3 {
	margin-right: 31px;
}

#contentsArea #easyNavi hgroup {
	margin-bottom: 14px;
}

#contentsArea #easyNavi h5 {
	margin: 0 0 11px 1px;
	padding: 0;
}

#contentsArea #easyNavi nav {
	float: left;
	width: 380px;
	margin-right: 14px;
	padding-left: 3px;
}

#contentsArea #easyNavi nav ul {
	list-style: none;
}

#contentsArea #easyNavi nav ul li {
	float: left;
	margin: 1px;
	padding: 0;
	background: none;
}

/*
#contentsArea #easyNavi nav .categoryCopiers {
	width: 367px;
	height: 68px;
	padding: 3px;
	background: url(/business/common/img/navi/s_img_006.gif) 0 0 no-repeat;
}

#contentsArea #easyNavi nav .selected .categoryCopiers {
	background: url(/business/common/img/navi/s_img_006_o.gif) 0 0 no-repeat;
}

*/

#contentsArea #easyNavi nav li.categoryCopiers02 {
	margin: 14px 0 0 17px;
}

#contentsArea #easyNavi nav li.categoryCopiers03 {
 margin: 5px 0 0 17px;
}

#contentsArea #easyNavi nav ul li img {
	vertical-align: top;
}

/* #resultArea > #easyNavi */
#contentsArea #resultArea {
	float: left;
	width: 512px;
	border: 1px solid #b5b7ba;
	position: relative;
	top: -1px;
}

.msie7 #contentsArea #resultArea,
.msie6 #contentsArea #resultArea {
	padding-top: 28px;
}

#contentsArea #resultArea h5 {
	position: absolute;
	top: 0;
	left: -1px;
	margin: 0;
}

#contentsArea #resultArea .toParent {
	position: absolute;
	top: 7px;
	right: 15px;
	margin: 0;
	padding-left: 18px;
}
#contentsArea.supportNavi #resultArea .toParent {
	background: url(/business/common/img/navi/s_bg_004.png) no-repeat 0 3px;
}
#contentsArea.downloadNavi #resultArea .toParent {
	background: url(/business/common/img/navi/bg_004.png) no-repeat 0 3px;
}

#contentsArea #resultArea .toParent a {
	color: #fff;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

#contentsArea #resultArea .toParent:nth-of-type(2) {
    top: 100%;
	margin-top: 4px;
}
#contentsArea.supportNavi #resultArea .toParent:nth-of-type(2) {
	background: url(/business/common/img/navi/s_bg_010.png) no-repeat 0 3px;
}
#contentsArea.downloadNavi #resultArea .toParent:nth-of-type(2) {
	background: url(/business/common/img/navi/bg_010.png) no-repeat 0 3px;
}

#contentsArea.supportNavi #resultArea .toParent:nth-of-type(2) a {
    color: #006666;
}
#contentsArea.downloadNavi #resultArea .toParent:nth-of-type(2) a {
    color: #003366;
}

#contentsArea #resultArea .toParent a:hover {
	text-decoration: none;
}

#contentsArea #resultArea li {
	float: left;
	background: none;
}

#contentsArea #resultBody {
	margin: 28px 0 0;
	height: 370px;
	overflow-y: scroll;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	background: #ffffff; /* Old browsers */
}
#contentsArea.supportNavi #resultBody {
	background: linear-gradient(to bottom, #ffffff 0%,#e8f2ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#contentsArea.downloadNavi #resultBody {
	background: linear-gradient(to bottom, #ffffff 0%,#e8f0f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#contentsArea.supportNavi .product2nd #resultBody .selectFilter,
#contentsArea.supportNavi .product2nd #resultBody.type1st .selectFilter {
	margin: 0 0 16px 0;
	background: #c9f3f4;
}
#contentsArea.supportNavi .product3rd #resultBody .selectFilter,
#contentsArea.supportNavi .product3rd #resultBody.type1st .selectFilter {
	margin: 0;	
	background: #c9f3f4;
}
#contentsArea.downloadNavi .product2nd #resultBody .selectFilter,
#contentsArea.downloadNavi .product2nd #resultBody.type1st .selectFilter {
	margin: 0 0 16px 0;
	background: #9ac9f9;
}
#contentsArea.downloadNavi .product3rd #resultBody .selectFilter,
#contentsArea.downloadNavi .product3rd #resultBody.type1st .selectFilter {
	margin: 0;	
	background: #9ac9f9;
}




#contentsArea #resultBody .selectFilter li {
	margin: 0;
	padding: 0;
	color: #000;	
}

#contentsArea #resultBody .selectFilter li a {
	display: block;
 	padding: 5px 12px;
	color: #000;
	text-decoration: none!important;
}

#contentsArea #resultBody .selectFilter li a:visited {
	color: #000;
}

#contentsArea #resultBody .selectFilter li a:hover {
	color: #000;
	text-decoration: underline!important;
}

#contentsArea.supportNavi #resultBody .selectFilter li.root {
	background: #60d2d4;
}
#contentsArea.downloadNavi #resultBody .selectFilter li.root {
	background: #6099d4;
}

#contentsArea.supportNavi #resultBody .selectFilter.root_category{
	background: #c9f3f4;
}
#contentsArea.downloadNavi  #resultBody .selectFilter.root_category{
	background: #ccefff;
}

#contentsArea.supportNavi #resultBody .selectFilter.root_category> li.root_1st {
	position: relative;
    background: #60d2d4;
}
#contentsArea.downloadNavi #resultBody .selectFilter.root_category> li.root_1st {
	position: relative;
    background: #6099d4;
}

cc #resultBody .selectFilter.root_category> li.root_1st:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 26px;
    background: url(/business/common/img/navi/s_bg_005.png) no-repeat left center #9af8f9;
}
#contentsArea.downloadNavi #resultBody .selectFilter.root_category> li.root_1st:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 26px;
    background: url(/business/common/img/navi/bg_005.png) no-repeat left center #7dcfff;
}
#contentsArea.supportNavi #resultBody .selectFilter.root_category> li.root_2nd {
	position: relative;
	background: #9af8f9;
}
#contentsArea.downloadNavi #resultBody .selectFilter.root_category> li.root_2nd {
	position: relative;
	background: #8fcfff;
}

#contentsArea.supportNavi #resultBody .selectFilter.root_category> li.root_2nd:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 26px;
    background: url(/business/common/img/navi/s_bg_005_p.png) no-repeat left center #c9f3f4;
}
#contentsArea.downloadNavi #resultBody .selectFilter.root_category> li.root_2nd:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 26px;
    background: url(/business/common/img/navi/bg_005_p.png) no-repeat left center #ccefff;
}


#contentsArea #resultBody .selectFilter.root_category:not(.product_category)> li.root_2nd{
	padding: 5px 12px
}


#contentsArea.supportNavi #resultBody .selectFilter > li.root {
	position: relative;
	background: #60d2d4;
}
#contentsArea.downloadNavi #resultBody .selectFilter > li.root {
	position: relative;
	background: #6099d4;
}

#contentsArea.supportNavi #resultBody .selectFilter > li.root:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 26px;
    background: url(/business/common/img/navi/s_bg_005.png) no-repeat left center #9af8f9;
}
#contentsArea.downloadNavi #resultBody .selectFilter > li.root:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 26px;
    background: url(/business/common/img/navi/bg_005.png) no-repeat left center #8fcfff;
}

#contentsArea .product1st #resultBody .selectFilter li,
#contentsArea .product2nd #resultBody .selectFilter li.product2nd,
#contentsArea .product3rd #resultBody .selectFilter li.product2nd,
#contentsArea #resultBody .selectFilter li.product3rd,
#contentsArea .product2nd #resultBody.type1st .selectFilter li,
#contentsArea .product3rd #resultBody.type1st .selectFilter li.product2nd {
	padding: 5px 12px;
}


/* 1階層目の検索結果 */
#contentsArea .product1st #resultBody .selectArea {
	margin: 26px 0 0 10px;
}

#contentsArea .product1st #resultBody .selectArea li {
 float: none;
	line-height: 0;
}

#contentsArea .product1st #resultBody .selectArea  li a{
	display: block;
	margin: 0 5px 8px 0;
	padding: 0 0 0 15px;
	font-size: 125%;
	font-weight: bold;
	line-height: normal;
}
#contentsArea.supportNavi .product1st #resultBody .selectArea  li a{
	background: url(/business/common/img/navi/s_bg_007.gif) no-repeat left center;	
	color: #006666;
}
#contentsArea.downloadNavi .product1st #resultBody .selectArea  li a{
	background: url(/business/common/img/navi/bg_007.gif) no-repeat left center;	
	color: #003366;
}


/* 2階層目の検索結果 */
#contentsArea #resultArea h6 {
 	margin: 0 0 0 10px;	
	padding: 0 0 0 23px; 
	font-size: 108.3333333333%;
	color: #000;
}
/*#contentsArea.supportNavi #resultArea h6 {
 	background: url(/business/common/img/navi/s_bg_008.gif) no-repeat 0 3px;*/
}
#contentsArea.downloadNavi #resultArea h6 {
 	background: url(/business/common/img/navi/bg_008.gif) no-repeat 0 3px;
}


#contentsArea .product2nd #resultBody .selectArea {
	margin: 0 0 12px 0;
	padding-left: 1%;
	box-sizing: border-box;
	display: block;
}

#contentsArea .product2nd #resultBody .selectArea li {
	margin: 0 1% 0.6% 1%;
	padding: 0;
	min-width: 48%;
	float: none;
	display: inline-flex;
}

#contentsArea .product2nd #resultBody .selectArea li a {
 	display: block;
	width: 100%;
	border: 1px solid #fff;
	padding: 8px 10px;
	box-sizing: border-box;
	white-space: nowrap;
}
#contentsArea.supportNavi .product2nd #resultBody .selectArea li a {
	background: #e3f8fa;
}
#contentsArea.downloadNavi .product2nd #resultBody .selectArea li a {
	background: #e3edfa;
}

#contentsArea.supportNavi .product2nd #resultBody .selectArea li a {
	color: #006666;
}
#contentsArea.downloadNavi .product2nd #resultBody .selectArea li a {
	color: #003366;
}


#contentsArea .product2nd #resultBody .selectArea li.wide{
	width: 98%;
}

#contentsArea .product2nd #resultBody .selectArea li a:link,
#contentsArea .product2nd #resultBody .selectArea li a:visited {
	text-decoration: none;
}

#contentsArea .product2nd #resultBody .selectArea li a:hover {
	text-decoration: underline;
}

/* 3階層目の検索結果 */
#contentsArea .product3rd #resultBody .selectArea {
	margin: 30px 0 0 32px;
}

#contentsArea .product3rd #resultBody .selectArea li {
	margin: 0 3px 5px 0;
	padding: 0;
}