@import url(http://fonts.googleapis.com/css?family=Rozha+One);
* {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}

/** mixin set **/
/** 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;
}

.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;
}

.w640 {
  width: 640px !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: #bbb !important;
}

a[class~=note], strong[class~=note], small[class~=note], span[class~=note], p[class~=note], div[class~=note] {
  color: #6c6 !important;
}

a[class~=black], strong[class~=black], small[class~=black], span[class~=black], p[class~=black], div[class~=black] {
  color: #000 !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 #ccc;
  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 #bbb;
}

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: #ccc !important;
}

.message[class~=disable] > a {
  color: #ccc !important;
}

.message[class~=disable] > a:hover {
  color: white !important;
}

.message[class~=none] {
  background: #efefef;
  color: #ccc !important;
}

.message[class~=none] > a {
  color: #ccc !important;
}

.message[class~=none] > a:hover {
  color: white !important;
}

.message[class~=black] {
  background: #444;
  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: #ccc !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 {
  border: solid 1px #dbdbdb;
}

._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: #444;
}

._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: #000;
}

._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: #deb661;
}

._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: #444;
  color: #fff !important;
}

.tabletitle[class~=black] > a {
  color: #fff !important;
}

.tabletitle[class~=black] > a:hover {
  color: white !important;
}

.tabletitle[class~=gray] {
  background: #efefef;
  color: #ccc !important;
}

.tabletitle[class~=gray] > a {
  color: #ccc !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 #ccc;
  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;
}

* {
  font-size: 12px;
}

.img {
  vertical-align: top;
}

.dark {
  color: #444;
}

h1#page_header {
  background: #deb661;
  text-align: center;
}

h1#page_header span {
  margin: 0px auto;
  display: block;
  text-align: left;
  width: 980px;
  color: #74623d;
}

#top_wrap {
  display: block;
}

#top_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
  visibility: visible;
}

#top_wrap .main_col {
  width: 530px;
  float: left;
}

#top_wrap .side_col {
  widows: 270px;
  float: left;
}

.siteWrapper {
  display: block;
  width: 1000px;
}

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

.site_header {
  display: block;
  width: 240px;
  height: 960px;
  float: left;
  margin-right: 00px;
  float: left;
  background: url("../images/menu_bg.png") no-repeat;
  text-align: center;
}

.site_header .ground_menu {
  width: 236px;
  margin: 0px auto;
  margin-top: 275px;
}

.site_header .ground_menu ul {
  display: block;
}

.site_header .ground_menu ul li {
  list-style: none;
  display: block;
}

.site_wrapper {
  display: block;
  width: 760px;
  margin: 0px auto;
  text-align: left;
  float: left;
}

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

.menu {
  display: block;
}

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

.menu ul {
  display: block;
}

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

.menu ul li {
  list-style: none;
  display: block;
  width: 100px;
  height: 40px;
  overflow: hidden;
  float: left;
}

.menu ul li a.btn {
  width: 100px;
  height: 40px;
  display: block;
  background-position: 0px 0px;
}

.menu ul li a.btn:hover, .menu ul li a.btn[class~=active] {
  background-position: 0px 40px;
}

.menu ul li a.btn span {
  display: none;
}

.block-back[class~=back-middle] {
  display: block;
  padding: 20px 0px;
  height: 127px;
  background: #deb661 no-repeat center;
  color: #fff;
}

.block-back[class~=back-small] {
  border-radius: 8px;
  color: #fff !important;
  display: block;
  padding: 20px 0px;
  background: #deb661 no-repeat left;
  text-align: center !important;
}

.block-back[class~=back-small]:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
  visibility: visible;
}

.block-back[class~=back-small] span.rose {
  font-family: 'Rozha One', serif;
  display: block;
  font-size: 32px;
}

.block-back[class~=back-small] .rader-item {
  display: inline-block;
  vertical-align: middle;
  color: #fff !important;
}

.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;
  float: left;
  width: 140px;
  padding: 2px;
  text-align: center;
}

li.girlbox a {
  padding: 10px 0px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: inherit;
  opacity: .8;
}

li.girlbox a:hover {
  opacity: 1;
}

li.girlbox a span {
  display: block;
  text-align: left;
}

li.girlbox a .name-box {
  text-align: center;
}

li.girlbox a .photo-box {
  margin: 0px auto;
  width: 120px;
  height: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

li.girlbox a .status-box {
  text-align: center;
  font-size: 10px;
}

li.girlbox a .shift_time {
  display: block;
  background: #ff0081;
  padding: 3px;
  margin: 3px 10px;
}

li.girlbox a .shift_time strong, li.girlbox a .shift_time span {
  font-size: 10px;
}

dl.icons {
  margin-left: 10px;
  display: block;
}

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

dl.icons dd {
  display: block;
  float: left;
  width: 60px;
  height: 16px;
  border: dotted 1px #bfbfb9;
  text-align: center;
}

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: 433px;
}

.girl_photo_thumbs {
  display: block;
  padding: 10px;
  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;
  height: 120px;
}

.girl_photo_thumbs ul li a img {
  vertical-align: top;
  width: 80px;
}

.photo-profile {
  width: 100%;
}

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

.photo-profile .photos {
  display: block;
}

.photo-profile .profile {
  display: block;
}

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

.topic-wrapper .photos {
  display: block;
  width: 453px;
  min-height: 320px;
  float: left;
  margin-left: 10px;
}

.topic-wrapper .body {
  display: block;
  float: left;
  margin-left: 10px;
}

.shift_wrap {
  line-height: 100%;
  border-bottom: solid 1px #deb661;
  padding: 5px 0px;
  background: transparent;
}

.shift_wrap:last-child {
  border-bottom: none;
}

.shift_wrap .girl_photo {
  text-align: left;
  display: block;
  width: 60px;
  height: 80px;
  background: transparent;
  margin: 0px auto;
}

.shift_wrap .girl_photo a {
  display: block;
  width: 60px;
  height: 80px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #444;
}

.shift_wrap .girl_name {
  display: block;
  margin: 5px 0px;
  line-height: 120%;
  color: #444;
}

.shift_wrap .girl_name a {
  color: #444;
}
/*# sourceMappingURL=common.css.map */