@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : download.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#prod #main {
	width: 950px;
	background: url(../../../images_global/n_bg_main_l_01.gif) repeat-y left top;
}
#prod #mainInner {
	background: url(../../../images_global/n_bg_main_l_02.gif) no-repeat left bottom;
}
#prod #main .titleBlock {
	background: url(../../../images_global/n_bg_main_l_03.gif) repeat-y left top;
}
/* ==

　カタログPDFコンテナ

=============================================================================== */

#main .pdfContainer {
	width: 660px;
	margin-bottom: 30px;
}
#main .pdfContainer div {
	width: 210px;
	float: left;
	margin-right: 10px;
}
#main .pdfContainer .pdfThumb {
	margin: 0 30px 18px;
}
#main .pdfContainer div p {
	margin: 0;
}
#main .pdfContainer div.lastChild {
	margin-right: 0px;
}
#main .pdfContainer div img {
	margin-top: 10px;
}
/* ==

　メニュー

=============================================================================== */

#menu .menuBlock ul {
	padding-top: 5px;
}
#menu .menuBlock li {
	width: 215px;
}
#menu .menuBlock .menuBlockInner {
	padding-left: 5px;
}
/* ==

　products

=============================================================================== */

#main .dlNav {
	border: 1px dotted #999999;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #FBFFF9;
}
#main .dlNav li {
	float: left;
	margin-bottom: 0;
	padding-right: 20px;
}
#main .categoryList {
	padding: 0 5px;
}
/* ==

　カテゴリナビゲーション

=============================================================================== */

#main .categoryNav {
	background: url(../images/bg_prod01.gif) no-repeat 0 0;
	width: 930px;
	height: 305px;
	padding-left: 0;
	margin-bottom: 10px;
}
#main .categoryNav .subTit {
	margin: 0px 0 10px 10px;
	padding-top: 10px;
}
#main .categoryNav ul li {
	width: 180px;
	font-size: 12px;
	letter-spacing: -0.1em;
	text-align: center;
	float: left;
	margin: 0 5px 5px 0;
	cursor: pointer;
}
#main .categoryNav ul li a {
	background: url(../images/bg_btn01.gif) no-repeat 0 0;
	display: block;
	padding: 10px;
}
#main .categoryNav ul li a:hover {
	background: url(../images/bg_btn04.gif) no-repeat 0 0;
	color: #fff;
}
#main .categoryNav ul li.active02 a {
	background: url(../images/bg_btn04.gif) no-repeat 0 0;
	color: #fff;
}
#main .categoryNav ul li#all.active a {
	background: url(../images/bg_btn03.gif) no-repeat 0 0;
	color: #fff;
}
#main .categoryNav ul li.twoRows {
	height: 35px;
}
#main .categoryNav ul li.twoRows a {
	height: 35px;
	padding-top: 3px;
}
* html #main .categoryNav ul li.twoRows {
	height: 25px;
}
* html #main .categoryNav ul li.twoRows a {
	height: 25px;
	padding-bottom: 3px;
}
#main .categoryNav ul li#all {
	background: url(../images/bg_btn02.gif) no-repeat 0 0;
}
#main .categoryNav ul li#all a:hover {
	background: url(../images/bg_btn03.gif) no-repeat 0 0;
	color: #fff;
}
#main .categoryNav ul li.last {
	margin-right: 0;
}
#main .categoryNav ul li#all.active {
	background: url(../images/bg_btn03.gif) no-repeat 0 0;
	color: #fff;
}
#main .categoryNav ul li.active02 {
	background: url(../images/bg_btn04.gif) no-repeat 0 0;
	color: #fff;
}
/* ==

　検索エリア

=============================================================================== */

#main .sharchTit {
	margin: 15px 0 0 10px;
}
#main #sarchTextArea {
	margin: 6px 0 0 10px;
	padding-bottom: 15px;
}
#main #sarchTextArea input {
	width: 330px;
	height: 28px;
	font-size: 14px;
	padding-left: 5px;
	border: 1px #aaa solid;
}
#main #sarchTextArea p {
	margin: 0 0 3px;
}
#serchArea {
	width: 930px;
}
#serchArea div {
	float: left;
}
#searchBtn {
	margin: 24px 0 0 5px;
	cursor: pointer;
 /margin: 28px 0 0 5px;
}
/* ==

　テーブル

=============================================================================== */

thead {
	width: 908px;
}
thead.fix {
	position: absolute;
	top: 0;
	border: hidden !important;
}
table {
	width: 908px;
	font-size: 12px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin-bottom: 20px;
}
th, td {
	padding: 10px 0 0;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
td {
	table-layout: fixed;
	vertical-align: top;
}
td p {
	margin-bottom: 0.5em !important;
	cursor: pointer;
}
#main td a {
	text-decoration: none;
	color: #000;
}
#main td a:hover {
	color: #000099;
}
#main td .prodName a {
	text-decoration: underline;
	color: #660099;
	;
}
#main td .prodName a:hover {
	color: #000099;
}
td img {
	margin-bottom: 0.3em !important;
}
th {
	background-color: #efece5;
	font-weight: 100;
	letter-spacing: -0.1em;
}
select {
	width: 50px;
}
dl {
	margin-bottom: 40px;
}
#categoryTitle {
	display: none;
}
tr.categoryName, tr.categoryName02 {
	height: 30px;
	border-top: solid 1px #999 !important;
}
tr.categoryName th {
	background: #666;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}
tr.categoryName02 th {
	background: #ededed;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}
.categoryName02 h2 {
	margin-bottom: 10px;
}
.categoryName h2 {
	margin-bottom: 10px;
}
.prodBox {
	width: 249px !important;
	padding: 10px 0 10px 10px;
	text-align: left;
}
.prodBox02 {
	width: 65px !important;
	padding: 10px 2px;
	text-align: center;
}
.prodBox div, .prodBox02 div {
	margin-right: 10px;
	float: left;
}
#main p.prodName {
	margin-bottom: 5px !important;
}
#main .prodName a {
	padding: 0 0 3px 17px;
	background: url(/common/img/global/icon_arrow.gif) no-repeat left 0.2em;
	font-weight: bold;
}
#main .prodName span {
	font-weight: bold;
	cursor: default;
}
#main .prodName a:hover {
	text-decoration: none;
}
#main .dispNone {
	display: none;
}
#catHead {
}
.categoryHeader {
	width: 908px !important;
}
#dammyHeaderTable {
	width: 908px;
	display: none;
	position: fixed;
	top: 0;
	z-index: 100;
}
* html #dammyHeaderTable {
	position: absolute;
}
#dammyHeaderTable .prodBox {
	width: 249px !important;
}
#headDammy .categoryHeader {
	height: 60px;
}
#headDammy .categoryHeader th {
	padding-top: 4px !important
}
.selectBox {
	position: relative;
}
.selectBox p {
	z-index: 99;
}
.selectBox img {
	z-index: 100;
}
.selectBox ul {
	position: absolute;
	top: 45px;
	left: 7px;
	background-color: #fff;
	border: #aaa solid 1px;
	padding: 5px 0 3px;
	display: none;
	z-index: 999;
}
.selectBox ul li {
	padding: 5px 10px;
	margin: 0 !important;
	border-bottom: #eee solid 1px;
	font-size: 11px;
	white-space: nowrap;
	text-align: left;
}
.colTHEnd {
	background-color: #ffffe9;
}
.colInputDammy {
	color: #aaa;
}
.iconUnderLine {
	text-decoration: underline;
	color: #000099;
}
th h2 {
	letter-spacing: 0;
}
td .icj {
	background: url(../images/icon_jpg.gif) no-repeat 20px 0;
	margin: 0 0 2px 0 !important;
	display: block;
	padding-top: 27px;
	text-align: center;
}
td .icp {
	background: url(../images/icon_pdf.gif) no-repeat 20px 0;
	margin: 0 0 2px 0 !important;
	display: block;
	padding-top: 27px;
	text-align: center;
}
td .icd {
	background: url(../images/icon_dxf.gif) no-repeat 20px 0;
	margin: 0 0 2px 0 !important;
	display: block;
	padding-top: 27px;
	text-align: center;
}
td .ici {
	background: url(../images/icon_ies.gif) no-repeat 20px 0;
	margin: 0 0 2px 0 !important;
	display: block;
	padding-top: 27px;
	text-align: center;
}
td .icz {
	background: url(../images/icon_zip.gif) no-repeat 20px 0;
	margin: 0 02px 0 !important;
	display: block;
	padding-top: 27px;
	text-align: center;
}