/********************************************************************************
  5.テーブルレイアウト
 ********************************************************************************/
table{
	table-layout: fixd;
	border-collapse : collapse;
	margin: 10px 0px 10px 0px;
}

table, td {
	border: 1px solid #333333;
	background-color: #ffffff;
	padding-left: 5px;
	font-size:10px;										/* 文字サイズ */
	font-family: 'ＭＳ ゴシック';						/* 種類 */
	color: #333333;										/* 色 */
}

th {
	border: 1px solid #333333;
	background-color: #ffffff;
	border-bottom: double;
}

/********************************************************************************
  開発実績画面テーブルレイアウト - 共通
 ********************************************************************************/
table.dev {
	width: 560px;										/* 横幅 */
	margin: 0;											/* 外側の余白 */
}

/********************************************************************************
  開発実績画面テーブルレイアウト - 主要な開発実績
 ********************************************************************************/
/* 名称 - 見出し */
td.dev-top-name1 {
	border: 2px solid gray;
	border-bottom: 1px solid gray;
	width: 180px;										/* 横幅 */
	padding: 1px 0 1px 3px;								/* 内側の余白 */
	text-align: center;									/* 文字位置 */
	font-size: 13px;									/* 文字サイズ */
	font-weight: bold;									/* 文字の太さ */
	color: white;										/* 文字色 */
	background-color: #333399;							/* 背景色 */
}
/* 概要 - 見出し */
td.dev-top-info {
	border: 2px solid gray;
	border-bottom: 1px solid gray;
	text-align: center;									/* 文字位置 */
	font-size: 13px;									/* 文字サイズ */
	font-weight: bold;									/* 文字の太さ */
	color: white;										/* 文字色 */
	background-color: #333399;							/* 背景色 */
}
/* 名称 */
td.dev-name1 {
	border: 2px solid gray;
	width: 180px;										/* 横幅 */
	padding: 5px 0 5px 3px;								/* 内側の余白 */
	font-size: 12px;									/* 文字サイズ */
	background-color: #F0F8FF;
}
/* 概要 */
td.dev-info {
	border: 2px solid gray;
	padding: 5px 0 5px 3px;								/* 内側の余白 */
	font-size: 12px;									/* 文字サイズ */
}

/********************************************************************************
  開発実績画面テーブルレイアウト - 特殊な開発案件
 ********************************************************************************/
/* 名称 - 見出し */
td.dev-top-name2 {
	border: 2px solid gray;
	border-bottom: 1px solid gray;
	width: 172px;										/* 横幅 */
	padding: 1px 0 1px 3px;								/* 内側の余白 */
	text-align: center;									/* 文字位置 */
	font-size: 13px;									/* 文字サイズ */
	font-weight: bold;									/* 文字の太さ */
	color: white;										/* 文字色 */
	background-color: #006400;							/* 背景色 */
}
/* 開発事例 - 見出し */
td.dev-top-case {
	border: 2px solid gray;
	border-bottom: 1px solid gray;
	text-align: center;									/* 文字位置 */
	font-size: 13px;									/* 文字サイズ */
	font-weight: bold;									/* 文字の太さ */
	color: white;										/* 文字色 */
	background-color: #006400;							/* 背景色 */
}
/* 名称 */
td.dev-name2 {
	border: 2px solid gray;
	width: 172px;										/* 横幅 */
	padding: 5px 0 5px 3px;								/* 内側の余白 */
	font-size: 12px;									/* 文字サイズ */
	background-color: #F5FFFA;
}
/* 開発事例 */
td.dev-case {
	border: 2px solid gray;
	padding: 5px 0 5px 3px;								/* 内側の余白 */
	font-size: 12px;									/* 文字サイズ */
}

/********************************************************************************
  開発実績画面テーブルレイアウト - 対応可能な技術
 ********************************************************************************/
/* 分類名 */
td.dev-top-category {
	border: 2px solid gray;
	border-bottom: 1px solid gray;
	padding: 3px 0 3px 3px;								/* 内側の余白 */
	text-align: center;									/* 文字位置 */
	font-size: 13px;									/* 文字サイズ */
	font-family: 'arial black';
	font-weight: bold;									/* 文字の太さ */
	color: white;										/* 文字色 */
	background-color: #B22222;							/* 背景色 */
}
/* 一覧 */
td.dev-property1 {
	height: 30px;										/* 縦幅 */
	width: 130px;										/* 横幅 */
	border: 2px solid gray;
	padding: 5px 0 5px 6px;								/* 内側の余白 */
	font-size: 13px;									/* 文字サイズ */
	font-family: 'arial';
	background-color: #FFE4E1;							/* 背景色 */
s}
td.dev-property2 {
	height: 30px;										/* 縦幅 */
	width: 130px;										/* 横幅 */
	border: 2px solid gray;
	padding: 5px 0 5px 6px;								/* 内側の余白 */
	font-size: 13px;									/* 文字サイズ */
	font-family: 'arial';
	background-color: #FFFAFA;							/* 背景色 */
}


/********************************************************************************
  開発実績画面 - タブ
 ********************************************************************************/
/* カーソルを重ねた際に透明度を変化 */
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

/* 未選択タブ画像 */
img.tab-not-select {
	cursor: pointer;
	border: none;
}

/* 選択中タブ画像 */
img.tab-select {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	border: none;
}

#tbl-category {
	margin: 0;
	border: none;
}

td.td-category {
	width: 22px;
	height: 70px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: black;
	border: 1px solid white;
	writing-mode: tb-rl;

	/* IE */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#FFF8DC, EndColorStr=#FFA500);
	/* IE8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#FFF8DC, EndColorStr=#FFA500)";
	/* Firefox */
		background: -moz-linear-gradient(white, #FFA500);
	/* Chrome, Safari */
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF8DC), to(#FFA500));
}

/* カテゴリー一覧（リンク部分） */
div#dev_primary_category {
	width: 560px;
/*	overflow-x: scroll;*/
	scrollbar-track-color: #ffffff; 				/* レール部分 */
	scrollbar-arrow-color: #000080;					/* 矢印 */
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #000080;
	scrollbar-shadow-color: #000080;
	scrollbar-darkshadow-color: #ffffff;
}

a.dev-a-category {
	text-decoration: none;
}