/*** for PC Browser ***/
@media (min-width:401px)
{
/*---ページ上部グローバルナビ---*/
#gnavi {
	background: #2c78b1;
	font-size: 1.3em;
        color: #FFFFFF;
	border-bottom: thin solid #333366;
        /*border-top: thin solid #FFF;*/
        font-weight: bold;
        padding-left:1.1em;
        /*float:left;*/
        clear: both;
}
#gnavi ul {
        list-style: none;
	margin: 0px;
        padding:0;
	padding: 4px 4px;
        letter-spacing: 1px;

}

#gnavi li {
	white-space: nowrap;
        display: inline;
	margin: 0 0 0 -5px;
	padding:2px 0;
        /*float:left;*/  
            
}

#gnavi li a {
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
        padding: 0 0.3em;
	margin: 0px;
        height:auto;

        }

.left a {
        border-left: 1px solid #FFFFFF;
}

#gnavi li a:hover {
        position: relative;
        top: 1px;
        /*left: 1px;*/
        border-bottom: 3px solid #ff0000;
        }



.bottom{
clear:both;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/*---ページ上部グローバルナビ---*/
#gnavi {
	width:320px;
        background: #2c78b1;
	clear: both;
	font-size: 1.2em;
        color: #FFFFFF;
	border-bottom: thin solid #333366;
        /*font-weight: bold;
        padding-left:1em;*/
}
#gnavi ul {
        list-style: none;
	margin: 0px;
	padding: 4px 4px;
        text-align: center;
}
#gnavi li {
	white-space: nowrap;
        display: inline;
	margin: 0px;
	padding:3px 0;
        display: block;
        border-bottom: 1px dotted;

        
}

#gnavi li a {
	text-decoration: underline;
	color: #FFFFFF;
	/*border-right: 1px solid #FFFFFF;*/
        padding: 0 0.7em;
	margin: 0px;
        height:auto;
        }

.left a {
        /*border-left: 1px solid #FFFFFF;*/
}

#gnavi li a:hover {
        /*text-decoration:underline;*/
        color:red; 
        /*border-bottom: 3px solid #ff0000;*/
        }



.bottom{
clear:both;
}
}