694 lines
9.3 KiB
CSS
694 lines
9.3 KiB
CSS
/* Bootstrap 5.10以降、box-sizingのデフォルト値によってテーブルがずれるため、このページ限定的にリセット */
|
||
/* @see https://bootstrap-guide.com/content/reboot#page-defaults */
|
||
*, ::after, ::before {
|
||
box-sizing: revert;
|
||
}
|
||
|
||
body {
|
||
margin: 8px;
|
||
background-color: LightCyan;
|
||
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 150%;
|
||
margin-left: 2%;
|
||
margin-top: 0%;
|
||
margin-bottom: 0%;
|
||
font-weight: 700;
|
||
}
|
||
|
||
table{
|
||
border-collapse : collapse;
|
||
}
|
||
|
||
.header_bt{
|
||
width: 8%;
|
||
margin-bottom: 0.8%;
|
||
margin-left: 78.5%;
|
||
}
|
||
|
||
.toMenu_bt{
|
||
width: 130px;
|
||
}
|
||
|
||
.search_textbox{
|
||
width: 100%;
|
||
}
|
||
|
||
.search_dropdown{
|
||
width: 100%;
|
||
height: 1.8em;
|
||
}
|
||
|
||
.search_longtextbox{
|
||
width: 100%
|
||
}
|
||
|
||
.instSearchResult {
|
||
width: 100%;
|
||
}
|
||
|
||
.scroll_table{
|
||
overflow: auto;
|
||
white-space: nowrap;
|
||
margin-top: 1%;
|
||
margin-bottom: 1%;
|
||
width: 100%;
|
||
height: 250px;
|
||
}
|
||
|
||
.scroll_workhistory{
|
||
width: 95%;
|
||
margin: 5px auto;
|
||
}
|
||
|
||
.scroll_table::-webkit-scrollbar {
|
||
height: 5px;
|
||
width: 10px;
|
||
}
|
||
|
||
.scroll_table::-webkit-scrollbar-track {
|
||
border-radius: 5px;
|
||
background: #eee;
|
||
}
|
||
|
||
.scroll_table::-webkit-scrollbar-thumb {
|
||
border-radius: 5px;
|
||
background: #666;
|
||
}
|
||
|
||
.ult_bt {
|
||
width: 20%;
|
||
height: 80%;
|
||
}
|
||
|
||
.info_bt{
|
||
width: 120px;
|
||
}
|
||
|
||
.search_bt{
|
||
margin-left: 3%;
|
||
margin-top: 0.8%;
|
||
margin-bottom: 0.8%;
|
||
text-align: center;
|
||
}
|
||
|
||
.notFind{
|
||
margin-top: 5%;
|
||
text-align: center;
|
||
font-size: 150%;
|
||
}
|
||
|
||
.search_table {
|
||
margin-bottom: 1%;
|
||
padding-bottom: 1%;
|
||
border-bottom: solid 1px gray;
|
||
width: 100%;
|
||
}
|
||
|
||
.search_tb {
|
||
padding-right: 2%;
|
||
padding-top: 0.2%;
|
||
padding-bottom: 0.2%;
|
||
}
|
||
|
||
.leftSearch_tb{
|
||
width: 35%;
|
||
}
|
||
|
||
.batchMsg{
|
||
color: red;
|
||
font-size: 120%;
|
||
text-align: center;
|
||
|
||
}
|
||
|
||
._form {
|
||
width: 95%;
|
||
margin-left: 3%;
|
||
}
|
||
|
||
.result_info {
|
||
text-align: right;
|
||
}
|
||
|
||
/*施設検索一覧ヘッダー*/
|
||
.instSearchHeaderTable{
|
||
width: 100%;
|
||
}
|
||
|
||
.instSearchHeaderTd{
|
||
width: 24%;
|
||
}
|
||
|
||
.instSearchHeaderTdCenter{
|
||
text-align: center;
|
||
width: 50%;
|
||
}
|
||
|
||
.instSearchHeaderTdRight{
|
||
text-align: right;
|
||
padding-right: 120px;
|
||
}
|
||
|
||
.instSearchButchMsg{
|
||
/* font-size: 80%; */
|
||
color: red;
|
||
}
|
||
|
||
.instSearchHeader_bt{
|
||
width: 40%;
|
||
}
|
||
|
||
|
||
/*施設詳細*/
|
||
.instInfoTable{
|
||
margin-top: 1%;
|
||
margin-left: 5%;
|
||
margin-right: 2%;
|
||
margin-bottom: 2%;
|
||
width: 93%;
|
||
}
|
||
|
||
.instInfoTableHalf1{
|
||
margin-top: 1%;
|
||
margin-left: 5%;
|
||
margin-right: 2%;
|
||
width: 93%;
|
||
}
|
||
|
||
.instInfoTableHalf2{
|
||
margin-top: -0.05%;
|
||
margin-left: 5%;
|
||
margin-right: 2%;
|
||
margin-bottom: 2%;
|
||
width: 93%;
|
||
}
|
||
|
||
.instInfoColumn {
|
||
width : 9%;
|
||
height: 40px;
|
||
background : rgb(225, 233, 250);
|
||
border : solid 1px;
|
||
}
|
||
|
||
.instData {
|
||
background : rgb(244, 244, 244);
|
||
border : solid 1px;
|
||
padding-left : 0.5%;
|
||
padding-right : 0.5%;
|
||
padding-top: 0.25%;
|
||
padding-bottom: 0.25%;
|
||
}
|
||
|
||
.instDataMid{
|
||
/*NO5修正前 width: 51%;*/
|
||
width: 20%;
|
||
}
|
||
|
||
/*NO5にて追加 START*/
|
||
.instDataLarge{
|
||
width: 85%;
|
||
}
|
||
|
||
.instDataLeft{
|
||
width: 20%;
|
||
}
|
||
|
||
.instDataCenter{
|
||
width: 10%;
|
||
}
|
||
|
||
.instDataRight{
|
||
width: 22%;
|
||
}
|
||
/*NO5にて追加 END*/
|
||
|
||
.instDataSmallTextbox{
|
||
width: 45%;
|
||
}
|
||
|
||
/*NO5にて追加 START*/
|
||
.instDataCenterTextbox{
|
||
width: 80%;
|
||
}
|
||
/*NO5にて追加 END*/
|
||
|
||
.instInfoTextbox{
|
||
width: 98%;
|
||
padding-right: 1%;
|
||
padding-left: 1%;
|
||
}
|
||
|
||
.instCdTextbox{
|
||
/*NO5修正前 width: 13%;*/
|
||
width: 35%;
|
||
margin-left: 0.5%;
|
||
margin-right: 2%;
|
||
}
|
||
|
||
.delReasonCdTextbox{
|
||
/*NO5修正前 width: 2%;*/
|
||
width: 5%;
|
||
margin-left: 0.5%;
|
||
margin-right: 1%;
|
||
}
|
||
|
||
.delReasonTextbox{
|
||
/*NO5修正前 width: 43%;*/
|
||
width: 88%;
|
||
margin-left: 0.5%;
|
||
margin-right: 2%;
|
||
}
|
||
|
||
.manageTextbox{
|
||
width: 40%;
|
||
}
|
||
|
||
.textboxMargin {
|
||
margin-left : 0.1%;
|
||
}
|
||
|
||
.transitionBt{
|
||
width: 98%;
|
||
height: 30px;
|
||
}
|
||
|
||
.pageMoveBt{
|
||
min-width: 35px;
|
||
}
|
||
|
||
.doctorSearchBt{
|
||
min-width: 180px;
|
||
}
|
||
|
||
.doctorInfoBt{
|
||
min-width: 105px;
|
||
}
|
||
|
||
.instSearchBt{
|
||
min-width: 180px;
|
||
}
|
||
|
||
.instHeaderTable{
|
||
margin-left: 40%;
|
||
}
|
||
|
||
.instHeaderTd{
|
||
width: 10%;
|
||
font-size: 140%;
|
||
text-align: center;
|
||
padding-right: 2%;
|
||
}
|
||
|
||
.trtCourseTextbox{
|
||
width: 6%;
|
||
}
|
||
|
||
.bedTd{
|
||
width: 46%;
|
||
}
|
||
|
||
.bedTextbox{
|
||
width: 70%;
|
||
}
|
||
|
||
.xSmallTd{
|
||
width: 9%;
|
||
}
|
||
|
||
.xSmallTextbox{
|
||
width: 75%;
|
||
}
|
||
|
||
.reExamTd{
|
||
width: 13%;
|
||
}
|
||
|
||
.repreTd{
|
||
width: 50%;
|
||
}
|
||
|
||
.repreTextbox{
|
||
width: 95%;
|
||
}
|
||
|
||
.trtTextbox{
|
||
width: 5%;
|
||
margin-right: 1.2%;
|
||
}
|
||
|
||
.parentCdTextBox{
|
||
width: 15%;
|
||
}
|
||
|
||
.parentNameTextBox{
|
||
width: 75%;
|
||
}
|
||
|
||
.hpInfoColumn{
|
||
width : 12%;
|
||
height: 40px;
|
||
background : rgb(225, 233, 250);
|
||
border : solid 1px;
|
||
}
|
||
|
||
.captionSickBed{
|
||
width : 10%;
|
||
}
|
||
|
||
.captionMenteDate{
|
||
width: 10%;
|
||
}
|
||
|
||
.menteDate{
|
||
width: 14%;
|
||
}
|
||
|
||
.menteDateTextbox{
|
||
width: 85%;
|
||
}
|
||
|
||
.hpAssrtTd{
|
||
width: 12%;
|
||
}
|
||
|
||
.hpAssrtTextbox{
|
||
width: 85%;
|
||
}
|
||
|
||
.border_bottom_none {
|
||
border-bottom-style:none;
|
||
}
|
||
|
||
.numberBox{
|
||
text-align: right;
|
||
}
|
||
|
||
/*医師検索*/
|
||
/*ヘッダー*/
|
||
.docHeaderTable{
|
||
width: 100%;
|
||
}
|
||
|
||
.docHeaderTd{
|
||
width: 24%;
|
||
}
|
||
|
||
.docHeaderTdCenter{
|
||
text-align: center;
|
||
width: 50%;
|
||
}
|
||
|
||
.docHeaderTdRight{
|
||
text-align: right;
|
||
padding-right: 120px;
|
||
}
|
||
|
||
.docButchMsg{
|
||
/* font-size: 80%; */
|
||
color: red;
|
||
}
|
||
|
||
.docHeader_bt{
|
||
width: 40%;
|
||
}
|
||
|
||
/* アルトマーク課題管理表No.2の修正 8% → 10% */
|
||
/* アルトマーク課題管理表No.8の修正 10% → 14% */
|
||
.docSearchColumnTd{
|
||
width: 14%;
|
||
}
|
||
|
||
.docSearchTextboxTd{
|
||
width: 18%;
|
||
}
|
||
|
||
.docSearchTextbox_td{
|
||
width: 94%;
|
||
}
|
||
|
||
.docSearchTextbox{
|
||
width: 90%;
|
||
margin-right: 5%;
|
||
margin-top: 0.8%;
|
||
margin-bottom: 0.8%;
|
||
}
|
||
|
||
.docSearchTableDivOne{
|
||
width: 100%;
|
||
}
|
||
|
||
.docSearchTableDivTwo{
|
||
margin-bottom: 1%;
|
||
padding-bottom: 1%;
|
||
border-bottom: solid 1px gray;
|
||
width: 100%;
|
||
}
|
||
|
||
.allOnOffButton{
|
||
width: 75px;
|
||
}
|
||
|
||
/*医師情報*/
|
||
.docInfoTable{
|
||
margin-top: 1%;
|
||
margin-left: 5%;
|
||
margin-right: 2%;
|
||
margin-bottom: 1%;
|
||
width: 93%;
|
||
border-bottom: solid 1px gray;
|
||
}
|
||
|
||
.docInfoTd{
|
||
padding-bottom: 0.5%;
|
||
}
|
||
|
||
.docInfoTextBox{
|
||
margin-left: 0.5%;
|
||
margin-right: 2%;
|
||
width: 8%;
|
||
}
|
||
|
||
.docInfoTrtTextBox{
|
||
margin-left: 0.5%;
|
||
}
|
||
|
||
.docBelongTable{
|
||
margin-left: 1%;
|
||
width: 98%;
|
||
border-bottom: solid 1px gray;
|
||
}
|
||
|
||
.docBelongTd{
|
||
width: 49%;
|
||
height: 150px;
|
||
}
|
||
|
||
.docSocietyTable{
|
||
width: 100%;
|
||
}
|
||
|
||
.scroll{
|
||
overflow: auto;
|
||
height: 120px;
|
||
width: 90%;
|
||
margin-left: 7%;
|
||
margin-bottom: 4%;
|
||
}
|
||
|
||
.scroll::-webkit-scrollbar {
|
||
height: 5px;
|
||
width: 10px;
|
||
}
|
||
|
||
.scroll::-webkit-scrollbar-track {
|
||
border-radius: 5px;
|
||
background: #eee;
|
||
}
|
||
|
||
.scroll::-webkit-scrollbar-thumb {
|
||
border-radius: 5px;
|
||
background: #666;
|
||
}
|
||
|
||
.rightBoderLine{
|
||
border-right: solid 1px gray;
|
||
}
|
||
|
||
.wrkplaceH1{
|
||
margin-top: 0.3%;
|
||
}
|
||
|
||
.wrkplaceTable{
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* 生物由来検索、施設検索共通*/
|
||
|
||
|
||
|
||
.clear_bt{
|
||
margin-left: 120px;
|
||
width: 60px
|
||
}
|
||
|
||
.back_bt{
|
||
margin-left: 1042px;
|
||
width: 80px
|
||
}
|
||
|
||
.noLine{
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
/*アルトマーク施設検索*/
|
||
|
||
|
||
/*共通：アルトマーク施設検索,医師検索,施設詳細*/
|
||
.maxWidth_tb {
|
||
width: 100%;
|
||
}
|
||
|
||
/*アルトマーク施設検索,医師検索共通*/
|
||
|
||
.search_btTd {
|
||
text-align: right;
|
||
}
|
||
|
||
.selection {
|
||
display: none;
|
||
}
|
||
|
||
#page-1 {
|
||
display: block;
|
||
}
|
||
|
||
|
||
/*医師検索*/
|
||
.search_middleTd {
|
||
padding-right: 25px;
|
||
width : 450px;
|
||
}
|
||
|
||
/*共通:施設詳細、医師詳細*/
|
||
.transition{
|
||
text-align: right;
|
||
margin-right: 60px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
.data_width_middle {
|
||
width : 300px;
|
||
}
|
||
|
||
|
||
.border_top_none {
|
||
border-top-style:none;
|
||
}
|
||
|
||
|
||
|
||
.textbox_margin_short {
|
||
margin-left : 5px;
|
||
}
|
||
|
||
.label_margin {
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
|
||
/*医師詳細*/
|
||
.docInfo_table{
|
||
margin-bottom: 30px;
|
||
border-bottom: solid 1px gray;
|
||
width: 1132px;
|
||
}
|
||
|
||
.small_tb{
|
||
width: 100px;
|
||
}
|
||
|
||
.docBelongScroll_div {
|
||
overflow: auto;
|
||
height: 100px;
|
||
width: 500px;
|
||
margin: 0px 30px 0px 30px;
|
||
}
|
||
|
||
.rightPadding_table{
|
||
padding-right: 50px;
|
||
}
|
||
|
||
|
||
.docPlaceScroll_div {
|
||
overflow: auto;
|
||
height: 150px;
|
||
width: 700px;
|
||
margin: 0px 30px 0px 30px;
|
||
}
|
||
|
||
.result_tr{
|
||
overflow-y: scroll;
|
||
overflow-x: scroll;
|
||
}
|
||
|
||
.result_data{
|
||
overflow-y: scroll;
|
||
overflow-x: scroll;
|
||
width: 50px;
|
||
}
|
||
|
||
/* tablesoter */
|
||
table.tablesorter {
|
||
font-family:arial;
|
||
background-color: #CDCDCD;
|
||
font-size: 12pt;
|
||
text-align: left;
|
||
}
|
||
|
||
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
|
||
background-color: #e6EEEE;
|
||
border: 0.1px solid silver;
|
||
font-size: 12pt;
|
||
padding: 4px;
|
||
padding-right: 20px;
|
||
}
|
||
table.tablesorter thead tr .header {
|
||
background-image: url(bg.gif);
|
||
background-repeat: no-repeat;
|
||
background-position: center right;
|
||
cursor: pointer;
|
||
}
|
||
table.tablesorter tbody td {
|
||
color: #3D3D3D;
|
||
padding: 4px;
|
||
background-color: #FFF;
|
||
border: 0.1px solid silver;
|
||
vertical-align: top;
|
||
}
|
||
table.tablesorter tbody tr.odd td {
|
||
background-color:#F0F0F6;
|
||
}
|
||
table.tablesorter thead tr .headerSortUp {
|
||
background-image: url(asc.gif);
|
||
}
|
||
table.tablesorter thead tr .headerSortDown {
|
||
background-image: url(desc.gif);
|
||
}
|
||
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
|
||
background-color: #8dbdd8;
|
||
}
|