@CHARSET "UTF8";

/* {{{ *Tags* */
table {
  border-collapse: collapse;
}

input[type="password"],
input[type="text"] {
  vertical-align: middle;
}

textarea,
input[type="password"],
input[type="text"] {
  font-size: 12px;
  padding: 5px;
  margin: 5px auto;
  border: solid 1px #aaaaaa;
  -moz-border-radius: 5px;
  -moz-box-shadow:
    inset 1px 1px 3px rgba(0, 0, 0, 0.3)
  ;
}

input[type="file"] {
  font-size: 12px;
  padding: 5px;
  margin: 7px auto;
  border: solid 1px #aaaaaa;
  -moz-border-radius: 5px;
  -moz-box-shadow:
    inset 1px 1px 3px rgba(0, 0, 0, 0.3)
  ;
}

textarea:focus,
input[type="password"]:focus,
input[type="text"]:focus {
  border: solid 1px #0080ff;
  -moz-box-shadow:
    inset 1px 1px 3px rgba(0, 0, 0, 0.3)
    , 0 0 5px rgba(32, 92, 255, 1)
  ;
}

textarea[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
select[readonly]{
  background-color: #eeeeee;
}

textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
select[disabled] {
  background-color: #dddddd;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 5px 0.5em;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  -moz-box-shadow:
    0 0 5px rgba(32, 92, 255, 1)
  ;
}

input[type="submit"].hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  outline: none;
  visibility: hidden;
}

input[type="text"].datepicker {
  width: 75px;
  text-align: center;
}

input[type="text"].minimum {
  width: 10%;
}

input[type="text"].short {
  width: 25%;
}

input[type="text"].medium {
  width: 50%;
}

input[type="text"].large {
  width: 75%;
}

input[type="text"].maximum {
  width: 90%;
}

input[type="text"].id,
input[type="text"].code,
input[type="text"].number {
  width: 5em;
}

input[type="text"].price,
input[type="text"].rate {
  width: 7.5em;
}

input[type="text"].name {
  width: 10em;
}

input[type="text"].account {
  width: 10em;
}

input[type="password"].password {
  width: 75%;
}

input[type="text"].name-long,
input[type="text"].email,
input[type="text"].title,
input[type="text"].address {
  width: 75%;
}

input[type="text"].zipcode-first {
  width: 3em;
}

input[type="text"].zipcode-second {
  width: 4em;
}

input[type="text"].phone {
  width: 4em;
}

input[type="text"].url {
  width: 95%;
}

label {
  display: inline-block;
  vertical-align: middle;
}

label > * {
  vertical-align: middle;
}

label > input[type="radio"],
label > input[type="checkbox"] {
  margin: 10px 0 10px 0.5em;
}

select {
  padding: 5px;
  margin: 5px auto;
  border: solid 1px #aaaaaa;
  outline: none;
  -moz-border-radius: 5px;
  -moz-box-shadow:
    inset -1px -1px 3px rgba(0, 0, 0, 0.3)
  ;
}

select[size] {
  -moz-box-shadow:
    inset 1px 1px 3px rgba(0, 0, 0, 0.3)
  ;
}

select:focus {
  border: solid 1px #0080ff;
  -moz-box-shadow:
    inset 1px 1px 3px rgba(0, 0, 0, 0.3)
    , 0 0 5px rgba(32, 92, 255, 1)
  ;
}

select > option {
  margin: 3px 5px;
  vertical-align: middle;
  outline: none;
}

select > optgroup > option {
  margin: 3px 5px 3px 10px;;
  vertical-align: middle;
  outline: none;
}

fieldset {
  position: relative;
  padding: 2em 10px 10px 10px;
  margin: 2em auto 30px auto;
  border: none;
  -moz-border-radius: 10px;
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);
}

fieldset legend {
  top: -1em;
  padding: 0 10px;
  font-size: 1.2em;
  font-family: "ＤＦＰ太丸ゴシック体", "DFMaruGothic-SB-MP-RKSJ-H", sans-serif;
  font-weight: bold;
  height: 2em;
  line-height: 2em;
  border: none;
  vertical-align: middle;
  background-color: #ffffff;
  cursor: default;
  -moz-border-radius: 1em;
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

fieldset.closed > * {
  display: none;
}

fieldset.closed > legend {
  display: block;
}

div.ui-effects-wrapper {
  margin: auto !important;
}

/* *Tags* }}} */

/* {{{ Layout */
div#body {
  margin-bottom: 50px;
}


div#body h1.title {
  background-color: #EEEEEE;
  border-bottom: 7px solid #CCCCCC;
  padding: 7px 10px;
  font-size: 1.6em;
  margin-bottom: 15px;
  color: #444444;
  font-weight: normal;
}

div#message {
  width: 100%;
  font-size: 17.5px;
}

div#high-amount {
    width: 100%;
    font-size: 24px;
    padding-top: 30px;
}

div#not-found {
  bottom: 24px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding-top: 30px;
  margin: 0 auto;
}

/* Layout }}} */

/* {{{ Content */

/* {{{ Table */

/* {{{ result-list */

table.result-list {
  border-collapse: collapse;
  margin: 10px auto;
}

table.result-list > caption {
  font-size: 1.5em;
  font-weight: bold;
  padding: 5px;
  border: solid 1px #cccccc;
  border-bottom: none;
  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 15px !important;
  background-color: #e8e8e8;
}

table.result-list > thead > tr > th > div.layout,
table.result-list > tbody > tr > td > div.layout,
table.result-list > tfoot > tr > th > div.layout {
  padding: 5px 10px;
}

table.result-list > thead > tr > th,
table.result-list > tfoot > tr > th {
  border: solid 1px #cccccc;
  background-color: #e8e8e8;
}

table.result-list > thead > tr > th > div.layout > p,
table.result-list > tfoot > tr > th > div.layout > p {
  text-align: center;
}

table.result-list > thead > tr > th > div.layout.inline-left > p,
table.result-list > tfoot > tr > th > div.layout.inline-left > p {
  text-align: left;
}

table.result-list > thead > tr > th > div.layout.inline-right > p,
table.result-list > tfoot > tr > th > div.layout.inline-right > p {
  text-align: right;
}

table.result-list > tbody > tr > th {
  border: solid 1px #cccccc;
  background-color: #e0e0e0;
}

table.result-list > tbody > tr > td {
  border: solid 1px #cccccc;
  background-color: #f5f5f5;
}

table.result-list > tbody > tr.hover > th,
table.result-list > tbody > tr:hover > th {
  background-color: #ffc0e0 !important;
}

table.result-list > tbody > tr.hover > td,
table.result-list > tbody > tr:hover > td {
  background-color: #ffd0e8 !important;
}

table.result-list > tbody > tr.row-cycle-0 > th {
  border: solid 1px #cccccc;
  background-color: #c0ffe0;
}

table.result-list > tbody > tr.row-cycle-0 > td {
  border: solid 1px #cccccc;
  background-color: #d0ffe8;
}

table.result-list > tbody > tr.row-cycle-1 > th {
  border: solid 1px #cccccc;
  background-color: #c0e0ff;
}

table.result-list > tbody > tr.row-cycle-1 > td {
  border: solid 1px #cccccc;
  background-color: #d0e8ff;
}

table.result-list > tbody > tr.checked > th {
  background-color: #ffe0c0;
}

table.result-list > tbody > tr.checked > td {
  background-color: #ffe8d0;
}

table.result-list > tbody > tr:hover > th,
table.result-list > tbody > tr:hover > td {
}

table.result-list > tbody > tr.edited > th,
table.result-list > tbody > tr.edited > td {
  border: solid 1px #000000 !important;
}

table.result-list > tfoot > tr > th.normal {
  font-weight: normal;
}

table.menu > tbody > tr > td {
  padding: 20px;
}

/* result-list }}} */

/* {{{ detail-list */

table.detail-list {
  width: 650px;
  border-collapse: collapse;
  margin: 10px auto;
}

table.detail-list > caption {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  border: solid 1px #cccccc;
  border-bottom: none;
  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 15px !important;
  background-color: #e8e8e8;
}

table.detail-list > tbody > tr > th > div.layout,
table.detail-list > tbody > tr > td > div.layout {
  padding: 5px 10px;
}

table.detail-list > tbody > tr > th {
  width: 35%;
  border: solid 1px #cccccc;
  background-color: #e0e0e0;
}

table.detail-list > tbody > tr > td {
  width: 65%;
  border: solid 1px #cccccc;
  background-color: #f0f0f0;
}

table.detail-list > tbody > tr.hover > th,
table.detail-list > tbody > tr:hover > th {
  background-color: #ffb090 !important;
}

table.detail-list > tbody > tr.hover > td,
table.detail-list > tbody > tr:hover > td {
  background-color: #ffc0a0 !important;
}

/* detail-list }}} */

/* {{{ input-list */

table.input-list {
  width: 650px;
  border-collapse: collapse;
  margin: 10px auto;
}

table.input-list > caption {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  border: solid 1px #cccccc;
  border-bottom: none;
  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 15px !important;
  background-color: #e8e8e8;
}

table.input-list > tbody {
}

table.input-list > tbody > tr {
}

table.input-list > tbody > tr {
}

table.input-list > tbody > tr > th,
table.input-list > tbody > tr > td {
}

table.input-list > tbody > tr > th {
  width: 27%;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  border: solid 1px #cccccc;
  background-color: #e8e8e8;
}

table.input-list > tbody > tr > td {
  width: 73%;
  vertical-align: top;
  border: solid 1px #cccccc;
  background-color: #f5f5f5;
}

table.input-list > tbody > tr > th > div.layout,
table.input-list > tbody > tr > td > div.layout {
  padding: 2px 5px;
}

table.input-list > tbody > tr > th > div.layout {
  margin-top: 12px;
}

table.input-list > tbody > tr > th > div.layout > p {
  margin-right: 40px;
}

table.input-list > tbody > tr > td > div.layout > p.label {
  height: 36px;
  line-height: 36px;
}

table.input-list > tbody > tr > td > div.layout > p > span.clear {
  display: inline-block;
  margin-left: 5px;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #cccccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  cursor: pointer;
}

table.input-list > tbody > tr > td > div.layout > p > span.clear:hover {
  background-color: #aaaaaa;
}

table.input-list > tbody > tr.required > th > div.layout > p:after {
  width: 37px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0.85em;
  font-weight: normal;
  content: '必須';
  margin-top: -5px;
  margin-right: -40px;
  margin-left: 3px;
  padding: 1px 0 3px 0;
  color: #ffffff;
  background-color: #ff0000;
  -moz-border-radius: 5px;
}

table.input-list > tbody > tr.required > th > div.layout > p:after, x:-moz-any-link {
  margin-top: -3px;
  padding-bottom: 2px;
}

table.input-list > tbody > tr.condition > th > div.layout > p:after {
  width: 37px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0.85em;
  font-weight: normal;
  content: '条件';
  margin-top: -5px;
  margin-right: -40px;
  margin-left: 3px;
  padding: 1px 0 3px 0;
  color: #ffffff;
  background-color: #ff8000;
  -moz-border-radius: 5px;
}

table.input-list > tbody > tr.condition > th > div.layout > p:after, x:-moz-any-link {
  margin-top: -3px;
  padding-bottom: 2px;
}

/* input-list }}} */

/* {{{ confirm-list */

table.confirm-list {
  width: 650px;
  border-collapse: collapse;
  margin: 10px auto;
}

table.confirm-list > caption {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  border: solid 1px #cccccc;
  border-bottom: none;
  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 15px !important;
  background-color: #e8e8e8;
}

table.confirm-list > tbody {
}

table.confirm-list > tbody > tr {
}

table.confirm-list > tbody > tr {
}

table.confirm-list > tbody > tr > th,
table.confirm-list > tbody > tr > td {
}

table.confirm-list > tbody > tr > th {
  width: 35%;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  border: solid 1px #cccccc;
  background-color: #e8e8e8;
}

table.confirm-list > tbody > tr > td {
  width: 65%;
  vertical-align: top;
  border: solid 1px #cccccc;
  font-size: 1.2em;
  background-color: #f5f5f5;
}

table.confirm-list > tbody > tr > th > div.layout,
table.confirm-list > tbody > tr > td > div.layout {
  padding: 5px 5px;
}

table.confirm-list > tbody > tr > th > div.layout {
}

table.confirm-list > tbody > tr > th > div.layout > p {
}

table.confirm-list > tbody > tr > td > div.layout > p {
}

table.confirm-list > tbody > tr > td > div.layout > dl {
}

table.confirm-list > tbody > tr > td > div.layout > dl.id-name-list {
  width: 100%;
}

table.confirm-list > tbody > tr > td > div.layout > dl.id-name-list > dt {
  width: 15%;
  display: inline-block;
  text-align: center;
}

table.confirm-list > tbody > tr > td > div.layout > dl.id-name-list > dd {
  width: 80%;
  display: inline-block;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
}

/* confirm-list }}} */

/* {{{ full-width-list */

table.full-width-list {
  width: 1260px;
  border-collapse: collapse;
  margin: 10px auto;
}

table.full-width-list > caption {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  border: solid 1px #cccccc;
  border-bottom: none;
  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 15px !important;
  background-color: #e8e8e8;
}

table.full-width-list > tbody > tr > th {
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  border: solid 1px #cccccc;
  font-size: 0.8em;
  background-color: #e8e8e8;
}

table.full-width-list > tbody > tr > th > div.moshimo {
  background-color: #eaf1dd;
}

table.full-width-list > tbody > tr > th > div.enduser {
  background-color: #dbeef3;
}

table.full-width-list > tbody > tr > td {
  vertical-align: top;
  border: solid 1px #cccccc;
  font-size: 0.8em;
  background-color: #f5f5f5;
}

table.full-width-list > tbody > tr > td > div.moshimo {
  background-color: #eaf1dd;
}

table.full-width-list > tbody > tr > td > div.enduser {
  background-color: #dbeef3;
}

table.full-width-list > tbody > tr > th > div.layout,
table.full-width-list > tbody > tr > td > div.layout {
  padding: 5px 5px;
}

/* full-width-list }}} */

/* Table }}} */

/* Content }}} */


/* {{{ *Common* */

/* {{{ Pager */

div.pager {
  margin: 5px auto;
}

div.pager > p {
}

div.pager > p > a,
div.pager > p > span {
  display: inline-block !important;
  height: 16px !important;
  padding: 5px 10px !important;
  line-height: 16px !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  outline: none !important;
  color: rgba(0, 0, 0, 0.9) !important;
  border: solid 1px #cccccc !important;
  background-color: #c0c0c0;
  margin-right: -5px;
}

div.pager > p > a:first-child,
div.pager > p > span:first-child {
  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-bottomleft: 15px !important;
}

div.pager > p > a:last-child,
div.pager > p > span:last-child {
  -moz-border-radius-topright: 15px !important;
  -moz-border-radius-bottomright: 15px !important;
  margin-right: 0;
}

div.pager > p > a:hover,
div.pager > p > a:focus {
  background: #eeeeee !important;
}

div.pager > p > a:active {
  background-color: #c0c0c0 !important;
}

div.pager > p > span.first,
div.pager > p > span.previous,
div.pager > p > span.next,
div.pager > p > span.last,
div.pager > p > span.leader {
  color: #aaaaaa !important;
}

div.pager > p > span.current {
  color: #ff0000 !important;
  font-weight: bold !important;
}

div.hit-result {
  margin: 5px auto -6px auto;
  text-align: center;
}

div.hit-result > p {
  display: inline-block;
  padding: 5px 30px;
  line-height: 16px;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.9);
  border: solid 1px #cccccc;
  -moz-box-shadow: inset 4px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
}

/* Pager }}} */

/* {{{ Error List */

div.error-list {
  width: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: solid 3px #ff8000;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffe0c0;
}

div.error-list ul {
  list-style: disc;
  margin-top: 1em;
  margin-left: 2em;
}

/* Error List }}} */

/* {{{ Menu - Simple */
input.menu {
  text-align: center;
  display: inline-block !important;
  height: 100px !important;
  width: 500px;
  margin: 5px auto !important;
  padding: 5px 10px !important;
  line-height: 100px !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  white-space: nowrap;
  outline: none !important;
  color: rgba(0, 0, 0, 0.9) !important;
  font-weight: normal;
  border: solid 1px rgba(0, 0, 0, 0.5) !important;
  -moz-border-radius: 5px !important;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
  background-color: #c0c0c0 !important;
  font-size: 3em;
}

input.menu:hover,
input.menu:focus {
  background-color: #80c0ff !important;
  cursor: pointer !important;
}

input.menu:active {
  background-color: #c0c0c0 !important;
  cursor: default !important;
}

input.menu.readonly,
input.menu.readonly:hover,
input.menu.readonly:focus,
input.menu.readonly:active {
  background-color: #c0c0c0 !important;
  cursor: default !important;
}

input.menu.disabled,
input.menu.disabled:hover,
input.menu.disabled:focus,
input.menu.disabled:active {
  color: rgba(0, 0, 0, 0.4) !important;
  background-color: #dddddd !important;
  cursor: default !important;
}

/* Menu - Simple }}} */

/* {{{ Normal - Simple */
input.normal {
  text-align: center;
  display: inline-block !important;
  margin: 5px auto !important;
  padding: 5px 10px !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  white-space: nowrap;
  outline: none !important;
  color: rgba(0, 0, 0, 0.9) !important;
  font-weight: normal;
  border: solid 1px rgba(0, 0, 0, 0.5) !important;
  -moz-border-radius: 5px !important;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
  background-color: #c0c0c0 !important;
  font-size: 1.2em;
}

input.normal:hover,
input.normal:focus {
  background-color: #80c0ff !important;
  cursor: pointer !important;
}

input.normal:active {
  background-color: #c0c0c0 !important;
  cursor: default !important;
}

input.normal.readonly,
input.normal.readonly:hover,
input.normal.readonly:focus,
input.normal.readonly:active {
  background-color: #c0c0c0 !important;
  cursor: default !important;
}

input.normal.disabled,
input.normal.disabled:hover,
input.normal.disabled:focus,
input.normal.disabled:active {
  color: rgba(0, 0, 0, 0.4) !important;
  background-color: #dddddd !important;
  cursor: default !important;
}

/* Normal - Simple}}} */

/* {{{ Bold - Simple */
input.bold {
  text-align: center;
  display: inline-block !important;
  margin: 5px auto !important;
  padding: 5px 10px !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  white-space: nowrap;
  outline: none !important;
  color: rgba(0, 0, 0, 0.9) !important;
  font-weight: bold;
  border: solid 1px rgba(0, 0, 0, 0.5) !important;
  -moz-border-radius: 5px !important;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
  background-color: #c0c0c0 !important;
  font-size: 1.2em;
}

input.bold:hover,
input.bold:focus {
  background-color: #80c0ff !important;
  cursor: pointer !important;
}

input.bold:active {
  background-color: #c0c0c0 !important;
  cursor: default !important;
}

input.bold.readonly,
input.bold.readonly:hover,
input.bold.readonly:focus,
input.bold.readonly:active {
  background-color: #c0c0c0 !important;
  cursor: default !important;
}

input.bold.disabled,
input.bold.disabled:hover,
input.bold.disabled:focus,
input.bold.disabled:active {
  color: rgba(0, 0, 0, 0.4) !important;
  background-color: #dddddd !important;
  cursor: default !important;
}

/* Bold - Simple}}} */

/* {{{ Width - Pixel */

.w5px {
  width: 5px;
}

.w10px {
  width: 10px;
}

.w15px {
  width: 15px;
}

.w20px {
  width: 20px;
}

.w25px {
  width: 25px;
}

.w30px {
  width: 30px;
}

.w40px {
  width: 40px;
}

.w50px {
  width: 50px;
}

.w60px {
  width: 60px;
}

.w70px {
  width: 70px;
}

.w80px {
  width: 80px;
}

.w90px {
  width: 90px;
}

.w100px {
  width: 100px;
}

.w110px {
  width: 110px;
}

.w120px {
  width: 120px;
}

.w130px {
  width: 130px;
}

.w140px {
  width: 140px;
}

.w150px {
  width: 150px;
}

.w160px {
  width: 160px;
}

.w170px {
  width: 170px;
}

.w180px {
  width: 180px;
}

.w190px {
  width: 190px;
}

.w200px {
  width: 200px;
}

.w250px {
  width: 250px;
}

.w300px {
  width: 300px;
}

.w350px {
  width: 350px;
}

.w400px {
  width: 400px;
}

.w450px {
  width: 450px;
}

.w500px {
  width: 500px;
}

.w550px {
  width: 550px;
}

.w600px {
  width: 600px;
}

.w650px {
  width: 650px;
}

.w700px {
  width: 700px;
}

.w750px {
  width: 750px;
}

.w800px {
  width: 800px;
}

.w850px {
  width: 850px;
}

.w900px {
  width: 900px;
}

.w950px {
  width: 950px;
}

.w1000px {
  width: 1000px;
}

/* Width - Pixel }}} */

/* {{{ Width - Percent */

.w100per {
  width: 100% !important;
}

.w95per {
  width: 95% !important;
}

.w90per {
  width: 90% !important;
}

.w85per {
  width: 85% !important;
}

.w80per {
  width: 80% !important;
}

.w75per {
  width: 75% !important;
}

.w70per {
  width: 70% !important;
}

.w65per {
  width: 65% !important;
}

.w60per {
  width: 60% !important;
}

.w55per {
  width: 55% !important;
}

.w50per {
  width: 50% !important;
}

.w45per {
  width: 45% !important;
}

.w40per {
  width: 40% !important;
}

.w35per {
  width: 35% !important;
}

.w33per {
  width: 33% !important;
}

.w30per {
  width: 30% !important;
}

.w25per {
  width: 25% !important;
}

.w20per {
  width: 20% !important;
}

.w15per {
  width: 15% !important;
}

.w10per {
  width: 10% !important;
}

.w5per {
  width: 5% !important;
}

/* Width - Percent }}} */

/* {{{ Width - Rate */

.w1-1 {
  width: 100% !important;
}

.w1-2 {
  width: 50% !important;
}

.w2-2 {
  width: 100% !important;
}

.w1-3 {
  width: 33.3% !important;
}

.w2-3 {
  width: 66.6% !important;
}

.w3-3 {
  width: 100% !important;
}

.w1-4 {
  width: 25% !important;
}

.w2-4 {
  width: 50% !important;
}

.w3-4 {
  width: 75% !important;
}

.w4-4 {
  width: 100% !important;
}

.w1-5 {
  width: 20% !important;
}

.w2-5 {
  width: 40% !important;
}

.w3-5 {
  width: 60% !important;
}

.w4-5 {
  width: 80% !important;
}

.w5-5 {
  width: 100% !important;
}

.w1-6 {
  width: 16.6% !important;
}

.w2-6 {
  width: 33.3% !important;
}

.w3-6 {
  width: 50% !important;
}

.w4-6 {
  width: 66.6% !important;
}

.w5-6 {
  width: 83.3% !important;
}

.w6-6 {
  width: 100% !important;
}

/* Width - Rate }}} */

/* {{{ Width - EM */

.w100em {
  width: 100em !important;
}

.w95em {
  width: 95em !important;
}

.w90em {
  width: 90em !important;
}

.w85em {
  width: 85em !important;
}

.w80em {
  width: 80em !important;
}

.w75em {
  width: 75em !important;
}

.w70em {
  width: 70em !important;
}

.w65em {
  width: 65em !important;
}

.w60em {
  width: 60em !important;
}

.w55em {
  width: 55em !important;
}

.w50em {
  width: 50em !important;
}

.w45em {
  width: 45em !important;
}

.w40em {
  width: 40em !important;
}

.w35em {
  width: 35em !important;
}

.w30em {
  width: 30em !important;
}

.w25em {
  width: 25em !important;
}

.w20em {
  width: 20em !important;
}

.w15em {
  width: 15em !important;
}

.w10em {
  width: 10em !important;
}

.w9em {
  width: 9em !important;
}

.w8em {
  width: 8em !important;
}

.w7em {
  width: 7em !important;
}

.w6em {
  width: 6em !important;
}

.w5em {
  width: 5em !important;
}

.w4em {
  width: 4em !important;
}

.w3em {
  width: 3em !important;
}

.w2em {
  width: 2em !important;
}

.w1em {
  width: 1em !important;
}

/* Width - EM }}} */

/* {{{ Height - EM */

.h100em {
  height: 100em !important;
}

.h95em {
  height: 95em !important;
}

.h90em {
  height: 90em !important;
}

.h85em {
  height: 85em !important;
}

.h80em {
  height: 80em !important;
}

.h75em {
  height: 75em !important;
}

.h70em {
  height: 70em !important;
}

.h65em {
  height: 65em !important;
}

.h60em {
  height: 60em !important;
}

.h55em {
  height: 55em !important;
}

.h50em {
  height: 50em !important;
}

.h45em {
  height: 45em !important;
}

.h40em {
  height: 40em !important;
}

.h35em {
  height: 35em !important;
}

.h30em {
  height: 30em !important;
}

.h25em {
  height: 25em !important;
}

.h20em {
  height: 20em !important;
}

.h15em {
  height: 15em !important;
}

.h10em {
  height: 10em !important;
}

.h9em {
  height: 9em !important;
}

.h8em {
  height: 8em !important;
}

.h7em {
  height: 7em !important;
}

.h6em {
  height: 6em !important;
}

.h5em {
  height: 5em !important;
}

.h4em {
  height: 4em !important;
}

.h3em {
  height: 3em !important;
}

.h2em {
  height: 2em !important;
}

.h1em {
  height: 1em !important;
}

/* Height - EM }}} */

/* {{{ .class */

.hide {
  display: none;
}

.position-static {
  position: static;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.bg-yellow {
  background-color: #ffff00;
}

.warning-message {
  padding: 10px 10px !important;
  color: #ff0000 !important;
  font-size: .83em !important;
  font-weight: bold !important;
  background-color: #ebf1f2 !important;
}

/* .class }}} */

/* *Common* }}} */

/* {{{ *jQuery* */

/* {{{ UI - DatePicker */

.ui-datepicker {
  -moz-box-shadow: 1px 1px 30px #666666;
  display: none;
}

select.ui-datepicker-month {
  width: 4em !important;
  font-size: .825em !important;
}

select.ui-datepicker-year {
  width: 5.5em !important;
  font-size: .825em !important;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
  padding: 3px;
  -moz-border-radius: 3px;
}

table.ui-datepicker-calendar > thead > tr > th.ui-datepicker-week-end:first-child {
  color: #ff2222;
}

table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-week-end:first-child > a {
  color: #ff5555 !important;
}

table.ui-datepicker-calendar > thead > tr > th.ui-datepicker-week-end:last-child {
  color: #2222ff;
}

table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-week-end:last-child > a {
  color: #5555ff !important;
}

/* UI - DatePicker }}} */

/* {{{ Tools - ToolTip */

.tooltip {
  background-color: #000000;
  border: 1px solid #ffffff;
  padding: 10px 15px;
  display: none;
  color: #ffffff;
  text-align: left;
  z-index: 1000 !important;
  -moz-box-shadow: 0 0 10px #000000;
}

.tooltip dl {
  margin-left: 5px;
}

.tooltip dl dt {
  font-weight: bold;
}

.tooltip dl dd {
  margin-left: 10px;
}

/* Tools - ToolTip }}} */

/* *jQuery* }}} */

/* {{{ *Other* */

div.modal-hidden {
  display: none;
}

/* *Other* }}} */

div.contact {
  font-size: 14px;
  padding: 5px;
  width: 850px;
}

div.contact ul{
  margin-top: 20px;
  display: block;
  border :1px solid;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 400px;
}

div.contact li.title{
  border-bottom :1px solid;
  padding: 10px;
  background-color: #EEEEEE;
}

div.contact li{
  padding: 10px;
}


textarea.inquiry {
  width: 75%;
  height: 400px;
}

div.inquiry_complete {
  text-align: center;
  font-size: 14px;
  margin-bottom: 25px;
  margin-top: 25px;
}

div.inquiry_attention {
  border: 1px solid;
  text-align: left;
  font-size: 14px;
  padding: 15px;
  width:  500px;
  margin: 0 auto;
}

div.inquiry_attention a {
  color: #FF0000;
}

a.common-button {
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
  width: 180px;
  color: #fff !important;
  background: #5db9d3 url('/static/img/xds/common/bg-header-blue.png') 0 100% repeat-x;
  font-size: 1.35em;
  text-align: center;
}

a.common-button:hover {
  text-decoration: none;
}