@charset "Shift_JIS";

body                  {  font-family: "ＭＳ Ｐゴシック";}

/* ---------- 文字の大きさ ---------- */
.txt_LL               { font-size: 18px}
.txt_L                { font-size: 16px}
.txt_M                { font-size: 14px}
.txt_S                { font-size: 12px}
.txt_SS               { font-size: 10px}

/* ---------- ログインアウト　背景色 ---------- */
.log_bg               { background-color: #fcedf1; }
/* ---------- お知らせ、トピックスの■色 ---------- */
.info_box             { font-size: 12px; font-weight: bold; color: #B732BB;}
/* ---------- お知らせ、トピックスの本文設定 ---------- */
.info                 { font-size: 14px; line-height: 18px; letter-spacing: 0.1em}
/* ---------- お知らせ、トピックスの名称文字設定 ---------- */
.info_tit             { font-size: 14px; font-weight: bold; color: #A74986;}
/* ---------- カレンダー文字色 ---------- */
.cal_txt              { color: #444444;}
/* ---------- コピーライト文字設定 ---------- */
.copy                 { font-size: 12px; color: #6B9559;}
/* ---------- メインタイトル背景色 ---------- */
.title_bg             { background-image: url(../images/head/bg.gif)}
/* ---------- ユーザ情報　文字　ヘッダー部 ---------- */
.user_it              { font-size: 14px; color: #000000;}
/* ---------- ユーザ情報　背景色　ヘッダー部 ---------- */
.user_bg              { background-color: #37765E;}
/* ---------- 出荷・買参・社員メニュー　文字 ---------- */
.menu_no              { font-size: 12px; color: #FFFFFF;}
/* ---------- トップライン色　メニュー部 ---------- */
.menu_top             { background-color: #6DC169;}
/* ---------- メニュー枠線色 ---------- */
.menu_btn_line        { background-color: #00884F;}
/* ---------- ページ名称　文字設定 ---------- */
.f_name               { padding-top: 10px; font-size: 16px; font-weight: bold; color: #333333;}
/* ---------- ページ名称　アンダーライン ---------- */
.f_line               { background-color: #B0D4A0;}


/* ---------- 買参人色 ---------- */
	/* ---------- 検索条件ヘッダー ---------- */
	.s_tit_b          { font-size: 12px; font-weight: bold; color: #555555; background-color: #FFFFFF;}
	/* ---------- 検索項目 ---------- */
	.s_head_b         { font-size: 12px; color: #000000; background-color: #98C5FF;}
	/* ---------- 検索条件入力 ---------- */
	.s_body_b         { font-size: 12px; color: #000000; background-color: #D5E4FF;}
	/* ---------- 検索結果背景色 ---------- */
	.bg_b             { background-color: #E2EDFF;}
	/* ---------- 検索結果項目背景色 ---------- */
	.item_b           { background-color: #CEF1FF;}

/* ---------- 出荷者色 ---------- */
	/* ---------- 検索条件ヘッダー ---------- */
	.s_tit_s          { font-size: 12px; font-weight: bold; color: #555555; background-color: #FFFFFF;}
	/* ---------- 検索項目 ---------- */
	.s_head_s         { font-size: 12px; color: #000000; background-color: #FFD59B;}
	/* ---------- 検索条件入力 ---------- */
	.s_body_s         { font-size: 12px; color: #000000; background-color: #FAE7C7;}
	/* ---------- 検索結果背景色 ---------- */
	.bg_s             { background-color: #FFF4E2;}
	/* ---------- 検索結果項目背景色 ---------- */
	.item_s           { background-color: #FFEDAF;}


/* ---------- 検索結果項目枠色 ---------- */
.list_line            { font-size: 12px; color: #000000; background-color: #C3C3C3;}
/* ---------- 検索結果1行背景色 ---------- */
.list_bg01            { background-color: #EDEDED;}
.list_bg02            { background-color: #FFFFFF;}	
	

/* ---------- メインメニュー用　リンク色 ---------- */
.MENU                 { display: block ; width: 100%; height: 100%; width: 134px; height: 20px; padding-top: 5px; padding-left: 8px; font-size: 12px;}
.MENU:link            { color:#000000; text-decoration:none; background-color: #FFFFFF;}
.MENU:visited         { color:#000000; text-decoration:none; background-color: #FFFFFF;}
.MENU:active          { color:#000000; text-decoration:none; background-color: #FFFFFF;}
.MENU:hover           { color:#000000; text-decoration:none; background-color: #ffd6d0;}


/* ---------- メインメニューのトップページへボタン用　リンク色 ---------- */
.top                  { display: block ; width: 100%; height: 100%; width: 150px; height: 27px; padding-top: 6px; padding-left: 10px; font-size: 14px; font-weight: bold;}
.top:link             { color:#FFFFFF; text-decoration:none; background-image:  url(../images/menu/top_btn.gif);}
.top:visited          { color:#FFFFFF; text-decoration:none; background-image:  url(../images/menu/top_btn.gif);}
.top:active           { color:#FFFFFF; text-decoration:none; background-image:  url(../images/menu/top_btn.gif);}
.top:hover            { color:#FFFFFF; text-decoration:none; background-image:  url(../images/menu/top_btn_ro.gif);}




/* ---------- ボタン ---------- */
.button               { display: block ; width: 100%; height: 100%; width: 90px; height: 14px; padding: 2px; font-size: 12px;}
.button:link          { color:#000000; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FFFFFF; background-color: #E9E9E9;}
.button:visited       { color:#000000; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FFFFFF; background-color: #E9E9E9;}
/*.button:active        { color:#000000; text-decoration:none; border-style: inset; border-width: 2px; border-color: #FFFFFF; background-color: #E0E0E0;}*/
.button:hover         { color:#000000; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FFFFFF; background-color: #F0F0F0;}

/* ---------- 購入ボタン ---------- */
.sc_button            { display: block ; width: 100%; height: 100%; padding: 2px; height: 12px; font-size: 12px;}
.sc_button:link       { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FBC489; background-color: #F78D1D;}
.sc_button:visited    { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FBC489; background-color: #F78D1D;}
/*.sc_button:active     { color:#FFFFFF; text-decoration:none; border-style: inset; border-width: 2px; border-color: #FBC489; background-color: #F9A44A;}*/
.sc_button:hover      { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #EEEEEE; background-color: #F9A44A;}
/* ---------- 変更ボタン ---------- */
.ch_button            { display: block ; width: 100%; height: 100%; padding: 2px; height: 12px; font-size: 12px;}
.ch_button:link       { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #9FC4EE; background-color: #4F98E7;}
.ch_button:visited    { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #9FC4EE; background-color: #4F98E7;}
/*.ch_button:active     { color:#FFFFFF; text-decoration:none; border-style: inset; border-width: 2px; border-color: #9FC4EE; background-color: #4F98E7;}*/
.ch_button:hover      { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #EEEEEE; background-color: #72ADEC;}
/* ---------- 削除ボタン ---------- */
.del_button           { display: block ; width: 100%; height: 100%; padding: 2px; height: 12px; font-size: 12px;}
.del_button:link      { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #EFB7C0; background-color: #E07589;}
.del_button:visited   { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #EFB7C0; background-color: #E07589;}
/*.del_button:active    { color:#FFFFFF; text-decoration:none; border-style: inset; border-width: 2px; border-color: #EFB7C0; background-color: #E07589;}*/
.del_button:hover     { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #EEEEEE; background-color: #E691A1;}

/* ---------- ページ切替ボタン ---------- */
.ps_button            { display: block ; width: 100%; height: 100%; width: 30px; height: 12px; padding: 2px; font-size: 12px;}
.ps_button:link       { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #BBBBBB; background-color: #888888;}
.ps_button:visited    { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #BBBBBB; background-color: #888888;}
/*.ps_button:active     { color:#444444; text-decoration:none; border-style: inset; border-width: 2px; border-color: #BBBBBB; background-color: #DDDDDD;}*/
.ps_button:hover      { color:#FFFFFF; text-decoration:none; border-style: outset; border-width: 2px; border-color: #DDDDDD; background-color: #999999;}
/* ---------- リストから選択ボタン ---------- */
.ls_button            { display: block ; width: 100%; height: 100%; width: 20px; height: 12px; padding: 1px; font-size: 12px;}
.ls_button:link       { color:#000000; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FFFFFF; background-color: #E9E9E9;}
.ls_button:visited    { color:#000000; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FFFFFF; background-color: #E9E9E9;}
/*.ls_button:active     { color:#000000; text-decoration:none; border-style: inset; border-width: 2px; border-color: #FFFFFF; background-color: #E0E0E0;}*/
.ls_button:hover      { color:#000000; text-decoration:none; border-style: outset; border-width: 2px; border-color: #FFFFFF; background-color: #F0F0F0;}







/* ---------- 不使用 ---------- */

/* ---------- ボタン　押せない状態 ---------- */
.disable   { width: 30px; height: 12px; padding: 1px; font-size: 10px; color:#FFFFFF; text-decoration:none; border-style: solid; border-width: 2px; border-color: #DDDDDD; background-color: #EEEEEE;}