body {
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', arial, sans-serif;
	line-height: 150%;
}

table,td,th {
	/* border-collapse:collapse; border:1px #1C79C6 solid; */
	border-collapse:collapse; border:1px #1C79C6 solid; vertical-align: top;
}

a.ex_link {
	background: url("images/blank_icon.png") no-repeat right 0;
	/* padding-right: 20px; */
	/* padding-right: 12px; */
	padding-right: 15px;
}

a:hover { color: white; background-color: royalblue; }

:root {
	--hor-padding-size: 0.35em;
}

div.link {
	width: 100%;
	background-color: #E7E7EB;
}

p.link {
	font-size: small;
	padding-left: var(--hor-padding-size);
	padding-right: var(--hor-padding-size);
}

p.warn {
	font-size: small;
	color: red; # 210423
}

.no_color {
	background-color: #E3E3E3;
}

.disease_color {
	background-color: #DBEEF3;
}

.drug_color {
	background-color: #FCE9DA;
}

.kegg_color {
	background-color: #CCFDCD;
}

.drug_target {
	background-color: #ffff00;
}

.all_disease {
	color: red;
}

span.highlight_o {
	color: red;
	font-weight: bold;
}


form.nowrap {
	white-space: nowrap;
}

span.form_sample {
	font-style: italic;
	font-size: small;
	margin-left: 0.5em;
}

/* tr.odd {
	background: white;
} */

tr.even {
	background-color: aliceblue;
}

div.table_form_area div.table_form_area_left {
	padding-top: 0px !important;
	float: left;
}
div.table_form_area div.table_form_area_right {
	float: right;
}
div.table_form_area div.table_form_area_right a.dl_button {
	color: buttontext;
	text-decoration: none;
}
div.table_form_area div.table_form_area_left div.dataTables_info {
	padding-top: 0px !important;
	padding-right: 2rem;
	padding-left: 2rem;
	clear: none;
}
div.clear_div {
	clear: both;
}
div.font_small {
	font-size: small;
}

/* div.table_info_area div.find_summary {
	font-size: small;
        float: left;
        margin-bottom: .5rem;
}
div.table_info_area div.dl_button_pos {
        float: right;
}
div.table_info_area div.dl_button_pos a {
        color: buttontext;
        text-decoration: none;
} */

/*
div.find_summary > span {
	float: right;
}
*/

/* Taget Gene / Pathway */

p.kegg {
	background: linear-gradient(90deg, #CCFDCD, #FFFFFF);
	font-weight: bold;
	padding-left: var(--hor-padding-size);
	padding-right: var(--hor-padding-size);
}

table.kegg {
	width: 1000px;
	word-break: break-all;
	/* word-break: normal; */
}

table.kegg th {
	font-size: small;
	font-weight: normal;
	text-align: start;
	white-space: nowrap;
	padding-left: var(--hor-padding-size);
	padding-right: var(--hor-padding-size);
}

table.kegg td {
	font-size: small;
	padding-left: var(--hor-padding-size);
	padding-right: var(--hor-padding-size);
}
table.kegg td.no {
	text-align: right;
	white-space: nowrap;
}

table.kegg span.pathway_info {
	white-space: nowrap;
	line-height: 30px;
	color: black;
}

table.kegg td.drugbank {
	white-space: nowrap;
}

/* table.kegg td.pathway {
}

table.kegg td.gene {
}

table.kegg td.kdrug {
}

table.kegg td.dis_id {
} */

span.letter {
/* 	margin-right: 1em; */
	margin-left: 0.5em;
	margin-right: 0.5em;
}

span.letter_selected {
/* 	margin-right: 1em; */
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: red;
	font-weight: bold;
}

span.zero_letter {
/* 	margin-right: 1em; */
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: lightgray;
}

/* 210415 */
span.letter_small {
	margin-left: 0.15em;
	margin-right: 0.15em;
}

div.list_description, table.dataTable, div.header_area, div.footer_area   {
	font-size: smaller;
}

div.dataTables_wrapper a.paginate_button {
        padding: 0.3em 0.6em !important;
}

body input, body .dl_button_pos {
        font-family: initial;
        font-size:   smaller;
}

/* disease_who.cgi, drug_who.cgi */
body.who p.query_show {
	padding-left: var(--hor-padding-size);
    background: linear-gradient(90deg, #FCE9DA, #FFFFFF);
    font-weight: bold;
}

body.who p.query_show > span.drugbank {
    font-weight: normal;
    font-size: 12px;
    word-break: break-all;
}

body.who div.link {
    width: 100%;
    background-color: #E7E7EB;
}

body.who p.link {
    font-size: small;
    padding-left: 0;
    padding-right: 0;
}

body.who span.n_diseases {
    font-size: 12px;
}

body.who table.index {
    word-break: break-all;
    font-size: 12px;
}

body.who table.index th,
body.who table.index td {
    padding-left: var(--hor-padding-size);
    padding-right: var(--hor-padding-size);
}

body.who table.index thead {
    background-color: #DBEEF3;
}

body.who table.index thead > tr > th {
    font-weight: normal;
    text-align: left;
}

body.who table.index tbody tr:nth-child(even) {
    background-color: aliceblue;
}

body.who table.index tbody td.no {
    text-align: right;
}

body.who table.index tbody td.name {
    text-align: inherit;
}

body.who table.index tbody td.count {
    text-align: right;
}

body.who div.disease {
    word-break: break-all;
    font-size: 12px;
}

body.who .disease_title {
    background: linear-gradient(90deg, #DBEEF3, #FFFFFF);
    padding-left: var(--hor-padding-size);
}

body.who .disease_title .title_name {
    font-weight: bold;
}

body.who .disease_query {
    font-size: 12px;
    line-height: 120%;
}

body.who span.n_trails {
    font-size: 12px;
}

body.who form span {
    font-size: small;
}

body.who form span.eg {
    font-style: italic;
    padding-left: calc(var(--hor-padding-size) * 3);
}

body.who form input.input_text {
    font-size: 11px;
}

body.who table.main {
    width: 1400;
    word-break: break-all;
    font-size: 12px;
}

body.who table.main tr {
    vertical-align: top;
}

body.who table.main tr.even {
    background-color: aliceblue;
}

body.who table.main tr.head {
    background-color: #E3E3E3;
}

body.who table.main th {
    white-space: nowrap;
}

body.who table.main th.condition {
    white-space: nowrap;
    background-color: #DBEEF3;
}

body.who table.main th.intervention {
    white-space: nowrap;
    background-color: #FCE9DA;
}

body.who table.main td.no {
    white-space: nowrap;
    text-align: right;
}

body.who table.main td.trialid {
    white-space: nowrap;
}

body.who table.main td.target_size {
    text-align: right;
}

body.who span.highlight {
    color: red;
    font-weight: bold;
}

body.who span.d_highlight {
    color: red;
}

body.who span.show_drug {
    font-weight: bold;
}
/* disease_who.cgi, drug_who.cgi */

/*.yubi { 210409 */
.arrow {
/*   cursor : pointer; */
  cursor : default;
}