@charset "iso-8859-1";

/*
INDEX
000. COMMON
001. TOP
002. SERVICES
003. CASE STUDY
004. SUPPORT
005. COMPANY
006. IR
007. PRESS
008. RECRUITING
009. SITEMAP
010. CONTACT US
011. TERMS OF USE
012. PRIVACY POLICY
*/


/* 000. COMMON */
body {
    padding: 0px;
    margin: 0px;
    background: #cccccc url("../img/bg.gif") center top;
    text-align: center;
}

img {
    border: 0px;
}

h1 {
    padding: 0px;
    margin: 0px;
    clear: both;
    height: 37px;
}
h2 {
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
    height: 15px;
}
h3, h4 {
    padding: 0px;
    margin: 0px;
}
h3.border, h4.border {
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
}
h3.topMargin, h4.topMargin {
    padding: 0px;
    margin: 1em 0px 0px 0px;
}

p {
    padding: 0px;
    margin: .2em 0px 1em 0px;
}

p.border {
    padding: 0px 0px 1em 0px;
    margin: .2em 0px 1em 0px;
    border-bottom: 1px solid #cccccc;
}

ul, ol {
    padding: 0px;
    margin: 0px 0px 2em 0px;
}

div.borderTop, ul.borderTop {
    padding: 1em 0px 1em 0px;
    margin: 0px 0px 1em 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

div.border, ul.border {
    padding: 0px 0px 1em 0px;
    margin: .2em 0px 1em 0px;
    border-bottom: 1px solid #cccccc;
}

ul.borderMarker {
    padding: 0px 0px 1em 0px;
    margin: .2em 0px 1em 0px;
}
ul.borderMarker li {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    list-style-type: none;
    line-height: 17px;
    clear: both;
    width: 546px;
}
ul.borderMarker li div {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    float: left;
    width: 12px;
}
ul.borderMarker li p {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    float: right;
    border: none;
    width: 534px;
    height: auto;
}

li img, ol img {
    vertical-align: middle;
}

li.noMarker, ul.noMarker li {
    margin-left: 0em;
    list-style-type: none;
}

div.border ul li, div.border ol li {
    margin-bottom: 0em;
}

ul.noMargin, ol.noMargin {
    margin-bottom: 0em;
}
ul.noMargin li, ol.noMargin li {
    margin-bottom: 0em;
    margin-top: 0em;
}

ul.dateList {
    padding: 0px 0px 30px 0px;
    margin: 0px;
}
ul.dateList li {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    list-style-type: none;
    clear: both;
    width: 546px;
}
ul.dateList li div {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    float: left;
    width: 90px;
}
ul.dateList li h2, ul.dateList li h3, ul.dateList li h4 {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    float: right;
    border: none;
    width: 456px;
    height: auto;
}

ul.normalMarker {
    padding: 0px;
    margin: 0px;
}
ul.normalMarker li {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    list-style-type: none;
    clear: both;
    width: 546px;
}
ul.normalMarker li div {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    float: left;
    width: 12px;
}
ul.normalMarker li p {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    float: right;
    border: none;
    width: 534px;
    height: auto;
}

.footer {
    padding: 0px;
    margin: 0px;
    line-height: 1em;
    border-bottom: 2px solid #808080;
    height: 19px;
}

caption {
    text-align: left;
}

.indent1 {
    margin-left: 1em;
}

ul.indent1 li, ol.indent1 li {
    margin-left: 2em;
}

.getReader {
    padding: 0px;
    margin: 0px;
}

.getReader img {
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

.getReader p {
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

.allClear {
    clear: both;
}


#body {
    padding: 0px;
    margin: 0px auto 0px auto;
    background: #ffffff;
    width: 752px;
    text-align: left;
}

#content {
    padding: 0px;
    margin: 0px;
    width: 752px;
}

#cLeft {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 196px;
}

#cCenter {
    padding: 0px;
    margin: 0px 0px 0px 14px;
    float: left;
    width: 342px;
}

#cRight {
    padding: 0px;
    margin: 0px 0px 0px 14px;
    float: right;
    width: 186px;
}

#cNormal {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    float: right;
    width: 546px;
}

#header {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    width: 752px;
}

#footer {
    padding: 10px 0px 25px 0px;
    margin: 0px;
    clear: both;
    width: 752px;
}

#logo {
    padding: 0px;
    margin: 0px;
    float: left;
    height: 50px;
}

#gMenu {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: right;
    height: 20px;
}

#menu {
    padding: 0px;
    margin: 0px;
    clear: right;
    float: right;
    width: 394px;
    height: 20px;
}

#sideMenu {
    padding: 0px;
    margin: 0px 0px 12px 0px;
    border-bottom: 1px solid #cccccc;
}

.mainImg {
    padding: 0px;
    margin: 0px 0px 12px 0px;
    line-height: 1em;
}

#topPhoto2 {
    padding: 0px;
    margin: 0px;
    clear: both;
    height: 263px;
}
    
#h2Top01 {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
    width: 184px;
    height: 124px;
}

td {
    padding: 2px 0px 2px 0px;
}

.more {
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.cap {
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

#pagetop {
    padding: 0px;
    margin: 30px 0px 0px 0px;
    text-align: right;
}

.caution {
    color: #cc0000;
}

table + p, table + address, table + div, table + h3, table + h4 {
    padding-top: 2em;
}

.fL {
    float: left;
}
.fR {
    float: right;
}

dl {
    padding: 0px;
    margin: 0px;
}

dt {
    padding: 0px;
    margin: 0px;
}

dd {
    padding: 0px;
    margin: 0px 0px 1em 2em;
}


/* 001. TOP */
#cTopLeft {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 352px;
}

#topPhoto {
    padding: 0px;
    margin: 0px;
    clear: both;
    height: 365px;
}

h1.top {
    padding: 0px;
    margin: 0px;
    height: 19px;
}

h3.top {
    padding: 0px;
    margin: 0px;
    border: none;
    height: 19px;
}

.topH3 {
    padding: 0px;
    margin: 10px 0px 20px 0px;
    width: 186px;
}

.topH3 .img {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    float: left;
    width: 55px;
}
.topH3 p {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    float: right;
    width: 120px;
}

h1.top {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
ul.top li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
ul.top li div {
    padding: 0px;
    margin: 0px 0px .5em 0px;
    float: left;
    vertical-align: middle;
    width: 12px;
}
ul.top li h2 {
    padding: 0px;
    margin: 0px 0px .5em 0px;
    float: right;
    width: 330px;
    height: auto;
    border: none;
}




/* 002. SERVICES */
.serviceTopList {
    padding: 0px;
    margin: 0px 6px 30px 0px;
    float: left;
    width: 132px;
    line-height: 1.1em;
}

.serviceTopListRight {
    padding: 0px;
    margin: 0px 0px 30px 0px;
    float: left;
    width: 132px;
    line-height: 1.1em;
}

.serviceTopListRest {
    padding: 0px;
    margin: 0px 0px 30px 0px;
    float: left;
    width: 408px;
    line-height: 1.1em;
}

.serviceTopList h2, .serviceTopListRight h2, .serviceTopListRest h2 {
    padding: 0px;
    margin: 7px 0px 7px 0px;
    border: none;
    height: auto;
}

#serviceTitle {
    padding: 0px;
    margin: 0px 0px 30px 0px;
    float: left;
    width: 350px;
}

#serviceTitle h2 {
    padding: 0px;
    margin: 0px;
    border: none;
    height: auto;
}

#serviceTitle p {
    margin: 0px;
}

#serviceCaseStudy {
    padding: 0px 5px 0px 0px;
    margin: 0px;
    float: right;
    text-align: right;
    width: 150px;
}

.serviceH3 {
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

.serviceH3 h3 {
    padding: 0px;
    margin: 0px;
}

.serviceH3 p {
    margin: 0px;
}

.serviceLeft {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 350px;
}

.serviceLeft p {
    margin: 0px;
}

.serviceRight {
    padding: 0px;
    margin: 0px;
    float: right;
    width: 186px;
}

ul.serviceList {
    padding: 0px;
    margin: 0px;
}
ul.serviceList li.left {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    list-style-type: none;
    vertical-align: middle;
    float: left;
    width: 170px;
}
ul.serviceList li.right {
    padding: 0px;
    margin: .3em 0px .2em 0px;
    list-style-type: none;
    vertical-align: middle;
    float: right;
    width: 170px;
}

.serviceH4 {
    padding: 0px;
    margin: 0px;
    clear: both;
}

.serviceH4Border {
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #cccccc;
}

.serviceH4 h4 {
    padding: 0px;
    margin: 4px 0px 0px 0px;
}

.serviceH4 p {
    margin: 0px;
}

.serviceH4Left {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 350px;
}

.serviceH4Left p {
    margin: 0px;
}

.serviceH4Right {
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 10px;
    float: right;
    width: 186px;
}

.serviceH4Right p {
    margin: 0px;
}

/* 003. CASE STUDY */




/* 004. SUPPORT */
#supportTitle {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    width: 546px;
    height: 82px;
}

#supportChart {
    padding: 0px;
    margin: 0px 0px 30px 0px;
    clear: both;
    width: 752px;
    height: 380px;
}

#supportChart01 {
    position: absolute;
    padding: 0px;
    margin: 0px 0px 0px 78px;
    top: 355px;
    visibility: hidden;
}
#supportChart02 {
    position: absolute;
    padding: 0px;
    margin: 0px 0px 0px 80px;
    top: 515px;
    visibility: hidden;
}
#supportChart03 {
    position: absolute;
    padding: 0px;
    margin: 0px 0px 0px 225px;
    top: 365px;
    visibility: hidden;
}
#supportChart04 {
    position: absolute;
    padding: 0px;
    margin: 0px 0px 0px 380px;
    top: 305px;
    visibility: hidden;
}
#supportChart05 {
    position: absolute;
    padding: 0px;
    margin: 0px 0px 0px 365px;
    top: 460px;
    visibility: hidden;
}



/* 005. COMPANY */
dl.companyoutline {
    padding: 0px;
    margin: 0px;
    width: 546px;
}
dl.companyoutline dt {
    padding: 4px 0px 4px 0px;
    margin: 0px;
    border-top: 1px solid #cccccc;
    float: left;
    width: 176px;
}
dl.companyoutline dd {
    padding: 4px 0px 4px 0px;
    margin: 0px;
    border-top: 1px solid #cccccc;
    float: right;
    width: 370px;
}
dl.companymanageLeft {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 270px;
}
dl.companymanageRight {
    padding: 0px;
    margin: 0px;
    float: right;
    width: 270px;
}
dl.companymanageLeft dt {
    padding: 0px 0px 4px 0px;
    margin: 0px;
    float: left;
    width: 140px;
}
dl.companymanageLeft dd {
    padding: 0px 0px 4px 0px;
    margin: 0px;
    float: left;
    width: 130px;
}
dl.companymanageRight dt {
    padding: 0px 0px 4px 0px;
    margin: 0px;
    float: left;
    width: 80px;
}
dl.companymanageRight dd {
    padding: 0px 0px 4px 0px;
    margin: 0px;
    float: left;
    width: 190px;
}

#tableCompanyOrganization {
    padding: 0px;
    margin: 0px;
    width: 546px;
}
#tableCompanyOrganization td.head {
    vertical-align: top;
    width: 145px;
}
#tableCompanyOrganization td.data {
    vertical-align: top;
    width: 401px;
}
    
#tableCompanyHistory {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
    width: 546px;
}
#tableCompanyHistory td {
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #cccccc;
}
#tableCompanyHistory td.head {
    vertical-align: top;
    width: 175px;
}
#tableCompanyHistory td.data {
    vertical-align: top;
    width: 371px;
}

    


/* 006. IR */




/* 007. PRESS */
#pressArticle h2 {
    padding: 1px 0px 1px 0px;
    border-top: 1px solid #cccccc;
}
#pressArticle h3 {
    padding: 0px;
    margin: 0px 0px .5em 0px;
}

#pressArticle .date {
    padding: 0px;
    margin: 0px;
}
#pressArticle .pressArticleborder {
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #cccccc;
}
#pressArticle .posCenter {
    text-align: center;
}
#pressArticle .posRight {
    text-align: right;
}
#pressArticle .posLeft {
    text-align: left;
}
#pressArticle div {
    padding: 0px;
    margin: 0px;
}
#pressArticle h4 {
    padding: 0px;
    margin: 0px 0px .5em 0px;
}

#pressArticle p {
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

#pressArticle address {
    padding: 15px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}


/* 008. RECRUITING */
.ceoLeft {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 376px;
}

.ceoLeft p {
    margin: 0px;
}

.ceoRight {
    padding: 0px;
    margin: 0px;
    float: right;
    width: 160px;
}

.listLeft {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 268px;
}

.listRight {
    padding: 0px;
    margin: 0px;
    float: right;
    width: 268px;
}
ul.noMarker li, ul.noMarker li {
    margin: 0px;
}

#tableRecruiting {
    padding: 0px;
    margin: 0px;
    width: 546px;
}
#tableRecruiting td.head {
    vertical-align: top;
    width: 100px;
}
#tableRecruiting td.data {
    vertical-align: top;
    width: 446px;
}

#tableRecruitingStep {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
    width: 546px;
}
#tableRecruitingStep td {
    border-top: 1px solid #cccccc;
    padding: 15px 0px 15px 0px;
}
#tableRecruitingStep td.head {
    vertical-align: top;
    width: 140px;
}
#tableRecruitingStep td.data {
    vertical-align: top;
    width: 406px;
}



/* 009. SITEMAP */
.sitemapList {
    padding: 0px;
    margin: 0px;
    clear: both;
}
.sitemapListBorder {
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #cccccc;
}
.sitemapList h2 {
    padding: 0px;
    margin: 20px 0px 20px 0px;
    border: none;
    float: left;
    width: 216px;
    height: auto;
}
.sitemapList p {
    padding: 20px 0px 20px 0px;
    margin: 0px;
    float: right;
    width: 320px;
}



/* 010. CONTACT US */
.contactArea {
    padding: 1em 0em 0em 0em;
    margin: 0em;
    border-top: 1px solid #cccccc;
    clear: both;
}
.contactCity {
    padding: 0px;
    margin: 0px;
    width: 300px;
    float: right;
}
.contactArea h3 {
    padding: 0px;
    margin: 0px;
    width: 300px;
}
.contactArea h2 {
    color: #333333;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 200px;
    border: none;
}
.contactCity .last {
    padding-bottom: 1em;
}
.contactCity .border {
    margin-top: 0em;
}


/* 011. TERMS OF USE */




/* 012. PRIVACY POLICY */