/*** for PC Browser ***/
@media (min-width:401px)
{
/* CSS Document */

/*県土整備局の各課ナビの設定
------------------------*/

/*各課ナビーの設定
------------------------*/
#kuukou_navi {
 BACKGROUND-IMAGE: url(/secure/94627/navi_back.gif);
 MARGIN-BOTTOM: 0px;
 WIDTH: 900px; 
 background-position:top left;
 BACKGROUND-REPEAT: repeat-y; 
 HEIGHT: 30px; 
 margin-right:auto; 
 margin-left:auto;
 padding-bottom:0px;
 margin-bottom:0px;
 border-top:1px solid #fff;
}

#kuukou_navi ul {
 margin-top:0px;
 PADDING-LEFT: 0px;
 FONT-WEIGHT: 200; 
 FONT-SIZE: medium; 
 WIDTH: 900px; 
 LIST-STYLE-TYPE: none;
 margin-left:4px;
 list-style:none !important;
 padding-left:0px ;
 margin-right:0px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 padding-bottom:0px;
 margin-bottom:0px;
}

#kuukou_navi li {
 margin-top:0px;
 padding-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 FLOAT: left; 
 padding-BOTTOM: 0px; 
 BORDER-left: #aaaaaa 1px solid; 
 WHITE-SPACE: nowrap; 
 TEXT-ALIGN: center; 
 height:28px;
 WIDTH: 140px;
}

#kuukou_navi li a {
 text-decoration: none;
 color:#fff;
 padding-top:7px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:6px;
 display: block;
 width:100%;
}

#kuukou_navi li a:hover {
 color:#f00;
 background-repeat:no-repeat;
 background-image:url(/secure/94627/navi_back_hover.gif);
 background-position:top left;
}

#kuukou_navi1 {
 BACKGROUND-IMAGE: url(/secure/94627/navi_back.gif);
 MARGIN-BOTTOM: 0px;
 WIDTH: 900px; 
 background-position:top left;
 BACKGROUND-REPEAT: no-repeat; 
 HEIGHT: 30px; 
 margin-right:auto; 
 margin-left:auto;
 padding-bottom:0px;
 margin-bottom:0px;
 border-top:1px solid #fff;
}

#kuukou_navi1 ul {
 margin-top:0px;
 PADDING-LEFT: 0px;
 FONT-WEIGHT: 200; 
 FONT-SIZE: medium; 
 WIDTH: 900px; 
 LIST-STYLE-TYPE: none;
 margin-left:4px;
 list-style:none !important;
 padding-left:0px ;
 margin-right:0px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 padding-bottom:0px;
 margin-bottom:0px;
}

#kuukou_navi1 li {
 margin-top:0px;
 padding-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 FLOAT: left; 
 padding-BOTTOM: 0px; 
 BORDER-left: #aaaaaa 1px solid; 
 WHITE-SPACE: nowrap; 
 TEXT-ALIGN: center; 
 height:28px;
 WIDTH: 140px;
}

#kuukou_navi1 li a {
 text-decoration: none;
 color:#fff;
 padding-top:7px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:6px;
 display: block;
 width:100%;
}

#kuukou_navi1 li a:hover {
 color:#f00;
 background-repeat:no-repeat;
 background-image:url(/secure/94627/navi_back_hover.gif);
 background-position:top left;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* CSS Document */

/*県土整備局の各課ナビの設定
------------------------*/

/*各課ナビーの設定
------------------------*/
#kuukou_navi {
    background-image: url("/secure/94627/navi_back.gif");
    background-position: left top;
    background-repeat: repeat-y;
    border-top: 1px solid #FFFFFF;
    float: left;
    height: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: 320px;
}

#kuukou_navi ul {
    float: left;
    font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
    font-size: 15px;
    font-weight: 200;
    list-style: none outside none !important;
    margin: 0;
    padding-bottom: 0;
    padding-left: 0;
    width: 320px;
}

#kuukou_navi li {
    border: 1px solid #AAAAAA;
    float: left;
    height: 28px;
    list-style-type: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    white-space: nowrap;
    width: 158px;
}

#kuukou_navi li a {
    color: #FFFFFF;
    display: block;
    padding: 7px 0 6px;
    text-decoration: none;
    width: 100%;
}

#kuukou_navi li a:hover {
 color:#f00;
 background-repeat:no-repeat;
 background-image:url(/secure/94627/navi_back_hover.gif);
 background-position:top left;
}

#kendo_logo {
 clear:both;
 WIDTH: 320px; 
 HEIGHT: auto; 
 padding:0px;
 margin-top:0px;
 margin-bottom:0px;
 margin-right:auto; 
 margin-left:auto;
}

#kendo_logo h1{
 margin:0px;
 padding:0px;
}

#on{
 color:#66F;
}
}