@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*
 * 各変数設定
 */
/* CSS Document */
/*
 * 各変数設定
 */
/* ==============================
 * グリッド設定
 * ==============================*/
/* ---------------------------------
 *  Mixin
 * --------------------------------*/
.row {
  overflow: hidden;
  height: auto;
}

.col1 {
  float: left;
  margin: 5px;
  width: 30.83333px;
}

.col2 {
  float: left;
  margin: 5px;
  width: 71.66667px;
}

.col3 {
  float: left;
  margin: 5px;
  width: 112.5px;
}

.col4 {
  float: left;
  margin: 5px;
  width: 153.33333px;
}

.col5 {
  float: left;
  margin: 5px;
  width: 194.16667px;
}

.col6 {
  float: left;
  margin: 5px;
  width: 235px;
}

.col7 {
  float: left;
  margin: 5px;
  width: 275.83333px;
}

.col8 {
  float: left;
  margin: 5px;
  width: 316.66667px;
}

.col9 {
  float: left;
  margin: 5px;
  width: 357.5px;
}

.col10 {
  float: left;
  margin: 5px;
  width: 398.33333px;
}

.col11 {
  float: left;
  margin: 5px;
  width: 439.16667px;
}

.col12 {
  float: left;
  margin: 5px;
  width: 480px;
}

.col13 {
  float: left;
  margin: 5px;
  width: 520.83333px;
}

.col14 {
  float: left;
  margin: 5px;
  width: 561.66667px;
}

.col15 {
  float: left;
  margin: 5px;
  width: 602.5px;
}

.col16 {
  float: left;
  margin: 5px;
  width: 643.33333px;
}

.col17 {
  float: left;
  margin: 5px;
  width: 684.16667px;
}

.col18 {
  float: left;
  margin: 5px;
  width: 725px;
}

.col19 {
  float: left;
  margin: 5px;
  width: 765.83333px;
}

.col20 {
  float: left;
  margin: 5px;
  width: 806.66667px;
}

.col21 {
  float: left;
  margin: 5px;
  width: 847.5px;
}

.col22 {
  float: left;
  margin: 5px;
  width: 888.33333px;
}

.col23 {
  float: left;
  margin: 5px;
  width: 929.16667px;
}

.col24 {
  float: left;
  margin: 5px;
  width: 970px;
}

/*
 * 各変数設定
 */
/*
 * Button
 */
/*
 * 各変数設定
 */
/*
 * 各変数設定
 */
@-webkit-keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@-moz-keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@-o-keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

.button {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #eeeeee;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  -pie-background: linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 20px;
  line-height: 20px;
  padding: 0px 16px;
  font-weight: 700;
  font-size: 14px;
  font-family: "Roboto", "Noto Sans Japanese", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #666666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center;
  position: relative\9; /* for IE8 */
  z-index:1\9;          /* for IE8 */
}
.button:hover, .button:focus {
  background-color: #eeeeee;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -o-linear-gradient(top, #ffffff, #dcdcdc);
  -pie-background: linear-gradient(top, #ffffff, #dcdcdc);
  background: linear-gradient(top, #ffffff, #dcdcdc);
}
.button:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  background: #eeeeee;
  color: #bbbbbb;
}
.button:focus {
  outline: none;
}

input.button, button.button {
  height: 22px;
  cursor: pointer;
  -webkit-appearance: none;
}

.button-block {
  display: block;
}

/* IE8 */
button[disabled=disabled],
button[disabled=disabled]:hover,
button[disabled=disabled]:focus,
button[disabled=disabled]:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
  background-color: #E6E6E6 !important;
  border: 1px solid #DDD;
  text-shadow: 0 1px 1px white;
  font-weight: normal;
  color: #CCC;
  cursor: default;
  text-shadow: none;
  -pie-box-shadow: none;
  -pie-background: none;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #DDD;
  text-shadow: 0 1px 1px white;
  color: #CCC;
  cursor: default;
  -webkit-appearance: none;
}

.button-wrap {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
  -pie-background: linear-gradient(top, #e3e3e3, #f2f2f2);
  background: linear-gradient(top, #e3e3e3, #f2f2f2);
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  padding: 10px;
  display: inline-block;
}

.button-flat {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #eeeeee;
  border: none;
  text-shadow: none;
}
.button-flat:hover, .button-flat:focus {
  background: #fbfbfb;
}
.button-flat:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #eeeeee;
  color: #bbbbbb;
}
.button-flat.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #666666;
  border: 2px solid #666666;
  background: none;
  text-shadow: none;
}
.button-border:hover, .button-border:focus {
  background: none;
  color: gray;
  border: 2px solid gray;
}
.button-border:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #4d4d4d;
  border: 2px solid #4d4d4d;
}
.button-border.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.button-border.narrow {
  border-width: 1px;
}

.button-3d {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -o-linear-gradient(top, #f3f3f3, #e9e9e9);
  -pie-background: linear-gradient(top, #f3f3f3, #e9e9e9);
  background: linear-gradient(top, #f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  color: #666666;
  border: 1px solid #e1e1e1;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d:hover, .button-3d:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background: -o-linear-gradient(top, #ffffff, #ebebeb);
  -pie-background: linear-gradient(top, #ffffff, #ebebeb);
  background: linear-gradient(top, #ffffff, #ebebeb);
  background-color: white;
}
.button-3d:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: -o-linear-gradient(top, #e9e9e9, #f3f3f3);
  -pie-background: linear-gradient(top, #e9e9e9, #f3f3f3);
  background: linear-gradient(top, #e9e9e9, #f3f3f3);
  background-color: #eeeeee;
  color: #bbbbbb;
  border: 1px solid #e1e1e1;
  top: 5px;
}
.button-3d.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.button-pill {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}

.button-circle {
  -webkit-border-radius: 240px;
  -moz-border-radius: 240px;
  -ms-border-radius: 240px;
  -o-border-radius: 240px;
  border-radius: 240px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  width: 120px;
  line-height: 120px;
  height: 120px;
  padding: 0px;
  border-width: 4px;
  font-size: 17px;
}

.button-innerShadow {
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}

.button-primary {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwMDAxMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkMDAwZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f00012), color-stop(100%, #bd000e));
  background: -webkit-linear-gradient(top, #f00012, #bd000e);
  background: -moz-linear-gradient(top, #f00012, #bd000e);
  background: -o-linear-gradient(top, #f00012, #bd000e);
  -pie-background: linear-gradient(top, #f00012, #bd000e);
  background: linear-gradient(top, #f00012, #bd000e);
  background-color: #d60010;
  border-color: #a3000c;
  color: white;
  text-shadow: 0 -1px 1px rgba(61, 0, 5, 0.35);
}
.button-primary:hover, .button-primary:focus {
  background-color: #d60010;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMGExYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkMDAwZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0a1c), color-stop(100%, #bd000e));
  background: -webkit-linear-gradient(top, #ff0a1c, #bd000e);
  background: -moz-linear-gradient(top, #ff0a1c, #bd000e);
  background: -o-linear-gradient(top, #ff0a1c, #bd000e);
  -pie-background: linear-gradient(top, #ff0a1c, #bd000e);
  background: linear-gradient(top, #ff0a1c, #bd000e);
}
.button-primary:active {
  background: #c11522;
  color: #700008;
}

.button-3d-primary {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #a3000c, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #a3000c, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #a3000c, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMDAxMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjMDAwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e00011), color-stop(100%, #cc000f));
  background: -webkit-linear-gradient(top, #e00011, #cc000f);
  background: -moz-linear-gradient(top, #e00011, #cc000f);
  background: -o-linear-gradient(top, #e00011, #cc000f);
  -pie-background: linear-gradient(top, #e00011, #cc000f);
  background: linear-gradient(top, #e00011, #cc000f);
  background-color: #d60010;
  color: white;
  border: 1px solid #a3000c;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-primary:hover, .button-3d-primary:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #99000b, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #99000b, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #99000b, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxMDAxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0013), color-stop(100%, #d10010));
  background: -webkit-linear-gradient(top, #ff0013, #d10010);
  background: -moz-linear-gradient(top, #ff0013, #d10010);
  background: -o-linear-gradient(top, #ff0013, #d10010);
  -pie-background: linear-gradient(top, #ff0013, #d10010);
  background: linear-gradient(top, #ff0013, #d10010);
  background-color: #ff0a1c;
}
.button-3d-primary:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #a3000c, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #a3000c, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #a3000c, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAwZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwMDAxMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc000f), color-stop(100%, #e00011));
  background: -webkit-linear-gradient(top, #cc000f, #e00011);
  background: -moz-linear-gradient(top, #cc000f, #e00011);
  background: -o-linear-gradient(top, #cc000f, #e00011);
  -pie-background: linear-gradient(top, #cc000f, #e00011);
  background: linear-gradient(top, #cc000f, #e00011);
  background-color: #c11522;
  color: #700008;
  border: 1px solid #bd000e;
  top: 5px;
}
.button-3d-primary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-primary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #d60010;
  border: 2px solid #d60010;
  background: none;
  text-shadow: none;
}
.button-border-primary:hover, .button-border-primary:focus {
  background: none;
  color: #ff0a1c;
  border: 2px solid #ff0a1c;
}
.button-border-primary:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #a3000c;
  border: 2px solid #a3000c;
}
.button-border-primary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-primary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #d60010;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-primary:hover, .button-flat-primary:focus {
  background: #f00012;
}
.button-flat-primary:active {
  background: #c11522;
  color: #8a000a;
}
.button-flat-primary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-secondary {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -o-linear-gradient(top, #ffffff, #f2f2f2);
  -pie-background: linear-gradient(top, #ffffff, #f2f2f2);
  background: linear-gradient(top, #ffffff, #f2f2f2);
  background-color: white;
  border-color: #e6e6e6;
  color: white;
  text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35);
}
.button-secondary:hover, .button-secondary:focus {
  background-color: white;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -o-linear-gradient(top, #ffffff, #f2f2f2);
  -pie-background: linear-gradient(top, #ffffff, #f2f2f2);
  background: linear-gradient(top, #ffffff, #f2f2f2);
}
.button-secondary:active {
  background: white;
  color: #cccccc;
}

.button-3d-secondary {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa));
  background: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background: -moz-linear-gradient(top, #ffffff, #fafafa);
  background: -o-linear-gradient(top, #ffffff, #fafafa);
  -pie-background: linear-gradient(top, #ffffff, #fafafa);
  background: linear-gradient(top, #ffffff, #fafafa);
  background-color: white;
  color: white;
  border: 1px solid #e6e6e6;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-secondary:hover, .button-3d-secondary:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc));
  background: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
  background: -moz-linear-gradient(top, #ffffff, #fcfcfc);
  background: -o-linear-gradient(top, #ffffff, #fcfcfc);
  -pie-background: linear-gradient(top, #ffffff, #fcfcfc);
  background: linear-gradient(top, #ffffff, #fcfcfc);
  background-color: white;
}
.button-3d-secondary:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #fafafa, #ffffff);
  background: -moz-linear-gradient(top, #fafafa, #ffffff);
  background: -o-linear-gradient(top, #fafafa, #ffffff);
  -pie-background: linear-gradient(top, #fafafa, #ffffff);
  background: linear-gradient(top, #fafafa, #ffffff);
  background-color: white;
  color: #cccccc;
  border: 1px solid #f2f2f2;
  top: 5px;
}
.button-3d-secondary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-secondary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: white;
  border: 2px solid white;
  background: none;
  text-shadow: none;
}
.button-border-secondary:hover, .button-border-secondary:focus {
  background: none;
  color: white;
  border: 2px solid white;
}
.button-border-secondary:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #e6e6e6;
  border: 2px solid #e6e6e6;
}
.button-border-secondary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-secondary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: white;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-secondary:hover, .button-flat-secondary:focus {
  background: white;
}
.button-flat-secondary:active {
  background: white;
  color: #d9d9d9;
}
.button-flat-secondary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-action {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmY2YwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiOWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  -pie-background: linear-gradient(top, #8fcf00, #6b9c00);
  background: linear-gradient(top, #8fcf00, #6b9c00);
  background-color: #7db500;
  border-color: #5a8200;
  color: white;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
}
.button-action:hover, .button-action:focus {
  background-color: #7db500;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwZTgwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiOWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
  background: -moz-linear-gradient(top, #a0e800, #6b9c00);
  background: -o-linear-gradient(top, #a0e800, #6b9c00);
  -pie-background: linear-gradient(top, #a0e800, #6b9c00);
  background: linear-gradient(top, #a0e800, #6b9c00);
}
.button-action:active {
  background: #76a312;
  color: #374f00;
}

.button-3d-action {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YmYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc2YWIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84bf00), color-stop(100%, #76ab00));
  background: -webkit-linear-gradient(top, #84bf00, #76ab00);
  background: -moz-linear-gradient(top, #84bf00, #76ab00);
  background: -o-linear-gradient(top, #84bf00, #76ab00);
  -pie-background: linear-gradient(top, #84bf00, #76ab00);
  background: linear-gradient(top, #84bf00, #76ab00);
  background-color: #7db500;
  color: white;
  border: 1px solid #5a8200;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-action:hover, .button-3d-action:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5ZGUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc5YjAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99de00), color-stop(100%, #79b000));
  background: -webkit-linear-gradient(top, #99de00, #79b000);
  background: -moz-linear-gradient(top, #99de00, #79b000);
  background: -o-linear-gradient(top, #99de00, #79b000);
  -pie-background: linear-gradient(top, #99de00, #79b000);
  background: linear-gradient(top, #99de00, #79b000);
  background-color: #a0e800;
}
.button-3d-action:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2YWIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg0YmYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76ab00), color-stop(100%, #84bf00));
  background: -webkit-linear-gradient(top, #76ab00, #84bf00);
  background: -moz-linear-gradient(top, #76ab00, #84bf00);
  background: -o-linear-gradient(top, #76ab00, #84bf00);
  -pie-background: linear-gradient(top, #76ab00, #84bf00);
  background: linear-gradient(top, #76ab00, #84bf00);
  background-color: #76a312;
  color: #374f00;
  border: 1px solid #6b9c00;
  top: 5px;
}
.button-3d-action.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-action {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #7db500;
  border: 2px solid #7db500;
  background: none;
  text-shadow: none;
}
.button-border-action:hover, .button-border-action:focus {
  background: none;
  color: #a0e800;
  border: 2px solid #a0e800;
}
.button-border-action:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #5a8200;
  border: 2px solid #5a8200;
}
.button-border-action.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-action {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #7db500;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-action:hover, .button-flat-action:focus {
  background: #8fcf00;
}
.button-flat-action:active {
  background: #76a312;
  color: #486900;
}
.button-flat-action.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-highlight {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTkxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4N2UwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
  background: -webkit-linear-gradient(top, #fa9915, #d87e04);
  background: -moz-linear-gradient(top, #fa9915, #d87e04);
  background: -o-linear-gradient(top, #fa9915, #d87e04);
  -pie-background: linear-gradient(top, #fa9915, #d87e04);
  background: linear-gradient(top, #fa9915, #d87e04);
  background-color: #f18d05;
  border-color: #bf7004;
  color: white;
  text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
}
.button-highlight:hover, .button-highlight:focus {
  background-color: #f18d05;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYTQyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4N2UwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
  background: -webkit-linear-gradient(top, #fba42e, #d87e04);
  background: -moz-linear-gradient(top, #fba42e, #d87e04);
  background: -o-linear-gradient(top, #fba42e, #d87e04);
  -pie-background: linear-gradient(top, #fba42e, #d87e04);
  background: linear-gradient(top, #fba42e, #d87e04);
}
.button-highlight:active {
  background: #d8891e;
  color: #8d5303;
}

.button-3d-highlight {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ODcwNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9306), color-stop(100%, #e78705));
  background: -webkit-linear-gradient(top, #fa9306, #e78705);
  background: -moz-linear-gradient(top, #fa9306, #e78705);
  background: -o-linear-gradient(top, #fa9306, #e78705);
  -pie-background: linear-gradient(top, #fa9306, #e78705);
  background: linear-gradient(top, #fa9306, #e78705);
  background-color: #f18d05;
  color: white;
  border: 1px solid #bf7004;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-highlight:hover, .button-3d-highlight:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTAyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjOGEwNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa024), color-stop(100%, #ec8a05));
  background: -webkit-linear-gradient(top, #faa024, #ec8a05);
  background: -moz-linear-gradient(top, #faa024, #ec8a05);
  background: -o-linear-gradient(top, #faa024, #ec8a05);
  -pie-background: linear-gradient(top, #faa024, #ec8a05);
  background: linear-gradient(top, #faa024, #ec8a05);
  background-color: #fba42e;
}
.button-3d-highlight:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ODcwNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78705), color-stop(100%, #fa9306));
  background: -webkit-linear-gradient(top, #e78705, #fa9306);
  background: -moz-linear-gradient(top, #e78705, #fa9306);
  background: -o-linear-gradient(top, #e78705, #fa9306);
  -pie-background: linear-gradient(top, #e78705, #fa9306);
  background: linear-gradient(top, #e78705, #fa9306);
  background-color: #d8891e;
  color: #8d5303;
  border: 1px solid #d87e04;
  top: 5px;
}
.button-3d-highlight.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-highlight {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #f18d05;
  border: 2px solid #f18d05;
  background: none;
  text-shadow: none;
}
.button-border-highlight:hover, .button-border-highlight:focus {
  background: none;
  color: #fba42e;
  border: 2px solid #fba42e;
}
.button-border-highlight:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #bf7004;
  border: 2px solid #bf7004;
}
.button-border-highlight.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-highlight {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #f18d05;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-highlight:hover, .button-flat-highlight:focus {
  background: #fa9915;
}
.button-flat-highlight:active {
  background: #d8891e;
  color: #a66103;
}
.button-flat-highlight.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-caution {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NTQzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
  background: -webkit-linear-gradient(top, #e8543f, #d9331a);
  background: -moz-linear-gradient(top, #e8543f, #d9331a);
  background: -o-linear-gradient(top, #e8543f, #d9331a);
  -pie-background: linear-gradient(top, #e8543f, #d9331a);
  background: linear-gradient(top, #e8543f, #d9331a);
  background-color: #e54028;
  border-color: #c22d18;
  color: white;
  text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
}
.button-caution:hover, .button-caution:focus {
  background-color: #e54028;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjg1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
  background: -webkit-linear-gradient(top, #eb6855, #d9331a);
  background: -moz-linear-gradient(top, #eb6855, #d9331a);
  background: -o-linear-gradient(top, #eb6855, #d9331a);
  -pie-background: linear-gradient(top, #eb6855, #d9331a);
  background: linear-gradient(top, #eb6855, #d9331a);
}
.button-caution:active {
  background: #cd5240;
  color: #952312;
}

.button-3d-caution {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2NDgzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0MzgxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f));
  background: -webkit-linear-gradient(top, #e64831, #e4381f);
  background: -moz-linear-gradient(top, #e64831, #e4381f);
  background: -o-linear-gradient(top, #e64831, #e4381f);
  -pie-background: linear-gradient(top, #e64831, #e4381f);
  background: linear-gradient(top, #e64831, #e4381f);
  background-color: #e54028;
  color: white;
  border: 1px solid #c22d18;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-caution:hover, .button-3d-caution:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NjA0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0M2MyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23));
  background: -webkit-linear-gradient(top, #e9604c, #e43c23);
  background: -moz-linear-gradient(top, #e9604c, #e43c23);
  background: -o-linear-gradient(top, #e9604c, #e43c23);
  -pie-background: linear-gradient(top, #e9604c, #e43c23);
  background: linear-gradient(top, #e9604c, #e43c23);
  background-color: #eb6855;
}
.button-3d-caution:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0MzgxZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2NDgzMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831));
  background: -webkit-linear-gradient(top, #e4381f, #e64831);
  background: -moz-linear-gradient(top, #e4381f, #e64831);
  background: -o-linear-gradient(top, #e4381f, #e64831);
  -pie-background: linear-gradient(top, #e4381f, #e64831);
  background: linear-gradient(top, #e4381f, #e64831);
  background-color: #cd5240;
  color: #952312;
  border: 1px solid #d9331a;
  top: 5px;
}
.button-3d-caution.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-caution {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #e54028;
  border: 2px solid #e54028;
  background: none;
  text-shadow: none;
}
.button-border-caution:hover, .button-border-caution:focus {
  background: none;
  color: #eb6855;
  border: 2px solid #eb6855;
}
.button-border-caution:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #c22d18;
  border: 2px solid #c22d18;
}
.button-border-caution.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-caution {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e54028;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-caution:hover, .button-flat-caution:focus {
  background: #e8543f;
}
.button-flat-caution:active {
  background: #cd5240;
  color: #ac2815;
}
.button-flat-caution.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-royal {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);
  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -o-linear-gradient(top, #00b5e5, #008db2);
  -pie-background: linear-gradient(top, #00b5e5, #008db2);
  background: linear-gradient(top, #00b5e5, #008db2);
  background-color: #00a1cb;
  border-color: #007998;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}
.button-royal:hover, .button-royal:focus {
  background-color: #00a1cb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzlmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00c9fe, #008db2);
  background: -moz-linear-gradient(top, #00c9fe, #008db2);
  background: -o-linear-gradient(top, #00c9fe, #008db2);
  -pie-background: linear-gradient(top, #00c9fe, #008db2);
  background: linear-gradient(top, #00c9fe, #008db2);
}
.button-royal:active {
  background: #1495b7;
  color: #005065;
}

.button-3d-royal {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTlkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9d5), color-stop(100%, #0099c1));
  background: -webkit-linear-gradient(top, #00a9d5, #0099c1);
  background: -moz-linear-gradient(top, #00a9d5, #0099c1);
  background: -o-linear-gradient(top, #00a9d5, #0099c1);
  -pie-background: linear-gradient(top, #00a9d5, #0099c1);
  background: linear-gradient(top, #00a9d5, #0099c1);
  background-color: #00a1cb;
  color: white;
  border: 1px solid #007998;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-royal:hover, .button-3d-royal:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzFmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWRjNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1f4), color-stop(100%, #009dc6));
  background: -webkit-linear-gradient(top, #00c1f4, #009dc6);
  background: -moz-linear-gradient(top, #00c1f4, #009dc6);
  background: -o-linear-gradient(top, #00c1f4, #009dc6);
  -pie-background: linear-gradient(top, #00c1f4, #009dc6);
  background: linear-gradient(top, #00c1f4, #009dc6);
  background-color: #00c9fe;
}
.button-3d-royal:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTljMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTlkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099c1), color-stop(100%, #00a9d5));
  background: -webkit-linear-gradient(top, #0099c1, #00a9d5);
  background: -moz-linear-gradient(top, #0099c1, #00a9d5);
  background: -o-linear-gradient(top, #0099c1, #00a9d5);
  -pie-background: linear-gradient(top, #0099c1, #00a9d5);
  background: linear-gradient(top, #0099c1, #00a9d5);
  background-color: #1495b7;
  color: #005065;
  border: 1px solid #008db2;
  top: 5px;
}
.button-3d-royal.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-royal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #00a1cb;
  border: 2px solid #00a1cb;
  background: none;
  text-shadow: none;
}
.button-border-royal:hover, .button-border-royal:focus {
  background: none;
  color: #00c9fe;
  border: 2px solid #00c9fe;
}
.button-border-royal:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #007998;
  border: 2px solid #007998;
}
.button-border-royal.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-royal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #00a1cb;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-royal:hover, .button-flat-royal:focus {
  background: #00b5e5;
}
.button-flat-royal:active {
  background: #1495b7;
  color: #00647f;
}
.button-flat-royal.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-topNav {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1ZDE2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhkYzUzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a5d166), color-stop(100%, #8dc53e));
  background: -webkit-linear-gradient(top, #a5d166, #8dc53e);
  background: -moz-linear-gradient(top, #a5d166, #8dc53e);
  background: -o-linear-gradient(top, #a5d166, #8dc53e);
  -pie-background: linear-gradient(top, #a5d166, #8dc53e);
  background: linear-gradient(top, #a5d166, #8dc53e);
  background-color: #99cb52;
  border-color: #80b436;
  color: white;
  text-shadow: 0 -1px 1px rgba(72, 101, 31, 0.35);
}
.button-topNav:hover, .button-topNav:focus {
  background-color: #99cb52;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZDc3OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhkYzUzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0d779), color-stop(100%, #8dc53e));
  background: -webkit-linear-gradient(top, #b0d779, #8dc53e);
  background: -moz-linear-gradient(top, #b0d779, #8dc53e);
  background: -o-linear-gradient(top, #b0d779, #8dc53e);
  -pie-background: linear-gradient(top, #b0d779, #8dc53e);
  background: linear-gradient(top, #b0d779, #8dc53e);
}
.button-topNav:active {
  background: #95b469;
  color: #648d2a;
}

.button-3d-topNav {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #80b436, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #80b436, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #80b436, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllY2Q1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk0Yzk0YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9ecd5a), color-stop(100%, #94c94a));
  background: -webkit-linear-gradient(top, #9ecd5a, #94c94a);
  background: -moz-linear-gradient(top, #9ecd5a, #94c94a);
  background: -o-linear-gradient(top, #9ecd5a, #94c94a);
  -pie-background: linear-gradient(top, #9ecd5a, #94c94a);
  background: linear-gradient(top, #9ecd5a, #94c94a);
  background-color: #99cb52;
  color: white;
  border: 1px solid #80b436;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-topNav:hover, .button-3d-topNav:focus {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #7aac34, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #7aac34, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #7aac34, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZDQ3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3Y2E0ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #abd471), color-stop(100%, #97ca4e));
  background: -webkit-linear-gradient(top, #abd471, #97ca4e);
  background: -moz-linear-gradient(top, #abd471, #97ca4e);
  background: -o-linear-gradient(top, #abd471, #97ca4e);
  -pie-background: linear-gradient(top, #abd471, #97ca4e);
  background: linear-gradient(top, #abd471, #97ca4e);
  background-color: #b0d779;
}
.button-3d-topNav:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #80b436, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #80b436, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #80b436, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0Yzk0YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzllY2Q1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #94c94a), color-stop(100%, #9ecd5a));
  background: -webkit-linear-gradient(top, #94c94a, #9ecd5a);
  background: -moz-linear-gradient(top, #94c94a, #9ecd5a);
  background: -o-linear-gradient(top, #94c94a, #9ecd5a);
  -pie-background: linear-gradient(top, #94c94a, #9ecd5a);
  background: linear-gradient(top, #94c94a, #9ecd5a);
  background-color: #95b469;
  color: #648d2a;
  border: 1px solid #8dc53e;
  top: 5px;
}
.button-3d-topNav.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-topNav {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #99cb52;
  border: 2px solid #99cb52;
  background: none;
  text-shadow: none;
}
.button-border-topNav:hover, .button-border-topNav:focus {
  background: none;
  color: #b0d779;
  border: 2px solid #b0d779;
}
.button-border-topNav:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #80b436;
  border: 2px solid #80b436;
}
.button-border-topNav.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-topNav {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #99cb52;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-topNav:hover, .button-flat-topNav:focus {
  background: #a5d166;
}
.button-flat-topNav:active {
  background: #95b469;
  color: #72a030;
}
.button-flat-topNav.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-group {
  position: relative;
  display: inline-block;
}
.button-group .button {
  float: left;
}
.button-group .button:focus, .button-group .button:hover, .button-group .button.active {
  z-index: 5;
}
.button-group .button.active {
  background: gainsboro;
}
.button-group .button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.button-group .button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group .button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group .button + .button {
  margin-left: -1px;
}

.button-jumboFh.autoH {
  height: auto;
}

.button-jumboFh {
  font-size: 22px;
  height: 60px;
  line-height: 60px;
  padding: 0px 25.6px;
}

.button-jumbo {
  font-size: 22px;
  height: 32px;
  line-height: 32px;
  padding: 0px 25.6px;
}

input.button-jumbo, button.button-jumbo {
  height: 34px;
}

.button-large {
  font-size: 17px;
  height: 24px;
  line-height: 24px;
  padding: 0px 19.2px;
}

input.button-large, button.button-large {
  height: 26px;
}

.button-small {
  font-size: 13px;
  height: 16px;
  line-height: 16px;
  padding: 0px 12.8px;
}

input.button-small, button.button-small {
  height: 18px;
}

.button-tiny {
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  padding: 0px 11.2px;
}

input.button-tiny, button.button-tiny {
  height: 16px;
}

.button-hairline {
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  padding: 2.5px 3.5px;
  border: 1px solid #ccc;
  line-height: 150%;
  position: relative;
}
.button-hairline:hover, .button-hairline:focus {
  border-width: 1px;
}

.button-free-height {
  height: auto;
  height: 100%;
}

.button-icon-only {
  padding: 5px;
  text-align: center;
}
.button-icon-only i {
  padding: 0;
  margin: 0;
}

.button.glow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -khtml-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  -khtml-animation-name: glowing;
  -moz-animation-name: glowing;
  -ms-animation-name: glowing;
  -o-animation-name: glowing;
  animation-name: glowing;
}
.button.glow:active {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}

.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block;
}
.button-dropdown .button .icon-caret-down {
  font-size: 90%;
  margin: 0px 0px 0px 3px;
  vertical-align: middle;
}
.button-dropdown ul.button-dropdown-menu-below {
  top: 115%;
}
.button-dropdown ul.button-dropdown-menu-above {
  bottom: 115%;
  top: auto;
}
.button-dropdown ul {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: none;
  position: absolute;
  background: #fcfcfc;
  top: -2px;
  left: -2px;
  z-index: 1000;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  min-width: 102%;
}
.button-dropdown ul li {
  padding: 0px;
  margin: 0px;
  display: block;
}
.button-dropdown ul li:first-child a {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.button-dropdown ul li:last-child a {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button-dropdown ul .button-dropdown-divider {
  -webkit-box-shadow: inset 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 0px white;
  box-shadow: inset 0px 1px 0px white;
  border-top: 1px solid #e4e4e4;
}
.button-dropdown ul a {
  display: block;
  padding: 0px 20px;
  text-decoration: none;
  font-size: 10px;
  color: #333333;
  line-height: 30px;
  white-space: nowrap;
}
.button-dropdown ul a:hover, .button-dropdown ul a:focus {
  background-color: #3c6ab9;
  color: white;
}

@media print {
  .noprint, .no-print {
    display: none;
  }

  table th {
      font-size: 100%;
  }
  table td {
      font-size: 100%;
  }

  address.print-only, article.print-only, aside.print-only, blockquote.print-only, center.print-only, dir.print-only, div.print-only, dd.print-only, details.print-only, dl.print-only, dt.print-only, fieldset.print-only, figcaption.print-only, figure.print-only, form.print-only, footer.print-only, frameset.print-only, h1.print-only, h2.print-only, h3.print-only, h4.print-only, h5.print-only, h6.print-only, hr.print-only, header.print-only, hgroup.print-only, isindex.print-only, menu.print-only, nav.print-only, noframes.print-only, noscript.print-only, ol.print-only, p.print-only, pre.print-only, section.print-only, summary.print-only, ul.print-only {
    display: block;
  }

  a.print-only, abbr.print-only, acronym.print-only, audio.print-only, b.print-only, basefont.print-only, bdo.print-only, big.print-only, br.print-only, canvas.print-only, cite.print-only, code.print-only, command.print-only, datalist.print-only, dfn.print-only, em.print-only, embed.print-only, font.print-only, i.print-only, img.print-only, input.print-only, keygen.print-only, kbd.print-only, label.print-only, mark.print-only, meter.print-only, output.print-only, progress.print-only, q.print-only, rp.print-only, rt.print-only, ruby.print-only, s.print-only, samp.print-only, select.print-only, small.print-only, span.print-only, strike.print-only, strong.print-only, sub.print-only, sup.print-only, textarea.print-only, time.print-only, tt.print-only, u.print-only, var.print-only, video.print-only, wbr.print-only {
    display: inline;
  }

  /* ブラウザによる詳細印刷時用 */
  .grad-item {
    height: auto ! important;
    margin-bottom: 0 ! important;
  }
  .grad-text {
    display: block ! important;
  }
  .grad-text-short,
  .grad-btn {
    display: none ! important;
  }

}
/*
 * 各変数設定
 */
/* CSS Document */
/*
 * STYLES
 */
.fs-01 {
  font-size: 0.1em;
}

.fs-11 {
  font-size: 1.1em;
}

.fs-02 {
  font-size: 0.2em;
}

.fs-12 {
  font-size: 1.2em;
}

.fs-03 {
  font-size: 0.3em;
}

.fs-13 {
  font-size: 1.3em;
}

.fs-04 {
  font-size: 0.4em;
}

.fs-14 {
  font-size: 1.4em;
}

.fs-05 {
  font-size: 0.5em;
}

.fs-15 {
  font-size: 1.5em;
}

.fs-06 {
  font-size: 0.6em;
}

.fs-16 {
  font-size: 1.6em;
}

.fs-07 {
  font-size: 0.7em;
}

.fs-17 {
  font-size: 1.7em;
}

.fs-08 {
  font-size: 0.8em;
}

.fs-18 {
  font-size: 1.8em;
}

.fs-09 {
  font-size: 0.9em;
}

.fs-19 {
  font-size: 1.9em;
}

.fs-20 {
  font-size: 2em;
}

h1 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  text-shadow: 0px 0px 1px #aaaaaa;
}

strong {
  font-weight: bold;
}

.fw-normal {
    font-weight: normal;
}

.clearfix {
  overflow: hidden;
}

.center {
  margin: 0 auto 0 auto;
  width: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

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

.bottom {
  bottom: 0;
}

img {
  border: 1px solid #666;
}
img.sort_icon {
  border: none;
  margin-left: 3px;
}
img.noborder {
  border: none;
}
div[id*="gm_marker_"] > img {
  border: none;
}

.mt-00 {
  margin-top: 1px;
}

.mb-00 {
  margin-bottom: 1px;
}

.ml-00 {
  margin-left: 1px;
}

.mr-00 {
  margin-right: 1px;
}

.mt-00 {
  margin-top: 10px;
}

.mb-00 {
  margin-bottom: 10px;
}

.ml-00 {
  margin-left: 10px;
}

.mr-00 {
  margin-right: 10px;
}

.pt-00 {
  padding-top: 1px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-00 {
  padding-bottom: 1px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-00 {
  padding-left: 1px;
}

.pr-00 {
  padding-right: 1px;
}

.mt-01 {
  margin-top: 2px;
}

.mb-01 {
  margin-bottom: 2px;
}

.ml-01 {
  margin-left: 2px;
}

.mr-01 {
  margin-right: 2px;
}

.mt-10 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 20px;
}

.ml-10 {
  margin-left: 20px;
}

.mr-10 {
  margin-right: 20px;
}

.pt-01 {
  padding-top: 2px;
}

.pb-01 {
  padding-bottom: 2px;
}

.pl-01 {
  padding-left: 2px;
}

.pr-01 {
  padding-right: 2px;
}

.mt-02 {
  margin-top: 3px;
}

.mb-02 {
  margin-bottom: 3px;
}

.ml-02 {
  margin-left: 3px;
}

.mr-02 {
  margin-right: 3px;
}

.mt-20 {
  margin-top: 30px;
}

.mb-20 {
  margin-bottom: 30px;
}

.ml-20 {
  margin-left: 30px;
}

.mr-20 {
  margin-right: 30px;
}

.pt-02 {
  padding-top: 3px;
}

.pb-02 {
  padding-bottom: 3px;
}

.pl-02 {
  padding-left: 3px;
}

.pr-02 {
  padding-right: 3px;
}

.mt-03 {
  margin-top: 4px;
}

.mb-03 {
  margin-bottom: 4px;
}

.ml-03 {
  margin-left: 4px;
}

.mr-03 {
  margin-right: 4px;
}

.mt-30 {
  margin-top: 40px;
}

.mb-30 {
  margin-bottom: 40px;
}

.ml-30 {
  margin-left: 40px;
}

.mr-30 {
  margin-right: 40px;
}

.pt-03 {
  padding-top: 4px;
}

.pb-03 {
  padding-bottom: 4px;
}

.pl-03 {
  padding-left: 4px;
}

.pr-03 {
  padding-right: 4px;
}

.mt-04 {
  margin-top: 5px;
}

.mb-04 {
  margin-bottom: 5px;
}

.ml-04 {
  margin-left: 5px;
}

.mr-04 {
  margin-right: 5px;
}

.mt-40 {
  margin-top: 50px;
}

.mb-40 {
  margin-bottom: 50px;
}

.ml-40 {
  margin-left: 50px;
}

.mr-40 {
  margin-right: 50px;
}

.pt-04 {
  padding-top: 5px;
}

.pb-04 {
  padding-bottom: 5px;
}

.pl-04 {
  padding-left: 5px;
}

.pr-04 {
  padding-right: 5px;
}

.mt-05 {
  margin-top: 6px;
}

.mb-05 {
  margin-bottom: 6px;
}

.ml-05 {
  margin-left: 6px;
}

.mr-05 {
  margin-right: 6px;
}

.mt-50 {
  margin-top: 60px;
}

.mb-50 {
  margin-bottom: 60px;
}

.ml-50 {
  margin-left: 60px;
}

.mr-50 {
  margin-right: 60px;
}

.pt-05 {
  padding-top: 6px;
}

.pb-05 {
  padding-bottom: 6px;
}

.pl-05 {
  padding-left: 6px;
}

.pr-05 {
  padding-right: 6px;
}

.mt-06 {
  margin-top: 7px;
}

.mb-06 {
  margin-bottom: 7px;
}

.ml-06 {
  margin-left: 7px;
}

.mr-06 {
  margin-right: 7px;
}

.mt-60 {
  margin-top: 70px;
}

.mb-60 {
  margin-bottom: 70px;
}

.ml-60 {
  margin-left: 70px;
}

.mr-60 {
  margin-right: 70px;
}

.pt-06 {
  padding-top: 7px;
}

.pb-06 {
  padding-bottom: 7px;
}

.pl-06 {
  padding-left: 7px;
}

.pr-06 {
  padding-right: 7px;
}

.mt-07 {
  margin-top: 8px;
}

.mb-07 {
  margin-bottom: 8px;
}

.ml-07 {
  margin-left: 8px;
}

.mr-07 {
  margin-right: 8px;
}

.mt-70 {
  margin-top: 80px;
}

.mb-70 {
  margin-bottom: 80px;
}

.ml-70 {
  margin-left: 80px;
}

.mr-70 {
  margin-right: 80px;
}

.pt-07 {
  padding-top: 8px;
}

.pb-07 {
  padding-bottom: 8px;
}

.pl-07 {
  padding-left: 8px;
}

.pr-07 {
  padding-right: 8px;
}

.mt-08 {
  margin-top: 9px;
}

.mb-08 {
  margin-bottom: 9px;
}

.ml-08 {
  margin-left: 9px;
}

.mr-08 {
  margin-right: 9px;
}

.mt-80 {
  margin-top: 90px;
}

.mb-80 {
  margin-bottom: 90px;
}

.ml-80 {
  margin-left: 90px;
}

.mr-80 {
  margin-right: 90px;
}

.pt-08 {
  padding-top: 9px;
}

.pb-08 {
  padding-bottom: 9px;
}

.pl-08 {
  padding-left: 9px;
}

.pr-08 {
  padding-right: 9px;
}

.mt-09 {
  margin-top: 10px;
}

.mb-09 {
  margin-bottom: 10px;
}

.ml-09 {
  margin-left: 10px;
}

.mr-09 {
  margin-right: 10px;
}

.mt-90 {
  margin-top: 100px;
}

.mb-90 {
  margin-bottom: 100px;
}

.ml-90 {
  margin-left: 100px;
}

.mr-90 {
  margin-right: 100px;
}

.pt-09 {
  padding-top: 10px;
}

.pb-09 {
  padding-bottom: 10px;
}

.pl-09 {
  padding-left: 10px;
}

.pr-09 {
  padding-right: 10px;
}

.red {
  color: #d60010;
}

.caution {
  color: #F18D05;
}

.keycolor {
  color: #088433;
}

.icon-new {
  display: inline-block;
  background-color: #d60010;
  color: #fff;
  font-size: 9px;
  padding: 3px 4px;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: .3rem;
}
.icon-new.icon-white {
  border: 1px solid #fff;
  background-color: #d60010;
  color: #fff;
  font-weight: bold;
}

.icon-sharehouse {
  display: inline-block;
  background-color: #1789BE;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  padding: 3px 4px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.icon-sharehouse.icon-white {
  border: 1px solid #fff;
  font-weight: bold;
}

.icon-hyoka {
  display: inline-block;
  background-color: #07af50;
  color: #fff;
  font-weight: bold;
  padding: 3px 4px;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: .5rem;
  border-radius: .1rem .4rem .1rem .1rem;
}

.require:after {
  content: "(必須)";
  color: red;
  font-weight: bold;
  font-size: .9em;
}

.helpText {
  color: #666;
}

label.gray, .gray {
  color: #999;
}

/*
 * --------------------------------------------------
 * 共通
 * --------------------------------------------------
 */
body {
  height: 100%;
  min-height: 100%;
  min-width: 1000px;
  width: 100%;
  font-size: 14px;
  font-family: "Roboto", "Noto Sans Japanese", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #666666;
  line-height: 1.4;
}

a {
  color: #088433;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.negative-link {
  color: #666666;
}
a.link_un {
    text-decoration: underline;
}

.box {
  padding: 5px;
}

.box-borderd {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.box-borderd.box-main {
  border-color: #088433;
  border-width: 2px;
}
.box-borderd.square {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.box-fill {
  background-color: #f0f0f0;
}

#container {
  margin: 0 auto;
  overflow: hidden;
  width: 980px;
}
#container.w900 {
  width: 810px;
}
#container.w680 {
  width: 680px;
}
#container.fullwidth {
  width: 98%;
}

table {
  margin-top: 5px;
  border-collapse: collapse;
  border: 1px solid #d8d8d8;
  width: 100%;
}
table.noborder {
  border: none;
}
table th {
  border: 1px solid #d8d8d8;
  background-color: #f0f0f0;
  padding: 5px 7px;
  font-size: .9em;
  font-weight: normal;
  width: 20%;
  text-align: center;
  color: #333333;
}
table td {
  border: 1px solid #d8d8d8;
  text-align: left;
  padding: 5px;
}
table td.valign-top {
  vertical-align: top;
}
table td.noborder {
  border: none;
}

table.bukkenList th, table.favoriteList th, table.agentOwnerList th {
  text-align: center;
}
table.bukkenList th.select, table.favoriteList th.select, table.agentOwnerList th.select {
  width: 3%;
}
table.bukkenList th.photo, table.favoriteList th.photo, table.agentOwnerList th.photo {
  width: 10%;
}
table.bukkenList th.transport, table.favoriteList th.transport, table.agentOwnerList th.transport {
  width: 22%;
}
table.bukkenList th.working, table.favoriteList th.working, table.agentOwnerList th.working {
  width: 8%;
}
table.bukkenList th.price, table.favoriteList th.price, table.agentOwnerList th.price {
  width: 12%;
}
table.bukkenList th.extprice, table.favoriteList th.extprice, table.agentOwnerList th.extprice {
  width: 12%;
}
table.bukkenList th.room, table.favoriteList th.room, table.agentOwnerList th.room {
  width: 10%;
}
table.bukkenList th.age, table.favoriteList th.age, table.agentOwnerList th.age {
  width: 11%;
}
table.bukkenList th.remarks, table.favoriteList th.remarks, table.agentOwnerList th.remarks {
  width: 12%;
}
table.bukkenList td, table.favoriteList td, table.agentOwnerList td {
  text-align: center;
}
table.bukkenList td.transport, table.favoriteList td.transport, table.agentOwnerList td.transport {
  text-align: left;
}

.pageTitle {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #088433;
  color: white;
  font-size: 1.4em;
  padding: 5px;
}

ul.discList > li {
  list-style: disc;
}

/*
 * --------------------------------------------------
 * ヘッダー
 * --------------------------------------------------
 */
#header {
  border-top: 5px solid #666666;
  margin-bottom: 10px;
}
#header .innerBox {
  margin: 0 auto;
  width: 980px;
  border-bottom: 2px solid #666666;
}
#header .innerBox.w680 {
  width: 680px;
}
#header .innerBox.fullwidth {
  width: 98%;
  margin: 0 10px;
}
#header .tagline {
  padding: 5px 0 5px;
  min-height: 20px;
}
#header .logo {
  width: 190px;
  margin-top: 13px;
}
#header .logo2 {
  width: 190px;
  margin-top: 9px;
}
#header .container {
  display: table;
}
#header .logo-mid {
  height: 60px;
  width: 190px;
  display: table-cell;
  vertical-align: middle;
}
#header .logo-mid2 {
  height: 50px;
  width: 190px;
  display: table-cell;
  vertical-align: middle;
}
#header .gnav {
  overflow: hidden;
  width: 770px;
}
#header .gnav ul {
  overflow: hidden;
  float: left;
}
#header .gnav ul:first-child {
  margin-left: 0px;
}
#header .gnav li {
  float: left;
  margin-left: 5px;
  text-align: center;
}
#header .gnav li dt {
  border-bottom: 2px solid #088433;
  color: #088433;
  font-size: .8em;
  font-weight: bold;
  padding-bottom: 3px;
}
#header .gnav li dt.company {
  border-color: #d60010;
  color: #d60010;
}
#header .gnav li dd {
  overflow: hidden;
  margin-top: 5px;
  display: table;
}
#header .gnav li dd a {
  display: table-cell;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(30%, #ffffff), color-stop(70%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 30%, #ffffff 70%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 30%, #ffffff 70%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 30%, #ffffff 70%, #f5f5f5 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #ffffff 30%, #ffffff 70%, #f5f5f5 100%);
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  border-right: 1px solid #a5a5a5;
  color: #3f3f3f;
  padding: 3px;
  min-width: 48px;
  max-width: 66px;
  height: 58px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
#header .gnav li dd a:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #a5a5a5;
}
#header .gnav li dd a:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#header .gnav li dd a:hover {
  color: #8b8b8b;
}
#header .gnav2 ul {
  overflow: hidden;
  margin-top: 21px;
  margin-bottom: -5px;
}
#header .gnav2 li {
  float: left;
  width: 110px;
  height: 60px;
  margin: 0;
  padding: 0;
}
#header .gnav2 li a {
  display: block;
  text-indent: -9999px;
  padding: 0;
  width: 100%;
  height: 100%;
  color: 000;
}
#header .gnav2 li a.rent1 {
  background: url(/search/img/header/nav/gnav01.gif) no-repeat 0 0;
}
#header .gnav2 li a.rent2 {
  background: url(/search/img/header/nav/gnav02.gif) no-repeat 0 0;
}
#header .gnav2 li a.buy {
  background: url(/search/img/header/nav/gnav03.gif) no-repeat 0 0;
}
#header .gnav2 li a.company {
  background: url(/search/img/header/nav/gnav04.gif) no-repeat 0 0;
}
#header .gnav2 li a.rent1:hover {
  background: url(/search/img/header/nav/gnav01_white.gif) no-repeat 0 0;
}
#header .gnav2 li a.rent2:hover {
  background: url(/search/img/header/nav/gnav02_white.gif) no-repeat 0 0;
}
#header .gnav2 li a.buy:hover {
  background: url(/search/img/header/nav/gnav03_white.gif) no-repeat 0 0;
}
#header .gnav2 li a.company:hover {
  background: url(/search/img/header/nav/gnav04_white.gif) no-repeat 0 0;
}

/*
 * --------------------------------------------------
 * お知らせ
 * --------------------------------------------------
 */
.topics {
/*
  padding-top: .3em;
  padding-bottom: .3em;
*/
  line-height: 1.9em;
}

/*
 * --------------------------------------------------
 * フッター
 * --------------------------------------------------
 */
#footer {
  width: 100%;
  margin-top: 30px;
}
#footer .footerInner {
  width: 980px;
  margin: 0 auto;
}
#footer .footerInner.w680 {
  width: 680px;
}
#footer.fullwidth {
  width: 98%;
  margin: 0 10px;
}
#footer ul {
  margin: 5px 0;
  text-align: right;
}
#footer ul li {
  display: inline;
  line-height: 15px;
  list-style-type: none;
  padding: 0 5px;
  text-align: center;
  border-left: 1px solid #fefefe;
}
#footer ul li:first-child {
  border-left: none;
}
#footer ul li a:link, #footer ul li a:visited {
  color: white;
}
#footer ul.links {
  text-align: left;
}
#footer ul.links li {
  display: table-cell;
  border: none;
  color: black;
  text-align: left;
  padding-left: 20px;
}
#footer ul.links li:first-child {
  width: 8em;
  border-right: 1px dotted #666666;
  padding-left: 0;
}
#footer ul.links li a:link, #footer ul.links li a:visited {
  color: #088433;
  text-decoration: underline;
}
#footer .footer-nav {
  padding: 10px;
  background-color: #F0F0F0;
}
#footer .footer-gnav {
  background-color: #666666;
}
#footer .footer-gnav p {
  color: white;
}
#footer h2 {
  font-size: 1.1em;
  margin-bottom: 10px;
}
#footer h2:before {
  font-family: FontAwesome;
  content: "\f0da";
  color: #d60010;
  padding-right: 5px;
}

#copyright {
  color: white;
  font-size: .8em;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 10px;
}

/*
 * --------------------------------------------------
 * TOPページ
 * --------------------------------------------------
 */
h2.topCategory1 {
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px 10px 3px 10px;
  border-bottom: 3px solid #088433;
}
h2.topCategory1 > i {
  color: #d60010;
}

h1.topCategory2, h3.topCategory2 {
  font-size: 1.2em;
  padding: 5px 5px 5px 10px;
  background-color: #088433;
  color: #fff;
}

ul {
  margin-left: 20px;
}
ul.searchType > li {
  display: inline-block;
  border: 1px solid #fafafa;
  border-bottom: 3px solid #c6c6c6;
  margin: 5px;
  background-color: #eaf2de;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEAF2DE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZjJkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaf2de));
  background-image: -webkit-linear-gradient(#ffffff 0%, #eaf2de 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #eaf2de 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #eaf2de 100%);
  background-image: linear-gradient(#ffffff 0%, #eaf2de 100%);
}
ul.searchType > li > a {
  color: #666;
  text-shadow: rgbs(0, 0, 0, 0.4) -1px 1px #aaaaaa, rgbs(0, 0, 0, 0.4) -1px 1px 1px #aaaaaa;
  text-shadow: rgbs(0, 0, 0, 0.4) -1px 1px 1px #aaaaaa, rgbs(0, 0, 0, 0.4) -1px 1px 1px #aaaaaa;
  display: block;
  font-size: 1.3em;
  line-height: 1.3em;
  padding: 10px;
  width: 140px;
}
ul.searchType > li > a > i {
  color: #666;
  margin-top: -5px;
}
ul.searchType > li > a > i + i {
  color: #666;
  margin-top: -5px;
  margin-left: -15px;
}
ul.searchType > li > a > span {
  display: inline-block;
  text-align: center;
  width: 100%;
}
ul.searchType > li:hover > a > span {
  text-decoration: underline;
}
ul.searchType.wide > li > a {
  width: 500px;
  line-height: 1.8em;
}

/*
 * --------------------------------------------------
 * ダイアログ系
 * --------------------------------------------------
 */
.dialogBody {
  width: 680px;
}
.dialogBody.w600 {
  width: 600px;
}
.dialogBody.w700 {
  width: 700px;
}
.dialogBody.w750 {
  width: 750px;
}
.dialogBody.w900 {
  width: 900px;
}
.dialogBody .dialogTitle {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #088433;
  color: white;
  font-size: 1.2em;
  padding: 5px;
}
.dialogBody table.syzList th {
  text-align: left;
}
.dialogBody table td dt {
  float: left;
  margin: 5px;
}
.dialogBody table.syzList dt {
  width: 212.33333px;
}

label.active {
    color: #088433;
}

.href-label {
  text-decoration: underline;
  color: #088433;
  cursor: pointer;
}

/*
 * --------------------------------------------------
 * ヘルプページ関係(情報の見方等)
 * --------------------------------------------------
 */
.helpBody {
  padding: 0 10px;
}
.helpBody .helpTitle {
  border-left: 5px solid #088433;
  padding: 5px 0 5px 8px;
}
.helpBody .helpTitle > h2 {
  font-size: 1.4em;
  font-weight: bold;
}
.helpBody table th {
  text-align: left;
}

/*
 * --------------------------------------------------
 * 一覧画面
 * --------------------------------------------------
 */
.side_nav {
  margin: 0 auto;
  float: left;
  margin: 5px;
  width: 194.16667px;
  margin: 0 5px 0 0;
  padding: 0 5px 5px 0;
  border-radius: 6px;
}
.side_nav .side_nav_base {
  padding: 0 5px;
}
.side_nav .side_nav_base .side_nav_title {
  padding: 5px;
  margin: 5px 0 0 0;
  font-size: 1.2em;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.side_nav .side_nav_base h2 {
  border-left: 4px solid #088433;
  padding: 4px 10px;
  font-weight: bold;
}
.side_nav .side_nav_base .panel {
  border: 1px solid #d8d8d8;
}
.side_nav .side_nav_base .panel dl {
  margin: 0;
}
.side_nav .side_nav_base .panel dt {
  overflow: hidden;
  padding: 5px 5px;
  background-color: white;
  word-break:break-all;
}
.side_nav .side_nav_base .panel dt.title {
  border-top: 1px solid #d8d8d8;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #f2f2f2;
  word-break:break-all;
}
.side_nav .side_nav_base .panel dt.title > i {
  color: #088433;
}
#panel_kodawari dt.title > a:hover {
  cursor: pointer;
}
.side_nav .side_nav_base .panel dt.twoCol dt {
  width: 50%;
  padding: 0;
}
.side_nav .side_nav_base .panel dt dt {
  float: left;
}
.side_nav .side_nav_base .panel dt dt.list_area {
  width: 115px;
  padding: 0;
}
.side_nav .side_nav_base .panel dt dt.btn_area {
  padding-left: 5px;
  padding-right: 0;
  float: right;
}
.side_nav .side_nav_base .panel dt input[type=text] {
  width: 110px;
}

/*
.side_nav .side_nav_base .panel .title:before,
.side_nav .side_nav_base .panel .title:after {
  content: "";
  display: table;
}
.side_nav .side_nav_base .panel .title:after {
  clear: both;
}
*/
#panel_kodawari .title:hover {
  cursor: pointer;
}
.side_nav .side_nav_base .panel .title i.toggle {
  color: #666;
  float: right;
  margin-top: 2px;
}
.side_nav .side_nav_base .panel .title i.toggle.active {
  color: #F18D05;
}


.main {
  float: right;
  margin: 5px;
  width: 765.83333px;
  position: relative;
  margin-right: 0;
}
.main.fullwidth {
  width: 100%;
  margin-left: -214px;
}
.main.fullwidth .h1_box,
.main.fullwidth .mapArea {
  margin-left: 204px;
}

.h1_box {
  padding: 15px 10px;
  background-color: #088433;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.h1_box span.syumoku {
  font-size: 1.4em;
  font-weight: bold;
  text-shadow: #aaaaaa;
  color: white;
}
.h1_box h1 {
  color: white;
  text-shadow: black;
}

.listCount {
  color: #088433;
  font-weight: bold;
}

.page_controller {
  margin: 5px 0;
  width: 100%;
}
.page_controller .table-box {
  display: table;
}
.page_controller .table-box p {
  display: table-cell;
}
.page_controller .pagination {
  display: block;
  margin: 5px 0;
}
.page_controller .pagination ol {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.page_controller .pagination li {
  display: inline;
}
.page_controller .pagination li:first-child a {
  border-left: none;
}
.page_controller .pagination li > a:hover, .page_controller .pagination li.active a {
  background-color: whitesmoke;
}
.page_controller .pagination li.active a {
  color: #8f8f8f;
  cursor: default;
}
.page_controller .pagination a {
  border-left: 1px solid #d8d8d8;
  float: left;
  padding: 5px 12px;
  text-decoration: none;
}

/*
$bukken-list-column-width-select:       20px;
$bukken-list-column-width-photo:       110px - (7px * 2);
$bukken-list-column-width-transport:   140px - (7px * 2);
$bukken-list-column-width-walking:      70px - (7px * 2);
$bukken-list-column-width-price:       150px - (7px * 2);
$bukken-list-column-width-extprice:    100px - (7px * 2);
$bukken-list-column-width-room:         90px - (7px * 2);
$bukken-list-column-width-remarks:      85px - (7px * 2);
*/
/*
dl.datalist-header {
    display: table;
    width: 100%;
    height: 60px;
    dt {
        display: table-cell;
        padding: 5px 7px;
        text-align: center;
        vertical-align: middle;
        border:{
            style: solid;
            color: $list_area_border_color;
            top:    { width: 1px; }
            bottom: { width: 1px; }
            right:  { width: 1px; }
        }
        &:first-child { border-left: 1px solid $list_area_border_color; }
        background-color: $list_area_table_header_color;
        &.select    { width: $bukken-list-column-width-select;
                      padding: 0;
                    }
        &.photo     { width: $bukken-list-column-width-photo;     }
        &.transport { width: $bukken-list-column-width-transport; }
        &.walking   { width: $bukken-list-column-width-walking;   }
        &.price     {
                      width: $bukken-list-column-width-price;
                      color: $corp_color_red;
                    }
        &.extprice  { width: $bukken-list-column-width-extprice;  }
        &.room      { width: $bukken-list-column-width-room;      }
        &.remarks   { width: $bukken-list-column-width-remarks;   }
    }
}
*/
table.datalist, table.favoriteAgentList, table.agentlist {
  border-top: 5px solid #595959;
}
table.datalist h3, table.favoriteAgentList h3, table.agentlist h3 {
  font-size: 1.2em;
}
table.datalist.selected, table.selected.favoriteAgentList, table.selected.agentlist {
  background-color: #ffffd7;
}
table.datalist th, table.favoriteAgentList th, table.agentlist th {
  width: 12%;
  text-align: center;
}
table.datalist th p, table.favoriteAgentList th p, table.agentlist th p {
  width: 100%;
  margin: 2px 0;
  text-align: center;
}
table.datalist td, table.favoriteAgentList td, table.agentlist td {
  padding: 5px 7px;
}
table.datalist td p, table.favoriteAgentList td p, table.agentlist td p {
  width: 100%;
  margin: 2px 0;
}
table.datalist td.title, table.favoriteAgentList td.title, table.agentlist td.title {
  text-align: left;
}
table.datalist td.title h3, table.favoriteAgentList td.title h3, table.agentlist td.title h3 {
  font-weight: bold;
}
table.datalist td.select, table.favoriteAgentList td.select, table.agentlist td.select {
  width: 3%;
  padding: 0;
  vertical-align: top;
  padding-top: 10px;
}
table.datalist td.photo, table.favoriteAgentList td.photo, table.agentlist td.photo {
  width: 30%;
  text-align: center;
}
table.datalist td.photo .photo-main, table.favoriteAgentList td.photo .photo-main, table.agentlist td.photo .photo-main {
  height: 170px;
}
table.datalist td.photo dl.photo-sub, table.favoriteAgentList td.photo dl.photo-sub, table.agentlist td.photo dl.photo-sub {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 5px 0;
}
table.datalist td.photo dl.photo-sub dt, table.favoriteAgentList td.photo dl.photo-sub dt, table.agentlist td.photo dl.photo-sub dt {
  float: left;
  height: 39px;
  margin-left: 5px;
  margin-top: 5px;
}
table.datalist td.transport, table.favoriteAgentList td.transport, table.agentlist td.transport {
  text-align: left;
  width: 20%;
}
table.datalist td.walking, table.favoriteAgentList td.walking, table.agentlist td.walking {
  width: 15%;
}
table.datalist td.price, table.favoriteAgentList td.price, table.agentlist td.price {
  width: 20%;
}
table.datalist td.extprice, table.favoriteAgentList td.extprice, table.agentlist td.extprice {
  width: 15%;
}
table.datalist td.room, table.favoriteAgentList td.room, table.agentlist td.room {
  width: 20%;
}
table.datalist td.remarks, table.favoriteAgentList td.remarks, table.agentlist td.remarks {
  width: 15%;
}
table.datalist td.title.dotleader {
  white-space:nowrap;
  max-width:100px;
  overflow:hidden;
  text-overflow:ellipsis;
}

select.kakaku {
  width: 76px;
}
select.kakaku_buy {
  width: 92px;
}

select[name="gakku_syo_cd"],
select[name="gakku_chu_cd"] {
  max-width: 160px;
  width: 160px;
}

.list-image-max-size {
  max-width: 210px;
  max-height: 170px;
  width: auto;
  height: auto;
}
.list-resize-span {
  display: block;
  width: 210px;
  height: 170px;
}
.list-container {
  display: table;
  table-layout: fixed;
  width: 210px;
  height: 170px;
}
.list-sub-image-max-size {
  max-width: 40px;
  max-height: 40px;
  width: expression(this.width >= this.height ? "40px" : "auto");
  height: expression(this.width <= this.height ? "40px" : "auto");
}
.list-sub-resize-span {
  display: block;
  width: 40px;
  height: 40px;
}
.list-sub-container {
  display: table;
  table-layout: fixed;
  width: 40px;
  height: 40px;
}
.gm-style img.list-map-image-max-size {
  max-width: 70px;
  max-height: 70px;
  width: expression(this.width >= this.height ? "70px" : "auto");
  height: expression(this.width <= this.height ? "70px" : "auto");
}
.gm-style img {
  border: none;
}
.list-map-resize-span {
  display: block;
  width: 70px;
  height: 70px;
}
.list-map-container {
  display: table;
  table-layout: fixed;
  width: 70px;
  height: 70px;
}
.agent-list-map-image-max-size {
  max-width: 100px;
  max-height: 100px;
  width: expression(this.width >= this.height ? "100px" : "auto");
  height: expression(this.width <= this.height ? "100px" : "auto");
}
.agent-list-map-resize-span {
  display: block;
  width: 100px;
  height: 100px;
}
.agent-list-map-container {
  display: table;
  table-layout: fixed;
  width: 100px;
  height: 100px;
}
.agent-detail-image-max-size {
  max-width: 280px;
  max-height: 280px;
  width: expression(this.width >= this.height ? "280px" : "auto");
  height: expression(this.width <= this.height ? "280px" : "auto");
}
.agent-detail-resize-span {
  display: block;
  width: 280px;
  height: 280px;
}
.agent-detail-container {
  display: table;
  table-layout: fixed;
  width: 280px;
  height: 280px;
}
.agent-detail-list-image-max-size {
  max-width: 100px;
  max-height: 100px;
  width: expression(this.width >= this.height ? "100px" : "auto");
  height: expression(this.width <= this.height ? "100px" : "auto");
}
.agent-detail-list-resize-span {
  display: block;
  width: 100px;
  height: 100px;
}
.agent-detail-list-container {
  display: table;
  table-layout: fixed;
  width: 100px;
  height: 100px;
}
.bukken-detail-image-max-size {
  max-width: 300px;
  max-height: 300px;
  width: expression(this.width >= this.height ? "300px" : "auto");
  height: expression(this.width <= this.height ? "300px" : "auto");
}
.bukken-detail-resize-span {
  display: block;
  width: 300px;
  height: 300px;
}
.bukken-detail-container {
  display: table;
  table-layout: fixed;
  width: 300px;
  height: 300px;
}
.photo_cell_mid {
  display: table-cell;
  table-layout: fixed;
  align: center;
  vertical-align: middle;
}
.list-container > .photo_cell_mid {
  width: 210px;
  height: 170px;
}
.bukken-detail-sub-image-max-size {
  max-width: 90px;
  max-height: 90px;
  width: expression(this.width >= this.height ? "90px" : "auto");
  height: expression(this.width <= this.height ? "90px" : "auto");
}
.bukken-detail-sub-resize-span {
  display: block;
  width: 90px;
  height: 90px;
}
.bukken-detail-sub-container {
  display: table;
  table-layout: fixed;
  width: 90px;
  height: 90px;
}
.bukken-detail-kaiin-image-max-size {
  max-width: 120px;
  max-height: 120px;
  width: expression(this.width >= this.height ? "120px" : "auto");
  height: expression(this.width <= this.height ? "120px" : "auto");
}
.bukken-detail-kaiin-resize-span {
  display: block;
  width: 120px;
  height: 120px;
}
.bukken-detail-recommend-image-max-size {
  max-width: 140px;
  max-height: 120px;
  width: expression(this.width >= this.height ? "140px" : "auto");
  height: expression(this.width <= this.height ? "120px" : "auto");
}
.bukken-detail-recommend-resize-span {
  display: block;
  width: 140px;
  height: 120px;
}
.bukken-detail-recommend-container {
  display: table;
  table-layout: fixed;
  width: 140px;
  height: 120px;
}
.bukken-detail-print-image-max-size {
  max-width: 280px;
  max-height: 280px;
  width: expression(this.width >= this.height ? "280px" : "auto");
  height: expression(this.width <= this.height ? "280px" : "auto");
}
.bukken-detail-print-resize-span {
  display: block;
  width: 280px;
  height: 280px;
}
.bukken-detail-print-container {
  display: table;
  table-layout: fixed;
  width: 280px;
  height: 280px;
}

.common-list-image-max-size {
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width >= this.height ? "100px" : "auto");
  height: expression(this.width <= this.height ? "100px" : "auto");
}
.common-list-resize-span {
  display: block;
  width: 210px;
  height: 170px;
  margin: 0 auto;
}
.common-list-container {
  display: table;
  table-layout: fixed;
  width: 210px;
  height: 170px;
}
.favorite-kaiin-image-max-size {
  max-width: 100px;
  max-height: 100px;
  width: expression(this.width >= this.height ? "100px" : "auto");
  height: expression(this.width <= this.height ? "100px" : "auto");
}
.favorite-kaiin-resize-span {
  display: block;
  width: 100px;
  height: 100px;
}
.favorite-kaiin-container {
  display: table;
  table-layout: fixed;
  width: 100px;
  height: 100px;
}
.bukken-zoom-image-max-size {
  max-width: 300px;
  max-height: 300px;
  width: expression(this.width >= this.height ? "300px" : "auto");
  height: expression(this.width <= this.height ? "300px" : "auto");
}
.bukken-zoom-resize-span {
  display: block;
  width: 300px;
  height: 300px;
}

#multiselect_panel {
  margin: 0 auto;
  background: url('/search/img/rgbapng/000000bf-5.png');
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  padding: 10px 0;
  position: fixed;
  left: 0;
  bottom: 0px;
  z-index: 9999;
}
#multiselect_panel div {
  margin: 0 auto;
  text-align: center;
  padding: 10px;
  width: 650px;
}

#multiselect_panel.show{
    opacity: 1;
    visibility: visible;
    transition: opacity .8s , visibility .8s;
}
#multiselect_panel.show.hide{
    opacity:0;
    visibility:hidden;
    transition: opacity .8s , visibility .8s;
}

#mapListDiv table td {
  background-color: #fff;
}
#mapListDiv table td.c2 {
  width: 8px;
}

table#bukken_table thead th {
  width: 100%;
}

/*
 * --------------------------------------------------
 * 物件詳細
 * --------------------------------------------------
 */
table.detail1 th {
  width: 12%;
  color: #333333;
  text-align: center;
}
table.detail1 th p {
  width: 100%;
  margin: 2px 0;
  text-align: center;
}
table.detail1 th.transport {
  width: 40%;
}
table.detail1 th.walking {
  width: 8%;
}
table.detail1 th.price {
  width: 12%;
}
table.detail1 th.extprice {
  width: 12%;
}
table.detail1 th.room {
  width: 14%;
}
table.detail1 th.remarks {
  width: 14%;
}
table.detail1 td {
  text-align: center;
  padding: 5px 7px;
}
table.detail1 td.transport {
  text-align: left;
}
table.detail1 td p {
  width: 100%;
  margin: 2px 0;
}

.detail-photo-box .photo-typical {
  width: 48%;
  text-align: center;
}
.detail-photo-box h4.title,
.syuhen-photo-box h4.title,
.movie-box h4.title {
  text-align: left;
  border-bottom: 1px dotted #d8d8d8;
  margin-bottom: 10px;
  padding: 3px 0;
  font-size: 1.1em;
  font-weight: bold;
}
.detail-photo-box .photo-list {
  margin-top: 10px;
}
.detail-photo-box .photo-list img {
  margin: 0 0;
}
.detail-photo-box .photo-list .slideshow-preview {
  width: 35%;
  text-align: center;
}
.detail-photo-box .photo-list .slideshow-list {
  width: 65%;
}
.detail-photo-box .photo-list .slideshow-list ul {
  overflow: hidden;
}
.detail-photo-box .photo-list .slideshow-list ul li {
  float: left;
}
.detail-photo-box .photo-list .slideshow-list ul li a {
  display: block;
  width: 90px;
  margin: 0 10px 10px 10px;
  border: 2px solid #d8d8d8;
}
.detail-photo-box .photo-list .slideshow-list ul li a.active {
  border-color: #d60010;
}

/* 周辺環境 */
.syuhen-photo-box .syuhen-list {
  margin-top: 10px;
}
.syuhen-photo-box .syuhen-list img {
  margin: 0 0;
}
.syuhen-photo-box .syuhen-list .syuhen-list-images {
  width: 100%;
}
.syuhen-photo-box .syuhen-list .syuhen-list-images ul {
  height: 100%;
  margin-left: 15px;
}
.syuhen-photo-box .syuhen-list .syuhen-list-images ul li {
  display:inline-block;
  /display:inline;
  /zoom:1;
  vertical-align:top;
  padding: 5px;
  margin: 5px 5px;
  width: 210px;
  border:1px solid #aaa;
}
.syuhen-photo-box .syuhen-list .syuhen-list-images ul li a {
  display: block;
  width: 150px;
  margin: 0 auto 0 auto;
}
.syuhen-photo-box .syuhen-list .syuhen-list-images ul li p {
  word-wrap: break-word;
}
.bukken-detail-syuhen-image-max-size {
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width >= this.height ? "150px" : "auto");
  height: expression(this.width <= this.height ? "150px" : "auto");
}
.bukken-detail-syuhen-resize-span {
  display: block;
  width: 150px;
  height: 150px;
}
.bukken-detail-syuhen-container {
  display: table;
  table-layout: fixed;
  width: 150px;
  height: 150px;
}

/* 動画 */
.movie-box > div {
  margin-top: 10px;
}
.movie-box .movie-list ul {
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.movie-box .movie-list ul li {
  display:inline-block;
  /display:inline;
  /zoom:1;
  vertical-align:top;
  padding: 5px;
  margin: 5px 5px;
  width: 430px;
}

/* 物件詳細情報 */
table.detail2 th {
  padding: 5px 7px;
}
table.detail2 td {
  padding: 5px 7px;
  width: 30%;
  word-break: break-all;
}
table.detail2 td.wide {
  width: 80%;
}

p.detail-map-title {
  margin: 8px 0;
}

.h3-title {
  margin-top: 10px;
  background-color: #f0f0f0;
  border: 1px solid #d8d8d8;
  padding: 5px;
}
.h3-title h3 {
  border-left: 5px solid #088433;
  font-size: 1.2em;
  padding-left: 5px;
  font-weight: bold;
}

.storeinfo .row.box {
  border: 1px solid #d8d8d8;
}
.storeinfo .row.bottom-breaking {
  border-bottom: 1px dotted #d8d8d8;
}

.detail-qr-area img, .detail-agent-qr-area img {
  border: 0px none;
}
.detail-qr-area .text, .detail-agent-qr-area .text {
  font-size: 1.1em;
  font-weight: bold;
  margin: 13px 8px 5px;
}
.detail-qr-area .text span, .detail-agent-qr-area .text span {
  font-size: .8em;
  font-weight: normal;
}

.detail-agent-qr-area .text {
  font-size: .9em;
}

.attention-list {
  margin-top: 10px;
}
.attention-list ul {
  list-style: disc inside;
}

.quick-inquiry .h3-title {
  background-color: #088433;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border: 2px solid #088433;
  color: #fff;
  margin-bottom: 0;
}
.quick-inquiry .h3-title h3 {
  border-left: 5px solid #fff;
  font-weight: bold;
}
.quick-inquiry .quick-inquiry-body {
  padding: 10px;
  border: 2px solid #088433;
}
.quick-inquiry table {
  margin-top: 5px;
  border-collapse: collapse;
  width: 100%;
}
.quick-inquiry table th {
  border: 1px solid #d8d8d8;
  background-color: #f0f0f0;
  padding: 5px 7px;
  width: 15%;
}
.quick-inquiry table td {
  border: 1px solid #d8d8d8;
  padding: 5px 7px;
}

.recommend dt {
  float: left;
  margin: 20px 15px;
  width: 160px;
}
.recommend dt .itembox {
  width: 160px;
  border: 1px solid #d8d8d8;
  padding: 0 5px;
}
.recommend dt .itembox.head {
  background-color: #a5a5a5;
}
.recommend dt .itembox.photo {
  padding: 5px;
}
.recommend dt .itembox-head {
  color: #fff;
  padding: 3px 3px 3px 5px;
  font-weight: bold;
}
.recommend dt a {
  padding: 0 10px;
}
.recommend dt .pricetext {
  color: #d60010;
  font-weight: bold;
}

.recommentdArea .otherArea {
  background-color: #fdf8b3;
  padding: 5px 5px;
}
.recommentdArea div {
  padding: 8px 5px;
}

table.print th.select {
  width: 20px;
  padding: 5px 0;
  vertical-align: top;
}
table.print td > table:first-child {
  margin-top: 0;
}
table.print table th {
  width: 20%;
}
table.print table td {
  width: 30%;
  word-break: break-all;
}
table.print table td.keyItem {
  width: 75%;
  vertical-align: top;
}
table.print table td.keyItem.keyItem-primary {
  background-color: #fdf8b3;
  font-size: 1.2em;
  font-weight: bold;
}
table.print table td.qrcode {
  width: 25%;
}
table.print table td.wide {
  width: 80%;
}

/*
 * --------------------------------------------------
 * 物件詳細／物件詳細（一括）開閉
 * --------------------------------------------------
 */
.grad-wrap td {
    position: relative;
}
.grad-btn {
    text-align: right;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 30px;
}
.grad-btn-open,
.grad-btn-close {
    display: block;
    font-size: 12px;
    color: rgb(11, 36, 251);
    text-align: center;
    text-shadow: none;
    border-radius: 2px;
    position: absolute;
    right: .5em;
    bottom: .5em;
    cursor: pointer;
}
.grad-btn-close {
    display: none;
}
.is-show  {
    display: block;
}
.grad-btn > :not(.is-show) {
    display: none;
}
.grad-btn + .grad-item {
    margin-bottom: 1.7em;
}

/*
 * --------------------------------------------------
 * 保存した検索条件
 * --------------------------------------------------
 */
table.condList td dl {
  margin: 0 5px;
}
table.condList td dt {
  border-bottom: 1px solid #CFCFCF;
  margin: 3px 0;
  word-break: break-all;
}
table.condList td dt:last-child {
  border-bottom: none;
  padding-top: 10px;
}

/*
 * --------------------------------------------------
 * マッチングメール
 * --------------------------------------------------
 */
table.matching_mail td {
  padding: 10px;
}

/*
 * --------------------------------------------------
 * お問い合せ
 * --------------------------------------------------
 */
.inquiry_detail_item dt {
  width: 260px;
}

table.bukkenList.rentBiz th, table.rentBiz.favoriteList th, table.rentBiz.agentOwnerList th {
  text-align: center;
}
table.bukkenList.rentBiz th.photo, table.rentBiz.favoriteList th.photo, table.rentBiz.agentOwnerList th.photo {
  width: 10%;
}
table.bukkenList.rentBiz th.transport, table.rentBiz.favoriteList th.transport, table.rentBiz.agentOwnerList th.transport {
  width: 22%;
}
table.bukkenList.rentBiz th.working, table.rentBiz.favoriteList th.working, table.rentBiz.agentOwnerList th.working {
  width: 8%;
}
table.bukkenList.rentBiz th.price, table.rentBiz.favoriteList th.price, table.rentBiz.agentOwnerList th.price {
  width: 12%;
}
table.bukkenList.rentBiz th.extprice, table.rentBiz.favoriteList th.extprice, table.rentBiz.agentOwnerList th.extprice {
  width: 14%;
}
table.bukkenList.rentBiz th.demenstion, table.rentBiz.favoriteList th.demenstion, table.rentBiz.agentOwnerList th.demenstion {
  width: 22%;
}
table.bukkenList.rentBiz th.remarks, table.rentBiz.favoriteList th.remarks, table.rentBiz.agentOwnerList th.remarks {
  width: 12%;
}

.inquiry-bg-gray {
  background-color: #f0f0f0;
  padding: 10px;
}

.inquiry-deny {
  border-color: red;
  background-color: #ffeaea;
  color: red;
}

/*
 * --------------------------------------------------
 * 検討中リスト
 * --------------------------------------------------
 */
table.favoriteAgentList td.select {
  width: 7%;
  text-align: center;
  vertical-align: middle;
}
table.favoriteAgentList td.photo {
  width: 15%;
}

/*
 * --------------------------------------------------
 * 不動産会社一覧
 * --------------------------------------------------
 */
table.agentlist td.photo {
  width: 15%;
}

/*
 * --------------------------------------------------
 * 不動産会社詳細
 * --------------------------------------------------
 */
.agentDetail {
  border-top: 7px solid #088433;
}
.agentDetail .nameBox {
  margin-top: 3px;
  text-align: center;
  padding: 10px auto;
}
.agentDetail .nameBox h1 {
  font-size: 3em;
}
.agentDetail .nameBox .tel {
  font-size: 2em;
}
.agentDetail.mainArea {
  border: none;
}
.agentDetail h2 {
  border-top: 2px solid #088433;
  border-bottom: 2px solid #088433;
  background-color: #eee;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
}
.agentDetail .photoBox {
  width: 620px;
}
.agentDetail .photoBox .photo {
  width: 306px;
  background-color: #eee;
  text-align: center;
}
.agentDetail .photoBox .photo:last-child {
  margin-left: 8px;
}
.agentDetail .photoBox .photo img {
  margin: 10px 0;
}
.agentDetail .navs {
  text-align: center;
  width: 180px;
}
.agentDetail .navs .title {
  text-align: left;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4ODQzMyIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMGJiNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDg4NDMzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #088433), color-stop(40%, #0bb446), color-stop(100%, #088433));
  background: -webkit-linear-gradient(#088433, #0bb446 40%, #088433);
  background: -moz-linear-gradient(#088433, #0bb446 40%, #088433);
  background: -o-linear-gradient(#088433, #0bb446 40%, #088433);
  -pie-background: linear-gradient(#088433, #0bb446 40%, #088433);
  background: linear-gradient(#088433, #0bb446 40%, #088433);
  color: #fff;
  font-size: .8em;
  font-weight: bold;
  padding: 5px 0 5px 5px;
  margin-bottom: 5px;
}
.agentDetail .navs .title span {
  border-left: 3px solid #fff;
  padding-left: 5px;
}
.agentDetail .navs .navItem {
  margin-top: 10px;
  text-align: center;
  padding: 0 0 5px 0;
  border: 1px solid #088433;
}
.agentDetail .sectionHead {
  border-top: none;
  border-bottom: 3px solid #088433;
  padding: 5px 5px 3px 5px;
}
.agentDetail .sectionHead h2 {
  font-weight: bold;
  border-left: 4px solid #088433;
  border-top: none;
  border-bottom: none;
  background-color: #fff;
  padding: 0 0 0 5px;
}
.agentDetail .servicelist {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-top: 5px;
}
.agentDetail .servicelist li {
  float: left;
  width: 84px;
  height: 28px;
  margin: 0 5px 5px 0;
}
.agentDetail .servicelist li img {
  border: none;
}
.agentDetail table.agentData th {
  width: 15%;
}
.agentDetail table.agentData td {
  width: 35%;
}

.navTab, .navTab.remarks, .navTab.subNav, .navTab.favorite {
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  border-bottom: 2px solid #d8d8d8;
}
.navTab li, .navTab.remarks li, .navTab.subNav li, .navTab.favorite li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: bottom;
  margin: 0 0 0 5px;
  padding: 5px;
  position: relative;
  bottom: -2px;
  border: 1px solid #d8d8d8;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 2px solid #d8d8d8;
}
.navTab li.active {
  border-bottom: 2px solid #fff;
  line-height: 2em;
  font-weight: bold;
  padding: 8px;
  background-color: #fdf8b3;
}
.navTab li.disabled {
  color: #b3b3b3;
}
.navTab li a, .navTab.remarks li a, .navTab.subNav li a, .navTab.favorite li a {
  display: block;
}

.remarks.navTab, .navTab.subNav {
  border-color: #088433;
}
.remarks.navTab li, .navTab.subNav li {
  border-color: #088433;
  width: 110px;
  text-align: center;
}
.remarks.navTab li.active, .navTab.subNav li.active {
  @extends .navtab li.active;
  line-height: 1em;
  background-color: #088433;
}
.navTab.remarks.dialog {
  margin-left:0;
}
.navTab.remarks.dialog li {
  padding-left: 10px;
  width: 87px;
}
.navTab.remarks.dialog.rent li {
  width: 110px;
}
.navTab.remarks.dialog.buy li {
  height: 30px;
  width: 87px;
}
.navTab.remarks.dialog li {
  line-height: inherit;
}
.remarks.navTab li.active a, .navTab.subNav li.active a {
  color: #fff;
}
.remarks.navTab li.disabled, .navTab.subNav li.disabled {
  color: #b3b3b3;
  border-top-color: #b3b3b3;
  border-left-color: #b3b3b3;
  border-right-color: #b3b3b3;
}
.remarks.fullwidth.navTab li, .fullwidth.navTab.subNav li {
  width: 170px;
}
.remarks.fullwidth.buy.navTab li, .fullwidth.buy.navTab.subNav li {
  width: 136px;
}

table.agentOwnerList tbody.selected {
  background-color: #ffffd7;
}

.favorite.navTab li {
  width: 165px;
}

.subNav.navTab {
  margin-top: -10px;
}
.subNav.navTab li {
  border: none;
}

table.agentIconList th {
  background-color: #f3fef7;
  text-align: center;
  vertical-align: top;
}
table.agentIconList td {
  vertical-align: top;
}

table.agentPrint th {
    width: 15%;
}
table.agentPrint td {
    width: 35%;
}

/*
 * --------------------------------------------------
 * Global Override
 * --------------------------------------------------
 */
.widthFree {
  min-width: auto;
  min-width: initial;
}

/*
 * --------------------------------------------------
 * 全宅連専用ヘッダ
 * --------------------------------------------------
 */
#ztk-head {
  background: url("/search/img/zentaku/headbg.gif") top repeat-x;
  height: 150px;
  font-size: 80%;
  font-family: "Roboto", "Noto Sans Japanese", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #343434;
  line-height: 1.4em;
  /* Dropdown Menu */
  /*
      div.menubar ul.menu li {width: 268px;height: 29px;float: left;list-style-type: none;position: relative;}
  */
  /* メニューバー直後の Clear Hack */
}
#ztk-head .newsarea {
  margin: 5px 0 0 20px;
  width: 850px;
  height: 12px;
  float: left;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: -0.05em;
}
#ztk-head #menulogin {
  margin-right: 20px;
}
#ztk-head .container {
  margin: 0 auto;
  width: 1100px;
  text-align: left;
}
#ztk-head ul {
  margin-left: 0;
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
}
#ztk-head li {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}
#ztk-head div.menubar ul.menu a {
  line-height: 29px;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
#ztk-head div.menubar ul.menu a:hover {
  background-color: #ffdddd;
  color: #cc0000;
}
#ztk-head div.menubar ul.menu {
  zoom: 1;
}
#ztk-head div.menubar ul.menu:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#ztk-head div.menubar ul.menu ul.sub {
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;
  z-index: 999;
}
#ztk-head div.menubar ul.menu ul.sub li {
  width: 268px;
  height: 29px;
}
#ztk-head div.menubar ul.menu ul.sub li a {
  line-height: 29px;
  text-align: left;
}
#ztk-head .clear {
  clear: both;
}
#ztk-head .fr {
  float: right;
}
#ztk-head .fl {
  float: left;
}
#ztk-head img {
  border: 0px;
}
#ztk-head .p-b5 {
  padding-bottom: 5px;
}

/*
 * --------------------------------------------------
 * FireFoxのtdワードブレイク対策
 * --------------------------------------------------
 */
.ffWordBreak {
  word-break:break-all;
}

/*
 * --------------------------------------------------
 * Twitterボタン
 * --------------------------------------------------
 */
iframe#tweetbtn {
  width: 68px;
  height: 20px;
  margin: 0 5px;
  margin-right/*\**/: -5px\9; /* IE8 */
}
:root iframe#tweetbtn {
  margin-right: 0\0/;          /* IE9 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  iframe#tweetbtn {
     width: 75px;
  }
}

/*
 * --------------------------------------------------
 * 物件画像アイコン・周辺画像アイコン
 * --------------------------------------------------
 */
.icon-left{float:left; position:relative;}

.icon-bukkengazou {
  display:inline-block;
  font-size: 11px;
  font-weight: bold;
  width:8em;
  line-height:20px;
  border:1px solid;
  text-align:center;
  vertical-align:middle;
  position:absolute;
  top:5px;
  left:5px;
}

.icon-shuhengazou {
  display:inline-block;
  font-size: 11px;
  font-weight: bold;
  width:8em;
  line-height:20px;
  border:1px solid;
  text-align:center;
  vertical-align:middle;
  position:absolute;
  top:5px;
  left:9.3em;
}

.color-green{
  border:1px solid #088433; color:#088433;}
.color-orange{
  border:1px solid #f18d05; color:#f18d05;}
.color-blue{
  border:1px solid #1789BE; color:#1789BE;}

  /*
   * --------------------------------------------------
   * 閲覧数表示アイコン
   * --------------------------------------------------
   */
.icon-viewed_cnt {
    color: #088433;
    font-size: 12px;
    border: 1px solid #088433;
    border-radius: 5px;
    padding:1px 6px 1px 6px;
}

.transport_textbox {
    display: block;
    margin-bottom: 2px;
}

.privacy,.tax {
	min-width: auto;
}
.privacy #container,
.tax #container {
	box-sizing: border-box;
	max-width: 960px;
	width: 100%;
	padding: 0 15px 30px;
}