@charset "UTF-8";

/*======================================
 トップメニュー <ul>
--------------------------------------*/
#top_menu {
	text-align: center;
}
#top_menu li {
	margin: 4px 0;
}
#top_menu button {
	width         : 160px;
	height        : 2.6em;
	letter-spacing: 0.2em;
}

/*======================================
 ぱんくず <ul>
--------------------------------------*/
#topicpath {
	margin          : 0;
	margin-bottom   : 4px;
	padding         : 6px 12px;
	background-color: #f0f0f0;
	border          : #c0c0c0 1px solid;
}
#topicpath li {
	display: inline;
}

/*======================================
 ログイン <p>
--------------------------------------*/
#login_user {
	margin    : 0;
	padding   : 0;
	text-align: right;
	position: absolute;
	right: 1em;
	top: 14px;
}


table {
	border-collapse: collapse;
	margin-bottom  : 4px;
}
table th {
	border: 1px gray solid;
	padding: 2px 4px;
	background-color: lightgrey;
	white-space: nowrap;
}
table td {
	border: 1px gray solid;
	padding: 2px 4px;
	white-space: nowrap;
}
table.noborder,
table.noborder th,
table.noborder td,
td.noborder {
	border-width:0;
}
/*======================================
 トピックパス <ul>（ぱんくず）
--------------------------------------*/
#topic_path {
	margin : 6px 0;
	padding: 0;
}
	#topic_path li {
		display: inline;
	}
	#topic_path li button {
		margin-right: 1em;
	}


/*======================================
 コンテンツメニュー <div>
--------------------------------------*/
#contents_menu {
	margin : 6px 0;
	padding: 0;
}


h1 {
	margin       : 0 1em;
	margin-bottom: 6px;
	padding      : 0;
	font-size    : 140%;
}
h2 {
	margin: 1em 0;
	font-size:120%;
}

/*
 フォームの注意用
*/
input.notice {
	border-color: red;
}
span.notice {
	color: red;
}

/*======================================
 ボタン
--------------------------------------*/
input[type="submit"]:hover { cursor: pointer; }
button:hover { cursor: pointer; }
input.button_m,
button.button_m {
	color: white;
	width: 94px;
	height: 32px;
	border-width: 0;
	padding: 0;
	background: url('../image/button_m.png') 50% 50%;
	font-size:10.5pt;
}
button.button_l {
	color: white;
	width: 126px;
	height: 32px;
	border-width: 0;
	padding: 0;
	background: url('../image/button_l.png') 50% 50%;
}
button.button_l2 {
	color: white;
	width: 126px;
	height: 48px;
	border-width: 0;
	padding: 0;
	background: url('../image/button_l2.png') 50% 50%;
}
button.button_m3 {
	color: white;
	width: 94px;
	height: 20px;
	border-width: 0;
	padding: 0;
	background: url('../image/button_m3.png') 50% 50%;
}


/*p { text-indent: 1em; }*/
li { line-height: 125%; }
dt { font-size:120%; }
/*----- dl -----*/
dl {
	margin:2px 0;
}
dt {
	font-size:140%;
	font-weight: bold;
}
dd {
	margin: 1em;
	margin-left: 2em;
}
*{
/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:9pt;
*/
	font-size:10pt;
}
p { margin: 6px; line-height: 145%; }
/*----- その他スタイル -----*/
tr,th,td { margin: 0; }

/*======================================
 カレンダー
 2011-05-18 調整
--------------------------------------*/
.calender {
	width: 200px;
}
#calender {
	border-collapse: collapse;
	border         : 1px gray solid;
	margin-top     : 4px;
}
#calender th,
#calender td {
	padding  : 0;
	border   : 1px gray solid;
	font-size: 12pt;
}
#calender td button {
	width     : 2em;
	text-align: center;
}
/*======================================
 ページャ <ul>
--------------------------------------*/
.pager {
	margin : 3px 0;
	padding: 0;
}
.pager li {
	display: inline;
}
/*======================================
 集計入力中
--------------------------------------*/
.query {
	background-color: orange !important;
}

tr.invalid {
	background-color: #f0e0e0;
}

td.editable {
	background-color: #f0fff0;
}
td.editable:hover {
	background-color: #d0ffd0;
}

tr.trFocusOn {
	background-color: #ffd0a0;
}
#chk_table tr:hover {
	background-color: #c0e0c0;
}

/*======================================
 背景色
--------------------------------------*/
/* 赤 */
.bgRed {
	background-color: #ffe0e0;
}
/* 赤 */
.bgBlue {
	background-color: #e0e0ff;
}


/*======================================
 請求系
--------------------------------------*/
table.bill th,
th.bill {
	background-color:lightblue;
}
table.salary th,
th.salary {
	background-color: #ffffc0;/*lightyellow;/*ivory;*/
}

/* 説明文 */
.explain {
	float:right;
	width:40%;
	padding:1em;
	background-color: #ffffc0;
}
/*======================================
 新メニューアクティブハイライト
--------------------------------------*/
.menu_active {
	background-color:orange;
	font-weight:bold;
	color:white;
}



/* 集計の背景色分け用
--------------------------------------*/
/* 総計 */
th.zentai,
td.zentai {
	background-color: rgb(250,191,143);
}
/* 営業用 */
th.eigyou,
td.eigyou {
	background-color: rgb(177,160,199);
}
/* 取引先 */
th.client,
td.client {
	background-color: rgb(196,215,155);
}
/* 社員 */
th.staff,
td.staff {
	background-color: rgb(183,222,232);
}



/*
 セル対象の有効無効状態
*/
.invalid {
	background-color:lightgrey;
}