/*******************************************************************/
/*『ファイル名』    : foodadditives.css				        	           */
/*『説明』          : 食品添加物インデックスデータベース用スタイルシート                */
/*-----------------------------------------------------------------*/
/*『新規作成』      : 2012/07/25 佐藤良子                          */
/*******************************************************************/


/*******************************************************************/
/*『説明』          : 共通設定                                     */
/*******************************************************************/
body  
{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	color			: #333333;
	margin			: 0;
}
table 
{
}
td 
{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	color			: #333333;
}
a 
{
	 text-decoration: none; 
}

/*******************************************************************/
/*『説明』          : TextBox                                      */
/*******************************************************************/

/*	会社名	*/
.txt001 {
	width			: 200px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	部署名	*/
.txt002 {
	width			: 340px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	郵便番号上桁  */
.txt003 {
	width			: 30px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	郵便番号下桁  */
.txt004 {
	width			: 40px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	住所１  */
.txt005 {
	width			: 360px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	住所２  */
.txt006 {
	width			: 180px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	電話番号  */
.txt007 {
	width			: 100px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	FAX番号  */
.txt008 {
	width			: 100px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	氏名  */
.txt009 {
	width			: 160px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	フリガナ  */
.txt010 {
	width			: 160px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	担当者部署名  */
.txt011 {
	width			: 340px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	担当者E-Mail  */
.txt012 {
	width			: 340px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	追加アクセス数  */
.txt013 {
	width			: 40px;
	text-align		: right;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	利用者数  */
.txt014 {
	width			: 40px;
	text-align		: right;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	使用事業所数  */
.txt015 {
	width			: 40px;
	text-align		: right;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	同時アクセス数  */
.txt016 {
	width			: 40px;
	text-align		: right;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	請求書宛名  */
.txt017 {
	width			: 340px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	シリアル番号上桁  */
.txt018 {
	width			: 15px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	シリアル番号中桁  */
.txt019 {
	width			: 60px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	シリアル番号下桁  */
.txt020 {
	width			: 30px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	カタログ番号上桁  */
.txt021 {
	width			: 20px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	カタログ番号下桁  */
.txt022 {
	width			: 40px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	ご意見・ご要望  */
.txt023 {
	width			: 500px;
	height			: 100px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	E-Mailアドレス（確認）  */
.txt024 {
	width			: 340px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	パスワード  */
.txt025 {
	width			: 100px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	パスワード（確認）  */
.txt026 {
	width			: 100px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*	氏名（追加アクセス画面）  */
.txt027 {
	width			: 400px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	部署名（追加アクセス画面）  */
.txt028 {
	width			: 400px;
	ime-mode		: active;	/*	日本語入力モード　*/
}

/*	E-mailアドレス（追加アクセス画面）  */
.txt029 {
	width			: 400px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}
/*	パスワード、パスワード確認（追加アクセス画面）  */
.txt030 {
	width			: 400px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}
/* 約款 */
.txt031 
{
	width			: 520px;
	height			: 158px;
}
/* ログイン画面のテキストボックス */
.txt032
{
	width			: 150px;
}
/*	有効期限のテキストボックス  */
.txt033 {
	width			: 100px;
	ime-mode		: disabled;	/*	英数字入力モード　*/
}

/*******************************************************************/
/*『説明』          : DropDownList                                 */
/*******************************************************************/

/*	都道府県  */
.list01 {
	width			: 120px;
	height			: 12px;
}


/*******************************************************************/
/*『説明』          : RadioButton                                  */
/*******************************************************************/

/*	業種  */
.radio01 {
	width			: 352px;
	height			: 12px;
}

/*	情報源  */
.radio02 {
	width			: 380px;
	height			: 12px;
}
/*	DM希望  */
.radio03 {
	width			: 280px;
}


/*******************************************************************/
/*『説明』          : Font   　                                    */
/*******************************************************************/
/*	基準のFont(tdに設定しているのでtd内の文字には設定不要)  */
.font01 {
	font-size		: 9pt;
	font-family		: 'ＭＳ ゴシック';
	color			: #333333;	/* 黒 */
}

/*	ヘッダーのFont  */
.font02 {
	font-size		: 9pt;
	font-family		: 'ＭＳ ゴシック';
	color			: #595857;	/* 墨色 *//*#f08080 ピンク*/
}

/*	必須のFont  */
.font03 {
	font-size		: 9pt;
	font-family		: 'ＭＳ ゴシック';
	color			: #990000;	/* 濃赤 */
}

/*	エラーメッセージのFont  */
.font04 {
	width			: 496px;
	height			: 28px;
	font-size		: 10pt; 
	font-family		: 'ＭＳ ゴシック';
	color			: #FF0000;	/* 赤 */
}

/*  注意事項のFont  */
.font05 {
	font-size		: 9pt;
	font-family		: 'ＭＳ ゴシック';
	color			: #ff6347;	/* 薄い赤 */
}

/*  追加アクセス画面のヘッダーのFont  */
.font06 {
	font-size		: 9pt;
	font-family		: 'ＭＳ ゴシック';
	color			: #3366ff;	 /* 水色 */
	font			: bold;
}


/*******************************************************************/
/*『説明』          : Button    　                                 */
/*******************************************************************/

/*	基本のボタン  */
.btn01  {
	font-size		: 12px;
	color			: #333333;	/* 黒 */
	font-family		: verdana,helvetica,arial;
	padding			: 1px;
	margin			: 1px;
	width			: 100px;
}

/*	長いボタン（「中央法規トップページ」ボタン）  */
.btn02  {
	font-size		: 12px;
	color			: #333333;	/* 黒 */
	font-family		: verdana,helvetica,arial;
	padding			: 1px;
	margin			: 1px;
	width			: 200px;
}

/*	エラー画面からの「戻る」ボタン  */
.btn03{
	font-size		: 16px;
	color			: #333333;	/* 黒 */
	font-family		: verdana,helvetica,arial;
	padding			: 1px;
	margin			: 1px;
	width			: 145px;
	height			: 30px;
}
/*******************************************************************/
/*『説明』          : LABEL     　                                 */
/*******************************************************************/
/* 会員情報修正管理者 追加アクセスヘッダラベル */
.label01
{
	width			: 450px;
}
/* ご意見・ご希望のラベル */
.label02
{
	width			: 520px;
	height			: 32px
}
/*******************************************************************/
/*『説明』          : PANEL     　                                 */
/*******************************************************************/

/*	パネル */
.pnl01  {
	width			: 610px;
}

/*******************************************************************/
/*『説明』          : TABLE     　                                 */
/*******************************************************************/

/***********　メインパネル　***********/

/*	外枠のテーブル  */
.tbl01  {
	width			: 610px;
	border			: 0;
}

/*	内側のテーブル  */
.tbl02  {
	width			: 580px;
}

/*	色のみ指定  */
.tbl03  {
	background		: #595857;	/* 墨色 *//*#f08080 ピンク*/
}
/* 追加アクセス ヘッダ */
.tbl04  {
	width			: 500px;
	background		: #000000;	/* 黒 */
	border			: 0;
}

/* 追加アクセス データ */
.tbl05  {
	width			: 505px;
	border			: 0;
}

/*	メニューの色  */
.tbl06  {
	background		: #9ea1a3;	/* 錫色 *//*#FF9999 ピンク*/
}

/*******************************************************************/
/*『説明』          : BORDER
/*******************************************************************/
/*	契約形態グレーの枠線  */
.bdr01{
	border-width	: 1px;
	border-style	: solid;
	border-color	: #666666;	/* グレー */
	padding			: 1px;
	margin			: 1px;
}


/*******************************************************************/
/*『説明』          : TableHeader                                  */
/*******************************************************************/

/*	「会社情報」「担当者情報」のヘッダー  */
.hed01{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	background-color: #595857;	/* 墨色 *//*#f08080 ピンク*/
	text-align		: left;
	white-space		: nowrap;
	color			: #FFFFFF;	/* 白 */
	height			: 20px;
}

/*	ピンクのヘッダー  */
.hed02{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	background-color: #595857;	/* 墨色 *//*#f08080 ピンク*/
	text-align		: left;
	white-space		: nowrap;
	color			: #FFFFFF;	/* 白 */
	height			: 20px;
	font			: bold;
}

/*	追加アクセス画面の黄色のヘッダー  */
.hed03{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	background-color: #FFFF99;	/* 黄色 */
	text-align		: left;
	white-space		: nowrap;
	height			: 20px;
}

/*	追加アクセス画面のピンクのヘッダー  */
.hed04{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	background-color: #ffcccc;	 /* ピンク */
	text-align		: left;
	white-space		: nowrap;
	height			: 20px;
}

/*	契約情報テーブル（契約形態）  */
.hed05{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	background-color: #ccffcc;	 /* 薄い水色（緑） */ 	 
	text-align		: left;
	white-space		: nowrap;
}

/*	契約情報テーブル（アクセス数）  */
.hed06{
	font-size		: 9pt;
	font-family		:'ＭＳ ゴシック';
	background-color: #ffff99;	 /* 薄い黄色 */ 
	text-align		: left;
	white-space		: nowrap;
}


/*******************************************************************/
/*『説明』          : TableCel                                     */
/*******************************************************************/

/*	白のテーブルセル(外枠を出すためのセル)  */
.cel01{
	background-color: #FFFFFF;	/* 白 */
}

/*	確認画面のテーブルセル（左）  */
.cel02{
	width			: 100px;
	background-color: #FFFF99;	/* 薄い黄色 */
	height			: 20px;	  
}

/*	確認画面のテーブルセル（右）  */
.cel03{
	width			: 450px;
	height			: 20px;	  
}

/*	グレーのテーブルセル  */
.cel04{
	background-color: #CCCCCC;	/* グレー */
	height			: 20px;	  
}

/*	白のテーブルセル  */
.cel05{
	background-color: #FFFFFF;	/* 白 */
	height			: 20px;	  
}

/* 追加アクセス画面のテーブルセル(左) */
.cel06{
	width			: 100px;
	background-color: #FFFF99;	/* 薄い黄色 */
	height			: 20px;	  
}

/* 追加アクセス画面のテーブルセル(右) */
.cel07{
	width			: 400px;
	background-color: #FFFFFF;	/* 白 */
	height			: 20px;	  
}

/* 追加アクセス画面のテーブルセル(メールによるお知らせ) */
.cel08{
	background-color: #FFFF99;	/* 薄い黄色 */
	height			: 20px;	  
}

/* ログイン画面のラベル */
.cel09
{
	width:736px;
	height:27px;
	font:bold;
	font-size: 120%;
	text-align: center;
	vertical-align:middle;
	color: white;
	background-color: #9ea1a3;	/* 錫色 *//*#FF9999 ピンク*/
}
/* ログイン画面テキストボックスのラベル */
.cel10
{
	background-color : #87CEEB;
	text-align : left;
	white-space: nowrap;
	color:#FFFFFF;
}