* {
  margin: 0px;
  padding: 0px;
  font-size: 14px; }

/** mixin set **/
a {
  transition: opacity 0.3s ease; }
  a:hover {
    opacity: 0.5; }

/** Color set **/
html {
  overflow-y: scroll; }

.mb00 {
  margin-bottom: 0px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mt00 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt100 {
  margin-top: 100px !important; }

.ml00 {
  margin-left: 0px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml40 {
  margin-left: 40px !important; }

.mr00 {
  margin-right: 0px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr40 {
  margin-right: 40px !important; }

.w20 {
  width: 20px !important; }

.w40 {
  width: 40px !important; }

.w60 {
  width: 60px !important; }

.w80 {
  width: 80px !important; }

.w100 {
  width: 100px !important; }

.w120 {
  width: 120px !important; }

.w140 {
  width: 140px !important; }

.w160 {
  width: 160px !important; }

.w180 {
  width: 180px !important; }

.w200 {
  width: 200px !important; }

.w220 {
  width: 220px !important; }

.w240 {
  width: 240px !important; }

.w260 {
  width: 260px !important; }

.w280 {
  width: 280px !important; }

.w300 {
  width: 300px !important; }

.w320 {
  width: 320px !important; }

.w340 {
  width: 340px !important; }

.w480 {
  width: 420px !important; }

.w600 {
  width: 600px !important; }

.w640 {
  width: 640px !important; }

.w660 {
  width: 660px !important; }

.w700 {
  width: 700px !important; }

.w720 {
  width: 720px !important; }

.w840 {
  width: 840px !important; }

.w920 {
  width: 940px !important; }

.w20pp {
  width: 20% !important; }

.w30pp {
  width: 30% !important; }

.mh300 {
  min-height: 300px; }

.mh600 {
  min-height: 600px; }

.centering {
  margin: 0px auto; }

.bigFont {
  font-size: 18px; }

.middleFont {
  font-size: 14px; }

.smallFont {
  font-size: 12px; }

.miniFont {
  font-size: 10px; }

a[class~=notice], strong[class~=notice], small[class~=notice], span[class~=notice], p[class~=notice], div[class~=notice] {
  color: #bbbbbb !important; }
a[class~=note], strong[class~=note], small[class~=note], span[class~=note], p[class~=note], div[class~=note] {
  color: #66cc66 !important; }
a[class~=black], strong[class~=black], small[class~=black], span[class~=black], p[class~=black], div[class~=black] {
  color: black !important; }
a[class~=red], strong[class~=red], small[class~=red], span[class~=red], p[class~=red], div[class~=red] {
  color: #ff0081 !important; }
a[class~=blue], strong[class~=blue], small[class~=blue], span[class~=blue], p[class~=blue], div[class~=blue] {
  color: #5c54f8 !important; }
a[class~=pink], strong[class~=pink], small[class~=pink], span[class~=pink], p[class~=pink], div[class~=pink] {
  color: #ff46a7 !important; }
a[class~=yellow], strong[class~=yellow], small[class~=yellow], span[class~=yellow], p[class~=yellow], div[class~=yellow] {
  color: #fec400 !important; }
a[class~=custard], strong[class~=custard], small[class~=custard], span[class~=custard], p[class~=custard], div[class~=custard] {
  color: #ffbc57 !important; }
a[class~=green], strong[class~=green], small[class~=green], span[class~=green], p[class~=green], div[class~=green] {
  color: #006833 !important; }

a, span, strong, small, p, div, ul, li, dl, dd, dt, section, article, table, tbody, tr, td, th, caption, input, select, option, textarea, lavel {
  font-family: Meiryo, Arial, sans-serif; }

img {
  vertical-align: top;
  border: none; }

label.wrap, span.wrap {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 3px 0px;
  margin-right: 10px; }
  label.wrap[class~=skiny], span.wrap[class~=skiny] {
    margin-right: 0px; }
  label.wrap[class~=border], span.wrap[class~=border] {
    padding: 3px;
    margin-right: 0px;
    font-size: 11px;
    border: solid 1px #cccccc;
    background: #fbfbfb;
    border-radius: 3px; }
    label.wrap[class~=border] span, label.wrap[class~=border] a, span.wrap[class~=border] span, span.wrap[class~=border] a {
      font-size: inherit;
      color: #444; }
  label.wrap:last-child, span.wrap:last-child {
    margin-right: 0px; }
  label.wrap[class~=block], span.wrap[class~=block] {
    display: block;
    padding: 3px; }
  label.wrap input, label.wrap select, span.wrap input, span.wrap select {
    display: inline-block;
    vertical-align: middle; }
  label.wrap span, label.wrap a, label.wrap strong, label.wrap small, span.wrap span, span.wrap a, span.wrap strong, span.wrap small {
    display: inline-block;
    vertical-align: middle; }

input[type=submit],
input[type=button],
input[type=reset],
a.button {
  cursor: pointer;
  border: solid 1px #a6a6a6;
  background-color: #e8e8e8;
  border-radius: 3px;
  color: #444;
  text-decoration: none;
  font-size: 80%;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 15px; }
  input[type=submit]:hover,
  input[type=button]:hover,
  input[type=reset]:hover,
  a.button:hover {
    background-color: #f1f1f1; }
  input[type=submit][class~=smallFont],
  input[type=button][class~=smallFont],
  input[type=reset][class~=smallFont],
  a.button[class~=smallFont] {
    font-size: 80%; }
  input[type=submit][class~=middleFont],
  input[type=button][class~=middleFont],
  input[type=reset][class~=middleFont],
  a.button[class~=middleFont] {
    font-size: 100%; }
  input[type=submit][class~=bigFont],
  input[type=button][class~=bigFont],
  input[type=reset][class~=bigFont],
  a.button[class~=bigFont] {
    font-size: 180%; }

input[type=text],
input[type=password],
textarea,
option, select {
  font-size: 12px;
  padding: 3px; }

input[type=text],
input[type=password],
textarea, select {
  border: solid 1px #bbbbbb; }
  input[type=text][class~=small],
  input[type=password][class~=small],
  textarea[class~=small], select[class~=small] {
    width: 80px; }
  input[type=text][class~=middle],
  input[type=password][class~=middle],
  textarea[class~=middle], select[class~=middle] {
    width: 240px; }
  input[type=text][class~=large],
  input[type=password][class~=large],
  textarea[class~=large], select[class~=large] {
    width: 320px; }

.message {
  display: block;
  padding: 10px;
  margin: 5px 0px;
  border-radius: 3px;
  text-align: center; }
  .message span, .message strong {
    color: inherit;
    font-size: inherit;
    line-height: inherit; }
  .message > a {
    font-size: inherit; }
  .message[class~=inline] {
    display: inline-block !important;
    vertical-align: middle; }
  .message[class~=inline-icon] {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0px !important;
    font-size: 8px !important;
    padding: 1px 3px; }
  .message[class~=skiny] {
    margin: 0px; }
  .message[class~=border] {
    border: solid 1px; }
  .message[class~=small] {
    display: block;
    padding: 3px;
    margin: 3px 0px;
    border-radius: 2px;
    font-size: 11px !important;
    text-align: center; }
  .message[class~=big] {
    display: block;
    font-size: 18px !important;
    text-align: center; }
  .message[class~=white] {
    background: #fff !important;
    color: #444 !important; }
    .message[class~=white] > a {
      color: #444 !important; }
      .message[class~=white] > a:hover {
        color: #06f !important; }
  .message[class~=red] {
    background: #ffd9d9 !important;
    color: #950000 !important; }
    .message[class~=red] > a {
      color: #950000 !important; }
      .message[class~=red] > a:hover {
        color: red !important; }
  .message[class~=orange] {
    background: #fec400 !important;
    color: #be9301 !important; }
    .message[class~=orange] > a {
      color: #be9301 !important; }
      .message[class~=orange] > a:hover {
        color: #ffff02 !important; }
  .message[class~=blue] {
    background: #eae9fe !important;
    color: #6073f7 !important; }
    .message[class~=blue] > a {
      color: #6073f7 !important; }
      .message[class~=blue] > a:hover {
        color: #c0e6ff !important; }
  .message[class~=green] {
    background: #006833 !important;
    color: #fff !important; }
    .message[class~=green] > a {
      color: #006833 !important; }
      .message[class~=green] > a:hover {
        color: #00d066 !important; }
  .message[class~=disable] {
    background: #efefef;
    color: #cccccc !important; }
    .message[class~=disable] > a {
      color: #cccccc !important; }
      .message[class~=disable] > a:hover {
        color: white !important; }
  .message[class~=none] {
    background: #efefef;
    color: #cccccc !important; }
    .message[class~=none] > a {
      color: #cccccc !important; }
      .message[class~=none] > a:hover {
        color: white !important; }
  .message[class~=black] {
    background: #444444;
    color: #fff !important; }
    .message[class~=black] > a {
      color: #fff !important; }
      .message[class~=black] > a:hover {
        color: white !important; }
  .message[class~=gray] {
    background: #efefef;
    color: #006833 !important; }
    .message[class~=gray] > a {
      color: #cccccc !important; }
      .message[class~=gray] > a:hover {
        color: white !important; }

.hide {
  display: none; }

.gMenu {
  display: block;
  margin: 10px; }
  .gMenu ul.pulldownlist {
    display: block; }
    .gMenu ul.pulldownlist:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    .gMenu ul.pulldownlist li {
      margin: 0px 1px 1px 0px;
      float: left;
      list-style: none;
      display: block;
      position: relative; }
      .gMenu ul.pulldownlist li a.pulldown {
        display: block;
        padding: 3px 20px;
        background: #ffde79;
        cursor: pointer; }
        .gMenu ul.pulldownlist li a.pulldown:hover, .gMenu ul.pulldownlist li a.pulldown[class~=hover] {
          display: block;
          padding: 3px 20px;
          background: #ffbc57; }
        .gMenu ul.pulldownlist li a.pulldown[class~=active] {
          display: block;
          padding: 3px 20px;
          background: #006833; }
      .gMenu ul.pulldownlist li ul.linklist {
        position: absolute;
        top: 100%;
        left: 0px;
        min-width: 180px;
        background: #ffbc57;
        z-index: 100; }
        .gMenu ul.pulldownlist li ul.linklist li {
          margin: 1px;
          display: block;
          float: none; }
          .gMenu ul.pulldownlist li ul.linklist li a {
            line-height: 180%;
            text-decoration: none;
            color: #444;
            display: block;
            padding: 3px 20px;
            background: white; }
            .gMenu ul.pulldownlist li ul.linklist li a:hover {
              display: block;
              padding: 3px 20px;
              background: #ffef8a; }

ul.list, dl.list {
  display: block;
  margin: 0px;
  padding-left: 19px; }
  ul.list li, ul.list dd, dl.list li, dl.list dd {
    list-style: none; }

.title {
  display: block;
  line-height: 30px;
  height: 20px;
  background: #dbdbdb url("img/grad_gray.png") repeat-x left;
  margin: 10px;
  padding: 5px;
  margin-bottom: 10px; }
  .title span {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    display: block;
    border-left: solid 3px #444;
    color: #444;
    padding-left: 5px; }
  .title[class~=red] {
    background: #ffdcdc url("img/grad_red.png") repeat-x left; }
    .title[class~=red] span {
      border-left: solid 3px #f00; }
  .title[class~=blue] {
    background: #dce3ff url("img/grad_blue.png") repeat-x left; }
    .title[class~=blue] span {
      border-left: solid 3px #00f; }
  .title[class~=green] {
    background: #dcf6e1 url("img/grad_green.png") repeat-x left; }
    .title[class~=green] span {
      border-left: solid 3px #0ff; }
  .title[class~=yellow] {
    background: #fff6dc url("img/grad_yellow.png") repeat-x left; }
    .title[class~=yellow] span {
      border-left: solid 3px #f90; }
  .title[class~=purple] {
    background: #f9dcf7 url("img/grad_purple.png") repeat-x left; }
    .title[class~=purple] span {
      border-left: solid 3px #db2bce; }

.center {
  text-align: center; }

.cell {
  display: block;
  margin: 10px 0px;
  text-align: center; }
  .cell > * {
    text-align: left; }
  .cell .left {
    text-align: left; }
  .cell .right {
    text-align: right; }
  .cell .center {
    text-align: center; }

.horizon_list {
  display: block;
  margin: 10px 0px; }
  .horizon_list ul {
    display: block; }
    .horizon_list ul:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    .horizon_list ul li {
      display: block;
      float: left;
      border-left: #6073f7 1px solid; }
      .horizon_list ul li:first-child {
        border-left: none; }
      .horizon_list ul li a, .horizon_list ul li span {
        display: block;
        text-align: center;
        background: #eae9fe;
        color: #5c54f8;
        padding: 5px 10px;
        font-size: 12px; }
        .horizon_list ul li a[class~=active], .horizon_list ul li a:hover, .horizon_list ul li span[class~=active], .horizon_list ul li span:hover {
          background: #6073f7;
          color: #3a32d6; }

._table {
  border-collapse: collapse;
  /*border: solid 1px #dbdbdb;*/ }
  ._table tr th, ._table tr td {
    background-color: #fff;
    border: solid 1px #ff7ab0; }
    ._table tr th[class~=noborder], ._table tr td[class~=noborder] {
      border: none; }
    ._table tr th[class~=bg_black], ._table tr td[class~=bg_black] {
      background-color: #444444; }
    ._table tr th[class~=bg_red], ._table tr td[class~=bg_red] {
      background-color: #ffd9d9; }
    ._table tr th[class~=bg_blue], ._table tr td[class~=bg_blue] {
      background-color: #eae9fe; }
    ._table tr th[class~=bg_yellow], ._table tr td[class~=bg_yellow] {
      background-color: #fff2c4; }
    ._table tr th[class~=bg_green], ._table tr td[class~=bg_green] {
      background-color: #006833; }
    ._table tr th[class~=bg_gray], ._table tr td[class~=bg_gray] {
      background-color: #efefef; }
    ._table tr th[class~=bottomDott], ._table tr td[class~=bottomDott] {
      border-bottom: dotted 1px; }
    ._table tr th[class~=topNone], ._table tr td[class~=topNone] {
      border-top: none; }
  ._table[class~=center] {
    margin: 0px auto; }
  ._table[class~=full] {
    width: 100%; }
  ._table[class~=p5] tr th, ._table[class~=p5] tr td {
    padding: 5px; }
  ._table[class~=p10] tr th, ._table[class~=p10] tr td {
    padding: 10px; }
  ._table[class~=ph5] tr th, ._table[class~=ph5] tr td {
    padding: 5px 0px; }
  ._table[class~=ph10] tr th, ._table[class~=ph10] tr td {
    padding: 10px 0px; }
  ._table[class~=pw5] tr th, ._table[class~=pw5] tr td {
    padding: 0px 5px; }
  ._table[class~=pw10] tr th, ._table[class~=pw10] tr td {
    padding: 0px 10px; }
  ._table[class~=pb20] tr th, ._table[class~=pb20] tr td {
    padding-bottom: 20px; }
  ._table[class~=pb40] tr th, ._table[class~=pb40] tr td {
    padding-bottom: 40px; }
  ._table[class~=black] tr th, ._table[class~=black] tr td {
    border-color: black; }
  ._table[class~=red] tr th, ._table[class~=red] tr td {
    border-color: #950000; }
  ._table[class~=blue] tr th, ._table[class~=blue] tr td {
    border-color: #6073f7; }
  ._table[class~=yellow] tr th, ._table[class~=yellow] tr td {
    border-color: #be9301; }
  ._table[class~=green] tr th, ._table[class~=green] tr td {
    border-color: #00a41d; }
  ._table[class~=gray] tr th, ._table[class~=gray] tr td {
    border-color: #aba7a1; }
  ._table[class~=noborder] {
    border: none; }
    ._table[class~=noborder] tr th, ._table[class~=noborder] tr td {
      border: none; }
  ._table[class~=peace2] tr th, ._table[class~=peace2] tr td {
    width: 50%; }
  ._table[class~=peace3] tr th, ._table[class~=peace3] tr td {
    width: 33%; }
  ._table[class~=peace4] tr th, ._table[class~=peace4] tr td {
    width: 25%; }
  ._table[class~=peace5] tr th, ._table[class~=peace5] tr td {
    width: 20%; }
  ._table[class~=peace6] tr th, ._table[class~=peace6] tr td {
    width: 15%; }

caption {
  caption-side: top;
  display: block; }

th[class~=right], td[class~=right] {
  text-align: right; }
th[class~=left], td[class~=left] {
  text-align: left; }
th[class~=center], td[class~=center] {
  text-align: center; }
th[class~=bottom], td[class~=bottom] {
  vertical-align: bottom; }
th[class~=top], td[class~=top] {
  vertical-align: top; }

.tabletitle {
  padding: 10px;
  font-size: 10pt;
  text-align: center; }
  .tabletitle[class~=inline] {
    display: inline-block !important;
    vertical-align: middle; }
  .tabletitle[class~=inline-icon] {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0px !important;
    font-size: 8px !important;
    padding: 1px 3px; }
  .tabletitle[class~=border] {
    border: solid 1px; }
  .tabletitle[class~=small] {
    display: block;
    padding: 3px;
    margin: 3px 0px;
    border-radius: 2px;
    font-size: 11px !important;
    text-align: center; }
  .tabletitle[class~=big] {
    display: block;
    font-size: 18px !important;
    text-align: center; }
  .tabletitle[class~=white] {
    background: #fff !important;
    color: #444 !important; }
    .tabletitle[class~=white] > a {
      color: #444 !important; }
      .tabletitle[class~=white] > a:hover {
        color: #06f !important; }
  .tabletitle[class~=red] {
    background: #ffd9d9 !important;
    color: #fff !important; }
    .tabletitle[class~=red] > a {
      color: #fff !important; }
      .tabletitle[class~=red] > a:hover {
        color: red !important; }
  .tabletitle[class~=orange] {
    background: #fec400 !important;
    color: #fff !important; }
    .tabletitle[class~=orange] > a {
      color: #fff !important; }
      .tabletitle[class~=orange] > a:hover {
        color: #ffc0ff !important; }
  .tabletitle[class~=blue] {
    background: #eae9fe !important;
    color: #fff !important; }
    .tabletitle[class~=blue] > a {
      color: #fff !important; }
      .tabletitle[class~=blue] > a:hover {
        color: cyan !important; }
  .tabletitle[class~=green] {
    background: #006833 !important;
    color: #fff !important; }
    .tabletitle[class~=green] > a {
      color: #fff !important; }
      .tabletitle[class~=green] > a:hover {
        color: #daff4c !important; }
  .tabletitle[class~=disable] {
    background: #ccc;
    color: #999 !important; }
    .tabletitle[class~=disable] > a {
      color: #bbb !important; }
      .tabletitle[class~=disable] > a:hover {
        color: white !important; }
  .tabletitle[class~=none] {
    background: #ccc;
    color: #333 !important; }
    .tabletitle[class~=none] > a {
      color: #333 !important; }
      .tabletitle[class~=none] > a:hover {
        color: #666666 !important; }
  .tabletitle[class~=black] {
    background: #444444;
    color: #fff !important; }
    .tabletitle[class~=black] > a {
      color: #fff !important; }
      .tabletitle[class~=black] > a:hover {
        color: white !important; }
  .tabletitle[class~=gray] {
    background: #efefef;
    color: #cccccc !important; }
    .tabletitle[class~=gray] > a {
      color: #cccccc !important; }
      .tabletitle[class~=gray] > a:hover {
        color: white !important; }

table.header {
  width: 100%; }
  table.header:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }
  table.header tr th, table.header tr td {
    padding: 10px; }
  table.header tr th {
    font-size: 21px;
    text-decoration: underline; }
    table.header tr th a {
      font-size: inherit;
      color: inherit; }

.pagination {
  text-align: center;
  display: block; }
  .pagination:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }
  .pagination ul {
    display: inline-block; }
    .pagination ul:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    .pagination ul li {
      display: block;
      float: left;
      list-style: none;
      margin: 3px;
      border: solid 1px #cccccc;
      background: #efefef; }
      .pagination ul li a {
        padding: 3px;
        display: block;
        height: 21px;
        line-height: 21px;
        font-size: 12px;
        text-decoration: underline;
        color: #5c54f8; }
        .pagination ul li a:hover {
          background: #006833; }
    .pagination ul li.page a {
      width: 21px; }
    .pagination ul li.page[class~=active] {
      background: #eae9fe;
      border: solid 1px #6073f7; }
      .pagination ul li.page[class~=active] a {
        color: #5c54f8; }

.alignLeft {
  text-align: left !important; }

.alignCenter {
  text-align: center !important; }

.alignRight {
  text-align: right !important; }

.valignTop {
  vertical-align: top !important; }

.valignMiddle {
  vertical-align: middle !important; }

.valignBottom {
  vertical-align: bottom !important; }

.bbs_table {
  width: 100%; }
  .bbs_table tr td.photo_td {
    vertical-align: top; }
    .bbs_table tr td.photo_td div {
      margin-bottom: 10px; }
  .bbs_table tr td.body_td {
    vertical-align: top;
    padding: 0px 0px 0px 10px;
    font-size: 16px; }

.bbs_title {
  background-color: #ff98be;
  color: #fff; }

* {
  font-size: 12px; }

body {
  display: block;
  height: 100%;
  background: white url("../images/sp_bg.gif");
  text-align: center;
  color: #444; }

body.index {
  display: block;
  height: 100%;
  background: white url("../images/sp_index_bg.gif");
  text-align: center;
  color: #444; }

.bodyWrapper {
  background: url("../images/sp_bg_header.png") repeat-x center top;
  padding: 10px 0px; }

h1.header {
  font-size: 11px; }
  h1.header[class~=notice] {
    color: #bbbbbb !important; }
  h1.header[class~=note] {
    color: #66cc66 !important; }
  h1.header[class~=black] {
    color: black !important; }
  h1.header[class~=red] {
    color: #ff0081 !important; }
  h1.header[class~=blue] {
    color: #5c54f8 !important; }
  h1.header[class~=pink] {
    color: #ff46a7 !important; }
  h1.header[class~=yellow] {
    color: #fec400 !important; }
  h1.header[class~=custard] {
    color: #ffbc57 !important; }
  h1.header[class~=green] {
    color: #006833 !important; }

.logo img {
  width: 240px; }

.ground_menu {
  display: block;
  margin: 10px 0px;
  margin-top: 0px; }
  .ground_menu:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }
  .ground_menu ul {
    display: block;
    background: #999;
    padding-bottom: 1px; }
    .ground_menu ul:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    .ground_menu ul li {
      display: block;
      list-style: none;
      float: left;
      width: 50%;
      text-align: left;
      font-size: 18px; }
      .ground_menu ul li a {
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f0f0f0));
        background: linear-gradient(white, #f0f0f0);
        margin: 1px 0px 0px 1px;
        display: block;
        padding: 10px;
        font-size: 18px;
        text-decoration: none;
        color: #e18193;
        font-weight: normal;
        text-shadow: 1px 1px 0px #fff; }
        .ground_menu ul li a:hover {
          color: #fff; }

.site_wrapper {
  display: block;
  margin: 0px auto;
  text-align: left;
  width: 320px; }
  .site_wrapper:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }
  .site_wrapper[class~=top] {
    width: 100%; }

table tr td {
  vertical-align: top; }

.sp-menu {
  display: block;
  text-align: center; }
  .sp-menu:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }
  .sp-menu ul {
    margin: 0px auto;
    width: 306px;
    display: inline-block; }
    .sp-menu ul:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    .sp-menu ul li {
      list-style: none;
      display: block;
      width: 100px;
      height: 40px;
      overflow: hidden;
      float: left;
      margin: 1px;
      background: #cccccc;
      /* Old browsers */
      background: -moz-linear-gradient(top, #cccccc 0%, #ff46a7 end);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ff46a7));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #cccccc 0%, #ff46a7 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #cccccc 0%, #ff46a7 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #cccccc 0%, #ff46a7 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #cccccc 0%, #ff46a7 100%);
      /* W3C */
      border-radius: 3px; }
      .sp-menu ul li a.btn {
        border: solid 1px #000;
        width: 98px;
        line-height: 38px;
        display: block;
        color: #fff;
        text-decoration: none;
        background-position: 0px 0px;
        text-shadow: 0px -1px 0px #333333;
        color: white; }
        .sp-menu ul li a.btn:hover, .sp-menu ul li a.btn[class~=active] {
          background-position: 0px 40px; }

.block-back[class~=back-middle] {
  display: block;
  padding: 20px 0px;
  height: 127px;
  background: url("/images/block-middle.png") no-repeat center; }
.block-back[class~=back-small] {
  display: block;
  padding: 3px;
  text-align: left;
  background-color: #e18193;
  color: #fff;
  font-size: 14px; }
  .block-back[class~=back-small]:before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    visibility: visible; }
  .block-back[class~=back-small] .bigFont {
    font-size: 14px !important; }
  .block-back[class~=back-small] .rader-item {
    display: inline-block;
    vertical-align: middle;
    text-align: left; }

.whover {
  opacity: 0.8; }
  .whover:hover {
    opacity: 1; }

ul.list-ul {
  display: block; }
  ul.list-ul:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }

li.girlbox {
  display: block;
  text-align: left;
  border-top: solid 1px #999;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f0f0f0));
  background: linear-gradient(white, #f0f0f0); }
  li.girlbox:last-child {
    border-bottom: solid 1px #999; }
  li.girlbox a {
    padding: 10px 0px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
    opacity: .8; }
    li.girlbox a:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    li.girlbox a:hover {
      opacity: 1; }
    li.girlbox a span {
      display: block;
      text-align: left; }
    li.girlbox a .photo-box {
      margin: 0px 10px;
      width: 80px;
      height: 107px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      float: left; }
    li.girlbox a .status-col {
      display: block;
      float: left; }
      li.girlbox a .status-col .name-box {
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 1px 1px 0px #fff; }
      li.girlbox a .status-col .status-box {
        text-align: left;
        font-size: 12px;
        text-shadow: 1px 1px 0px #fff; }
      li.girlbox a .status-col .shift_time {
        display: block;
        background: #ff0081;
        padding: 3px;
        margin: 3px 10px;
        text-shadow: 1px 1px 0px #fff; }
        li.girlbox a .status-col .shift_time strong, li.girlbox a .status-col .shift_time span {
          font-size: 10px;
          text-shadow: 1px 1px 0px #fff; }

dl.icons {
  margin-left: 10px;
  display: block; }
  dl.icons:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: visible; }
  dl.icons dd {
    margin: 1px;
    display: block;
    float: left;
    width: 60px;
    height: 16px;
    border: solid 1px #e18193;
    text-align: center; }
    dl.icons dd[class~=no_icon] {
      display: none; }
    dl.icons dd span {
      font-size: 10px;
      display: inline-block;
      vertical-align: middle; }
    dl.icons dd img {
      width: 60px; }
    dl.icons dd:before {
      content: "";
      display: inline-block;
      width: 0px;
      height: 100%;
      vertical-align: middle;
      visibility: visible; }

.girl_photo_big {
  display: block;
  padding: 10px;
  text-align: center; }
  .girl_photo_big img {
    width: 300px; }

.girl_photo_thumbs {
  display: block;
  padding: 10px;
  margin: 0px auto;
  text-align: center; }
  .girl_photo_thumbs ul {
    display: inline-block; }
    .girl_photo_thumbs ul:after {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      clear: both;
      visibility: visible; }
    .girl_photo_thumbs ul li {
      display: block;
      float: left;
      margin: 3px; }
      .girl_photo_thumbs ul li a {
        display: block; }
        .girl_photo_thumbs ul li a img {
          vertical-align: top;
          width: 94px; }

.photo-profile:after {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
  visibility: visible; }
.photo-profile .photos {
  display: block;
  width: 100%;
  text-align: center; }
.photo-profile .profile {
  display: block;
  float: left; }

.topic-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
  visibility: visible; }
.topic-wrapper .photos {
  display: block;
  width: 300px;
  min-height: 300px;
  float: left;
  margin-left: 10px; }
.topic-wrapper .body {
  display: block;
  float: left;
  margin-left: 10px; }

.shift_wrap {
  line-height: 100%;
  border-bottom: solid 1px #aba7a1;
  padding: 5px 0px;
  background: transparent; }
  .shift_wrap:last-child {
    border-bottom: none; }
  .shift_wrap .girl_photo {
    text-align: left;
    display: block;
    width: 120px;
    height: 160px;
    background: transparent;
    margin: 0px auto; }
    .shift_wrap .girl_photo a {
      display: block;
      width: 120px;
      height: 160px;
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      color: #ec89b5; }
  .shift_wrap .girl_name {
    display: block;
    margin: 5px 0px;
    line-height: 120%;
    color: #ec89b5; }
    .shift_wrap .girl_name a {
      color: #ec89b5; }

.slider-container {
  display: block;
  width: 320px;
  height: 427px;
  position: relative;
  overflow: hidden; }
  .slider-container .slider-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none; }
    .slider-container .slider-item .background {
      width: 320px;
      height: 427px; }
      .slider-container .slider-item .background img {
        width: 320px; }
    .slider-container .slider-item .foreground {
      display: block;
      background: rgba(0, 0, 0, 0.5);
      width: 320px;
      height: 85px;
      bottom: 0;
      position: absolute; }
      .slider-container .slider-item .foreground .element[class~=name-box] {
        font-family: Meiryo, sans-serif;
        font-size: 17px;
        font-weight: bold;
        display: block;
        position: absolute;
        bottom: 50px;
        left: 20px;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8); }
      .slider-container .slider-item .foreground .element[class~=status-box] {
        font-family: Meiryo, sans-serif;
        font-size: 13px;
        font-weight: bold;
        display: block;
        position: absolute;
        bottom: 30px;
        left: 20px;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8); }
      .slider-container .slider-item .foreground .element[class~=shift_time] {
        font-family: Meiryo, sans-serif;
        font-size: 13px;
        font-weight: bold;
        display: block;
        position: absolute;
        bottom: 10px;
        left: 20px;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8); }

.sp_nav table {
  border-collapse: separate;
  width: 100%;
  border-spacing: 2px;
  border-color: #fff;
  background: #fff; }
  .sp_nav table tr td {
    width: 50%; }
    .sp_nav table tr td a {
      display: block;
      width: 100%; }
      .sp_nav table tr td a img {
        width: 100%; }
  .sp_nav table tr td.span2 {
    width: 100%; }
    .sp_nav table tr td.span2 a {
      display: block;
      width: 100%; }
      .sp_nav table tr td.span2 a img {
        width: 100%; }

.vm {
  display: block;
  background: #e18193;
  color: #fff;
  text-align: center;
  line-height: 30px; }

.sp_top_shift {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2f1+0,edbdd6+100 */
  background: #ffe2f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffe2f1 0%, #edbdd6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffe2f1 0%, #edbdd6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffe2f1 0%, #edbdd6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe2f1', endColorstr='#edbdd6',GradientType=0 );
  /* IE6-9 */ }
  .sp_top_shift:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both; }
  .sp_top_shift .shift_wrap {
    box-sizing: border-box;
    border: none;
    display: block;
    width: calc(50% - 2px);
    float: left;
    margin: 1px;
    background: #fff; }
    .sp_top_shift .shift_wrap .girl_photo {
      display: block;
      float: left;
      width: 60px;
      height: 80px; }
      .sp_top_shift .shift_wrap .girl_photo a {
        width: 60px;
        height: 80px; }
    .sp_top_shift .shift_wrap .girl_prof {
      display: block;
      float: left;
      font-size: 20px;
      padding: 10px 0px 0px 10px; }
      .sp_top_shift .shift_wrap .girl_prof a, .sp_top_shift .shift_wrap .girl_prof span {
        font-size: 14px; }
      .sp_top_shift .shift_wrap .girl_prof .girl_name a, .sp_top_shift .shift_wrap .girl_prof .girl_name span {
        font-size: 24px; }
    .sp_top_shift .shift_wrap:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      clear: both; }
  .sp_top_shift:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both; }

.wtbg {
  display: block;
  background: #fff;
  border-bottom: solid 1px #dbdbdb; }
  .wtbg:first-child {
    border-top: solid 1px #dbdbdb; }
  .wtbg a {
    display: block;
    width: 100%;
    text-align: center; }
    .wtbg a img {
      margin: 0px auto; }