@CHARSET "UTF-8";
body {
  font-family: "Meiryo", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "Osaka", sans-serif;
  font-size: 12pt;
  margin: 0px; /* ページ全体のmargin */
  padding: 0px; /* ページ全体のpadding */
}
table{
	border-spacing:0;
	border-collapse:collapse;
}
textarea {
  
}

td pre {
  padding: 2px;
}

rt {
  font-size: xx-small;
}

.comment {
  display: none;
}

/* ===== 全体 ===== */
.whole {
	/*ここでフォント指定しないと色々負けます*/
	font-family: "Meiryo", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "Osaka", sans-serif;
	background-color: white;
}

/* ===== ヘッダ ===== */
.whole .header {
  
}

.whole .header .page-logo {
  background-image: url("images/citylogo.jpg");
  background-repeat: no-repeat;
  background-position: right;
  width: 100%;
  height: 40px;
}

/* ===== ボディ ===== */
.whole .body {
  margin: 0 2em 0 2em;;
}

/* ===== フッタ ===== */
.whole .footer {
  margin: 1em 0 0 0;
  display: block;
  height: 85px;
  background-image: url("images/bg_foot.gif");
  text-align: center;
}

/* ===== リンク ===== */
.whole .body a:link {
  color: #1d3994;
  text-decoration: none;
}

.whole .body a:visited {
  color: #1d3994;
  text-decoration: none;
}

.whole .body a:hover {
  color: #b50101;
  text-decoration: underline;
}

a img {
  border: none;
}

span.accept {
  padding: 1px 0 1px 18px;
  background-image: url("images/accept.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

span.stop {
  padding: 1px 0 1px 18px;
  background-image: url("images/stop.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.available {
  padding: 1px 0 1px 18px;
  background-image: url("images/tick-shield.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.unavailable {
  padding: 1px 0 1px 18px;
  background-image: url("images/shield.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
  color: #888;
}

a.login {
  padding: 1px 0 1px 18px;
  background-image: url("images/door_in.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

span.download, a.download span {
  padding: 1px 0 1px 18px;
  background-image: url("images/page_white_text.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.download span.pdf {
  background-image: url("images/page_white_acrobat.png");
}

a.download span.xls {
  background-image: url("images/page_white_excel.png");
}

a.download span.xlsx {
  background-image: url("images/page_white_excel.png");
}

a.download span.doc {
  background-image: url("images/page_white_word.png");
}

a.download span.docx {
  background-image: url("images/page_white_word.png");
}

a.home {
  padding: 1px 0 1px 18px;
  background-image: url("images/house.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.logout {
  padding: 1px 0 1px 18px;
  background-image: url("images/door_out.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.favorites {
  padding: 1px 0 1px 18px;
  background-image: url("images/star.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.addFavorites {
  padding: 1px 0 1px 18px;
  background-image: url("images/add.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.switchView {
  padding: 1px 0 1px 18px;
  background-image: url("images/arrow_switch.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.delFavorites {
  padding: 1px 0 1px 18px;
  background-image: url("images/delete.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
}

a.go {
  padding: 1px 0 1px 18px;
  background-image: url("images/bullet_go.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 16px;
  width: 0px;
  overflow: hidden;
  display: block;
}

a.asc {
  padding: 1px 0 1px 18px;
  background-image: url("images/bullet_arrow_up.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

a.desc {
  padding: 1px 0 1px 18px;
  background-image: url("images/bullet_arrow_down.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

a.unord {
  padding: 1px 0 1px 18px;
  height: 16px;
}

a.vid {
  padding: 1px 0 1px 18px;
  background-image: url("images/film.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

span.asc {
  padding: 1px 0 1px 18px;
  background-image: url("images/bullet_arrow_up.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

span.desc {
  padding: 1px 0 1px 18px;
  background-image: url("images/bullet_arrow_down.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

span.vid {
  padding: 1px 0 1px 18px;
  background-image: url("images/film.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

span.thumbnails {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/photos.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;
}

a.show, span.show {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table.png");
  background-repeat: no-repeat;
  background-position: left center;
}

a.list, span.list {
  white-space: nowrap;
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_multiple.png");
  background-repeat: no-repeat;
  background-position: left center;
}

a.prepare,span.prepare {
  white-space: nowrap;
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_add.png");
  background-repeat: no-repeat;
  background-position: left center;
}

a.edit,span.edit {
  white-space: nowrap;
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_edit.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

a.cancel,span.cancel {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/cancel.png");
  background-repeat: no-repeat;
  background-position: left;
}

a.destroy {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_delete.png");
  background-repeat: no-repeat;
  background-position: left;
}

a.find {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/find.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;
}

a.thumbnail {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/photo.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;
}

a.print {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/printer.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

span.print {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/printer.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

button {
  height: 22px;
}

button span {
  font-size: 12px;
}

button .print {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/printer.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 16px;
}

code.path {
  font-size: small;
  white-space: nowrap;
}

/* 単位部分 */
span.amount_unit {
  font-size: 80%;
}

/* 賃料 */
span.label .rent {
  padding: 0 0 0 16px;
  background-image: url("images/i1.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

/* 共益費 */
span.label .commonCharge {
  padding: 0 0 0 16px;
  background-image: url("images/i2.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

/* 敷金 */
span.label .securityDeposit {
  padding: 0 0 0 16px;
  background-image: url("images/i3.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

/* 礼金 */
span.label .keyMoney {
  padding: 0 0 0 16px;
  background-image: url("images/i4.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

/* 駐車料 */
span.label .parkingCharge {
  padding: 0 0 0 16px;
  background-image: url("images/i6.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

span.label .builtOn {
  padding: 0 0 0 16px;
  background-image: url("images/built_on.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

span.label .roomLayout {
  padding: 0 0 0 16px;
  background-image: url("images/room_layout.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

span.label .thumbnails {
  padding: 0 0 0 16px;
  background-image: url("images/photos.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

span.label .vid {
  padding: 0 0 0 16px;
  background-image: url("images/film.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

span.label .dimensions {
  padding: 0 0 0 16px;
  background-image: url("images/dimensions.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

span.label .updatedAt {
  padding: 0 0 0 32px;
  background-image: url("images/updated_at.png");
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  display: block;
  overflow: hidden;
  width: 0;
}

.updated {
  color: red;
}

.updated A:link span {
  color: red;
  text-decoration: underline;
}

.updated A:hover span {
  color: #1d3994;
  text-decoration: underline;
}

.reserved-after .updated {
  color: white;
}

.created {
  color: red;
}

span.find,label.find {
  padding-left: 18px;
  background-image: url("images/find.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.telephone,label.telephone {
  padding-left: 18px;
  background-image: url("images/telephone.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.cellphone,label.cellphone {
  padding-left: 18px;
  background-image: url("images/phone.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.fax,label.fax {
  padding-left: 18px;
  background-image: url("images/fax.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.email,label.email {
  padding-left: 18px;
  background-image: url("images/email.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.email_edit,label.email_edit {
  padding-left: 18px;
  background-image: url("images/email_edit.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.email_go,label.email_go {
  padding-left: 18px;
  background-image: url("images/email_go.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.email_open,label.email_open {
  padding-left: 18px;
  background-image: url("images/email_open.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.email_delete,label.email_delete {
  padding-left: 18px;
  background-image: url("images/email_delete.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.user_add,label.user_add {
  padding-left: 18px;
  background-image: url("images/user_add.png");
  background-repeat: no-repeat;
  background-position: left;
}

span.reload,label.reload {
  padding-left: 18px;
  background-image: url("images/arrow_refresh.png");
  background-repeat: no-repeat;
  background-position: left;
}
div.clear {
  margin: 0;
  border: 0;
  parring: 0;
  clear: both;
}

div.operations {
  margin: 1em 0;
  padding: 4px;
  background-color: #eee;
  border: solid 1px #cfcfcf;
}

div.information {
  padding-left: 18px;
  background-image: url("images/information.png");
  background-repeat: no-repeat;
  background-position: left;
}

div.messages .info {
  padding-left: 18px;
  background-image: url("images/information.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 18px;
  line-height: 18px;
}

div.messages .warn {
  padding-left: 18px;
  background-image: url("images/error.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 18px;
  color: red;
  line-height: 18px;
}

div.error-messages {
  border: solid 2px #d00;
}

div.error-messages .title {
  background-color: #d00;
  color: #fff;
  font-weight: bold;
  font-size: x-large;
  padding: 2px;
}

div.error-messages .subtitle {
  background-color: #d00;
  color: #fff;
  font-weight: bold;
  padding: 2px;
}

div.error-messages .messages {
  color: #d00;
  margin: 0;
}

div .sessiontimer {
  margin-top: 5px;
  font-size: 11px;
  color: #888;
}

form .cancel {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/cancel.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .save {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_save.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .reset {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_undo.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .find {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/find.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .find_big {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/find.png");
  background-repeat: no-repeat;
  background-position: left;
  font-size: 180%;
}

form .go {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_go.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .add {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_row_insert.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .remove {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_row_delete.png");
  background-repeat: no-repeat;
  background-position: left;
}

form a.remove {
  display: block;
  height: 16px;
  width: 16px;
  padding: 0;
  background-image: url("images/table_row_delete.png");
  background-repeat: no-repeat;
  background-position: left;
}

form a.remove span {
  display: none;
}

form .copy {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/page_copy.png");
  background-repeat: no-repeat;
  background-position: left;
}

form a.up-to {
  display: block;
  height: 16px;
  width: 16px;
  padding: 0;
  background-image: url("images/arrow_up.png");
  background-repeat: no-repeat;
  background-position: left;
}

form a.up-to span {
  display: none;
}

form a.down-to {
  display: block;
  height: 16px;
  width: 16px;
  padding: 0;
  background-image: url("images/arrow_down.png");
  background-repeat: no-repeat;
  background-position: left;
}

form a.down-to span {
  display: none;
}

/* 自動車*/
form a.driving,a.driving {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/car.png");
  background-repeat: no-repeat;
  background-position: left;
  border: solid 1px trasparent;
  border: solid 1px #aaf;
  margin-right: 2px;
}

/* 徒歩 */
form a.walking,a.walking {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/walk.png");
  background-repeat: no-repeat;
  background-position: left;
  border: solid 1px #aaf;
  margin-right: 2px;
}
/* 地図 */
form a.map {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/map.png");
  background-repeat: no-repeat;
  background-position: left;
}

form a.route {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/map_magnify.png");
  background-repeat: no-repeat;
  background-position: left;
}

/* 往路 */
form a.outward,a.outward {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: left;
  border: solid 1px #aaf;
  margin-right: 2px;
}

/* 復路 */
form a.homeward,a.homeward {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_undo.png");
  background-repeat: no-repeat;
  background-position: left;
  border: solid 1px #aaf;
  margin-right: 2px;
}

form a.selected,a.selected {
  background-color: #ccf;
}

form .attach {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/attach.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .upload {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_up.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .download {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_down.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .backward {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_left.png");
  background-repeat: no-repeat;
  background-position: left;
}

form .forward {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: left;
}

/* ===== フォーム ===== */
form {
  
}

form button {
  font-size: medium;
}

form select { /*font-size: small;*/
  font-size: 100%;
  padding: 0;
  margin: 0.2em;
  border-width: 0;
  height: 17px;
}

form select optgroup {
  font-style: normal;
  background-color: #ddd;
}

form select optgroup option {
  background-color: #fff;
}

form label {
  cursor: pointer;
  padding: 4px;
}

form input[type=text] {
  height:20px;
}

form input.readonly {
  color: #333;
  color: #888;
}

form label.error {
  color: #f00;
  font-weight: bold;
}

form .errorMessage {
  color: #f00;
}

form input.error {
  background-color: #fcc;
  border: solid 1px #cfcfcf;
}

form textarea.error {
  background-color: #fcc;
}

form select.error {
  background-color: #fcc;
}

form .number {
  text-align: right;
  ime-mode: disabled;
}

form .number input[type=text] {
  text-align: right;
  ime-mode: disabled;
}

div#searchForm-block div.label_10 {
  width: 10em;
}

div#searchForm-block div.label_20 {
  margin-right: -1px;
  width: 20em;
}

div#searchForm-block div.label_30 {
  margin-right: -2px;
  width: 30em;
}

form .dijitDateTextBox INPUT[type=text] {
  ime-mode: disabled;
}

form .date {
  ime-mode: disabled;
  /*font-family: 'ＭＳ　ゴシック';*/
  width: 12ex;
}

form .date {
  ime-mode: disabled;
  /*font-family: 'ＭＳ　ゴシック';*/
  width: 8ex;
}

form .ascii {
  ime-mode: disabled;
}

form .ascii input[type=text] {
  ime-mode: disabled;
}

form .localized {
  ime-mode: active;
}

form .localized input[type=text] {
  ime-mode: active;
}

form .inactive {
  ime-mode: inactive;
}

form .inactive input[type=text] {
  ime-mode: inactive;
}

form .postNumber {
  width: 8ex;
}

/* ===== 表 素体 ===== */
td span.number {
  display: block;
  width: 100%;
  text-align: right;
}

td span.datetime {
  display: block;
  width: 100%;
  text-align: center;
}

td span.center {
  text-align: center;
}

td span.button {
  display: block;
  width: 100%;
  text-align: center;
}

/* ===== 表 一覧 ===== */
table.index,#foundRowsTableTitle table {
  border: solid 1px #cfcfcf;
  border-collapse: collapse;
  width: 100%;
}

table.index th,#foundRowsTableTitle th {
  border: solid 1px #cfcfcf;
  background-color: #eef;
  font-weight: bold;
  white-space: nowrap;
}

#foundRowsTableTitle th {
  vertical-align: top;
}
table.index tr{
  color: #333;
}
table.index td {
  border: solid 1px #cfcfcf;
  white-space: nowrap;
  word-break:break-all;
  word-wrap:break-word;
}

table.index td.number {
  text-align: right;
}

table.index td .number {
  text-align: right;
}

table tr.newer {
  background-color: #ffe0f0;
}

table tr.odd {
  background-color: #f9f9fb;
}

table tr.even {
  background-color: #fff;
}

table tr.selected {
  background-color: #fec;
}

table tr.late {
  color: #f33;
}

table tr.over {
  background-color: #dfd;
  color: #f33;
}
table tr.coution{
  background-color: #ffb266;
}

table tr.reserved { /*予約*/
  background-color: #aaeeff;
}

table tr.checked {
  background-color: #dfd;
}

table tr.changed {
  background-color: #ffffaa;
}

table tr.canceled {
  background-color: #ff3333;
}

table tr.end {
  background-color: #cfcfcf;
}

tr.multi-rows-first {
  border-top: solid 1px black;
}

tr.multi-rows-last {
  border-bottom: solid 1px black;
}

tr.multi-rows th {
  border-style: dotted;
}

tr.multi-rows td {
  border-style: dotted;
}

.index-table-cell .yui-dt-liner {
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ===== 表 募集賃料条件 ===== */
table.offerings {
  border-collapse: separate;
  border-spacing: 1px;
  border: 0;
  background-color: #cfcfcf;
}

table.offerings tr th {
  border-width: 0;
}

table.offerings tr td {
  border-width: 0;
  background-color: #fff;
}

table.offerings tr.contracted td { /* 決定（入居日有） */
  border-width: 2px 0 2px 0;
  border-top-color: #ffaacc;
  border-bottom-color: #ffaacc;
  background-color: #ffe0f0;
}

table.offerings tr.contracted.another td { /* 他条件 決定（入居日有） */
  background-color: #ffefff;
}

table.offerings tr.contracted-error td{ /*決定（入居日無）*/
  border-width: 2px 0 2px 0;
  border-top-color: #ff9016;
  border-bottom-color: #ff9016;
  background-color: #ffb266;
}

table.offerings tr.contracted-error.another td { /* 他条件 決定（入居日無）*/
  background-color: #ffc878;
}

table.offerings tr.monthly-reserved td { /*マンスリー予約*/
  border-width: 2px 0 2px 0;
  border-top-color: #00a4e6 ;
  border-bottom-color: #00a4e6 ;
  background-color: #42caff;
}
table.offerings tr.reserved-before td { /*予約（期日前）*/
  border-width: 2px 0 2px 0;
  border-top-color: #aaeeff;
  border-bottom-color: #aaeeff;
  background-color: #eff;
}

table.offerings tr.reserved-after td { /*予約（期日後）*/
  border-width: 2px 0 2px 0;
  border-top-color: #ff0000;
  border-bottom-color: #ff0000;
  background-color: #ff3333;
  /*color: white;*/
}

table.offerings tr.avoid td { /*家主決定/募集終了*/
  border-width: 2px 0 2px 0;
  border-top-color: #666;
  border-bottom-color: #666;
  background-color: #bbb;
}

table.offerings tr.avoid-suspend td { /*募集休止*/
  border-width: 2px 0 2px 0;
  border-top-color: #888;
  border-bottom-color: #888;
  background-color: #ddd;
}

table.offerings tr.canceled td { /*キャンセル*/
  border-width: 2px 0 2px 0;
  border-top-color: #99ff33;
  border-bottom-color: #99ff33;
  background-color: #bfff7f;
}

table.offerings tr.newest td { /*新規登録*/
  border-width: 2px 0 2px 0;
  border-top-color: #7fffbf;
  border-bottom-color: #7fffbf;
  background-color: #c0ffc0;
}

table.offerings tr.changed td { /*変更*/
  border-width: 2px 0 2px 0;
  border-top-color: #ffff33;
  border-bottom-color: #ffff33;
  background-color: #ffffaa;
}

table.offerings tr.contracted-move-in-error td { /*決定（入居日が入居可能日よりも以前のもの）*/
  border-width: 2px 0 2px 0;
  border-top-color: #f312e6;
  border-bottom-color: #f312e6;
  background-color: #e14cff;
}

table.offerings tr.another td {
  color: gray;
}
table.offerings-another-view{
	border-collapse: collapse;
}
table.offerings-another-view tr th{
	border-width: 2px 1px 2px 1px;
}
table.offerings tr.another-view td {
	border-width: 2px 1px 2px 1px;
	border-bottom-style: dashed;
}
table.offerings tr.another-view-last td {
	border-width: 2px 1px 2px 1px;
}
table.offerings tr.another-home td { /*同じ部屋の条件*/
  border-top-width: 1px;
  border-top-style: dashed;

}

.category_space {
  margin: 1em 0;
}

/* ===== 表 検索 ===== */
table.search {
  margin-top: 1em;
  margin-bottom: 1em;
  border: solid 1px #cbc;
  border-collapse: collapse;
  width: 100%;
}

table.search caption {
  font-weight: bold;
  text-align: justify;
  background: #DDE5EE;
  border: solid 1px #cfcfcf;
  border-bottom: 0;
  text-align: justify;
  padding: 2px;
}

table.search th {
  font-weight: normal;
  text-align: justify;
  background: #EDF5FF;
  border: solid 1px #cfcfcf;
  text-align: justify;
  background: #EDF5FF;
  border: solid 1px #cfcfcf;
  padding: 2px;
}

table.search td {
  border: solid 1px #cfcfcf;
  padding: 2px;
}

#foundRows table.offerings td,#foundRows table.offerings th {
  vertical-align: top;
}

form .indispensable .dijitInputInner {
  background-color: #fff6ab !important;
  /* background-color: red!important; */
}

form .form .indispensable .dijitButtonContents {
  background-color: #fff6ab !important;
  background-image: none;
  /* background-color: red!important; */
}

form .form .indispensable span {
  background-color: #fff6ab !important;
  /* background-color: red!important; */
}

.indispensableForm {
  background-color: #fff6ab !important;
  /* background-color: red!important; */
}

div button.searchButton {
  margin-top: 1px;
  margin-right: 3px;
  margin-bottom: 3px;
  height: 24px;
  width: 4em;
}

div button.clearButton {
  margin-top: 1px;
  margin-bottom: 3px;
  height: 24px;
  width: 4.5em;
}

td button.clearButton {
  width: 3.2em;
}
/* ===== 表 詳細 ===== */
table.show {
  margin-top: 1em;
  border: solid 1px black;
  border-color: #225;
  border-collapse: collapse;
  width: 100%;
}

table.show caption {
  text-align: left;
  background: #33c;
  color: #cfcfcf;
  font-weight: bold;
  border-width: 1px;
  border-color: #228;
  border-style: solid solid none solid;
  padding: 4px 4px 4px 4px;
}

table.show th {
  font-weight: normal;
  text-align: justify;
  border-style: dotted;
  border-width: 1px;
  border-color: #228;
  background: #e0f0ff;
  padding: 4px 4px 4px 4px;
}

table.show td {
  border: dotted 1px black;
  border-color: #228;
  padding: 2px;
}

table.show td span {
  font-family: sans-serif;
  margin: 0;
}

table.show td pre { /* font-family: sans-serif; */
  margin: 0;
}

table.show td span.timestamp {
  
}

table.show td div.number {
  width: 10ex;
  text-align: right;
}

table.show td span.timestamp {
  
}
/* ===== 表 投稿ユーザ、投稿日データ ===== */
table.showRecord {
  margin-left: auto;
  margin-right: 0px;
  font-size: 0.8em;
}

table.showRecord td {
  text-align: left;
}

table.showRecord th {
  text-align: right;
}

table.showRecord caption {
  height: 0px;
  visibility: hidden;
}

.yui-skin-sam .yui-dt .align-right {
  text-align: right;
}

.yui-skin-sam .yui-dt .align-left {
  text-align: left;
}

.yui-skin-sam .yui-dt .align-center {
  text-align: center;
}

/* ===== 表 編集 ===== */
table.form {
  margin-top: 1em;
  border: 1px solid #5A6153;
  border-collapse: collapse;
  width: 100%;
}

table.form caption {
  text-align: left;
  font-weight: bold;
  background-color: #89947f;
  color: white;
  border: 1px solid #5a6153;
  border-bottom: none;
  padding: 4px;
}

table.form th { /* text-align: right; */
  font-weight: normal;
  text-align: justify;
  border: 1px solid #5A6153;
  background: #D7E7C8;
  padding: 4px 4px 4px 4px;
  background: #D7E7C8;
}

table.form th.group-title {
  background-color: #89947F;
  color: #FFFFFF;
  font-weight: bold;
}

table.form td {
  border: 1px solid #5A6153;
  padding: 2px;
}

table.form td table th {
  border-left: 0;
}

table.form td table tr.top th {
  border-top: 0;
}

table.form td table tr.bottom th {
  border-bottom: 0;
}

table.form td table tr.top td {
  border-top: 0;
}

table.form td table tr.bottom td {
  border-bottom: 0;
}

table.form td div.number {
  text-align: right;
}

table.form input[type=checkbox] {
  height: 16px;
  vartical-align: middle;
  /*font-family: "ＭＳ ゴシック";*/
}

table.form select { /* font-family: monospace; */
  font-size: 100%;
  /* padding: 1px; */
}

table.form textarea { /* font-family: monospace;*/
  width: 20em;
  height: 3em;
}

table td div.fill {
  padding-right: 6px; 
  overflow: hidden;
}

table td div.fill .dijitTextBox {
  width: 98%;
}

table td div.fill-select {
  
}

table td div.fill input {
  width: 98%;
}

table td div.fill-select select {
  width: 100%;
}

table td div.fill textarea {
  width: 100%;
}

/* ----- 入れ子テーブル ----- */
table.form td.inner-form-container {
  padding: 0;
}

table.form table.inner-form {
  border: 0;
}

table.form table.inner-form td,table.form table.inner-form th {
  border: 0;
  padding: 0;
  margin: 0;
  background: inherit;
}

table.form .yui-checkbox-button em {
  display: block;
  text-decoration: none;
  width: 10em;
}

/* 行 ハイライト*/
table tbody tr.highlight {
  background-color: #fefeda
}

table tbody tr.focus {
  background-color: #8ac
}

.yui-dialog table {
  margin: 0;
}

/*空き待ちテーブル*/
table.waitingReservation{
	border:solid #ff0000 4px;
}
table.waitingReservation caption:before{
	content:'！';
	color:#ff0000;
	font-size:1.75em;
	line-height:1em;
	font-weight:bold;
	margin-left:-0.25em;
	height:1em;
}

form .button-popup-calendar {
  padding: 0;
}

form .button-popup-calendar .edit-calendar {
  background-image: url("images/date_edit.png");
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  width: 16px;
  height: 16px;
  display: block;
}

form button .clear-date {
  background-image: url("images/date_delete.png");
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  width: 16px;
  height: 16px;
}

/* ===== A ===== */
A .disabled {
  color: #c0c0c0;
}

/* ===== コンテキストメニュー ===== */
.yuimenu ul li.show a {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table.png");
  background-repeat: no-repeat;
  background-position: left;
}

.yuimenu ul li.edit a {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_edit.png");
  background-repeat: no-repeat;
  background-position: left;
}

.yuimenu ul li.destroy a {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_delete.png");
  background-repeat: no-repeat;
  background-position: left;
}

/* ===== メニュー ===== */
.menu {
  
}

.menu .menu-list { /* display: inline; */
  
}

.menu .menu-list li {
  display: inline;
  /*
                        width: 12em;
                        border: outset;*/
}

.menu-list li {
  display: inline;
}

/* ===== QRメニュー ===== */
div#QRcode table tbody tr td {
  border-bottom: 1px dotted #AAA;
}

div#QRcode table tbody tr td a {
  text-decoration: none;
}

/* ===== ページ送り ===== */
.body .paginate-navigate div.page-link {
  float: left;
  width: 3em;
  padding: 1px;
}

.body .paginate-navigate span {
  background-color: #ffc;
  padding: 1px;
  display: block;
  padding-right: 1px;
  text-align: center;
}

.body .paginate-navigate span.disabled {
  color: #cfcfcf;
  border: solid 1px #cfcfcf;
}

.body .paginate-navigate span.current {
  font-weight: bold;
  background-color: #fc3;
  border: solid 1px #ffcc33;
}

.body .paginate-navigate span a {
  border: solid 1px #ffcc33;
  color: #888;
  text-decoration: none;
  display: block;
  width: 100%;
}

.body .paginate-navigate span a:hover {
  border: outset 1px #ffcc33;
  color: black;
  text-decoration: none;
  font-weight: bold;
}

ul.inline { /* margin: 2px 2px 2px 2px; */
  
}

ul.inline li {
  padding: 2px;
  /* margin: 0 0 2px 0.5em; */
  display: inline;
  list-style: none;
  font-size: small;
  border: solid 1px #cfcfcf;
  white-space: nowrap;
}

div.flow-info {
  
}

div.flow-info ul.inline {
  margin: 0px;
  padding: 4px 0;
}

div.flow-info ul.inline li {
  margin: 1px;
  padding: 2px 1em 2px 1em;
  font-size: large;
  background-color: #cfcfcf;
  border: solid 1px #aaa;
}

div.flow-info ul.inline li.flow {
  color: #8a8;
  background-color: #efe;
  border: solid 1px #aca;
}

div.flow-info ul.inline li.root {
  color: #333;
  background-color: #efe;
  border: solid 1px #aca;
}

div.flow-info ul.inline li.depth_0 {
  color: #333;
  background-color: #efe;
  border: solid 1px #aca;
  font-size: large;
}

div.flow-info ul.inline li.state {
  background-color: #cec;
  border: solid 1px #aca;
  color: 333;
}

/* ===== パンくずリスト ===== */
.breadcrumbs ul {
  padding: 0;
  margin: 1em 0 1em 0;
}

.breadcrumbs ul li {
  display: inline;
  list-style: none;
}

.breadcrumbs ul li a {
  padding: 4px;
  padding-left: 18px;
  background-image: url("images/bullet_green.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: #eef;
  height: 16px;
  border: solid 1px #ccf;
  text-decoration: none;
}

.breadcrumbs ul li a:hover {
  border: outset 1px #eef;
}

.fields {
  margin: 1em 0 1em 0;
}

.fields .field {
  clear: both;
  border-bottom: dotted 1px #cfcfcf;
}

.fields .field .label {
  float: left;
  width: 7em;
}

.fields .field .value {
  float: left;
}

/* 募集賃料条件簡易テーブル FIXME */
div.simple-offering {
  float: left;
  border: solid 1px #eaa;
  margin: 1px;
}

div.simple-offering div.title {
  padding: 2px;
}

div.simple-offering simple-offering-foundRows {
  
}

/* popup */
div.popup {
  
}

div.popup .messages {
  
}

div.popup a.operation {
  margin: 5px;
}

/* YUI AutoComplete */
.yui-skin-sam td .yui-ac-input {
  position: relative;
}

.yui-ac .yui-button button {
  background: url("images/ac-arrow-rt.png") no-repeat scroll center center transparent;
  font-size: 50%;
}

.yui-ac .open .yui-button button {
  background: url("images/ac-arrow-dn.png") no-repeat scroll center center transparent;
  font-size: 50%;
}

/* dojo */
.dijitDialog .save {
  padding: 2px;
  padding-left: 18px;
  background-image: url("images/table_save.png");
  background-repeat: no-repeat;
  background-position: left;
}

.key {
  background-image: url("images/Key-icon_24x24.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 26px;
  height: 26px;
}

.padlock {
  background-image: url("images/Keys-icon_24x24.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 26px;
  height: 26px;
}

.iconOwner {
  background-image: url("images/onner_24x24.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 26px;
  height: 26px;
}
.iconAgency {
  background-image: url("images/company_24x24.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 26px;
  height: 26px;
}
.iconTopic {
  background-image: url("images/topic_24x24.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 25px;
  height: 26px;
}

.iconCancel {
  background-image: url("images/cancel.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconEdit {
  background-image: url("images/table_edit.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconRefresh {
  background-image: url("images/arrow_refresh_small.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconDisable {
  background-image: url("images/shield.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconEnable {
  background-image: url("images/tick-shield.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconUpload {
  background-image: url("images/arrow_up.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconUpload {
  background-image: url("images/arrow_down.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconBackward {
  background-image: url("images/arrow_left.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconForeward {
  background-image: url("images/arrow_right.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconAttach {
  background-image: url("images/attach.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconSave {
  background-image: url("images/table_save.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconReset {
  background-image: url("images/arrow_undo.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconFind {
  background-image: url("images/find.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconGo {
  background-image: url("images/table_go.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconCopy {
  background-image: url("images/page_copy.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconAdd {
  background-image: url("images/table_row_insert.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconAccept {
  background-image: url("images/accept.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconStop {
  background-image: url("images/stop.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

.iconXls {
  background-image: url("images/page_white_excel.png");
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
  width: 18px;
  height: 18px;
}

#searchForm-block table caption,#searchForm-block .toggle_menu {
  padding: 7px;
}

.dj_webkit .dijitTextBoxDisabled INPUT {
	color: #bebebe!important;
}
button:focus{
	outline:none;
}

/* ----------dojo------------- */