@charset "utf-8";

img {border:none;}
* {padding:0; margin:0}
ol,ul {list-style:none;}
a{outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur());}/* Undo default HTML styling of common browsers */


/* General */
html, body {height:100%;  }
body {
	
	color:#4e4a49;
	text-align:center;
	margin-left:-17px
	font:normal 11px/15px verdana,serif;
	}


/* Who's your daddy */
#daddy {width:1000px; height:auto; margin:auto auto auto auto;}


/* Header */
#top {height:135px; width:1000px; position:fixed; margin:0 auto; }
#logo {	width:299px; height:70px; float:left; }
#header{
	width:965px;
	height:66px;
	float:left;
	position:absolute;
	top:70px;
	left:35px;
}
/* Menu */
#menu{width:580px; height:66px; float:left; margin:auto;}
#menu ul li a img{border:none;}
ul#nav li#Btn1 a{	float:left;	width:90px;	height:66px; margin-right:2px; line-height:66px; background-image:url(../images/Btn01.png); cursor:pointer}
ul#nav li#Btn2 a{	float:left;	width:90px;	height:66px; margin-right:2px; line-height:66px; background-image:url(../images/Btn02.png); cursor:pointer}
ul#nav li#Btn3 a{	float:left;	width:90px;	height:66px; margin-right:2px; line-height:66px; background-image:url(../images/Btn03.png); cursor:pointer}
ul#nav li#Btn4 a{	float:left;	width:90px;	height:66px; margin-right:2px; line-height:66px; background-image:url(../images/Btn04.png); cursor:pointer}
ul#nav li#Btn5 a{	float:left;	width:90px;	height:66px; margin-right:2px; line-height:66px; background-image:url(../images/Btn05.png); cursor:pointer;background-position:left bottom;}
ul#nav li#Btn6 a{	float:left;	width:90px;	height:66px; line-height:66px; background-image:url(../images/Btn06.png);cursor:pointer}
ul#nav li#Btn1 a:hover{background-position:left bottom;}
ul#nav li#Btn2 a:hover{background-position:left bottom;}
ul#nav li#Btn3 a:hover{background-position:left bottom;}
ul#nav li#Btn4 a:hover{background-position:left bottom;}
ul#nav li#Btn5 a:hover{background-position:left bottom;}
ul#nav li#Btn6 a:hover{background-position:left bottom;}

#secmenu{width:225px; height:66px; float:right; margin-right:20px}
#secmenuitem{width:250px; padding-top:25px; float:left; height:66px;}
#secmenuitem ul li{display:inline;}
#secmenuitem div a{
	text-decoration: none;
	color: #666666;
	font-size: 12px;
	font-family: Meiryo, "Arial Unicode MS";
	line-height:32px;
}
#lang{width:90px; padding-top:25px; float:left; height:66px;}
#lang ul li a img{border:none;}
#lang ul li{float:left; display:block; border:0px;}
/* Main */

#main{width: 1000px; height:100%;}
#sidebar{width:221px; height:auto;float:left; position:fixed; top:150px; /*display:block; position:fixed; top:150px;*/}
#area-nav-1,#area-nav-2,#area-nav-3,#area-nav-4,#area-nav-5,#area-nav-6{cursor:pointer;height:55px;width:74px;}

#page-tittle{width:221px; height:98px;}
#page-nav-container{width:221px; height:200px; position:relative; }
#page-nav-container ul{width:180px; height:55px; float:right; margin-bottom:2px;}
#page-nav-container ul li{display:inline; float:left; width:74px; height:55px; margin:1px;}
#area-nav-1{background-image:url(../images/about_nav_02.png);}
#area-nav-1:hover {background-position:left bottom;}
#area-nav-2{background-image:url(../images/product_nav_01.png);}
#area-nav-2:hover {background-position:left bottom;}
#area-nav-3{background-image:url(../images/product_nav_02.png);}
#area-nav-3:hover {background-position:left bottom;}
#area-nav-4{background-image:url(../images/product_nav_03.png);}
#area-nav-4:hover {background-position:left bottom;}
#area-nav-5{background-image:url(../images/product_nav_04.png);}
#area-nav-5:hover {background-position:left bottom;}
#area-nav-6{background-image:url(../images/support_nav_06.png);}
#area-nav-6:hover {background-position:left bottom;}

#main-container{
	width:779px;
	height:100%;
	float:right;
	position:relative;
	z-index:1;
}
#CoreTechnology-outter{width:779px; height:auto;margin-bottom:50px;}
#Standalone-outter{width:779px; height:auto;margin-bottom:50px;}
#Enterprise-outter{width:779px; height:auto;margin-bottom:50px;}
#Workstation-outter{width:779px; height:auto;margin-bottom:50px;}
#Gateway-outter{width:779px; height:auto;margin-bottom:50px;}
#main-container-01{
	width:770px;
	height:250px;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;


}

#main-container-02{
	width:770px;
	height:187px;
	margin:0px auto;
	overflow:hidden;
	margin-bottom:40px;

}



.demo-content01{ width:300px; height:168px; background-color:#e2e2e2; margin:0 auto; float:left; display:inline  }
.demo-content02{ width:222px; height:187px; float:left; background-color:#CCCCCC; }
.demo-tittle01{
	font-size: 16px;
	color: #3f3b3a;
	font-weight: bold;
	text-align: left;
	line-height:25px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:30px;
}
.demo-tittle01 a{
	font-size: 16px;
	color: #3f3b3a;
	font-weight: bold;
	text-align: left;
	line-height:25px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:30px;
	text-decoration:none;
}
.demo-tittle02{ float:left; _display:inline; margin:0 auto; font-size: 14px;
	color: #3f3b3a;
	font-weight: bold;
	text-align: left;
	line-height:25px;
	font-family: Verdana, Geneva, sans-serif; text-align:center; line-height:30px;}
.demo-text01{  color: #888888;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	line-height: 16px; text-align:center}
.demo-text01 a{  color: #888888;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	line-height: 16px; text-align:center;
	text-decoration:none;}

.demo-text02{ float:left; _display:inline; margin:0 auto; color: #888888;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	line-height: 16px; text-align:center}




#bank-outter{width:779px; height:398px;}

}
#city-outter{width:779px; height:900px; }
#city-content-01{width:779px; height:329px; background-image:url(../images/city_bg_01.png);}
#city-content-02{width:779px; height:393px; background-image:url(../images/city_bg_02.png)}

#city-tittle{
	
	font-size: 16px;
	color: #3f3b3a;
	font-weight: bold;
	text-align: left;
	line-height:25px;
	font-family: Verdana, Geneva, sans-serif;
}
#city-subtittle{
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3b3a;
	font-weight: bold;
	text-align: left;
}
#city-text{
	
	color: #888888;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	
	
}

#line01{width:779px; height:47px; background-image:url(../images/line01.png);}
#line02{width:779px; height:47px; background-image:url(../images/line02.png);}
#line05-1{width:779px; height:90px; background-image:url(../images/line01-2.png);}
#line05-2{width:779px; height:90px; background-image:url(../images/line02-1.png);}
#line05-3{width:779px; height:90px; background-image:url(../images/line02-2.png);}
#line05-4{width:779px; height:90px; background-image:url(../images/line02-3.png);}
#line05-5{width:779px; height:90px; background-image:url(../images/line02-4.png);}


#foot{
	width:1000px;
	height:130px;
	clear:both;
	alignment-adjust:central;
	margin-left:auto;
	margin-right:auto;
	color: #999999;
}
#foot-nav{width:1000px; height:47px; background-image:url(../images/footer.jpg);}
#foot-nav ul{
	white-space: nowrap;
	width: 1000px;
	overflow: hidden;
	width:1000px;
	height:47px;
	font-size: 12px;
}
#foot-nav ul li{display: inline; margin:15px; height:47px; }
#foot-nav ul li a{
	vertical-align:middle;
	text-align:center;
	height:47px;
	line-height:47px;
	text-decoration: none;
	color: #668e25;
	font-family: Meiryo;
	font-weight: bold;
}
#copyright{width:1000px; height:45px; }
#copyright a{
	font-size:11px;
	line-height:45px;
	color: #999999;
	font-family: Meiryo, "Arial Unicode MS";
}
