/*------------------------------*/
/*  共通
/*------------------------------*/

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

input
{
	font-family: "ＭＳ Ｐゴシック";
	font-size:12pt;
	margin-left: 0px;
}

table
{
	font-family: "ＭＳ Ｐゴシック";
	font-size:12pt;
}

#content
{
	text-align: center;
}

/* ページタイトル */
h1.pageTitle
{
	color: Blue;
	font-size: xx-large;
	font-weight: bold;
}

/*------------------------------*/
/*  Login
/*------------------------------*/
/* ログインテーブル */
#login table
{
	width:400px;
	border-collapse:collapse;
	border: solid 1px #000000;
}

/* ログインの文字がある行 */
#login .title
{
	padding:8px;
	font-weight:bold;
	text-align:center;
}

/* 項目のある行 */
#login .column
{
	width:150px;
	padding:8px;
	text-align:right;
}

/* 入力欄のある行 */
#login .value
{
	width:250px;
	padding:8px;
	text-align:left;
}

/* ログインボタンがある行 */
#login .button
{
	padding:8px;
	text-align:right;
}

/* エラーメッセージがある行 */
#login .message
{
	padding:8px;
	text-align:left;
}

/* 入力欄 */
#login .inputBox
{
	font-size: 12pt;
	width: 180px;
	letter-spacing:normal;
}

/* エラーメッセージ */
#login .errMessage
{
	color: red;
}

/* ログインボタン */
#login .loginButton
{
	background-color: #FFFBFF;
	border: solid 1px #CCCCCC;
	font-family: Verdana;
	font-size: 12pt;
	color: #284775;
}

/*------------------------------*/
/*  Menu
/*------------------------------*/

.btnMenu
{
	height: 32px;
	width: 272px;
}

.copyRight
{
	font-family: "ＭＳ Ｐゴシック";
	font-size:8pt;
	letter-spacing:normal;
}

/*------------------------------*/
/*  Order共通
/*------------------------------*/
#Order table
{
	padding:8px;
	border-collapse:collapse;
}

#Order td
{
	padding:8px;
}

/* 注文品番 */
#Order .itemOrderNum
{
	width:180px;
	text-align:left;
	border:1px solid #000000;
	background-color: #ffccff;
}

/* ヘッダ部 */
#Order .itemOrder
{
	width:180px;
	text-align:left;
	border:1px solid #000000;
	background-color: #FFFFC0;
}

/* 発送先ヘッダ(右側) */
#Order .itemDestination
{
	width:60px;
	text-align:left;
	border:1px solid #000000;
	background-color: #FFFFC0;
}

/* 発送先ヘッダ(左側) */
#Order .itemDestinationDetail
{
	width:100px;
	text-align:left;
	border:1px solid #000000;
	background-color: #FFFFC0;
}

/* 入力部 */
#Order .value
{
	width:350px;
	text-align:left;
	border:1px solid #000000;
}

/* 入力部　注文結果表示 */
#Order .valueResult
{
	width:350px;
	text-align:left;
	border:1px solid #000000;
	background-color:#E0FFFF;
}

/* 入力部　B/O納期回答依頼 結果表示 */
#Order .valueRequestResult
{
	width:350px;
	text-align:left;
	border:1px solid #000000;
	background-color:#FFC0CB;
}

/* 備考欄 */
#Order .comment
{
	height:50px;
}

/* 備考入力欄 */
#Order textarea
{
	width:280px;
	height:25px;
}

/*------------------------------*/
/*  SelectDestination
/*------------------------------*/
#selectDestination
{
	width: 500px;
	margin: 0px auto;
}

#selectDestination td
{
	border: 1px #000000 solid;
	padding:8px;
}

#selectDestination table
{
	border-collapse: collapse;
	padding:8px;
}

#selectDestination .columnName
{
	width: 100px;
	text-align: left;
	background-color: #FFFFC0;
}

#selectDestination .columnContent
{
	width: 400px;
	text-align: left;
}

/*------------------------------*/
/*  StockSearch
/*------------------------------*/

#boxInput
{
	margin: 30px 0px;
}

#boxInput .SearchCode
{
	width: 130px;
	text-align: center;
	margin: 0px 5px;
}

/*------------------------------*/
/*  StockSearchResult
/*------------------------------*/
.ResultText
{
	font-weight:bold;
	font-size:14pt;
	color:Red;
}

#Search table
{
	width:780px;
	border-collapse:collapse;
	padding:8px;
	height: 2px;
}

/* 新品/再生ヘッダ */
#Search .NewRecycleHeader
{
	width:250px;
	text-align:center;
	border:1px solid #000000;
	background-color:#ffffcc;
}

/* 品番ヘッダ */
#Search .GoogsCodeHeader
{
	width:160px;
	text-align:center;
	border:1px solid #000000;
	background-color:#ffffcc;
}

/* 在庫状態ヘッダ */
#Search .StockStateHeader
{
	width:80px;
	text-align:center;
	border:1px solid #000000;
	background-color:#ffffcc;
}

/* 在庫数ヘッダ */
#Search .StockHeader
{
	width:60px;
	text-align:center;
	border:1px solid #000000;
	background-color:#ffffcc;
}

/* 定価ヘッダ */
#Search .PriceHeader
{
	width:80px;
	text-align:center;
	border:1px solid #000000;
	background-color:#ffffcc;
}

/* 価格ヘッダ */
#Search .PriceSHeader {
	width: 80px;
	text-align: center;
	border: 1px solid #000000;
	background-color: #ffffcc;
}

/* 備考ヘッダ */
#Search .NotesHeader {
	width: 160px;
	text-align: center;
	border: 1px solid #000000;
	background-color: #ffffcc;
}

/* 行ヘッダ */
#Search .RowTitle
{
	text-align:left;
	border:1px solid #000000;
}

/* 新品/再生 */
#Search .NewRecycle
{
	width:250px;
	text-align:left;
	border:1px solid #000000;
	/*border-bottom:none;
	border-right:none;*/
}

/* 品番 */
#Search .GoogsCode
{
	width:160px;
	text-align:left;
	border:1px solid #000000;
}

/* 在庫状態 */
#Search .StockState
{
	width:80px;
	text-align:center;
	border:1px solid #000000;
}

/* 在庫数 */
#Search .Stock
{
	width:60px;
	text-align:right;
	border:1px solid #000000;
}

/* 定価 */
#Search .Price {
	width: 80px;
	text-align: right;
	border: 1px solid #000000;
}

/* 価格 */
#Search .PriceS {
	width: 80px;
	text-align: right;
	border: 1px solid #000000;
}

/* 備考 */
#Search .Notes {
	width: 320px;
	text-align: left;
	border: 1px solid #000000;
}

/* ヘッダ項目 */
#Search .Header
{
	text-align:left;
	border:1px solid #000000;
}

/*------------------------------*/
/*  EditCustomer
/*------------------------------*/

#editCustomer
{
	border: 1px solid black;
	padding: 5px;
	margin: 5px auto;
	width: 500px;
}

/*#editCustomer #boxLeft
{
	width: 50%;
	float: left;
}*/

/*#editCustomer #boxRight
{
}*/

#editCustomer input,select
{
	width:300px;
}

#boxLeft .tblLeft
{
	text-align: right;
}

#boxLeft .tblTitle
{
	text-align: left;
	font-weight: bold;
}

#customerList .tdLine
{
	border-bottom:1px dotted #000000;
}

/*------------------------------*/
/*  EditCompany
/*------------------------------*/

#editCompany
{
	width: 450px;
	margin: 10px auto;
	padding: 5px;
	border: 1px solid black;
}

#editCompany .fieldName
{
	width: 120px;
	text-align: right;
	padding: 0px 5px;
}

#editCompany input
{
	width: 250px;
}

#editCompany select
{
	width: 255px;
}

/*------------------------------*/
/*  Waiting
/*------------------------------*/

#waiting {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
}

#waiting .waitingMessage {
	display: table-cell;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: darkblue;
	vertical-align: middle;
	padding-top: 170px;
	background: url("../images/waiting.gif") center center no-repeat;
}