@charset "iso-8859-1";

/* html element
----------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,fieldset,p,blockquote {
	padding: 0;
	margin: 0;
}
html{
	overflow-y: scroll;
}
ol,ul {
	list-style: none;
}
hr {
	display: none;
}
a,img {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* TAG Layout
----------------------------------------------------*/
html {
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
	width: 100%;
	color: #333;
	text-align: center;
	background: #fff;
	font: 0.75em Arial, Helvetica, sans-serif;
}
/* LINK action
----------------------------------------------------*/
a:link{
	color:#0029B0; /* Navy Blue */
	text-decoration:none;
}
a:visited{
	color:#660066; /* Red Purple */
	text-decoration:none;
}

a:hover{
	color:#0066FF; /* Light Blue */
	text-decoration:underline;
}

/* All Layout
----------------------------------------------------*/
div#wrapper{/* background */
	width: 778px;
	height: 100%;
	margin: 0px auto;
	background: #fff url(../images/bg_body.gif) repeat-y left top;
}
div#wrapper-bg{/* background height100% hack */
	width: 778px;
	background: #fff url(../images/bg_body.gif) repeat-y left top;
}
div#container {
	width: 744px;
	margin: 0 auto;
	text-align: left;
}

/* HEADER Layout
----------------------------------------------------*/
div#header {
	clear: both;
}

div#header div#ci,div#header h1#ci {
	float: left;
	width: 320px;
	padding:19px 20px 0px 0px ;
}
div#header div#submenu {
	float: right;
	width: 304px;
	padding:21px 0px 0px;
	font-size: 80%;
	line-height: 110%;
}
div#header div#submenu ul#group-navi {
	float: left;
	width: 304px;
	height: 18px;
}
div#header div#submenu ul#group-navi li {
	float: right;
	background: url(../images/hdr_ico_window.gif) no-repeat 0px 1px;
}
div#header div#submenu ul#group-navi li a{
	padding:0px 0px 0px 14px;
	color: #666666;
	text-decoration: none;
}
div#header div#submenu ul#group-navi li a:hover{
	text-decoration:underline;
}
div#header div#submenu ul#sub-navi {
	float: right;
	width: 295px;
	height: 28px;
	text-align: left;
}
div#header div#submenu ul#sub-navi li{
	float: right;
	background: url(../images/lm_arw.gif) no-repeat 0px 3px;
}
div#header div#submenu ul#sub-navi li a{
	padding:0px 0px 0px 7px;
	color: #666666;
	text-decoration: none;
}
div#header div#submenu ul#sub-navi li a:hover{
	text-decoration:underline;
}
div#header div#submenu ul li {
	float: left;
	padding:0px 20px 0px 0px;
}
div#header div#submenu ul li.end {
	padding:0px;
}

/* Add -{ZDCSS,a,e"qZO */
div#header ul#language {
	float: left;
	width: 79px;
	padding:35px 0 0;
}
div#header ul#language li {
	float: left;
	font-size: 80%;
	line-height: 110%;
}
div#header ul#language li#jpn{
	padding:0px 10px 0px 0px;
}
div#header ul#language li#chi{
	background: url(../images/hdr_bg_language_dot.gif) no-repeat left;
	padding:0px 0px 0px 16px;
}
div#header ul#language li#jpn a,div#header ul#language li#chi a{
	color:#666666;
	text-decoration:none;
}
div#header ul#language li#jpn a:hover,div#header ul#language li#chi a:hover{
	text-decoration:underline;
}

/* GLOBAL Layout
----------------------------------------------------*/
div#globalnavi {
	height: 33px;
}
div#globalnavi ol {
	height: 33px;
	background: url(../images/btn_global.gif) no-repeat 0px -32px;
}
div#globalnavi ol li {
	height: 33px;
	float: left;
	display: block;
	overflow: hidden;
}

/* --- */
div#globalnavi ol li.home {
	width: 65px;
	background: url(../images/btn_gb_home.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.skill {
	width: 138px;
	background: url(../images/btn_gb_skill.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.products {
	width: 143px;
	background: url(../images/btn_gb_products.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.support {
	width: 90px;
	background: url(../images/btn_gb_support.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.network {
	width: 207px;
	background: url(../images/btn_gb_network.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.news {
	width: 101px;
	background: url(../images/btn_gb_news.gif) no-repeat 0px 0px;
}
/*------------------------------------------------------------*/
/* ---link--- */
div#globalnavi ol li.home a {
	width: 65px;
}

div#globalnavi ol li.skill a {
	width: 138px;
}

div#globalnavi ol li.products a {
	width: 143px;
}

div#globalnavi ol li.support a {
	width: 90px;
}

div#globalnavi ol li.network a {
	width: 207px;
}

div#globalnavi ol li.news a {
	width: 101px;
}
/*------------------------------------------------------------*/
/* ---pageactive--- */
div#globalnavi ol li.home a.actv {
	background: url(../images/btn_gb_home_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.skill a.actv {
	background: url(../images/btn_gb_skill_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.products a.actv {
	background: url(../images/btn_gb_products_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.support a.actv {
	background: url(../images/btn_gb_support_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.network a.actv {
	background: url(../images/btn_gb_network_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.news a.actv {
	background: url(../images/btn_gb_news_o.gif) no-repeat 0px 0px;
}

/*------------------------------------------------------------*/
/* ---r-over---*/
div#globalnavi ol li a {
	position: absolute;
	height: 33px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}

div#globalnavi ol li.home a:hover{
	background: url(../images/btn_gb_home_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.skill a:hover{
	background: url(../images/btn_gb_skill_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.products a:hover{
	background: url(../images/btn_gb_products_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.support a:hover{
	background: url(../images/btn_gb_support_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.network a:hover{
	background: url(../images/btn_gb_network_o.gif) no-repeat 0px 0px;
}

div#globalnavi ol li.news a:hover{
	background: url(../images/btn_gb_news_o.gif) no-repeat 0px 0px;
}

/* FOOTER Layout
----------------------------------------------------*/
div#footer {
	clear: both;
	background: #e5e5e5;
	overflow:hidden;
}
div#footer ul {
	float: left;
	width: 635px;
	padding: 4px 0px 0px 0px;
	font-size: 80%;
}
div#footer ul li {
	float: left;
	padding: 0 7px;
	border-left: 1px solid #333333;
}
div#footer ul li.start {
	border-left: 1px solid #e5e5e5;
}
div#footer p#pageup {
	float: right;
	width: 98px;
	margin-right:2px;
	padding:2px 0 0 0px;
	background: #E5E5E5 url(../images/ftr_btn_pageup.gif) no-repeat right 6px;
	text-align: right;
} 
div#footer p#pageup a{
	font-weight: bold;
	padding: 0px 14px 0 0px;
	font-size:80%;
	color:#6D6D6D;
}
div#footer p#copyright {
	clear: both;
	font-size:80%;
	padding: 3px 0px 10px 0px;
	background: #fff;
}
div#footer a{
	color: #333;
	text-decoration:none;
}
div#footer a:hover{
	text-decoration:underline;
}
/* All Class
----------------------------------------------------*/
.imgleft {
	float: left;
	padding: 10px 10px 0px 0px;
}
.imgright {
	float: right;
	padding: 0px 0px 10px 10px;
}
div.skip {
    position: absolute;
    top: -999px;
    left: -9999px;
    width: 990px;
}
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
	line-height: 100%;
}
div.clear-dot {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
	line-height: 100%;
	background: url(../images/line_dot_x.gif) repeat-x left top;
}
div.floatclear {
	clear: both;
}
div.floatleft {
	float: left;
}
div.floatright {
	float: right;
}


/* All Class
----------------------------------------------------*/
.imgleft {
	float: left;
	padding: 10px 10px 0px 0px;
}
.imgright {
	float: right;
	padding: 0px 0px 10px 10px;
}
div.skip {
    position: absolute;
    top: -999px;
    left: -9999px;
    width: 990px;
}
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
	line-height: 100%;
}

div.clear-dot {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
	line-height: 100%;
	background: url(../images/line_dot_x.gif) repeat-x left top;
}
div.floatclear {
	clear: both;
}
div.floatleft {
	float: left;
}
div.floatright {
	float: right;
}