@charset "utf-8";

body{
	font-family:"メイリオ";
	font-size:14px;
}

th {
	text-align:right;
	padding-right: 10px;
}

/* hrの太さと色の指定 */
hr{
	height:5px;
	background-color:#e6e6fa;
	border:none;
}

/* gridのタイトル列の中央寄せ */
div.w2ui-col-header {
	text-align: center;
}

/* 一覧表示のgridを中央寄せにする処理 */
div#gridArea{
	margin: auto;
}

/* 画面ヘッダ*/
.header{
	width: 98%;
	margin-bottom:5px;
}

div.medicalHeader .submenu{
	font-size:12px;
}

/* 画面タイトル(管理者） */
.adminTitle{
	height: 35px;
	padding-top:5px;
	text-align:center;
	font-size:22px;
	background-color:#228b22;
	color:white;
	font-weight:lighter;
	margin-bottom:3px;
}

/* 画面タイトル（会員、医療期間） */
.medicalTitle, .title{
	margin-top:2px;
	height: 35px;
	padding-top:5px;
	text-align:center;
	font-size:22px;
	background-color:#2191D0;
	color:white;
	font-weight:lighter;
	margin-bottom: 2px;
}

/* 画面タイトル（医療期間(入院)） */
.medicalTitle2{
	margin-top:2px;
	height: 35px;
	padding-top:5px;
	text-align:center;
	font-size:22px;
	background-color:#ff69b4;
	color:white;
	font-weight:lighter;
	margin-bottom: 2px;
}


/* 画面タイトル（医療期間(在宅)） */
.medicalTitle3{
	margin-top:2px;
	height: 35px;
	padding-top:5px;
	text-align:center;
	font-size:22px;
	background-color:#9acd32;
	color:white;
	font-weight:lighter;
	margin-bottom: 2px;
}

/* 画面タイトル（500エラー） */
.fatalErrorTitle{
	margin-top:15px;
	height: 40px;
	padding-top:10px;
	text-align:center;
	font-size:22px;
	background-color:#ff0000;
	color:white;
	font-weight:lighter;
	margin-bottom:10px;
}

/* 医療機関名 */
.medicalName{
	font-family:"メイリオ";
	text-align:right;
	font-size:35px;
	background-color:white;
	color:black;
	font-weight:lighter;
}

/*ボタン系（管理者）
  w2uiが効いてしまうのでimportantつけて強制、
  ただしinput type=submitはどうやっても解除できない。
 */
.adminButton{
	background: #228b22 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}
.adminButtonLarge{
	background: #228b22 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 200px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}
.adminButtonSmall{
	background: #228b22 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 60px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}

.adminButton:hover {
	background-color: #A0CA5A !important;
}

.adminButtonLarge:hover {
	background-color: #A0CA5A !important;
}

.adminButtonSmall:hover {
	background-color: #A0CA5A !important;
}

.adminButton:disabled {
	background-color: #A0CA5A !important;
}

.adminButtonLarge:disabled {
	background-color: #A0CA5A !important;
}

.adminButtonSmall:disabled {
	background-color: #A0CA5A !important;
}

/*ボタン系（会員、医療機関）
  w2uiが効いてしまうのでimportantつけて強制、
  ただしinput type=submitはどうやっても解除できない。*/
.medicalButton, .button{
	background: #2191D0 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}

.medicalButton2{
	background: #ff69b4 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}

.medicalButton3{
	background: #9acd32 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}

.medicalHeaderButtonLarge{
	background: #2191D0 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 210px !important;
	height: 60px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
	vertical-align: middle !important;
}

.medicalHeaderButtonWide{
	background: #2191D0 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 210px !important;
	height: 40px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
	vertical-align: middle !important;
}

.medicalHeaderButtonHigh{
	background: #2191D0 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	height: 60px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
	vertical-align: middle !important;
}

.medicalHeaderButton{
	background: #2191D0 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	height: 40px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
	vertical-align: middle !important;
}

.medicalHeaderButton2{
	background: #ff69b4 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	height: 40px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
	vertical-align: middle !important;
}

.medicalHeaderButton3{
	background: #9acd32 !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	height: 40px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
	vertical-align: middle !important;
}

.medicalButtonSelected{
	background-color: #90ee90 !important;
}

.medicalHeaderButtonSelected{
	background-color: #90ee90 !important;
}

.medicalButton:hover {
	background-color: skyblue !important;
}

.medicalHeaderButton:hover {
	background-color: skyblue !important;
}

.medicalButton:disabled {
	background-color: skyblue !important;
}

.medicalHeaderButton:disabled {
	background-color: skyblue !important;
}

.medicalButton2Selected{
	background-color: #00ffff !important;
}

.medicalHeaderButton2Selected{
	background-color: #00ffff !important;
}

.medicalButton3Selected{
	background-color: #2191D0 !important;
}

.medicalHeaderButton3Selected{
	background-color: #2191D0 !important;
}

.medicalButton2:disabled {
	background-color: #fbe0fc !important;
}

.medicalHeaderButton2:disabled {
	background-color: #fbe0fc !important;
}

.medicalButton2:hover {
	background-color: #fbe0fc !important;
}

.medicalHeaderButton2:hover {
	background-color: #fbe0fc !important;
}

.medicalButton3:disabled {
	background-color: #caf9da !important;
}

.medicalHeaderButton3:disabled {
	background-color: #caf9da !important;
}

.medicalButton3:hover {
	background-color: #caf9da !important;
}

.medicalHeaderButton3:hover {
	background-color: #caf9da !important;
}

.button:hover{
	background-color: skyblue !important;
}

.button:disabled{
	background-color: skyblue !important;
}

/* 削除ボタン用 */
.deleteButton{
	background: red !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 150px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}

.deleteButton:hover {
	background-color: #FFA05A !important;
}

.deleteButton:disabled {
	background-color: #FFA05A !important;
}
.deleteButtonSmall{
	background: red !important;
	border: 6px double #FFF !important;
	color: #FFF !important;
	width: 60px !important;
	padding: 3px 0 !important;
	font-family:"メイリオ" !important;
}

.deleteButtonSmall:hover {
	background-color: #FFA05A !important;
}

.deleteButtonSmall:disabled {
	background-color: #FFA05A !important;
}

/* 画面上部ボタン領域 */
.headerButton{
	text-align: center;
	margin: 5px;
}

/* 確認用メッセージ */
.conf-message{
	font-weight: bold;
	color:#000000;
}

/* エラーメッセージ */
.error-message{
	font-weight: bold;
	color:#FF0000;
}

#flashMessage{
	margin: 5px 0px 5px 5px;
	padding: 5px;
	background-color: #FFB6C1;
	color: white;
}

/* 一覧の検索条件部を中央寄せにする処理。ただし、個々でwidth指定必要 */
div.searchCondition
{
	padding:5px;
	margin: 0 auto;
}

/* 画面下部ボタン領域を中央寄せ。ただし、個々でwidth指定必要 */
div.footerButton{
	padding-top:8px;
	margin: 0 auto;
}

#authMessage{
	text-align:center;
	margin: 5px 0px 5px 5px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* w2uigridのカレンダーにtitleというclassが設定されているのでリセットする */
.w2ui-calendar-title{
	font-size: 100%;
	height: auto;
}

/* 利用一括受付の編集不可行 */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-no-edit,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-no-edit {
  color: #000000 !important;
  background-color: #FFA500 !important;
}

/* autocompleteリストの背景色の設定 */
.ui-autocomplete li:nth-child(even){
	background: #d7d7d7!important;
}
/* autocompleteリストを選択時に1行で表示を行う */
.ui-autocomplete .ui-state-focus{
	width: 101%!important;
}

#ajax-loader {
	position:absolute;
	left:50%;
	top:40%;
	z-index:2000;
}

/* IE10対策 */
input[type=checkbox]{
	border:0px!important;
	background-color: transparent!important;
}

input[type=radio]{
	border:0px!important;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* Datepicker フォントサイズ */
div.ui-datepicker {
  font-size: 140%;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type="number"] { 
  -moz-appearance:textfield; 
}