media print {
  body { zoom:85% }
}

/* general */
html { height:100%; margin:0px; padding:0px; }
body { height:100%; margin:0px; padding:0px; color:#333; background-color:#abb5c1; }
form, h1, h2, h3 { margin:0px; padding:0px; }
strong { font-weight:bold; }

table { text-align:left; }

a:link    { color:#234b9b; text-decoration:underline; }
a:visited { color:#234b9b; text-decoration:underline; }
a:hover   { color:#234b9b; text-decoration:underline; }
a:active  { color:#234b9b; text-decoration:underline; }

/* text properties */
.fs80  { font-size:80%;  }
.fs100 { font-size:100%;  }
.fs120 { font-size:120%; }

.fs80a  { font-size:80%;  line-height:120%; }
.fs100a { font-size:100%;  line-height:120%; }
.fs120a { font-size:120%; line-height:120%; }

.fs12pt { font-size:12pt; }
.fs10pt { font-size:10pt; }
.fs8pt  { font-size:8pt;  }

/* layout */
.page-body { background-color:#fff; }
.page-body-l1 { background-image:url(/resource/image/common/body_bg_l.gif); }
.page-body-l3 { background-image:url(/resource/image/common/body_bg_r.gif); }

.header { margin-left:8px; }
.hdr0 { background-color:#0048c6; }
.hdr1 { background-color:#0048c6; }
.hdr2 { background-color:#cfdbef; }

*.hdr0-srch-input { width:132px; height:10px; padding:1px; background-color:#80a4e3; font-size:10px; border:solid 1px #b3c8ee; }

.footer { margin-left:8px; }
.ftr0 { background-color:#0048C6; }
.ftr0-b1 { color:#fff; font-size:70%; }
.ftr0-b2 { color:#fff; font-size:70%; font-family:Arial; }
.ftr0 a:link, .ftr0 a:visited { color:#fff; text-decoration:none; }
.ftr0 a:hover, .ftr0 a:active { color:#fff; text-decoration:underline; }

.main-content { margin-left:8px; }

.delimiter { font-size:70%; }
.delimiter a:link, .delimiter a:visited { color:#333; text-decoration:underline; }
.delimiter a:hover, .delimiter a:active { color:#333; text-decoration:underline; }

.lnk-pagetop { padding-bottom:8px; }

/* misc */
.line { width:100%; height:1px; background-color:#cfdbef; }
.dotline { width:100%; height:1px; background-image:url(); }

/*
.ime-on { ime-mode:active; }
.ime-off { ime-mode:inactive; }
*/

*.nowrap { white-space:nowrap; }

*.arrow { padding-right:4px; }
*.arrow-v { padding-top:4px; }
*.arrow-v-s { padding-top:2px; }
*.list-v { padding-top:2px; }

.fg-default { color:#0048c6; }
.fg-sensor  { color:#6e87e1; }
.fg-switch  { color:#a57db4; }
.fg-safety  { color:#e6aa14; }
.fg-relay   { color:#dc3723; }
.fg-control { color:#ff7828; }
.fg-fasys   { color:#82c837; }
.fg-etc     { color:#6e8296; }
.fg-plc     { color:#82c837; }

.bg-default { background-color:#0048c6; }
.bg-sensor  { background-color:#6e87e1; }
.bg-switch  { background-color:#a57db4; }
.bg-safety  { background-color:#e6aa14; }
.bg-relay   { background-color:#dc3723; }
.bg-control { background-color:#ff7828; }
.bg-fasys     { background-color:#82c837; }
.bg-etc     { background-color:#6e8296; }
.bg-plc     { background-color:#82c837; }

.bg-motion     { background-color:#c8ca66; }


.line-default { background-color:#80a4e2; }
.line-sensor  { background-color:#b7c3f0; }
.line-switch  { background-color:#d2beda; }
.line-safety  { background-color:#f3d58a; }
.line-relay   { background-color:#ee9b91; }
.line-control { background-color:#ffbc94; }
.line-fasys   { background-color:#c1e49b; }
.line-etc     { background-color:#b7c2c4; }
.line-plc     { background-color:#c1e49b; }

.bg-ttl1     { background-color:#234B9B; }
.fg-ttl1     { color:#234B9B; }

.ttl1 { background-color:#0048C6; }
.ttl1-name { color:#fff; font-size:10pt; }
.ttl1-line-bg { background-color:#80A4E2; }
.ttl1-text { color:#fff; }
a.ttl1-text:link, a.ttl1-text:visited, a.ttl1-text:hover { color:#fff; }

.subttl1-b1 { color:#0048C6; }
.subttl1-b2 { font-weight:bold; }
.subttl1-line { background-color:#333; }

.nvsrch-body { background-color:#dee7ed; }
.nvsrch-comment { color:#666; font-size:70%; }
*.nvsrch-input { width:160px; height:13px; padding:1px; font-size:12px; border:solid 1px #465c7d; }

.navi-head { background-color:#7896CD; }
.navi-head-text { color:#fff; }
.navi-head-text a:link    { color:#fff; text-decoration:underline; }
.navi-head-text a:visited { color:#fff; text-decoration:underline; }
.navi-head-text a:hover   { color:#fff; text-decoration:underline; }
.navi-body { background-color:#cfdbef; }
.navi-body-default { background-color:#dde6f4; }
.navi-body-current { background-color:#335fc3; }
.navi-body-test { background-color:#ECF1F9; }

.frm1-bg1 { background-image:url(/resource/image/common/frm1_bg_01.jpg); }
.frm1-bg2 { background-image:url(/resource/image/common/frm1_bg_02.jpg); }
.frm1-bg3 { background-color:#bebebe; }
.frm1-bg4 { background-color:#efefef; }

.frm2-bg1 { background-image:url(/resource/image/common/frm2_bg_01.gif); }
.frm2-bg2 { background-image:url(/resource/image/common/frm2_bg_02.gif); }
.frm2-bg3 { background-color:#6699ff; }
.frm2-bg4 { background-color:#d6e3ff; }

.frm3-bg1 { background-image:url(/resource/image/common/frm3_bg_01.jpg); }
.frm3-bg2 { background-image:url(/resource/image/common/frm3_bg_02.jpg); }
.frm3-bg3 { background-color:#cc3333; }
.frm3-bg4 { background-color:#ffe4e4; }
.frm3-txt { color:#cc0000; }
.frm3-message a:link    { color:#cc0000; text-decoration:underline; }
.frm3-message a:visited { color:#cc0000; text-decoration:underline; }
.frm3-message a:hover   { color:#cc0000; text-decoration:underline; }

/* frm7 and 8 */
.frm7-bg1 { background-image:url(/resource/image/common/frm7_bg_01.gif); }
.frm7-bg2 { background-image:url(/resource/image/common/frm7_bg_02.gif); }
.frm7-bg3 { background-color:#44ADBD; }
.frm7-bg4 { background-color:#BAE0E8; }
.frm7-txt { color:#cc0000; }

td.comment, div.comment { color:#666; font-size:90%; line-height:120%; }

/* header search */
#multi-srch-form { margin:9px 0 0 0; padding:0; }
#multi-srch-input { padding:1px; width:161px; height:14px; font-size:12px; border:solid 1px #3366cc; }
#multi-srch-btn { margin-left:5px; }
#multi-srch-tabs { margin:0 0 2px 1px; }
.multi-srch-tab { cursor:pointer; }