/*
 *
 * Competitionスペック表共通CSSファイル
 * ※スペック比較表専用はcompetition-allspec.css
 *
*/

/*
 * ---------- 両表共通 ----------
 */

/* ---------- スペック表 ---------- */

/* ----- 表共通 ----- */
.SPEC_TABLE {
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
	border:#666666 solid 2px;
	background-color:#FFFFFF;
	color:#000000;
	font-size:small;
	line-height:130%;
	text-align:left;
}
.SPEC_TABLE tr {
	vertical-align:top;
}
.SPEC_TABLE td {
	border:#666666 solid 1px;
	padding:3px;
	vertical-align:top;
}
.SPEC_TABLE td img {
	margin:0px 1px 2px 1px;
	border-style:none;
	padding:0;
	vertical-align:middle;
}

/* ----- カラーtd ----- */
.colorbar {
	background-color:#DFE7EA;
}

/* ----- ベンダ名の行 ----- */
.company td {
	background-color:#00309C;
	color:#FFFFFF;
	font-weight:bold;
}
/* ----- 製品名の行 ----- */
.product td {
	background-color:#00659C;
	color:#FFFFFF;
}
.product td a {
	color:#FFFFFF;
	text-decoration:none;
}
.product td a.annotation {
	color:red;
	font-weight:normal;
}
.product td a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.product td a:hover.annotation {
	color:red;
	font-weight:normal;
}
/* ----- 備考欄の行 ----- */
.note td {
	font-size:90%;
	line-height:120%;
}
.note td ul {
	margin:0 0 0 1.5em;
	padding:0;
	list-style:none;
}
.note td li {
	margin-bottom:3px;
	text-indent:-1.5em;
}

/* ----- 中見出し（2列結合） ----- */
.midashi01 {
	background-color:#CECFCE;
	color:#000000;
}
/* ----- 中見出し（1列） ----- */
.midashi02 {
	background-color:#CECFCE;
	color:#000000;
}
/* ----- 小見出し（1列） ----- */
.midashi03 {
	background-color:#E7E3E7;
	color:#000000;
}
/* ----- 全列に渡る大見出し ----- */
.midashi04 {
	background-color:#99CCCC;
	color:#000000;
	font-weight:bold;
}

/* ----- 見出しのツール・チップ ----- */
.midashi01, .midashi03 {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.midashi01 a, .midashi02 a, .midashi03 a {
	display:block;								/* for Safari 3 */
	z-index:5;
}
.midashi01 a:hover, .midashi02 a:hover, .midashi03 a:hover {
	display:block;								/* for fixing span position */
	position:relative;
	z-index:10;
	text-decoration:none;
}
.midashi01 a span, .midashi02 a span, .midashi03 a span {
	display:none;
}
.midashi01 a:hover span, .midashi02 a:hover span, .midashi03 a:hover span {
	display:block;
	position:absolute;
	padding:2px 4px;
	left:20%;
	bottom:105%;
	z-index:15;
	border:#444444 solid 1px;
	width:20em;
	background:#fffcd1;
	color:#444444;
	font-size:85%;
	line-height:120%;
	text-decoration:none;
}

/* ----- 脚注（参照元） ----- */
a.annotation {
	margin-right:2px;
	font-size:x-small;
	color:red;
	vertical-align:super;
}
/* ----- 脚注（参照先） ----- */
.note td a.annotation {
	margin-right:2px;
	font-size:85%;
	color:red;
	vertical-align:top;
}
#renewal_history dd a.annotation {
	margin-right:2px;
	font-size:85%;
	color:red;
	vertical-align:middle;
}

/* ---------- スペック表以外 ---------- */

/* ----- 著作権表示 ----- */
.spec_copyright {
	font-size:small;
	margin-top:15px;
	text-align:left;
}

/* ----- 更新日 ----- */
.updated_date {
	margin-top:2px;
	margin-bottom:10px;
	font-size:90%;
	font-weight:bold;
	line-height:120%;
	text-align:left;
}

/* ----- スペック比較表へのリンク・アイコン ----- */
.navi2allspec {
	margin-top:20px;
	margin-bottom:30px;
	font-size:small;
	font-weight:bold;
	text-align:right;
}
.navi2allspec img {
	margin-top:5px;
}

/* ----- 更新履歴枠 ----- */
#renewal_history {
	margin:0;
	border:#666666 solid 1px;
	padding:2px;
	background-color:#E7E3E7;
	font-size:small;
	line-height:110%;
}
#renewal_history h4 {							/* タイトル部分 */
	margin:0 1px;
	padding:3px 4px;
	color:#FFFFFF;
	background-color:#000066;
	font-size:small;
	font-weight:bold;
	text-align:left;
}
#renewal_history dl {							/* 各履歴の枠 */
	margin:0 1px;
	border-top:1px solid #000066;
	padding:5px 2px 2px 2px;
}
#renewal_history dl dt {					/* 更新日の部分 */
	display:inline;
	margin:0;
	padding:0;
	font-weight:bold;
}
#renewal_history dl dd {					/* 更新の本文 */
	display:inline;
	margin:0;
	padding:0;
}
#renewal_history dl dd dl {				/* 更新した各スペック項目の枠 */
	margin:4px 0;
	border-style:none;
	padding:0;
}
#renewal_history dl dd dl dt {		/* スペック項目名 */
	display:block;
	margin:0;
	padding:8px 0 0 0;
	font-weight:normal;
}
#renewal_history dl dd dl dd {		/* スペック更新内容の枠 */
	display:block;
	margin:0 0 0 1em;
	padding:2px 0 0 0;
}
#renewal_history dl dd dl dd ul {	/* スペック更新の箇条書き枠 */
	margin:0 0 0 1.8em;
	padding:0;
	list-style:none;
	text-indent:-1.8em;
}
#renewal_history dl dd dl dd ul li {	/* スペック更新前後の箇条書き本体 */
	margin:0;
	padding:0;
}
#renewal_history img {	/* 画像のセンタライズ */
	margin:1px;
	padding:0;
	vertical-align:middle;
}


/*
 * ---------- 製品別スペック表専用 ----------
 */

#spec {
	margin:0;
	border-style:none;
	padding:0;
}

/* ----- スペック表本体 ----- */
#spec .SPEC_TABLE {
	margin-right:0;
	margin-left:0;
}
#spec .midashi01, .midashi_product {
	width:48%;
}
#spec .col_midashi02 {
	width:23%;
}
#spec .col_midashi03 {
	width:25%;
}
#spec .col_product {
	width:50%;
}

/* ----- ベンダ名の行 ----- */
#spec .company td {
	color:#FFFFFF;
}
/* ----- 製品名の行 ----- */
#spec .product td {
	font-weight:bold;
}
/* ----- 「製品名」見出し部分 ----- */
#spec .midashi_product div {
	display:none;
	margin:0;
	border-style:none;
	padding:0;
	height:0;
}
/* ----- 中見出し（2列結合） ----- */
#spec .midashi01 {
/*	width:45%;	*/
}
/* ----- 中見出し（1列） ----- */
#spec .midashi02 {
}
/* ----- 小見出し（1列） ----- */
#spec .midashi03 {
}
/* ----- 全列に渡る大見出し ----- */
#spec .midashi04 {
}

/* ----- 項目説明ページやページ・インデックスへのリンク一覧枠 ----- */
#spec .navi2others {
	margin:10px 0 3px 0;
	padding:0;
	font-size:80%;
	text-align:right;
}
#spec .navi2others li {
	display:inline;
	margin-left:15px;
}
#spec .navi2others li a {
	padding-left:1.2em;
	background:url(/fwin2k/images/carrow.gif) no-repeat left center;
	vertical-align:middle;
}