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

/* FORMAT TAGS*/
body {font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; padding:0px; margin:0px;}
.caps { text-transform:uppercase;}
.pressdate {margin:0px; padding:0px; font-weight:bold; color:#666666}
#bgwrapper {margin:0px auto; width:900px; padding-left:0px; padding-right:0px;}
#header{margin:0px; padding:0px; width:100%; clear:both;}
.clearfloat{ clear:both}
.clear6{ clear:both; height:6px;}

/* SUPERSET TAGS*/
p {margin:0px; padding:0px 6px 11px 0px; line-height:150%;}
p.grey {margin:0px; padding:0px; border-top:solid 1px #ebebeb; height:10px; clear:both;}
h1{ font-size:24px; color:#ffffff; margin:0px; padding:0px; letter-spacing:0px; font-weight:500; clear:both;}
h1 span {font-size:18px;}
h2 { margin-top:0px; margin-right:0px; margin-bottom:15px; margin-left:0px; padding:5px 0px 4px 11px; font-size:11px; font-weight:bold; text-decoration:none; color:#000; background-color:#ebebeb}
h2 a{color:#000;}
h2 a:hover{ text-decoration:none; color:#aaa}
h2.subheader2 { margin-top:0px; margin-right:0px; margin-bottom:6px; margin-left:0px; padding:6px 0px 4px 12px; height:16px; font-size:11px; width:523px; font-weight:bold; text-decoration:none; color:#fff; background-color:#959595}
h2.subtitle { margin:0px; padding:10px 0px; }
h3 { font-size:11px; color:#000; border-bottom:solid 1px #ccc}
h4 { font-size:11px; color:#000;}
a{ color:#2c5b85; text-decoration:none}
a:hover{ color:#ff9900; text-decoration:underline;}
blockquote { padding:15px; background-color:#ededed; }

/* TOP SUP NAV */
#supnav {margin:0px 0px 0px 316px; padding:7px 0px 0px 0px; font-size:12px; float:left; clear:both;}
#supnav a{ margin:0px; padding:0px; color:#acacac; text-decoration:none;}
#supnav a:hover{ color:#f90;}
#supnav ul { margin:0px; padding:0px;}
#supnav ul li { margin:0px; float:left; padding-left:20px; padding-right:2px; list-style:none;}
#supnav .blue_bright { color:#2690cd; }
#supnav .gry_drk { color:#666666; font-weight:bold; }

/* TOP NAV  100817改訂*/	
#topnav{margin:0px; padding:0px; clear:both; font-size:12px; height:65px; }
#topnav .logo{margin:0px; padding:-2px 5px 0px 4px; float:left; font-size:12px; }
#topnav ul {padding:10px; margin:0px;}
#topnav ul li { padding:0px; margin:0px; list-style:none; float:left;} 
#topnav ul li a { font-weight:bold; text-decoration:none; float:left; display:block; color:#4D4D4D; padding:4px 15px; }
#topnav ul li a:hover { background-color:#cccccc;}

/*News Search*/
#news_search {margin:0px; padding:0px; height:25px; clear:both; font-size:12px;}
#news_search .news {margin:0px; padding:0px; float:left; width:688px; height:25px; background-image:url(/images/bg_newsscroller.jpg); background-repeat:no-repeat;}
#news_search form {margin:0px; padding:0px;}
#news_search .search {margin:0px 0px 0px 6px; padding:0px 0px 0px 0px; float:left;}
#news_search .search input {width:187px; height:18px; color:#959595; font-size:12px; padding:5px 0px 0px 18px;  background-image:url(/images/icon_search.gif); background-repeat:no-repeat; border:solid 1px #959595;}

/*UPPER*/
.upper {margin:0px; padding:6px 0px 0px 0px; clear:both}

/*LOWER*/
.lower {margin:0px; padding:6px 0px 0px 0px; clear:both;}
.quoterotator {margin:0px 6px 0px 0px; padding:0px; float:left;}
.movieclips {margin:0px 6px 0px 0px; padding:0px; float:left;}
.mediacenter {margin:0px; padding:9px 8px 12px 12px; float:left; height:87px; width:187px; background-image:url(/images/bg_mediacenter.jpg); background-repeat:no-repeat; font-size:11px;}
.mediacenter .lbl {margin:0px; padding:0px 0px 3px 0px; color:#2690cd; font-size:13px;}
.mediacenter a {color:#666;}

/* Content */
#contentwraper {margin:0px; padding:6px 0px 10px 0px; clear:both;}
.pagecontent {margin:0px; padding:0px 0px 6px 7px; width:718px; float:left;}
.subheader{margin:0px; padding:0px 0px 6px 12px; background-image:url(/images/bg_subheading.jpg); background-repeat:repeat-y;}

.pagecontent .subheader .search{margin:0px; padding:0px; width:176px; float:left; height:20px;}
.pagecontent .subheader .search form {margin:0px; padding:0px;}
.pagecontent .subheader .search input{ margin:5px 0px 0px 0px; padding:5px 0px 0px 18px; width:176px; height:18px; border:0px;color:#959595; font-size:12px; background-image:url(/images/icon_search.gif); background-repeat:no-repeat;}
.breadcrumb{ margin:0px; padding:12px 0px 10px 0px; color:#fff; font-size:13px; width:507px; height:14px; float:left;}
/*contentspace*/
.contentspace{margin:0px; padding:0px 0px 0px 0px; float:left; width:535px;}

/* RIGHT NAV */
.rightnavwrapper{margin:0px; padding:6px 0px 0px 7px; float:left; width:175px;}
.rightnavitem{margin:0px; padding:0px 0px 21px 0px; }
.rightnavitem .lbl{margin:0px; padding:5px 0px 4px 11px; width:164px; font-size:11px; font-weight:bold; text-decoration:none; color:#3e647d; background-color:#ebebeb}
.rightnavitem ul{margin:0px; padding:6px 0px 15px 0px;}
.rightnavitem li{margin:0px; padding:0px 0px 1px 0px; list-style:none; font-size:11px;}
 /*right nav icons*/
.rightnavitem a {margin:0px; padding:4px 0px 4px 11px; display:block; width:164px; font-size:11px; color:#959595; }
.rightnavitem a.pdf { margin-left:11px; padding: 1px 0px 5px 20px; width:144px; background: url(/images/icn_pdf.jpg) left top no-repeat; display:list-item;}
.rightnavitem a.html { margin-left:11px; padding: 1px 0px 5px 20px; width:144px; background: url(/images/icn_html.gif) left top no-repeat; display:list-item;}
.rightnavwrapper2{margin:0px; padding:0px 0px 0px 8px; float:left; width:175px;}
.rightnavitem .search {margin:0px; padding:0px; float:left;}
.rightnavitem .search input {margin:0px; width:152px; position:relative; top:-1px; height:18px; color:#959595; font-size:12px; padding:5px 0px 0px 18px;  background-image:url(/images/icon_search.gif); background-repeat:no-repeat; border:solid 1px #959595;}


/* BODY */
.bodyspace_sm{margin:0px; padding:0px; float:right; width:389px; font-size:11px; color:#000;}
.bodyspace_fl{margin:0px; padding:0px; float:left; width:100%; height:100%; font-size:11px; color:#000;}
.body{padding:0px 0px 0px 11px;}

.body ul li {margin:0px; padding:0px 0px 11px 0px;}
.bodyspace_sm .halfspred { float:left; width:183px; padding:3px; }
.bodyspace_fl .halfspred { float:left; width:255px;}
.event_img { float:left; width:146px; padding-top:13px; vertical-align:top;}
.event_desc { float:left; width:370px; padding:0px; vertical-align:top;}
.thirdspred { float:left; width:155px; padding:5px; }
.forthspred {float:left; width:120px; padding:5px;}
.reference { font-weight:bold; padding:0 0 5px 7px;}
.topic { color:#456477; font-weight:bold;}
.left { float:left; height:auto; vertical-align:top;}

.drkwrap{margin:0px; padding:0px; width:251px; float:left;}
.drktitle { margin:0px; padding:5px 0px 0px 13px; height:21px; background-image:url(/images/drkround-top.gif); background-repeat:no-repeat; font-size:14px; color:#ebebeb; font-weight:bold}
.drktitle a{ font-size:14px; color:#ebebeb; font-weight:bold}
.drkbody { margin:0px; padding:0px; height:147px; min-height:147px; height:auto !important; background-image:url(/images/drkround-mid.gif); background-repeat:repeat-y;}
.drkbody p {margin:0px; padding:5px 18px 2px 14px;}
.drkbody ul{margin:0px; padding:8px 0px 0px 30px;}
.drkbody ul li{margin:0px; padding:0px 0px 4px 0px; color:#abccdc; }
.drkbody ul li a {color:#abccdc; text-decoration:none;}
.drkfooter { margin:0px; padding:0px; height:3px; width:251px; background-image:url(/images/drkround-bot.gif); background-repeat:no-repeat;}

.drk{ margin:0px; padding:14px 13px 8px 13px; background-color:#262626; color:#acacac; height:100%; height:auto !important; min-height:400px;}
.drk h3 { margin:0px; padding:0px 0px 15px 0px; font-size:18px; border:0px; color:#d7d7d7; }
.rht6{ margin-right:5px;}
.center_desc { margin:0px auto; padding:0px 0px 16px 0px; width:350px; text-align:left; color:#666; }

/* FOOTER */
#footer{padding-top:11px; clear:both; height:30px;}
#footer ul {padding:0px 0px 5px 0px; margin:0px; font-size:11px; color:#959595; text-align:center;}
#footer ul li {display:inline; padding:0px 12px 0px 0px; list-style:none;}
#footer ul li a{color:#2690cd; text-decoration:none;}
#footer ul li a:hover{color:#f90;}
#lastupdated {font-size:10px; padding:2px; color:#666; float:right;}

/*LEFT NAV*/
.left_nav { float:left; margin:0px; padding:0px; width:175px; letter-spacing:0px; font-size:10px; font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
.left_nav a {
	padding-left:7px;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:0px;
	display:block;
	margin:0px;
	width:168px;
	font-size:10px;
	color:#4d4d4d;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	background-color:#e6e6e6;
	font-weight:bold;
	font-weight:normal;
}
.left_nav a:hover { background-color:#c1c1c1; color:#000; text-decoration:none}
.left_nav .left_sub { padding-bottom:15px;}
.left_nav .left_sub a { padding-left:17px; width:158px; font-size:10px; color:#808080; background-color:#ebebeb; font-weight:normal;}
.left_nav .left_sub a:hover { background-color:#c1c1c1; color:#000;}
.left_nav .subcat {padding-left:12px; width:163px; color:#1a1a1a; background-color:#b3b3b3;}
.left_nav .left_sub .left_sub_sub a { padding-left:22px; padding-right:3px; width:150px; font-size:10px; color:#808080; background-color:#e6e6e6; font-weight:normal;}

/* TOP SUB NAV BUTTONS */
.topsubnav ul{margin:0px; padding:0px; list-style:none;}
.topsubnav li{margin:0px; padding:0px; display:inline;}
.topsubnav a{float:right; font-size:11px; font-weight:bold; margin:0px; padding:3px 6px; margin:10px 5px; border:solid 1px #2c5b85; text-decoration:none; }

/* CONTENT AREA */
.content {margin:0px 0px 0px 0px; padding:0px 10px; width:520px; float:left; font-size:12px; height:auto !important; min-height:380px; height:380px;}
.content ul {margin:0px; padding:0px 0px 0px 15px; list-style:outside disc;}
.content ul li {padding:0px 0px 5px 0px;}

/* TABS */

.tabs {margin:0px; padding:0px 11px 0px 0px; width:126px; float:left; font-size:11px;}
.tabs ul{margin:0px; padding:0px 0px 15px 0px;}
.tabs li{margin:0px; padding:0px 0px 1px 0px; list-style:none;}
.tabs a {margin:0px; padding:5px 0px 4px 11px; display:block; width:125px; font-size:11px; font-weight:bold; text-decoration:none; color:#3e647d; }
.tabs a:hover {background-color:#ebebeb}
.phone{color:#f0555b}


/*CUSTOMER PROFILES*/
.cp { margin:0px; padding:0px 11px 0px 0px; float:left; width:263px;}
.cp .company { margin:0px; padding:0px 0px 3px 0px; color:#ef1c21; font-weight:bold; text-transform:uppercase;}
.cp .company a{ margin:0px; padding:0px 0px 3px 0px; color:#ef1c21; font-weight:bold; text-transform:uppercase;}
.cp .title { margin:0px; padding:0px 0px 0px 0px; color:#4a4d4a; font-weight:bold;}
.cp p {color:#4a4d4a;}
.cp_img { margin:0px; padding:15px 0px 0px 0px; float:left; text-align:center;}
.cp_img a { color:#4a4d4a; font-weight:bold; text-decoration:underline}

/* TABLES */
/*Table-matrix*/
table.matrix {margin:0px 0px 8px 0px; padding:0px;}
table.matrix td{ border-bottom:solid 1px #aaa; border-right:solid 1px #aaa; font-size:10px; padding:3px; vertical-align:top; line-height:120%;}
table.matrix .lft{ border-left:solid 1px #aaa; font-weight:bold;}
table.matrix .top{ border-top:solid 1px #aaa; font-weight:bold; text-align:center;}
table.matrix .lefttop{ border-top:solid 1px #aaa; border-left:solid 1px #aaa;}
table.matrix .blu{ background-color:#ebebeb}

/* S-Series Landing Page */
.product_slanding {
	clear:both;
	margin:0px;
	padding:0;
}
.s2410 a, .s50 a, .s50v a, .s25p a, .s60 a {
margin:0px;
	float:left; 
	display:block; 
	width:122px; height:70px;
	background-color:#CCCCCC; 			
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding-top:2px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.s2410 a { border-left:1px solid #ddd;}
.s2410 a:hover, .s50 a:hover, .s50v a:hover, .s25p a:hover, .s60 a:hover {
position:relative; 
background-color:#666; 
color:#fff;
}
#swap_50v, #swap_50, #swap_2410, #swap_sseries, #swap_25p, #swap_60 {height:245px;}
.img { float:left; text-align:center; }
.img_dec { float:left; width:200px; padding:15px 0px 0px 0px; margin:0px; font-size:12px;}

/*Partners Section*/
ul.partners { margin:0px; padding:0px;}
.partners li{ 
	float: left;
	display: block;
	margin:0px;
	width: 100px;	
	height: 90px;
	padding: 5px 10px 0px 10px;
	text-align: center;
	border-right: 1px solid #ddd;
 }
.partners img { display:block; width:70px; height:70px; margin:auto}
/*Ethernet Switch/Router page*/
.product_family{height:250px}
.product_family .prod_desc{ float:left; width:250px}
.product_ECSP {
	margin:0px 0px 0px 0px;
	padding:0;
	width:680px;
}
.product_ECSP a:hover{ text-decoration:none; color:#FFFFFF;}


.prod_E { float:left; width:169px; height:202px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.prod_C { float:left; width:169px; height:202px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.prod_S { float:left; width:169px; height:202px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.prod_P { float:left; width:169px; height:202px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.prod_E a ,.prod_C a, .prod_S a, .prod_P a { 
	display:block; 
	width:169px; height:20px;
	background-color:#ccc;		
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding-top:2px;
}
.prod_E a:hover, .prod_C a:hover, .prod_S a:hover, .prod_P a:hover {
position:relative;
	background-color:#666;
}
.prod_P a { 
	display:block; 
	width:168px; height:20px; 
	background-color:#ccc;			
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding-top:2px;
}

/*PRODUCTS LANDING PAGE*/
.prod_search {margin:0px 0px 6px 0px; padding:0px; height:25px; clear:both; font-size:12px;}
.prod_search .search {margin:0px 0px 0px 6px; padding:0px 0px 0px 0px; float:left;}
.prod_search .search form { margin:0px; padding:0px;}
.prod_search .search input {width:187px; height:19px; position:relative; top:-1px; color:#959595; font-size:12px; padding:5px 0px 0px 18px;  background-image:url(/images/icon_search.gif); background-repeat:no-repeat; border:solid 1px #959595;}
.product_title{ margin:0px; padding:6px 0px 3px 11px; float:left; width:494px; height:17px; font-size:11px; font-weight:bold; text-decoration:none; color:#fff; background-color:#959595}
.frame{margin:0px; padding:0px; float:left; border-bottom:solid 1px #4b4b4b;}
.framenav_wrapper{margin:0px; padding:0px; width:220px; float:left }
.framenav_wrapper ul{margin:0px; padding:0px; list-style:none;}
.framenav_wrapper ul li{margin:0px; padding:0px; border-top:solid 1px #4b4b4b; border-left:solid 1px #4b4b4b; border-right:solid 1px #4b4b4b; border-bottom:solid 0px #6b6b6b;}
.framenav_wrapper ul li a{margin:0px; padding:19px 0px 5px 16px; font-size:12px; display:block; width:202px; height:26px; color:#fff; background-image:url(/images/btn_off.jpg); vertical-align:top; font-weight:bold}
.framenav_wrapper ul li a{margin:0px; padding:19px 0px 5px 16px; font-size:11px; display:block; width:202px; height:26px; color:#fff; background-image:url(/images/btn_off.jpg); vertical-align:top; font-weight:bold}
.framenav_wrapper ul li a:hover{ background-image:url(/images/btn_on.jpg); color:#000; text-decoration:none;}
.frame .display{ float:left; width:497px; height:305px; border-top:solid 1px #4b4b4b; border-right:solid 1px #4b4b4b;}


/*buttons*/
a.registernow {
	float:right;
	margin:0px 10px 15px 0px;
	padding:0px;
	display:block;
	background-image:url(/images/registernow_off.jpg);
	background-repeat:no-repeat;
	width:157px;
	height:23px;
}
a.registernow:hover {
	background-image:url(/images/registernow_on.jpg);
}


/* Clears the dots in the Listed Items 
ul.cleardots {margin:0px; list-style:none; list-style-position:outside;}

/*FORMS
.theForm{}
.theForm label{padding:2px 5px; margin:0px; float:left; width:150px; display:block; text-align:right;}
.theForm div.clearfloat{padding:2px; margin:0px;}*/


/*Japanese site*/
/* customer_profiles */
/* 090320 ishida 追加 */
em {
font-style: normal;
}

div.L {
width:130; font-size:10px; color:#666; line-height:125%; margin:0 0 3px 8px; float:right;
}
div.R {
width:130; font-size:10px; color:#666; line-height:125%; margin:0 8px 3px 0; float:left;
}