@charset "utf-8";


/* Base layout
======================================================================= */
body { padding-top: 101px; padding-bottom: 20px; background: #006ebc url(../img/bg_wrap_head.png) repeat-x; }

a:link    { color: #0066cc; text-decoration: underline; }
a:visited { color: #336699; text-decoration: none; }
a:hover   { color: #0066cc; text-decoration: underline; }

/* div#wrapper
----------------------------------------------------------------------- */
div#wrapper { position: relative; background: url(../img/bg_fire.jpg) center top repeat-x; text-align: center; }
div#wrapper div.content { margin: 0 auto; position: relative; top: -96px; width: 800px; background: url(../img/visual_2.jpg) top right no-repeat; text-align: left; }
div#wrapper div.content ul#nav { list-style: none; position: relative; width: 510px; height: 342px; background: url(../img/visual_1.jpg) top right no-repeat; }
div#wrapper div.content ul#nav li.ja { position: absolute; top: 20px; left: 20px; }
div#wrapper div.content ul#nav li.tw { position: absolute; top: 166px; left: 20px; }
div#wrapper div.content ul#nav li.en { position: absolute; top: 20px; left: 260px; }

/* div#footer
----------------------------------------------------------------------- */
div#footer { margin-top: -96px; background: url(../img/bg_wrap_foot.png) repeat-x; height: 145px; text-align: center; }
div#footer div.content { margin: 0 auto; position: relative; width: 800px; height: 145px; background: url(../img/foot_pane.png) center top no-repeat; text-align: left; }
div#footer div.content div.mark { position: absolute; top: 41px; left: 20px; }
div#footer div.content div.notice { position: absolute; top: 41px; left: 110px; }
div#footer div.content div.cpyrgt { position: absolute; top: 115px; left: 110px; }