.ui-header .ui-title {
     margin-left: 15%;
     margin-right: 15%;
   margin: 0.4em 0.1em;
}

/* --- ボタン --- */
.myButton {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b6cffa), color-stop(1, #80b5ea));
  background:-moz-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-webkit-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-o-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-ms-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:linear-gradient(to bottom, #b6cffa 5%, #80b5ea 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6cffa', endColorstr='#80b5ea',GradientType=0);
  background-color:#b6cffa;
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
  border-radius:16px;
  border:2px solid #66aaed;
  display:inline-block;
  cursor:pointer;
  font-size:18px;
  font-weight:bold;
  padding:10px 10px;
  text-decoration:none;
  color:#ffffff;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CADCFA), color-stop(1, #A7C9EB));
  background:-moz-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:-webkit-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:-o-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:-ms-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:linear-gradient(to bottom, #CADCFA 5%, #A7C9EB 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CADCFA', endColorstr='#A7C9EB',GradientType=0);
  background-color:#CADCFA;
  color:#ffffff;
  border:2px solid #98C2ED;
}
.myButton:active {
  position:relative;
  top:1px;
}

.myButtonDisabled {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0d0d0), color-stop(1, #b5b5b5));
  background:-moz-linear-gradient(top, #d0d0d0 5%, #b5b5b5 100%);
  background:-webkit-linear-gradient(top, #d0d0d0 5%, #b5b5b5 100%);
  background:-o-linear-gradient(top, #d0d0d0 5%, #b5b5b5 100%);
  background:-ms-linear-gradient(top, #d0d0d0 5%, #b5b5b5 100%);
  background:linear-gradient(to bottom, #d0d0d0 5%, #b5b5b5 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#b5b5b5',GradientType=0);
  background-color:#d9d9d9;
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
  border-radius:16px;
  border:2px solid #999999;
  display:inline-block;
  cursor:default;
  font-size:18px;
  font-weight:bold;
  padding:10px 10px;
  text-decoration:none;
  color:#777777!important;
  text-shadow:1px 1px 0px rgba(255,255,255,1);
  position:relative;
  top:0px;
}

/*青ボタン*/
.BUTTONBLUE {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b6cffa), color-stop(1, #80b5ea));
  background:-moz-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-webkit-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-o-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-ms-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:linear-gradient(to bottom, #b6cffa 5%, #80b5ea 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6cffa', endColorstr='#80b5ea',GradientType=0);
  background-color:#b6cffa;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #66aaed;
  display:inline-block;
  color:#000000;
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  cursor: pointer;
}
.BUTTONBLUE[enabled]:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CADCFA), color-stop(1, #A7C9EB));
  background:-moz-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:-webkit-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:-o-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:-ms-linear-gradient(top, #CADCFA 5%, #A7C9EB 100%);
  background:linear-gradient(to bottom, #CADCFA 5%, #A7C9EB 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CADCFA', endColorstr='#A7C9EB',GradientType=0);
  background-color:#CADCFA;
  color:#555555;
  border:1px solid #98C2ED;
}
.BUTTONBLUE:active {
  position:relative;
  top:1px;
}

.BUTTONBLUE:disabled {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b6cffa), color-stop(1, #80b5ea));
  background:-moz-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-webkit-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-o-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:-ms-linear-gradient(top, #b6cffa 5%, #80b5ea 100%);
  background:linear-gradient(to bottom, #b6cffa 5%, #80b5ea 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6cffa', endColorstr='#80b5ea',GradientType=0);
  background-color:#b6cffa;
  border:1px solid #66aaed;
  cursor:default;
  color:#aaaaaa;
  text-shadow:1px 1px 0px rgba(255,255,255,1);
  position:relative;
  top:0px;
}
.BUTTONBLUE[disabled]:hover {
  cursor:default;
}

/*オレンジボタン*/
.BUTTONORANGE {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcd150), color-stop(1, #fcb87a));
  background:-moz-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:-webkit-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:-o-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:-ms-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:linear-gradient(to bottom, #fcd150 5%, #fcb87a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd150', endColorstr='#fcb87a',GradientType=0);
  background-color:#fcd150;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #f0b850;
  display:inline-block;
  color:#000000;
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  cursor: pointer;
}
.BUTTONORANGE[enabled]:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcdc7a), color-stop(1, #fdc899));
  background:-moz-linear-gradient(top, #fcdc7a 5%, #fdc899 100%);
  background:-webkit-linear-gradient(top, #fcdc7a 5%, #fdc899 100%);
  background:-o-linear-gradient(top, #fcdc7a 5%, #fdc899 100%);
  background:-ms-linear-gradient(top, #fcdc7a 5%, #fdc899 100%);
  background:linear-gradient(to bottom, #fcdc7a 5%, #fdc899 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcdc7a', endColorstr='#fdc899',GradientType=0);
  background-color:#fcdc7a;
  color:#555555;
  border:1px solid #f5d18c;
}
.BUTTONORANGE:active {
  position:relative;
  top:1px;
}

.BUTTONORANGE:disabled {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcd150), color-stop(1, #fcb87a));
  background:-moz-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:-webkit-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:-o-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:-ms-linear-gradient(top, #fcd150 5%, #fcb87a 100%);
  background:linear-gradient(to bottom, #fcd150 5%, #fcb87a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd150', endColorstr='#fcb87a',GradientType=0);
  background-color:#fcd150;
  border:1px solid #f5d18c;
  cursor:default;
  color:#aaaaaa;
  text-shadow:1px 1px 0px rgba(255,255,255,1);
  position:relative;
  top:0px;
}
.BUTTONORANGE[disabled]:hover {
  cursor:default;
}

/*グレーボタン*/
.BUTTONGRAY {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #aaaaaa));
  background:-moz-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:-webkit-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:-o-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:-ms-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:linear-gradient(to bottom, #eeeeee 5%, #aaaaaa 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa',GradientType=0);
  background-color:#eeeeee;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #bbbbbb;
  display:inline-block;
  color:#000000;
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  cursor: pointer;
}
.BUTTONGRAY[enabled]:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #cccccc));
  background:-moz-linear-gradient(top, #ffffff 5%, #cccccc 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #cccccc 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #cccccc 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #cccccc 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #cccccc 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0);
  background-color:#ffffff;
  color:#555555;
  border:1px solid #bbbbbb;
}
.BUTTONGRAY:active {
  position:relative;
  top:1px;
}
.BUTTONGRAY:disabled {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #aaaaaa));
  background:-moz-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:-webkit-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:-o-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:-ms-linear-gradient(top, #eeeeee 5%, #aaaaaa 100%);
  background:linear-gradient(to bottom, #eeeeee 5%, #aaaaaa 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa',GradientType=0);
  background-color:#eeeeee;
  border:1px solid #999999;
  cursor:default;
  color:#aaaaaa;
  text-shadow:1px 1px 0px rgba(255,255,255,1);
  position:relative;
  top:0px;
}
.BUTTONGRAY[disabled]:hover {
  cursor:default;
}

/*緑ボタン*/
.BUTTONGREEN {
  background: #b6edd9; /* Old browsers */
  background: -moz-linear-gradient(top,  #b6edd9 5%, #81d3bd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#b6edd9), color-stop(100%,#81d3bd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b6edd9 5%,#81d3bd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b6edd9 5%,#81d3bd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b6edd9 5%,#81d3bd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #b6edd9 5%,#81d3bd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6edd9', endColorstr='#81d3bd',GradientType=0 ); /* IE6-9 */
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #66CCAB;
  display:inline-block;
  color:#000000;
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  cursor: pointer;
}
.BUTTONGREEN[enabled]:hover {
  background: #d0e8df; /* Old browsers */
  background: -moz-linear-gradient(top,  #d0e8df 5%, #9bddc8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#d0e8df), color-stop(100%,#9bddc8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d0e8df 5%,#9bddc8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d0e8df 5%,#9bddc8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d0e8df 5%,#9bddc8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d0e8df 5%,#9bddc8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e8df', endColorstr='#9bddc8',GradientType=0 ); /* IE6-9 */
  color:#555555;
  border:1px solid #95DBC3;
}
.BUTTONGREEN:active {
  position:relative;
  top:1px;
}
.BUTTONGREEN:disabled {
  background: -moz-linear-gradient(top,  #b6edd9 5%, #81d3bd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#b6edd9), color-stop(100%,#81d3bd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b6edd9 5%,#81d3bd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b6edd9 5%,#81d3bd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b6edd9 5%,#81d3bd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #b6edd9 5%,#81d3bd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6edd9', endColorstr='#81d3bd',GradientType=0 ); /* IE6-9 */
  border:1px solid #66CCAB;
  cursor:default;
  color:#aaaaaa;
  text-shadow:1px 1px 0px rgba(255,255,255,1);
  position:relative;
  top:0px;
}
.BUTTONGREEN[disabled]:hover {
  cursor:default;
}

/* ボタン画像用 */
.BUTTONIMAGE:active {
  position:relative;
  top:1px;
}

/*--- コンテンツ枠 ---*/
.main_contents_out {
  background-color:#b2c8ef;
  color:#000000;
  width:100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius:10px;
}

.main_contents_inner {
  background-color:#ffffff;
  width:98%;
  padding-top:5px;
  padding-bottom:5px;
  margin:0px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius:10px;
}

.main_message {
  padding:5px;
}

/* --- ヘッダ --- */
#header h1 {
   padding: 0px;
}

#header h1 TABLE {
  width: 100%;
  border-collapse:collapse;
}

#header h1 TABLE td {
  padding: 0px;
}

.header_title_left {
  width: 20%;
  text-align: left;
}

.header_title_center {
  width: 55%;
  text-align: center;
  white-space: normal;
}

.header_title_right {
  width: 25%;
  text-align: right;
}

/* --- ヘッダ --- */
.header_login_date {
  font-size: 14px;
}

/* --- ヘッダの右部リンク --- */
.header_button_r  a {
  text-decoration:none;
  color:black !important;
}

.header_button_r:hover a {
  color:#dddddd !important;
}

.header_button_r img {
  position:relative;top:3px;
  cursor: pointer;
}

.header_button_r:hover img {
  filter: alpha(opacity=40);/*IE*/
  -moz-opacity:0.40;/*Firefox*/
  opacity:0.40;/*Opera,Safari*/
}

/*--- 明細 ---*/
.ui-listview>li>TABLE {
white-space: normal;
}

.DETAIL_TABLE {
  width:100%;
  table-layout:fixed; word-break:break-all; word-wrap:break-word;
}

.table_header {
  background-color:#b2c8ef;
  color:#000000;
  text-align: center;
}

.table_header_l {
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius:10px;
}

.table_header_r {
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius:10px;
}

.table_body {
  background-color:#eeeeee;
  text-align: center;
}

.table_body td {
  word-wrap:break-word;
  word-break:break-all;
}

.align_left {
  text-align: left;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

/* --- 日付背景色 --- */
.calendar_blue {
background-color:#b9d7ff;
}

.calendar_red {
background-color:#ffd7d7;
}

/* 必須アイコン */
.required {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff552b), color-stop(1, #ff7c5b));
    background:-moz-linear-gradient(top, #ff552b 5%, #ff7c5b 100%);
    background:-webkit-linear-gradient(top, #ff552b 5%, #ff7c5b 100%);
    background:-o-linear-gradient(top, #ff552b 5%, #ff7c5b 100%);
    background:-ms-linear-gradient(top, #ff552b 5%, #ff7c5b 100%);
    background:linear-gradient(to bottom, #ff552b 5%, #ff7c5b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff552b', endColorstr='#ff7c5b',GradientType=0);
    background-color:#ff552b;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    padding:1px 3px;
    text-decoration:none;
    color:#ffffff;
}


/* 表示ボタン */
@-webkit-keyframes bright {
  from { opacity:1; -webkit-box-shadow: 0 0 18px #ffffff; }
  50% { opacity:0.7; -webkit-box-shadow: 0 0 18px #0079EA; }
  to { opacity:1; -webkit-box-shadow: 0 0 18px #ffffff; }
}

.ds_button_anime {
  -webkit-animation-name: bright;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
}

/* ---おすすめポイントアイコン--- */
.work_condition {
  display: block;
  float:left;
  margin-right:4px;
  margin-bottom:2px;
  padding: 2px;
  color: #ffffff;
  font-size:12px;
  background: #ffb74b; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffb74b 0%, #ffa216 50%, #ffb74b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb74b), color-stop(50%,#ffa216), color-stop(100%,#ffb74b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffb74b 0%,#ffa216 50%,#ffb74b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffb74b 0%,#ffa216 50%,#ffb74b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffb74b 0%,#ffa216 50%,#ffb74b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffb74b 0%,#ffa216 50%,#ffb74b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb74b', endColorstr='#ffb74b',GradientType=0 ); /* IE6-9 */
  text-shadow:
  -1px -1px #FF9900,
  1px -1px #FF9900,
  -1px 1px #FF9900,
  1px 1px #FF9900;
}