/*
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	日工電子工業株式会社　ウェブサイト　スタイルシート
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/


/*
_/_/_/_/_/_/_/_/_/_/_/_/_/
	タグのスタイル
_/_/_/_/_/_/_/_/_/_/_/_/_/
*/

BODY{
/*  text-align : center; */
  font-family : "ＭＳ Ｐゴシック";
  color : #404040;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  background-color : #f0f0f0;
}

DIV{
  font-family : "ＭＳ Ｐゴシック";
  color : #404040;
}

P{
  font-family : "ＭＳ Ｐゴシック";
  color : #404040;
}

/* リンクの上にマウスを乗せると，押し下がる表示をする */
A#down:hover{
	position: relative; top: 1px; left: 1px;
}

/* 表(TABLE)の行にカーソルが乗ると，色が変わる */
table.TrColord tr:hover{ background-color: #ffcccc; color: #800000; }

/* 使い方の例
	<table cellspacing="0" cellpadding="0" class="TrColord">
	                                       ~~~~~~~~~~~~~~~~
	表の記述
	
	</table>
*/


/*
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	ヘッダー部分のナビゲーションバーのスタイル
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
div.navi {
	padding: 3px;				/* バー内部の余白 */
	font-size: 80%;				/* バー内部の文字サイズ */
}

div.navi a {
	text-decoration: none;				/* リンクの下線を消す */
	padding: 0px 0.3em;					/* リンク間に空間を設ける */
}

/*
	HTML部分の書式説明　"～"部分はリンク先へのアドレス記述
	<div class="navi">
		<a href="～">HOME</a>＞
		<a href="～">製品紹介</a>＞
		<a href="～">××××</a>＞
		<a href="～">○○○○</a>
	</div>
*/


/*
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	フッター部分のナビゲーションバーのスタイル
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
DIV.footernavi {
	padding: 3px;				/* バー内部の余白 */
	font-size: 80%;				/* バー内部の文字サイズ */
}

DIV.footernavi A {
							/* リンク文字色 */
	text-decoration: none;				/* リンクの下線を消す */
	border-right : 1px solid blue;	/* リンク間に縦線を引く */
	padding: 0px 0.3em;					/* リンク間に空間を設ける */
}

/*
	HTML部分の書式説明　"～"部分はリンク先へのアドレス記述
	<div class="footernavi">
		<a href="～">HOME</a>
		<a href="～">About</a>
		<a href="～">フォーラム</a>
		<a href="～">ライブラリ</a>
		<a href="～">チャット</a>
		<a href="～">リンク</a>
	</div>
*/


/*
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	更新情報BOXのスタイル
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
DIV.UpdateBox{
	height : 4em;				/* BOXの高さ */
	overflow: auto;				/* スクロールバーの表示 */
	border : 3px groove silver;		/* ボーダーのスタイル */

  text-align : left;
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
  width : auto;
  background-color : white;
}

/*
	HTML部分の書式説明
	<p class="updatebox">
		長い文章
		　：：
		長い文章
	</p>
*/





/*
		構造図
	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
	┃										#Base										┃
	┃┌───────────────────────────────────────┐┃
	┃│									#HeadBand								　│┃
	┃└───────────────────────────────────────┘┃
	┃┌───────────────────────────────────────┐┃
	┃│									#Header									　│┃
	┃│																			　│┃
	┃└───────────────────────────────────────┘┃
	┃┌───────────────────────────────────────┐┃
	┃│									#BaseTop								　│┃
	┃│┌───────┐┌────────────────────────────┐│┃
	┃││	#LeftSide	││						#RightBase						││┃
	┃││				││┌─────────────────┐┌───────┐││┃
	┃││				│││				#BaseCenter			││　#RightSide　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				│││									││			　│││┃
	┃││				││└─────────────────┘└───────┘││┃
	┃│└───────┘└────────────────────────────┘│┃
	┃└───────────────────────────────────────┘┃
	┃┌───────────────────────────────────────┐┃
	┃│									#BaseBottom								　│┃
	┃│																			　│┃
	┃└───────────────────────────────────────┘┃
	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

#Base{
	align : center;
/*	text-align : center; */
	margin-left : auto;
	margin-right : auto;
	width : 1024px;
/*	background-image : url(image/ntucs_bak.gif); */
	background-image : url(image/wallpaper.jpg);
	background-repeat : repeat;
}

#HeadBand{
	text-align : center;
	background-color : #f0f0f0;
}
#Header{
	align : center;
	text-align : center;
/*	margin-top : 5px; */
	margin-bottom : 2px;
}
#BaseTop{
	position : normal;
}
#BaseBottom{
	text-align : center;
	margin-top : 5px;
	clear : both;
}
#LeftSide{
	align : center;
	text-align : center;
	width : 256px;
	float : left;
  
  
}
#SideInner{
	text-align : left;
	margin-bottom : 10px;
}
#RightBase{
	width : 768px;
	float : right;
}

#BaseCenter{
	width : 512px;
	float : left;
}
#RightSide{
	align : center;
	text-align : center;
	width : 256px;
	float : right;
}