
*{outline: none;}
img {border: 0;}

	/*--フォントを変更、フォントサイズも10pxから12pxへ、widthを710pxから840pxに変更（検索フォーム入れるため）--*/
.navcontainer {
	width: 880px;
	padding: 0;
	margin: 0 auto;
    font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Verdana, Arial, Helvetica, sans-serif;
	position: relative; 
	background: transparent;
	float: left; 
	z-index: 1000;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1em;
}



ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

	/*--IEでpull downメニューの上線が切れる問題を解決 background-color="#FFF"を削除--*/
ul#topnav li a {
	 display: block;
	 height: auto; 
	 padding: 7px 12px; 
	 color: #333; 
	 font-size: 1em; 
	 font-weight: bold; 
	 text-decoration: none;
}
	/*--検索formを横に並べて表示するための定義を追加--*/

ul#topnav li form {
	 display: block;
	 height: auto; 
	 padding: 5px 12px; 
	 color: #333; 
	 font-size: 1em; 
	 font-weight: bold; 
	 text-decoration: none;
}

ul#topnav li:hover a,  ul#topnav li a:hover {
	color: #fff;
	background: url(/newmenu/left-tab-b.gif) left top no-repeat;
    padding-right: 0px;

}
  


ul#topnav li:hover span,  ul#topnav li a:hover span {
	padding-top: 7px; 
	padding-bottom: 7px;
	padding-right: 12px;
	background: url(/newmenu/right-tab-b.gif) right top no-repeat;

} 


ul#topnav li .sub {
	position: absolute;
	top: 26px; left: 0;
	background-color: #ffffff;
	padding: 0px 0px 2px 2px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/o
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	
	border-left: #afafaf solid 1px;
	border-bottom: #afafaf solid 1px;
	border-right: #afafaf solid 1px;


	
	
}

ul#topnav li .blue {
float: left; 
width: auto;
padding-bottom: 20px;
background-color:#336699;
/*--top right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;}
	
	
ul#topnav li .white_col {
float:left;

width: 100px;
padding-bottom: 20px;
background-color:#ffffff;
color: #333333;

}


ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #ffffff;
	
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding:10px 10px 2px 14px;
	background-image: none;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: none;
	padding: 0px 5px 0px 14px;
	text-decoration: none;
	color: #ffffff;
	font-size:9pt;
	font-weight: normal;
}
ul#topnav .sub ul li a:hover {
text-decoration:underline;
background-position: -9999px;
}



ul#topnav li .white_col ul {
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	width:120px;
}
ul#topnav .white_col  ul li {
	width: auto;
	color: #ffffff;
	
}
ul#topnav .white_col  ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: normal;
}
ul#topnav .white_col ul li h2 a {
	padding:5px 0px 2px 0px;
	background-image: none;
	color: #690;
	font-size: 1em;
	font-weight: bold;
	
}

ul#topnav .white_col ul li h2 a:hover {

	color: #690;
	text-decoration: underline;
	
}

ul#topnav .white_col  ul li {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: none;
	padding: 0px 5px 0px 12px;
	text-decoration: none; 
	color: #333333;
	font-size:.9em;
	font-weight: normal;
}



.dottedline {
border-top:#949494 dotted 1px;
margin: 15px 0 0px 0; 
_margin: 15px 0 0px 0; 
width: 95px
}

.dd_top {
height: 3px;
background: url(/newmenu/sub_graytop.gif) left top repeat-x;
overflow:hidden;
padding-right: 20px;
}

.dd_top_blue {
height: 3px;
overflow:hidden;


}


/* this is for that darn white space next to the blue column*/
ul#topnav li .whitespace ul {
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	
}





