.clearfix:after,
.pageNav .pageNum:after,
.contentsWrap:after,
.titleBlock .titleBlock__container:after,
.topicPath:after,
.contentsWrap .mainArea__pagelink ul:after,
.crmRecommendList__box .item .item__box:after,
.contentsWrap .unitArea_box ul:after,
.contentsWrap .mAssemblerArea > ul:after {
  clear: both;
}
body,
div,
pre,
form,
fieldset,
input,
textarea,
p,
th,
td {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
ul,
ol,
li,
dl,
dt,
dd {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
fieldset,
img,
a img {
  border: 0 none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}
th {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
hr {
  display: none;
}



#contentArea,
.techWrapper {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 20px;
  z-index: 2;
}
#contentArea .container {
  float: left;
  width: 1200px;
}
.titleBlock {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #333;
  line-height: 1.3;
}

.topRightNav,
.page2 #incNavArea {
  float: right;
  width: 220px;
}
.topRightNav .rightBnrArea,
.topRightNav .rightBtnArea li,



/* breadClumb
==================================================================================== */
#breadClumb {
	margin: 15px auto 10px;
	padding-left: 20px;
	width: 1200px;
	font-size: 14px;
}
#breadClumb > li {
	display: inline-block;
}
#breadClumb > li > a {
	margin-right: 5px;
	text-decoration: none;
}
.emergency {
	margin: 0 0 20px 0;
}
.emergency a {
	display: block;
	color: red;
	font-size: 18px;
	font-weight: bold;
	
	padding: 20px;
	border: 2px solid red;
	text-decoration: none;
}
/* ====================================================================================

rightArea h1 h2 h3

==================================================================================== */
#rightArea {
	width: 1200px;
	margin-left:0px;
}

#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;
}
#fullContents h2,
#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;
}
#fullContents h3,
#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;
}
/* ====================================================================================

leftArea

==================================================================================== */
#leftArea {
	width: 205px;
	float: left;
	line-height: 130%;
}
#leftArea a {
	text-decoration: none;
}
#leftArea a:hover {
	text-decoration: underline;
}
#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;
}

#usr li {
	margin-left: 11px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: left;
	background: url(..//common/img/snippet/mark.gif?rev=20110915) no-repeat left center transparent;
}
* html #login_box img {
	vertical-align: baseline;
}
* html #login_box div.login_area img {
	vertical-align: top;
}
*:first-child+html #login_box img {
	vertical-align: top;
}
#login_msg_box span.mark3 {
	background-position: -126px -1427px;
}

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

mainArea

==================================================================================== */
#mainArea {
	width: 950px;
}
#mainArea .dummyMain {
	width: 950px;
	height: 400px;
	background-color: #eee;
}
/* recentViewed if you edit regarding source [/mech/css/left.css] should be edited too.
==================================================================================== */
#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;/* Conflict with /shared/css/style.css */
	margin: 0 10px 5px 5px;
}
* html #recentViewed p.mark2b {
	margin: 0 5px 5px 5px;
}
#recentViewed p.mark2b a {/* Insert from misumiec.css */
	padding: 0 0 0 15px;
	background-position: -131px -989px;
}
/* ====================================================================================

Parts

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

/* Link Design -------------------------------------------------------------------------------*/
.news ul li a,
.marknm a,
.mark2 a,
.mark22 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,
.mark22 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,
.idx li,
.idx,
.mark2b,
.mark2c,
.mark2d,
.mark3 li,
.mark3,
.mark3b,
.mark5,
.mark6 li,
.mark6,
.mark6b,
.pdf,
.xls,
.doc,
.zip {
padding:0 0 0 15px;
margin:0 0 5px 0;
list-style:none;
}

.l-userArea_upgrade {
  text-align: center;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 12px;
}

.l-userArea_upgrade .upgrade-txt {
  margin-bottom: 5px;
}

.l-userArea_upgrade .l-upgrade-btn,
.new-l-headerLead__baloon .l-upgrade-btn {
  display: inline-block;
  height: 28px;
  background-color: #003399;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  text-align:center;
  text-decoration: none;
  margin-left:10px;
}
.l-userArea_upgrade .l-upgrade-btn {
  width:85px;
}
.new-l-headerLead__baloon .l-upgrade-btn {
  width:122px;
}
.l-upgrade-btn:hover {
  background:#335BAD;
}
.l-upgrade-btn.add_to {
  background:#ffcc00;
  color:#333333;
  margin-left:8px;
}
.l-upgrade-btn.add_to:hover {
  background-color: #FFEA99;
}
.l-userBox {
  margin-top: 10px;
  padding: 9px 9px 8px;
  border: 1px solid #a7a7a7;
  font-size: 14px;
}

.l-top__aside .l-userBox:first-child,
.l-nav .l-userBox:first-child,
.sideArea .l-userBox:first-child,
#incNavArea .l-userBox:first-child {
  margin-top: 0;
}

.l-userBox__ttl,
.l-userBox__ttl--usermenu {
  margin: -10px -10px 10px;
  padding: 6px 20px 4px;
  background-color: #0098d8;
  font-weight: bold;
  color: #fff;
}

.l-userBox__ttl a,
.l-userBox__ttl--usermenu a {
  text-decoration: underline !important;
  color: #fff !important;
}

.l-userBox__ttl a:hover,
.l-userBox__ttl--usermenu a:hover {
  color: #025fae !important;
}

.l-userBox__ttl {
  font-size: 16px;
}

.l-userBox__ttl--usermenu {
  font-size: 14px;
}

.l-userBox__ttlsub {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
}

.l-userBoxInner {
  margin-top: 7px;
  border-top: 1px dotted #a7a7a7;
  padding: 8px 10px 0;
}

[class^="l-userBox__ttl"] + .l-userBoxInner {
  padding-top: 0;
  border-top: none;
}

.l-linkList--1of2 {
  margin-left: -15px;
  font-size: 0;
}

.l-linkList--1of2 > li {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  margin-top: 6px;
  padding-left: 15px;
  vertical-align: top;
  font-size: 14px;
}

.l-nav .l-linkList--1of2 > li,
.sideArea .l-linkList--1of2 > li,
#incNavArea .l-linkList--1of2 > li {
  display: block;
  width: auto;
}