@charset "utf-8";

/*-------------------------フォントスタイル フォントサイズの指定*/
body {
	/* font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: Arial, Helvetica, sans-serif ,"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 95%;
	text-align: left;
	margin: 5px;
	padding: 0;
}

.font_ItemAnnotation {
	font-size: 11px;
	text-align: left;
}

/*-------------------------wrapperの指定*/
#wrapper {
	text-align: left;
	/*width: 1120px;*/
	/*margin: 0 auto;*/
	margin: 10px 10px 10px 10px;
	padding: 0;
  /* user-select: none; */
}

/*-------------------------containerの指定*/
#container {
	/* width: 1220px; */
	width: 1380px;
	margin: auto;
	padding: 2px;
  /* user-select: none; */
}

/*-------------------------headerの指定*/
#header {
	position: fixed;
	width: 100%;
	height: 25px;
	left: 0px;
	top: 2px;
	background-color: #4e4f9e;
	border: 1px solid #4e4f9e;
	padding: 2px;
	
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	z-index:10;
}


/*-------------------------contentsの指定*/
#contents{
	height: auto;
	padding: 15px 0 12px 0;
	margin: 20px 0 15px 0;
	background-color: #fff;
}


/*-------------------------footerの指定*/
#footer {
	/*position: fixed;*/
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	z-index:10;
}

#footer .copyright {
	width: 100%;
	left: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #aaaaaa;
}

#footerList {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	z-index:10;
}

#footerList .copyright {
	width: 100%;
	left: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #aaaaaa;
}

/*-------------------------Loginの指定*/

#login_input {
	margin: 20px auto;
	top: 50px;
	width: 400px;
	height: 90px;
	/* Box 角丸指定 */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #cccccc;
	padding: 20px;
}

#login_btn {
	margin: 20px auto;
	text-align: center;
}


/*-------------------------検索画面の指定*/
/* 検索条件設定　Header */
#search-fnd {
	position: relative;
	/* height: 50px;*/
	top: 15px;
	/* Box 角丸指定 */
/*
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #cccccc;
	padding: 2px;
*/
}
#search_input {
	position: absolute;
	left: 30px;
	top: 15px;
}
#search_btn {
	position: absolute;
	left: 580px;
}
#logout {
	position: absolute;
	left: 900px;
	top: 10px;
}
.logout p {
	font-size: 11px;
}


/*-------------------------main list 一覧表示の指定*/
.main-list {
	position: relative;
	/*position: absolute;*/
	/*height:570px; */
	top: 65px;
	/* Box 角丸指定 */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #cccccc;
	padding: 2px;
}

.main-list table {
	/*width:100%;*/
	color: #000;
	font-size: 12px;
	font-weight: normal;
	border-collapse: collapse;
	border: 0px solid #cccccc;
	margin: 5px 5px;
}
.main-list th {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
}
.main-list td {
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 14px;
}
.main-list a { /*リンクされた文字*/
	color: #0000ff;
	font-style: normal;
	text-decoration: underline;
}

.main-list a:link { /*未訪問のリンク*/
	color: #0000ff;
	font-style: normal;
	text-decoration: underline;
}
.main-list a:hover,a:active,a:visited { /*マウスをのせたとき,クリック中,訪問後のリンク */
	color: #ff6b00;
	font-style: normal;
	text-decoration: underline;
	background-color: #ffffff;
}

#list_tbl {
	width: 99%;
	position: relative;
	left: 3px;
	top: 0px;
}
#list_tbl th {
	text-align: center;
	vertical-align: middle;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #b9b9b9;
}
#list_tbl td {
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 14px;
	height: 20px;
	border: 1px solid #b9b9b9;
}

table#pat_list {
	border-collapse: collapse;
	border-bottom: 1px solid #ddd;
	width: calc(100vw - 40px);
	margin: 2px 20px 20px 10px;
}
table#pat_list thead,
table#pat_list tbody {
	display: block;
}
table#pat_list tr {
	cursor: pointer;
}
table#pat_list tr:nth-child(2n+1) {
	/*background: #f0ffff;*/
}
table#pat_list tr.msg_caution {
	background: #fee9e2;
}
table#pat_list tr:hover {
	background: #aba4e8;
	color: #000;
}
table#pat_list thead {
	background-color: #F0F0F0;
}
table#pat_list th {
	background-color: #F0F0F0;
	cursor: default;
}
table#pat_list th,
table#pat_list td {
	padding: 2px;
	/*font-size: 0.9em;*/
	border: 1px solid #000;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
table#pat_list tbody {
	height: 0;
	overflow-y: scroll;
}


/*-------------------------Tab 明細画面の指定*/
/* 選択基本患者情報　Sub Header */
#sub_header {
	position: relative;
	/* position: absolute; */
	/* width: 985px;
	height:65px; */
	top: 30px;
	/* Box 角丸指定 */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 0px solid #cccccc;
	padding:2px;
	background-color:#d2d2ff;
}

#sub_header table {
	width: 100%;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	border-collapse: collapse;
	border: 0px solid #cccccc;
	margin: 2px 2px;
}

#sub_header td {
  text-align:left;
  vertical-align:middle;
  padding-left:5px;
  font-size:14px;
}


/*-------------------------タブMenu設定*/
#page_tab {
	position: relative;
	/* height:28px;*/
	top: 29px;
	left: 0px;
	font-size: 12px;
	border: 1px solid #cccccc;
	padding: 5px 5px 0px 5px;
	margin: 10px 0px 10px 0px;
}

#page_tab .on {
  background-color:#74b9ff;
  margin-right:5px;
  margin-bottom: 5px;
}

#page_tab .off {
  background-color:#ceffff;
  margin-right:5px;
  margin-bottom: 5px;
}
/*
#page_tab li {
  float:left;
  display:block;
  line-height: 1.5em;
}
*/
#page_tab ul {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
#page_tab li {
  float:left;
  margin: 1px; 
  padding: 1px 3px;
}
#page_tab a:link, a:visited {
  text-decoration: none;
  color: #0000a1; /*#89939E;*/
  display:block;
/*
  width:94px;
  height: 16px;
  padding: 4px;
  text-align:center;
  background-color:#fff7ff;
*/
}
#page_tab a:hover, a:active {
  color: #fff;
  background-color:#007cbd;
}


/*-------------------------タブcontentsの指定*/
#page_content {
  position:relative;
  margin: 0 0 25px 0;
  padding: 0;
  top: 25px;
  width: 100%;
  /*height:400px;*/
  height:calc(90vh - 120px);
  border: 1px solid #7171ff;
  background-color:#ffffff;
  overflow:auto;
}


.page_content_table {
  width: 100%;
  height: 100%;
}
.page_content_table tr:nth-child(1) {
  vertical-align:top;
  border: 0px solid #7171ff;
}
.page_content_table tr:nth-child(2) {
  vertical-align:bottom;
  border: 0px solid #7171ff;
}
.page_content_table td{
  vertical-align:top;
  border: 0px solid #7171ff;
} 
.page_content_Explanation {
  padding:2px 0px 0px 30px;
  text-align: left;
  font-size:12px;
  color:#001e6e;
}


/*----------------------- 当該ページ入力確定 */
/* 当該ページ入力確定 */
.chk_confirm {
  padding:0 0 5px 50px;
  text-align: left;
  font-size:16px;
  color:#001e6e;
}


/*----------------------- 入力項目のサイズ設定 */
.dateinput_1{
	text-align: left;
	width: 80px;
}
.numinput_1{
	text-align: right;
	width: 60px;
}
.selectinput_10{
	width: 100px;
}
.selectinput_20{
	width: 200px;
}
.selectinput_30{
	width: 300px;
	height: 20px;

}
.selectinput_35{
	width: 350px;
	height: 20px;

}

.textinput_10{
	width: 100px;
}
.textinput_36{
	width: 360px;
}

.selectinput_35S{
	width: 400px;
	height: 25px;
  font-size:18x;
	/*font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  /*font-family:'Meiryo UI','UDデジタル教科書体NP-B','MSゴシック','游ゴシック体', 'YuGothic';*/
  /*font-family:'Hiragino Kaku Gothic ProN',Meiryo,osaka,'MS PGothic';*/
  font-family:'Hiragino Kaku Gothic ProN';
}



/**/