﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/*西部総合事務所の各局ナビの設定
------------------------*/

/*各局ナビーの設定
------------------------*/
#seibu_navi24 {
 BACKGROUND-IMAGE: url(/secure/662094/title_seibu_kenzei24.gif);
 MARGIN-BOTTOM: 0px;
 WIDTH: 750px; 
 background-position:top left;
 BACKGROUND-REPEAT: no-repeat; 
 HEIGHT: 95px; 
 margin-right:auto; 
 margin-left:auto;
 padding-bottom:0px;
 margin-bottom:0px;
 clear:both;
}

#seibu_navi24 ul {
 margin-top:0px;
 PADDING-LEFT: 0px;
 FONT-WEIGHT: 200; 
 FONT-SIZE: 15px; 
 WIDTH: 748px; 
 LIST-STYLE-TYPE: none;
 margin-left:3px;
 list-style:none !important;
 padding-left:0px ;
 margin-right:0px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 padding-bottom:0px;
 margin-bottom:0px;
}

#seibu_navi24 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: 85px;
}


#seibu_navi24 li#manga {
 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;
}

#seibu_navi24 li#short {
 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: 75px;
}



#seibu_navi24 li a {
 text-decoration: none;
 color:#222222;
 padding-top:6px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:6px;
 display: block;
 width:100%;
}

#seibu_navi24 li a:hover {
 color: #ff1111;
 background-repeat:no-repeat;
 background-image:url('/secure/130350/navi_hover_back.gif');
 background-position:top left;
}

#seibu_logo {
 clear:both;
 WIDTH: 748px; 
 HEIGHT: 56px; 
 padding:0px;
 margin-top:0px;
 margin-bottom:0px;
 margin-right:auto; 
 margin-left:auto;
}

#seibu_logo h1{
 margin:0px;
 padding:0px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/*西部総合事務所の各局ナビの設定
------------------------*/

/*各局ナビーの設定
------------------------*/
#seibu_navi24 {
 BACKGROUND-IMAGE: url(../../../Images/submenu_title_sp.gif);
/* BACKGROUND-color:#fff;*/
 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;
}

#seibu_navi24 ul
{
 margin-top:0px;
 PADDING-LEFT: 0px;
 FONT-WEIGHT: 200;
 FONT-SIZE: 15px;
 WIDTH: 318px;
 LIST-STYLE-TYPE: none;
 margin-left:0px;
 list-style:none !important;
 padding-left:0px ;
 margin-right:0px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 padding-bottom:0px;
 margin-bottom:0px;
}

#seibu_navi24 li {
 margin-top:0px;
 padding-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 FLOAT: left; 
 padding-BOTTOM: 0px; 
 BORDER: #bdbdbd 1px solid; 
 WHITE-SPACE: nowrap; 
 TEXT-ALIGN: center; 
 height:28px;
 WIDTH: 318px;

}


#seibu_navi24 li#manga {
 margin-top:0px;
 padding-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 FLOAT: left; 
 padding-BOTTOM: 0px; 
 WHITE-SPACE: nowrap; 
 TEXT-ALIGN: center; 
 height:28px;
 WIDTH: 318px;
}

#seibu_navi24 li#short {
 margin-top:0px;
 padding-TOP: 0px; 
 LIST-STYLE-TYPE: none;
 FLOAT: left; 
 padding-BOTTOM: 0px; 
 WHITE-SPACE: nowrap; 
 TEXT-ALIGN: center; 
 height:26px;
 WIDTH: 318px;
}



#seibu_navi24 li a {
 text-decoration: none;
 color:#222222;
 padding-top:4px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:4px;
 display: block;
 width:100%;
 background-repeat:no-repeat;
background-position: -1px bottom;
}

#seibu_navi24 li a:hover {
 color: #ff1111;
 background-color:#fff;
 background-repeat:no-repeat;
 background-image:url('/secure/130350/navi_hover_back.gif');
background-position: -1px bottom;
}




#seibu_logo {
 clear:both;
 WIDTH: 318px; 
 HEIGHT: auto; 
 padding:0px;
 margin-top:0px;
 margin-bottom:0px;
 margin-right:auto; 
 margin-left:auto;
}

#seibu_logo h1{
 margin:0px;
 padding:0px;
}

#seibu_navi24 li.select
{
background-color:#FFFFFF;
}
}
