@charset "Shift-Jis";

/*サイドメニュー*/

#sidemenu {
}

#sidemenu ul {
	margin-left: 0px;
	list-style-type: none;
	list-style-image:none;
	padding-left: 0px;
}

#sidemenu ul ul {
	margin-left: 20px;
}

#sidemenu li {
	line-height: 120%;
}

#sidemenu .layer {
	color: #3399CC;
	margin-top: 1px;
}

#sidemenu .active {
	color: #FF0000;
}

.specPdf{
	background: transparent url(../../graphics/common/pdf.gif) no-repeat left center;
	margin: 20px 0 20px 15px;
	padding-left: 20px;
}

.contents {
	margin: 10px 10px 20px;
}

.pagetitle {
	margin: 0 0 10px 0;
	border: 1px solid #666666;
	padding: 4px 5px 4px 30px;
	background: #EFEFEF url(../../graphics/common/h1_square.gif) no-repeat 6px 6px;
	font-size: 105%;
}

.yourhere {
	margin: 8px 0 10px 10px;
	padding: 0;
}

.image_box {
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

.title {
	margin: 25px 0 6px;
	padding: 4px 4px 4px 12px;
	background-color: #EFECEC;
	border-left: #ED4B52 solid 10px;
	text-align:left;
	letter-spacing: 0.1em; 
}

.text01 {
	margin: 5px 15px 20px;
	padding: 0;
}

.pagetop {
	text-align: right;
	margin: 20px 5px 30px 0;
	padding: 0;
}

.series_title {
	width: 585px;
	height: 30px;
	margin: 10px 0 10px 5px;
	padding: 0;
	text-indent: -9999px;
	font-size: 0px;
}

.st_s7500e {
	background: transparent url(../graphics/contents/h3c-7500ebar.gif) no-repeat 0 0;
}

.st_s5500 {
	background: transparent url(../graphics/contents/h3c-5500bar.gif) no-repeat 0 0;
}

.st_s3610 {
	background: transparent url(../graphics/contents/h3c-3610bar.gif) no-repeat 0 0;
}

.st_s5820 {
	background: transparent url(../graphics/contents/h3c-5820bar.gif) no-repeat 0 0;
}

.st_s5800 {
	background: transparent url(../graphics/contents/h3c-5800bar.gif) no-repeat 0 0;
}

.st_s5120 {
	background: transparent url(../graphics/contents/h3c-5120bar.gif) no-repeat 0 0;
}

.unit {
	background: transparent url(../graphics/contents/unit_bar.gif) no-repeat 0 0;
}

.q7bar {
	background: transparent url(../graphics/contents/q-7bar.gif) no-repeat 0 0;
}

.ge10_sfp {
	background: transparent url(../graphics/contents/10ge_sfp_bar.gif) no-repeat 0 0;
}

.q13bar {
	background: transparent url(../graphics/contents/q-13bar.gif) no-repeat 0 0;
}

.q14bar {
	background: transparent url(../graphics/contents/q-14bar.gif) no-repeat 0 0;
}

.series_image {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.pro2 {
	background-color: #003366;
	padding: 1px 3px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left:5px;
}

.pro3 {
	background-color: #D26764;
	padding: 1px 3px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 5px;
}

.subtitle {
	margin: 25px 10px 5px 20px;
	padding: 0 0 1px 5px;
	color: #4384cc;
	border-bottom: #CCC dashed 1px;
}

/* CAMPAIGN201003 */
.camp1003 .mainvisual {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: .00001px;
	width: 600px;
	height: 179px;
	background: transparent url(../graphics/contents/camp1003/mainvisual.jpg) no-repeat 0 0;
}


.camp1003 .probox01,
.camp1003 .probox02 {
	width: 275px;
	margin: 8px;
	padding: 0;
	border: #CCC solid 1px;
	min-height: 280px;
	_height: 280px;
}

.camp1003 .probox01 {
	float: left;
}

.camp1003 .probox02 {
	float: right;
}

.camp1003 .probox01 h3,
.camp1003 .probox02 h3 {
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 8px 10px;
	background-color: #777;
	color: #FFF;
}

.camp1003 .probox01 .t_01,
.camp1003 .probox02 .t_01 {
	margin: 5px 10px 10px 13px;
	padding: 0;
}

.camp1003 .probox01 .pro_image,
.camp1003 .probox02 .pro_image {
	text-align: center;
	margin: 10px auto;
	padding: 0;
	height: 67px;
	vertical-align: middle;
}

.camp1003 .probox01 .t_02,
.camp1003 .probox02 .t_02 {
	background-color: #ddd;
	width: 6em;
	line-height: 1.1em;
	margin: 5px 15px 5px 25px;
	padding: 3px;
	text-align: center;
	float: left;
}

.camp1003 .probox01 .t_03,
.camp1003 .probox02 .t_03 {
	float: left;
	margin: 9px 0 0 10px;
	padding: 0;
	text-align: center;
}

.camp1003 .probox01 .t_03 s,
.camp1003 .probox02 .t_03 s {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
}

.camp1003 .probox01 .t_04,
.camp1003 .probox02 .t_04 {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
}

.camp1003 .probox01 .t_04 .price,
.camp1003 .probox02 .t_04 .price {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 230%;
	line-height: 1.1em;
	color: #da1720;
}

/* SIDE NAVIGATION */
.sidenavi {
	margin: 5px 5px 10px;
}

.sidenavi ul,
.sidenavi li {
	padding: 0;
	margin: 0;
	list-style-image: none;
}

.sidenavi li {
	padding-left: 15px;
	margin-bottom: 5px;
	line-height: 1.3em;
	background: url(../../graphics/common/red_icon_list.gif) no-repeat 0px 0px;
	list-style-type: none;
}

.sidenavi .active {
	color: #FF0000;
}

/*
.sidenavi {
	margin: 5px;
	padding-left: 0;
}

.sidenavi ul {
	margin-left: 25px; 
	padding-left: 0;
	line-height: 1.3em;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 12px;
}

.sidenavi li {
	line-height: 1.3em;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	list-style-image: url(../../graphics/common/red_icon_list.gif);
	margin-bottom: 5px; 
	list-style-type: none; 
}*/

.sidenavi h3 {
	color: #666666;
	margin-left: 5px;
}
/*
.sidenavi a.active {
	color: #FF0000;
}*/

.sidenavi .layer {
	color: #3399CC;
	margin: 5px 0 0 5px;
	padding: 0;
}

/* DATA TABLE */
.data_table {
	border: none;
	border-collapse: collapse;
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color:#cccccc;
}

.data_table th,
.data_table td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #cccccc;
}

.data_table td table {
	border-width: 0;
	border-style: none;
	padding: 0px;
}

.data_table th {
	text-align: left;
/*	white-space: nowrap;*/
}

.data_table th,
.data_table td {
	padding:2px 8px 3px 8px;
}

.data_table caption {
	text-align: left;
}

/* NEST TABLE */
.data_table td table td {
	border: none;
	padding: 0px;
}

.data_table td table.data_table th,
.data_table td table.data_table td {
	padding:2px 8px 3px 0px;
	border: none;
}

.spec_table {
	margin: 10px 15px 40px;
	width: 565px;
}

.spec_table th {
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	padding: 6px 3px;
}

.spec_table td {
	text-align: center;
}

.col_title {
	background-color: #99ccff;
	font-weight: bold;
}

.col_td {
	background-color: #f2f7fc;
}

.series_table {
	margin: 10px 10px 40px;
	width: 565px;
	border: none;
}

.series_table th,
.series_table td {
	border: none;
	padding-top: 7px;
	padding-bottom: 10px;
}

.series_table tr {
	background: transparent url(../graphics/contents/sen2.gif) no-repeat 0 bottom;
}

/* TOP */
.mainvisual {
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0;
	font-size: .00001px;
	width: 600px;
	height: 200px;
	background: transparent url(../graphics/contents/mainvisual.jpg) no-repeat 0 0;
}

.text {
	margin: 20px 0;
	padding: 0;
}

.n_text {
	margin: 0 0 30px 0;
	padding: 0;
}

.topics {
	margin-bottom: 10px;
}

.topics dt {
	background: transparent url(../../graphics/common/icon_next.gif) no-repeat 0 3px;
	width: 85px;
	margin: 0 5px 3px 10px;
	padding: 2px 0 0 18px;
	clear: left;
	float: left;
}

.topics dd {
	width: 470px;
	margin: 0 0 3px 115px;
	padding: 0;
	line-height: 1.4em;
}


/* H3C S7500E */


/* DISPLAY CTR & FLOAT */
.hide { display: none;}
.rit  { float: right;}
.lft  { float: left;}

img.rit { margin: 0 0 15px 15px;}
img.lft { margin: 0 15px 15px 0;}

.clmgn {
	margin: 0;
	padding: 0;
}


/* LINE POSITON */

.alnlft { text-align: left;}
.alnrit { text-align: right;}
.alnctr { text-align: center;}


/* FLOAT CLEAR */
.clbth{ clear:both;}
.cllft{ clear:left;}
.clrit{ clear:right;}

div.clbth, div.cllft, div.clrit{ font-size: .000001em; height: 0;}

.notice {
	color: #666;
	font-size: 85%;
	line-height: 1.2em;
	font-weight: normal;
}

p.notice,
ul.notice {
	font-size: 75%;
}