.clr {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 1%;
}
#container {
    width: 800px; /*for table layout*/
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
#container div, #container table, #container td, #container image {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 0;
    border-style: none;
}

/* header&footer start */
#header {
    width: 800px;
}
#header .logo {
    padding: 5px;
    position: relative;
    height: 100%;
}
#header .logo .txt {
    position: relative;
    left: 346px;
    width: 440px;
}
#header .logo h1 {
    color: #003366;
    font-size: x-small;
    font-weight: normal;
    padding: 2px;
}
#header .alert {
    text-align: center;
    color: Red;
}
#header .logo .img {
    width: 336px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
}
#header .logo .img img {
    border-width: 0;
}
#header .pnlfls {
    border-width: 0;
}
#header .imgmain {
    width: 800px;
    height: 70px;
}
#header .mainmenu {
    background-image: url(images/menu_l_05.gif);
    width: 800px;
    height: 41px;
}
#footer {
    width: 800px;
    height: 102px;
    color: White;
    list-style-type: none;
    position: relative;
}
#footer li, #footer ui {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 0;
    border-style: none;
    line-height: 0;
    vertical-align: bottom;
}
#footer h2, #footer p {
    line-height: normal;
}
#footer li.foot01 {
    width: 359px;
    height: 49px;
    background-image: url(../../images/footer_01.gif);
    background-repeat: no-repeat;
}
#footer li.foot01 h2 {
    font-size: 16px;
    font-weight: normal;
    padding-left: 20px;
    padding-top: 10px;
}
#footer li.foot01 .addr {
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px;
}
#footer li.foot02 {
    width: 441px;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 359px;
}
#footer li.foot02 .navi {
    padding-top: 24px;
}
#footer li.foot03 {
    width: 359px;
    height: 53px;
    background-image: url(../../images/footer_03.gif);
    background-repeat: no-repeat;
}
#footer li.foot03 .tel {
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px;
}
#footer li.foot03 .tel a {
    color: White;
    text-decoration: none;
}
#footer li.foot04 {
    width: 441px;
    height: 53px;
    font-size: 10px;
    background-image: url(../../images/footer_04.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 49px;
    left: 359px;
}
#footer li.foot04 .cr {
    padding-top: 25px;
    padding-left: 125px;
}
/* header&footer end */
.mainContents {
    width: 650px;
}
/* leftmenu start */
.leftMenuBox {
    width: 150px;
    background-color: #d2d2d2;
    background-image: url(../../images/menu_back.jpg);
    background-repeat: repeat-y;
    vertical-align: top;
}
.leftMenuBox .lcate {
    background-image: url(../../images/menu1a.gif);
    background-repeat: repeat-y;
    border-top: white 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.leftMenuBox .lcate a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.leftMenuBox .mcate {
    text-align: left;
}
.leftMenuBox .mcate ul {
    list-style-type: none;
}
.leftMenuBox .mcate li {
    border-top: white 1px solid;
    padding: 3px 3px 3px 3px;
}
.leftMenuBox .mcate a {
    text-decoration: none;
    font-size: 11px;
    display: inline-block;
    background-image: url('../../images/list_01a.gif');
    background-repeat: no-repeat;
    margin: 0;
    padding-left: 17px;
    vertical-align: text-top;
}
/* leftmenu end */
/* product box01 start */
#top_box01 {
    /*background: left top url(../img/top_content_base.gif) repeat-y;*/
    height: 100%;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
#top_box01 .iL {
    float: left;
}
#top_box01 .outer {
    background-image: url(images/back_c01.gif);
    border: 1px solid #CACACA;
    margin: 0 5px 5px 5px;
    width: 640px;
    overflow: auto;
}
#top_box01 .mid {
    background-color: White;
    margin: 5px 0 5px 0;
    width: 2px;
    height: 100%;
}
#top_box01 .inner {
    padding: 5px;
    width: 309px;
    height: 100%;
}
#top_box01 .ti, #top_box00 .ti {
    background-image: url(images/back_c04.gif);
    background-color: #dcdcdc;
    border-bottom: 2px solid #B21E44;
    padding: 5px;
}
#top_box01 .name, #top_box00 .name {
    border-left: 4px solid #B21E44;
}
#top_box01 .name h3, #top_box00 .name h3 {
    text-indent: -0.5em;
    margin-left: 5px;
    font-size: small;
}
#top_box01 a.nLink, #top_box00 a.nLink {
    margin-left: 5px;
    padding: 2px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
#top_box01 a.nLink:hover, #top_box00 a.nLink:hover {
    text-decoration: underline;
    color: #b21e44;
}
#top_box01 .body {
    margin: 5px 0 0 0;
}
#top_box01 .ibox {
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #cacaca;
}
#top_box01 .img, #top_box00 .img {
    vertical-align: bottom;
}
#top_box01 .text {
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
    line-height: 1.5em;
}
/* product box01 end */
/* product box00 start */
#top_box00 {
    /*background: left top url(../img/top_content_base.gif) repeat-y;*/
    height: 100%;
    margin: 0;
    padding: 0;
}
#top_box00 .inner {
    background-image: url(images/back_c01.gif);
    border: 1px solid #CACACA;
    margin: 5px;
    padding: 2px;
    height: 100%;
}

#top_box00 .body {
    margin: 10px;
}
#top_box00 .ibox {
    background-color: #ffffff;
    float: left;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #cacaca;
}
#top_box00 .text {
    line-height: 1.5em;
}
/* product box00 end */

.notes {
    font-size: 90%;
    line-height: 1.4em;
    color: #009999;
    margin-bottom: 5px;
}
/* joboffer company start*/
.table3 {
    width: 100%;
    border-collapse: collapse;
    border: 1px #009999 solid;
    font-size: 95%;
    color: #666666;
    line-height: 1.5em;
}

.table3 td {
    border: 1px #009999 solid;
    padding: 4px;
}

.table3 a:link {
    color: #333333;
    text-decoration: none;
}

.table3 a:visited {
    color: #666666;
    text-decoration: none;
}

.table3 a:hover {
    color: #009999;
    text-decoration: none;
}

.table3 a:active {
    color: #009999;
    text-decoration: none;
}
/* joboffer company end */
/*map address*/
.add_p {
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    line-height: 1.4em;
    text-align: center;
}

/* contact mform start */
table.mfrm {
    border-color: #009999;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
table.mfrm td {
    border-color: #009999;
}

table.mfrm th {
    background-color: #CCCCCC;
    color: #003366;
    border-color: #009999;
}
td.mfrmth {
    background-color: #CCCCCC;
    color: #003366;
    border-color: #009999;
    width: 120px;
}
/* contact mform end */
/*productdetail start */
.grvs2nowrap td {
    white-space: nowrap;
    font-size: 8pt;
}
.grvs2nowrap th {
    white-space: nowrap;
    font-size: 8pt;
}
/*productdetail end */

/* map start */
.contents {
    width: 610px;
    margin-right: 20px;
    margin-left: 20px;
}
.contents_p {
    font-size: 90%;
    color: #666666;
    line-height: 1.5em;
}

.contents_p a:link {
    color: #009999;
}

.contents_p a:visited {
    color: #333333;
}

.contents_p a:hover {
    color: #FF0000;
}

.contents_p a:active {
    color: #0000FF;
}
.rohs {
    font-size: 85%;
    text-align: center;
    color: #b21e44;
    border: 1px solid #b21e44;
    padding: 2px;
    width: 70px;
    float: right;
    margin-top: 5px;
}
/* map end */

#description {
    width: 646;
    background-color: #dcdcdc;
    padding: 2px;
}
/* product detail */
.captionprd {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 800px;
    background-color: #696969;
    font-weight: bolder;
    color: white;
    letter-spacing: 10px;
    height: 15px;
    padding-top: 10px;
}
.grdprd {
    position: relative;
    width: 800px;
    height: auto;
    left: 0;
    overflow: auto;
}
/* login */
.login {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}