@charset "shift_jis";

/*
    File name          : enduser_style_nn_en_jp3.css
    Description        : create new file css for language english
    Author             : Tam Pham
    Date created       : 20190528
    History:
        20190528: [ZERODEFIDE-702] @tam.pham init
		20190805: [ZERODEFIDE-706] tam.pham fix layout broken
		20190828: [ZERODEFIDE-706] tam.pham add font
		20190926: [ZERODEFIDE-706] tam.pham remove font-face
 */

/* 20190805: [ZERODEFIDE-706] tam.pham START */
@import url("detail_jp3.css");
@import url("manual_nn_z2.css");
@import url("detail_nn_en_jp3.css");
/* 20190805: [ZERODEFIDE-706] tam.pham END */
/* 20190926: [ZERODEFIDE-706] @tam.pham START */
/* 20190926: [ZERODEFIDE-706] @tam.pham END */
/* 20190805: [ZERODEFIDE-706] tam.pham START */
/* 20190805: [ZERODEFIDE-706] tam.pham END */

/* general style */

body {  color: #333333; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
SELECT {  font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TEXTAREA {  font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
PRE {  font-size: small;}

/* box elements(HTML) */

TABLE.gray {  background-color: #FFFFFF; border: 1px #999999 solid}
TABLE.gray-top-enq {  background-color: #FFFFFF; border: 1px #BBBBBB solid}
TABLE.graph {  background-color: #F3F2E7; border: 1px #CCCCCC solid; font-size: small; color: #999999; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TABLE.crumb {  margin:15px; border-bottom:1px solid #CCCCCC}
TABLE.label-service {  font-size: small; background-color: #F3F2E7;  font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TABLE.welcome {  background-color: #FAF6EB; border: 2px #DB7560 solid}

TD.login {  background-image:  url(../image/login_back_jp3.gif); background-repeat: repeat-y}
TD.head2 {  background-image:  url(../image/bg_enduser_jp3.gif); background-repeat: repeat}
TD.head3 {  background-image:  url(../image/bg_enduser_contents_jp3.gif); background-repeat: repeat}
TD.nav {  background-image:  url(../image/nav_back_enduser_jp3.gif); background-repeat: repeat-x}
TD.line-tpc {  background-image:  url(../image/topics_back_jp3.gif); background-repeat: repeat-x}
TD.bg-enq {  background-image:   url(../../image/enquete_photo_bg_jp3.gif); background-repeat: repeat-y}
TD.line-con {  background-image:   url(../../image/con_line_jp3.gif); background-repeat: repeat-y}
TD.line-manu { background-image: url(../../service/manual/image/tt_manu_line_jp3.gif); background-repeat: repeat-x }
TD.line-undertt { background-image: url(../image/line_undertitle_jp3.gif); background-repeat: repeat-x }
TD.label-v {  background-image:   url(../image/line_label_v_jp3.gif); background-repeat: repeat-y}
TD.label-h {  background-image:   url(../image/line_label_h_jp3.gif); background-repeat: repeat-x}
TD.contents {  background-image:   url(../../image/con_back_jp3.gif); background-repeat: repeat-x}
TD.sitemap {  background-image:   url(../../image/sitemap_title_bg_jp3.gif); background-repeat: repeat-x}
TD.welcome {  font-size: small; color: #FFFFFF; background-color: #DB7560; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-ivory {    background-color: #F3F2E7; font-size: small;color: #663300; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-ivory-2 {  background-color: #F3EED1; font-size: small;color: #663300; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-ivory-b {    background-color: #F3F2E7; font-size: small;color: #663300; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-white{    background-color: #FFFFFF; font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-white-2{  background-color: #FFFBE7; font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-gray-f8{    background-color: #F8F8F8; font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-blue{    background-color: #D3D9EB; font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-red {  background-color: #FFEFE8; font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.tbl-red-2 {  background-color: #FFD8C7; font-size: small;color: #FF6600; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.menu{    background-color: #F3F2E7; border: 1px #CCCCCC solid; font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TD.topmenu{    background-color: #EFEFEF; border: 1px #CCCCCC solid;}

/* inline elements(HTML) */
INPUT {  font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
INPUT.button-l {   background-color: #F3F2E7; font-size: small; color: #333333; width: 150px; margin: 10px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
INPUT.button-m {   background-color: #F3F2E7; font-size: small; color: #333333; width: 150px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
INPUT.button-s {   background-color: #F3F2E7; font-size: small; color: #333333; width: 80px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
INPUT.button-ss {   background-color: #F3F2E7; font-size: small; color: #333333; margin: 2px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
SELECT {  font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
TEXTAREA {  font-size: small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
HR.footer {  height: 7px; background-color: #CCCCCC; border-width: 0px; }

A:Hover{text-decoration: underline;color:#990000;}
OL{margin-top:5px; font-size: small; line-height: 140%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
UL{margin-top:5px; font-size: small; line-height: 140%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
UL.onedown{margin-top:5px; font-size: x-small; line-height: 140%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
UL.base-lh200 { margin-top:5px; font-size: small; line-height: 200%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* backgroud color */
.bg-ivory {  background-color: #F3E8DA}
.bg-beige {  background-color: #DDD5D3}
.bg-head1 {  background-color: #E6DED2}
.bg-pophead {  background-color: #C49F64}
.bg-graph-blue1 {  background-color: #0000FF}
.bg-graph-blue2 {  background-color: #00C0FF}
.bg-graph-green {  background-color: #00805C}
.bg-red {  background-color: #466606}
.bg-head3 {  background-color: #CCCCCC}
.bg-gray-ef {  background-color: #EFEFEF}
.bg-gray-99 {  background-color: #999999}
.bg-gray-ee {  background-color: #EEEEEE}
.bg-gray-cc {  background-color: #CCCCCC}
.bg-gray-dd {  background-color: #DDDDDD}
.bg-orenge {  background-color: #DB7560}
.bg-violet {  background-color: #EAEAEF}
.bg-brown {  background-color: #CEAD7D}
.bg-blue {  background-color: #6072AE}
.bg-green{  background-color: #3C910E}
.bg-purple{  background-color: #A674AE}
.bg-yellow{  background-color: #E6A817}
.bg-welcome{  background-color: #FFFCE8}

/* text style */
.base {	font-size: small; line-height: 130%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.oneup { font-size: medium; line-height: 130%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.twoup { font-size: large;  line-height: 130%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.onedown { font-size: x-small; line-height: 130%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.bold {  font-size: small; font-weight: bold; line-height: 130%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* text color */
.color-darkbrown { font-size: small;color:#663300; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-brown-s { font-size: x-small;color:#996633; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-brown { font-size: small;color:#996633; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-gray-66-s { font-size: x-small;color:#666666; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-white {  font-size: small; color: #FFFFFF; text-decoration:none; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-white-s {  font-size: x-small; color: #FFFFFF; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-red {  font-size: small; color: #990000; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-red-s {  font-size: small; color: #990000; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-gray-66 {  font-size: small; color: #666666; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-gray-66-b {  font-size: small; color: #666666; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-gray-99 {  font-size: small; color: #999999; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-tt-blue {  font-size: small; color: #2F3E99; font-weight: bold; padding-bottom: 10px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-tt-green {  font-size: small; color: #3C910E; font-weight: bold; padding-bottom: 10px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-tt-darkgreen {  font-size: small; color: #466606; font-weight: bold; padding-bottom: 10px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-tt-yellow {  font-size: small; color: #CC8F00; font-weight: bold; padding-bottom: 10px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-tt-red {  font-size: small; color: #990000; font-weight: bold; padding-bottom: 10px; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-red-b {  font-size: small; color: #990000; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-graph-red {  font-size: small; color: #FF3300; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-graph-blue {  font-size: small; color: #003399; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-graph-sky {  font-size: small; color: #00C0FF; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-graph-green {  font-size: small; color: #009933; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-graph-black {  font-size: small; color: #000000; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.manutitle { font-size: medium; line-height: 130%; ;color: #9C6C43; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.muddybrown-oneup { font-size: medium; line-height: 130%; color: #9C6C43; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-important {  font-size: small; color: #C70000; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-new {  font-size: small; color: #CC7014; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.muddybrown-oneup { font-size: medium; line-height: 130%; color: #9C6C43; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* global navigation text */
.navi {  font-size: x-small; color:#996633; text-decoration:none; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.navi-2 {  font-size: small; color:#996633; text-decoration:none; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.menu {  font-size: small; color:#444444; text-decoration:none; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.location {  font-size: small; color:#990000; text-decoration:none; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.color-darkbr-s {  font-size: x-small; color: #663300; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* list */
.manulist-blue {  list-style-image: url("../image/lb_listblue_jp3.gif");}
.manulist-disc {  list-style-type: disc;}
.manulist-circle {  list-style-type: circle;}
.manulist-none-s {  list-style-type: none; font-size: x-small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.manulist-none-disc {  list-style-type: disc; font-size: x-small; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.list-sitemap{ font-size: small; line-height: 140%; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* title text */
.color-tt-blue-l { font-size: 15pt; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN",   sans-serif; color: #2F3E99; font-weight: bold; font-strength: expanded; padding-bottom: 10px;}
.color-tt-purple-l { font-size: 15pt; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN",   sans-serif ;color: #A674AE; font-weight: bold; font-strength: expanded; padding-bottom: 10px;}
.color-tt-green-l { font-size: 15pt; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN",   sans-serif; color: #3C910E; font-weight: bold; font-strength: expanded; padding-bottom: 10px;}
.color-tt-yellow-l { font-size: 15pt; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN",   sans-serif; color: #CC8F00; font-weight: bold; font-strength: expanded; padding-bottom: 10px;}
.color-tt-red-l { font-size: 15pt; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN",   sans-serif; color: #990000; font-weight: bold; font-strength: expanded; padding-bottom: 10px;}

/* copyright */
.copyright { font-size: x-small;color:#999999; font-weight: bold; font-family: "Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* Zero5.1 2048 START */
.tr_annouce{vertical-align:text-top;}
.img_annouce{padding-top:3px; padding-left:3px;}
.color-red-login {
    color: #990000;
    font-size: small;
    line-height: 130%;
    font-family:"Segoe UI", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}
/* Zero5.1 2048 END */

.bg-ivory input[name="username"], .bg-ivory input[name="password"]{
	width: 140px;
}