@charset "utf-8";

header div#sign {

}

header div#sign hgroup#logo {
    float:              left;
    width:              80%;
}

header div#sign nav#sub {
    float:              right;
    width:              20%;
}

header div#sign nav#sub ul {

}

header div#sign nav#sub ul li {
    float:              left;
    width:              50%;
}

header div#sign nav#sub ul li a{
    display:            inline-block;
    width:              96%;
    padding:            2%;
    text-align:         center;
}

@media only screen and (max-width:480px)
{
    header div#sign hgroup#logo {
        width:          auto;
        float:          none;
    }
    header div#sign nav#sub {
        width:          auto;
        float:          right;
        background-color:   red;
    }
    header div#sign nav#sub ul li {
        width:          auto;
        float:          left;
    }
    header div#sign nav#sub ul li a{
        width:          auto;
        padding:        0;
        text-align:     right;
    }
}

nav#global ul {
    margin:             0 auto;
    list-style-type:    none;
    text-align:         center;
	width: 100%;
	float: left;
}

nav#global .edge {
	width: 2%;
	float: left;
}
nav#global ul li {
    width:              12.5%;
    float:              left;
}

nav#global ul li a {
    display:            inline-block;
    color:              #ffffff;
    width:              90%;
    padding:            5%;
}

@media only screen and (max-width:767px)
{
    nav#global ul li {
        width:          50%;
        float:          left;
    }

    nav#global ul li a {
        display:            inline-block;
        background-color:   #000000;
        color:              #ffffff;
        width:              80%;
        padding:            3% 5%;
    }
}