@charset "UTF-8";
/* CSS Document */
#index-containt{ overflow:hidden; padding-top:17px;}
.containt-left{ float:left; width:751px;}
.containt-right{ float:right; width:207px;}
.containt-left-content{ padding-top:32px;}
.containt-right-title{}
.containt-right-content{}
.containt-right-content-pic{ padding-bottom:10px;}



#navi{
	font-family: Helvetica, Arial, sans-serif; position:absolute;z-index:20; 
}
#navi ul,#navi li{ list-style:none; margin:0px; padding:0px;}

.navi-font01{ font-size:13px;}
.navi-font02{ font-size:11px; padding-top:4px;}
.navi-font03{ font-size:11px; line-height:120%;}
.navi-font04{ font-size:12px;}
.navi-font05{ font-size:11px;}
/*20100705 update start*/
.navi-font06{ font-size:9px;}

/*20100705 update end*/

.navi01{
	background-image: url(../images/navi-off.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	width: 126px;font-size:16px; float:left;
}
.navi01 a{ display:block;height:23px; padding-top:9px;color:#107aca;text-decoration:none; text-align:center;}
.navi01 a:hover{color:#FFFFFF; text-decoration:none;background-image: url(../images/navi-on.jpg);
	background-repeat: no-repeat;
	background-position:right 0px;}

.navi01-on{width: 125px;font-size:16px; float:left;background-image: url(../images/navi-on.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;text-align:center;}
.navi01-on a{color:#FFFFFF; height:23px; padding-top:9px;text-decoration:none; display:block;}

.navi01-off{width: 125px;font-size:16px; float:left;background-image: url(../images/navi-off.jpg);
	background-repeat: no-repeat;
	background-position: right 0px; text-align:center;}
.navi01-off a{color:#107aca; height:23px; padding-top:9px;text-decoration:none;display:block;}

#navi .navi02-ul {
	background-image: url(../images/navi-sub02-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: none; padding-bottom: 10px;
	width:125px;
	filter: Alpha(Opacity=95);	
	Opacity:0.9;
}

#navi li:hover .navi02-ul {
	display:block; 
}

.navi02-on{background-image: url(../images/navi-sub02-on.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;}
.navi02-on a{width: 125px;text-decoration:none; display:block;}

.navi02-off{background-image: none;}
.navi02-off a{width: 125px;text-decoration:none;display:block;}


.navi02-li{ height:37px; width:125px;color:fff; font-size:16px; }
.navi02-li a{padding-left:17px; height:26px; width:108px; display:block; padding-top:11px;color:#FFFFFF;text-align:left;}

.navi02-li a:hover,.navi021-li a:hover,.navi022-li a:hover,.navi023-li a:hover{
	background-image: url(../images/navi-sub02-on.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
.navi021-li{ height:37px; width:125px;color:fff; font-size:13px;}
.navi021-li a{padding-left:17px; height:25px; width:108px; display:block; padding-top:12px;color:#FFFFFF; text-align:left;}

.navi022-li{ height:37px; width:125px;color:fff; font-size:11px;}
.navi022-li a{padding-left:17px; height:32px; width:108px; display:block; padding-top:7px;color:#FFFFFF; text-align:left;}

.navi023-li{ height:37px; width:125px;color:fff; font-size:12px;}
.navi023-li a{padding-left:17px; height:31px; width:108px; display:block; padding-top:6px;color:#FFFFFF; text-align:left;}

#a01{ position:relative;filter: Alpha(Opacity=90);	
	Opacity:0.9;}

#a01 .navi03-ul{	display: none;}
#a01 li:hover .navi03-ul {	display:block;}

.navi03-ul-top{
	background-image: url(../images/navi-sub03-bg-top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size:1px; line-height:0px;
	height:10px;
	width:177px;
	position:relative; top:0px; left:0px; margin-top:0px;
}
.navi03-ul-bottom{
	background-image: url(../images/navi-sub03-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	width:177px; height:10px;font-size:1px; line-height:0px;
	position: relative; left:0px; bottom:0px;
}
.navi03-ul-bg{
	width:177px;
	position: absolute;
	left:124px; 
	margin-top:-30px;
	filter: Alpha(Opacity=90);
	
}
.navi03-li{width:177px;height:23px;color:fff; font-size:13px;}
.navi03-li a{height:23px; padding-top:0px;color:#bce1fd;text-align:left; width:160px; padding-left:17px;background-color:#026BBB;}
.navi03-li a:hover{
	background-image: url(../images/navi-sub03-on.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#navi li:hover .navi02-li li:hover{display:block; }