/*--------------------------------------------------------------------------- */
/* 文字列の属性定義 */
body	{ font-size:10pt; color:black; background-color:white; font-style:normal }

table	{ font-size:10pt; color:black; margin:0px 0px 0px 0px}

p		{ font-size:10pt; color:black }
p.navy	{ color:navy }
p.red	{ color:red }
p.dred	{ color:darkred }
p.f20	{ font-size:20pt }
p.f20_n	{ color:navy; font-size:20pt }
p.f18	{ font-size:18pt }
p.f18_n	{ color:navy; font-size:18pt }
p.f16	{ font-size:16pt }
p.f16_n	{ color:navy; font-size:16pt }
p.f14	{ font-size:14pt }
p.f14_n	{ color:navy; font-size:14pt }
p.f12	{ font-size:12pt }
p.f12_w	{ color:white; font-size:12pt }
p.f11	{ font-size:11pt }
p.f11_w	{ color:white; font-size:11pt }
p.f10_w	{ color:white; font-size:10pt }

h1		{ font-size:20pt; color:black; font-style:normal }
h1.gray	{ color:darkstategray }
h1.navy	{ color:navy }
h1.royal{ color:royalblue }

h2		{ font-size:16pt; color:black; font-style:normal }
h2.gray	{ color:darkstategray }
h2.navy	{ color:navy }
h2.royal{ color:royalblue }

h3		{ font-size:14pt; color:black; font-style:normal }
h3.gray	{ color:darkstategray }
h3.navy	{ color:navy }
h3.royal{ color:royalblue }

h4		{ font-size:12pt; color:black; font-style:normal }
h4.gray	{ color:darkstategray }
h4.navy	{ color:navy }
h4.royal{ color:royalblue }

h5		{ font-size:11pt; color:black; font-style:normal }
h5.gray	{ color:darkstategray }
h5.navy	{ color:navy }
h5.royal{ color:royalblue }
h5.white{ color:white }


/*--------------------------------------------------------------------------- */
/* フォントサイズと色の定義 */

.font_18	{ font-size:18pt; color:black; font-style:normal }

.font_16	{ font-size:16pt; color:black; font-style:normal }
.font_16w	{ font-size:16pt; color:white; font-style:normal }

.font_14	{ font-size:14pt; color:black; font-style:normal }
.font_14w	{ font-size:14pt; color:white; font-style:normal }

.font_12	{ font-size:12pt; color:black; font-style:normal }
.font_12w	{ font-size:12pt; color:white; font-style:normal }
.font_12w_b	{ font-size:12pt; color:white; font-style:normal; font-weight:bold; }
.font_12n	{ font-size:12pt; color:navy; font-style:normal }
.font_12or	{ font-size:12pt; color:orange; font-style:normal }

.font_11	{ font-size:11pt; color:black; font-style:normal }
.font_11w	{ font-size:11pt; color:white; font-style:normal }
.font_11w_b	{ font-size:11pt; color:white; font-style:normal; font-weight:bold; }
.font_11n	{ font-size:11pt; color:navy; font-style:normal }

.font_10	{ font-size:10pt; color:black; font-style:normal }
.font_10w	{ font-size:10pt; color:white; font-style:normal }

.font_9		{ font-size:9pt; color:black; font-style:normal }
.font_9w	{ font-size:9pt; color:white; font-style:normal }
.font_9n	{ font-size:9pt; color:navy; font-style:normal }

.font_8		{ font-size:8pt; color:black; font-style:normal }
.font_8w	{ font-size:8pt; color:white; font-style:normal }
.font_8n	{ font-size:8pt; color:navy; font-style:normal }
.font_8bl	{ font-size:8pt; color:blue; font-style:normal }

.font_7		{ font-size:7pt; color:black; font-style:normal }
.font_7n	{ font-size:7pt; color:navy; font-style:normal }


/*--------------------------------------------------------------------------- */
/* フォントサイズと色の定義 */

.font_size1	{ font-size:18pt; color:darkstategray; font-style:normal }
.font_size2	{ font-size:16pt; color:darkstategray; font-style:normal }
.font_size3	{ font-size:14pt; color:darkstategray; font-style:normal }
.font_size4	{ font-size:12pt; color:darkstategray; font-style:normal }
.font_size4s{ font-size:11pt; color:darkstategray; font-style:normal }
.font_size5	{ font-size:10pt; color:darkstategray; font-style:normal }
.font_size6	{ font-size:9pt; color:darkstategray; font-style:normal }
.font_size7	{ font-size:8pt; color:darkstategray; font-style:normal }

.font_size40	{ font-size:12pt; color:maroon; font-style:normal }
.font_size50	{ font-size:10pt; color:maroon; font-style:normal }

/*--------------------------------------------------------------------------- */
/* リンク部分の色の定義(本文) */
A:active	{ color:orange; text-decoration:none }			/* クリックした時 */
A:visited 	{ color:navy; text-decoration:none }				/* すでに見たリンク */
A:link		{ color:navy; text-decoration:none }			/* リンク先有 */
A:hover		{ color:olive; text-decoration:none }			/* マウスが乗った時のリンク */

/* -------------------------------------------------------------------------- */
/* ヘッダー DISEC の属性定義 */
.header_di 	{ color:white; font-style:normal; background-image:url("img/header_di.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー Company の属性定義 */
.header_co 	{ color:white; font-style:normal; background-image:url("img/header_co.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー Enquete の属性定義 */
.header_en 	{ color:white; font-style:normal; background-image:url("img/header_en.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー Recruit の属性定義 */
.header_re 	{ color:white; font-style:normal; background-image:url("img/header_re.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー Topics の属性定義 */
.header_to 	{ color:white; font-style:normal; background-image:url("img/header_to.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー Product の属性定義 */
.header_pr 	{ color:white; font-style:normal; background-image:url("img/header_pr.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー USDATA の属性定義 */
.header_us 	{ color:white; font-style:normal; background-image:url("img/header_us.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=3) }

/* -------------------------------------------------------------------------- */
/* ヘッダー Xfactory の属性定義 */
.header_xf 	{ color:white; font-style:normal; background-image:url("img/header_xf.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー FactoryLink の属性定義 */
.header_fl 	{ color:white; font-style:normal; background-image:url("img/header_fl.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー WinSPC の属性定義 */
.header_ws 	{ color:white; font-style:normal; background-image:url("img/header_ws.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=10) }

/* -------------------------------------------------------------------------- */
/* ヘッダー j5-OMS の属性定義 */
.header_j5 	{ color:white; font-style:normal; background-image:url("img/header_j5.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=5) }


/* -------------------------------------------------------------------------- */
/* ヘッダー WinCC の属性定義 */
.header_wc 	{ color:white; font-style:normal; background-image:url("img/header_pr.jpg"); 
			filter:alpha(opacity=0, finishopacity=100, style=1, startx=0, finishx=5) }


/* -------------------------------------------------------------------------- */
/* 操作ボタンの属性定義 */
.opbutton 	{ color:white; font-style:normal; background-color:white; 
			filter:alpha(opacity=100, finishopacity=0, style=1, startx=0, finishx=100,
			straty=0, finishy=100) }

/*--------------------------------------------------------------------------- */
/* トップラインの属性定義 */
.top-line				{ color:darkstategray; font-weight:normal; 
						font-style:normal; background-color:gray; 
						filter:alpha(opacity=10, finishopacity=100, style=1) }
.top-line A:active  	{ color:white }		/* クリックした時のリンク色 */
.top-line A:visited 	{ color:white }		/* すでに見たリンク色 */
.top-line A:link    	{ color:white }		/* 普通のリンク色 */
.top-line A:hover   	{ color:navy }		/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* トップメニューの属性定義 */
.top-menu 				{ color:white; font-style:normal; font-weight:normal;
						 font-size:10.5pt; background-color:navy;
						filter:alpha(opacity=100, finishopacity=100, style=1, starty=0, finishy=100)}
.top-menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.top-menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.top-menu A:link    	{ color:white }		/* 普通のリンク色 */
.top-menu A:hover   	{ color:navy; background-color:silver }	/* マウスが乗った時のリンク色 */

.top-menu A:active, .top-menu A:visited, .top-menu A:link, .top-menu A:hover
 {text-decoration:none; font-style:normal}	/* リンク部分の文字属性 */

/*--------------------------------------------------------------------------- */
/* トップメニュー上下の属性定義 */
.topun-menu 			{ color:white; font-weight:normal; 
						font-style:normal; background-color:gold }
.topun-menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.topun-menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.topun-menu A:link    	{ color:white }		/* 普通のリンク色 */
.topun-menu A:hover   	{ color:navy }		/* マウスが乗った時のリンク色 */

.topun-menu A:active, .topun-menu A:visited, .topun-menu A:link, .topun-menu A:hover
 {text-decoration:none; font-style:italic }	/* リンク部分の文字属性 */

/*--------------------------------------------------------------------------- */
/* トップメニューの区切部分の属性定義 */
.term-menu 		{ color:white; font-style:italic; background-color:lightgreen }

/*--------------------------------------------------------------------------- */
/* トップメニュー部アクティブ時の属性定義 */
.topact-menu 			{ color:white; font-style:italic; background-color:limegreen }
.topact-menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.topact-menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.topact-menu A:link    	{ color:white }		/* 普通のリンク色 */
.topact-menu A:hover   	{ color:ivory }		/* マウスが乗った時のリンク色 */

.topact-menu A:active, .topact-menu A:visited, .topact-menu A:link, .topact-menu A:hover
 {text-decoration:none; font-style:italic}	/* リンク部分の文字属性 */

/*--------------------------------------------------------------------------- */
/* ガイダンスの属性定義 */
.guide-line				{ color:navy; font-weight:normal; font-size:9pt; 
						font-style:normal; background-color:lightgrey }
.guide-line A:active  	{ color:white }		/* クリックした時のリンク色 */
.guide-line A:visited 	{ color:navy }		/* すでに見たリンク色 */
.guide-line A:link    	{ color:navy }		/* 普通のリンク色 */
.guide-line A:hover   	{ color:white; background-color:navy }		/* マウスが乗った時のリンク色 */

/*--------------------------------------------------------------------------- */
/* ボトムラインの属性定義 */
.bottom-line			{ color:darkstategray; font-weight:normal; font-size:9pt; 
						font-style:normal; background-color:lightgrey }
.bottom-line A:active  	{ color:white }		/* クリックした時のリンク色 */
.bottom-line A:visited 	{ color:navy }		/* すでに見たリンク色 */
.bottom-line A:link    	{ color:navy }		/* 普通のリンク色 */
.bottom-line A:hover   	{ color:white; background-color:navy }		/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* サイドメニューの属性定義 */
.side-menu 				{ color:white; 
						font-weight:normal; 
						font-size:9pt;
						font-style:normal; 
						background-color:royalblue; 
						width:125px; 
						border-color:royalblue; 
						filter:alpha(opacity=100, 
						finishopacity=10, 
						style=1, 
						startx=90, 
						finishx=100) }
.side-menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.side-menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.side-menu A:link    	{ color:white }		/* 普通のリンク色 */
.side-menu A:hover   	{ color:navy; background-color:silver  }	/* マウスが乗った時のリンク色 */

.side-menu A:active, .side-menu A:visited, .side-menu A:link, .side-menu A:hover
 {text-decoration:none; font-style:normal; font-size:10pt }	/* リンク部分の文字属性 */

/* -------------------------------------------------------------------------- */
/* サイドメニューアクティブ時の属性定義 */
.sideact-menu 			{ color:white; 
						font-weight:normal; 
						font-style:normal; 
						background-color:navy }
.sideact-menu A:active	{ color:white }		/* クリックした時のリンク色 */
.sideact-menu A:visited	{ color:white }		/* すでに見たリンク色 */
.sideact-menu A:link	{ color:white }		/* 普通のリンク色 */
.sideact-menu A:hover	{ color:navy; background-color:silver  }	/* マウスが乗った時のリンク色 */

.sideact-menu A:active, .sideact-menu A:visited, .sideact-menu A:link, .sideact-menu A:hover
 {text-decoration:none; font-style:normal }	/* リンク部分の文字属性 */

/* -------------------------------------------------------------------------- */
/* 見出し部分 No.1の色の定義 */
.h1-menu 			{ color:white; font-style:normal; background-color:green; text-align:center;
					filter:alpha(opacity=100, finishopacity=5, style=2, enabled=false) }
.h1-menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.h1-menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.h1-menu A:link    	{ color:white }		/* 普通のリンク色 */
.h1-menu A:hover   	{ color:orange }	/* マウスが乗った時のリンク色 */

.h1-menu A:active, .h1-menu A:visited, .h1-menu A:link, .h1-menu A:hover {text-decoration:none; font-style:italic}

/* -------------------------------------------------------------------------- */
/* 見出し部分 No.2の色の定義 */
.h2-menu 			{ color:white; font-style:normal; background-color:limegreen;
					 text-align:center }
.h2-menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.h2-menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.h2-menu A:link    	{ color:white }		/* 普通のリンク色 */
.h2-menu A:hover   	{ color:orange }	/* マウスが乗った時のリンク色 */

/* 見出し２部分の文字属性 */
.h2-menu A:active, .h2-menu A:visited, .h2-menu A:link, .h2-menu A:hover {text-decoration:none; font-style:italic}

/* -------------------------------------------------------------------------- */
/* タイトル部分 No.1 定義 （会社案内、ソリューション）*/
.title1_menu 			{ color:white; font-style:normal; background-color:darkslategray;
						 text-align:center; height=30;
						filter:alpha(opacity=100, finishopacity=30, style=3) }
.title1_menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.title1_menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.title1_menu A:link    	{ color:white }		/* 普通のリンク色 */
.title1_menu A:hover   	{ color:lightgreen }	/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* タイトル部分 No.2 定義 （商品紹介）*/
.title2_menu 			{ color:white; font-style:normal; background-color:darkslategray;
						 text-align:center; height=30;
						filter:alpha(opacity=100, finishopacity=30, style=3) }
.title2_menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.title2_menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.title2_menu A:link    	{ color:white }		/* 普通のリンク色 */
.title2_menu A:hover   	{ color:lightgreen }	/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* タイトル部分 No.3 定義 （トピックス, News）*/
.title3_menu 			{ color:white; font-style:normal; background-color:darkslategray;
						 text-align:center; height=30;
						filter:alpha(opacity=100, finishopacity=30, style=3) }
.title3_menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.title3_menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.title3_menu A:link    	{ color:white }		/* 普通のリンク色 */
.title3_menu A:hover   	{ color:lightgreen }	/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* タイトル部分 No.4 定義 （リクルート、アンケート）*/
.title4_menu 			{ color:white; font-style:normal; background-color:darkslategray;
						 text-align:center; height=30;
						filter:alpha(opacity=100, finishopacity=30, style=3) }
.title4_menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.title4_menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.title4_menu A:link    	{ color:white }		/* 普通のリンク色 */
.title4_menu A:hover   	{ color:lightgreen }	/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* タイトル部分 No.5 定義 （パートナー紹介）*/
.title5_menu 			{ color:white; font-style:normal; background-color:darkslategray;
						 text-align:center; height=30;
						filter:alpha(opacity=100, finishopacity=50, style=1) }
.title5_menu A:active  	{ color:white }		/* クリックした時のリンク色 */
.title5_menu A:visited 	{ color:white }		/* すでに見たリンク色 */
.title5_menu A:link    	{ color:white }		/* 普通のリンク色 */
.title5_menu A:hover   	{ color:lightgreen }	/* マウスが乗った時のリンク色 */

/* -------------------------------------------------------------------------- */
/* Table Cell 定義 */
.cell_top 				{ border-left-width:0px;
						  border-right-width:0px;
						  border-top-width:1px;
						  border-bottom-width:0px;
						  border-style:solid;
						  border-color:darkgreen }
.cell_left 				{ border-left-width:1px;
						  border-right-width:0px;
						  border-top-width:0px;
						  border-bottom-width:0px;
						  border-style:solid;
						  border-color:darkgreen }
.cell_right				{ border-left-width:0px;
						  border-right-width:1px;
						  border-top-width:0px;
						  border-bottom-width:0px;
						  border-style:solid;
						  border-color:darkgreen }
.cell_bottom			{ border-left-width:0px;
						  border-right-width:0px;
						  border-top-width:0px;
						  border-bottom-width:1px;
						  border-style:solid;
						  border-color:darkgreen }
.cell_bottom_w			{ border-left-width:0px;
						  border-right-width:0px;
						  border-top-width:0px;
						  border-bottom-width:1px;
						  border-style:solid;
						  border-color:white }
.cell_all				{ border-left-width:1px;
						  border-right-width:1px;
						  border-top-width:1px;
						  border-bottom-width:1px;
						  border-style:solid;
						  border-color:darkgreen }
.cell_right_w			{ border-left-width:0px;
						  border-right-width:1px;
						  border-top-width:0px;
						  border-bottom-width:0px;
						  border-style:solid;
						  border-color:silver }
.cell_topbottom			{ border-left-width:0px;
						  border-right-width:0px;
						  border-top-width:4px;
						  border-bottom-width:4px;
						  border-style:solid;
						  border-color:silver }
						
.cell_all_navy			{ border-left-width:2px;
						  border-right-width:2px;
						  border-top-width:2px;
						  border-bottom-width:2px;
						  border-style:solid;
						  border-color:navy }

.cell_all_white			{ border-left-width:2px;
						  border-right-width:2px;
						  border-top-width:2px;
						  border-bottom-width:2px;
						  border-style:solid;
						  border-color:white }
						
						
/* -------------------------------------------------------------------------- */
/* 境界線 定義 （TOP MENU）*/
.topmenu_line			{ border-width:1px;
						  border-style:solid;
						  border-color:white;
						  border-top-width:0px;
						  border-bottom-width:0px;
						  border-left-width:0px;
						  border-right-width:1px }


.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}