@charset "utf-8";
/* CSS Document */

/*================================================
 Navigation styling
================================================*/

/* Default toplink styling
------------------------------------------------*/

div#header ul#navi{
	position:absolute;
	padding:0 5px;
	background:
		url(../../images/navi/navi_bg.gif)
		transparent no-repeat left top;
	width:780px;
	height:35px;
	left:0;
	bottom:0;
	}
	
div#header ul#navi li.top{
	display:block;
	text-indent:-9999px;
	width:110px;
	height:35px;
	float:left;
	}
	
div#header ul#navi li a.top_link{
	display:block;
	width:110px;
	height:35px;
	}

div#header ul#navi li a#navi_internet:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat 0 0; }
div#header ul#navi li a#navi_ipphone:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat -110px 0; }
div#header ul#navi li a#navi_computer:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat -220px 0; }
div#header ul#navi li a#navi_download:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat -330px 0; }
div#header ul#navi li a#navi_support:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat -440px 0; }
div#header ul#navi li a#navi_company:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat -550px 0; }
div#header ul#navi li a#navi_alliance:hover { background:url(../../images/navi/navi_bg_r.gif) no-repeat -660px 0; }

body.internet #navi_internet	{ background:url(../../images/navi/navi_bg_r.gif) no-repeat 0px 0px; }
body.ip_phone #navi_ipphone		{ background:url(../../images/navi/navi_bg_r.gif) no-repeat -110px 0px; }
body.computer #navi_computer	{ background:url(../../images/navi/navi_bg_r.gif) no-repeat -220px 0px; }
body.download #navi_download	{ background:url(../../images/navi/navi_bg_r.gif) no-repeat -330px 0px; }
body.support #navi_support		{ background:url(../../images/navi/navi_bg_r.gif) no-repeat -440px 0px; }
body.company #navi_company		{ background:url(../../images/navi/navi_bg_r.gif) no-repeat -550px 0px; }
body.alliance #navi_alliance	{ background:url(../../images/navi/navi_bg_r.gif) no-repeat -660px 0px; }

/* Default list styling
------------------------------------------------*/

div#header ul#navi li:hover{
	position:relative;
	z-index:200;
	}

div#header ul#navi li:hover ul.sub{
	position:absolute;
	padding:4px;
	border:1px solid #2b5995;
	background:
		url(../../images/navi/navi_sub_bg.png)
		transparent repeat left top;
	text-align:left;
	white-space:nowrap;
	width:130px;
	height:auto;
	left:0;
	top:30px;
	z-index:300;
	}
	

	
div#header ul#navi li:hover ul.sub li{
	display:block;
	position:relative;
	width:130px;
	height:28px;
	float:left;
	}
	
div#header ul#navi li:hover ul.sub li a{
	display:block;
	font-size:11px;
	color:#fff;
	text-indent:6px;
	line-height:30px;
	text-decoration:none;
	width:130px;
	height:28px;
	}
	
div#header ul#navi li:hover ul.sub li a:hover{
	background-color:#004774;
	}

div#header ul#navi li:hover ul.sub li a.fly{
	background:
		url(../../images/navi/navi_sub_fly_bg.png)
		transparent no-repeat right top;
	}
	

	
div#header ul#navi li:hover ul.sub li:hover a.fly{
	background:
		url(../../images/navi/navi_sub_fly_bg.png)
		#004774 no-repeat right top;
	}
	

	
div#header ul#navi li:hover li:hover ul,
div#header ul#navi li:hover li:hover li:hover ul,
div#header ul#navi li:hover li:hover li:hover li:hover ul,
div#header ul#navi li:hover li:hover li:hover li:hover li:hover ul{
	left:127px;
	top:-4px;
	padding:4px;
	border:1px solid #2b5995;
	background:
		url(../../images/navi/navi_sub_bg.png)
		transparent repeat left top;
	white-space:nowrap;
	width:130px;
	z-index:400;
	height:auto;
	}

div#header ul#navi ul, 
div#header ul#navi li:hover ul ul,
div#header ul#navi li:hover li:hover ul ul,
div#header ul#navi li:hover li:hover li:hover ul ul,
div#header ul#navi li:hover li:hover li:hover li:hover ul ul{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	}

div#header ul#navi li:hover li:hover a.fly,
div#header ul#navi li:hover li:hover li:hover a.fly,
div#header ul#navi li:hover li:hover li:hover li:hover a.fly,
div#header ul#navi li:hover li:hover li:hover li:hover li:hover a.fly{
	background:url(../../images/navi/arrow_over.gif) transparent 80px 6px no-repeat;
	color:#fff;
	border-color:#fff;
	} 

div#header ul#navi li:hover li:hover li a.fly,
div#header ul#navi li:hover li:hover li:hover li a.fly,
div#header ul#navi li:hover li:hover li:hover li:hover li a.fly{
	background:url(../../images/navi/arrow.gif) transparent 80px 6px no-repeat;
	color:#000;
	border-color:#50b5d0;
	}