@charset "utf-8";

/* メインナビのCSS
------------------------------------------------------------*/

#menu{
  margin-left : auto;
  margin-right : auto;
  border-bottom-width : 1px;
  border-bottom-style : none;
  padding-bottom : 5px;
  margin-bottom : 0px;
  float : left;
  position : relative;
  width : 100%;
}

#menu ul{
  font-weight : normal;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : silver;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
  }
	
#menu ul li{
  font-weight : normal;
  height : 30px;
  float : left;
  position : relative;
  margin-right : 20px;
  font-size : 11pt;
  text-align : center;
  padding-top : 8px;
  background-image : url(../images/mark/sankaku-line.png);
  background-repeat : no-repeat;
  background-position : left center;
  padding-left : 15px;
}

#menu li:last-child{
	border-right-style : none;
}

#menu ul li a{
	display:block;
}

#menu ul li a:hover{
  text-decoration : none;
  color : #cc0000;
}

#menu ul li:hover ul{
	display:block;
}
	
#menu li.current-menu-item{
  text-decoration : underline;
  margin-left : -5px;
  font-weight : bold;
  font-size : 13pt;
  padding-bottom : 3px;
}

i{
  padding-right : 5px;
  padding-left : 5px;
  color : gray;
}

/* メインナビここまで
------------------------------------------------------------*/


/* サブナビのCSS
------------------------------------------------------------*/

.sub_navi{
  font-weight : normal;
  padding-top : 3px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 2px;border-width : 1px;border-style : solid;border-color : silver;
  margin-top : 20px;
}

.sub_navi h3{
  font-weight : normal;
  color : white;
  background-color : #414141;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 5px;
  padding-bottom : 2px;
  font-size : 12pt;
}

.sub_navi ul{
  font-weight : normal;
}

.sub_navi li{
  font-weight : normal;
  margin-top : 10px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
  margin-left : -10px;
}

.sub_navi li a{
  font-weight : normal;
  color : #414141;
}

.sub_navi li a:hover{
  font-weight : normal;
  color : #cc0000;
}

/* サブナビ（スクロール付）のCSS
------------------------------------------------------------*/

.sub_navi_scroll{
  font-weight : normal;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;border-style : solid;border-color : silver;
  margin-top : 20px;
  overflow : scroll;
  overflow-x:hidden;
  height : 250px;
}

.sub_navi_scroll h3{
  font-weight : normal;
  color : white;
  background-color : #414141;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 5px;
  padding-bottom : 2px;
  font-size : 12pt;
}

.sub_navi_scroll ul{
  font-weight : normal;
}

.sub_navi_scroll li{
  font-weight : normal;
  margin-top : 10px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
  margin-left : -10px;
}

.sub_navi_scroll li a{
  font-weight : normal;
  color : #414141;
}

.sub_navi_scroll li a:hover{
  font-weight : normal;
  color : #cc0000;
}


/* フッターナビのCSS
------------------------------------------------------------*/

footer h3{
  font-weight : normal;
  color : white;
  background-color : black;
  padding-left : 10px;
}

#footer_menu{
  font-weight : normal;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 20px;
}

#footer_menu ul{
  font-weight : normal;
}

#footer_menu li{
  font-weight : normal;
  margin-top : 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
  margin-left : -10px;
  font-size : 11pt;
}

#footer_menu li a{
  font-weight : normal;
  color : #414141;
}

#footer_menu li a:hover{
  font-weight : normal;
  color : #cc0000;
}

#footer_menu_small li{
  font-weight : normal;
  margin-top : 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
  margin-left : 0px;
  font-size : 10.5pt;
}

#footer_menu_small i{
  padding-right : 5px;
  padding-left : 5px;
  color : orange;
}

.ic_navi img{
  width : auto;
  height : 50px;
  text-align : center;
}

/* モバイル用
------------------------------------------------------------*/
@media all and (max-width: 1019px) {

/* メインナビのCSS
------------------------------------------------------------*/

#menu{
  margin-left : auto;
  margin-right : auto;
  border-bottom-width : 1px;
  border-bottom-style : none;
  padding-bottom : 5px;
  margin-bottom : 0px;
  float : left;
  position : relative;
  width : 100%;
}

#menu ul{
  font-weight : normal;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : silver;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : silver;
  }
	
#menu ul li{
  font-weight : normal;
  height : 30px;
  float : left;
  position : relative;
  margin-right : 5px;
  font-size : 10pt;
  text-align : center;
  padding-right : 10px;
  padding-top : 5px;
}

#menu li:last-child{
	border-right-style : none;
}

#menu ul li a{
	display:block;
}

#menu ul li a:hover{
  text-decoration : none;
  color : #cc0000;
}

#menu ul li:hover ul{
	display:block;
}
	
#menu li.current-menu-item{
  text-decoration : underline;
  border-bottom-width : 3px;
  border-bottom-style : none;
  border-bottom-color : #004080;
  
    font-weight : bold;
  }

i{
  padding-right : 5px;
  padding-left : 5px;
  color : gray;
}


/* メインナビここまで
------------------------------------------------------------*/

}