@charset "utf-8";
/**
 * Copyright (c) 2010 PlusFive. (http://www.plus-5.com/)
 * Version common.css 2010-11-01 13:32:22
 */



/**
 * Reset font style.
 */
* {
    font-family                 : "メイリオ", Meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}


/**
 * HTML Tag redefine
 */
body {
    background-color            : #0b212e;
    background-image            : url(images/bg_body.gif);
    background-repeat           : repeat;
    background-position         : 0 0; 
    background-attachment       : fixed;
    position                    : relative;
}

img {
    vertical-align              : text-top;
}


/**
 * Global Class
 */
*.clearfix:after {
    display                     : block;
    content                     : '';
    clear                       : both;
    height                      : 0;
    visibility                  : hidden;
}
*.conceal {
    display                     : block;
    position                    : absolute;
    top                         : -9999px;
    left                        : -9999px;
    visibility                  : hidden;
}

/**
 * Layout block styles
 */
#container {
    width                       : 900px;
    margin                      : 0 auto;
    padding                     : 0 0 8px;
    position                    : relative;
    background-color            : #ffffff;
}



#page-header {
    position                    : relative;
    width                       : 884px;
    height                      : 90px;
    margin                      : 0 8px;
    background-color            : #ffffff;
    background-image            : url(images/bg_pageheader.gif);
    background-repeat           : no-repeat;
    background-position         : 0 0; 
}

#page-header-nav {
    position                    : absolute;
    top                         : 2px;
    left                        : 802px;
}
#page-header-nav a {
    display                     : block;
    margin                      : 0;
    padding                     : 0;
    width                       : 73px;
    height                      : 23px;
}
#page-header-nav a:hover {
    background-image            : url(images/language_switch.gif);
    background-position         : 100% 0;
}


/*
#gohome {
    position                    : absolute;
    top                         : 9px;
    left                        : 628px;
    background-image            : url(images/btn_gohome.gif);
    background-repeat           : no-repeat;
    background-position         : 0 0; 
}
#gohome a {
    display                     : block;
    width                       : 78px;
    height                      : 16px;
}
*/
#gohome {
    position                    : absolute;
    top                         : 9px;
    left                        : 5px;
}
#gohome a {
    display                     : block;
    width                       : 700px;
    height                      : 80px;
}



#page-content {
    width                       : 884px;
    margin                      : 0 8px;
    padding                     : 34px 0 0;
    background-color            : #ffffff;
    position                    : relative;
}



#sub {
    position                    : absolute;
    top                         : 0;
    left                        : 2px;
}

#global-nav {
    width                       : 880px;
    height                      : 32px;
    background-color            : #ffffff;
    background-image            : url(images/bg_globalnav.gif);
    background-repeat           : no-repeat;
}
#global-nav ul {
    margin                      : 0;
    width                       : 880px;
    list-style-type             : none;
}
#global-nav li {
    width                       : 176px;
    height                      : 32px;
    margin                      : 0;
    padding                     : 0;
    float                       : left;
}
#global-nav li a {
    display                     : block;
    width                       : 176px;
    height                      : 32px;
    margin                      : 0;
    padding                     : 0;
}
#global-nav li a:hover {
    background-image            : url(images/bg_globalnav_hover.gif);
}
#global-nav-1 a { background-position         : 0 0; }
#global-nav-2 a { background-position         : -176px 0; }
#global-nav-3 a { background-position         : -352px 0; }
#global-nav-4 a { background-position         : -528px 0; }
#global-nav-5 a { background-position         : -704px 0; }
    



#page-footer {
    width                       : 876px;
    margin                      : 0 12px;
    background-color            : #10323b;
}
#page-footer-inner {
    padding                     : 10px;
}
#page-footer-inner address {
    width                       : 570px;
    float                       : left;
    font-size                   : 12px;
    font-style                  : normal;
    color                       : #dfdfdf;
}
#page-footer-inner address strong {
    color                       : #ffffff;
}

#page-footer-inner #copyright {
    width                       : 272px;
    float                       : right;
}
#page-footer-inner #copyright p {
    text-align                  : right;
    font-size                   : 11px;
    font-family                 : "Times New Roman", Times, serif;
    color                       : #dfdfdf;
}


#breadcrumb-list p {
    padding                     : 6px 12px 3px;
    font-size                   : 11px;
    line-height                 : 1;
}
#breadcrumb-list a {
    text-decoration             : none;
    color                       : #0000cc;
}





#ext-nav {
    width                       : 876px;
    margin                      : 0 12px;
}

#return-top {
    width                       : 340px;
    float                       : right;
}
#return-top p {
    padding                     : 3px;
    text-align                  : right;
    font-size                   : 11px;
    line-height                 : 1;
}
#return-top p a {
    text-decoration             : none;
    color                       : #999999;
}
#return-top p a:hover {
    color                       : #333333;
}

#text-nav {
    width                       : 500px;
    float                       : left;
}
#text-nav p {
    padding                     : 3px;
    font-size                   : 11px;
    line-height                 : 1;
}
#text-nav a {
    text-decoration             : none;
    color                       : #999999;
}
#text-nav a:hover {
    color                       : #333333;
}


#infomation {
    width                       : 876px;
    margin                      : 8px 4px 32px;
}

#banners {
    text-align                  : center;
}
#banners img {
    margin                      : 0 4px;
}
