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

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

/*各課ナビーの設定
------------------------*/
#kendo_navi {
 BACKGROUND-IMAGE: url(/secure/130350/kendo_title_5.gif);
 MARGIN-BOTTOM: 0px;
 WIDTH: 750px; 
 background-position:top left;
 BACKGROUND-REPEAT: no-repeat; 
 HEIGHT: 88px; 
 margin-right:auto; 
 margin-left:auto;
 padding-bottom:0px;
 margin-bottom:0px; 
 clear:both;
}

#kendo_navi ul {
 margin-top:0px;
 PADDING-LEFT: 0px;
 FONT-WEIGHT: 200; 
 FONT-SIZE: めぢうｍ; 
 WIDTH: 748px; 
 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;
}

#kendo_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: 92px;
}

#kendo_navi li#road {
 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: 184px;
}
#kendo_navi li a {
 text-decoration: none;
 color:#222222;
 padding-top:7px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:6px;
 display: block;
 width:100%;
}

#kendo_navi li a:hover {
 color: #ff1111;
 background-repeat:no-repeat;
 background-image:url('/secure/130350/navi_hover_back.gif');
 background-position:top left;
}

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

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


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

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

/*各課ナビーの設定
------------------------*/
#kendo_navi {
 BACKGROUND-IMAGE: url(../../../Images/submenu_title_sp.gif);
 MARGIN-BOTTOM: 0px;
 WIDTH: 320px; 
 background-position:top left;
 BACKGROUND-REPEAT: repeat; 
 HEIGHT: auto; 
 margin-right:auto; 
 margin-left:auto;
 padding-bottom:0px;
 margin-bottom:0px; 
 clear:both;
}

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

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

#kendo_navi li#road {
 margin-top:0px;
 padding-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 FLOAT: left; 
 padding-BOTTOM: 0px; 
 BORDER: #aaaaaa 1px solid; 
 WHITE-SPACE: nowrap; 
 TEXT-ALIGN: center; 
 height:28px;
 WIDTH: 158px;
}
#kendo_navi li a {
 text-decoration: none;
 color:#222222;
 padding-top:7px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 display: block;
 width:100%;
background-position:left center;
background-repeat:no-repeat;
}

#kendo_navi li a:hover {
 color: #ff1111;
 background-repeat:no-repeat;
 background-image:url('/secure/130350/navi_hover_back.gif');
 background-position:left center;
}

#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;
}

#kendo_navi li.select {
background-color:#FFFFFF;
}
}