/******************************************************************************/
/*																			  */
/* 【 ＨＴＭＬ 】：有限会社 サンジックス ホームページ						  */
/* 【 ファイル 】：スタイルシート：本文										  */
/* 【 概    要 】：ホームページ本文のスタイル定義							  */
/*																			  */
/*																			  */
/******************************************************************************/
/*                       Copyright (C) SunGix,Inc. All rights reserved.       */
/******************************************************************************/

	/**************************************************************************/
	/* 【BODY スタイル】													  */
	/**************************************************************************/
	BODY {
		FONT-SIZE:							  10pt;	/* フォントサイズ		  */
		LINE-HEIGHT: 				   		  110%;	/* テキストの高さ		  */
		COLOR:							   #000000;	/* フォントの色			  */
	}

	/**************************************************************************/
	/* 【背景） スタイル】													  */
	/**************************************************************************/
	DIV.baseBackStyle {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								   0px;	/*   上端位置			  */
		left : 0px;	/*   左端位置			  */
		WIDTH:								   85%;	/* 横幅					  */
		HEIGHT:								  100%;	/* 縦幅					  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/bakImg_01.gif);
	}

	/**************************************************************************/
	/* 【背景（シャドー付き） スタイル】01 頂点								  */
	/**************************************************************************/
	DIV.shadowBackStyle_01 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								   0px;	/*   上端位置			  */
		LEFT:								   0px;	/*   左端位置			  */
		WIDTH:								  16px;	/* 横幅					  */
		HEIGHT:								  16px;	/* 縦幅					  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/bakImg_01_01.gif);
	}

	/**************************************************************************/
	/* 【背景（シャドー付き） スタイル】02 横長								  */
	/**************************************************************************/
	DIV.shadowBackStyle_02 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								   0px;	/*   上端位置			  */
		LEFT:								   0px;	/*   左端位置			  */
		WIDTH:								  100%;	/* 横幅					  */
		HEIGHT:								  16px;	/* 縦幅					  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/bakImg_01_02.gif);
	}

	/**************************************************************************/
	/* 【背景（シャドー付き） スタイル】03 縦長								  */
	/**************************************************************************/
	DIV.shadowBackStyle_03 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								   0px;	/*   上端位置			  */
		LEFT:								   0px;	/*   左端位置			  */
		WIDTH:								  16px;	/* 横幅					  */
		HEIGHT:								  100%;	/* 縦幅					  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/bakImg_01_03.gif);
	}

	/**************************************************************************/
	/* 【背景（ロゴ、写真等） ボディー スタイル】							  */
	/**************************************************************************/
	DIV.backBody_01 {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								  50px;	/*   上端位置			  */
		LEFT:								 -20px;	/*   左端位置			  */
		WIDTH:								 600px;	/* 横幅					  */
		HEIGHT:								 400px;	/* 縦幅					  */
	}

	/**************************************************************************/
	/* 【メニューフレーム 動画 スタイル】									  */
	/**************************************************************************/
	IMG.movieStyle {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								   0px;	/*   上端位置			  */
		LEFT:								   0px;	/*   左端位置			  */
		WIDTH:								 180px;	/* 横幅					  */
		HEIGHT:								  54px;	/* 縦幅					  */
	}

	/**************************************************************************/
	/* 【メニューフレーム ボディー スタイル】								  */
	/**************************************************************************/
	DIV.menuBody_01 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								  54px;	/*   上端位置			  */
		LEFT:								   0px;	/*   左端位置			  */
		WIDTH:								 180px;	/* 横幅					  */
		HEIGHT:								  100%;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #CCCCCC;	/* 背景色 				  */
		BORDER-LEFT:			 1px solid #2D3E50; /* 枠線(左)				  */
		BORDER-RIGHT:			 1px solid #52677D;	/* 枠線(右)				  */
	}

	/**************************************************************************/
	/* 【メニューフレーム ボタン スタイル】(False)							  */
	/**************************************************************************/
	DIV.menuFalse {
		WIDTH:								 178px;	/* 横幅					  */
		HEIGHT:								  24px;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #DDDDDD;	/* 背景色 				  */
		BORDER-TOP:				 1px solid #FCFCFC; /* 枠線(左)				  */
		BORDER-BOTTOM:			 1px solid #868686;	/* 枠線(右)				  */
		CURSOR:								  hand; /* マウスカーソルの形状	  */
	}

	/**************************************************************************/
	/* 【メニューフレーム ボタン スタイル】(True)							  */
	/**************************************************************************/
	DIV.menuTrue {
		WIDTH:								 178px;	/* 横幅					  */
		HEIGHT:								  24px;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #F5F5F5;	/* 背景色 				  */
		BORDER-TOP:				 1px solid #FCFCFC; /* 枠線(左)				  */
		BORDER-BOTTOM:			 1px solid #868686;	/* 枠線(右)				  */
		CURSOR:								  hand; /* マウスカーソルの形状	  */
	}

	/**************************************************************************/
	/* 【メール ボディー スタイル】											  */
	/**************************************************************************/
	DIV.mailBody_01 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								 300px;	/*   上端位置			  */
		LEFT:								   0px;	/*   左端位置			  */
		WIDTH:								 178px;	/* 横幅					  */
		HEIGHT:								  24px;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #A5A9AF;	/* 背景色 				  */
	}

	/**************************************************************************/
	/* 【メール イメージ スタイル】											  */
	/**************************************************************************/
	IMG.mailStyle {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								 -30px;	/*   上端位置			  */
	}

	/**************************************************************************/
	/* 【ホーム移動メニュー ボタン スタイル】(False)						  */
	/**************************************************************************/
	DIV.homeFalse {
		WIDTH:								 162px;	/* 横幅					  */
		HEIGHT:								  15px;	/* 縦幅					  */
		PADDING-TOP:						   2px;	/* 内側の左余白			  */
		PADDING-LEFT:						   2px;	/* 内側の左余白			  */
		BACKGROUND-COLOR:				   #CCCCCC;	/* 背景色 				  */
		BORDER-TOP:	 			 1px solid #FCFCFC;	/* 枠線(上)				  */
		BORDER-BOTTOM:			 1px solid #868686; /* 枠線(下)				  */
		BORDER-LEFT:			 1px solid #FCFCFC; /* 枠線(左)				  */
		BORDER-RIGHT:			 1px solid #868686;	/* 枠線(右)				  */
		CURSOR:								  hand; /* マウスカーソルの形状	  */
	}

	/**************************************************************************/
	/* 【ホーム移動メニュー ボタン スタイル】(True)							  */
	/**************************************************************************/
	DIV.homeTrue {
		WIDTH:								 162px;	/* 横幅					  */
		HEIGHT:								  15px;	/* 縦幅					  */
		PADDING-TOP:						   2px;	/* 内側の左余白			  */
		PADDING-LEFT:						   2px;	/* 内側の左余白			  */
		BACKGROUND-COLOR:				   #E0E0E0;	/* 背景色 				  */
		BORDER-TOP:	 			 1px solid #FCFCFC;	/* 枠線(上)				  */
		BORDER-BOTTOM:			 1px solid #868686; /* 枠線(下)				  */
		BORDER-LEFT:			 1px solid #FCFCFC; /* 枠線(左)				  */
		BORDER-RIGHT:			 1px solid #868686;	/* 枠線(右)				  */
		CURSOR:								  hand; /* マウスカーソルの形状	  */
	}

	/**************************************************************************/
	/* 【クローズボタンイメージ スタイル】									  */
	/**************************************************************************/
	.imgCloseStyle {
		CURSOR:								  hand; /* マウスカーソルの形状	  */
		POSITION:						  relative;	/* 配置方法（相対）		  */
		TOP:								  -8px; /* 相対位置：Y			  */
		LEFT:								-113px; /* 絶対位置：X			  */
	}

	/**************************************************************************/
	/* 【TABLE スタイル】													  */
	/**************************************************************************/
	TABLE {
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
		LINE-HEIGHT: 				   		  140%;	/* テキストの高さ		  */
		COLOR:							   #000000;	/* フォントの色			  */
	}

	/**************************************************************************/
	/* 【TABLE CELL スタイル】ヘッダセル									  */
	/**************************************************************************/
	TD.hedCell {
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
		FONT-WEIGHT:						  bold; /* フォントの太さ		  */
		LINE-HEIGHT: 				   		  140%;	/* テキストの高さ		  */
		PADDING:							 0.5em; /* 内側の余白			  */
		COLOR:							   #333333;	/* フォントの色			  */
		BORDER-BOTTOM:			 1px solid #DCDCDC; /* 枠線(下)				  */
	}

	/**************************************************************************/
	/* 【TABLE CELL スタイル】データセル									  */
	/**************************************************************************/
	TD.dataCell {
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
		LINE-HEIGHT: 				   		  140%;	/* テキストの高さ		  */
		PADDING:							 0.5em; /* 内側の余白			  */
		COLOR:							   #333333;	/* フォントの色			  */
		BORDER-BOTTOM:			 1px solid #DCDCDC; /* 枠線(下)				  */
	}

	/**************************************************************************/
	/* 【ウィンドウ フレーム スタイル】外枠：backFrame_00					  */
	/**************************************************************************/
	DIV.backFrame_00 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								  10px;	/*   上端位置			  */
		LEFT:								  10px;	/*   左端位置			  */
		WIDTH:								 180px;	/* 横幅					  */
		HEIGHT:								 160px;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #CCCCCC;	/* 背景色 				  */
		BORDER-TOP:	 			 1px solid #F0F0F0;	/* 枠線(上)				  */
		BORDER-BOTTOM:			 1px solid #888888; /* 枠線(下)				  */
		BORDER-LEFT:			 1px solid #F0F0F0; /* 枠線(左)				  */
		BORDER-RIGHT:			 1px solid #888888;	/* 枠線(右)				  */
		DISPLAY:							  block;	/* 画面表示				  */
	}

	/**************************************************************************/
	/* 【ウィンドウ フレーム スタイル】外枠：backFrame_01					  */
	/**************************************************************************/
	DIV.backFrame_01 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								  10px;	/*   上端位置			  */
		LEFT:								  10px;	/*   左端位置			  */
		WIDTH:								 180px;	/* 横幅					  */
		HEIGHT:								 160px;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #74A9B3;	/* 背景色 				  */
		BORDER-TOP:			 	 2px solid #0D1B4A;	/* 枠線(上)				  */
		BORDER-BOTTOM:			 2px solid #0D1B4A; /* 枠線(下)				  */
		BORDER-LEFT:			 2px solid #0D1B4A; /* 枠線(左)				  */
		BORDER-RIGHT:			 2px solid #0D1B4A;	/* 枠線(右)				  */
		FILTER:					 Alpha(opacity=30);	/* 半透明効果			　*/
		DISPLAY:							  block;	/* 画面表示				  */
	}

	/**************************************************************************/
	/* 【ウィンドウ フレーム スタイル】スクリーン枠：Screen_S0				  */
	/**************************************************************************/
	DIV.Screen_S0 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								  10px;	/*   上端位置			  */
		LEFT:								  10px;	/*   左端位置			  */
		width : 500px;	/* 横幅					  */
		height : 500px;	/* 縦幅					  */
		LINE-HEIGHT:						  60%;	/* テキストの高さ		  */
/*		DISPLAY:							  block;	 画面表示				  */
  
}

	/**************************************************************************/
	/* 【ウィンドウ フレーム スタイル】スクリーン枠：Screen_S1				  */
	/**************************************************************************/
	DIV.Screen_S1 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		top : 16px;	/*   上端位置			  */
		left : 16px;	/*   左端位置			  */
		width : 80%;	/* 横幅					  */
		height : 80%;	/* 縦幅					  */
		BACKGROUND-COLOR:				   #FFFFFF;	/* 背景色 				  */
		BORDER-TOP:	 			 1px solid #666666;	/* 枠線(上)				  */
		BORDER-BOTTOM:			 1px solid #666666; /* 枠線(下)				  */
		BORDER-LEFT:			 1px solid #666666; /* 枠線(左)				  */
		BORDER-RIGHT:			 1px solid #666666;	/* 枠線(右)				  */
		DISPLAY:							  block;	/* 画面表示				  */
		BACKGROUND-IMAGE:							/* 背景画像				  */
				 URL(../img/bakImg_03.gif); 
	}

	/**************************************************************************/
	/* 【ウィンドウ フレーム スタイル】スクリーン：Screen_02				  */
	/**************************************************************************/
	.Screen_S2 {
		POSITION:						  absolute;	/* ポジショニングの方法	  */
		TOP:								  10px;	/* 上端位置				  */
		LEFT:								  10px;	/* 左端位置				  */
		width : 500px;	/* 横幅					  */
		height : 500px;	/* 縦幅					  */
		DISPLAY:							  block;	/* 画面表示				  */
	
  visibility : visible;
}

	/**************************************************************************/
	/* 【業務内容 スタイル】ベース											  */
	/**************************************************************************/
	DIV.sel01_Base {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								  20px;	/* 上端位置				  */
		LEFT:								  20px;	/* 左端位置				  */
		COLOR:							   #333333;	/* フォントの色			  */
		FONT-SIZE:							   8pt;	/* フォントサイズ		  */
	}

	/**************************************************************************/
	/* 【業務内容 スタイル】詳細表示域										  */
	/**************************************************************************/
	TABLE.sel01_Detail {
		COLOR:							   #333333;	/* フォントの色			  */
		FONT-SIZE:							   8pt;	/* フォントサイズ		  */
		LINE-HEIGHT: 				   		  105%;	/* テキストの高さ		  */
	
  
  
  margin-top : 10px;
  margin-left : 10px;
}

	/**************************************************************************/
	/* 【業務内容 スタイル】アクセサリ 表示域								  */
	/**************************************************************************/
	DIV.sel01_sys00 {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								 -25px;	/* 上端位置				  */
		LEFT:								 160px;	/* 左端位置				  */
		LINE-HEIGHT: 				   		   40%;	/* テキストの高さ		  */
		COLOR:							   #333333;	/* フォントの色			  */
	}

	/**************************************************************************/
	/* 【業務内容 スタイル】システム提案 表示域								  */
	/**************************************************************************/
	DIV.sel01_sys01 {
		WIDTH:								 450px;	/* 横幅					  */
		height : 65px;	/* 縦幅					  */
			/* 内側の左余白			  */
			/* 内側の左余白			  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/sysFrame_01.gif);
	
  top : 1px;
  left : 1px;
  
  
  
  
}

	/**************************************************************************/
	/* 【業務内容 スタイル】システム構築 表示域								  */
	/**************************************************************************/
	DIV.sel01_sys02 {
		WIDTH:								 450px;	/* 横幅					  */
		HEIGHT:								  65px;	/* 縦幅					  */
			/* 内側の左余白			  */
			/* 内側の左余白			  */
 													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/sysFrame_02.gif);
	}

	/**************************************************************************/
	/* 【業務内容 スタイル】ミドルウェア 表示域								  */
	/**************************************************************************/
	DIV.sel01_sys03 {
		WIDTH:								 450px;	/* 横幅					  */
		HEIGHT:								  65px;	/* 縦幅					  */
			/* 内側の左余白			  */
			/* 内側の左余白			  */
 													/* 背景画像				  */
		BACKGROUND-IMAGE:URL(../img/sysFrame_03.gif);
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】ベース											  */
	/**************************************************************************/
	DIV.sel02_Base {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								  10px;	/* 上端位置				  */
		LEFT:								  10px;	/* 左端位置				  */
		COLOR:							   #333333;	/* フォントの色			  */
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
		LINE-HEIGHT: 				   		  170%;	/* テキストの高さ		  */
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】実績１ 表示域									  */
	/**************************************************************************/
	DIV.sel02_Job01 {
		WIDTH:								 480px;	/* 横幅					  */
		HEIGHT:								  66px;	/* 縦幅					  */
		POSITION:						  relative;	/* ポジショニングの方法	  */
		LEFT:								   5px;	/* 左端位置				  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:  URL(../img/JobImg_01.gif);
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】実績２ 表示域									  */
	/**************************************************************************/
	DIV.sel02_Job02 {
		WIDTH:								 480px;	/* 横幅					  */
		HEIGHT:								  66px;	/* 縦幅					  */
		POSITION:						  relative;	/* ポジショニングの方法	  */
		LEFT:								   5px;	/* 左端位置				  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:  URL(../img/JobImg_02.gif);
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】実績３ 表示域									  */
	/**************************************************************************/
	DIV.sel02_Job03 {
		WIDTH:								 480px;	/* 横幅					  */
		HEIGHT:								  66px;	/* 縦幅					  */
		POSITION:						  relative;	/* ポジショニングの方法	  */
		LEFT:								   5px;	/* 左端位置				  */
													/* 背景画像				  */
		BACKGROUND-IMAGE:  URL(../img/JobImg_03.gif);
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】列車アイコン 表示域								  */
	/**************************************************************************/
	IMG.sel02_Icon01 {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								   7px;	/* 上端位置				  */
		LEFT:								  20px;	/* 左端位置				  */
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】プロジェクト名 表示域							  */
	/**************************************************************************/
	DIV.sel02_ProjectNm {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								 -15px;	/* 上端位置				  */
		LEFT:								  65px;	/* 左端位置				  */
		FONT-WEIGHT:						  bold; /* フォントの太さ		  */
		FONT-SIZE:							  11pt;	/* フォントサイズ		  */
		COLOR:							   #333333;	/* フォントの色			  */
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】案件名 表示域									  */
	/**************************************************************************/
	DIV.sel02_JobNm {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								 -35px;	/* 上端位置				  */
		LEFT:								 310px;	/* 左端位置				  */
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
		COLOR:							   #333333;	/* フォントの色			  */
	}

	/**************************************************************************/
	/* 【業務実績 スタイル】担当説明 表示域									  */
	/**************************************************************************/
	DIV.sel02_Comment {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								 -24px;	/* 上端位置				  */
		LEFT:								  15px;	/* 左端位置				  */
		FONT-SIZE:							   8pt;	/* フォントサイズ		  */
		COLOR:							   #333333;	/* フォントの色			  */
	}

	/**************************************************************************/
	/* 【会社概要 スタイル】社名ロゴ 表示域									  */
	/**************************************************************************/
	IMG.sel03_Logo01 {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		LEFT:								  56px;	/* 左端位置				  */
	}


	/**************************************************************************/
	/* 【採用情報 スタイル】ベース											  */
	/**************************************************************************/
	DIV.sel04_Base {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								  20px;	/* 上端位置				  */
		LEFT:								  20px;	/* 左端位置				  */
		COLOR:							   #333333;	/* フォントの色			  */
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
	}

	/**************************************************************************/
	/* 【お問い合わせ スタイル】ベース										  */
	/**************************************************************************/
	DIV.sel05_Base {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								  10px;	/* 上端位置				  */
		LEFT:								  10px;	/* 左端位置				  */
		COLOR:							   #333333;	/* フォントの色			  */
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
	}

	/**************************************************************************/
	/* 【お問い合わせ スタイル】サンジックス ロゴ ベース					  */
	/**************************************************************************/
	DIV.sel05_logoBase {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		TOP:								  10px;	/* 上端位置				  */
		LEFT:								 250px;	/* 左端位置				  */
		COLOR:							   #333333;	/* フォントの色			  */
		FONT-SIZE:							   9pt;	/* フォントサイズ		  */
	}

	/**************************************************************************/
	/* 【お問い合わせ スタイル】社名ロゴ 表示域								  */
	/**************************************************************************/
	IMG.sel05_Logo01 {
		POSITION:						  relative;	/* ポジショニングの方法	  */
		LEFT:								  56px;	/* 左端位置				  */
	}

/******************************************************************************/
/*                       Copyright (C) SunGix,Inc. All rights reserved.       */
/******************************************************************************/