@charset "UTF-8";

/* default css reset
--------------------------*/
body{
	background:url(../images/common/bg_content.gif) repeat-x;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
table{
	font-size:inherit;
	font:100%;
	border-collapse:separate;
	border-spacing:0;
}
img{
	vertical-align:top;
}
sub{
	margin-right:.1em;
	vertical-align:baseline;
}
sup{
	position:relative;
	top:-4px;
	vertical-align:baseline;
}
input, select, textarea{
	font-size:100%;
	font-family:sans-serif;
}
input.radio{
	vertical-align:middle;
}
em,strong{
	font-weight:bold;
	font-style:normal;
}
caption{
	position:static;
	left:0;
	display:table-caption;
	width:auto;
	height:auto;
	text-align:left;
	font-weight:bold;
}

/* font size
--------------------------*/
.txt10b,
.txt12b,
.txt14b,
.txt16b,
.txt18b{
	font-weight:bold;
}
#container{
	font-size:75%;
	line-height:1.417;
	text-align:center;
}
#container .txt10, 
#container .txt10b{
	font-size:83%;
}
#container .txt12, 
#container .txt12b{
	font-size:100%;
}
#container .txt14,
#container .txt14b{
	font-size:118%;
}
#container .txt16, 
#container .txt16b{
	font-size:135%;
}
#container .txt18, 
#container .txt18b{
	font-size:152%;
}
#container .txt22, 
#container .txt22b{
	font-size:187%;
}

/* override style - global header / footer
--------------------------*/
div#global_header .container,
div#global_nav .container,
div#global_footer .container{
	width:980px;
}
div#global_header .function_nav{
	width:614px;
}
#global_header .function_nav li{
	margin-top:2px;	
}
#global_header .function_nav ul a{
	display:block;
	height:11px;
	background:url(../images/common/function_btn.gif) no-repeat;
	text-indent:-9999px;
	outline:0;
}
#global_header #home a{
	width:86px;
}
#global_header #personal a{
	width:71px;
	background-position:-96px 0;
}
#global_header #business a{
	width:71px;
	background-position:-177px 0;
}
#global_header #corporate a{
	width:50px;
	background-position:-258px 0;
}
div#global_header .function_nav{
	width:601px;	
}
div#global_header .dynamic_nav{
	width:203px;	
}
div#global_header .dynamic_nav ul li.q input{
	width:158px;
	font-size:100%;
}
div#global_footer .breadcrumbs ul { font-size:100%;}
div#global_footer .direct_nav { width:450px; text-align:right;}
div#global_footer .direct_nav table{ margin-left:auto; border-collapse:collapse;}
div#global_footer .direct_nav td{width:84px; border-right:1px solid #7f7f7f; border-left:1px solid #7f7f7f; height:22px; vertical-align:bottom;}
div#global_footer .direct_nav a{ display:block; margin:0 3px; color:#444; text-decoration:none; text-align:center;}
div#global_footer .direct_nav a:hover{ color:#444; text-decoration:none;}
div#global_footer .copyright{font-size:1px;}
div#global_footer .function_nav { width:400px; }
div#global_footer .function_nav li{font-size:1px;}
div#global_footer .breadcrumbs ul li{ white-space:nowrap;}

/* global navigation
--------------------------*/
#global_nav a, #global_nav span {
	display:block;
	height:27px;
	background:url(../images/common/bt_gnav.gif) no-repeat;
	text-indent:-9999px;
	outline:0;
}
#global_nav ul {
	zoom:1;
}
#global_nav ul:after {
	content:'';
	display:block;
	clear:both;
}
#gnav1 {width:147px;}
#gnav1 a {background-position:0 0;}
#gnav1 a:hover {background-position:0 -27px;}
#gnav1 a:active {background-position:0 -54px;}
#top #gnav1 a, #top #gnav1 a:hover, #top #gnav1 a:active {background-position:0 -81px;}
#gnav2 {width:79px;}
#gnav2 a {background-position:-148px 0;}
#gnav2 a:hover {background-position:-148px -27px;}
#gnav2 a:active {background-position:-148px -54px;}
#products #gnav2 a, #products #gnav2 a:hover, #products #gnav2 a:active {background-position:-148px -81px;}
#gnav3 {width:124px;}
#gnav3 a {background-position:-308px 0;}
#gnav3 a:hover {background-position:-308px -27px;}
#gnav3 a:active {background-position:-308px -54px;}
#datasheet #gnav3 a, #datasheet #gnav3 a:hover, #datasheet #gnav3 a:active {background-position:-308px -81px;}
#gnav4 {width:149px;}
#gnav4 a {background-position:-433px 0;}
#gnav4 a:hover {background-position:-433px -27px;}
#gnav4 a:active {background-position:-433px -54px;}
#inquiry #gnav4 a, #inquiry #gnav4 a:hover, #inquiry #gnav4 a:active {background-position:-433px -81px;}
#gnav5 {width:80px;}
#gnav5 a {background-position:-583px 0;}
#gnav5 a:hover {background-position:-583px -27px;}
#gnav5 a:active {background-position:-583px -54px;}
#network #gnav5 a, #network #gnav5 a:hover, #network #gnav5 a:active {background-position:-583px -81px;}
#gnav6 {width:96px;}
#gnav6 a {background-position:-664px 0;}
#gnav6 a:hover {background-position:-664px -27px;}
#gnav6 a:active {background-position:-664px -54px;}
#map #gnav6 a, #map #gnav6 a:hover, #map #gnav6 a:active {background-position:-664px -81px;}


/* layout element
--------------------------*/
#body{
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;
}
#content{
	float:right;
	width:770px;
	margin-top:9px;
}
#mainArea{
	float:left;
	width:580px;
}

/* related information
--------------------------*/
#sideArea{
	float:right;
	width:170px;
	padding-bottom:30px;
}
#sideArea .header{
	padding:1em 0 .67em;
	border-top:1px solid #2e4399;
	background:url(../images/common/bg_subhead.gif) repeat-x left bottom;
}
#sideArea .header span{
	display:inline-block;
	padding-left:5px;
	border-left:2px solid #2e4399;
	font-weight:bold;
}
#sideArea .menu{
	margin-bottom:1em;	
}
#relatedInformation dt,
#sideArea .menu dt{
	margin-top:1em;
}
#relatedInformation dd,
#sideArea .menu dd{
	margin-top:.5em;
	padding-bottom:.25em;
}

/* local navigation
--------------------------*/
#navArea{
	float:left;
	width:190px;
	margin-top:14px;
	padding-bottom:50px;
}
#siteTop{
	margin-bottom:4px;
	padding-bottom:.83em;
	background:url(../images/common/bg_sitetop_bottom.gif) no-repeat left bottom;
}
#siteTop span{
	display:block;
	padding:.83em 10px 0 6px;
	background:url(../images/common/bg_sitetop_top.gif) no-repeat;
}
#siteTop a{
	display:block;
	padding-left:16px;
	background:url(../images/common/arw_blue_square.gif) no-repeat 0 .2em;
}
#categoryTop{
	padding-top:3px;
	background:#2e4399 url(../images/common/bg_cattop_top.gif) no-repeat;
}
#categoryTop div{
	background-color:#2e4399;	
}
#categoryTop .opened{
	background:url(../images/common/bg_cattop_bottom.gif) repeat-x left bottom;
}
#categoryTop a,
#categoryTop span{
	display:block;
	padding:.82em 10px .33em 23px;
	background:url(../images/common/arw_white_square.gif) no-repeat 7px .95em;
	color:#FFF;
	font-weight:bold;
	zoom:1;
}
#categoryTop a,
#categoryTop .opened span{
	margin-bottom:1px;
	background-image:url(../images/common/arw_white_square_open.gif);
}
#localNav{
	padding:6px 0 15px;
	border-top:1px solid #b3b3b3;
	background:url(../images/common/bg_lnav_bottom.gif) no-repeat left bottom;
}
#localNav ul{
	border-top:1px solid #dedede;	
}
#localNav li{
	border-bottom:1px solid #dedede;	
}
#localNav li a,
#localNav li span{
	display:block;
	padding:.5em 10px .5em 22px;
	background:url(../images/common/arw_blue.gif) no-repeat 10px .92em;
	zoom:1;
}
#localNav li span{
	padding-left:22px;
	background:#475db3 url(../images/common/arw_white.gif) no-repeat 10px .92em;
	color:#FFF;
	font-weight:bold;
}
#localNav li.opened{
	background-color:#e1e6f7;
}
#localNav li.opened a,
#localNav li.opened span{
	padding-left:22px;
	background:#ebeefa url(../images/common/arw_blue_open.gif) no-repeat 10px .92em;
}
#localNav li.opened > a,
#localNav li.opened > span{
	border-bottom:1px solid #dedede;
}
#localNav li.opened span{
	background-color:#475db3;
	background-image:url(../images/common/arw_white_open.gif);
}
#localNav li ul{
	margin-top:.67em;
	margin-left:10px;
	padding:0 0 .67em 0;
	border-top:none;
	overflow:hidden;
	zoom:1;
}
#localNav li li{
	margin-top:-1px;
	border-top:1px solid #CCC;
	border-bottom:none;
}
#localNav li.opened li a{
	zoom:1;
	padding-top:.33em;
	padding-bottom:.33em;
	background-color:transparent;
	background-image:url(../images/common/arw_blue.gif);
	background-position:10px .75em;
}
#localNav li.opened li span{
	padding-top:.33em;
	padding-bottom:.33em;
	background-image:url(../images/common/arw_white.gif);
	background-position:10px .75em;
}
#otherNav li{
	margin-top:5px;	
}

/* breadcrumbs
--------------------------*/
#breadcrumbs{
	min-height:44px;
	padding:9px 280px 0 0;
}
#breadcrumbs ul{
	padding-bottom:1em;
}
#breadcrumbs li{
	float:left;
	margin-bottom:.3em;
	padding-left:15px;
	background:url(../images/common/arw_breadcrumbs.gif) no-repeat 4px 0.4em;
	white-space:nowrap;
}
#breadcrumbs li.first{
	padding-left:0;
	background-image:none;
}

/* site title
--------------------------*/
#stitle{
	width:139px;
	height:19px;
	background:url(../images/common/t_chips.png) no-repeat;
	text-indent:-9999px;
}
/* text web */
#textweb{
	position:absolute;
	left:0;
	margin:-15px 0 0 154px;
}
#textweb a{
	display:block;
	width:61px;
	height:11px;
	background:url(../images/common/bt_textweb.gif) no-repeat;
	text-indent:-9999px;
	outline:0;
}

/* page title
--------------------------*/
#title{
	margin-bottom:15px;
}
#title span{
	display:none;	
}

/* zoom function
--------------------------*/
#funcZoom{
	position:absolute;
	right:0;
	top:12px;
	width:229px;
}
#funcZoom .label{
	float:left;
	width:75px;
	margin-top:5px;
}
#funcZoom li{
	float:left;
}
#funcZoom a{
	display:block;
	outline:0;
	text-indent:-9999px;
}
#funcZoom #zoomSmall{
	width:74px;
	height:28px;
	background:url(../images/common/bt_zoom_s.gif) no-repeat;
}
#funcZoom #zoomReset{
	position:absolute;
	left:124px;
	top:4px;
	width:48px;
	height:20px;
	background:url(../images/common/bt_zoom_r_on.gif) no-repeat;
}
#funcZoom #zoomLarge{
	width:80px;
	height:28px;
	background:url(../images/common/bt_zoom_l.gif) no-repeat;
}
#body #funcZoom #zoomReset:hover{
	background-image:url(../images/common/bt_zoom_r_on.gif);
}
#body #funcZoom #zoomLarge:hover{
	background-image:url(../images/common/bt_zoom_l_on.gif);
}
#body #funcZoom #zoomSmall:hover{
	background-image:url(../images/common/bt_zoom_s_on.gif);
}
/* small */
#funcZoom.fontSmall #zoomSmall{
	background-image: url(../images/common/bt_zoom_s_on.gif);
}
/* default */
#funcZoom.fontDefault #zoomReset{
	background-image: url(../images/common/bt_zoom_r_on.gif);
}
#funcZoom.fontSmall #zoomReset,
#funcZoom.fontLarge #zoomReset{
	background-image: url(../images/common/bt_zoom_r.gif);
}
/* large */
#funcZoom.fontLarge #zoomLarge{
	background-image: url(../images/common/bt_zoom_l_on.gif);
}

/* print function
--------------------------*/
#printNavi{
	position:absolute;
	top:47px;
	right:0;
}
#printNavi .label{
	float:left;
	width:121px;
	height:31px;
	background:url(../images/common/bg_print_area_l.gif) no-repeat;
	text-indent:-9999px;
}
#printNavi ul{
	float:left;
	padding:8px 0 7px;
	background:url(../images/common/bg_print_area_r.gif) no-repeat right top;
}
#printNavi li{
	float:left;
}
#printNavi li a{
	display:block;
	text-indent:-9999px;
	outline:0;
}
#printNavi .print{
	width:67px;
	padding-right:8px;
}
#printNavi .print a{
	display:block;
	height:17px;
	background:url(../images/common/bt_print.gif) no-repeat;
}
#printNavi .print a:hover{
	background-image:url(../images/common/bt_print_on.gif);
}

/* pagetop
--------------------------*/
.pagetop{
	clear:both;
	margin-bottom:20px;
	padding-top:1.17em;
	border-top:1px solid #e5e5e5;
	text-align:right;
}
.pagetop a{
	display:inline-block;
	padding:0 11px 0 27px;
	border-right:1px solid #005e8c;
	border-left:1px solid #005e8c;
	background:url(../images/common/arw_pagetop.gif) no-repeat 9px .25em;
}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:hover,
.pagetop a:active{
	color:#0066a7;
}

/* sitecatalyst
--------------------------*/
#sitecatalyst{
	height:0;
	overflow:hidden;
	font-size:0px;
}

/* section
--------------------------*/
.section{
	margin-bottom:25px;
}
.section .header{
	margin-bottom:1em;
	padding:1.33em 13px .83em;
	border-bottom:1px solid #ebebeb;
	background:url(../images/common/bg_section_header.gif) no-repeat;
	font-weight:bold;
}
.section div.header{
	zoom:1;	
}
.section div.header:after{
	content:"";
	display:block;
	clear:both;
}
.section .header .title{
	float:left;
	margin-right:1.25em;
	font-weight:bold;	
}
.section .header .link{
	float:left;	
}
.section .subhead{
	margin-bottom:.67em;
	padding-bottom:8px;
	font-weight:bold;
	background:url(../images/common/bg_subhead.gif) repeat-x left bottom;
}
.section .subhead span{
	display:block;
	padding-left:5px;
	border-left:2px solid #2e4399;	
}
#map ul .subhead{
	padding-top:.83em;
	border-top:1px solid #96A1CC;
}
.rssLink{
	float:right;
}
.rssLink .rss{
	float:left;
	margin:.16em 10px 0 0;
}
.rssLink .aboutRSS{
	float:left;
	white-space:nowrap;
}

/* list
--------------------------*/
.listMarker li{
	overflow:hidden;
	_zoom:1;	
}
.listMarker .marker{
	float:left;
	margin-right:3px;
}
.listMarker .value{
	overflow:hidden;
	_zoom:1;	
}
/* marker square */
.listSquare li{
	padding-left:12px;
	background:url(../images/common/bg_marker_square.gif) no-repeat 0 .25em;
}

/* date list */
.listDate{
	overflow:hidden;
	zoom:1;
	margin-top:-.67em;
}
.listDate li{
	overflow:hidden;
	margin:-1px 0 .5em;
	border-top:1px solid #ebebeb;
}
.listDate .date{
	float:left;
	margin-right:10px;
	padding-top:.67em;
	padding-left:11px;
	background:url(../images/common/arw_blue.gif) no-repeat 0 1.12em;
}
.listDate .title{
	overflow:hidden;
	padding-top:.67em;
}
* html .listDate .title{
	zoom:1;	
}

/* link list */
dl.listLink{
	margin-bottom:1em;	
}
dl.listLink dt{
	margin-bottom:.75em;
	padding-bottom:.25em;
	border-bottom:1px solid #ebebeb;
	zoom:1;
}
dl.listLink dd a{
	display:inline-block;
	margin-bottom:.5em;
	padding-left:11px;
	background:url(../images/common/arw_blue.gif) no-repeat 0 .35em;
}
 /* horizontal list */
.listHorizon{
	zoom:1;	
}
.listHorizon:after{
	content:"";
	display:block;
	clear:both;
}
.listHorizon li{
	float:left;
	margin-right:20px;
}
* html .listHorizon li{
	float:none;
	display:inline;
	margin-right:15px;
	zoom:1;	
}
*:first-child+html .listHorizon li{
	float:none;
	display:inline;
	margin-right:15px;
	zoom:1;	
}
.listLink2col{
	width:100%;
	overflow:hidden;
	zoom:1;
	margin-top:-7px;
}
.listLink2col ul{
	width:620px;
}
.listLink2col li{
	float:left;
	width:280px;
	margin-top:-1px;
	margin-right:20px;
	padding:6px 0 4px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

/* order list */
.listOrder li{
	overflow:hidden;
	zoom:1;
}
.listOrder .order{
	float:left;
}
.listOrder .title{
	overflow:hidden;
	zoom:1;
}

/* list border */
ol.border li,
ul.border li{
	margin-bottom:.5em;
	padding-bottom:.5em;
	border-bottom:1px solid #e6e6e6;
}


/* table style
-------------------------*/
.listStyle{
	width:100%;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
.listStyle th{
	background-color:#e7e7e7;
	text-align:center;
}
.listStyle th,
.listStyle td{
	padding:.5em .25em;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
table.center td{
	text-align:center;
}
.formStyle{
	width:100%;	
}
.formStyle th,
.formStyle td{
	padding:.5em 10px;
	background-color:#F1F1F1;
	border-bottom:2px solid #FFF;
	vertical-align:top;
}
.formStyle td{
	border-left:2px solid #FFF;	
}

/* background color
--------------------------*/
.bgcGray{
	background-color:#f0f0f0;	
}
.bgcLightGray{
	background-color:#fafafa;	
}

/* arrow
--------------------------*/
a.arw,
ul.arw li a{
	display:inline-block;
	padding-left:10px;
	background:url(../images/common/arw_blue.gif) no-repeat 0 .35em;
}
a.arwSquare{
	display:inline-block;
	padding-left:17px;
	background:url(../images/common/arw_blue_square.gif) no-repeat 0 .1em;	
}

/* icon
--------------------------*/
.iconPDF{
	margin:0 3px 0 7px;
}
.iconBlank{
	margin-left:3px;	
}
.iconS{
	margin-right:5px;	
}

/* space
--------------------------*/
.br05em,
ul.all-br05em li{
	margin-bottom:.5em;
}
.br1em{
	margin-bottom:1em;
}
.br15em{
	margin-bottom:1.5em;
}
.br2em{
	margin-bottom:2em;
}
.br3em{
	margin-bottom:3em;

}
.imgCaption{
	margin-top:.25em;
	font-size:83%;
}

/* float
--------------------------*/
.floatL{
	float:left;	
}
.floatR{
	float:right;	
}
.imageRight{
	overflow:hidden;
	zoom:1;
}
.imageRight .image{
	float:right;
	margin-left:15px;
}
.imageLeft .image{
	float:left;
	margin-right:15px;
}
.imageRight .text,
.imageLeft .text,
.imageRight .summary,
.imageLeft .summary{
	overflow:hidden;
	zoom:1;
}
.imageBottom .image{
	margin-top:1em;	
}

/* border
--------------------------*/
.borderTop1em{
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #E5E5E5;	
}
.dashed05em{
	margin-bottom:.5em;
	padding-bottom:.5em;
	background:url(../images/common/bg_border_dashed.gif) repeat-x left bottom;	
}
.dashed1em{
	margin-bottom:1em;
	padding-bottom:1em;
	background:url(../images/common/bg_border_dashed.gif) repeat-x left bottom;	
}
.borderRadiusGray{
	padding-bottom:3px;
	background:url(../images/common/bg_rborder_gray_bottom.gif) no-repeat left bottom;	
}
.borderRadiusGray .outer{
	padding-top:3px;	
	background:url(../images/common/bg_rborder_gray_top.gif) no-repeat;	
}
.borderRadiusGray .inner{
	padding:.83em 10px;
	border-right:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;	
	background-color:#F8F8F8;
}

/* multi columns
--------------------------*/
.multiCol{
	width:100%;
	overflow:hidden;
	zoom:1;	
}
.multiCol .wrap{
	width:620px;
	zoom:1;
}
.multiCol .wrap:after{
	content:"";
	display:block;
	clear:both;
}
.multiCol .half{
	float:left;
	width:280px;
	margin-right:20px;
}
.multiCol .third{
	float:left;
	width:180px;
	margin-right:20px;
}
.multiCol .third .wrap{
	width:220px;	
}
.multiCol .third .half{
	width:85px;
	margin-right:10px;	
}

/* indent
--------------------------*/
.indent10px{
	margin-left:10px;	
}


/* text align
--------------------------*/
.alignC{
	text-align:center;	
}
.alignR{
	text-align:right;	
}

/* table layout
--------------------------*/
.table .cell{
	display:table-cell;	
}

/* text color
--------------------------*/
/*red*/
.note,
.refMark{
	color:#CC0000;	
}

/* em area
--------------------------*/
.blueArea{
	padding:.75em 10px .5em;
	background:#F2F4FA url(../images/common/bg_dashed.gif) repeat-x;	
}

/* button area
--------------------------*/
.buttonAreaGray{
	padding:.58em 10px;
	border-top:1px solid #E5E5E5;
	background-color:#F1F1F1;
	text-align:center;
}
ul.buttons{
	text-align:center;	
}
ul.buttons li{
	display:inline;
	margin:0 10px;
}

/* form element
--------------------------*/
.textbox,
textarea{
	border:1px solid #AAADB2;		
}
.w50{ width:50%; }
.w60{ width:60%; }
.w70{ width:70%; }
.w80{ width:80%; }
.w90{ width:90%; }
.w100{ width:100%; }
.zipcd1{ width:3em;	}
.zipcd2{ width:4em;	}

/* clearfix
--------------------------*/
.clearfix:after,
#body:after,
.section:after,
.pagetop:after{
	content:url(../images/common/pixel.gif);
	display: block;
	clear: both;
	height:0;
}
.clearfix,
#body,
.section,
.pagetop{
	display: inline-block;
} 
/* Hides from IE-mac \*/ 
* html .clearfix,
* html #body,
* html .section,
* html .pagetop{height: 1%;}
.clearfix,
#body,
.section,
.pagetop{display: block;} 
/* End hide from IE-mac */
