@charset "shift_jis";
/*##################################################
-------------LIST-------------
 01: Products H1
 02: Index
 03: Category Top
 04: Detail
 05: 50音一覧 Page Style
 --: ClearFix
------------------------------
##################################################*/

/* --------------------------------------------------
 01: Products H1 H2 H3 Style
 -------------------------------------------------- */
#contents h1.products	{
	background:url(../images/h1_products_bg.gif) no-repeat;
	height:46px;
	margin:0; padding:10px 10px 0 24px;
	font-size:150%;
	font-weight:bold;
}
#contents h1.products span	{
	font-size:89%;
}
#contents h3.products	{
	border-bottom:1px solid #444;
	color:#1e1e1e;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:8px; padding:10px 0 2px;
}
#contents h3.products span	{
	border-left:5px solid #363636;
	padding-left:6px;
	display:block;
}
#contents table th.vm{vertical-align:middle;}
#contents table td.vm{vertical-align:middle;}
/* --------------------------------------------------
 02: Index Style
 -------------------------------------------------- */
#contents .fltBox_L {
	width:275px;
	float:left;
}
#contents .fltBox_R {
	width:275px;
	float:right;
}
#contents .productsBox {
	background:url(../images/box_bg.gif) no-repeat;
	border:#E6E6E6 solid 1px;
	width:262px;
	padding:12px 0 9px 11px;
	margin:6px 0 0 0;
	list-style:none;
	line-height:1.6;
}
#contents .productsBox li	{
	background:url(../images/arrow_orange_large.gif) 0px 5px no-repeat;
	padding:0 0 0 15px;
	font-weight:bold;
}
#contents .productsBox li ul {
	margin:0 0 0 5px;
}
#contents .productsBox li ul li	{
	background:url(../images/arrow_orange_small.gif) 0px 6px no-repeat;
	padding:0 0 0 10px;
	list-style:none;
	font-weight:normal;
}
#contents p.keyword_index {
	font-size:84%;
	font-weight:bold;
	position:absolute;
	top:11px;
	left:400px;
}
/* --------------------------------------------------
 03: Category Top Style
 -------------------------------------------------- */
/* ########## Category Top Base ########## */
#contents .categoryTop {
	width:570px;
}
#contents .categoryTop dl	{
	background:#f1f1f1 url(../../common/images/dotline2.gif) left bottom repeat-x;
	margin:0; padding-bottom:2px;
	color:#4d4d4d;
}
#contents .categoryTop dt	{
	background:url(../../common/images/arrow_red.gif) 10px 10px no-repeat;
	width:10em;
	margin:0 0 0 0; padding:0.5em 0 0.5em 22px;
	font-weight:bold;
}
#contents .categoryTop dd	{
	background-color:#fafafa;
	margin:-2em 0 0 10.0em; padding:0.5em 0.5em 0.5em 14px;
}
/* ########## Document Top ########## */
#contents .categoryTop dl.document dt	{width:16.5em;}
#contents .categoryTop dl.document dd	{margin:-2.4em 0 0 16.5em;}

/* ########## Network Top ########## */
#contents .categoryTop dl.network		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.network dt		{width:190px; float:left;} 
#contents .categoryTop dl.network dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}
/*for free height*/
#contents .categoryTop dl.network_ex		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.network_ex dt		{width:190px; float:left;} 
#contents .categoryTop dl.network_ex dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}

/* ########## Storage Top ########## */
#contents .categoryTop dl.storage		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.storage dt		{width:190px; float:left;} 
#contents .categoryTop dl.storage dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}
/*for free height*/
#contents .categoryTop dl.storage_ex		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.storage_ex dt		{width:190px; float:left;} 
#contents .categoryTop dl.storage_ex dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}

/* ########## Server Top ########## */
#contents .categoryTop dl.server		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.server dt		{width:190px; float:left;} 
#contents .categoryTop dl.server dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}
/*for free height*/
#contents .categoryTop dl.server_ex		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.server_ex dt		{width:190px; float:left;} 
#contents .categoryTop dl.server_ex dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}

/* ########## Engineering Top ########## */
#contents .categoryTop dl.engineer		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.engineer dt		{width:190px; float:left;} 
#contents .categoryTop dl.engineer dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}

/* ########## Client Top ########## */
#contents .categoryTop dl.client		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.client dt		{width:190px; float:left;} 
#contents .categoryTop dl.client dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}
/*for free height*/
#contents .categoryTop dl.client_ex		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.client_ex dt		{width:190px; float:left;} 
#contents .categoryTop dl.client_ex dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:321px; float:right; height:100%!important; height:40px; min-height:40px;}

/* ########## Others Top ########## */
#contents .categoryTop dl.others		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.others dt		{width:190px; float:left;}
#contents .categoryTop dl.others dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:324px; float:right; height:100%!important; height:40px; min-height:40px; } /*for free height*/
/*for free height*/
#contents .categoryTop dl.others_ex		{overflow:hidden; zoom:1;}
#contents .categoryTop dl.others_ex dt		{width:190px; float:left;}
#contents .categoryTop dl.others_ex dd		{margin:0; padding:0.5em 0.5em 0.5em 15px; width:324px; float:right; height:100%!important; height:40px; min-height:40px; } /*for free height*/

/* ########## Space Suply Top ########## */
#contents .categoryTop dl.space dt	{width:12.5em;}
#contents .categoryTop dl.space dd	{margin:-2.4em 0 0 12.5em;}
/* ########## Category Top Link Style ########## */
#contents .categoryTop dt a	{
	color:#139;
	text-decoration:none;
}
#contents .categoryTop dt a:hover	{
	text-decoration:underline;
}
/* --------------------------------------------------
 04: Detail Page Style
 -------------------------------------------------- */
#contents dl.readArea	{
	margin:0 20px 0 10px;
}
#contents dl.readArea dt	{
	float:right;
	margin:0 0 10px 10px;
}
#contents dl.readArea dd	{
	color:#139;
	padding-top:10px;
	font-size:117%; font-weight:bold;
}
#contents dl.readArea dd span	{
	color:#333;
	display:block;
	padding:20px 0 0 0;
	font-size:86%; font-weight:normal;
}

/* --------------------------------------------------
 05: 50音一覧 Page Style
 -------------------------------------------------- */
#contents .listBox	{
	background:url(../images/contentBox_bg.gif) no-repeat;
	width:534px;
	height:61px;
	margin:0 0 21px 8px;
	padding:13px 10px 15px 19px;
}
#contents .listBox ul {
	margin:0;
	line-height:1.6;
}
#contents .listBox ul li {
	margin-right:12px;
	list-style:none;
	float:left;
}
#contents .listBox ul li a {
	display:block;
	text-decoration:underline;
}
#contents .listBox ul li a:hover {
	text-decoration:none;
}
/* ベンダー名 */
#contents .venderList {
	border-top:none;
	width:570px;
	margin:0;
	padding:0;
}
#contents .venderList dt {
	width:204px;
	padding:9px 0 9px 19px;
	font-weight:bold;
}
#contents .venderList dd {
	background:#f5f5f5;
	width:560px;
	margin:0 0 30px;
	padding:9px 0 9px 10px;
	zoom:1;
	overflow:hidden;
}
#contents .venderList dd ul {
	margin:0;
}
#contents .venderList dd ul li {
	width:170px;
	background:url(../images/arrow_orange_Large.gif) 0 4px no-repeat;
	margin-right:6px;
	padding-left:10px;
	list-style:none;
	float:left;
}
/* 製品名 */
#contents .productList {
	border:#e6e6e6 1px solid;
	border-top:none;
	width:570px;
	margin:0;
	padding:0;
}
#contents .productList dt {
	background:url(../images/arrow_orange_Large.gif) 9px 12px no-repeat;
	border-top:#e6e6e6 1px solid;
	width:337px;
	padding:9px 0 9px 19px;
	float:left;
	font-weight:bold;
}
#contents .productList dd {
	background:#f5f5f5;
	border-top:#e6e6e6 1px solid;
	border-left:#e6e6e6 1px solid;
	width:203px;
	padding:9px 0 14px 10px;
	float:left;
	font-size:84%;
}









/* --------------------------------------------------
 --: ClearFix
-------------------------------------------------- */
.cfix	{} /* ClearFix only class */
/* for Win IE */
#contents .productList,
#contents .venderList,
#contents .listBox ul {zoom:1;}
/* for IE5 Mac start \*//*/
.cfix	{display:inline-table;}
/*for IE5 Mac end */
#contents .productList:after,
#contents .venderList:after,
#contents .listBox ul:after	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}