@charset "utf-8";

/* ------------------------- en_global.css TOC 
setup
wrapper
header
nav
footer
contents
 ------------------------- */

/* ===== setup ============================================================  */
body { font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", sans-serif; }



/* ===== wrapper ============================================================  */



/* ===== header ============================================================  */
#header .nav_english { margin-left: 58px; }



/* ===== nav ============================================================  */
/* ----- nav */
#nav { width: 795px; background: url(../img/bg_nav.gif) no-repeat 50px 0; margin: 0 auto; padding: 15px 55px 9px 0; }
#nav ul { width: 489px; margin-left: auto; }
#nav li { float: left; margin-right: 10px; }
#nav a { display: block; height: 29px; background-image: url(../img/nav.gif); }
/* disable */
#nav .nav_blog { background: url(../img/nav.gif) no-repeat -300px -378px; width: 125px; height: 29px; }
/* normal */
#nav .nav_news a { background-position: 0 -216px; width: 67px; }
#nav .nav_profile a { background-position: -100px -216px; width: 81px; }
#nav .nav_works a { background-position: -200px -216px; width: 76px; }
#nav .nav_blog a { background-position: -300px -216px; width: 125px; }
#nav .nav_contact a { background-position: -500px -216px; width: 90px; }
/* hover */
#nav .nav_news a:hover,
#nav .nav_news a:active,
#nav .nav_news a:focus { background-position: 0 -245px; }
#nav .nav_profile a:hover,
#nav .nav_profile a:active,
#nav .nav_profile a:focus { background-position: -100px -245px; }
#nav .nav_works a:hover,
#nav .nav_works a:active,
#nav .nav_works a:focus { background-position: -200px -245px; }
#nav .nav_blog a:hover,
#nav .nav_blog a:active,
#nav .nav_blog a:focus { background-position: -300px -245px; }
#nav .nav_contact a:hover,
#nav .nav_contact a:active,
#nav .nav_contact a:focus { background-position: -500px -245px; }
/* active */
body.news #nav .nav_news a:link,
body.news #nav .nav_news a:visited { background-position: 0 -274px; }
body.profile #nav .nav_profile a:link,
body.profile #nav .nav_profile a:visited { background-position: -100px -274px; }
body.works #nav .nav_works a:link,
body.works #nav .nav_works a:visited { background-position: -200px -274px; }
body.blog #nav .nav_blog a:link,
body.blog #nav .nav_blog a:visited { background-position: -300px -274px; }
body.contact #nav .nav_contact a:link,
body.contact #nav .nav_contact a:visited { background-position: -500px -274px; }

/* ----- footer nav */
#footer .sec_nav { width: 556px; height: 32px; background: url(../img/bg_nav_footer.gif) no-repeat 35px 0; }
#footer .sec_nav ul {  }
#footer .sec_nav li { float: left; margin-right: 20px; }
#footer .sec_nav a { display: block; height: 25px; background-image: url(../img/nav.gif); }
/* disable */
#footer .sec_nav .nav_blog { background: url(../img/nav.gif) no-repeat -300px -407px; width: 118px; height: 25px; }
/* normal */
#footer .nav_news a { background-position: 0 -303px; width: 64px; }
#footer .nav_profile a { background-position: -100px -303px; width: 75px; }
#footer .nav_works a { background-position: -200px -303px; width: 75px; }
#footer .nav_blog a { background-position: -300px -303px; width: 118px; }
#footer .nav_contact a { background-position: -500px -303px; width: 86px; }
/* hover */
#footer .nav_news a:hover,
#footer .nav_news a:active,
#footer .nav_news a:focus { background-position: 0 -328px; }
#footer .nav_profile a:hover,
#footer .nav_profile a:active,
#footer .nav_profile a:focus { background-position: -100px -328px; }
#footer .nav_works a:hover,
#footer .nav_works a:active,
#footer .nav_works a:focus { background-position: -200px -328px; }
#footer .nav_blog a:hover,
#footer .nav_blog a:active,
#footer .nav_blog a:focus { background-position: -300px -328px; }
#footer .nav_contact a:hover,
#footer .nav_contact a:active,
#footer .nav_contact a:focus { background-position: -500px -328px; }
/* active */
body.news #footer .nav_news a:link,
body.news #footer .nav_news a:visited { background-position: 0 -353px; }
body.profile #footer .nav_profile a:link,
body.profile #footer .nav_profile a:visited { background-position: -100px -353px; }
body.works #footer .nav_works a:link,
body.works #footer .nav_works a:visited { background-position: -200px -353px; }
body.blog #footer .nav_blog a:link,
body.blog #footer .nav_blog a:visited { background-position: -300px -353px; }
body.contact #footer .nav_contact a:link,
body.contact #footer .nav_contact a:visited { background-position: -500px -353px; }



/* ===== footer ============================================================  */
#footer { width: 850px; height: 253px; margin: 10px auto 0; background: url(../img/bg_footer.gif) no-repeat 35px 7px; }
#footer .lc { width: 600px; }
#footer .rc { width: 134px; padding-right: 68px; }
#footer .page_top { margin: 56px 0 0 74px; }
#footer .sec_nav { margin: 33px 0 0 85px; }
#footer #copyright { margin: 24px 0 0 75px; }
#footer .logo { text-align: right; padding-right: 1px; }
#footer .nav_mailmag { margin-top: 71px; }
#footer .nav_english { text-align: right; margin-top: 116px; }



/* ===== contents ============================================================  */