/* ====================================== */
/* clearfix */
.clearfix:after, .index .body > ul > li:after, .archive .body > ul > li:after, .index .body .date:after, .archive .body .date:after, .index .category:after, .archive .category:after, .detail .dataGroup:after { content: ""; display: table; clear: both;}
.clearfix, .index .body > ul > li, .archive .body > ul > li, .index .body .date, .archive .body .date { /* clearfix is already applied */}

/* ====================================== */
/* main */
.body { background: #fff;}
.mod_main h1{ position: relative; margin: 0 0 30px; padding: 15px 0px; height: 59px; line-height: 59px; color: #004c9f; font-size: 1.8em;font-weight:normal; }


.mod_main th,
.mod_main td{
  padding: 5px 10px;
  line-height: 1.8;
	border:1px solid #c6d6e8;
  vertical-align: middle;
	font-size: 0.95em;  
}
.mod_main th{
  background-color: #dae3ef;
}

.mod_main h2{color: #333;font-size: 1.2em;font-weight: normal; 
}
.vn_body li{font-size: 1.2em;  margin-top:1em; margin-bottom:1em;
}
/* index, archive */
.index .category, .archive .category { /* clearfix is already applied */ margin: 10px 0 -1px; width: 100%; height: 42px;}
.index .category li, .archive .category li { position: relative; float: left; display: inline; margin: 5px 0 0 2px; padding: 0 15px; min-width: 100px; height: 37px; line-height: 37px; color: #004c9f; font-weight: normal; text-align: center; behavior: url("/common/js/PIE.htc"); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f0f4f9; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTdmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: linear-gradient(to bottom, #f0f4f9 0%, #dde7f2 100%); -pie-background: linear-gradient(to bottom, #f0f4f9 0%, #dde7f2 100%); border-radius: 3px 3px 0 0; border: 1px solid #b2c9e2; cursor: pointer;}
.en .index .category li, .en .archive .category li {font-size:0.85em;}
.index .category li:hover, .archive .category li:hover { background-color: #f0f4f9; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZTdmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: linear-gradient(to bottom, #f0f4f9 0%, #dde7f2 100%); -pie-background: linear-gradient(to bottom, #f0f4f9 0%, #dde7f2 100%); background-color: rgba(240, 244, 249, 0.7); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmOSIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGU3ZjIiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: linear-gradient(to bottom, rgba(240, 244, 249, 0.7) 0%, rgba(221, 231, 242, 0.7) 100%); -pie-background: linear-gradient(to bottom, rgba(240, 244, 249, 0.7) 0%, rgba(221, 231, 242, 0.7) 100%);}
.index .category li:first-child, .index .category li.pie_first-child, .archive .category li:first-child, .archive .category li.pie_first-child { margin: 5px 0 0 0;}
.index .category li.active, .archive .category li.active { margin: 0 0 0 2px; height: 42px; line-height: 42px; color: #004c9f; -pie-background: #fff; background: #fff; border-bottom-color: #fff;font-weight:bold;}
.index .category li.active:hover, .archive .category li.active:hover { -pie-background: #fff; background: #fff;}
.index .category li.active:first-child, .index .category li.active.pie_first-child, .archive .category li.active:first-child, .archive .category li.active.pie_first-child { margin: 0;}
.index .body, .archive .body { border: 1px solid #b2c9e2;}
.index .body > ul, .archive .body > ul { margin: 10px 0;}
.index .body .removeBorder, .archive .body .removeBorder { border: none;}
.index .body > ul > li, .archive .body > ul > li { clear: both; margin: 0 15px; padding: 10px 0; border-top: 1px dotted #ccc;}
.index .body > ul > li:first-child, .archive .body > ul > li:first-child { border: none;}
.index .body .date, .archive .body .date { float: left;}
.index .body .publishdate, .archive .body .publishdate { position: relative; float: left; display: block; padding: 0 0 0 21px;font-size:0.85em;}
.index .body .publishdate:before, .archive .body .publishdate:before { position: absolute; content: ""; display: block; top: 50%; left: 0; margin: -6px 0 0; width: 14px; height: 11px; background: url("/common/images/bg_arrow_sprite.png") no-repeat 0 0;}
.index .body .icon, .archive .body .icon { float: left; display: block; margin: 0 10px; width: 75px; height: 13px; background: url("/common/images/bg_category.png") no-repeat;}
.index .body .icon.new_product, .archive .body .icon.new_product { background-position: 0 0;}
.index .body .icon.release, .archive .body .icon.release { background-position: 0 -13px;}
.index .body .icon.inventory, .archive .body .icon.inventory { background-position: 0 -26px;}
.index .body .icon.dev_cases, .archive .body .icon.dev_cases { background-position: 0 -39px;}
.index .body .icon.exhibition, .archive .body .icon.exhibition { background-position: 0 -52px;}
.index .body .icon.campaign, .archive .body .icon.campaign { background-position: 0 -65px;}
.en .index .body .icon, .en .archive .body .icon { background-image: url("/common/images/bg_category_en.png");}
.index .body .title, .archive .body .title { float: left; width: 490px;line-height: 1.7;margin-bottom:0.7em; }
.index .body .title a, .archive .body .title a { font-weight:bold;color: #333}
.index .body .title h3, .archive .body .title h3 { position: relative; margin-top: -2px; font-weight: bold;font-size:0.9em;}
.index .body .title p, .archive .body .title p { margin: 5px 0 0;font-size:0.85em;color:#333;}

/* detail */
.detail .mod_main .contents.with-menu h1{ clear: both; margin: 15px 0; padding: 15px 0 15px 5px; height: auto; line-height: 1.4; border: none;font-size:1.65em;}

.detail .mod_main .contents.with-menu h1:before{ display: none;}
.detail .contents { position: relative; padding: 15px; background: #fff; border: 1px solid #b2c9e2;}

.detail .contents h1 + p{ margin: 0 0 15px; padding: 8px 15px; line-height: 1.4; color: #004c9f; font-weight: bold; font-size: 1.333em; background: #eef3f8;}
.detail .dataGroup { /* clearfix is already applied */}
.detail .dataGroup .catIcon { float: left; display: block; width: 98px; height: 18px; background: url("/common/images/bg_category_large.png") no-repeat;}
.en .detail .dataGroup .catIcon { background-image: url("/common/images/bg_category_large_en.png");}
.detail .dataGroup .catIcon.new_product { background-position: 0 0;}
.detail .dataGroup .catIcon.release { background-position: 0 -18px;}
.detail .dataGroup .catIcon.inventory { background-position: 0 -36px;}
.detail .dataGroup .catIcon.dev_cases { background-position: 0 -54px;}
.detail .dataGroup .catIcon.exhibition { background-position: 0 -72px;}
.detail .dataGroup .catIcon.campaign { background-position: 0 -90px;}
.detail .dataGroup .date { float: right; height: 18px; line-height: 18px; font-size: 1.083em;}
.detail .exhibition_status { margin: 15px 0 0; width: 100%; border: 1px solid #c6d6e8;}
.detail .exhibition_status th, .detail .exhibition_status td { padding: 7px 10px; border: 1px solid #c6d6e8;}
.detail .exhibition_status th { width: 120px; color: #333; text-align: left; background: #EFF6F5;font-size:1em;font-weight:normal;}
.detail .exhibition_status td { background: #fff;font-size:1em;}
.detail .exhibition_status .capacity { font-weight: bold;}
.detail .body p { margin-bottom:1.2em; line-height: 1.8; font-size: 1em;padding-left:5px;}
.detail .body p a{ border-bottom:1px dotted #03a2b0; color:#333; }
.vn_url_is_full .vn_title_link .vn_title,
.mod_main .vn_url_is_empty .vn_title{color:#333;font-weight:normal;}
.vn_body  a{color:#0059B3;font-weight:normal;font-size:1em;margin-bottom:1.5em; line-height: 2; 
	border-bottom:1px dotted #03a2b0; 
}

div.body.vn_body h3{
position: relative;
margin: 15px 0px 5px 5px;
padding: 15px 12px 5px 0px;
color:
#004c9f;
font-weight: bold;
font-size: 1.2em;
}

html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body section ul.tii_list_normal,
html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body section p,
html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body section ul
{
margin: 0px 0px 15px 15px;
}

html body.detail div#container.mod_container div.mod_main div.contents.with-menu div.body.vn_body section ul li a{
font-size:0.9em;
}

/* ====================================== */
/* menu */
/* ====================================== */