@charset "utf-8";

body {
  font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3",Meiryo, "メイリオ", sans-serif,"myFont";
  font-size  :14px;
  margin     : 0px;
  padding    : 0px;
  width      :100%;
  height     :100%;
  background-color: #F5F5F5;
}
form {
  margin : 0px !important;
  padding: 0px;
}
a {
  font-size      : 14px;
  text-decoration: none;
  display        : block;
}
table {
  width          : 100%;
  font-size      : 14px;
  border-collapse: collapse;
  border-spacing : 0px;
}
input, textarea, select, button, pre {
  font-family   : Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3",Meiryo, "メイリオ", sans-serif,"myFont";
  font-size     : 14px;
  margin        : 0px;
  padding-left  : 2px;
  padding-right : 2px;
  vertical-align: middle;
}
input[type=text], input[type=checkbox], input[type=radio], select, button.ui-multiselect {
  height: 32px;
}

/*********************************************/
/*
/*  全体
/*     http://qiita.com/and8-tamura/items/49cfe7b33f6bedb37422
/*     を参考に
/*
/*********************************************/

#container {
  position: relative;
  width: calc(100% - 50px);
  margin-left:50px;
  min-width:930px;
  /* コンテンツ部分の高さが画面に収まらない場合はコンテンツの高さに合わせる*/
  /* コンテンツ部分の高さが画面より低い場合は画面の高さに合わせる*/
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

/*********************************************/
/*
/*  コンテンツ
/*
/*********************************************/

#content {
  padding:0px 0px 50px 0px;
}

/*********************************************/
/*
/*   フッタ関係
/*
/*********************************************/

#footer {
  clear     : both;
  position  : absolute;
  bottom    : 0;
  width     : 100%;
  background: #2673B3;
}

#footer p {
  margin     : 0;
  padding    : 3px 5px;
  color      : #fff;
  font-size  : 65%;
  text-align : right;
  line-height: 14px;
}

#footer a {
  color:#fff;
  text-decoration:none;
}

/*********************************************/
/*
/*  ボタン関係(共通用)
/*
/*********************************************/

/*ボタン*/
a.btn {
  padding:  0;
  margin :  0;
  width : 70px;
  height: 30px;
  line-height: 30px;
  border :  1px solid #FF8000;
  -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
          border-radius: 7px;
  color:#ffffff;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom,from(#FFBB5D), to(#FB9100));
  background: linear-gradient(#FFBB5D, #FB9100);
}
a.btn.rev {
  background: -webkit-gradient(linear, left top, left bottom,from(#FB9100), to(#FFBB5D));
  background: linear-gradient(#FB9100, #FFBB5D);
}
a.btn.rev {
  cursor: default;;
}


a.btn.blue { /* 青色用 */
  border :  1px solid #0000CD;
  background: -webkit-gradient(linear, left top, left bottom,from(#5d5dc3), to(#0000CD));
  background: linear-gradient(#5d5dc3, #0000CD);
}
a.btn.blue.rev,
a.btn.blue.rev:hover,
a.btn.blue:hover:not(.rev) {
  border :  1px solid #0000CD;
  background: -webkit-gradient(linear, left top, left bottom,from(#0000CD), to(#5d5dc3));
  background: linear-gradient(#0000CD, #5d5dc3);
}

a.btn.red { /* 赤色用 */
  border :  1px solid #ff0000;
  background: -webkit-gradient(linear, left top, left bottom,from(#ff0000), to(#fb7878));
  background: linear-gradient(#ff0000, #fb7878);
}
a.btn.red.rev,
a.btn.red.rev:hover,
a.btn.red:hover:not(.rev) {
  border :  1px solid #ff0000;
  background: -webkit-gradient(linear, left top, left bottom,from(#fb7878), to(#ff0000));
  background: linear-gradient(#fb7878, #ff0000);
}

a.btn.gray { /* 灰色用 */
  border :  1px solid #A5A5A5; 
  background: -webkit-gradient(linear, left top, left bottom,from(#F2F2F2), to(#A5A5A5));
  background: linear-gradient(#F2F2F2, #A5A5A5);
}
a.btn.gray.rev,
a.btn.gray.rev:hover,
a.btn.gray:hover:not(.rev) {
  border :  1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#A5A5A5), to(#F2F2F2));
  background: linear-gradient(#A5A5A5, #F2F2F2);
}

a.btn.disabled {
  border:1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#F2F2F2), to(#A5A5A5));
  background: linear-gradient(#F2F2F2, #A5A5A5);
}
a.btn.disabled.rev {
  border:1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#A5A5A5), to(#F2F2F2));
  background: linear-gradient(#A5A5A5, #F2F2F2);
}
a.btn:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#FB9100), to(#FFBB5D));
  background: linear-gradient(#FB9100, #FFBB5D);
}


a.btn_entry:after    { content: "登録"; }
a.btn_delete:after   { content: "削除"; }
a.btn_update:after   { content: "更新"; }
a.btn_new:after      { content: "新規"; }
a.btn_pattern:after  { content: "パターン研修"; }
a.btn_career:after   { content: "キャリアパス"; }
a.btn_publish:after  { content: "公開"; }
a.btn_draft:after    { content: "下書き"; }
a.btn_quote:after    { content: "引用"; }
a.btn_up:after       { content: "↑"; }
a.btn_down:after     { content: "↓"; }
a.btn_apply:after    { content: "申請"; }
a.btn_approval:after { content: "承認"; }
a.btn_deny:after     { content: "否認"; }
a.btn_close:after    { content: "閉じる"}

/* 削除・否認・閉じる・クリアボタン*/
a.btn_delete, a.btn_deny, a.btn_close  {
  border:1px solid #FF0000;
  background-color:#FF0000;
  background: -webkit-gradient(linear, left top, left bottom,from(#FF6464), to(#FF0000));
  background: linear-gradient(#FF6464, #FF0000);
}
a.btn_delete:hover:not(.disabled),
a.btn_deny:hover:not(.disabled) ,
a.btn_close:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#FF0000), to(#FF6464));
  background: linear-gradient(#FF0000, #FF6464);
}
/* 引用ボタン*/
a.btn_quote {
  border: 1px solid #4096EE;
  background-color: #4096EE;
  background: -webkit-gradient(linear, left top, left bottom,from(#7ABCFF), to(#4096EE));
  background: linear-gradient(#7ABCFF, #4096EE);
}
a.btn_quote:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#4096EE), to(#7ABCFF));
  background: linear-gradient(#4096EE, #7ABCFF);
}
/* 通常の長さでははみ出すため調整 */
a.btn_pattern , a.btn_career {
  width: 100px;
}
/* 下書きボタン */
a.btn_draft {
  border: 1px solid #00A474;
  background-color: #00A474;
  background: -webkit-gradient(linear, left top, left bottom,from(#2EB623), to(#00A474));
}
a.btn_draft:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#00A474), to(#2EB623));
}

a.btn_up, a.btn_down {
  width: 40px;
  height: 20px;
  padding: 3px 0px 3px 0px;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  margin: 2px 5px 0px 0px;
  border: 1px solid #2EB623;
  background-color: #2EB623;
  background: -webkit-gradient(linear, left top, left bottom,from(#68E05F), to(#2EB623));
  background: linear-gradient(#68E05F, #2EB623);
}

a.btn_up:hover:not(.disabled) ,
a.btn_down:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#2EB623), to(#68E05F));
  background: linear-gradient(#2EB623, #68E05F);
}





/* 削除対象 ↓↓↓↓ */
/* 長めなボタン用 */

/* 普通ボタン用 */
.btn_m {
  width:70px;
  height:20px;
  padding:0px 0px 0px 0px;
  -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
          border-radius: 7px;
  border:1px solid #FF8000;
  color:#ffffff;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom,from(#FFBB5D), to(#FB9100));
  background: linear-gradient(#FFBB5D, #FB9100);
  line-height: 20px;
  margin-top: 3px;
}
.btn_m.disabled{
  border:1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#F2F2F2), to(#A5A5A5));
  background: linear-gradient(#F2F2F2, #A5A5A5);
}
.btn_m:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#FB9100), to(#FFBB5D));
  background: linear-gradient(#FB9100, #FFBB5D);
}

/* 普通ボタン(削除)用*/
.btn_m_delete {
  width:70px;
  height:20px;
  padding:0px 0px 0px 0px;
  -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
          border-radius: 7px;
  border:1px solid #FF0000;
  color:#ffffff;
  text-align: center;
  background-color:#FF0000;
  background: -webkit-gradient(linear, left top, left bottom,from(#FF6464), to(#FF0000));
  background: linear-gradient(#FF6464, #FF0000);
  line-height: 20px;
  margin-top: 3px;
}
.btn_m_delete.disabled{
  border:1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#F2F2F2), to(#A5A5A5));
  background: linear-gradient(#F2F2F2, #A5A5A5);
}
.btn_m_delete:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#FF0000), to(#FF6464));
  background: linear-gradient(#FF0000, #FF6464);
}
/* 削除対象 ↑↑↑↑ ここまで*/

/* 一覧のもっと読み込むボタン */
.btn_more {
  height:22px;
  padding-top:3px;
  color:#ffffff;
  text-align:center;
  background: -webkit-gradient(linear, left top, left bottom,from(#FFBB5D), to(#FB9100));
  background: linear-gradient(#FFBB5D, #FB9100);
}
.btn_more a{
  color:#ffffff !important;
}
.disabled {
  outline: none    !important;
  cursor : default !important;
}

/*********************************************/
/*
/*  共通用
/*
/*********************************************/

/* クリックで            */
.clickable {
  cursor:pointer;
}
/* データなしのエラーで  */
.text_nodata {
  color:red;
}
/* ipadのスクロールで    */
div.scrolling {
  width     : 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}


/* JQuery UI用 */

/*  DatePickerで         */
.hasDatepicker {
  width: 100px!important;
}
/* DatePickerで          */
.ui-datepicker-trigger{
  vertical-align:middle;
  margin-left:2px;
}
.hasPtTimeSelect {
  width: 50px!important;
}

.ui-tabs .ui-tabs-nav {
  padding   : 0 10px;
  margin-top: 0;
}

/***************
 *
 * 共通子画面
 *
 ***************/
a.searchuser ,
a.searchpatient {
  height  : 30px;
  width   : 30px;
  display : block;
  position: relative;
  margin  : 0 0 0 -1px!important;
  /* background-color: #DDD;
  border: 1px solid gray; */
  background: -webkit-gradient(linear, left top, left bottom,from(#FFBB5D), to(#FB9100));
  background: linear-gradient(#FFBB5D, #FB9100);
  border :  1px solid #FF8000;
  /* -webkit-border-radius: 7px;    Safari,Google Chrome用
          border-radius: 7px; */
  float: right;
}
a.searchuser:before,
a.searchuser:after,
a.searchpatient:before,
a.searchpatient:after {
  content:'';
  height:12px;
  display:block;
  position:absolute;
  top : 3px;
  left: 4px;
}

a.searchuser:before,
a.searchpatient:before {
  width :12px;
  border: 3px #ffffff solid;
  border-radius:100%;
  -webkit-border-radius:100%;
     -moz-border-radius:100%;
}
a.searchuser:after,
a.searchpatient:after {
  width     :4px;
  background:#ffffff;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
       -o-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
  top :16px;
  left:19px;
}
a.searchuser.disabled,
a.searchpatient.disabled {
  border:1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#F2F2F2), to(#A5A5A5));
  background: linear-gradient(#F2F2F2, #A5A5A5);
}
a.searchuser.disabled.rev,
a.searchpatient.disabled.rev {
  border:1px solid #A5A5A5;
  background: -webkit-gradient(linear, left top, left bottom,from(#A5A5A5), to(#F2F2F2));
  background: linear-gradient(#A5A5A5, #F2F2F2);
}
a.searchuser:hover:not(.disabled),
a.searchpatient:hover:not(.disabled) {
  background: -webkit-gradient(linear, left top, left bottom,from(#FB9100), to(#FFBB5D));
  background: linear-gradient(#FB9100, #FFBB5D);
}

div.common_dialog,
div.common_layer {
  width : 800px;
  height: 600px;
  display:none;
  background-color: #F5F5F5;
  border: 1px solid #393939;
}

/* 必須マーク 高さ32調整 */
div.required:after {
  content:"必須";
  line-height  : 16px;
  padding      : 2px 6px;
  margin-right : 5px;
  margin-top   : 6px;
  border-radius: 3px;
  font-size    : 8pt;
  background-color: red;
  float: right;
}
#dialog {
  padding:0px;
}



/*********************************************/
/*
/*   画面構成
/*
/*********************************************/
/**
 * インフォメーション表示エリア
 *   タイトル・ボタン・メッセージの表示用
 */
div.info_pnl {
  background-color: #EDF2F8;
  min-height: 35px;
}
div.info_pnl div.title_pnl {
  float: left;
}
#dialog div.info_pnl div.title_pnl {
 /* padding-top: 8px;*/
}
div.info_pnl div.title_pnl span.title_page {
  padding    : 0px 10px;
  font-weight: bold;
  font-size  : 18px;
  line-height: 40px;
}
div.info_pnl div.title_pnl div.message_pnl {
  overflow-y:auto;
  padding: 0px 20px;
}
div.message_pnl .infomation {
  color: blue;
}
div.message_pnl .infomation.error {
  color: red;
}
div.message_pnl.system {
  font-size: 18px;
}
div.message_pnl.system > div,
div.message_pnl.system > a {
  display: inline-block;
}

div.info_pnl div.btn_pnl {
  margin: 4px 20px; 0 0;
  float:right;
}
div.info_pnl div.btn_pnl a.btn {
  height     : 32px;
  line-height: 32px;
  margin-top :  3px;
  margin-bottom: 1px;
}

div.btn_pnl a.btn {
  height: 30px;
  line-height: 30px;
  float : left;
}
div.btn_pnl a.btn:not(:last-child){
  margin-right: 5px;
}

div.info_pnl div.clear {
  clear:both;
}

/**
 * 検索条件表示エリア
 */
div.section_search {
  padding         : 3px 0px;
  background-color: #EDF2F8;
  overflow        : hidden;
}
/* content直下 */
div#content>div.section_search{
  padding: 3px  10px;
}
div.detail_pnl div.section_search {
  margin: 0;
  padding: 3px 10px;
}
div.section_search div.search_col{
  height: auto;
  margin: 5px 15px 0 0;
  float: left;
}
div.section_search div.search_col:last-child {
  margin-right: 0px;
}

div.section_search div.search_col input[type=text],
div.section_search div.search_col button {
  border:  1px solid #a9a9a9;
  margin:  0px;
  height: 32px;
  line-height: normal;
  -webkit-border-radius:0px;
          border-radius:0px;
  -webkit-appearance: none;
}

div.section_search div.search_col input[type=radio],
div.section_search div.search_col input[type=checkbox]{
  margin     : 0 2px 0 0;
  width      : 21px;
  height     : 32px;
  line-height: normal;
  vertical-align: middle;
  position   : relative;
  top        : 0px;
}

div.section_search div.search_col select {
  margin-left: 0px;
  padding    : 1px 0;
  overflow   : hidden;
}

div.section_search div.clear {
  clear:both;
}

/**
 * 検索結果表示(リスト)
 */
div.section_list {
  margin: 0px;
  padding: 3px 10px;
}
/* 一覧テーブル関係 */
table.list { }
/*
 * スクロールテーブルのヘッダー項目のスクロール位置補正
 * ※ipad.cssで ipad用に再補正有り
 */
table.list.listheader th:last-child{
  padding-right: 22px;
}
table.list th  {
  background-color:#80B0D9;
  padding:5px;
  color:#fff;
  text-align:left;
  font-weight:normal;
  height:25px;
/*  ↓↓↓↓↓↓↓ TODO 今後消すこと */
  border: 1px #ccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}
/* 一覧テーブルのtd */
table.list td {
  padding: 5px;
  border : 1px #ccc solid;
}
table.list tr:nth-child(even) {
  background-color:#EDF2F8;
}
table.list tr:nth-child(odd) {
  background-color:#FCFDFE;
}
table.list tr:hover {
  background: #bbd4ee;
}
table.list tr:active {
  background: #bbd4cc;
}
table.list tr.selected {
  background: #3592F4;
}

/**
 * 詳細画面用
 */
.detail_pnl {
  background-color: #fff!important;
}
/* 一段落 */
.detail_pnl .detail_box {
  margin: 0 10px;
  padding: 5px 0;
}
/* 行定義 */
.detail_pnl .detail_box .box_col {
  overflow:hidden;
  padding: 2px 0;
}
/* 行内のタイトル */
.detail_pnl .detail_box .box_col .box_title {
  background-color: #80B0D9;
  color: #fff;
  height: 32px;
  line-height: 32px;
  text-align: left;
  overflow: hidden;
  float: left;
  padding: 0 0 0 10px;
}
/* 行データ */
.detail_pnl .detail_box .box_col .box_data {
  float:left;
  margin: 0 0 0 5px;
}
/* 行データ(入力系以外) */
.detail_pnl:not(.input) .detail_box .box_col .box_data {
  background-color: aliceblue;
}
/* 行データ表示用ラベル */
.detail_pnl .detail_box .box_col .box_data label {
  line-height: 32px;
  margin-left: 2px;
  display: inline-block;
}
/* 行データ 複数行表示 */
.detail_pnl .detail_box .box_col .box_data .box_content {
  min-height: 100px;
  margin-left:2px;
  margin-top: 5px;
}
/* 行データ 複数行表示(高さ調整) */
.detail_pnl .detail_box .box_col .box_data .box_content.noheight {
  min-height: 27px;
}
.detail_pnl input[type=radio],
.detail_pnl input[type=checkbox]{
  margin     : 0 2px 0 0;
  width      : 21px;
  height     : 32px;
  line-height: normal;
  vertical-align: middle;
  position   : relative;
  top        : 0px;
}


/*********************************************/
/*
/*  アイコン
/*
/*********************************************/

div.icon.target, div.icon.select{
  background-color : #0000CD;
}
div.icon.notify {
  background-color : #FF0000;
}
div.icon.jukozumi {
  background-color : #2FD72F;
}
div.icon.e-zumi {
  background-color : #2FD72F;
}
div.icon.reserve {
  background-color : #0000CD;
}
div.icon.mijyukou {
  background-color: #708090;
}
div.icon.join {
  background-color : #FFA500;
}
div.icon.done {
  background-color : #2EB623;
}
div.icon.delflg {
  background-color : #ABABAB;
}
div.noreserve {
  background-color: #708090;
}
div.icon.grayout {
  background-color: #ABABAB;
}
div.icon {
  font-size : 10pt;
}