@charset 'utf-8';



/* summary ------------------

Footer

-------------------------- */



#Footer
{
    background: url(images/footer_bg_001.gif) repeat-x left top;
}



/* Navigation ----------------- */

#Footer #FooterMenu01
{
    width: 960px;
    height: 52px;
    margin: 0 auto;

    text-align: left;

    background: url(images/footer_bg_002.jpg) no-repeat left top;
}

#Footer #FooterMenu01:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

#Footer #FooterMenu01 ul.FooterNavigation
{
    float: left;

    width: 840px;
    margin: 10px 0 0 0;
}

#Footer #FooterMenu01 ul.FooterNavigation li
{
    font-size: 1.2em;
    line-height: 1.3;

    display: inline;

    margin: 0 0 0 5px;
    padding: 0 0 0 5px;

    border-left: 1px solid #fff;
}

#Footer #FooterMenu01 ul.FooterNavigation li.first
{
    margin: 0;
    padding: 0;

    border-left: none;
}

#Footer #FooterMenu01 ul.FooterNavigation li a
{
    color: #fff;
}

#Footer #FooterMenu01 .PageTop
{
    font-size: 1.2em;
    line-height: 1.3;

    float: right;

    width: 110px;
    margin: 10px 0 0 0;
}

#Footer #FooterMenu01 .PageTop a
{
    padding: 0 0 0 10px;

    color: #fff;
    background: url(images/arrow_002.gif) no-repeat left 4px;
}





/* FooterMenu02 ----------------- */

#Footer #FooterMenu02
{
    width: 960px;
    height: 28px;
    margin: 0 auto;

    text-align: left;

    background: url(images/footer_bg_003.jpg) no-repeat left top;
}

#Footer #FooterMenu02:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

#Footer #FooterMenu02
{
    display: inline-block;
}

#Footer #FooterMenu02 .copyright
{
    font-size: 1.2em;
    line-height: 1.3;

    float: left;

    width: 450px;
    margin: 5px 0 0 0;

    color: #fff;
}

#Footer #FooterMenu02 .copyright img
{
    margin: 0 4px 0 0;

    vertical-align: middle;
}





#Footer #FooterMenu02 .links
{
    float: right;

    height: 28px;
    padding: 0 5px;

    vertical-align: middle;

    background: #fff;
}

#Footer #FooterMenu02 .links ul
{
    margin: 1px 1px 0 0;
}

#Footer #FooterMenu02 .links ul li
{
    display: inline-block;

    vertical-align: middle;
}

#Footer #FooterMenu02 .links ul li img
{
    display: block;
}









#FooterEX
{
    background: url(images/footer_bg_001_ex.gif) repeat-x left top;
}



/* Navigation ----------------- */

#FooterEX #FooterMenu01
{
    width: 960px;
    height: 52px;
    margin: 0 auto;

    text-align: left;

    background: url(images/footer_bg_002_ex.jpg) no-repeat left top;
}

#FooterEX #FooterMenu01:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

#FooterEX #FooterMenu01
{
    display: inline-block;
}

#FooterEX #FooterMenu01 ul.FooterNavigation
{
    float: left;

    width: 840px;
    margin: 10px 0 0 0;
}

#FooterEX #FooterMenu01 ul.FooterNavigation li
{
    font-size: 1.2em;
    line-height: 1.3;

    display: inline;

    margin: 0 0 0 5px;
    padding: 0 0 0 5px;

    border-left: 1px solid #fff;
}

#FooterEX #FooterMenu01 ul.FooterNavigation li.first
{
    margin: 0;
    padding: 0;

    border-left: none;
}

#FooterEX #FooterMenu01 ul.FooterNavigation li a
{
    color: #fff;
}

#FooterEX #FooterMenu01 .PageTop
{
    font-size: 1.2em;
    line-height: 1.3;

    float: right;

    width: 110px;
    margin: 10px 0 0 0;
}

#FooterEX #FooterMenu01 .PageTop a
{
    padding: 0 0 0 10px;

    color: #fff;
    background: url(images/arrow_002_ex.gif) no-repeat left 4px;
}





/* FooterMenu02 ----------------- */

#FooterEX #FooterMenu02
{
    width: 960px;
    height: 28px;
    margin: 0 auto;

    text-align: left;

    background: url(images/footer_bg_003_ex.jpg) no-repeat left top;
}

#FooterEX #FooterMenu02:after
{
    font-size: .1em;
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: .1px;

    content: '.';
}

#FooterEX #FooterMenu02
{
    display: inline-block;
}

#FooterEX #FooterMenu02 .copyright
{
    font-size: 1.2em;
    line-height: 1.3;

    float: left;

    width: 632px;
    margin: 5px 0 0 0;

    color: #fff;
}

#FooterEX #FooterMenu02 .copyright img
{
    margin: 0 4px 0 0;

    vertical-align: middle;
}





#FooterEX #FooterMenu02 .links
{
    float: right;

    width: 318px;
    height: 28px;

    background: #fff;
}

#FooterEX #FooterMenu02 .links ul
{
    margin: 1px 1px 0 0;
}

#FooterEX #FooterMenu02 .links ul li
{
    float: left;

    margin: 0 0 0 1px;
}

#FooterEX #FooterMenu02 .links ul li img
{
    display: block;
}