@charset "utf-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 color code
 green => #14902D
	
* * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
 line-height: 1.4;
 font-size: 14px;
 text-align: center;
}

.imageWrapper {
 background: #FFF url(../image/common/bg_ess_back.png) repeat-x left 3px;
}

.imageWrapperNonav {
 background: #FFF url(../image/common/bg_ess_back-single.png) repeat-x left 3px;
}

div#wrapper {
 margin: 0 auto;
 width: 870px;
 text-align: left;
}

/******************************************************

               header style

******************************************************/

#header {
 margin-bottom: 20px;
 height: 205px;
 border-top: 3px solid #65C097;
}

.headerInner {
 position: relative;
 width: 960px;
 background: url(../image/common/bg_header.png) no-repeat left top;
 margin: 0 auto;
}

.imageWrapperNonav #header {
 height: 160px;
}

.headerInner h1 {
 position: absolute;
 top: 120px;
 height: 2.0em;
 text-align: left;
 font-size: 12px;
 font-weight: normal;
}

p.logoImg {
 text-align: left;
 padding: 35px 0 62px 5px;
}

/******************************************************

               navigation style

******************************************************/

/* global navigation
---------------------------------------------- */

div#header ul.global-nav {
 line-height: 0; /* no-space */

}

div#header ul.global-nav li {
 width: 160px;
 float: left;
 display: block;
 margin: 0 0 0 0;
}


/* else navigation
---------------------------------------------- */

#page-nav {
 margin-bottom: 25px;
}

ul.nav-mini li {
 display: inline-block;
 /display: inline;
 /zoom: 1;
}


ul.sub-nav li {
 display: inline;
}

ul.nav-mini {
 position: absolute;
 right: 5px;
 top: 0;
}

#header ul.nav-mini {
 height: 118px;
 text-align: right;
 padding-top: 30px;
}

#header ul.nav-mini li {
 padding-left: 10px;
}

#header ul.nav-mini li img {
 vertical-align: middle;
}

.productList span,
.helpList span,
.renewList span {
 display: inline-block;
 vertical-align: middle;
 width:20px;
 height: 20px;
}

.productList span {
 background: url(../image/common/ico_nav_mini.png) no-repeat left top;
}

.helpList span {
 background: url(../image/common/ico_nav_mini.png) no-repeat left -25px;
}

.renewList span {
 background: url(../image/common/ico_nav_mini.png) no-repeat left -50px;
}

div#page-nav ul.nav-mini {
 margin-bottom: 1.0em;
}

ul.sub-nav {
 text-align: center;
 margin-bottom: 2.0em;
}

ul.sub-nav li {
 margin-right: 5px;
}

ul.law-nav li {
 margin: 0 0 5px 5px;
}

div#cits-nav {
 width: 90%;
 margin: 10px 43px 15px 0px;
 padding:0pt 0pt 0pt 25px;
 font-size:12px;
 text-align: left;
}

p.suborderNav {
 margin-left: 620px;
 padding-left: 15px;
 background: url(../image/common/ico_tri_green.gif) no-repeat 0px 6px;
}

/******************************************************

               footer style

******************************************************/
div#footer {
 text-align: center;
 padding: 30px 0.5em;
 background: #14902D url(../image/common/bg_footer.png) repeat-x left top;
 font-size: 12px;
}

div#footer,
div#footer a {
 color: #fff;	
}

ul.subNav {
	margin: 0.5em;
	padding: 0;
	background: transparent;
	text-align: center;
}

ul.subNav li {
	display: inline;
	padding-left:3px;
	line-height: 1.2;
}

ul.subNav li a {
	margin-right:3px;
}


address {
 font-style: normal;
 font-size: 10px;
}

#footer address a {
 text-decoration: none; 
}

/******************************************************

               common style

******************************************************/

#single h2.top-image {
 margin-bottom: 15px;
}

h3 {
 margin-top: 50px;
 margin-bottom: 15px;
}

#single #main div.section,
#single #main div.top-section {
 margin-bottom: 4.0em;
 padding: 0 2.0em;
}

.section p {
 margin: 0 0 20px 15px;
}

.pagetop {
 margin-right: 10px;
 font-size: 11px;
 margin-bottom: 1.0em;
}

.center {
 text-align: center;
}

div.nav {
 margin-left: 6px;
 margin-bottom: 1.0em;
}

div.nav p {
 font-size: 11px;
}

.red {
 color: #FF0000 ;
}

strong {
 font-weight: 700;
}

.fontSmall {
 color: #666;
 font-size: 11px;
}

/******************************************************

               close

******************************************************/

#close {
 background: url(../image/common/bg_border-middle.png) repeat-y left top;
 margin: 30px 0 25px;
}

.closeTrial, .closeOrder {
 width: 417px;
 height: 420px;
 float: left;
 background: url(../image/common/bg_border-bottom.png) no-repeat left bottom;
}

.closeTrial {
 margin-right: 20px;
}

#close h3 {
 margin: 0;
}

#close p {
 text-align: center;
 margin: 0;
}

#close .downloadForm {
 width: 390px;
 background: #ECECEC;
 padding: 10px 5px;
 margin: 0 auto;
}

#close .downloadForm p {
 font-size: 13px;
 text-align: left;
}

#single #main div.section div.section {
 margin-bottom: 3.0em;
 padding: 0;
}

p.btn-download {
 position: absolute;
 left: 395px;
 top: 185px;
 width: 254px;
 height: 66px;
}


p.error {
 position: absolute;
 left: 370px;
 top: 125px;
 width: 310px;
 font-size: 10px;
}

p.send {
 position: absolute;
 left: 370px;
 top: 130px;
 width: 310px;
 font-size: 10px;
}

.close-center {
 text-align: center;
 margin-bottom: 3.0em;
}

/******************************************************

               eset navigation

******************************************************/
.esetNavigation {
 color: #FFF;
 font-size: 12px;
 font-weight: 700;
 text-shadow: #000 1px 1px 2px;
 text-align: left;
 background: #FFF;
}

.esetNavigationInner {
 background: #565656;
 border-top: 1px solid #7B7B7B;
}

.esetNavigation a:hover {
 text-shadow: #FFF 0px 0px 3px;
}

.esetNavigation .nav {
 position: relative;
 width: 960px;
 height: 39px;
 margin: 0 auto;
}

.esetNavigation a {
 color: #FFF;
 text-decoration: none;
}

.esetNavigation ul {
 display: inline;
 position: absolute;
 top: 8px;
 left: 150px;
}

.esetNavigation li {
 float: left;
 height: 20px;
 line-height: 20px;
 padding-right: 30px;
}

.navEset {
 padding-right: 20px;
}

.navFacebook {
 position: absolute;
 top: 8px;
 right: 0;
}

.esetActive a {
 color: #65C097;
}

/* icon set */

.icoEset span {
 display: inline-block;
 vertical-align: middle;
 width: 20px;
 height: 20px;
 background-image: url(../image/common/ico_eset.png);
 background-repeat: no-repeat;
 margin-right: 3px;
}

/* normal and hover */
.esetWin span {
 background-position: left top;
}

.esetWin a:hover span {
 background-position: left -20px;
}

.esetMac span {
 background-position: -20px top;
}

.esetMac a:hover span {
 background-position: -20px -20px;
}

.esetFacebook span {
 background-position: -40px top;
}

.esetFacebook a:hover span {
 background-position: -40px -20px;
}

/* active */

.esetWinActive span {
 background-position: left -40px;
}

.esetWinActive a:hover span {
 background-position: left -60px;
}

.esetMacActive span {
 background-position: -20px -40px;
}

.esetMacActive a:hover span {
 background-position: -20px -60px;
}