html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
html {  }
body { background: #ffffff url(../images/bg/body-bg-hp.jpg) repeat-x; font-family: Arial,Helvetica,sans-serif; line-height: 1.3em; color: #333333; text-align: center; font-size: 100%; }

h1 {  }
h2 {  }
h3 {  }

.clear { height:1px; min-height:1px; font-size: 1px; clear: both; width: 100%;}
.hidden { display: none; }

.hp { width: 980px; margin: 0 auto; }

/* 404 */
.page404 { width: 980px; margin: 0 auto; }
.page404 h1 { font-size: 1.3em; }
.page404 div#content { background: none; margin-top: 260px; height: 375px; }
.page404 div#content p { margin: 20px; font-size: 0.8em; }
.page404 div#content p.link-buttons a { color: #000000; text-decoration: none; }
.page404 div#content p.link-buttons a:hover { color: #FF0005; text-decoration: none; }

div#content { background: transparent url(../images/bg/hp-bg.jpg) no-repeat 21px 0px;  }
div#content #flashcontent { height: 461px; width: 100%; position: relative;  text-align: left; outline: none; }
div#content #flashcontent .logo { background: transparent url(../images/h1-logo-hp.jpg) no-repeat; width:167px; height: 99px; position: absolute; top: 17px; left: 22px; }
div#content #flashcontent .logo2 { background: transparent url(../images/h2-logo-hp.jpg) no-repeat; width:85px; height: 56px; position: absolute; top: 39px; right: 36px; }

div#content #flashcontent #menu { list-style-type: none; font-size: 0.9em; }
div#content #flashcontent #menu { position: absolute; top: 60px; right: 160px;}
div#content #flashcontent #menu li { float: left; text-align: center; margin-right: 30px; }
div#content #flashcontent #menu li a { float: left; color: #333333; text-decoration: none; }
div#content #flashcontent #menu li a:hover { float: left; color: #FF0005; text-decoration: none; }

div#content #temacontent { height: 52px; width: 100%; text-align: left; position: relative;  }
div#content #temacontent .ico { width:127px; height:127px; background: transparent url(../images/icon.gif) no-repeat scroll 0 0; position: absolute; top: -35px; left: -45px; }
.en div#content #temacontent .ico { background-image:url(../images/icon-en.gif); }

div#content #staticcontent { text-align: left; background: transparent url(../images/bg/hp-bottom-bg.png) no-repeat 0px 0px; height: 225px; width: 925px; margin: 0 auto; position: relative; top: 0; }

/* staticcontent */
div#staticcontent /* BOXY */ .boxstyles { position: relative; font-size: 1em; letter-spacing: 0.5px; }
div#staticcontent /* BOXY */ .boxstyles a { text-decoration: none; }
div#staticcontent /* BOXY */ .boxstyles .fullhref { position: absolute; z-index: 9999; width: 305px; height: 175px; text-decoration: none; }

/* facebook over */
/*div#staticcontent .d2:hover { background: transparent url(../images/bg/facebook_over.png) no-repeat 197px 50px; } */
div#staticcontent /* BOXY */ .d2 a:hover { _background: transparent url(../images/bg/facebook_over.png) no-repeat 197px 50px; _z-index: 9; }

div#staticcontent /* BOXY */ .boxstyles h3 { width: 305px; line-height: 29px; height: 29px; top: 12px; left: 15px; position: absolute; font-size: 1.45em; font-weight: normal; }
div#staticcontent /* BOXY */ .boxstyles h3 a { color: #FF0005; text-decoration: none; }
div#staticcontent /* BOXY */ .boxstyles h3 a:hover { color: #FF0005; text-decoration: none; }
div#staticcontent /* BOXY */ .boxstyles p { z-index: 10; line-height: 1.2em; width: 285px; overflow: hidden; bottom:0; position: absolute; font-size: 0.75em; color: #89690A; margin: 0 15px 15px 15px; }
div#staticcontent .d1 { width: 305px; height: 175px; float: left; margin-right: 6px; }
div#staticcontent .d1 p { height: 30px; }
div#staticcontent .d2 { width: 305px; height: 175px; float: left; margin-right: 6px; }
div#staticcontent .d2 p { height: 18px; }
div#staticcontent .d3 { width: 302px; height: 175px; float: left; overflow: hidden; }
div#staticcontent .d3 p { width: 180px; height: 46px; }
div#staticcontent object,
div#staticcontent embed,
div#staticcontent img { position: relative; margin:4px 0 0 4px; }
div#staticcontent img { margin:5px 0 0 2px; }

div#staticcontent .d3noha { width: 55px; height: 230px; position: absolute; right: -55px; top: 0px; background: transparent url(../images/bg/hp-bottom-bg.png) no-repeat -925px 0px; }

div#menu { background: none; }

div#footer { width: 925px; margin: 0 auto; margin-top: 6px; }
div#footer a { color: #FF0008; text-decoration: underline; }
div#footer a:hover { color: #333333; text-decoration: none; }

div#footer .fl { width: 410px; float: left; text-align: left; height: 20px; }
div#footer ul { list-style-type: none;}
div#footer li { list-style-type: none;  float: left; margin-right: 15px; font-size: 0.8em; }

div#footer .fr { width: 410px; text-align: right; float: right; color:#BA8E09; font-size: 0.7em; height: 20px;  }