@charset "UTF-8";

/* UNIVERSAL RESET */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #f5f5f5;
	text-align: center; /* box centering */
	font: normal 63% Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font: normal 63% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
	vertical-align: baseline;
	color: #222;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, blockquote
{
	display: block;
	text-align: left;
	font-style: normal;
    font-weight: normal;
}

form
{
	display: block;
	font-style: normal;
    font-weight: normal;
}

table
{
	empty-cells: show;
	border-collapse: collapse;
}

hr,.areaAnchor,.anchor
{
	display : none;
	clear: both;
}

img /* img do not want a border */
{
	border: none;
	vertical-align: bottom;
}

li /* link do not want a dot */
{
	list-style: none;
}

acronym,
abbr
{
	cursor: help;
}

textarea /* テキストエリア内文字サイズのブラウザ間での差異をなくす */
{
	font-size: 100%;
}

sup /* 上付き文字調整 */
{
	line-height: 100%;
	vertical-align: baseline;
	position: relative;
	top: -2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
}


/* FORM SETTING */

.fs
{
	padding: 3px;
	border: solid 1px #999;
	background: #fff;
	font-size: 14px;
	color: #333;
}

.imeon
{
	ime-mode: active;
}

.imeoff
{
	ime-mode: disabled;
}


/* STRUCTURE */

div#wrapper 
{
}


/* ログインボックス */

div#loginBx
{
	width: 370px;
	/* height: 180px; */
	margin: 150px auto 0 auto;
	padding: 0 0 30px 0;
	background: url(../images/loginBoard.gif) left bottom no-repeat;
}
	div#loginBx div#login
	{
		padding: 30px 0 0 0;
		text-align: center;
		background: url(../images/loginBoard.gif) no-repeat;
	}
		div#loginBx div#login table
		{
			width: 230px;
			margin: 0 auto 5px auto;
		}
			div#loginBx div#login table th,
			div#loginBx div#login table td
			{
				text-align: left;
				padding: 8px 4px;
				font-size: 14px;
				background: none;
			}
		div#loginBx div#login p
		{
			width: 152px;
			margin: 0 auto;
		}
		
		div#loginBx div#login div#erLoginBx
		{
			width: 270px;
			margin: 0 auto 5px auto;
			padding: 10px;
			border: 2px solid #ff0000;
			background: #fffcec;
		}
			div#loginBx div#login div#erLoginBx p
			{
				font-size: 12px;
				line-height: 140%;
				width: 100%;
				color: #ff0000;
			}


/* タイトル */

div#titBx 
{
	width: 100%;
	height: 62px;
	position: relative;
	background: url(../images/headPat.gif) repeat-x;
}
	div#titBx h1
	{
		width: 380px;
		height: 62px;
		position: absolute;
		top: 0;
		left: 5px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -5000px;
	}
	div#titBx p
	{
		width: 300px;
		position: absolute;
		top: 0;
		left: 400px;
		font-size: 16px;
		line-height: 62px;
		font-weight: bold;
	}
	div#titBx ul
	{
		width: 300px;
		position: absolute;
		top: 19px;
		right: 5px;
	}
		div#titBx ul li
		{
			float: right;
		}
			/* ログアウトボタン */
			div#titBx ul li a
			{
				display: block;
				width: 114px;
				height: 31px;
				text-indent: -5000px;
				background: url(../images/btnLogout.gif) no-repeat;
			}


/* グローバルメニュー */

div#gnavBx
{
	width: 100%;
	height: 38px;
	position: relative;
	background: url(../images/gnavPat.gif) repeat-x;
}
	div#gnavBx ul.menu
	{
		position: absolute;
		top: 0;
		left: 5px;
		background: #166eb7;
		padding: 0 1px;
		height: 38px;
	}
		div#gnavBx ul.menu li
		{
			display: inline;
			float: left;
		}
			div#gnavBx ul.menu li a
			{
				display: block;
				background: url(../images/gnavBtn.gif) no-repeat;
				color: #fff;
				width: 110px;
				height: 38px;
				font-size: 14px;
				line-height: 38px;
				overflow: hidden;
				text-decoration: none;
				text-align: center;
				font-weight: bold;
			}
			div#gnavBx ul.menu li a:hover
			{
				background: url(../images/gnavBtnR.gif) no-repeat;
				color: #166eb7;
			}
		
	div#gnavBx ul.sub
	{
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 2;
	}		
		div#gnavBx ul.sub li
		{
			clear: both;
			margin: 0;
			padding: 0;
		}
			div#gnavBx ul.sub li a
			{
				display: block;
				background: #a4daf0;
				color: #166eb7;
				text-indent: 0;
				width: 145px;
				height: 35px;
				line-height: 35px;
				font-size: 14px;
				border-bottom: 2px solid #2a6389;
				border-left: 2px solid #0966b3;
				border-right: 2px solid #0966b3;
				text-align: left;
				padding: 0 10px;
				margin: 0;
				text-decoration: none;
				overflow: hidden;
				font-weight: bold;
			}
			div#gnavBx ul.sub li a:hover
			{
				background: #099cd5;
				color: #fff;
			}
			
			
/* ページタイトル */

div#pgTitBx
{
	width: 100%;
	padding: 5px 0;
	background: #fff;
}
	div#pgTitBx h2
	{
		margin: 0 0 0 5px;
		background: url(../images/titMrk.gif) left center no-repeat;
		font-size: 16px;
		font-weight: bold;
		line-height: 30px;
		padding: 0 0 0 20px;
	}
	

/* タブ */

/* 画面に1つしかタブがない場合 */
div#tabBx
{
	overflow: hidden;
	height: 42px;
	background: url(../images/tabPat.gif) repeat-x;
}
	div#tabBx ul
	{
		overflow: hidden;
		margin: 0 0 0 5px;
	}
		div#tabBx ul li
		{
			float: left;
		}
			div#tabBx ul li a
			{
				display: block;
				width: 102px;
				height: 32px;
				margin: 0 5px 0 0;
				text-align: center;
				background: url(../images/tabBtn.gif) no-repeat;
				color: #222;
				line-height: 32px;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
			}
			div#tabBx ul li a:hover
			{
				color: #fff;
				background: url(../images/tabBtnD.gif) no-repeat;
			}
			div#tabBx ul li a.select
			{
				color: #fff;
				background: url(../images/tabBtnD.gif) no-repeat;
			}
			
/* 画面に2つタブがある場合の1つめ */

div#tab1Bx
{
	overflow: hidden;
	height: 37px;
	background: url(../images/tab1Pat.gif) repeat-x;
}
	div#tab1Bx ul
	{
		overflow: hidden;
		margin: 0 0 0 5px;
	}
		div#tab1Bx ul li
		{
			float: left;
		}
			div#tab1Bx ul li a
			{
				display: block;
				width: 102px;
				height: 32px;
				margin: 0 5px 0 0;
				text-align: center;
				background: url(../images/tab1Btn.gif) no-repeat;
				color: #222;
				line-height: 32px;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
			}
			div#tab1Bx ul li a:hover
			{
				color: #fff;
				background: url(../images/tab1BtnD.gif) no-repeat;
			}
			div#tab1Bx ul li a.select
			{
				color: #fff;
				background: url(../images/tab1BtnD.gif) no-repeat;
			}
			
/* 画面に2つタブがある場合の2つめ */

div#tab2Bx
{
	overflow: hidden;
	margin-bottom: 15px;
	background: url(../images/tab2Pat.gif) repeat-x;
}
	div#tab2Bx ul
	{
		overflow: hidden;
		margin: 0 0 0 5px;
	}
		div#tab2Bx ul li
		{
			float: left;
		}
			div#tab2Bx ul li a
			{
				display: block;
				width: 102px;
				height: 32px;
				margin: 0 5px 0 0;
				text-align: center;
				background: url(../images/tab2Btn.gif) no-repeat;
				color: #222;
				line-height: 32px;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
			}
			div#tab2Bx ul li a:hover
			{
				color: #fff;
				background: url(../images/tab2BtnD.gif) no-repeat;
			}
			div#tab2Bx ul li a.select
			{
				color: #fff;
				background: url(../images/tab2BtnD.gif) no-repeat;
			}


/* メイン */

div#mainBx
{
	padding: 15px 5px 15px 5px;
	font-size: 14px;
	line-height: 140%;
	background: #ffffeb;
	border-top: 2px solid #116bb6;
	border-bottom: 2px solid #116bb6;
	margin: 0 0 20px 0;
}
div#mainTabBx
{
	padding: 10px 5px 15px 5px;
	font-size: 14px;
	line-height: 140%;
	background: #ffffeb;
	border-bottom: 2px solid #116bb6;
	margin: 0 0 20px 0;
}

	div#mainBx a,
	div#mainTabBx a
	{
		color: #2a6389;
	}
	div#mainBx a:hover,
	div#mainTabBx a:hover
	{
		color: #ff0000;
	}
	

p
{
	margin: 0 0 15px 0;
}

h3
{
	clear: both;
	margin: 0 0 15px 0;
}
	h3.bluTit
	{
		display: inherit;
		margin: 0;
		padding: 0 0 0 15px;
		height: 28px;
		background: url(../images/sTitBluBoardH.gif) left top no-repeat;
	}
		h3.bluTit span
		{
			width: 200px;
			display: block;
			overflow: hidden;
			padding: 6px 0 0 0;
			height: 28px;
			background: url(../images/sTitBluBoard.gif) right top no-repeat;
			color: #fff;
			font-weight: bold;
			font-size: 14px;
		}

table
{
	width: 100%;
	margin: 0 0 15px 0;
}
	table th
	{
		font-size: 12px;
		line-height: 110%;
		font-weight: bold;
	}
	table td
	{
		font-size: 12px;
		line-height: 120%;
		background: #fff;
	}
		table td.blu/* 青 */
		{
			/* background: #d5e6f9; */
			/*background: #f0f9ff;*/
			background: #DFF2FF;
		}
		table td.grn/* 緑 */
		{
			/* background: #e5ffc6; */
			/*background: #f2ffe2;*/
			background: #ECFFD5;
		}
		table td.org/* オレンジ */
		{
			/* background: #fff7d6; */
			/*background: #fffbea;*/
			background: #FFF4CA;
		}
		table td.red /* 緑 */
		{
			/* background: #e5ffc6; */
			background: #FEEFEF;
		}
		
	/* 緑テーブル */
	table.grnTb
	{
		margin: 0 0 15px 0;
		border: 2px solid #77b335;
	}
		table.grnTb th,
		table.grnTb td
		{
			padding: 5px;
			border: 1px solid #77b335;
		}
		table.grnTb th
		{
			background: #dbf0c3;
		}

	/* オレンジテーブル */
	table.orangeTb
	{
		margin: 0 0 15px 0;
		border: 2px solid #C17917;
	}
		table.orangeTb th,
		table.orangeTb td
		{
			padding: 5px;
			border: 1px solid #C17917;
		}
		table.orangeTb th
		{
			background: #F2CC99;
		}

	/* 赤テーブル */
	table.redTb
	{
		margin: 0 0 15px 0;
		border: 2px solid #C61313;
	}
		table.redTb th,
		table.redTb td
		{
			padding: 5px;
			border: 1px solid #C61313;
		}
		table.redTb th
		{
			background: #F29D99;
		}

	table.grnTb + table.grnTb, table.orangeTb + table.orangeTb, table.redTb + table.redTb {
		margin-bottom: 10px;
	} 

	/* 納品日テーブル */
	table.nohTb
	{
		margin: 0 0 15px 0;
		border: 2px solid #ff871c;
	}
		table.nohTb th,
		table.nohTb td
		{
			font-size: 14px;
			padding: 10px;
			border: 1px solid #ff871c;
		}
		table.nohTb th
		{
			background: #fed9b7;
		}
		
	/* 青テーブル */
	table.bluTb
	{
		margin: 0 0 15px 0;
		border: 2px solid #126ab4;
	}
		table.bluTb th,
		table.bluTb td
		{
			padding: 5px;
			border: 1px solid #126ab4;
		}
		table.bluTb th
		{
			background: #c0e9fc;
		}
		
	/* ラインなしテーブル */
	table.noLineTb
	{
		width: auto;
		margin: 0 0 15px 0;
	}
		table.noLineTb th,
		table.noLineTb td
		{
			padding: 4px 6px;
			border: none;
		}
		
	/* レイアウト用テーブル */
	table.noTb
	{
		width: auto;
		margin: 0 0 15px 0;
	}
		table.noTb td.bgc
		{
			background: #ffffeb;
		}
		
	/* メニュー用テーブル */
	table.menuTb
	{
		width: auto;
		margin: 0 0 10px 0;
	}
		table.menuTb td
		{
			padding: 0 10px 5px 0;
			background: #ffffeb;
		}
		

	/* 基本リストテーブル */
	table.baseTb
	{
	}
		table.baseTb th,
		table.baseTb td
		{
			padding: 4px 6px;
			border: 1px solid #879bad;
		}
		table.baseTb th
		{
			background: #c0e9fc;
		}
		table.baseTb td
		{
			background: #fffff8;
		}
			table.baseTb th.mrk,
			table.baseTb td.mrk
			{
				padding: 3px;
				border: none;
				background: none;
			}
			table.baseTb td.chk
			{
				background: #adda80;
			}
			
	

.set
{
	font-size: 1.3em;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #ff6666;
}
.ct
{
	text-align: center;
}
.lt
{
	text-align: left;
}
.rt
{
	text-align: right;
}

.red
{
	background: #ff0000;
}
.alert
{
	color: #ff0000;
	font-weight: bold;
}
a.mBtn
{
	display: block;
	width: 230px;
	height: 90px;
	font-size: 18px;
	font-weight: bold;
	line-height: 90px;
	text-align: center;
	text-decoration: none;
	background: url(../images/btnMenu.jpg) no-repeat;
}



/* ボタン関連 */

/* ログインボタン */
input.btnLogin
{
	display: block;
	width: 152px;
	height: 35px;
	background: url(../images/btnLogin.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 検索 */
input.btnSearch
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnSearch.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 次へ */
input.btnNext
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnNext.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 新規作成 */
input.btnNew
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnNew.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 修正 */
input.btnEdit
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnEdit.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 行追加 */
input.btnAddRow
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnAddRow.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 注文書作成 */
input.btnOrder
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnOrder.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 戻る */
input.btnBack
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnBack.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 保存 */
input.btnSave
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnSave.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 製造へ */
input.btnGoMfg
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnGoMfg.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 印刷 */
input.btnPrint
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnPrint.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* メモ入力 */
input.btnMemo
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnMemo.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入力 */
input.btnInput
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnInput.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入稿する */
input.btnSend
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnSend.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 編集 */
input.btnEdit2
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnEdit2.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 複写 */
input.btnCopy
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnCopy.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 完了 */
input.btnComp
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnComp.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 削除 */
input.btnDel
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnDel.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 登録 */
input.btnEntry
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnEntry.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 追加 */
input.btnAdd
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnAdd.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 納品書 */
input.btnNohin
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnNohin.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 確定 */
input.btnSet
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnSet.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 一括出力 */
input.btnAllOut
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnAllOut.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入金する */
input.btnMon
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnMon.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入校済み */
input.btnEnd
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/btnEnd.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 最終 */
input.btnLast
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/last.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}


/* 支払明細書（S） */
input.btnPay
{
	display: block;
	width: 75px;
	height: 29px;
	background: url(../images/btnPay.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 修正（S） */
input.btnEditS
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnEditS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 修正（S） */
input.btnEditSS
{
	display: block;
	width: 56px;
	height: 20px;
	background: url(../images/btnEditSS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 編集（S） */
input.btnEdit2S
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnEdit2S.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 複写（S） */
input.btnCopyS
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnCopyS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入荷（S） */
input.btnNyukS
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnNyukS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入金（S） */
input.btnMony
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnMony.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 入金（S） */
input.btnMonySS
{
	display: block;
	width: 56px;
	height: 20px;
	background: url(../images/btnMonySS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 表示（S） */
input.btnShow
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnShow.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 表示（S） */
input.btnShowSS
{
	display: block;
	width: 56px;
	height: 20px;
	background: url(../images/btnShowSS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 変更（S） */
input.btnChgS
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnChgS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 削除（S） */
input.btnDelS
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnDelS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 印刷（S） */
input.btnPrintS
{
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/btnPrintS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 印刷（S） */
input.btnPrintSS
{
	display: block;
	width: 56px;
	height: 20px;
	background: url(../images/btnPrintSS.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 印刷（S） */
input.btnOndemando
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/ondemando.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 印刷（S） */
input.btnPauti
{
	display: block;
	width: 132px;
	height: 35px;
	background: url(../images/pauti.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

input.btnUpload
{
	display: block;
	width: 162px;
	height: 35px;
	background: url(../images/btnUpload.png) no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
}

/* 青ボタン */
input.btnblu {
	display : inline-block;
	width: 132px;
	border-radius: 25px;
	font-size: 11pt;
	text-align: center;
	cursor: pointer;
	padding: 5px;
	margin: 4px;
	background: linear-gradient(to bottom, #52afe5,#047ED2);
	color: #ffffff;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 2px #666666;
	border: 1px solid #423968;
}
input.btnblu:hover {
	background: linear-gradient(to bottom, #75bce5,#559fd1);
	color: #ffffff;
}
/* 大サイズボタン */
input.btnLarge {
	display : inline-block;
	width: auto;
	border-radius: 25px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 6px 15px 6px;
	margin: 4px;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 2px #666666;
	border: 1px solid #423968;
}
/* 小サイズボタン */
input.btnSmall {
	display : inline-block;
	width: auto;
	border-radius: 25px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 3px 10px 4px;
	margin: 3px;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 2px #666666;
	border: 1px solid #423968;
}
input.blue {
	background: linear-gradient(to bottom, #52afe5,#047ED2);
	color: #ffffff;
}
input.blue:hover {
	background: linear-gradient(to bottom, #75bce5,#559fd1);
	color: #ffffff;
}
input.red {
	background: linear-gradient(to bottom, #ee3f48,#ae1010);
	color: #ffffff;
}
input.red:hover {
	background: linear-gradient(to bottom, #ec767c,#b64f4f);
	color: #ffffff;
}
/* エラーメッセージ部分 */

div#erBx
{
	margin: 0 0 15px 0;
	border: 2px solid #ff0000;
	padding: 5px;
	background: #fff;
}
	div#erBx p
	{
		color: #ff0000;
		font-size: 12px;
		line-height: 140%;
		margin: 0;
	}
	
	
img.ph
{
	margin: 0 5px 5px 0;
}

div#lddmBox
{
	width: 100%;
	height: 38px;
	position: relative;
	background: url(../images/lddmPat.gif) repeat-x;
}

	div#lddmBox ul.ldd_menu
	{
		margin: 0 0 0 5px;
		padding: 0;
		display: block;
		height: 38px;
		list-style: none;
		border-left: 2px solid #166eb7;
	}
		div#lddmBox ul.ldd_menu a
		{
			text-decoration: none;
		}
	
		div#lddmBox ul.ldd_menu > li
		{
			float: left;
			position: relative;
		}
		div#lddmBox ul.ldd_menu > li > span
		{
			float: left;
			color: #fff;
			height: 38px;
			line-height: 38px;
			cursor: default;
			padding: 0 20px;
			border-right: 2px solid #166eb7;
			background: url(../images/lddmSpanPat.gif) no-repeat;
			font-size: 14px;
			font-weight: bold;
		}
		
			div#lddmBox ul.ldd_menu .ldd_submenu
			{
				z-index: 2;
				position: absolute;
				top: 38px;
				white-space: nowrap;
				display: none;
				left: 0;
				font-size: 10px;
				background: url(../images/lddsmPat.gif) repeat-x;
				border: 1px solid #166eb7;
			}
			
			div#lddmBox ul.ldd_menu ul
			{
				list-style: none;
				float: left;
				border-left: 1px dotted #166eb7;
				margin: 15px 0px 15px 20px;
				padding: 5px 20px 5px 10px;
			}
				div#lddmBox ul.ldd_menu ul li a
				{
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 20px;
					color: #fff;
					padding: 1px 3px;
				}
				
				div#lddmBox ul.ldd_menu ul li a:hover
				{
					-moz-box-shadow: 0px 0px 2px #555;
					-webkit-box-shadow: 0px 0px 2px #555;
					box-shadow: 0px 0px 2px #555;
					background: #166eb7;
				}

	div#lddmBox li.ldd_heading
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #eeb300;
		padding: 0 0 10px 0;
	}

button
{
	cursor: pointer;
	background: none;
	border: none;
}
/* 青ボタン */
button.btnblu {
	display : inline-block;
	width: 132px;
	border-radius: 25px;
	font-size: 11pt;
	text-align: center;
	cursor: pointer;
	padding: 5px;
	margin: 4px;
	background: linear-gradient(to bottom, #52afe5,#047ED2);
	color: #ffffff;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 2px #666666;
	border: 1px solid #423968;
}
button.btnblu:hover {
	background: linear-gradient(to bottom, #75bce5,#559fd1);
	color: #ffffff;
}
/* 大サイズボタン */
button.btnLarge {
	display : inline-block;
	width: auto;
	border-radius: 25px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 6px 15px 6px;
	margin: 4px;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 2px #666666;
	border: 1px solid #423968;
}
/* 小サイズボタン */
button.btnSmall {
	display : inline-block;
	width: auto;
	border-radius: 25px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 3px 10px 4px;
	margin: 3px;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 2px #666666;
	border: 1px solid #423968;
}
button.blue {
	background: linear-gradient(to bottom, #52afe5,#047ED2);
	color: #ffffff;
}
button.blue:hover {
	background: linear-gradient(to bottom, #75bce5,#559fd1);
	color: #ffffff;
}
button.red {
	background: linear-gradient(to bottom, #ee3f48,#ae1010);
	color: #ffffff;
}
button.red:hover {
	background: linear-gradient(to bottom, #ec767c,#b64f4f);
	color: #ffffff;
}
/* ピンクボタン */
button.btnpink {
	display : inline-block;
	width: 140px;
	border-radius: 25px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 7px;
	margin: 4px;
	background: linear-gradient(to bottom, #e063a2,#ec107e);
	color: #ffffff;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 1px #b157a3;
	border: 1px solid #8d1e7c;
}
button.pinkInversion {
	display : inline-block;
	width: 140px;
	border-radius: 25px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 6px;
	margin: 4px;
	background-color: #ffffeb;
	color: #ffffff;
	text-shadow:1px 1px 0 #555,-1px 1px 0 #555,1px -1px 0 #555,-1px -1px 0 #555;
	line-height: 1em;
	transition: .3s;
	box-shadow: 1px 1px 1px #b157a3;
	border: 1px solid #8d1e7c;
}
td.lergeFont
{
	background-color: #f0f9ff;
	font-size: 1.3em;
}

.font-up {
	font-weight: bold;
	font-size: 1.2em;
}

table.noTb th {
	font-weight: normal;
}

table.grnTb th, table.nohTb th, table.orangeTb th, table.redTb th {
	font-weight: bold;
}

table tr.firstRow td, table tr.firstRow th {
	border-top-width: 2px;
}

h3.bluTitNew {
	width: 100%;
	height: 35px;
	background: url(../images/sTitBluBoardH2.gif) left top no-repeat;
}
h3.bluTitNew span {
	padding-top: 10px;
	height: 35px;
	display: inline-block;	
	background: url(../images/sTitBluBoard2.gif) right top no-repeat;
}
h3.bluTitNew img, h3.bluTitNew input {
	vertical-align: 5px;
}

table.bluTb table.noTb th, table.bluTb table.noTb td {
	padding: 0px;
	border: none;
	background: none;
}

table.noTb {
	margin: 0px;
}

th.print-table-width-150, td.print-table-width-150 {
	width: auto;
}

.tag {
	vertical-align: bottom;
	height: 25px;
	padding: 5px 8px;
	border-radius: 7px;
	display: inline-block;
}
.tag.pointer {
	cursor: pointer;
}
.tag.detail {
	height: 30px;
	padding: 8px 10px;
	font-size: 1.3em;
	margin: 5px;
}
.tag.large {
	height: 50px;
	padding: 18px 20px;
	font-size: 2.2em;
	margin: 5px;
	width: 140px;
	text-align: center;
}
.tag.blue {
	background-color: #209cee;
	color: #fff;
}
.tag.yellow {
	background-color: #ffdd57;
	color: #000;
}
.tag.green {
	background-color: #32CD32;
	color: #fff;
}
.tag.pink {
	background-color: #FF69B4;
	color: #fff;
}
.tag.coralred {
	background-color: #e48484;
	color: #fff;
}
.tag.navy{
	background-color: #000080;
	color: #fff;
}
/* 作業アイコン */
.icon{
	display: inline-block;
	vertical-align: middle;
	border-radius: 8em;
	margin: 2px 0;
	padding: 1px 6px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.5pt;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}
.icon.org {
	color: #ef4309;
	border: 2px solid #e81e00;
	background-color: #ffffff;
}
.icon.org_comp {
	color: #fff;
	border: 2px solid #e81e00;
	background-color: #ef7147;
}
.icon.grn {
	color: #08aa00;
	border: 2px solid #129104;
	background-color: #ffffff;
}
.icon.grn_comp {
	color: #fff;
	border: 2px solid #129104;
	background-color: #27ba2b;
}
.icon.blu {
	color: #0007d6;
	border: 2px solid #0011aa;
	background-color: #ffffff;
}
.icon.blu_comp {
	color: #fff;
	border: 2px solid #0011aa;
	background-color: #414cea;
}
.icon.gry {
	color: #6c6c73;
	border: 2px solid #4e4e52;
	background-color: #ffffff;
}
.icon.gry_comp {
	color: #fff;
	border: 2px solid #4e4e52;
	background-color: #7c7c88;
}
.icon.purple {
	color: #c24dc6;
	border: 2px solid #aa00ba;
	background-color: #ffffff;
}
.icon.purple_comp {
	color: #fff;
	border: 2px solid #aa00ba;
	background-color: #bd00c4;
}
.stripe{
	background: linear-gradient(-45deg,#b1cde2 25%, #ffffff 25%,#ffffff 50%, #b1cde2 50%,#b1cde2 75%, #ffffff 75%,#ffffff);
	background-size: 30px 30px;
	animation: anime_stripe_1 1s infinite linear;
}
@keyframes anime_stripe_1 {
	0% {  background-position-x: 0;}
	100% {  background-position-x: 30px;}
}

#app table {
	margin-bottom: 0;
}