@charset "utf-8";

#searchForm {
	width: 98%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#searchForm .head {
	background-color: #50AA50;
	color: #ffffff;
	border: solid 1px #106610;
	border-bottom: none;
	font-size: small;
	font-weight: bold;
	text-align: center;
	padding: 1px 0px;
}
#searchForm table {
	table-layout: fixed;
	width: 100%;
	/* background-color: #c2EEc2; */
	background-color: #DED;
	border-collapse: collapse;
	border: solid 1px #030;
}
#searchForm table .jokenKey {
	text-align: right;
	color: #004;
	padding-right: 0.5em;
	/* background-color: #b1ddb1; */
	background-color: #8FD19F;
	font-weight: bold;
	font-size: 0.75em;
}
#searchForm table td {
	text-align: left;
	padding: 2px 3px 2px 0.5em;
	border: solid 1px #030;
}
#searchForm .searchButton {
	width: 160px;
	word-spacing: 2px;
	font-weight: bold;
}
#searchForm .action {
	padding: 12px;
	text-align: center;
	background-color: #FFFFE0;
}
#searchForm .foot {
	padding: 6px;
	color: #555;
	font-size: 0.75em;
}
#searchForm select.ptblt, select.publ0 {
	/* background-color: #eff; */
}

#searchFormLight {
	width: 96%;
	text-align: right;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
#searchFormLight select.fisYear, select.p1c {
	border: inset 1px #006;
	background-color: #efe;
}

#searchList {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
}
#searchList .head {
	background-color: #50AA50;
	color: #ffffff;
	border: solid 1px #106610;
	font-size: small;
	font-weight: bold;
	text-align: center;
	padding: 1px 0px;
}
#searchList table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}
#searchList table thead tr {
	background-color: #8FD19F;
	color: #006;
	line-height: 110%;
	border-bottom: solid 1px #040;
	text-align: left;
}
#searchList table thead tr th {
	padding-left: 0.5em;
}
#searchList table thead a {
	color:#006; 
}
#searchList table thead .drButton {
	color: #03c;
	text-decoration: none;
}
#searchList table td {
	padding: 2px;
}

#searchList table.scrollTable tbody {
	height: 480px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#searchList table tbody tr {
	text-align: left;
	line-height: 110%;
}
/**
#searchList table tbody tr:hover {
	background-color: #ffc;
}
**/
#searchList table tbody .bib_id {
	font-size: 10px;
	color: #666;
}
#searchList table tbody .ptbl {
	font-size: small;
	font-weight: bold;
	color: #555;
}
#searchList table tbody .vol_ttl {
	font-size: small;
}
#searchList table tbody .cls_local {
	text-align: right;
	font-size: small;
	color: #777;
	padding-right: 0.5em;
}
#searchList .pageCount {
	background-color: #ECE9D8;
	text-align: right;
	padding: 1px 4px 1px;
}
#searchList .pageNavi {
	margin-top: 10px;
	text-align: center;
}
#searchList .link_none {
	text-decoration: none;
	cursor: default;
}
.goto_MAIN {
	display: block;
	width: 120px;
	margin-left: 2%;
	border-bottom: dotted 1px #00c;
	background-color: #eee;
	color: #666;
	font-size: small;
	text-decoration: none;
	float: left;
}
.cell-hr {
	color: #ddd;
}

.csvButtonBox {
	text-align: right;
	margin: 0px 5px 5px;
}
.shosaiButton {
	border: solid 1px #00d;
	background-color: #eee;
	cursor: pointer;
	margin-bottom: 2px;
}
.shosaiButton:hover {
	background-color: #ffb;
	color: #006;
}
.shosaiButton {
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

#searchDetail {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
@media print {
	#searchDetail {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		font-size: small;
		/* font-family: "ＭＳ ゴシック"; */
		font-family: "ＭＳ 明朝";
	}
}
#searchDetail table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 1px;
}
#searchDetail .volTable {
}
#searchDetail td {
	text-align: left;
	background-color: #eee;
	padding: 1px;
	padding-left: 0.5em;
}
@media print {
	#searchDetail table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 20px;
	}
	#searchDetail td {
		text-align: left;
		background-color: #DDEEDD;
		padding: 2px;
		border: solid 1px #999;
	}
}
#searchDetail .fkey {
	text-align: right;
	background-color: #ccc;
	padding-right: 0.5em;
}
#searchDetail .newField {
	color: #060;
}
#searchDetail .unField {
	color: #777;
}
#searchDetail .oldField {
	color: #888;
}
#searchDetail .yellow {
	background-color: #ffb;
}
#searchDetail .green {
	background-color: #beb;
}
#searchDetail .blue {
	background-color: #aef;
}
#searchDetail .ptbl {
	font-weight: bold;
	color: #333;
}

#searchDetail table thead th {
	background-color: #68b;
	color: #fff;
	font-size: small;
	border: outset 1px #03a;
}

#searchDetail .lightForm {
	width: 96%;
	text-align: right;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#searchDetail caption {
	background-color: #036;
	color: #fff;
	font-size: small;
	font-weight: bold;
}
@media print {
	#searchDetail caption {
		background-color: #036;
		color: #fff;
		font-size: small;
		font-weight: bold;
		border: solid 1px #999;
	}
}

#searchDetail .copCount {
	margin-bottom: 5px;
}
#searchDetail .copCount span {
	font-weight: bold;
	color: #006;
}
/**
#searchDetail .copInfo {
	width: 80%;
	margin-left: 15px;
	margin-bottom: 5px;
	padding: 5px 10px;
	border: solid 1px #002;
	border-left: solid 3px #002;
	font-size: small;
	background-color: #ffe;
}
#searchDetail .volInfo {
	width: 50%;
	margin-left: 15px;
	margin-bottom: 5px;
	padding: 5px 10px;
	border: solid 1px #800;
	border-left: solid 3px #800;
}
	**/
#searchDetail .copy_nr_head {
	font-weight: bold;
	font-size: small;
	color: #666;
}
#searchDetail .copy_nr_box {
	margin-bottom: 10px;
	text-align: left;
}
@media print {
	#searchDetail .copy_nr_box {
		display: none;
	}
}
#searchDetail .copy_nr {
	background-color: #eee;
	border: solid 1px #77f;
	color: #00f;
	text-decoration: none;
}
#searchDetail .copy_nr_m {
	background-color: #ffc;
	border: solid 1px #77f;
	color: #00f;
}
#searchDetail .comment {
	margin-top: 20px;
	font-size: x-small;
	color: #666;
	text-align: left;
}
@media print {
	#searchDetail .comment {
		display: none;
	}
}

#searchDetail ul {
	margin: 0;
	padding-left: 15px;
	list-style-type: circle;
}
#searchDetail li {
	list-style-type: circle;
}

#searchDetail .volListBox {
	margin-top: 20px;
}
.volList {
	padding: 10px;
	background-color: #eee;
	border-bottom: ridge 2px #9bd;
	page-break-before: always;
}
@media print {
	.volList {
		padding: 10px;
		background-color: transparent;
		border-bottom: none;
		page-break-before: always;
	}
}
#searchDetail .volList table {
	font-size: small;
	border-collapse: collapse;
	border: solid 1px #002;
}
#searchDetail .volList table th {
	border: solid 1px #666;
	background-color: #ffe;
	text-align: center;
}
#searchDetail .volList table td {
	border: solid 1px #666;
	background-color: #ffe;
	padding-left: 3px;
	text-align: center;
}
#searchDetail .volList td.vol_id {
	font-weight: bold;
}
#searchDetail .volList td.vol_ttl {
	text-align: left;
}
#searchDetail .volList td.green {
	background-color: #beb;
}
#searchDetail .volList td.blue {
	background-color: #aef;
}

.vollistHead {
	margin-top: 20px;
}
@media print {
	.vollistHead {
		display: none;
	}
}
.vollistButton {
	width: 140px;
	font-size: small;
	border: none;
	border-top: ridge 2px #ace;
	background-color: #eee;
	font-weight: bold;
	color: #339;
	cursor: pointer;
}

#searchDetail .copList {
	padding: 10px 5px;
}
#searchDetail .copList table {
	font-size: small;
	border-collapse: collapse;
	border: solid 1px #002;
	margin-bottom: 0px;
}
#searchDetail .copList table th {
	border: solid 1px #006;
	background-color: #ffe;
	text-align: center;
}
#searchDetail .copList table td {
	border: solid 1px #006;
	background-color: #ffe;
	padding-left: 3px;
	text-align: center;
}
#searchDetail .copList td.copy_nr {
	font-weight: bold;
}
#searchDetail .copList .yellow {
	background-color: #ffb;
}
#searchDetail .copList .blue {
	background-color: #aef;
}

#searchDetail .editComment {
	width: 80%;
	font-size: 0.75em;
	color: #444;
	margin-bottom: 2px;
	margin-left: 4px;
}

.closeWin {
	margin-bottom: 20px;
}
@media print {
	.closeWin {
		display: none;
	}
}
.closeWin a {
	display: block;
	width: 120px;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
	text-align: center;
	text-decoration: none;
	background-color: #eee;
	outline: solid 1px #888;
}
.closeWin a:hover {
	background-color: #ffd;
}

.printBox {
	margin-bottom: 20px;
	text-align: right;
}
@media print {
	.printBox {
		display: none;
	}
}
.printButton {
	width: 140px;
	cursor: pointer;
}

.about {
	margin-bottom: 10px;	
	margin-right: 10px;
	text-align: right;
	font-size: small;
}

.cityComment {
	text-align: right;
	font-size: x-small;
	color: #666;
	margin-bottom: 3px;
}
@media print {
	.cityComment {
		display: none;
	}
}
.cityLink, .cntLink {
	color:#03f;
	text-decoration: underline;
	cursor: pointer;
}

/**
.lbidBox {
	margin-top: 5px;
	text-align: right;
	font-size: small;
	color: #666;
}
.lbidBox .lbid {
	color: #456;
}
	**/

#sug-title {
    position: absolute;
    background-color: #EEF;
    border: 1px dashed #006;
	border-top: none;
    font-size: 75%;
    width: 560px;
}
#sug-title div {
    display: block;
    /* width: 580px; */
    overflow: hidden;
    white-space: nowrap;
}
#sug-title div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#sug-title div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

#sug-subttl {
    position: absolute;
    background-color: #EEF;
    border: 1px dashed #006;
	border-top: none;
    font-size: 75%;
    width: 510px;
}
#sug-subttl div {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
#sug-subttl div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#sug-subttl div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

#sug-publ {
    position: absolute;
    background-color: #EEF;
    border: 1px dashed #006;
	border-top: none;
    font-size: 75%;
    width: 460px;
}
#sug-publ div {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
#sug-publ div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#sug-publ div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

.libTitle {
	background-color: #acf;
	color: #248;
	border: outset 1px #46f;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
@media print{
	.libTitle {
		margin-bottom: 20px;
	}
}
.lib_id {
	font-size: small;
	text-align: right;
	margin-bottom: 5px;
}
@media print {
	.lib_id {
		visibility: hidden;
	}
}

@media print {
	.printNone {
		display: none;
	}
}