body          { background-color:#fff; margin:0px; padding:0px; height: 100%; }
ul,li         { padding:0px; margin:0px; border:0px; }
ul.nolist, ul.nolist li { list-style-type:none }

strong        { letter-spacing:0em !important}

/** HACKS ***/

*|*:-moz-any-link:focus { outline: none; }

/** SKIN ***/

.mag          { width:223px; height:156px;  }
.mag_1         { width:223px; height:15px; }
.mag_2         { width:223px; height:37px; background-image:url(/img/corporate/mag_02.jpg); background-repeat:no-repeat; background-position:center top }
.mag_3        { width:223px; height:84px }
.mag_4        { width:223px; height:20px; vertical-align:top }
.mag_5        { width:22px; height:133px; }
.mag_6        { width:178px; height:133px; }
.mag_7        { width:23px; height:133px; }
.mag_8         { width:22px; height:25px }
.mag_9         { width:178px; height:25px }
.mag_10       { width:23px; height:25px }

/*** FONTS ***/

@font-face { font-family: 'MAGNET'; src: url('/font/magnet-webfont.eot'); src: local('Ôÿ¦'), url('/font/magnet-webfont.woff') format('woff'), url('/font/magnet-webfont.ttf') format('truetype'), url('/font/magnet-webfont.svg#webfontZcSzsk4I') format('svg');} 
 
.arial         { font-family:Arial, Helvetica, sans-serif }
.verd          { font-family:Verdana, Geneva, sans-serif; letter-spacing:-0.075em !important}
.mag1         { font-family:MAGNET; }
.map1          { font-family:MAP1; font-size:16px; color:#fff; font-smooth:always; line-height:1.000em }

.sha0          { text-shadow: #000000 0px 1px 1px, #000000 0px 1px 1px; }
.sha1          { text-shadow: #006699 0px 1px 1px, #006699 0px 2px 2px, #000 0px -1px 2px; }

.smooth       { font-smooth:always }
.fwb          { font-weight:bold }
.fwn          { font-weight:normal }

.f9            { font-size:9px; }
.f10          { font-size:10px }
.f11          { font-size:11px }
.f12          { font-size:12px }
.f13          { font-size:13px }
.f14          { font-size:14px }
.f15          { font-size:15px }
.f16          { font-size:16px }
.f17          { font-size:17px }
.f18          { font-size:18px }
.f19          { font-size:19px }
.f20          { font-size:20px }
.f25          { font-size:25px }
.f30          { font-size:30px }

.op50          {  opacity:0.5}

/*** COLOURS ***/

.cl            { color:#96F !important }
.cw            { color:#eee !important }
.cg            { color:#cf0 !important }
.cds          { color:#444 !important }
.cls          { color:#aaa !important }

/*** ALIGNMENTS ***/

.t             { vertical-align:top }
.m             { vertical-align:middle }
.am           { vertical-align:absmiddle }
.bt           { vertical-align:bottom }
.c             { text-align:center }
.r             { text-align:right  }
.j            { text-align:justify }
.l            { text-align:left }

.pb5            { padding-bottom:5px; }

.pr15          { padding-right:15px }

.pt7          { padding-top:7px }
.pt10          { padding-top:10px }

.ml5          { margin-left:5px }
.ml10          { margin-left:10px }

.mr4          { margin-right:4px }
.mr5          { margin-right:5px }



.vr            { word-spacing:0.500em; color:#ccc }


/*** LAYER ***/

#agb                   { z-index:4; position:absolute; left:90px; top:0px; width:100%}
#agb a                 { color:#777; text-decoration:none }
#agb a:hover          { color:#000; }
#agb td                { color:#444; }
#agbcont               { z-index:4; position:absolute; left:-89px; top: 43px; width:100%}
#bpm                   { z-index:4; position:absolute; right:0px; top:19px; color:#333; }
#content              { z-index:4; position:relative; width:684px; left:168px; min-height:475px; height:auto; background-image:url(/img/corporate/kinzoku.png); background-position:0px 150px; background-repeat:no-repeat; color:#000; text-align:left; }
#ds                    { z-index:4; position:absolute; top:0px; width:665px;}
#ds  a                   { color:#777; text-decoration:none }
#ds a:hover            { color:#000; }
#ds td                { color:#666; }  
#dscont               { z-index:4; position:absolute; left:1px; top: 43px}
#footcr               { z-index:4; position:absolute; right:0px; top:0px; color:#666;  }
#footcr a             { color:#777; text-decoration:none }
#footcr a:hover        { color:#000; }
#footer                { position:relative; left:160px; margin-top:30px; width:665px; color:#777;  }
#global                { z-index:1; position:relative; width:980px; height:100%;  }
#hr                    {  z-index:5; position:relative; top:16px  }
#hr hr                 { width:100%;  border: 0px;  border-top: solid 1px #ddd; border-bottom: transparent; padding:0px; margin:0px; margin-top:0px; height: 1px;}
#hr2                  {  z-index:5; position:relative; top:4px  }
#hr2 hr               { width:100%;  border: 0px;  border-top: solid 1px #ddd; border-bottom: transparent; padding:0px; margin:0px; margin-top:0px; height: 1px;}
#logo                  { z-index:2; position:absolute; width:310px; }
#imp                  { z-index:4; position:absolute;left:131px; top:0px; width:100%  }
#imp a                 { color:#777; text-decoration:none }
#imp a:hover          { color:#000; }
#imp td                { color:#444}  
#impcont               { z-index:4; position:absolute; top: 60px; left:-130px;}
#impcont td img        {  opacity:0.5 }
#impcont td img:hover  {  opacity:1.0 }
#information          { z-index:3; position:relative; width:665px; color:#777; left:160px; margin-bottom:0px}
#information a        { color:#777; text-decoration:none; padding-top:15px;}
#information a:hover  { color:#111; }
#linklist1            { z-index:4; position:absolute;  left:0px; top:40px; width:150px; line-height:0.1em }
#linklist2            { z-index:4; position:absolute;  left:150px; width:125px; top:40px; line-height:0.1em}
#linklist3            { z-index:4; position:absolute;  left:275px; width:125px; top:40px; line-height:0.1em}
#linklist4            { z-index:4; position:absolute;  left:400px; width:125px; top:40px; line-height:0.1em}
#linklist5            { z-index:4; position:absolute;  left:525px; width:150px; top:40px; line-height:0.1em}
#magnetwork            { z-index:4; position:absolute; left:0px; top:20px; color:#555;}
#magnetwork div a     { text-decoration:none; color:#333; line-height:1.050em }
#magnetwork div a:hover { text-decoration:none; color:#999; }
#magnetwork a          { text-decoration:none; color:#777; line-height:1.050em }
#magnetwork a:hover    { text-decoration:none; color:#000;  }
#menu                  { z-index:4; position:relative; width:684px; }
#menuinfo              { z-index:4; position:relative; width:350px; height:150px; left:0px; top:65px; text-align:left; left:0px}




a.magnetlink           { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#000 }
a.magnetlink:hover    { text-decoration:underline }

img.icon            { opacity:0.50 !important }
img.icon:hover      { opacity:1.00 !important }

img.qrcode            { width:85px; height:85px; border: 1px solid #999 } 

#magnetmenu { padding: 0px; padding-top:4px; letter-spacing:-0.025em !important   }
#magnetmenu li { display: inline;   }
#magnetmenu li a {  opacity: 0.5}
#magnetmenu li a:hover { opacity:1.0 }
#magnetmenu li.active a { opacity:1.0 }