@charset "utf-8";

/* breadClumb
==================================================================================== */
ul.l-breadcrumb,
#breadClumb {
	width: 1180px;
	margin: 15px auto 10px;
}
#breadClumb {
	padding-left: 20px;
	font-size: 14px;
}
#breadClumb > li {
	display: inline-block;
}
#breadClumb > li > a {
	margin-right: 0.5em;
	text-decoration: none;
}
#breadClumb > li > a:hover {
	text-decoration: underline;
	color: #025fae;
}

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

	misumi-vona  import CSS

================================================================*/
table.nom-tbl tr.even,
table.spt-tbl tr.even,
table.nom-tbl tr:nth-child(even),
table.spt-tbl tr:nth-child(even),
table.big-tbl tr.even,
table.big-tbl tr:nth-child(even) { background-color: #FAFAFA;}

/* background */
#recentViewed p.mark2b a,
#leftMenu h2.inq a,
#leftMenu h2.inq a:hover,
#leftMenu .mark2 li,
#leftMenu .mark2,
#corp div.close a,
#corp a.submit,
#urgentBox li,
.news ul li,
.marknm li,
.marknm,
.marknm .mark2,
.mark2 li,
.mark2,
.mark2b a,
.mark2c span,
.mark2d,
.mark3b a,
.mark5 a,
.pageTop a,
.mark6 li,
.mark6,
.mark6b span,
.marknm .pdf,
.pdf,
.marknm .xls,
.xls,
.marknm .doc,
.doc,
.marknm .zip,
.zip,
#popup #header div.inner p.misumi { background: url(/common/img/misumiec.png) no-repeat;}

/* Standerd
==================================================================================== */
ol.ol_normal {
	padding-left: 20px;
}
ol.ol_normal,
ol.ol_normal > li {
	margin:5px 0;
	list-style:decimal;
}
ol.romU, ol.romU li { list-style-type:upper-roman;}
ol.alpL, ol.alpL li { list-style-type:lower-alpha;}

.ls {
	margin-bottom: 1.5em;
	line-height:190%;
}
.clear { clear:both;}
a, p a.noLink {
	color:#1D3994;
	text-decoration:none;
}
a:visited { color:#941D55;}
a:hover, p a.noLink:hover,
p a, a.pLink { text-decoration:underline;}
p a:hover, a.pLink:hover { text-decoration:none;}
.none { display:none!important;}
.edge {
	margin-right:0px!important;
	border:none!important;
}
a, a:link {
	color: #004bb1;
	text-decoration: none;
}
a:hover {
	color: #6d93c7;
	text-decoration: none;
}

/* dialog -------------------------------------------------------------------------------*/
#corp div.dialog {
	text-align:center;
	position:absolute;
	right:0;
	top:26px;
	z-index:101;
	background-color:#FFF;
	width:290px;
	border:2px solid #2d5393;
	display:none;
	line-height:130%;
}
* html #corp div.dialog { font-size:10px;}
*:first-child+html #corp div.dialog { font-size:10px;}
#corp.on div.dialog { display:block;}
#corp div.title {
	background-color:#FFF;
	width:294px;
}
#corp div.title p {
	display:block;
	background-color:#2d5393;
	text-align:right;
	color:#FFF;
	padding:5px 10px 5px 10px;
	float:right;
}
#corp div.close {
	width:290px;
	height:18px;
}
#corp div.close a {
	display:block;
	float:right;
	width:18px;
	height:18px;
	background-position: 0 -207px;
	text-indent:-9999px;
}
#corp div.switch {
	clear:both;
	min-height:140px;
}
#corp p.sub { color:#000;}
#corp p.thanks {
	text-align:center;
	padding:55px 0 15px 0;
}
#corp div.switch a {
	display:block;
	text-decoration:underline;
	color:#104a9b;
}
#corp textarea.mess {
	width:268px;
	height:85px;
	margin:9px 9px 8px 9px;
	background-color:#FFF;
	border:1px solid #767676;
}
#corp a.submit {
	display:block;
	width:61px;
	height:20px;
	background-position: -18px -207px;
	text-indent:-9999px;
	margin:auto;
}
#corp p.caution {
	color:#999;
	font-size:10px;
	text-align:left;
	padding:11px 20px;
}

/* contents
==================================================================================== */
#contents {
	width:950px;
	margin:0px auto;
	*position: relative;
	*z-index: 1;
}

.emergency { margin:0 0 20px 0;}
.emergency a {
	display:block;
	color:red;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:20px;
	border:2px solid red;
}

/* urgentBox
==================================================================================== */
#urgentBox {
	position: relative;
	margin: 0 0 10px 0;
}
#urgentBox li {
	padding: 0 0 0 19px;
	background-position: -124px -1516px;
}
#urgentBox li.bl { background-position: -124px -1569px;}
#urgentBox li.notxt {
	padding:0 5px 0 0;
	background: none;
}
#urgentBox li, #urgentBox li a, #urgentBox li a:visited { color: #C00;}
#urgentBox li.bl { color: #333;}
#urgentBox li.bl a { color: #1D3994;}
#urgentBox li.bl a:visited { color: #941D55;}

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

rightArea h1 h2 h3

==================================================================================== */
#rightArea {
	float:right;
	width:730px;
}
#rightArea h1,
#popup h1 {
	margin-bottom: 20px;
	padding: 10px 0 10px 10px;
	color: #333333;
	font-size: 150%;
	font-weight: bold;
	border-top: 3px solid #0169C6;
	background-color: #EEEEEE;
}
#fullContents h1.keyVisual,
#rightArea h1.keyVisual,
#popup h1.keyVisual,
#fullContents h2.keyVisual,
#rightArea h2.keyVisual {
	padding:0;
	border:none;
	background:none;
}
#rightArea h2,
#popup h2 {
	margin-bottom: 15px;
	padding: 5px 0 5px 10px;
	color: #333333;
	font-size: 125%;
	font-weight: bold;
	border-top: 1px solid #DFDFDF;
	background-color: #EEEEEE;
}
#rightArea h3,
#popup h3 {
	margin-bottom: 10px;
	padding: 5px 0 5px 10px;
	color: #555555;
	font-size: 113%;
	font-weight:bold;
	border-bottom: 1px solid #bbbbbb;
}

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

mainArea

==================================================================================== */
#mainArea { width: 950px;}
#mainArea .dummyMain {
	width: 950px;
	height: 400px;
	background-color: #eee;
}

/* recentViewed
==================================================================================== */
#recentViewed {
	border: 1px solid #DFDFDF;
	border-radius: 4px;/* default */
	-webkit-border-radius: 4px;/* For Safari,GC */
	-moz-border-radius: 4px;/* For Up FF4 */
	box-shadow: 0 1px 1px #ededed;/* default */
	-webkit-box-shadow: 0 1px 1px #ededed;/* For Safari,GC */
	-moz-box-shadow: 0 1px 1px #ededed;/* For Up FF4 */
	margin: 20px 0 0 0;
}
#recentViewed h2 {
	font-weight: bold;
	color: #1664EA;
	padding: 10px 10px 0 10px;
}
#recentViewed ul a {
	display: block;
	padding: 5px 10px;
}
#recentViewed ul a:hover {
	background: #f2f2f2;
	text-decoration: none;
}
#recentViewed ul a span {
	width: 49px;
	float: left;
	margin-right: 10px;
}
#recentViewed p.mark2b {
	background: none;
	margin: 0 10px 5px 5px;
}
* html #recentViewed p.mark2b { margin: 0 5px 5px 5px;}
#recentViewed p.mark2b a {
	padding: 0 0 0 15px;
	background-position: -131px -989px;
}

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

Parts

==================================================================================== */
/* Link Design -------------------------------------------------------------------------------*/
.news ul li a,
.marknm a,
.mark2 a,
.mark2b a,
.mark2c a,
.mark2d a,
.mark3 a,
.mark3b a,
.mark5 a,
.pageTop a,
.mark6 a,
.mark6b a,
.pdf a,
.xls a,
.doc a,
.zip a { text-decoration:none;}
.news ul li a:hover,
.marknm a:hover,
.mark2 a:hover,
.mark2b a:hover,
.mark2c a:hover,
.mark2d a:hover,
.mark3 a:hover,
.mark3b a:hover,
.mark5 a:hover,
.pageTop a:hover,
.mark6 a:hover,
.mark6b a:hover,
.pdf a:hover,
.xls a:hover,
.doc a:hover,
.zip a:hover { text-decoration:underline;}
.news ul li,
.marknm li,
.marknm,
.mark2 li,
.mark2,
.mark2b,
.mark2c,
.mark2d,
.mark3 li,
.mark3,
.mark3b,
.mark5,
.mark6 li,
.mark6,
.mark6b,
.pdf,
.xls,
.doc,
.zip {
	padding:0 0 0 17px;
	margin:0 0 5px 0;
	list-style:none;
}
.pagetop img { vertical-align: middle;}
.news ul li, .marknm li, .marknm { background-position: -130px -1981px;}
.marknm li ol li {
	background:none;
	list-style:decimal;
	padding:0;
}
.marknm .mark2, .mark2 li, .mark2 { background-position: -130px -986px;}
.mark2b a { background-position: -131px -989px;}
.mark2b, .mark3b, .mark5, .pageTop {
	padding:0;
	text-align:right;
}
.pageTop { margin:40px 0 0; padding-bottom: 20px;}
.mark2b a, .mark3b a, .mark5 a, .pageTop a { padding:0 0 0 15px;}
.mark2c, .mark6b { padding:0;}
.mark2c span, .mark6b span {
	display:inline-block;
	width:7px;
	height:19px;
	text-align:left;
	text-indent:-9999px;
	margin:0 0 0 7px;
}
.mark2c span { background-position: -134px -986px;}
.mark2d { background-position: -131px -1161px;}
.marknm .mark3, .mark3 li, .mark3 { background: url(/common/img/icon_blank02.gif) no-repeat 0 4px;}
.mark3b a { background-position: -126px -1428px;}
.mark5 a, .pageTop a { background-position: -131px -1338px;}
.mark6 li, .mark6 { background-position: -129px -1247px;}
.mark6b span { background-position: -131px -1245px;}
.marknm .pdf, .pdf { background-position: -122px -1654px;}
.marknm .xls, .xls { background-position: -122px -1710px;}
.marknm .doc, .doc { background-position: -122px -1766px;}
.marknm .zip, .zip { background-position: -122px -1822px;}
.pdf, .xls, .doc, .zip { padding-left:20px!important;}
a.pdf, a.xls, a.doc, a.zip { padding:2px 0 2px 15px;}
ul.marknm, ul.mark2, ul.mark3, ul.mark6 {
	background:none;
	padding:0;
}
ul.marknm li, ul.mark2 li, ul.mark3 li, ul.mark6 li { margin:5px 0;}
.blank { background: none!important;}
.pageNum {
	display:table;
	margin:0px auto;
}
* html .pageNum { width:430px;}
*:first-child+html .pageNum { width:430px;}
.pageNum li {
	float:left;
	width:25px;
	height:23px;
	line-height:23px;
	text-align:center;
	border-right: 1px solid #DFDFDF;
}
.pageNum li.current {
	color:#FFF;
	font-weight: bold;
	border-right: 1px solid #0055BF;
	border-left: 1px solid #0055BF;
	background-color:#0055BF;
}
.pageNum li.mark2, .pageNum li.mark2c {
	background:none;
	padding:0;
}
.pageNum li.mark2 { margin:0 0 0 32px;}
.pageNum li.mark2c { margin:0 32px 0 0;}
.pageNum li.mark2,
.pageNum li.mark2c { border: none!important;}
.pageNum li a {
	display:block;
	text-decoration:none;
}
.pageNum li.mark2 a, .pageNum li.mark2c a {
	width:52px;
	text-align: left;
}

.SNnone { display:none!important;}
.SNedge {
	margin-right:0px!important;
	border:none!important;
}

/* Btn Design -------------------------------------------------------------------------------*/
.btnGr, .btnBl, .btnOr, .btnGr180, .btnBl180, .btnOr180, .btnGr240, .btnBl240, .btnOr240 {
	padding:0 0 0 3px;
	margin:10px 0;
}
.btnGr, .btnBl, .btnOr { width:117px;}
.btnGr180, .btnBl180, .btnOr180 { width:177px;}
.btnGr240, .btnBl240, .btnOr240 { width:237px;}
.btnGr a, .btnGr180 a, .btnGr240 a {
	display:block;
	padding:0 3px 0 0;
	color:#555;
	text-decoration:none;
	cursor:pointer;
}
.btnBl a, .btnOr a, .btnBl180 a, .btnOr180 a, .btnBl240 a, .btnOr240 a {
	display:block;
	padding:0 3px 0 0;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}
.btnGr a:visited,
.btnBl a:visited,
.btnOr a:visited,
.btnGr180 a:visited,
.btnBl180 a:visited,
.btnOr180 a:visited,
.btnGr240 a:visited,
.btnBl240 a:visited,
.btnOr240 a:visited { color:#FFF;}
.btnGr a:hover,
.btnBl a:hover,
.btnOr a:hover,
.btnGr180 a:hover,
.btnBl180 a:hover,
.btnOr180 a:hover,
.btnGr240 a:hover,
.btnBl240 a:hover,
.btnOr240 a:hover { text-decoration:underline;}
.btnGr a span,
.btnBl a span,
.btnOr a span,
.btnGr180 a span,
.btnBl180 a span,
.btnOr180 a span,
.btnGr240 a span,
.btnBl240 a span,
.btnOr240 a span {
	height:28px;
	line-height:26px;
	text-align:center;
	display:block;
}
.btnGr a span,
.btnGr180 a span,
.btnGr240 a span { color: #555;}
.btnGr a:hover span,
.btnGr180 a:hover span,
.btnGr240 a:hover span {
	color: #555;
	text-decoration:underline;
}
.btnGr,
.btnGr180,
.btnGr240,
.btnGr a,
.btnGr180 a,
.btnGr240 a,
.btnGr a span,
.btnGr180 a span,
.btnGr240 a span,
.btnOr,
.btnOr180,
.btnOr240,
.btnOr a,
.btnOr180 a,
.btnOr240 a,
.btnOr a span,
.btnOr180 a span,
.btnOr240 a span,
.btnBl,
.btnBl180,
.btnBl240,
.btnBl a,
.btnBl180 a,
.btnBl240 a,
.btnBl a span,
.btnBl180 a span,
.btnBl240 a span { background: url(/common/img/misumiec.png?rev=20110818) repeat-x;}
.btnBl, .btnBl180, .btnBl240 { background-position: -135px -547px;}
.btnBl a { background-position: 145px -603px;}
.btnBl180 a { background-position: -127px -603px;}
.btnBl240 a { background-position: -234px -603px;}
.btnBl a span, .btnBl180 a span, .btnBl240 a span { background-position: 0 -575px;}
.btnOr, .btnOr180, .btnOr240 { background-position: -135px -631px;}
.btnOr a { background-position: 145px -687px;}
.btnOr180 a { background-position: -127px -687px;}
.btnOr240 a { background-position: -234px -687px;}
.btnOr a span, .btnOr180 a span, .btnOr240 a span { background-position: 0 -659px;}
.btnGr, .btnGr180, .btnGr240 { background-position: -135px -463px;}
.btnGr a { background-position: 145px -519px;}
.btnGr180 a { background-position: -127px -519px;}
.btnGr240 a { background-position: -234px -519px;}
.btnGr a span, .btnGr180 a span, .btnGr240 a span { background-position: 0 -491px;}

/* List Design -------------------------------------------------------------------------------*/
ul.listCol2 li {
	width:329px;
	float:left;
	padding:0 0 0 17px;
	margin:5px 18px 5px 0;
}
ul.listCol3 li {
	width:208px;
	float:left;
	padding:0 0 0 15px;
	margin:5px 20px 5px 0;
}
ul.listCol4 li {
	width:147px;
	float:left;
	padding:0 0 0 15px;
	margin:5px 20px 5px 0;
}
ul.listNews a { text-decoration:none;}
ul.listNews a:hover { text-decoration:underline;}
ul.listNews li {
	border-bottom:1px dotted #CCCCCC;
	padding:5px 0;
}
ul.listNews li p, ul.listFile li p {
	float:left;
	margin-bottom:0;
}
ul.listNews li p { width:80%;}
ul.listFile li p { width:76%;}
ul.listFile li { margin:10px 0;}
ul.listNews li p.date { width:20%;}
ul.listFile li p.size { width:24%;}
ul.listFile li p.size { text-align:right;}
ul.listFile li p.size { text-align:right;}
dl.listDoc dt {
	clear:both;
	width:23%;
	float:left;
}
dl.listDoc dd {
	width:77%;
	float:left;
	margin:0 0 10px 0;
}
dl.listQa dt, dl.listQa dd {
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 10px;
}
dl.listQa dt {
	background-color:#F2F2F2;
	margin:0 0 2px 0;
}
dl.listQa dd { margin:0 0 10px 0;}
dl.listQa span.cap {
	width:5%;
	float:left;
}
dl.listQa .txt {
	width:95%;
	float:left;
}
dl.listQa p { margin-bottom:0;}

/* Basic Layout -------------------------------------------------------------------------------*/
.col1, .col2, .col3, .col4 { margin:0 10px 40px 10px;}
.col .col1 p, .col .col2 p, .col .col3 p, .col .col4 p { margin:5px 0 0;}
.col1 p, .col2 p, .col3 p, .col4 p { margin:0 0 1.5em 10px;}
.col2 .inner, .col3 .inner, .col4 .inner {
	float:left;
	margin:0 20px 0 0;
}
.col2 .inner { width:335px;}
.col3 .inner { width:216px;}
.col4 .inner { width:157px;}
#fullContents .col2 .inner { width:445px;}
#fullContents .col3 .inner { width:290px;}
#fullContents .col4 .inner { width:212px;}
#fullContents ul.listCol2 li {
	width:440px;
	float:left;
	padding:0 0 0 15px;
	margin:5px 20px 5px 0;
}
#fullContents ul.listCol3 li {
	width:281px;
	float:left;
	padding:0 0 0 15px;
	margin:5px 20px 5px 0;
}
#fullContents ul.listCol4 li {
	width:202px;
	float:left;
	padding:0 0 0 15px;
	margin:5px 20px 5px 0;
}

/* Font Design -------------------------------------------------------------------------------*/
.align_l { text-align:left;}
.align_c { text-align:center;}
.align_r { text-align:right;}
.SNtxtS,
.txtS { font-size:84%;}
.mgn_zero_auto {
	width: 300px;
	margin: 0 auto;
	border: 1px solid #ff0000;
}
.misumi_strong {
	color:#EA5E00!important;
	font-weight:bold!important;
}
.error { color:#cc0000;}
.check { color:#FF3300;}
.bold {
	font-size:134%;
	font-weight:bold;
}
.bold2 { font-weight:bold;}
.boldb {
	font-size:134%;
	font-weight:bold;
	color:#002B71;
}
.boldb2 {
	font-weight:bold;
	color:#002B71;
}

/* Table Design -------------------------------------------------------------------------------*/
caption { margin:0 0 3px 0;}
table.nom-tbl {
	border-collapse:collapse;
	border-spacing:0;
}
table.spt-tbl {
	border-collapse:separate;
	border-spacing:1px;
}
table.nom-tbl, table.spt-tbl, table.big-tbl { margin:0 0 20px 0;}
table.nom-tbl th, table.nom-tbl td, table.spt-tbl th, table.spt-tbl td {
	border:1px solid #CCCCCC;
	padding:10px;
}
table.big-tbl th, table.big-tbl td {
	border:1px solid #CCCCCC;
	padding:5px;
}
table.nom-tbl th, table.spt-tbl th, table.big-tbl th {
	background-color:#F2F2F2;
	font-weight:bold;
}
tr.align_c th, tr.align_c td { text-align:center;}
tr.align_r th, tr.align_r td { text-align:right;}

/* Box Layout -------------------------------------------------------------------------------*/
.imgBox { margin:0 0 20px 0;}
.imgBox img {
	float:left;
	margin:0 10px 0 0;
}
.imgBox50, .imgBox100, .imgBox150, .imgBox240, .imgBox350 { margin:0 0 20px 0;}
.imgBoxImg {
	float:left;
	margin:0 10px 0 0;
}
.imgBoxTxt { float:left;}
.imgBox50 .imgBoxImg { width:50px;}
.imgBox50 .imgBoxTxt { width:650px;}
.imgBox100 .imgBoxImg { width:100px;}
.imgBox100 .imgBoxTxt { width:600px;}
.imgBox150 .imgBoxImg { width:150px;}
.imgBox150 .imgBoxTxt { width:550px;}
.imgBox240 .imgBoxImg { width:240px;}
.imgBox240 .imgBoxTxt { width:460px;}
.imgBox350 .imgBoxImg { width:350px;}
.imgBox350 .imgBoxTxt { width:350px;}
.imgBoxCap { margin:0 0 20px 0;}
.imgBoxCap .ibcInner {
	float:left;
	margin:0 10px 10px 0;
}
.SNtxtS { margin-bottom: 1.5em;}

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

popup

==================================================================================== */
#popup #header {
	background-color:#F2F2F2;
	margin:0 0 20px 0;
	padding:5px 0;
}
#popup #header div.inner, #popup #contents {
	width:480px;
	margin:0px auto;
}
#popup.ppL #header div.inner, #popup.ppL #contents { width:750px;}
#popup #header div.inner p.misumi {
	float:left;
	width:106px;
	height:18px;
	background-position: 0 -227px;
}
#popup #header div.inner p.title {
	float:left;
	width:50%;
	font-weight:bold;
	font-size:14px;
}
#popup #footer { padding:10px 0;}
#popup #footer p.copyRight { margin:0;}
#popup p.btnGr {
	width:120px;
	margin:20px auto 0 auto;
}


/* leftArea
==================================================================================== */
#leftArea {
	width: 205px;
	float: left;
	text-align: left;
	position: relative;
	line-height: 160%;
}
#leftArea a { text-decoration:none;}
#leftArea a:hover { text-decoration:underline;}
#leftArea .section { margin: 0 0 15px 0;}
#leftArea span.secBtm {
	display: block;
	width: 100%;
	height: 3px;
	background: url(/common/img/left.png?rev=20110818) no-repeat 0 -72px;
}
* html #leftArea span.secBtm { font-size: 1px;}
#leftArea h2, #leftArea h3, #leftArea h4 {
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}
#leftArea .section h2 {
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-weight: bold;
	color: #666;
	background: url(/common/img/left.png?rev=20110818) no-repeat 0 -43px;
}
#leftArea .tagTitle {
	margin: 3px 5px 0;
	padding: 3px 10px;
	font-size: 93%;
	font-weight: bold;
	background-color: #f0f0f0;
}

*:first-child+html #leftArea h3 { padding-bottom: 2px;}
#leftArea h3 {
	font-weight: bold;
	line-height:130%;
	color: #1664ea;
	font-weight: bold;
	padding: 5px 10px 5px 22px;
}
* html #leftArea h3 { padding-bottom: 2px;}
*:first-child+html #leftArea h3 { padding-bottom: 2px;}
#leftArea h3 {
	font-weight: bold;
	line-height:130%;
	color: #1664ea;
	font-weight: bold;
	padding: 5px 10px 5px 22px;
}
#leftArea h4 { color: #666;}
#leftArea .menuList li h3 a.photoSrc {
	margin: 0;
	position: static;
	display: inline;
	padding: 2px 25px;
	margin: 0 0 0 5px;
	background: url(/common/img/left.png?rev=20110818) no-repeat -156px -191px;
}
* html #leftArea .menuList li h3 a.photoSrc {
	margin: 0 0 -4px 5px;
	padding: 0 25px 16px 25px;
}
*:first-child+html #leftArea .menuList li h3 a.photoSrc {
	width: 50px;
	height: 16px;
	margin: 0 0 -4px 5px;
	padding: 0;
}
#leftArea .menuList li h3 a.photoSrc:hover { background-position: -155px -226px;}
#leftArea .menuList li h3 a.photoSrc span { display: none;}
#leftMenu {
	width:203px;
	margin:0 0 10px 0;
	border:1px solid #dfdfdf;
}
#leftMenu ul {
	padding:10px 8px 5px 8px;
	border-bottom:1px solid #dfdfdf;
}
#leftMenu ul ul {
	padding:10px 3px 0 0;
	border-bottom:none;
}
#leftMenu li { margin:0 0 10px 0;}
#leftMenu li a { display: block;}

#leftMenu h2, #leftMenu h2.inq a {
	width:183px;
	margin:0 5px 0 5px;
	padding:7px 5px 3px 5px;
	color:#333;
	font-size:100%;
	font-weight:bold !important;
	border-bottom:3px solid #0169C6;
	border-left:none;
}
#leftMenu h2.inq {
	margin:0;
	padding:0;
	border:none;
}
#leftMenu h2.inq a {
	display:block;
	width:167px;
	background-position: -122px -1870px;
	padding:7px 5px 3px 21px;
}
#leftMenu h2.inq a:hover {
	text-decoration:none;
	border-bottom:3px solid #0030cf;
	background-position: -123px -1925px;
}
#leftArea #leftMenu h3{ padding: 10px 10px 0 10px !important;}
#leftMenu .mark2 li, #leftMenu .mark2 { background-position: -131px -988px;}
#leftMenu .mark3 li, #leftMenu .mark3 { background: url(/common/img/sprite_common.gif) no-repeeat -190px -71px;}
#leftMenu ul.mark2, #leftMenu ul.mark3 { background:none;}

/* menuList
==================================================================================== */
#leftArea ul.menuList, #leftArea ul.sortList { background: url(/common/img/left.png?rev=20110818) repeat-y 0 -263px;}
#leftArea .menuList li a {
	margin: 0 3px 0 1px;
	position: relative;
	display: block;
	padding: 5px 10px;
	line-height:130%;
	transition: background-color 0.2s ease-out;/* default */
	-webkit-transition: background-color 0.2s ease-out;/* For Safari,GC */
	-moz-transition: background-color 0.2s ease-out;/* For Up FF4 */
}
* html #leftArea .menuList li a {
	zoom: 1;
	padding-bottom: 2px;
}
*:first-child+html #leftArea .menuList li a {
	zoom: 1;
	padding-bottom: 2px;
}
#leftArea .menuList li a:hover {
	text-decoration: none;
	background-color: #FFF;
}
#leftArea .menuList li a span {
	display: block;
	cursor: pointer;
}
#leftArea .menuList li.parent a {
	padding-left: 20px;
	background: url(/common/img/misumiec.png?rev=20110818) no-repeat -123px -1158px;
}
#leftArea .menuList li.top a {
	padding-top: 10px;
	background-position: -123px -1153px;
}
#leftArea .menuList li.btm a { padding-bottom: 10px!important;}
#leftArea .menuList li a.mark3 {
	padding: 5px 10px 5px 25px;
	background: url(/common/img/misumiec.png?rev=20110818) no-repeat -118px -1422px;
}
#leftArea .menuList li.parent a:hover, #leftArea .menuList li a.mark3:hover { background-color: #FFF;}
#leftArea .tree li a { padding-left: 29px;}

/* caption
==================================================================================== */
#leftArea span.caption {
	visibility: hidden;
	position: absolute;
	left: 152px;
	bottom: 15px;
	z-index: 10;
	border: 1px solid #4f4d4c;
	border-radius: 4px;/* default */
	-webkit-border-radius: 4px;/* For Safari,GC */
	-moz-border-radius: 4px;/* For Up FF4 */
}
#leftArea .menuList li a:hover span.caption { visibility: visible;}
#leftArea span.caption span.main {
	position: relative;
	width: 220px;
	padding: 7px;
	font-size: 10px;
	color: #FFF;
	background: #666;
	box-shadow: 2px 2px 6px #666;/* default */
	-webkit-box-shadow: 2px 2px 6px #666;/* For Safari,GC */
	-moz-box-shadow: 2px 2px 6px #666;/* For Up FF4 */
}
#leftArea span.caption span.btm {
	position: absolute;
	left: 20px;
	bottom: -7px;
	z-index: 11;
	width: 8px;
	height: 8px;
	background: url(/common/img/left.png?rev=20110818) no-repeat -189px 0;
}
* html #leftArea span.caption span.btm { bottom: -12px;}

/* grandCategory
==================================================================================== */
#leftArea #grandCategory {
	width: 201px;
	background-image: none;
	background-color: #FFF;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 27px;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 4px #CCC;/* default */
	-webkit-box-shadow: 1px 1px 4px #CCC;/* For Safari,GC */
	-moz-box-shadow: 1px 1px 4px #CCC;/* For Up FF4 */
}
#grandCategory li a {
	margin: 0!important;
	transition: background 0.2s ease-out;/* default */
	-webkit-transition: background 0.2s ease-out;/* For Safari,GC */
	-moz-transition: background 0.2s ease-out;/* For Up FF4 */
}
#grandCategory li a:hover { background-color: #f2f2f2!important;}
#leftArea #grandCategory span.caption span.btm { background: url(/common/img/left.png?rev=20110818) no-repeat -197px 0;}
.exist { display: block!important;}
#categoryArr {
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 9px;
	top: 9px;
	cursor: pointer;
	background: url(/common/img/left.png?rev=20110818) no-repeat -192px -20px;
}

/* sortList
==================================================================================== */
#leftArea .sortList li { padding: 5px 10px;}
#leftArea .sortList select { width: 100%;}
#txtCateFilterKeyword {
	border: 1px solid #7F9DB9;
	height: 22px;
	line-height: 22px;
}
* html #txtCateFilterKeyword { width: 181px!important;}
#chkNewProduct, #chkFilterRohs { margin: 0 0.5em 0 0;}
#leftArea .listCol2 li {
	width: 92px;
	float: left;
	padding: 0;
}

/* others
==================================================================================== */
#others {
	border: 1px solid #DFDFDF;
	border-radius: 4px;/* default */
	-webkit-border-radius: 4px;/* For Safari,GC */
	-moz-border-radius: 4px;/* For Up FF4 */
	box-shadow: 0 1px 1px #ededed;/* default */
	-webkit-box-shadow: 0 1px 1px #ededed;/* For Safari,GC */
	-moz-box-shadow: 0 1px 1px #ededed;/* For Up FF4 */
}
#others h2 {
	color: #666;
	font-weight: bold;
	padding: 10px 10px 0 10px;
}
#others li.mark2, #others li.mark3 {
	background: none;
	margin: 0;
	padding: 0;
}
#others li a {
	display: block;
	padding: 3px 10px 3px 24px;
}
* html #others li a { width: 169px;}
#others li.mark2 a { background: url(/common/img/misumiec.png?rev=20110818) no-repeat -123px -985px;}
#others li.mark3 a { background: url(/common/img/misumiec.png?rev=20110818) no-repeat -120px -1423px;}
#others li a:hover {
	background-color: #F2F2F2;
	text-decoration: none;
}
* html #others { position: relative;}
#others li.btm a { padding-bottom: 10px;}

/* btnBl
==================================================================================== */
.sortList .btnBl {
	width: 118px;
	padding: 10px 0 10px 2px!important;
	margin: 0 auto;
	background: url(/common/img/misumiec.png?rev=20110818) no-repeat -164px -547px;
}
.sortList .btnBl a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0 3px 0 0;
	cursor: pointer;
	background: url(/common/img/misumiec.png?rev=20110818) no-repeat -20px -603px;
}
.sortList .btnBl a:visited { color: #FFF;}
.sortList .btnBl a:hover { text-decoration: underline!important;}
.sortList .btnBl a span {
	height: 28px;
	line-height: 26px;
	text-align: center;
	display: block;
	background: url(/common/img/misumiec.png?rev=20110818) repeat-x -136px -575px;
}

/* recentViewed
==================================================================================== */
#recentViewed {
	border: 1px solid #DFDFDF;
	border-radius: 4px;/* default */
	-webkit-border-radius: 4px;/* For Safari,GC */
	-moz-border-radius: 4px;/* For Up FF4 */
	box-shadow: 0 1px 1px #ededed;/* default */
	-webkit-box-shadow: 0 1px 1px #ededed;/* For Safari,GC */
	-moz-box-shadow: 0 1px 1px #ededed;/* For Up FF4 */
	margin: 20px 0 0 0;
}
#recentViewed h2 {
	font-weight: bold;
	color: #1664EA;
	padding: 10px 10px 0 10px;
}
#recentViewed ul a {
	display: block;
	padding: 5px 10px;
}
#recentViewed ul a:hover {
	background: #f2f2f2;
	text-decoration: none;
}
#recentViewed ul a span {
	width: 49px;
	float: left;
	margin-right: 10px;
}
#recentViewed p.mark2b {
	margin: 0 10px 5px 5px;
	background: none;
}
* html #recentViewed p.mark2b { margin: 0 5px 5px 5px;}
#recentViewed p.mark2b a {
	padding: 0 0 0 15px;
	background: url(/common/img/misumiec.png?rev=20110818) no-repeat -131px -989px;
}


/* borderBox -------------------------------------------------------------------------------*/

.borderBox { border-top: 1px solid #D5D5D5;}
.borderBox .bbInner {
	margin:0 0 20px;
	border-bottom: 1px solid #D5D5D5;
}
.borderBox .bbInner .bBox, .borderBox .bbInner .imgBox, .borderBox .bbInner .imgBox50, .borderBox .bbInner .imgBox100, .borderBox .bbInner .imgBox150, .borderBox .bbInner .imgBox240, .borderBox .bbInner .imgBox350, .borderBox .bbInner .imgBoxCap {
	border-right:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	margin:0;
	padding:11px 10px 12px;
}
.borderBox .bbInner .imgBox50 p, .borderBox .bbInner .imgBox100 p, .borderBox .bbInner .imgBox150 p, .borderBox .bbInner .imgBox240 p, .borderBox .bbInner .imgBox350 p, .borderBox .bbInner .imgBoxCap p {
	border:none;
	padding:0;
}
.borderBox .imgBox, .borderBox .imgBox50, .borderBox .imgBox100, .borderBox .imgBox150, .borderBox .imgBox240, .borderBox .imgBox350, .borderBox .imgBoxCap { margin:0;}
.borderBox .imgBox50 .imgBoxTxt { width:628px;}
.borderBox .imgBox100 .imgBoxTxt { width:578px;}
.borderBox .imgBox150 .imgBoxTxt { width:528px;}
.borderBox .imgBox240 .imgBoxTxt { width:438px;}
.borderBox .imgBox350 .imgBoxTxt { width:328px;}

/* Basic Layout -------------------------------------------------------------------------------*/
.SNcol1,
.SNcol2,
.SNcol3,
.SNcol4 { margin:0 10px 40px 10px;}
.SNcol2 .SNinner,
.SNcol3 .SNinner,
.SNcol4 .SNinner {
	float:left;
	margin:0 20px 0 0;
}
.SNcol2 .SNinner { width:345px;}
.SNcol3 .SNinner { width:220px;}
.SNcol4 .SNinner { width:160px;}
#fullContents .SNcol2 .SNinner { width:455px;}
#fullContents .SNcol3 .SNinner { width:296px;}
#fullContents .SNcol4 .SNinner { width:217px;}

/*------------------------------------------------------

add_20120206

------------------------------------------------------*/
.page1 .container,
#contentArea .container {
	float: left;
	width: 950px;
}
#subContents {
	float: right;
	width: 220px;
	height: 235px;
	background-color: #999;
}
.page1 #subContents {
	width: 950px;
	margin-bottom: 20px;
}

/*------------------------------------------------------

include sign

------------------------------------------------------*/
/*------------------------------------------------------

catalog include
(/maker/misumi/,/contents/catalog/ etc)
/contents/catalog/include/left.html

watanabe
------------------------------------------------------*/
#leftArea #leftMenu ul.catalog_left h3 { padding: 0 10px 5px 0!important;}
table{ width:100%;}

/* add */
.chasinMidashi {
	padding: 5px 0px;
	margin-bottom: 10px;
	color: #3366CC;
	font-weight: bold;
	font-size: 110%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.txtblueB,
.txtredB {
	font-size: 12px;
	font-weight: bold;
}
.txtblue,
.txtblueB { color: #1E90FF;}
.txtred,
.txtredB { color: #DD0000;}
.text-jb09q {
	font-size: 9px;
	font-weight: bold;
}
.text-jb08q {
	font-size: 8px;
	font-weight: bold;
}
.txtblue,
.txtblueB,
.txtred,
.txtredB,
.text-jb09q,
.text-jb08q { margin-bottom: 1.5em;}


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

ClearFix

==================================================================================== */
.cf:after,
.SNcol1:after,
.SNcol2:after,
.SNcol3:after,
.SNcol4:after,
#contents:after,
.col1:after,
.col2:after,
.col3:after,
.col4:after,
.listCol2:after,
.listCol3:after,
.listCol4:after,
ul.listNews li:after,
ul.listFile li:after,
dl.listDoc:after,
dl.listQa dt:after,
dl.listQa dd:after,
.imgBoxCap:after,
.pageNum:after,
.imgBox:after,
.imgBox50:after,
.imgBox100:after,
.imgBox150:after,
.imgBox240:after,
.imgBox350:after,
.borderBox:after,
#recentViewed:after,
#recentViewed li a:after,
.section:after,
#leftArea .listCol2:after,
#recentViewed:after,
#recentViewed li a:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
}
*:first-child+html .cf,
*:first-child+html .SNcol1,
*:first-child+html .SNcol2,
*:first-child+html .SNcol3,
*:first-child+html .SNcol4,
*:first-child+html #contents,
*:first-child+html .col1,
*:first-child+html .col2,
*:first-child+html .col3,
*:first-child+html .col4,
*:first-child+html .listCol2,
*:first-child+html .listCol3,
*:first-child+html .listCol4,
*:first-child+html ul.listNews li,
*:first-child+html ul.listFile li,
*:first-child+html dl.listDoc,
*:first-child+html dl.listQa dt,
*:first-child+html dl.listQa dd,
*:first-child+html .imgBoxCap,
*:first-child+html .pageNum,
*:first-child+html .imgBox,
*:first-child+html .imgBox50,
*:first-child+html .imgBox100,
*:first-child+html .imgBox150,
*:first-child+html .imgBox240,
*:first-child+html .imgBox350,
*:first-child+html .borderBox,
*:first-child+html #recentViewed,
*:first-child+html #recentViewed li a,
*:first-child+html .section,
*:first-child+html #leftArea .listCol2,
*:first-child+html #recentViewed,
*:first-child+html #recentViewed li a {
	display:inline-table;
	min-height:1%;
}
* html .cf,
* html .SNcol1,
* html .SNcol2,
* html .SNcol3,
* html .SNcol4,
* html #contents,
* html .col1,
* html .col2,
* html .col3,
* html .col4,
* html .listCol2,
* html .listCol3,
* html .listCol4,
* html ul.listNews li,
* html ul.listFile li,
* html dl.listDoc,
* html dl.listQa dt,
* html dl.listQa dd,
* html .imgBoxCap,
* html .pageNum,
* html .imgBox,
* html .imgBox50,
* html .imgBox100,
* html .imgBox150,
* html .imgBox240,
* html .imgBox350,
* html .borderBox,
* html #recentViewed,
* html #recentViewed li a,
* html .section,
* html #leftArea .listCol2,
* html #recentViewed,
* html #recentViewed li a { height:1%;}

/* Spaceing Design -------------------------------------------------------------------------------*/
/* padding-top */
.pad_t0,
.SNpad_t0 { padding-top:0px!important;}
.pad_t5,
.SNpad_t5{ padding-top:5px!important;}
.pad_t10 { padding-top:10px!important;}
.pad_t15 { padding-top:15px!important;}
.pad_t20 { padding-top:20px!important;}
.pad_t25 { padding-top:25px!important;}
.pad_t30 { padding-top:30px!important;}
.pad_t35 { padding-top:35px!important;}
.pad_t40 { padding-top:40px!important;}

/* padding-right */
.pad_r0 { padding-right:0px!important;}
.pad_r5 { padding-right:5px!important;}
.pad_r10 { padding-right:10px!important;}
.pad_r15 { padding-right:15px!important;}
.pad_r20 { padding-right:20px!important;}
.pad_r25 { padding-right:25px!important;}
.pad_r30 { padding-right:30px!important;}
.pad_r35 { padding-right:35px!important;}
.pad_r40 { padding-right:40px!important;}
/* padding-bottom */
.pad_b0 { padding-bottom:0px!important;}
.pad_b5 { padding-bottom:5px!important;}
.pad_b10 { padding-bottom:10px!important;}
.pad_b15 { padding-bottom:15px!important;}
.pad_b20 { padding-bottom:20px!important;}
.pad_b25 { padding-bottom:25px!important;}
.pad_b30 { padding-bottom:30px!important;}
.pad_b35 { padding-bottom:35px!important;}
.pad_b40 { padding-bottom:40px!important;}
/* padding-left */
.pad_l0 { padding-left:0px!important;}
.pad_l5 { padding-left:5px!important;}
.pad_l10 { padding-left:10px!important;}
.pad_l15 { padding-left:15px!important;}
.pad_l20 { padding-left:20px!important;}
.pad_l25 { padding-left:25px!important;}
.pad_l30 { padding-left:30px!important;}
.pad_l35 { padding-left:35px!important;}
.pad_l40 { padding-left:40px!important;}
/* margin-top */
.mgn_t0 { margin-top:0px!important;}
.mgn_t5 { margin-top:5px!important;}
.mgn_t10 { margin-top:10px!important;}
.mgn_t15 { margin-top:15px!important;}
.mgn_t20 { margin-top:20px!important;}
.mgn_t25 { margin-top:25px!important;}
.mgn_t30 { margin-top:30px!important;}
.mgn_t35 { margin-top:35px!important;}
.mgn_t40 { margin-top:40px!important;}
/* margin-right */
.mgn_r0 { margin-right:0px!important;}
.mgn_r5 { margin-right:5px!important;}
.mgn_r10 { margin-right:10px!important;}
.mgn_r15 { margin-right:15px!important;}
.mgn_r20 { margin-right:20px!important;}
.mgn_r25 { margin-right:25px!important;}
.mgn_r30 { margin-right:30px!important;}
.mgn_r35 { margin-right:35px!important;}
.mgn_r40 { margin-right:40px!important;}
/* margin-bottom */
.mgn_b0 { margin-bottom:0px!important;}
.mgn_b5 { margin-bottom:5px!important;}
.mgn_b10 { margin-bottom:10px!important;}
.mgn_b15 { margin-bottom:15px!important;}
.mgn_b20 { margin-bottom:20px!important;}
.mgn_b25 { margin-bottom:25px!important;}
.mgn_b30 { margin-bottom:30px!important;}
.mgn_b35 { margin-bottom:35px!important;}
.mgn_b40 { margin-bottom:40px!important;}
/* margin-left */
.mgn_l0 { margin-left:0px!important;}
.mgn_l5 { margin-left:5px!important;}
.mgn_l10 { margin-left:10px!important;}
.mgn_l15 { margin-left:15px!important;}
.mgn_l20 { margin-left:20px!important;}
.mgn_l25 { margin-left:25px!important;}
.mgn_l30 { margin-left:30px!important;}
.mgn_l35 { margin-left:35px!important;}
.mgn_l40 { margin-left:40px!important;}

/* !!! Don't Edit !!! */
