@charset "utf-8";

#contList {
	/* min-height: 320px; */
	margin-bottom: 20px;
}

#contMain {
	margin: 0px 10px;
	/* min-height: 320px; */
	margin-bottom: 20px;
}

#contList table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	empty-cells: show;
}
#contList table thead th0 {
	background-color: #029;
	color: #fff;
	padding: 2px 0px;
	font-size: small;
	letter-spacing: 2px;
}

#contList table thead tr {
	background-color: #ccc;
	color: #007; 
	font-size: small;
	border-bottom: solid 1px #006;
}
#contList table thead th a {
	color: #009; 
}

#contList tbody td {
	padding: 2px;
}
#contList tbody td.stat {
	text-align: center;
}
#contList tbody td.action {
	text-align: center;
}
.registAction {
	margin-bottom: 10px;
}
.button {
	cursor: pointer;
}
.registButton {
	width: 120px;
	background-color: #efe;
	border: solid 1px #009;
	letter-spacing: 2px;
	cursor: pointer;
}
.shosaiButton, .editButton, .deleteButton {
	background-color: #efe;
	border: solid 1px #009;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;
}
.shosaiButton:hover, .editButton:hover, .deleteButton:hover, .registButton:hover {
	background-color: #ffa;
}

table.scroll tbody {
	height: 480px;
	overflow: auto;
	overflow-x: hidden;
}
table.scroll thead {
	border-bottom: solid 1px #014;
}
@media print {
	table.scroll tbody {
		overflow: visible;
	}
	table.scroll thead {
		border-bottom: solid 1px #014;
	}
}

#guide {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/* padding-right: 30px; */
	background-color: #eee;
	border: dotted 1px #003;
 	font-size: small;
	color: #333;
}
@media print {
	#guide {
		display: none;
	}
}
#guide ul li {
	margin-bottom: 5px;
}
.guideHead {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0.5em;
	border-bottom: ridge 2px #678;
}

#guideChange {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
 	font-size: small;
	color: #339;
	text-align: right;
	border-top: dotted 1px #003;
}
#guideChangeClose {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
 	font-size: small;
	color: #339;
	text-align: right;
	border-top: dotted 1px #003;
}
#guideChange #guideOn, #guideChange #guideOff {
	cursor: pointer;
}

.jokenHeading {
	background-color: #777777;
	color: #ffffff;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #555555;
	font-weight:bold;
	text-align: center;
	line-height: 150%;
}
.jokenForm {
	background-color: #cccccc;
	border: solid 1px #000099;
	padding: 8px;
	margin-bottom: 20px;
}
.jokenKey {
	text-align: right;
	padding-right: 0.5em;
}
.jokenVal {
}

#searchForm {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #eee;
	padding: 5px;
	border: solid 1px #060;
}
#searchForm table {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
#searchForm table caption {
	font-size: small;
	font-weight: bold;
	letter-spacing: 2px;
	color: #777;
	padding-bottom: 5px;
}
#searchForm table .fkey {
	text-align: right;
	padding-right: 0.5em;
}
#searchForm table td {
	padding: 1px;
}
#searchForm table .action {
	text-align: center;
}
#searchForm div.comm {
	/*
	margin-top: 5px;
	padding-left: 10px;
	font-size: small;
	color: #666;
	*/
	margin-top: 5px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #d66;
}

#searchFormLight {
	width: 90%;
	text-align: right;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.listCount {
	background-color: #eeeeee;
	text-align: right;
	font-size: 0.75em;
	padding: 3px 6px 3px;
}
.pageCount {
	background-color: #ECE9D8;
	text-align: right;
	font-size: small;
	padding: 1px 4px 1px;
}
.pageNavi {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: center;
	border-top: dotted 1px #bbb;
	padding-top: 2px;
}

.searchButton {
	width: 140px;
	letter-spacing: 1px;
	font-weight: bold;
	cursor: pointer;
}
.clearButton {
	width: 120px;
	cursor: pointer;
}
.csvButton, .printButton {
	width: 180px;
	letter-spacing: 1px;
	cursor: pointer;
}

div.reloadBox {
	text-align: right;
	padding-right: 10px;
}
.reloadButton {
	width: 80px;
	background-color: #eee;
	border: solid 1px #060;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	letter-spacing: 1px;
	cursor: pointer;
}
.subscreenLink {
	font-size: small;
}

#contDetail {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#contDetail table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	margin-bottom: 20px;
}
#contDetail td {
	text-align: left;
	background-color: #eee;
	padding: 2px;
}
#contDetail .fkey {
	text-align: right;
	background-color: #ccc;
	padding-right: 0.5em;
	color: #003;
}
#contDetail .action {
	padding: 5px;
	text-align: right;
	background-color: #fff;
}
#contDetail ul {
	margin: 0;
	padding-left: 15px;
}
#contDetail div.tableHead {
	background-color: #bcd;
	font-size: small;
	font-weight: bold;
	color: #555;
	text-align: center;
	padding: 1px;
	letter-spacing: 2px;
}
#contDetail div.fldComm {
	font-size: small;
	color: #666;
	margin-bottom: 5px;
}
#contDetail span.fldComm {
	font-size: small;
	color: #666;
}

#editOperator {
	margin-bottom: 20px;
}
#editOperator table {
	width: 100%;
	table-layout: auto;
	font-size: small;
	border-collapse: separate;
	border-spacing: 1px;
}
#editOperator table caption {
	background-color: #eee;
	letter-spacing: 1px;
	padding: 2px;
}
#editOperator table tbody td {
	background-color: #ddd;
	padding: 2px;
}
#editOperator .fkey {
	background-color: #ccc;
}

.log {
	background-color: #eee;
	font-size: small;
	border: solid 1px #f66;
	margin-bottom: 10px;
	padding: 5px;
}
.log .head {
	margin-bottom: 5px;
}
.log table {
	width: 600px;
	border-collapse: collapse;
}
.log table th {
	border: solid 1px #999;
	border-spacing: 1px!important;
	padding: 2px;
}
.log table td {
	border: solid 1px #999;
	border-spacing: 1px!important;
}

.money {
	font-size: x-small;
}

td.right {
	text-align: right;
	padding-right: 0.5em;
}


.search_error_message {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #d00;
	font-weight: bold;
}


.msgBoxUser, .msgBox {
	width: 90%!important;
	margin-bottom: 10px!important;
}
.msgBoxUser td {
	background-color: #cde!important;
}
.msgBox td {
	background-color: #ff9!important;
}
.msgBoxUser .title, .msgBox .title {
	font-weight: bold;
}
.msgBoxUser .body, .msgBox .body {
	padding: 10px!important;
}