@charset "utf-8";


/* ---------------------- */

* {
    font-style: normal;
    margin: 0px;
    padding: 0px;
}
/* ---------------------- */
body {
        color: #333333;
        font-family: sans-serif;
        font-size: 85%;
        line-height: 1.6;
        background: #FFF url(../main/wall.jpg) repeat-x;
}
/* ---------------------- 
hr {
    display: none;
}
*/


/* ---------------------- */
a img {
        border-style: none;
}
/* ---------------------- */
a:link {
    color: #333333;
    text-decoration: underline;
}
/* ---------------------- */
a:visited {
    color: #6633FF;
    text-decoration: underline;
}
/* ---------------------- */
a:hover {
    color: #FF0000;
}
/* ---------------------- */
a:active {
    position: relative;
    left: 1px;
    top: 1px;
}



/* basic layout
------------------------------*/
#wrapper {
        width: 800px;
        border-right: 1px solid #666666;
        border-left: 1px solid #666666;
        margin: 0px auto;
        background: #FFFFFF;
}
#main {
        float: left;
        width: 550px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        clear: left;
}
#sidebar {
        padding: 10px;
        float: right;
        width: 200px;
        margin-bottom: 10px;
}



/* ---------------------- */
#header {
        height: 68px;
        position: relative;
        margin: 0px;
        background: #FFF;
        padding: 8px;
}



/* ---------------------- */
#header ul {
        width: 614px;
        left: 0px;
        top: 84px;
        position: absolute;
}

/* ---------------------- */
#header ul li {
    list-style: none;
    float: left;
}

/* ---------------------- */
#header ul li a {
        width: 100px;
        height: 1.7em;
        line-height: 1.7em;
        color: #333;
        text-decoration: none;
        background-color: #EEE;
        text-align: center;
        display: block;
        border-top: 4px double #999999;
        border-bottom: 4px double #999999;
        border-left: 2px solid #848484
}

/* ---------------------- */
#header ul li a:hover {
        background-color: #FFCC33
}

/* ---------------------- */
#header ul li#nContact a {
    border-right: 2px solid #999999;
}
/* ---------------------- */
#home  #header  #nHome  a,
#corporation  #header  #nCorporation  a,
#urbanmetal  #header  #nUrbanMetal a,
#newtechnology  #header  #nNewTechnology,
#service  #header  #nService  a,
#contact  #header  #nContact  a {
    color: #FFFFFF;
}

/* ---------------------- */
#home   #header   #nHome   a,
#corporation   #header   #nCorporation   a,
#newtechnology  #header  #nNewTechnology,
#service  #header  #nService  a,
#contact  #header  #nContact  a {
        color: #FFFFFF;
        background: #66F;
}

#main p {
        line-height: 1.5;
        margin-bottom: 0em;
        text-align: right;
}

#main  h2 {
        color: #0000B5;
        padding: 0px 0px 0px 10px;
        margin-bottom: 10px;
        border-top: 1px solid #20007D;
        border-left: 6px solid #20007D;
}


/* table
------------------------------*/
#main table {
        margin-bottom: 15px;
        border-top: 0px none;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-collapse:collapse;
}

#main table th {
        text-align: left;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
}
#main table td {
        padding: 5px 10px 5px 30px;
        text-align: left;
}
#main table tr.odd {
        background-color: #FFEBE6;
        background-position: left;
}
#main h3 {
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 5px;
        padding-left: 10px;
        font-weight: bold;
        color: #00007D;
}



/*---------------------------------------------*/
#sidebar h2 {
        background-position: center;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #80095B;
}
#sidebar dl dt a {
    padding: 4px;
    float: left;
    margin-right: 5px;
    margin-top:15px;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
}
#sidebar  dl  dt  a:hover {
    border: 1px solid #000000;
}

#sidebar dl dt {
    clear: both;
}
#sidebar dl dd {
    margin-bottom: 5px;
}
#sidebar ul {
    margin-top: 5px;
}
#sidebar ul li {
    list-style: none;
    background-image: url(../main/bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}
#sidebar ul li a {
        display: inline;
        width: 180px;
}

#sidebar ul li a:hover {
    background-image: url(images/arrow_hover.gif);
}
#footer {
        padding: 3px 10px;
        clear: both;
        color: #FFFFFF;
        background-color: #0000B5;
}
.txt01 {
        padding-left: 10px;
}
.txt02 {
        padding-right: 10px;
        text-align: right;
}