@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
   
	 css menu
	 
	 01. login
	 02. top
	 03. orderList
	 04. regist
	 05. common
	 06.  
	 
   ========================================================================== */

/* 01. login
   ========================================================================== */


.login-area h1 {
	margin: 0 0 10px 0;
	font-size: 2em;
 }

.login-area {
	width: 400px;
	padding: 30px 30px 20px 30px;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	}

.login-area_user, .login-area_password{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px;
	}

.login-area_forget {
	margin: 8px 0 0 0;
	}
	

/* 02. top
   ========================================================================== */
	 
.top-area {
 width: 100%;
 margin-bottom: 50px;
 }
	
.top-area	.list-group {
	margin: 0 0 10px 0;
	}

.top-area	p {
	margin: 0 0 0 0;
	}
	
/* 03. orderList
   ========================================================================== */

.orderList-area {
	width: 100%;
	padding: 0 30px;
    margin-bottom: 50px;
	}
	
/* extDataTables.css overwrite */ /* for PC */

@media (min-width: 768px) {
div.dataTables_wrapper div.dataTables_info {
	padding-top: 10px;
	}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin-top: 10px;
	}
}

/* 04. regist
   ========================================================================== */

.registTable-area {
	padding: 0 30px;
	}

.registTable-date {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 1.1em;
	}

.registTable-date th{
	padding: 7px 8px 5px 8px;
	width: 15em;
	border-bottom: 1px solid #ededed;
	}

.registTable-date td{	
	padding: 5px 8px;
	border-bottom: 1px solid #ededed;
	}

.registTable-date td select {
	width: 120px;
	vertical-align: top;
}

.registTable-tableContainer {
	margin: 10px 0 0 0;
	}

.registTable-tableContainer div.dataTables_scrollBody {
	height: 280px;
	}

.registTable {
	border-top: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	}

.registTable thead {
	background: #e7e7e7;
	}
	
.registTable-tableContainer .dataTables_scrollHeadInner {
	padding: 0 10px 0 0;
	}

.registTable-tableContainer table.dataTable tr.even td, .registTable-tableContainer table.dataTable tr.odd td {
	background: none;
	}
	
.registTable-tableContainer table.dataTable tbody tr:hover {
	background: #FFFFaa;
	}

.registTable-tableContainer table.dataTable tbody tr:hover td {
  cursor:default;
}

.registTable th {
	padding: 5px;
	text-align: center;	
	border-bottom: 1px solid #a7a7a7;
	border-left: 1px solid #a7a7a7;
	}

.registTable td {
	padding: 5px;
	border-bottom: 1px solid #a7a7a7;
	border-left: 1px solid #a7a7a7;	
	}

.registTable.order td {
	white-space: nowrap;
	}

.registTable .delete {
	padding:5px 10px 0 10px;
	text-align:center;
	vertical-align:middle;
	}

.delete_active_icon {
    cursor: pointer;
	color: #f00;
}

.delete_disable_icon {
	color: gray;
}

.registTableBody td {
    text-align: center;
}

/* 05. common
   ========================================================================== */

.registBtn {
	margin: 15px 0 0 0;
	text-align:center;
	}
	
.no-hover:hover {
	color: #fff;
	cursor:pointer;
	}

.registTableClone {
	display: none;
	}

.ability-title {
    font-size: 24pt;
}

/* 日付項目 */
.dp-component {
    display: inline;
    padding: 3px 12px 6px 12px;
}
.dp-component .glyphicon {
    top: 3px;
}

/* 数値項目 */
input.number {
    text-align: right;
}

/* 非表示項目 */
.hidden {
    display: none;
}

/* エラーメッセージ */
.error_message {
    color: #f00;
}

/* フッター */
.footer {
    height: initial;
}

/* 日付項目 */
.date {
    width: 120px;
    font-size: 14px;
}
.date>input {
    width: 80px;
    vertical-align: top;
}
.lock_date>input {
    width: 80px;
}

/* お知らせ内容 */
.notice {
    color: #317eac;
}