@charset "UTF-8";
a {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.c-banner-container {
  font-size: 0;
  max-width: 375px;
  margin-right: auto;
  margin-left: auto;
}
.c-banner-container a {
  font-size: 0;
}
.c-banner-container img {
  width: 100%;
  height: auto;
}

.c-block {
  padding: 20px;
}

.btn {
  font-size: 15px;
  font-weight: bold;
  font-weight: normal;
  line-height: 1;
  display: block;
  width: 100%;
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.btn.btn-indigo-500 {
  color: #fff;
  background-color: #3F51B5;
  -moz-box-shadow: #1A237E 0 3px 0;
  -webkit-box-shadow: #1A237E 0 3px 0;
  box-shadow: #1A237E 0 3px 0;
}
.btn.btn-gray-300 {
  color: #1b1b1b;
  background-color: #E0E0E0;
  -moz-box-shadow: #9E9E9E 0 3px 0;
  -webkit-box-shadow: #9E9E9E 0 3px 0;
  box-shadow: #9E9E9E 0 3px 0;
}
.btn.btn--gradational-gray {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  box-sizing: border-box;
  height: 43px;
  margin: 0;
  text-align: center;
  color: #fff;
  border: 1px #b1b1b1 solid;
  text-shadow: 0 1px 1px #666;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cbcbcb), color-stop(100%, #aaaaaa));
  background-image: -moz-linear-gradient(#cbcbcb, #aaaaaa);
  background-image: -webkit-linear-gradient(#cbcbcb, #aaaaaa);
  background-image: linear-gradient(#cbcbcb, #aaaaaa);
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.btn.btn--gradational-gray.btn--gradational-gray--tb {
  padding: 11px 0 0;
}
.btn.btn--gradational-gray.btn--gradational-gray--cmt {
  padding: 2px 0 0;
}

.btn-2 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.btn-2.btn-2--orange {
  color: #fff;
  background-color: #ff9000;
}
.btn-2.btn-2--light-green {
  color: #fff;
  background-color: #66c500;
}
.btn-2.btn-2--gray {
  color: #697075;
  background-color: #dcdfe2;
}
.btn-2:hover {
  opacity: .8;
}

.c-grid-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 319px) {
  .c-grid-row {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 640px) {
  .c-grid-row {
    width: 640px;
  }
}

.heading-1 {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  text-align: center;
  color: #fff;
}
.heading-1.heading-1--cmt--mora {
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #f25932;
}
.heading-1.heading-1--cmt--tame {
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #3b98d4;
}
.heading-1.heading-1--cmt--matomete {
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: #a985eb;
}
.heading-1.heading-1 .ico {
  margin-right: 5px;
  vertical-align: bottom;
}
.heading-1.heading-1--cmt--category-list {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #00bcad;
}
.heading-1.heading-1--cmt--mitsukeru {
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #e63560;
}
.heading-1.heading-1--cmt--mitsukeru .ico--mitsukeru-white {
  width: 19px;
  background-size: 19px;
}

.c-ico.c-ico--today_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.c-ico.c-ico--today_icon.c-ico--today_icon_saitojyo {
  background-image: url(//image.moratame.net/images/ico/today_icon_saitojyo.png);
}
.c-ico.c-ico--today_icon.c-ico--today_icon_notice {
  background-image: url(//image.moratame.net/images/ico/today_icon_notice.png);
}
.c-ico.c-ico--today_icon_application {
  background-image: url(//image.moratame.net/images/ico/today_icon_application.png);
}
.c-ico.c-ico--today_icon_beauty {
  background-image: url(//image.moratame.net/images/ico/today_icon_beauty.png);
}
.c-ico.c-ico--today_icon_book {
  background-image: url(//image.moratame.net/images/ico/today_icon_book.png);
}
.c-ico.c-ico--today_icon_candy {
  background-image: url(//image.moratame.net/images/ico/today_icon_candy.png);
}
.c-ico.c-ico--today_icon_deadline {
  background-image: url(//image.moratame.net/images/ico/today_icon_deadline.png);
}
.c-ico.c-ico--today_icon_drink {
  background-image: url(//image.moratame.net/images/ico/today_icon_drink.png);
}
.c-ico.c-ico--today_icon_food {
  background-image: url(//image.moratame.net/images/ico/today_icon_food.png);
}
.c-ico.c-ico--today_icon_health {
  background-image: url(//image.moratame.net/images/ico/today_icon_health.png);
}
.c-ico.c-ico--today_icon_llabo {
  background-image: url(//image.moratame.net/images/ico/today_icon_llabo.png);
}
.c-ico.c-ico--today_icon_pet {
  background-image: url(//image.moratame.net/images/ico/today_icon_pet.png);
}
.c-ico.c-ico--today_icon_mitsukeru {
  background-image: url(//image.moratame.net/images/ico/today_icon_mitsukeru.png);
}
.c-ico.c-ico--today_icon_new {
  background-image: url(//image.moratame.net/images/ico/today_icon_new.png);
}
.c-ico.c-ico--today_icon_nokori {
  background-image: url(//image.moratame.net/images/ico/today_icon_nokori.png);
}
.c-ico.c-ico--today_icon_oshirase {
  background-image: url(//image.moratame.net/images/ico/today_icon_oshirase.png);
}
.c-ico.c-ico--today_icon_osusume {
  background-image: url(//image.moratame.net/images/ico/today_icon_osusume.png);
}
.c-ico.c-ico--today_icon_pet {
  background-image: url(//image.moratame.net/images/ico/today_icon_pet.png);
}
.c-ico.c-ico--today_icon_photocolle {
  background-image: url(//image.moratame.net/images/ico/today_icon_photocolle.png);
}
.c-ico.c-ico--today_icon_repo {
  background-image: url(//image.moratame.net/images/ico/today_icon_repo.png);
}
.c-ico.c-ico--today_icon_tokusyu {
  background-image: url(//image.moratame.net/images/ico/today_icon_tokusyu.png);
}
.c-ico.c-ico--today_icon_tokusyu2 {
  background-image: url(//image.moratame.net/images/ico/today_icon_tokusyu2.png);
}

.ico {
  display: inline-block;
  background-repeat: no-repeat;
}
.ico.ico--mora-white {
  width: 16px;
  height: 19.75px;
  background-image: url(//image.moratame.net/images/common/ico--mora@2x.png);
  background-size: 16px;
}
.ico.ico--tame-white {
  width: 19px;
  height: 18.5px;
  background-image: url(//image.moratame.net/images/common/ico--tame@2x.png);
  background-size: 19px;
}
.ico.ico--matomete-white {
  width: 23.5px;
  height: 18px;
  background-image: url(//image.moratame.net/images/common/ico--matomete@2x.png);
  background-size: 23.5px;
}
.ico.ico--mitsukeru-white {
  width: 23.5px;
  height: 18px;
  background-image: url(//image.moratame.net/img2014/icons/ico94.png);
  background-size: 40.5px;
}

.c-label {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 0 35px 35px 0;
  border-style: solid;
}
.c-label:before {
  font-size: 10px;
  line-height: 1em;
  position: absolute;
  top: 4px;
  right: -33px;
  display: block;
  white-space: nowrap;
  color: #fff;
}
.c-label.c-label-mora {
  border-color: transparent #f25932 transparent transparent;
}
.c-label.c-label-mora:before {
  content: 'モラ';
}
.c-label.c-label-tame {
  border-color: transparent #1b94d3 transparent transparent;
}
.c-label.c-label-tame:before {
  content: 'タメ';
}
.c-label.c-label-repo {
  border-color: transparent #ff7e00 transparent transparent;
}
.c-label.c-label-repo:before {
  content: 'レポ';
}

.c-label-2 {
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  padding: 2px 5px 2px;
  color: #fff;
}
.c-label-2.c-label-2--new {
  background-color: #ff451f;
}
.c-label-2.c-label-2--favorite {
  background-color: #ff398d;
}
.c-label-2.c-label-2--few {
  background-color: #36f;
}
.c-label-2.c-label-2--pet {
  background-color: #977842;
}
.c-label-2.c-label-2--already {
  background-color: #919191;
}
.c-label-2.c-label-2--return {
  background-color: #11b0dd;
}
.c-label-2.c-label-2--deadline {
  background-color: #eb47af;
}
.c-label-2.c-label-2--sp-limit {
  background-color: #0dc5e6;
}
.c-label-2.c-label-2--premium {
  background-color: #b18d36;
}

.c-label-3 {
  font-size: 9px;
  line-height: 9px;
  position: relative;
  display: inline-block;
  width: 60px;
  margin-right: 14px;
  padding: 3px 0 2px;
  text-align: center;
  color: #505050;
  background-color: #dcdcdc;
}
.c-label-3:after {
  position: absolute;
  top: 0;
  right: -14px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 0 0 14px;
  border-style: solid;
  border-color: transparent transparent transparent #dcdcdc;
}

/* #wrapper
  -------------------------------------------------------------------------- */
/*doc
---
title: wrapper
name: wrapper
categories: [component]
---
横幅を制限するオブジェクトです。
Modifierは以下のとおりです。
* 左右の余白を追加 `--small`, `--medium`, `--large`
```wrapper
<div class="c-wrapper" style="background-color:#eee;margin-bottom:1rem;">c-wrapper</div>
<div class="c-wrapper c-wrapper--medium" style="background-color:#eee;margin-bottom:1rem;">c-wrapper c-wrapper--medium</div>
<div class="c-wrapper u-8of12" style="background-color:#eee;">c-wrapper u-8of12</div>
```
*/
.c-wrapper {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.c-wrapper--small {
  padding-right: 10px;
  padding-left: 10px;
}

.c-wrapper--medium {
  padding-right: 20px;
  padding-left: 20px;
}

.c-wrapper--large {
  padding-right: 40px;
  padding-left: 40px;
}

/* /A
------------------------------ */
/* B
------------------------------ */
.bgc-fff {
  background-color: #fff;
}

.bxz_bb {
  box-sizing: border-box;
}

/* /B
------------------------------ */
/* C
------------------------------ */
.c_red {
  color: red;
}

.c_red-500 {
  color: #F44336;
}

.c_gray-500 {
  color: #9E9E9E;
}

.c_gray-700 {
  color: #616161;
}

/* /C
------------------------------ */
/* F
------------------------------ */
.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

.fw_b {
  font-weight: bold;
}

.fz_0 {
  font-size: 0;
}

.fz_10 {
  font-size: 10px;
}

.fz_12 {
  font-size: 12px;
}

.fz_13 {
  font-size: 13px;
}

.fz_14 {
  font-size: 14px;
}

.fz_15 {
  font-size: 15px;
}

.fz_16 {
  font-size: 16px;
}

.fz_18 {
  font-size: 18px;
}

/* /F
------------------------------ */
/* i
------------------------------ */
.img-15rem img {
  height: 1.5rem;
  width: auto;
}

/* /i
------------------------------ */
/* L
------------------------------ */
/* /L
------------------------------ */
/* M
------------------------------ */
.mt_0 {
  margin-top: 0px;
}

.mt_5 {
  margin-top: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_25 {
  margin-top: 25px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_35 {
  margin-top: 35px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_45 {
  margin-top: 45px;
}

.mt_50 {
  margin-top: 50px;
}

.mt_55 {
  margin-top: 55px;
}

.mt_60 {
  margin-top: 60px;
}

.mt_65 {
  margin-top: 65px;
}

.mt_70 {
  margin-top: 70px;
}

.mt_75 {
  margin-top: 75px;
}

.mt_80 {
  margin-top: 80px;
}

.mt_85 {
  margin-top: 85px;
}

.mt_90 {
  margin-top: 90px;
}

.mt_95 {
  margin-top: 95px;
}

.mt_100 {
  margin-top: 100px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_25 {
  margin-bottom: 25px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mr_20 {
  margin-right: 20px;
}

.mr_5 {
  margin-right: 5px;
}

/* /M
------------------------------ */
/* P
------------------------------ */
.pt_15 {
  padding-top: 15px;
}

.pt_20 {
  padding-top: 20px;
}

.pb_20 {
  padding-bottom: 20px;
}

.pl_20 {
  padding-left: 20px;
}

.pr_20 {
  padding-right: 20px;
}

.pl_15 {
  padding-left: 15px;
}

.pr_15 {
  padding-right: 15px;
}

.p_lr_20 {
  padding-left: 20px;
  padding-right: 20px;
}

.p_lr_15 {
  padding-left: 15px;
  padding-right: 15px;
}

/* /P
------------------------------ */
/* T
------------------------------ */
.ta_c {
  text-align: center;
}

.ta_r {
  text-align: right;
}

.td_n {
  text-decoration: none;
}

.td_u {
  text-decoration: underline;
}

.tsh_n {
  text-shadow: none;
}

textarea.textarea {
  padding: .3rem;
}
textarea.textarea.textarea-nomal {
  border: 1px solid #999;
  box-shadow: inset 1px 1px 3px #999;
  border-radius: .5rem;
}
textarea.textarea:focus {
  outline: 3px solid #99c419;
  border-radius: .5rem;
}

/* /T
------------------------------ */
/* V
------------------------------ */
.va_m {
  vertical-align: middle;
}

/* /V
------------------------------ */
/* Z
------------------------------ */
/* /Z
------------------------------ */
body {
  font-family: ArialMT,'Hiragino Kaku Gothic ProN',sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: none;
}

table {
  border-collapse: collapse;
}

/*------------------------------------------------
Content title
------------------------------------------------*/
.title {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #90a1b8;
  text-shadow: none;
}

.title_tame {
  background: #319be3;
}

.title_mora {
  background: #f25932;
}

.title_photocolle2,
.title_repo {
  background: #f60;
}

.title_other {
  background: #8bbc00;
}

.title_feature {
  background: #fbb811;
}

.title span {
  font-size: 85%;
  padding-left: 1em;
}

.photocolle_title {
  background-color: #fc4f24;
}

.kuti_title {
  border: 1px solid #bea184;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: -moz-linear-gradient(top, #bea184, #bc9d7e 50%, #b89673 51%, #b5906a);
  background: -webkit-gradient(linear, left top, left bottom, from(#bea184), color-stop(50%, #bc9d7e), color-stop(51%, #b89673), to(#b5906a));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bea184',EndColorStr='#b5906a');
}

.title_topdisp {
  font-size: 15px;
  height: 30px;
  margin: 0;
  padding: 10px 10px 0;
  text-align: left;
  color: #fff;
  background: #8cbc00;
  text-shadow: 1px 1px 1px #434343;
}
.title_topdisp table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
}
.title_topdisp td.left {
  text-align: left;
}
.title_topdisp td.right {
  text-align: right;
}

.mora_title_d {
  font-size: 15px;
  height: auto;
  margin: 0;
  padding: 10px 10px 5px 0;
  color: #333;
  border-bottom: 1px solid #de431e;
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
}

.tame_title_d {
  font-size: 15px;
  height: auto;
  margin: 0;
  padding: 10px 10px 5px 0;
  color: #333;
  border-bottom: 1px solid #2083c9;
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
}

.repo_title_d {
  font-size: 15px;
  height: auto;
  margin: 0;
  padding: 10px 10px 5px 0;
  color: #333;
  border-bottom: 1px solid #f60;
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
}

/*----------------------------------------------------------
------------------------------------------------------------
-------------------------------------------  /commonStyle */
/* NewTameTop */
div.topmoratameIndex {
  margin: 0;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
}
div.topmoratameIndex div.leftblk {
  font-size: 12px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding: 3px 0 0;
  color: #444;
}
div.topmoratameIndex div.leftblk strong {
  color: #f60;
}
div.topmoratameIndex div.rightblk_t {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #09f;
  text-shadow: none;
}
div.topmoratameIndex div.rightblk_m {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #f30;
  text-shadow: none;
}
div.topmoratameIndex .message {
  padding: 10px 0;
}
div.topmoratame2 {
  overflow: hidden;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
div.topmoratame2 div.leftblk {
  font-size: 12px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding: 3px 0 0;
  color: #444;
}
div.topmoratame2 div.leftblk strong {
  color: #f60;
}
div.topmoratame2 div.rightblk_t {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #09f;
  text-shadow: none;
}
div.topmoratame2 div.rightblk_m {
  font-size: 16px;
  font-weight: 700;
  float: right;
  margin: 0;
  padding: 0;
  color: #f30;
  text-shadow: none;
}

#category2 {
  font-size: 12px;
  height: 23px;
}

/* NewTameTop */
/*------------------------------------------------
jQuery mobile
------------------------------------------------*/
.ui-btn-inner {
  border-color: rgba(255, 255, 255, 0.3);
  border-top: 0 solid #fff;
}

/* Android */
.ui-checkbox input,
.ui-radio input {
  top: 40%;
}

.middle {
  font-size: 14px;
}

.small {
  font-size: 12px;
  font-weight: 400;
}

/*------------------------------------------------
Font
------------------------------------------------*/
.midashi {
  font-size: 16px;
  padding-left: 1em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #fbb811;
}

/*------------------------------------------------
Leyout
------------------------------------------------*/
div.page, div.header, div.content, div.footer {
  overflow: hidden;
  padding: 0;
  color: #000;
  border: 0 solid;
  background: #fcfcfc;
}

.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

div.content h2 {
  font-size: 15px;
}
div.tokusyu h2 {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: #fbb811;
  text-shadow: 1px 1px 1px #434343;
}
div.tokusyu table {
  width: 100%;
  margin: 5px 3px 0;
  border-collapse: collapse;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}

.button {
  display: block;
  width: 90px;
  height: 20px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
  border: 1px solid #496b9a;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  background: #496b9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#8fa7c9), to(#496b9a));
  background: -moz-linear-gradient(top, #8fa7c9 #496b9a);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8FA7C9',EndColorStr='#496b9a');
}
.button p {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  /* margin-top: 3px; */
  color: #fff;
  text-shadow: none;
}
.button:hover {
  border: 1px solid #6586b5;
  background: #496b9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3c3d9), to(#496b9a));
  background: -moz-linear-gradient(top, #b3c3d9 #496b9a);
}

.green_btn {
  font-size: 13px;
  font-weight: 700;
  line-height: 44px;
  display: block;
  width: 80%;
  height: 44px;
  margin: 0 auto;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.green_btn:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.page .content form .container .block .accountsBtn13.green_btn_wrapper .ui-link {
  color: #fff;
}

/*------------------------------------------------
jQuery mobile button
------------------------------------------------*/
div.ui-btn {
  margin: 0;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
div.red_button div.ui-btn {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  border: 1px #b76b6b solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #f30;
  background: -webkit-gradient(linear, left top, left bottom, from(#f30), to(#db1a00));
  background: -moz-linear-gradient(top, #f30 #db1a00);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3300',EndColorStr='#db1a00');
}
div.red_button a.button {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  border: 1px #b76b6b solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #f30;
  background: -webkit-gradient(linear, left top, left bottom, from(#f30), to(#db1a00));
  background: -moz-linear-gradient(top, #f30 #db1a00);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3300',EndColorStr='#db1a00');
}

/*------------------------------------------------
Header
------------------------------------------------*/
#logo {
  float: left;
  width: 49%;
}
#logo h1 {
  visibility: hidden;
}
#logo a {
  display: block;
  width: 138px;
  height: 60px;
  margin: 0;
  text-decoration: none;
}

#hdrRghBtnWrp {
  float: right;
  overflow: hidden;
  width: 49%;
}

div.logo div.right div {
  font-size: 12px;
  text-shadow: none;
}

#hdrRghBtnWrp ul {
  overflow: hidden;
  width: 103px;
  margin: 0 0 0 auto;
}
#hdrRghBtnWrp li {
  float: left;
  margin-right: 3px;
  list-style: none;
}
#hdrRghBtnWrp li:last-child {
  margin-right: 0;
}
#hdrRghBtnWrp li a {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -ms-background-size: 100%;
}
#hdrRghBtnWrp li span {
  visibility: hidden;
}

.login {
  background-image: url(https://www.moratame.net/s/images/common/login.png);
}

.registration {
  background-image: url(https://www.moratame.net/s/images/common/Registration.png);
}

.logout {
  background-image: url(https://www.moratame.net/s/images/common/logout.png);
}

.mymenu {
  background-image: url(https://www.moratame.net/s/images/common/my_menu.png);
}

div.topnavi {
  margin: 0;
  padding: 5px 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#9cd007), to(#5ea510));
  background: -moz-linear-gradient(top, #9cd007 0%, #5ea510 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9cd007',EndColorStr='#5ea510');
}
div.topnavi select {
  font-size: 17px;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0 auto;
}
div.header nav {
  display: block;
  margin: 0;
  padding: 0;
}
div.header nav ul {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#ededed');
}
div.header nav li {
  font-size: 14px;
  font-weight: 700;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  list-style: none;
  text-align: center;
  color: #333;
  border-left: 1px ridge #ccc;
  text-shadow: none;
  -ms-box-sizing: border-box;
}
div.header nav li:first-child {
  border: none;
}
div.header nav li a.ui-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  text-decoration: none;
  color: #333;
}

/*------------------------------------------------
Menu bar
------------------------------------------------*/
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

div.menu a {
  color: #fff;
  border: 1px solid #177911;
  background: -moz-linear-gradient(top, #91cf0e, #91cf0e 50%, #64aa10 51%, #59a110);
  background: -webkit-gradient(linear, left top, left bottom, from(#8dc70f), color-stop(50%, #7ebf0f), color-stop(51%, #64aa10), to(#59a110));
  text-shadow: 1px 1px 1px #434343;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8dc70f',EndColorStr='#59a110');
}
div.icon {
  padding: 5px;
}
div.moratamelist_button table {
  margin-right: auto;
  margin-left: auto;
}
div.moratamelist_button a.button {
  display: block;
  width: 130px;
  margin-top: 5px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
div.moratamelist_button a.button p {
  margin-top: 2px;
}
div.moratamelist_button a.mora {
  border: 1px solid #b66a6a;
  background: #b66a6a;
}
div.moratamelist_button a.tame {
  border: 1px solid #7292b9;
  background: #7292b9;
}
div.moratamelist_button a.mora:hover {
  border: 1px solid #8e4646;
  background: #8e4646;
}
div.moratamelist_button a.tame:hover {
  border: 1px solid #4c6e98;
  background: #4c6e98;
}
div.moratamelist_button.moratame {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 3px;
}
div.moratamelist_button.moratame a {
  width: 130px;
  margin: 0;
  margin-left: auto;
}

/*------------------------------------------------
Menu icon
------------------------------------------------*/
.title_topdisp2 {
  font-size: 15px;
  height: 30px;
  margin: 0;
  padding: 10px 10px 5px 0;
  /*  text-align: left;*/
  text-align: center;
  color: #fff;
  background: #8cbc00;
  text-shadow: 1px 1px 1px #434343;
}
.title_topdisp2 table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
}
.title_topdisp2 a.button {
  display: block;
  width: 130px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #02735f;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  background: #02735f;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.title_topdisp2 a.button:hover {
  border: 1px solid #048a71;
  background: #048a71;
}
.title_topdisp2 a.button p {
  margin-top: 2px;
}

.allitembtn {
  padding: 10px 5px 5px 0;
}
.allitembtn a.button {
  display: block;
  width: 130px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #02735f;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  background: #02735f;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.allitembtn a.button:hover {
  border: 1px solid #048a71;
  background: #048a71;
}
.allitembtn a.button p {
  margin-top: 2px;
}

/*------------------------------------------------
Space
------------------------------------------------*/
div.sp_small {
  height: 10px;
  border: 1px;
}
div.sp_middle {
  height: 30px;
  border: 1px;
}
div.content div.container {
  padding: 0;
  background: #fff;
}
div.block div.head {
  font-size: 15px;
  font-weight: 700;
  padding: 15px 0;
  color: #fff;
  outline: none;
}
div.block div.head a {
  padding: 0;
  /*text-shadow: 1px 1px 1px #434343;*/
  text-decoration: none;
  color: #fff;
}
div.block div.head_tame {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: -moz-linear-gradient(top, #859ebe, #809bbd 50%, #7292b9 51%, #6c8fb7);
  background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#859ebe',EndColorStr='#6c8fb7');
}
div.block div.head_mora {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: -moz-linear-gradient(top, #bf8686, #bd8080 50%, #b97474 51%, #b76b6b);
  background: -webkit-gradient(linear, left top, left bottom, from(#bf8686), color-stop(50%, #bd8080), color-stop(51%, #b97474), to(#b76b6b));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bf8686',EndColorStr='#b76b6b');
}
div.block div.head_kuti {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: -moz-linear-gradient(top, #bea184, #bc9d7e 50%, #b89673 51%, #b5906a);
  background: -webkit-gradient(linear, left top, left bottom, from(#bea184), color-stop(50%, #bc9d7e), color-stop(51%, #b89673), to(#b5906a));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bea184',EndColorStr='#b5906a');
}
div.block div.head_detail_tame {
  margin: 10px 0 0;
  padding: 3px 0 3px 10px;
  text-align: center;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  background: -moz-linear-gradient(top, #859ebe, #809bbd 50%, #7292b9 51%, #6c8fb7);
  background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#859ebe',EndColorStr='#6c8fb7');
}
div.block div.prifile_editbtn {
  margin: 5px 0 3px;
}
div.block div.head_detail_mora {
  margin: 10px 0 0;
  padding: 3px 0 3px 10px;
  text-align: center;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  background: -moz-linear-gradient(top, #bf8686, #bd8080 50%, #b97474 51%, #b76b6b);
  background: -webkit-gradient(linear, left top, left bottom, from(#bf8686), color-stop(50%, #bd8080), color-stop(51%, #b97474), to(#b76b6b));
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bf8686',EndColorStr='#b76b6b');
}
div.head_detail_tame_w {
  display: block;
  width: 90px;
  height: 20px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
    /*
background-image: -moz-linear-gradient(top,#fefefe, #eeeeee);
background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdfdfd),color-stop(1,#eeeeee));
color-stop(50%, #809bbd),
color-stop(51%, #7292b9),
to(#6c8fb7));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
-moz-border-radius:         0.9em;
-webkit-border-radius:      0.9em;
border-radius:              0.9em;
text-align: center;
margin: 10px 0px 0px 0px;
padding: 3px 0px 3px 10px;
-moz-box-shadow:       1px 1px 2px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.6);
box-shadow :           1px 1px 2px rgba(0, 0, 0, 0.6);
color: #444444;
*/
  border: 1px solid #496b9a;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  background: #496b9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#8fa7c9), to(#496b9a));
  background: -moz-linear-gradient(top, #8fa7c9 #496b9a);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8FA7C9',EndColorStr='#496b9a');
}

/*------------------------------------------------
Container
------------------------------------------------*/
/*------------------------------------------------
Block
------------------------------------------------*/
.head_detail_tame_w span {
  font-size: 12px;
  font-weight: 700;
  margin-top: 3px;
  text-align: center;
  color: #fff;
  text-shadow: none;
}
.head_detail_tame_w:hover {
  border: 1px solid #6586b5;
    /*
background: #dadada;
font-weight: bold;
color: #101010;
text-decoration: none;
text-shadow: 0 1px 1px  #fff;
background-image: -moz-linear-gradient(top, #ededed, #dadada);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ededed),color-stop(1, #dadada));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
*/
  background: #496b9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3c3d9), to(#496b9a));
  background: -moz-linear-gradient(top, #b3c3d9 #496b9a);
}

/*
.head_detail_tame_w span {
color: #444444;
}
*/
div.head_detail_mora_w {
  margin: 10px 0 0;
  padding: 3px 0 3px 10px;
  text-align: center;
  color: #444;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #eee));
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd',EndColorStr='#eeeeee');
}

.head_detail_mora_w span {
  color: #444;
}
.head_detail_mora_w:hover {
  font-weight: 700;
  text-decoration: none;
  color: #101010;
  background: #dadada;
  background-image: -moz-linear-gradient(top, #ededed, #dadada);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(1, #dadada));
  text-shadow: 0 1px 1px #fff;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed',EndColorStr='#dadada');
}

div.block div.body {
  margin: 0 1px;
  padding-bottom: 10px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
div.block div.body_detail {
  margin: 0 0 20px;
  margin: 0;
  padding: 0 5px;
}
div.block div.body_mora, div.block div.body_tame, div.block div.body_kuti {
  margin: 0;
}
div.block div.body ul {
  margin: 0;
}
div.block div.body div.golist {
  margin: 3px;
  padding: 3px;
  text-align: right;
}
div.block div.body div.golist a {
  padding: 2px 10px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #b5739d;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  background: #b5739d;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 1px #434343;
}

section.infopage {
  margin: 0;
  padding: 5px 15px 13px;
}
section.infopage ul {
  margin: 0;
  padding: 10px 5px 10px 30px;
  list-style: disc url(/images/common/list_mark7.gif) outside;
}
section.infopage li {
  margin: 0;
  padding: 5px 0;
}

div.toiawasememo {
  font-weight: 400;
  display: block;
  margin: 0;
  padding: 20px;
}
div.wakudisp {
  margin: 10px 0 0;
  padding: 5px 5px 10px;
}
div.wakudisp h2 {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #434343;
}
div.wakudisp div.wakuinner {
  margin: 0;
  background: #fff;
}
div.todaysmoratame {
  background-color: #fb9605;
}

h2.hl01 {
  margin-bottom: 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: #8cbc00;
  text-shadow: none;
}

div.topmoratame {
  overflow: hidden;
  margin: 0;
  padding: 0 10px;
}
div.topmoratame div.leftblk_t {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  float: left;
  margin: 0;
  padding: 0;
  color: #09f;
  text-shadow: none;
}
div.topmoratame div.leftblk_m {
  font-size: 16px;
  font-weight: 700;
  float: left;
  margin: 0;
  padding: 0;
  color: #f30;
  text-shadow: none;
}
div.topmoratame div.rightblk {
  font-size: 12px;
  line-height: 30px;
  float: right;
  margin: 0;
  color: #444;
}
div.topmoratame div.rightblk strong {
  color: #f60;
}
div.morelist {
  margin: 0;
  padding: 0 10px 25px;
  text-align: center;
}
div.morelist a.tamebtn {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 0 auto;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: -moz-linear-gradient(top, #3aa1e5, #2c92e0);
  background-image: -webkit-linear-gradient(top, #3aa1e5, #2c92e0);
  background-image: linear-gradient(to bottom, #3aa1e5, #2c92e0);
  text-shadow: none;
}
div.morelist a.morabtn {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 0 auto;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: -moz-linear-gradient(top, #f3623b, #f0512c);
  background-image: -webkit-linear-gradient(top, #f3623b, #f0512c);
  background-image: linear-gradient(to bottom, #f3623b, #f0512c);
  text-shadow: none;
}
div.topdisp {
  padding: 5px;
  background: #8cbc00;
}
div.topdisp div.message {
  padding-left: 20px;
  color: #fff;
  text-shadow: none;
}
div.error {
  font-size: 13px;
  margin: 10px 0;
  padding: 5px 0 5px 10px;
  color: #fff;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #ff5024;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: none;
}
div.accordion div.head span.ui-icon {
  position: relative;
  top: 9px;
  left: 10px;
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  text-indent: -99999px;
  background-repeat: no-repeat;
}

#accordion div.head span.ui-icon {
  position: relative;
  top: 9px;
  left: 10px;
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  text-indent: -99999px;
  background-repeat: no-repeat;
}

p.question {
  margin: 0;
  margin-top: 5px;
  padding: 3px;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #ccc;
}
p.answer {
  margin: 0;
  padding: 3px 0;
  padding-right: 10px;
  padding-left: 10px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #ccc;
}
p.answer textarea {
  width: 95%;
}

div.block div.block_inner {
  margin: 15px 15px 40px;
}
div.block div.red_button {
  margin: 5px 15px 10px;
}

table.item_table {
  font-size: 13px;
  width: 100%;
  border-spacing: 1px;
  border: 0;
}
table.item_table th {
  width: 120px;
  padding: 3px;
  text-align: left;
  text-shadow: none;
}
table.item_table td {
  padding: 3px;
  text-align: left;
  vertical-align: bottom;
  text-shadow: none;
}
table.item_table th.tame1,
table.item_table td.tame1 {
  background-color: #f2f6f9;
}
table.item_table th.mora1,
table.item_table td.mora1 {
  background-color: #fcf3f4;
}
table.item_table th.tame2,
table.item_table td.tame2 {
  background-color: #fff;
}
table.item_table th.tame2 .tame2__label,
table.item_table td.tame2 .tame2__label {
  font-size: 12px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-top: 2px;
  padding: 3px 10px 2px;
  color: white;
  border-radius: 4px;
  background: #fb9605;
  background: -moz-linear-gradient(top, #fb9605 0%, #ff6202 100%);
  background: -webkit-linear-gradient(top, #fb9605 0%, #ff6202 100%);
  background: linear-gradient(to bottom, #fb9605 0%, #ff6202 100%);
  background-color: orange;
  text-shadow: 0 1px 1px #f35502;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9605', endColorstr='#ff6202',GradientType=0 );
}
table.item_table th.tame2 .tame2__label::after,
table.item_table td.tame2 .tame2__label::after {
  position: absolute;
  top: -3px;
  left: 20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 0 3px 3px 3px;
  border-style: solid;
  border-color: transparent transparent #fb9405 transparent;
}
table.item_table th.tame3,
table.item_table td.tame3 {
  background-color: #fff4f1;
}

div.snsbtn {
  padding: 10px 0 0;
}
div.snsbtn ul {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 0;
  list-style: none;
}
div.snsbtn li {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
}
div.block div.block_inner div.comment, div.block div.block_inner div.trackback {
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}
div.block div.block_inner div.comment h3, div.block div.block_inner div.trackback h3 {
  margin: 0 0 5px;
}
div.block div.block_inner div.comment p, div.block div.block_inner div.trackback p {
  margin: 0 5px 0 10px;
}
div.block div.block_inner div.comment_disp {
  padding: 10px;
}
div.block div.title {
  margin: 5px 0;
  padding: 0 10px;
  text-align: left;
  color: #000;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #fb9605;
  background: #fff;
  text-shadow: none;
}
div.block div.contents {
  font-weight: 400;
  margin: 5px 15px 3px;
}
div.block div.form {
  margin: 5px 15px;
}
div.block div.form .small {
  font-size: 10px;
  font-weight: 400;
}
div.block div.form .middle {
  font-size: 11px;
  font-weight: 400;
}
div.block div.form ul {
  padding-left: 20px;
}
div.block div.form input.noblock {
  display: inline;
}
div.block div.form div.signup {
  padding: 0;
}
div.block div.form div.signup p {
  font-size: 12px;
  font-weight: 700;
}
div.block div.form div.signup p.error {
  font-size: 12px;
  display: block;
  margin: 2px 0 0 10px;
  padding: 0 0 0 20px;
  vertical-align: top;
  color: #ee5d1e;
  background: url(/images/contents/signup/ico_att.png) no-repeat left top;
}
div.block div.form div.signup p.message.ok {
  font-size: 12px;
  display: block;
  margin: 2px 0 0 10px;
  vertical-align: top;
  color: blue;
}
div.block div.form div.signup p.message.ng, div.block div.form div.signup p.message.zip {
  font-size: 12px;
  display: block;
  margin: 2px 0 0 10px;
  vertical-align: top;
  color: red;
}
div.form_error {
  margin: 0 10px;
  border-width: 1px;
  border-style: solid;
  border-color: red;
  -webkit-border-radius: .6em;
  -moz-border-radius: .6em;
  border-radius: .6em;
}
div.form_error_img {
  font-size: 11px;
  padding: 5px;
  color: #fff;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  -webkit-border-top-left-radius: .8em;
  -moz-border-radius-topleft: .8em;
  -webkit-border-top-right-radius: .8em;
  -moz-border-radius-topright: .8em;
  background-color: red;
  text-shadow: none;
}
div.form_error_body {
  font-size: 11px;
  margin: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #f30;
  text-shadow: none;
}
div.block div.form div.signup p.example {
  font-weight: 400;
  margin: 3px 0 0 10px;
}
div.block div.form div.signup p.nowpoint {
  font-weight: 400;
  margin: 3px 0 0 10px;
}
div.block div.form div.signup p.nowpoint strong {
  font-size: 140%;
  font-weight: 700;
  color: #f30;
}
div.block div.form div.signup p.confirm {
  margin: 0 0 0 20px;
}
div.block div.form div.button {
  padding-right: 12px;
}
div.block div.form input {
  font-size: 15px;
  margin: 5px 0 0;
}
div.block div.form select {
  font-size: 15px;
}
div.block div.form select.wide {
  width: 100%;
}
div.block div.form .ui-radio {
  width: 50%;
}
div.block div.form div.signup .ui-radio {
  width: auto;
}
div.block div.form .ui-btn {
  width: 100%;
}
div.block div.form .ui-btn-inner {
  text-align: center;
}
div.block div.form table {
  border: 0;
}
div.block div.form table th {
  font-size: 13px;
  padding-right: 10px;
  text-align: right;
  border: 0;
  background-color: #fff;
}
div.block div.form table td {
  font-size: 13px;
  font-weight: 400;
  border: 0;
}
div.block div.form table td.subtitle {
  font-size: 15px;
  padding-top: 20px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}
div.block div.form table.table_list {
  width: 100%;
  border-collapse: collapse;
  border: 1px;
}
div.block div.form table.table_list th {
  text-align: left;
  color: #fff;
  border: 1px solid #000;
  background: #698db6;
  text-shadow: none;
}
div.block div.form table.table_list td {
  border: 1px solid;
}

a.button.zip {
  width: auto;
  margin-top: 3px;
  margin-left: auto;
}

span.mast {
  font-size: 10px;
  font-size: 10px;
  font-weight: 400;
  display: inline-block;
  height: 1em;
  margin-right: 3px;
  margin-left: 3px;
  padding: 0.2em 0.2em 0.5em;
  vertical-align: top;
  color: #fff;
  border-radius: .2em;
  background: #00c;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

/*------------------------------------------------
Form
------------------------------------------------*/
div.block div.input {
  margin: 5px 0 0;
}
div.block div.input p {
  margin: 0;
}

/*------------------------------------------------
Tabs
------------------------------------------------*/
#tabs {
  position: relative;
  zoom: 1;
  padding: .2em;
}
#tabs ul.navi {
  margin: 0;
  padding: .2em .2em 0;
}
#tabs ul.navi li {
  position: relative;
  top: 2px;
  float: left;
  width: 95px;
  margin: 0 .2em 1px 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  border-bottom: 0 !important;
  background-color: #fff;
}
#tabs ul.navi li a {
  float: left;
  width: 88px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  color: #999;
  text-shadow: none;
}
#tabs ul.navi li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 2px;
  background-color: #fff;
}
#tabs ul.navi li.ui-tabs-selected a {
  cursor: text;
}
#tabs ul.navi li.ui-state-disabled a, #tabs ul.navi li.ui-state-processing a {
  cursor: text;
}
#tabs ul.navi li a {
  cursor: pointer;
}
#tabs.ui-tabs-collapsible #tabs ul.navi li.ui-tabs-selected a {
  cursor: pointer;
}
#tabs div.panel {
  display: block;
  clear: both;
  padding: 20px 0 0;
  border-width: 0;
  background: none;
}
#tabs .ui-tabs-hide {
  display: none !important;
}
#tabs ul li {
  border: 1px #e9e9e9 solid;
  background: -moz-linear-gradient(top, #e1e1e1, #e4e4e4 50%, #e7e7e7 51%, #e9e9e9);
  background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(50%, #e4e4e4), color-stop(51%, #e7e7e7), to(#e9e9e9));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1',EndColorStr='#e7e7e7');
}

div.more_list, div.more_comment, div.more_trackback {
  margin-top: -6px;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
  border: 0 solid;
}
div.more_list a, div.more_comment a, div.more_trackback a {
  width: 200px;
  height: 20px;
  margin: 0;
  padding: 0;
  color: #fff;
  border-color: #b5739d;
  background: #b5739d;
  text-shadow: none;
}
div.more_list a span.ui-btn-inner, div.more_comment a span.ui-btn-inner, div.more_trackback a span.ui-btn-inner {
  height: 20px;
  margin: 0;
  padding: 0;
}
div.more_list a.button.more {
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #b5739d;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  background: #b5739d;
}
div.more_list a.button.more:hover {
  border: 1px solid #6c6db2;
  background: #6c6db2;
}

/* tab mora */
#tabs div.panel_mora {
  border-top: 3px #b76b6b solid;
}
#tabs ul.mora li.ui-tabs-selected {
  border: 1px solid #b76b6b;
  background: -moz-linear-gradient(top, #bf8686, #bd8080 50%, #b97474 51%, #b76b6b);
  background: -webkit-gradient(linear, left top, left bottom, from(#bf8686), color-stop(50%, #bd8080), color-stop(51%, #b97474), to(#b76b6b));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bf8686',EndColorStr='#b76b6b');
}
#tabs ul.mora li.ui-tabs-selected a {
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 1px 1px #434343;
}
#tabs div.mora {
  border-bottom: 3px #b76b6b solid;
}
#tabs div.panel_tame {
  border-top: 3px #6c8fb7 solid;
}
#tabs ul.tame li.ui-tabs-selected {
  border: 1px solid #6c8fb7;
  background: -moz-linear-gradient(top, #859ebe, #809bbd 50%, #7292b9 51%, #6c8fb7);
  background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#859ebe',EndColorStr='#6c8fb7');
}
#tabs ul.tame li.ui-tabs-selected a {
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 1px 1px #434343;
}
#tabs div.tame {
  border-bottom: 3px #6c8fb7 solid;
}

/* tab tame */
/*------------------------------------------------
Listview
------------------------------------------------*/
#listview {
  margin: 0;
}
#listview li {
  overflow: visible;
  min-height: 95px;
  padding: 0;
  border-color: #ccc;
  background: #fff;
}
#listview li img {
  margin: 5px 0 5px 5px;
  padding: 0;
}
#listview li img.new {
  position: absolute;
  top: 3px;
  left: 3px;
  border: 0;
}

/*---------------------------------------------- itemicon */
.itemicon {
  font-size: 10px;
  line-height: 15px;
  margin-right: 1px;
  padding: 0 .3em;
  color: #fff;
  -webkit-box-shadow: 1px 1px 0 0 #cccccc !important;
  box-shadow: 1px 1px 0 0 #cccccc !important;
  text-shadow: none;
}

.itemIcoAbs {
  position: absolute;
  top: 0;
  left: 0;
}

.itemIcoAbs2 {
  position: absolute;
  top: -5px;
  left: -5px;
}

.itemicon.new {
  background-color: #ff451f;
}
.itemicon.already {
  background-color: #919191;
}
.itemicon.favorite {
  background-color: #ff398d;
}
.itemicon.return {
  background-color: #11b0dd;
}
.itemicon.few {
  background-color: #36f;
}
.itemicon.deadline {
  background-color: #eb47af;
}
.itemicon.office {
  background-color: #00b594;
}
.itemicon.family {
  background-color: #14b111;
}
.itemicon.pet {
  background-color: #d45b07;
}
.itemicon.spLimit {
  background: #0dc5e6;
}

/*spLimitBgColor*/
.spLimitBgc {
  background-color: #ecffff;
}

.ui-icon {
  z-index: 1;
}

/*spLimitBgColor*/
/*---------------------------------------------- itemicon */
/*---------------------------------------------- todayicon */
.itemicon.itemIcoOrg {
  background: #fe5b03;
}
.itemicon.itemIcoRed {
  background: #e50101;
}
.itemicon.itemIcoGry {
  background: #666;
}
.itemicon.itemIcoYlw {
  background: #ffa200;
}
.itemicon.itemIcoBlu {
  background: #4175e0;
}
.itemicon.itemIcoGrn {
  background: #62ac02;
}
.itemicon.itemIcoEmr {
  background: #0acc86;
}
.itemicon.itemIcoSky {
  background: #5695f3;
}
.itemicon.itemIcoTame {
  background: #319be3;
}
.itemicon.itemIcoMora {
  background: #f25932;
}
.itemicon.itemIcoRepo, .itemicon.itemIcoPhoto {
  background: #ff7e00;
}
.itemicon.itemIcoSpLimit {
  background: #0dc5e6;
}
.itemicon.itemIcoPet {
  background: #977842;
}
.itemicon.itemIcoblue {
  background: #36f;
}

/*---------------------------------------------- todayicon */
#listview h3.ui-li-heading {
  overflow: visible;
  margin: 0;
}
#listview li .ui-btn-inner {
  margin: 0;
  /*  height: 85px;*/
  padding: 0 35px 5px 0;
}
#listview li div.ui-btn-text {
  margin: 0;
  padding: 0;
  /*  height: 85px;*/
  vertical-align: middle;
}
#listview li div.ui-btn-inner span.ui-icon {
  top: 46px;
}
#listview li.ui-btn-hover-c {
  background-color: #fff;
}
#listview li table {
  width: 100%;
  /*  height: 80px;*/
  margin: 5px 0 5px 3px;
  border-collapse: collapse;
}
#listview li table td {
  font-size: 14px;
  padding: 0;
}
#listview li table td strong {
  color: #f60;
}
#listview li table td.icon {
  width: 23px;
  vertical-align: top;
}
#listview li table td img.icon {
  margin: 0;
  margin-top: 5px;
}
#listview li table td.right {
  width: 100%;
}
#listview .ui-btn-inner {
  overflow: visible;
}
#listview .ui-btn-text {
  overflow: visible;
  white-space: normal;
}
#listview .ui-li-heading {
    /*white-space: normal;
overflow: visible;*/
  /*130805*/
}

/*130806*/
div#list ul.addlist li:first-child {
  border-top-style: none;
}
div.comment, div.trackback {
  padding: 5px 3px 0;
}
div.nothing {
  padding-left: 15px;
}
div.comment table, div.trackback table {
  width: 100%;
  border-collapse: collapse;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}
div.comment td.title, div.trackback td.title, div.tokusyu td.title {
  width: auto;
  text-align: left;
  color: #000;
  background: none;
  text-shadow: none;
}
div.comment td.link, div.trackback td.link, div.tokusyu td.link {
  width: 100px;
}
div.comment td.henshu {
  color: #090;
}
div.tokusyu td.note {
  font-size: 12px;
  font-weight: 400;
  text-shadow: none;
}
div.comment a.button, div.trackbak a.button, div.tokusyu a.button, div.photo_block a.button {
  display: block;
  width: 100px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #b5739d;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  background: #b5739d;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
div.tokusyu a.button, div.photo_block a.button {
  margin-bottom: 5px;
}
div.comment a.button p, div.trackbak a.button p, div.tokusyu a.button p, div.photo_block p {
  margin-top: 1px;
}
div.comment a.button:hover, div.trackbak a.button:hover, div.tokusyu a.button:hover, div.photo_block a.button:hover {
  border: 1px solid #7577b7;
  background: #7577b7;
}
div.comment td.link a span.ui-btn-inner, div.trackback td.link a span.ui-btn-inner {
  height: 20px;
  margin: 0;
  padding: 0;
}
div.comment td.title {
  margin: 0;
  padding: 0;
}
div.comment td.title h3 {
  margin: 0;
  padding: 0;
}
div.comment td.date, div.comment td.note {
  margin: 0;
  padding: 0;
}
div.trackback td.title {
  margin: 0;
  padding: 0;
}
div.trackback td.title h3 {
  margin: 0;
  padding: 0;
}
div.trackback td.date, div.trackback td.note {
  margin: 0;
  padding: 0;
}
div.comment td.title, div.trackback td.title {
  padding-left: 5px;
  vertical-align: middle;
}
div.comment td.date, div.comment td.note {
  font-size: 12px;
  font-weight: 400;
  padding: 3px;
  padding-right: 15px;
  padding-left: 15px;
}
div.trackback td.date, div.trackback td.note {
  font-size: 12px;
  font-weight: 400;
  padding: 3px;
  padding-right: 15px;
  padding-left: 15px;
}

/*
div.comment td.link a,
div.trackback td.link a {
-webkit-border-radius: 5em;
-moz-border-radius:    5em;
-moz-box-shadow:       1px 1px 2px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.6);
width:           80px;
height:          20px;
background:      #b5739d;
border:          1px solid #b5739d;
color:           white;
text-decoration: none;
text-align:      center;
padding:         3px 5px 3px 5px;
}
*/
p#cd_henshu {
  margin: 0;
  padding: 5px;
  color: #090;
}

table#comment_detail {
  width: 100%;
  margin: 0;
  padding: 0;
  border-style: none;
}
table#comment_detail tr#cd_henshu {
  padding: 5px;
  color: #090;
}
table#comment_detail td#disp_id {
  font-size: 16px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
table#comment_detail td#hyoka {
  padding: 5px;
  text-align: right;
  vertical-align: bottom;
}

/*------------------------------------------------
Footer
------------------------------------------------*/
#topscrollWrp {
  padding-top: 10px;
  padding-right: 2%;
  padding-bottom: 0;
  padding-left: 2%;
  border-bottom: 2px solid #fb8405;
}

#topscroll a {
  line-height: 200%;
  display: block;
  width: 16ex;
  margin-left: auto;
  padding: 0 .5em;
  text-align: center;
  color: #fff;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  background: #fb8405;
  text-shadow: none;
}

nav.topscroll a {
  margin: 0 5px;
}

footer nav {
  margin-bottom: 10px;
}
footer nav ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer nav#pp {
  font-size: 11px;
}
footer nav ul li {
  float: left;
  border-bottom: 1px solid #ccc;
}
footer nav ul li:nth-child(even) {
  width: 60% !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 321px) {
  footer nav ul li:nth-child(even) {
    min-height: 40px;
  }
}
footer nav ul li:nth-child(odd) {
  width: 40% !important;
  margin-bottom: 0 !important;
  background: url(https://image.moratame.net/s/cmn/2px_dot_ccc.png) repeat-y right top;
  background-size: 1px 1px;
}
@media only screen and (max-width: 321px) {
  footer nav ul li:nth-child(odd) {
    min-height: 40px;
  }
}
footer nav ul li a {
  display: block;
  padding: 5px;
}
@media only screen and (max-width: 321px) {
  footer nav ul li a {
    font-size: 12px !important;
  }
}
footer nav ul li a img {
  margin-right: 5px;
  vertical-align: middle;
}

div.footer {
  margin-top: 5px;
}
div.footer div.footer_navi {
  font-size: 10px;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  padding: 10px 15px;
  text-align: left;
  text-align: center;
  color: #fff;
  background: #989da5;
  text-shadow: none;
}
div.footer div.footer_list li {
  font-size: 13px;
  width: 100%;
  height: 30px;
}
div.footer div.footer_list li span.ui-icon {
  top: 15px;
  margin-right: 7px;
}
div.footer div.footer_list li div.ui-btn-inner {
  padding: 6px 0 5px 15px;
}

.ui-body-c .ui-link:link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover, .ui-body-c .ui-link:active {
  font-size: 14px;
  font-weight: normal;
  color: #434343;
}

/*footer_copy*/
.footer_copy {
  font-weight: 400;
  overflow: hidden;
  width: 98%;
  padding: 5px 1%;
  background: #ccde98;
}
.footer_copy p.footer_copyTxt {
  font-size: 10px;
  line-height: 100%;
  float: left;
  margin: 0 0 0 1em;
  padding-top: 5px;
  text-shadow: none;
}

/*footer_copy2*/
.footer_copy2 {
  font-weight: 400;
  overflow: hidden;
  width: 98%;
  padding: 5px 1%;
  background: #ccde98;
}
.footer_copy2 p.footer_copyTxt {
  font-size: 10px;
  line-height: 100%;
  float: left;
  margin: 0 0 0 1em;
  text-shadow: none;
}

/*/footer_copy2*/
.footer_copy p.footer_copyBtn {
  float: right;
  margin: 0;
  padding-top: 1px;
}

/*/footer_copy*/
div.footer div.changedevice {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 10px 0 0;
  text-align: center;
  color: #2f3e46;
  background: #fff;
  text-shadow: none;
}
div.footer div.footer_list li span.mkfirst {
  overflow: visible;
  height: 20px;
  padding-right: 18px;
  background: url(/s/images/mk_first.png) right center no-repeat;
}

/*------------------------------------------------
Button
------------------------------------------------*/
.green {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  border: 1px solid #59a110;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #91cf0e;
  background: -webkit-gradient(linear, left top, left bottom, from(#91cf0e), to(#59a110));
  background: -moz-linear-gradient(top, #91cf0e #59a110);
  text-shadow: 1px 1px 1px #434343;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8dc70f',EndColorStr='#59a110');
}
.green p {
  font-size: 13px;
  margin-top: 5px;
}
.green:hover {
  border: 1px solid #177911;
  background: #91cf0e;
  background: -webkit-gradient(linear, left top, left bottom, from(#71a40c), to(#49860c));
  background: -moz-linear-gradient(top, #71a40c #49860c);
}

div.btn_red {
  display: block;
  margin: 0;
  padding: 5px 15px 10px;
}
div.btn_red a.ui-link {
  display: block;
  width: auto;
  margin: 0;
  /*  height: 30px;*/
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  color: #fff;
  border: 1px #b76b6b solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #f30;
  background: -webkit-gradient(linear, left top, left bottom, from(#f30), to(#db1a00));
  background: -moz-linear-gradient(top, #f30 #db1a00);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3300',EndColorStr='#db1a00');
}
div.btn_red a.ui-link:visited, div.btn_red a.ui-link:hover, div.btn_red a.ui-link:active {
  color: #fff;
}

.disabled_button {
  display: block;
  width: 90px;
  height: 20px;
  margin-right: 0;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
}

.disabled {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  border: 1px solid #a9a9a9;
  -webkit-border-radius: .5em;
  /* for IE */
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #a9a9a9;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#a9a9a9));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #ccc, #a9a9a9);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  /* for firefox 3.6+ */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#a9a9a9');
}
.disabled p {
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
  text-align: center;
  color: #fff;
  text-shadow: none;
}

/*
.disabled:hover {
border: 1px solid        #585858;
background: #91cf0e;
background: -webkit-gradient(linear, left top, left bottom, from(#ADADAD), to(#717171));
background: -moz-linear-gradient(top, #ADADAD #717171);
}
*/
/*-------------------------------------------- .blue_grad */
.blue_grad {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  /*
border: 1px solid #809bbd;
*/
  border: 1px solid #2083c9;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  /*
text-shadow: 1px 1px 1px #434343;
background: #859ebe;
background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
background: -moz-linear-gradient(top, #859ebe, #809bbd 50%, #7292b9 51%, #6c8fb7);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#859ebe', EndColorStr='#6c8fb7')";
*/
  background: #3aa1e5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa1e5), color-stop(100%, #2c92e0));
  background: -moz-linear-gradient(top, #3aa1e5 0%, #2c92e0 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3aa1e5',EndColorStr='#2c92e0');
}
.blue_grad p {
  font-size: 13px;
  margin-top: 5px;
  text-shadow: 1px 1px 1px #2083c9;
}
.blue_grad:hover {
  text-decoration: none;
  border: 1px solid #63a8d9;
    /*
background: #859ebe;
background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), to(#6c8fb7));
background: -moz-linear-gradient(top, #859ebe #6c8fb7);
*/
  background: #75bded;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75bded), color-stop(100%, #6cb3e9));
  background: -moz-linear-gradient(top, #75bded 0%, #6cb3e9 100%);
}

/*-------------------------------------------/ .blue_grad */
/*------------------------------------------- .white_grad */
.white_grad {
  width: auto;
  height: 25px;
  margin-top: 5px;
  color: #2f3e46;
  border: 1px solid #ccc;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#859ebe), color-stop(50%, #809bbd), color-stop(51%, #7292b9), to(#6c8fb7));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #eee));
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd',EndColorStr='#eeeeee');
}
.white_grad p {
  font-size: 13px;
  margin: 0;
  padding: 3px 0;
  color: #444;
}
.white_grad:hover {
  font-weight: 700;
  text-decoration: none;
  color: #101010;
  border: 1px solid #bbb;
  background: #dadada;
  background-image: -moz-linear-gradient(top, #ededed, #dadada);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(1, #dadada));
  text-shadow: 0 1px 1px #fff;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed',EndColorStr='#dadada');
}

/*------------------------------------------/ .white_grad */
/*------------------------------------------- .btnGry */
.btnGry a {
  font-size: 12px;
  line-height: 31px;
  display: block;
  height: 31px;
  text-align: center;
  border: 1px solid #a9a9a9;
  border-radius: .5em;
  background: #e8e8e8;
}
.btnGry a.ui-link {
  color: #444;
  background: #e8e8e8;
}
.btnGry a.ui-link:link, .btnGry a.ui-link:visited, .btnGry a.ui-link:active, .btnGry a.ui-link:hover {
  color: #444;
  background: #e8e8e8;
}

/*------------------------------------------/ .btnGry */
/*--------------------------------------------- .red_grad */
.red_grad {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  border: 1px solid #de431e;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #f0512c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3623b), color-stop(100%, #f0512c));
  background: -moz-linear-gradient(top, #f3623b 0%, #f0512c 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 1px #de431e;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3623b',EndColorStr='#f0512c');
}
.red_grad p {
  font-size: 13px;
  margin-top: 5px;
}
.red_grad:hover {
  text-decoration: none;
  border: 1px solid #e87c62;
  background: #e87c62;
  background: -webkit-gradient(linear, left top, left bottom, from(#f79176), to(#f5866c));
  background: -moz-linear-gradient(top, #f79176 #f5866c);
}

/*--------------------------------------------/ .red_grad */
/*--------------------------------------------- .green_grad */
.green_grad {
  width: auto;
  height: 30px;
  margin-top: 5px;
  color: #fff;
  border: 1px solid #7eae00;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #84b500;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93c000), color-stop(100%, #84b500));
  background: -moz-linear-gradient(top, #93c000 0%, #84b500 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 1px #434343;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#93c000',EndColorStr='#84b500');
}
.green_grad p {
  font-size: 13px;
  margin-top: 5px;
  text-shadow: 1px 1px 1px #7eae00;
}
.green_grad:hover {
  text-decoration: none;
  border: 1px solid #a5c64d;
  background: #bf8686;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4d34d), color-stop(100%, #a9cb4d));
  background: -moz-linear-gradient(top, #b4d34d 0%, #a9cb4d 100%);
}

/*--------------------------------------------/ .green_grad */
/*------------------------------------------------
Dialog
------------------------------------------------*/
div.page_dialog {
  background: #6c6c6c;
}

.ui-dialog .ui-header,
.ui-dialog .ui-footer {
  margin: 0;
}
.ui-dialog .ui-content {
  margin: 15px;
}

div.dialog_content {
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #6c6c6c;
}
div.dialog_content div.body div.close {
  margin: 0;
  border: 1px solid #e8e8e8;
  background: #e8e8e8;
}
div.dialog_content div.body div.close a {
  display: block;
  margin-left: auto;
}
div.dialog_content div.contents {
  height: 100%;
  margin: 0;
  border: 1px solid #e8e8e8;
  background: #e8e8e8;
}
div.dialog_content div.contents p#disp_id {
  font-size: 16px;
  margin: 10px 10px 0;
}
div.dialog_content div.contents p#reg_date {
  font-size: 14px;
  margin: 0 10px 10px;
  text-align: right;
}
div.dialog_content div.contents p#note {
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 10px;
}
div.dialog_content div.navi {
  margin: 0;
  padding: 0;
  border: 0 solid #155678;
}
div.dialog_content div.navi div {
  float: left;
  width: 50%;
  margin: 0;
  border: 0;
}
div.dialog_content div.navi a {
  display: block;
  width: auto;
  padding: 10px;
  color: #fff;
  border: 1px solid #397db1;
  background: #7fb5e0;
  background: -webkit-gradient(linear, left top, left bottom, from(#7fb5e0), to(#5696c7));
  background: -moz-linear-gradient(top, #7fb5e0 #5696c7);
  text-shadow: 1px 1px 1px #434343;
}
div.dialog_content div.navi a.right {
  text-align: right;
}
div.dialog_content div.navi a:hover {
  background: #397db1;
  background: -webkit-gradient(linear, left top, left bottom, from(#4e93c8), to(#3578ab));
  background: -moz-linear-gradient(top, #4e93c8 #3578ab);
}
div.dialog_content div.contents h3 {
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
  margin-left: 10px;
}
div.dialog_content div.contents p.sub, div.dialog_content div.contents p.text {
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
  margin-left: 10px;
}
div.dialog_content div.contents h3 {
  font-size: 14px;
  font-weight: 700;
}
div.dialog_content div.contents p.sub {
  font-weight: 700;
}
div.iconmenu {
  display: table;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  text-align: center;
}

/*------------------------------------------------
Icon menu
------------------------------------------------*/
ul.iconmenu {
  margin: 0;
  padding: 0;
  padding-right: 10px;
  list-style-type: none;
}
ul.iconmenu:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}
ul.iconmenu li {
  display: inline;
  float: left;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-left: 10px;
}
ul.iconmenu li a {
  display: block;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #68ad0e;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #68ad0e;
  background: -webkit-gradient(linear, left top, left bottom, from(#8fa7c9), to(#68ad0e));
  background: -moz-linear-gradient(top, #8fa7c9 #68ad0e);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8FA7C9',EndColorStr='#68AD0E');
}

a.iconmenu p {
  font-size: 12px;
  font-weight: 700;
  display: table-cell;
  width: 50px;
  height: 50px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-shadow: none;
}

ul.iconmenu li a:hover {
  background: #91cf0e;
  background: -webkit-gradient(linear, left top, left bottom, from(#71a40c), to(#49860c));
  background: -moz-linear-gradient(top, #71a40c #49860c);
}

section.orange_waku {
  display: block;
  margin: 10px 5px 0;
  padding: 0;
  border: 1px solid #fb8405;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
section.orange_waku h2 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  background-color: #fb8405;
  text-shadow: none;
}
section.categorylist form {
  display: block;
  margin: 0;
  padding: 10px;
}
section.categorylist select {
  font-size: 15px;
  width: 100%;
  margin: 0;
}

div.category_message {
  margin: 0;
  padding: 10px;
  color: #333;
  background-color: #fff;
}

/*------------------------------------------------
Todays moratame
------------------------------------------------*/
section.todaysmoratame ul {
  /*  background: #FFFFFF;*/
  margin: 0;
  padding: 10px 5px 10px 30px;
  list-style: disc url(/images/common/list_mark7.gif) outside;
}
section.todaysmoratame li {
  padding: 5px 0;
}

/*------------------------------------------------
photocolle main
------------------------------------------------*/
div.photocolle h2 {
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
  background-color: #fc4f24;
}
div.photocolle h2.endphotocolle {
  margin-top: 10px;
  background-color: #adb0b5;
}
div.photocolle_block {
  border-bottom: 1px solid #ccc;
}
div.photocolle_block h4 {
  font-weight: 700;
  margin: 5px;
  color: #2489ce;
}
div.photocolle_block p.holding_day {
  margin: 0;
  padding: 0 5px;
}
div.photocolle_block p.holding_outline {
  font-weight: 400;
  margin: 0;
  padding: 0 5px;
}
div.photocolle_block ul {
  overflow: hidden;
  width: 100%;
  margin: 10px 5px 5px;
  padding: 0;
}
div.photocolle_block li {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
}
div.photocolle_block a.button {
  display: block;
  width: 100px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #b5739d;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  background: #b5739d;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
div.photocolle_block a.button p {
  margin-top: 1px;
}
div.photocolle_block p.closetext {
  margin: 5px;
  padding: 0 5px;
}
div.photocolle_block a.button:hover {
  border: 1px solid #7577b7;
  background: #7577b7;
}
div.photo_block {
  border-bottom: 1px solid #ccc;
}

.title_photocolle {
  font-size: 15px;
  height: 30px;
  margin: 0;
  padding: 10px 10px 5px 0;
  text-align: center;
  color: #fff;
  background: #fc4f24;
  text-shadow: 1px 1px 1px #434343;
}

.them_title {
  font-weight: 700;
  margin: 5px;
  color: #2489ce;
}

.holding_photo {
  /*
margin: 10px auto 0;
width: 520px;
*/
}
.holding_photo ul {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 10px;
}
.holding_photo li {
  display: block;
  float: left;
  width: 70px;
  margin: 0;
  padding: 0;
}
.holding_photo img {
  border: 4px solid #fff;
}

.holding_photo2 ul {
  display: block;
  /*2013.11.28*/
  overflow: hidden;
  margin: 0;
  padding: 10px 0;
}
.holding_photo2 li {
  display: block;
  margin: 0;
  padding: 5px 0 5px 5px;
  /*2013.11.28*/
  border-bottom: 1px solid #ccc;
}
.holding_photo2 li a.photoimg {
  display: block;
  float: left;
  width: 120px;
  border: 4px solid #fff;
}
.holding_photo2 li div.photoinfo {
  display: block;
  float: left;
}

/*

.holding_photo2 img {
border: 4px solid #ffffff;
}
*/
/*------------------------------------------------
photocolle detail
------------------------------------------------*/
div.photodetail h2 {
  font-size: 15px;
  margin: 0;
  padding: 10px 5px 5px;
  text-align: left;
  color: #fff;
  background: #fc4f24;
  text-shadow: 1px 1px 1px #434343;
}
div.photodetail p.dttext {
  margin: 0;
  padding: 10px 5px 5px;
}
div.photodetail h3 {
  line-height: 24px;
  /* 20131022 gunji */
  margin: 10px 0 0;
  padding: 5px;
  vertical-align: baseline;
}
div.photodetail h3.goodpt {
  padding-left: 40px;
  /* 20131022 gunji */
  background-color: #c9e78e;
  background-image: url(/s/images/common/ico024_200.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  -moz-background-size: 14px 20px;
  background-size: 24px 20px;
}
div.photodetail h3.newpt {
  padding-left: 40px;
  /*20131022 gunji*/
  background-color: #f3d05b;
  background-image: url(/s/images/common/ico024_200.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  -moz-background-size: 14px 20px;
  background-size: 24px 20px;
}
div.photodetail div.pagination {
  padding: 0 10px;
  text-align: center;
}
div.photodetail td {
  vertical-align: top !important;
}
div.photodetail td.toukou {
  padding: 0 5px;
  vertical-align: top;
}
div.photodetail td.hyouka {
  padding: 20px 5px 0 20px;
}
div.photodetail div.holding_photo table {
  width: 100%;
}
div.photodetail div.holding_photo td {
  text-align: center;
}
div.photouser h2 {
  margin: 0 0 10px;
}
div.photouser h3 {
  font-size: 15px;
  margin: 0;
  padding: 10px 5px 5px;
  text-align: left;
  color: #fff;
  /*text-shadow: 1px 1px 1px #434343;*/
  background-color: #fd9f19;
}
div.photouser div.imginfotop {
  overflow: hidden;
  /*  text-align: right;*/
  margin: 0;
  padding: 5px;
}
div.photouser div.imginfotop ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
div.photouser div.imginfotop li {
  float: left;
}
div.photouser div.imginfotop li a {
  padding: 3px 5px;
  text-decoration: none;
}
div.photouser p.phototext {
  margin: 0;
  padding: 5px;
  text-align: left;
}
div.photouser span.photo_jan_txt {
  font-weight: 700;
  color: #090;
}
div.photouser div.mainimg {
  margin: 0 auto;
  padding: 5px;
  text-align: center;
}
div.photouser div.photonavi {
  width: 200px;
  margin: 0 auto;
  background-color: #fcc;
}
div.photoedit h2 {
  font-size: 14px;
  margin: 0;
  padding: 10px 5px 5px;
  text-align: center;
  color: #fff;
  background: #fc4f24;
}
div.photoedit p {
  font-size: 14px;
  /*padding:0 10px;*/
  margin: 10px 0 0;
}
div.photoedit p.infotext {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 15px 15px 10px;
  color: red;
}

/*------------------------------------------------
photocolle user
------------------------------------------------*/
/*
div.photouser div.photonavi a {
display: block;
margin: 0 auto;
}

div.photouser div.photonavi a.leftnavi {
float:left;
}

div.photouser div.photonavi a.rightnavi {
float:right;
}
*/
/*------------------------------------------------
photocolle edit
------------------------------------------------*/
#tokoiphone {
  display: block;
  margin: 10px 15px;
  border: 1px solid #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}
#tokoiphone h4 {
  font-weight: 700;
  margin: 0;
  padding: 3px 5px;
  color: #fff;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #666;
  text-shadow: none;
}
#tokoiphone p {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 10px;
  color: red;
  text-shadow: none;
}
#tokoiphone form {
  margin: 0;
  padding: 0 0 10px;
}

/*------------------------------------------------
mymenu top list
------------------------------------------------*/
div.mymenu {
  margin-top: 10px;
}
div.mymenu div.mymenu_navi {
  font-size: 10px;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  padding: 10px 15px;
  text-align: left;
  text-align: center;
  color: #fff;
  background: #989da5;
  text-shadow: none;
}
div.mymenu div.mymenu_list li {
  font-size: 13px;
  width: 100%;
  height: 30px;
}
div.mymenu div.mymenu_list li span.ui-icon {
  top: 15px;
  margin-right: 7px;
}
div.mymenu div.mymenu_list li div.ui-btn-inner {
  padding: 6px 0 5px 15px;
}
div.mymenu div.mymenu_copy {
  font-size: 10px;
  font-weight: 400;
  padding: 10px 0;
  text-align: center;
  color: #989da5;
  background: #fff;
  text-shadow: none;
}

/*------------------------------------------------
mymenu > event tab menu
------------------------------------------------*/
.headline_mypage {
  width: 500px;
  height: 28px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.headline_txt_wrap1,
.headline_txt_wrap2 {
  float: left;
  width: 250px;
  height: 28px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.tab {
  position: relative;
  width: 700px;
  margin: 50px 0 0;
}
.tab a {
  color: #99f;
}
.tab ul,
.tab li {
  margin: 0;
  padding: 0;
}
.tab ul {
  position: absolute;
  bottom: -1px;
  margin: 0 0 0 10px;
}
.tab li {
  line-height: 2em;
  float: left;
  width: 10em;
  height: 2em;
  list-style: none;
  text-align: center;
  color: #444;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  background: #e7e7e7;
}
.tab li a {
  line-height: 2em;
  float: left;
  width: 10em;
  height: 2em;
  color: #444;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  background: #e7e7e7;
}
.tab li.menu_op {
  /*font-weight:bold;*/
  color: #fff;
  border-bottom: 1px solid #fff;
  background: #7997bb;
  text-shadow: none;
}

div#cllist {
  margin: 0;
  padding: 10px 10px 0;
}
div.mymenu_c h2 {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: #989da5;
  text-shadow: 1px 1px 1px #434343;
}
div.mymenu_c div#accordion1 select {
  overflow: hidden;
  width: 270px;
}
div.block_list div#oplist, div.block_list div#cllist {
  margin-top: 10px;
}
div.application #listview li h3 {
  line-height: 1em;
  margin: 5px;
  padding: 0;
}
div.application #listview li h3 img {
  margin: 2px 2px 0 0;
}
div.application p.listdate, div.application p.cnt {
  margin: 5px;
}
div.application li.liext {
  display: none;
}
div#today_publishing {
  margin: 5px;
  padding: 5px 10px 0;
  border: 1px solid #ccc;
}
div#today_publishing dl {
  display: block;
  padding: 0 0 3px 22px;
  border-bottom: 1px dotted #ccc;
}
div#today_publishing dl.t_icon {
  background: url(/images/common/t_icon.gif) no-repeat scroll left center transparent;
}
div#today_publishing dl.m_icon {
  background: url(/images/common/m_icon.gif) no-repeat scroll left center transparent;
}
div#today_publishing dt,
div#today_publishing dd {
  margin: 0;
  padding: 0;
}
div.contribution #listview li h3 {
  line-height: 1em;
  margin: 5px;
  padding: 0;
}
div.contribution #listview li h3 img {
  margin: 2px 2px 0 0;
}
div.contribution p.listdate, div.contribution p.cnt {
  margin: 5px;
}
div.contribution li.liext {
  display: none;
}
div.history #listview li {
  height: auto;
}
div.history #listview li .ui-btn-inner,
div.history #listview li .ui-btn-text {
  height: auto;
}
div.history #listview li h3 {
  line-height: 1em;
  margin: 0;
  padding: 0;
}
div.history #listview li h3 img {
  margin: 2px 2px 0 0;
}
div.history p.listdate {
  margin: 0;
}
div.history li.liext {
  display: none;
}
div.history ul.infomemo {
  font-size: 12px;
  margin: 5px;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #333;
}
div.history ul.infomemo li {
  margin: 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
div.history ul.infomemo strong {
  font-weight: 400;
  color: red;
}
div.history span.hit {
  font-weight: 400;
  color: red;
}
div.history_point div.pointlist {
  display: block;
  margin: 0;
  padding: 0 5px;
}
div.history_point table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
div.history_point table th {
  font-weight: 700;
  margin: 0;
  padding: 3px;
  text-align: center;
  color: #fff;
  border-right: 1px solid #ccc;
  background-color: #7f9abd;
  text-shadow: none;
}
div.history_point table td {
  line-height: 120%;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
div.history_point div.pointinfo {
  margin: 5px;
  border: 1px solid #ccc;
}
div.history_point div.pointinfo ul {
  padding-left: 5px;
}
div.history_point div.pointinfo div.ralutenlink {
  padding: 5px;
  text-align: center;
}
div.history_point div.pointinfo div.ralutenlink p {
  margin: 0 0 3px;
}
div.history_point #now_point {
  margin: 0;
  padding: 5px;
}
div.history_point div.pointinfo ul {
  margin: 5px auto;
  list-style-type: none;
}
div.history_point div.pageList {
  padding: 0 10px;
  text-align: center;
}

.hissu {
  font-size: xx-small;
  float: right;
  width: 3em;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  background: #f60;
}

.myform label {
  font-weight: 700;
  padding-left: 10px;
}

.ebank {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
  text-align: center;
}

ul.kankininfo {
  margin-right: 10px;
}

.title_staticdisp {
  font-size: 15px;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 10px 10px 5px 0;
  text-align: center;
  color: #fff;
  background: #8cbc00;
  text-shadow: 1px 1px 1px #434343;
}

div.static_container2, div.static_container {
  width: 100%;
  padding: 0;
  text-align: left;
  background-color: #fff;
}

.static_container table {
  background-color: #fff;
}
.static_container th {
  font-weight: 700;
  padding: 1px 3px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  background: #efefef;
}
.static_container td {
  font-weight: 400;
  padding: 1px 3px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.static_container .border_none {
  border-bottom: 1px solid #fff;
}

.static_inner {
  padding: 5px;
}
.static_inner ul {
  margin: 0;
  padding: 0;
  list-style: outside disc;
}
.static_inner li {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: outside disc;
}
.static_inner h3 {
  font-size: small;
  padding: 3px;
  background-color: #ffe7ab;
}
.static_inner h4 {
  font-size: small;
  padding: 1px 3px;
  border-bottom: 1px dashed #ccc;
}
.static_inner .bg_red {
  color: #fff;
  background-color: #f1532e;
  text-shadow: 1px 1px 1px #434343;
}
.static_inner .bg_bul {
  color: #fff;
  background-color: #3ca2e5;
  text-shadow: 1px 1px 1px #434343;
}
.static_inner .bg_org {
  color: #fff;
  background-color: #f60;
  text-shadow: 1px 1px 1px #434343;
}
.static_inner p {
  font-weight: 400;
}

.about_img {
  width: 300px;
  margin: 0 auto;
}

.btnMgBlockInner {
  margin: 5px 15px 10px;
}

.btnMb5 {
  margin: 5px 0;
}

.btnMb10 {
  margin: 10px 0;
}

.txtBlockMt {
  margin: 5px 0 0;
}

.txtBlockMb {
  margin: 0 0 5px;
}

#tokusyuContainer {
  /*  width:100%;*/
  margin: 0;
  padding: 5px 0 0;
}
#tokusyuContainer .inbox {
  margin: 0 0 5px;
  padding: 0 5px;
  border-bottom: 1px dotted #999;
}
#tokusyuContainer .inbox p.bnr {
  margin: 0;
  padding: 0;
}
#tokusyuContainer .txtbox {
  margin: 0;
  padding: 0 5px;
}
#tokusyuContainer .txtbox a {
  font-size: 120%;
  font-weight: 700;
}
#tokusyuContainer .txtbox p {
  display: block;
  margin: 0;
  padding: 5px 0;
}
#tokusyuContainer .txtbox p.btn_tokusyu {
  margin: 0;
  padding: 10px 0 0;
  text-align: right;
}
#tokusyuContainer br.clear {
  font-size: 1px;
  line-height: 1px;
  display: none;
}

.col_red {
  color: #f60;
}

#tame_use {
  text-align: left;
}

#tame_use_btn {
  margin: 10px 0;
  padding: 2px 20px;
}

#tame_use_txt {
  font-size: 12px;
  text-align: left;
  color: #333;
}

ul#snsform {
  display: block;
  margin: 5px;
  padding: 0;
  list-style: none;
}
ul#snsform li {
  float: left;
}

div#popupfb {
  color: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  background: -moz-linear-gradient(center top, #fff, #ccc);
  text-shadow: none;
}
div#popupfb h3 {
  font-size: 16px;
  line-height: 40px;
  display: block;
  height: 40px;
  margin: 0;
  padding: 0 5px 0 40px;
  border-bottom: 2px solid #3b5b99;
  background: url(/s/social_api/js/images/fb_icon.png) 5px 5px no-repeat;
}
div#popupfb p {
  margin: 20px 10px 30px;
  padding: 0;
}
div#popuptw {
  color: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  background: -moz-linear-gradient(center top, #fff, #ccc);
  text-shadow: none;
}
div#popuptw h3 {
  font-size: 16px;
  line-height: 40px;
  display: block;
  height: 40px;
  margin: 0;
  padding: 0 5px 0 40px;
  border-bottom: 2px solid #3cf;
  background: url(/s/social_api/js/images/tw_icon.png) 5px 5px no-repeat;
}
div#popuptw p {
  margin: 20px 10px 30px;
  padding: 0;
}
div#popupmx {
  color: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  background: -moz-linear-gradient(center top, #fff, #ccc);
  text-shadow: none;
}
div#popupmx h3 {
  font-size: 16px;
  line-height: 40px;
  display: block;
  height: 40px;
  margin: 0;
  padding: 0 5px 0 40px;
  border-bottom: 2px solid #f39f0c;
  background: url(/s/social_api/js/images/mixi.gif) 5px 5px no-repeat;
}
div#popupmx p {
  margin: 20px 10px 30px;
  padding: 0;
}
div#popupmx form {
  display: block;
  margin: 0;
  padding: 0 10px 10px;
}
div#popupmx select#privacy_id {
  font-size: 17px;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0 auto 10px;
}

#header_banner {
  text-align: center;
}
#header_banner a {
  font-size: 0;
}

div#motto_win {
  color: #333;
  background: #fff;
  background-image: none;
}
div#motto_win div.ui-content {
  padding: 0;
  background: #fff;
  background-image: none;
}
div#motto_win form {
  margin: 0;
  padding: 10px;
}
div#motto_win h2 {
  font-size: 13px;
  line-height: 1em;
  margin: 0 0 5px;
  margin-bottom: 10px;
  padding: 3px 0;
  text-align: center;
  white-space: nowrap;
  border-bottom: 2px solid #fbb811;
  text-shadow: none;
}
div#motto_win p.motto_memo {
  font-size: 12px;
}

p#motto_win_alert {
  font-size: 13px;
  display: none;
  color: red;
}

div#motto_win a.white_grad {
  margin-top: 10px;
}

textarea#motto_msg {
  height: 8em;
  color: #333;
  background: #fff;
}

/* button design kanno start */
div.block div.form div.signup p.fw-n1 {
  font-weight: 400;
}

/* button design kanno end */
/* button design kanno start */
.button_apt {
  display: block;
  width: 120px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  background: #496b9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dfdfdf));
  background: -moz-linear-gradient(top, #fff #dfdfdf);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8FA7C9',EndColorStr='#496b9a');
}
.button_apt p {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #444;
  text-shadow: none;
}
.button_apt:hover {
  border: 1px solid #ccc;
  background: #496b9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#fff));
  background: -moz-linear-gradient(top, #dfdfdf #fff);
}

/* button design kanno end */
/* contents/about kanno edit start */
#abt_cnt img {
  max-width: 100%;
  height: auto;
}

.abt_prg_wrp {
  overflow: hidden;
  width: 100%;
}

.abt_prg_l {
  float: left;
  width: 36%;
}

.abt_prg_r {
  float: right;
  width: 60%;
}

.p_10 {
  padding: 10px 0;
}

#announce_wrp {
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  padding: 5px 0 0;
}

#anc_col-l {
  float: left;
  width: 45%;
}

#anc_col-l-1 {
  color: #f60;
}

#anc_col-r {
  position: relative;
  float: left;
  width: 45%;
}

#anc_col-r-l {
  float: left;
  width: 95px;
}

#anc_img_wrp {
  position: relative;
  width: 90px;
  margin-left: 5px;
}

#anc_ico_mora {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 16px;
  height: 16px;
  background: url(s/images/common/ico_009.png) no-repeat left top;
}
#anc_ico_mora em {
  font-size: .001em;
  display: none;
}

#anc_ico_tame {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 16px;
  height: 16px;
  background: url(s/images/common/ico_009.png) no-repeat -16px top;
}
#anc_ico_tame em {
  font-size: .001em;
  display: none;
}

#anc_img_inr h2 {
  margin: 0;
  padding: 0;
}
#anc_img_inr img {
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}

#anc_col-r-r {
  position: absolute;
  top: 5px;
  left: 90px;
  width: 68px;
}

.sns_wrapper {
  padding-top: 1em;
}
.sns_wrapper ul {
  display: block;
  overflow: hidden;
  width: 280px;
  margin: 0 auto;
  padding-left: 20px;
  list-style-type: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
.sns_wrapper ul li {
  float: left;
  width: 50px;
  margin-right: 20px;
  list-style: none;
}

.ui-btn-corner-all {
  border-radius: .2em;
}

.ui-shadow {
  box-shadow: none;
}

.ui-body-c {
  color: #333;
  border: 1px solid #b3b3b3;
  background: -moz-linear-gradient(center top, #eee, #ddd) repeat scroll 0 0 #f0f0f0;
  text-shadow: none;
}

.ui-body-d {
  border: none;
  text-shadow: none;
}

.hb_cmn_btn01 {
  font-weight: 700;
  display: block;
  padding: 10px;
  text-align: center;
  color: #fff;
  border: 1px solid #db1d1a;
  border-radius: 4px;
  background: #e72419;
  background-image: -moz-linear-gradient(top, #fc422e, #d50e0e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc422e), color-stop(1, #d50e0e));
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  text-shadow: none;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fc422e',EndColorStr='#d50e0e');
}

.hb_cmn_btn02 {
  font-size: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  width: 100%;
  height: 30px;
  padding: 10px 0 0;
  text-align: center;
  color: #fff;
  border: 1px solid #db1d1a;
  border-radius: 4px;
  background: #e72419;
  background-image: -moz-linear-gradient(top, #fc422e, #d50e0e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc422e), color-stop(1, #d50e0e));
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  text-shadow: none;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fc422e',EndColorStr='#d50e0e');
}

.hb_cmn_btn03 {
  font-size: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  height: 30px;
  padding: 10px 0 0;
  text-align: center;
  color: #fff;
  border: 1px solid #6e6e6e;
  border-radius: 4px;
  background: #949494;
  background-image: -moz-linear-gradient(top, #a5a5a5, #b8b8b8);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5a5a5), color-stop(1, #b8b8b8));
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  text-shadow: none;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a5a5a5',EndColorStr='#b8b8b8');
}

.ui-header .ui-title,
.ui-footer .ui-title {
  font-size: 14px;
  display: block;
  overflow: hidden;
  margin: 0 90px;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: 0 none !important;
}

.ui-btn-inner,
.ui-bar .ui-btn-inner {
  padding: .4em 8px;
}

/* /common
---------------------------------------------------------- */
/* F
---------------------------------------------------------- */
.ui-bar-f {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  border-bottom: 1px solid #ccc;
  background: #eaeaea;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eaeaea));
  text-shadow: none;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#eaeaea');
}
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-f button {
  font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-f .ui-link-inherit {
  color: #333;
}
.ui-bar-f .ui-link {
  font-weight: 700;
  color: #2489ce;
}

.ui-body-f {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  border: 1px solid #f7c942;
  background: #faeb9e;
  background-image: -moz-linear-gradient(top, #fff, #faeb9e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #faeb9e));
  text-shadow: 0 1px 0 #fff;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#faeb9e');
}
.ui-body-f input,
.ui-body-f select,
.ui-body-f textarea,
.ui-body-f button {
  font-family: Helvetica, Arial, sans-serif;
}
.ui-body-f .ui-link-inherit {
  color: #333;
}
.ui-body-f .ui-link {
  font-weight: 700;
  color: #2489ce;
}

.ui-btn-up-f {
  cursor: pointer;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  background: #eaeaea;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eaeaea));
  text-shadow: none;
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#eaeaea');
}
.ui-btn-up-f a.ui-link-inherit {
  color: #333;
}

.ui-btn-hover-f {
  font-weight: 700;
  text-decoration: none;
  color: #111;
  border: 1px solid #ccc;
  background: #eaeaea;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eaeaea));
  text-shadow: none;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#eaeaea');
}
.ui-btn-hover-f a.ui-link-inherit {
  color: #333;
}

.ui-btn-down-f {
  font-weight: 700;
  color: #111;
  border: 1px solid #ccc;
  background: #eaeaea;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eaeaea));
  text-shadow: none;
  -msfilter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#eaeaea');
}
.ui-btn-down-f a.ui-link-inherit {
  color: #333;
}

.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
  font-family: Helvetica, Arial, sans-serif;
}

/* /F
---------------------------------------------------------- */
/* hb_other
---------------------------------------------------------- */
#hb_other ul {
  margin: 0 0 10px;
}
#hb_other ul:last-child {
  margin: 0;
}

/* /hb_other
---------------------------------------------------------- */
/* hb_category
---------------------------------------------------------- */
.ui-content #hb_category ul.ui-listview {
  margin: 0;
}

#hb_category .ui-li-thumb,
.ui-li-icon {
  position: absolute;
  top: 0;
  left: 1px;
  max-width: 40px;
  max-height: 40px;
}

#hb_category .ui-li-has-thumb .ui-btn-inner {
  min-height: 20px;
  padding-left: 50px;
}
#hb_category .ui-btn-up-c {
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  color: #444;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: #f5f5f5;
}
#hb_category .ui-btn-hover-c {
  font-weight: 700;
  text-decoration: none;
  color: #101010;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: #f1f1f1;
}
#hb_category .ui-btn-down-c {
  font-weight: 700;
  color: #111;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: #f1f1f1;
  text-shadow: 0 1px 1px #fff;
}
#hb_category .ui-li-thumb {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 40px;
  max-height: 40px;
}

.ui-li-icon {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 40px;
  max-height: 40px;
}

/* /hb_category
---------------------------------------------------------- */
/* hb_ar
---------------------------------------------------------- */
#hb_ar_about {
  position: relative;
  width: 100%;
  height: 44px;
}
#hb_ar_about a {
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
  margin: 0;
  padding: .4em 8px .5em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  border-radius: .2em .2em .2em .2em;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eaeaea));
  box-shadow: none !important;
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF',EndColorStr='#EAEAEA');
}

#hb_ar_pockeBubbleWrap {
  width: 100%;
}

#hb_ar_pockeBubbleLft {
  float: left;
  width: 57%;
}

#hb_ar_pockeBubbleLftInr {
  padding: 10px 0 10px 10px;
}

#hb_ar_pockeBubble {
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #f5f5f5;
}
#hb_ar_pockeBubble:before {
  position: absolute;
  top: 19px;
  right: -12px;
  content: '';
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #ccc;
}
#hb_ar_pockeBubble:after {
  position: absolute;
  top: 20px;
  right: -10px;
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #f5f5f5;
}
#hb_ar_pockeBubble p {
  margin: 0;
}

#hb_ar_pockeBg {
  float: right;
  width: 37%;
  min-height: 148px;
  background: url(https://image.moratame.net/s/cmn/character_pocke_01.png) left -10px no-repeat;
  background-size: 138px 168px;
}
#hb_ar_pockeBg span {
  display: none;
}

#hb_ar_btnWrp {
  padding: 0 10px 10px;
}
#hb_ar_btnWrp p {
  margin: 0;
}
#hb_ar_btnWrp a {
  text-decoration: none;
  color: #fff;
}

#hb_ar_itmLstWrp {
  background: #efefef;
}

#hb_ar_itmLstTtl {
  border-bottom: 1px solid #d8d8d8;
  box-shadow: 0 1px 0 0 white !important;
}
#hb_ar_itmLstTtl h2 {
  line-height: 2em;
  margin: 0;
  text-align: center;
}

#hb_ar_itmLstWrp ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
#hb_ar_itmLstWrp li {
  float: left;
  width: 80px;
  margin: 0;
  padding: 10px;
}

/* /hb_ar
---------------------------------------------------------- */
/* hb_menu
---------------------------------------------------------- */
.ui-content #hb_menu ul.ui-listview {
  margin: 0;
}

#hb_menu .ui-li-thumb,
.ui-li-icon {
  position: absolute;
  top: 0;
  left: 1px;
  max-width: 40px;
  max-height: 40px;
}

#hb_menu .ui-li-has-thumb .ui-btn-inner {
  min-height: 20px;
  padding-left: 50px;
}
#hb_menu .ui-li .ui-btn-inner {
  position: relative;
  display: block;
  padding: 1.5em 75px 1.5em 15px;
}
#hb_menu li.hb_menu_bdrTame {
  border-left: 5px solid #008eec;
}
#hb_menu li.hb_menu_bdrMora {
  border-left: 5px solid #ec2f00;
}
#hb_menu li.hb_menu_bdrCategory {
  border-left: 5px solid #7cac02;
}
#hb_menu li.hb_menu_bdrSpecial {
  border-left: 5px solid #ecbd00;
}
#hb_menu li.hb_menu_bdrPhotocolle {
  border-left: 5px solid #ec7a00;
}
#hb_menu .ui-btn-up-c {
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  color: #444;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: #f5f5f5;
}
#hb_menu .ui-btn-hover-c {
  font-weight: 700;
  text-decoration: none;
  color: #101010;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: #f1f1f1;
}
#hb_menu .ui-btn-down-c {
  font-weight: 700;
  color: #111;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: #f1f1f1;
  text-shadow: 0 1px 1px #fff;
}
#hb_menu .ui-li-thumb {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 40px;
  max-height: 40px;
}

.ui-li-icon {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 40px;
  max-height: 40px;
}

/* /hb_menu
---------------------------------------------------------- */
/* hb_itmLst
---------------------------------------------------------- */
/* header */
#hb_TamTtl .ui-bar-f {
  color: #fff;
  background: #319be3;
}

#hb_MorTtl .ui-bar-f {
  color: #fff;
  background: #f25932;
}

/* local_nav */
#hb_itmLstLclNav {
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  background: #eee;
}
#hb_itmLstLclNav ul {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#hb_itmLstLclNav li.itmSwitch {
  font-size: 10px;
  line-height: 100%;
  display: table-cell;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  margin: 0;
  padding: 20px 0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #ccc;
  background: #eee;
}
#hb_itmLstLclNav li:first-child {
  width: 34%;
}
#hb_itmLstLclNav li.select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #ccc #ccc #fff;
  background: #fff;
}
#hb_itmLstLclNav li:hover, #hb_itmLstLclNav li:active {
  background: #fff;
}
#hb_itmLstLclNav li#displaySwitching {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}
#hb_itmLstLclNav li.displaySwitching-a {
  background-color: #eee;
  background-image: url(https://image.moratame.net/s/cmn/ico_switching01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}
#hb_itmLstLclNav li.displaySwitching-b {
  background: url(https://image.moratame.net/s/cmn/ico_switching02.png) no-repeat center center #eee;
  background-size: 24px 24px;
}

/* item list */
#hb_itmList .ui-li:first-child {
  border-width: 0;
}

.hb_itmLst_glid .ui-li {
  border: none;
}
.hb_itmLst_glid h2,
.hb_itmLst_glid p {
  display: none;
}
.hb_itmLst_glid ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
.hb_itmLst_glid #listview li {
  float: left;
  overflow: hidden;
  width: 80px;
  margin: 0;
  padding: 10px;
}
.hb_itmLst_glid .ui-li:last-child {
  border: none;
}
.hb_itmLst_glid #listview li {
  min-height: 80px;
}

/* hb_itmLst_glid */
.ui-li-has-thumb .ui-btn-inner {
  min-height: 80px;
}

.hb_itmLst_glid #listview li .ui-btn-inner,
.hb_itmLst_glid #listview li img {
  margin: 0;
  padding: 0;
}
.hb_itmLst_glid .ui-li-thumb,
.hb_itmLst_glid .ui-li-icon {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 80px;
  max-height: 80px;
}
.hb_itmLst_glid .ui-btn-inner span.ui-icon {
  display: none;
}

/* /hb_itmLst
---------------------------------------------------------- */
/* hb_mm
---------------------------------------------------------- */
#hb_mm #hb_mm_status {
  font-weight: 700;
  margin: 0 15px;
}
#hb_mm #hb_mm_resign {
  font-weight: 700;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
  text-align: right;
}
#hb_mm .ui-header .ui-btn-inner {
  padding: 8px;
}

/* common */
/* header */
#hb_mmTtl .ui-bar-f {
  margin-bottom: 10px;
  color: #fff;
  background: #8cbc00;
}

#hb_mm section h1 {
  font-size: 16px;
  margin: 0;
  padding: 5px 39px;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr01 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_01.png) no-repeat 10px center #ffbbb7;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr02 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_02.png) no-repeat 10px center #a7e7ff;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr03 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_03.png) no-repeat 10px center #c9e78e;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr04 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_04.png) no-repeat 10px center #fc0;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr05 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_05.png) no-repeat 10px center #fc0;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr06 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_06.png) no-repeat 10px center #c9e78e;
  background-size: 24px 24px;
}
#hb_mm section h1#hb_mm_hdr07 {
  background: url(https://image.moratame.net/s/cmn/ico_mp_07.png) no-repeat 10px center #c9e78e;
  background-size: 24px 24px;
}
#hb_mm #hb_mm_glid ul {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none outside none;
  border-width: 1px 0 0 1px;
  border-style: dotted;
  border-color: #ccc;
}
#hb_mm #hb_mm_glid li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  text-align: center;
  border-width: 0 1px 1px 0;
  border-style: dotted;
  border-color: #ccc;
}
#hb_mm #hb_mm_glid li:nth-child(3n) {
  width: 34%;
}
#hb_mm #hb_mm_glid .hb_mm_gldInr {
  padding: 5px;
  color: #333;
}
#hb_mm #hb_mm_glid h2 {
  font-size: 12px;
  margin: 0;
}
#hb_mm #hb_mm_glid p {
  font-size: 10px;
  margin: 0;
}
#hb_mm #hb_mm_glid h2.hb_mm_itmWrp {
  position: relative;
  width: 80px;
  margin: 0 auto;
  padding: 5px 5px 0;
}
#hb_mm .ui-content,
#hb_mm .ui-listview {
  margin: 0;
}
#hb_mm .hb_mm_mymenu .ui-btn-inner {
  position: relative;
  display: block;
  padding: 1.2em 75px 1.2em 15px;
}

#hb_mmLclTgr img {
  width: 24px;
  height: auto;
}

#hb_mm #hb_mmTtl .ui-btn-inner {
  line-height: 0;
  padding: 4px;
}

#hb_mmLclMnu {
  position: relative;
  margin: 0 15px;
}

#hb_mmLclMnuInr {
  display: none;
}
#hb_mmLclMnuInr ul {
  position: absolute;
  z-index: 5;
  width: 100%;
  border: solid 2px #ffcd75;
}
#hb_mmLclMnuInr span {
  position: absolute;
  z-index: 3;
  top: -10px;
  right: 5px;
  width: 0;
  height: 0;
  border-width: 0 6px 10px;
  border-style: solid;
  border-color: transparent transparent #ffcc75;
}
#hb_mmLclMnuInr li.ui-btn-up-c:last-child {
  border-bottom: 0;
}
#hb_mmLclMnuInr li.ui-btn-up-c:first-child {
  border-top: 0;
}
#hb_mmLclMnuInr li.ui-li:last-child {
  border-bottom: 0;
}
#hb_mmLclMnuInr li.ui-li:last-child a {
  color: red;
}
#hb_mmLclMnuInr li.ui-li:first-child {
  border-top: 0;
}

/*my status*/
#hb_mm #hb_mmMyStatus {
  position: relative;
  min-height: 54px;
  margin: 0 6px 10px 10px;
  padding: 0 0 0 59px;
}
#hb_mm #hb_mmMyStatus .ui-block-a {
  width: 65%;
}
#hb_mm #hb_mmMyStatus .ui-block-b {
  font-size: 10px;
  width: 35%;
}
#hb_mm #hb_mmMyStatus .ui-btn {
  margin: 0;
}
#hb_mm #hb_mmMyPic {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 54px;
  text-shadow: none;
}
#hb_mm #hb_mmMyPic img {
  width: 54px;
  height: 54px;
}
#hb_mm #hb_mmMyPicChange {
  font-size: 10px;
  line-height: 18px;
  position: absolute;
  top: 40px;
  left: 0;
  width: 54px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
#hb_mm #hb_mmMyName {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
#hb_mm #hb_mmMyName p {
  line-height: 1.25;
  margin: 0;
  padding: 0;
}
#hb_mm #hb_mmMyPoint {
  font-size: 16px;
  color: #f30;
}
#hb_mm #hb_mmPoint #listview li {
  min-height: inherit;
}
#hb_mm #hb_mmPoint .ui-btn-inner {
  padding: 10px 15px;
}
#hb_mm #hb_mmPoint p,
#hb_mm #hb_mmPoint h2 {
  margin: 0;
}
#hb_mm #hb_mmPoint #listview li div.ui-btn-inner span.ui-icon {
  top: 40px;
}
#hb_mm .hb_mmTxtLnk {
  padding: 10px 15px 0;
  text-align: right;
}
#hb_mm #collapsible-setWrp {
  padding: 0 15px;
}
#hb_mm .collapsibleCtr {
  margin: -10px -8px -10px -16px;
  padding: 10px 15px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #ccc;
}
#hb_mm .collapsibleCtr2 {
  margin: -10px -8px -10px -16px;
  padding: 10px 15px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #ccc;
}
#hb_mm .ui-field-contain {
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
}
#hb_mm .ui-field-contain p {
  margin: 0;
}
#hb_mm .ui-collapsible-heading a span.ui-btn .ui-icon {
  left: 0;
  margin-top: -9px;
}
#hb_mm #hb_mm_CharChoice .ui-btn-inner {
  height: 54px;
  padding: 5px;
}
#hb_mm #hb_mm_CharChoice .ui-radio {
  height: 64px;
}
#hb_mm #hb_mm_CharChoice .ui-corner-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#hb_mm #hb_mm_CharChoice .ui-corner-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* /hb_mm
---------------------------------------------------------- */
/* hb_ms
---------------------------------------------------------- */
/* myshipment */
.ui-body-c #hb_ms .hb_cmn_btn02 {
  font-weight: 700;
  color: #fff;
}

#hb_ms .hb_ms_date {
  font-size: 14p;
  font-weight: 700;
  margin: 0;
  padding: 0 15px;
  color: red;
  border-bottom: 1px solid red;
}
#hb_ms .hb_ms_scedule ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#hb_ms .hb_ms_scedule li {
  width: auto;
  margin: 0 0 10px;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}
#hb_ms .hb_ms_scedule h1 {
  font-size: 12px;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
}
#hb_ms .hb_ms_scedule .hb_ms_ctr {
  position: relative;
  min-height: 82px;
  padding: 10px 0 5px 92px;
}
#hb_ms .hb_ms_scedule .hb_ms_ctr h2 {
  position: absolute;
  left: 0;
  width: 82px;
  margin: 0;
  padding: 0;
}
#hb_ms .hb_ms_scedule .hb_ms_ctr h2 img {
  border: 1px solid #ccc;
}
#hb_ms .hb_ms_scedule .hb_ms_ctr p.hb_ms_detail {
  font-weight: 700;
  line-height: 1.25em;
  margin: 0;
}
#hb_ms .hb_ms_scedule .hb_ms_btn {
  line-height: 125%;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

#hb_ms .notation {
  margin-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
  color: #616161;
  border-bottom: 1px solid #e0e0e0;
}
#hb_ms .hb_ms_date {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0 15px;
  color: red;
  border: none;
}
#hb_ms .hb_ms_date.hb_ms_date-unsent {
  color: #f44336;
}
#hb_ms .hb_ms_date.hb_ms_date-sent {
  color: #9e9e9e;
}
#hb_ms .hb_ms_scedule .hb_ms_ctr p.hb_ms_detail {
  font-weight: normal;
  line-height: 19px;
  margin: 0;
}

/*pagination*/
.pagination {
  margin: 10px auto;
  padding: 0;
  list-style: none outside none;
  text-align: center;
}
.pagination li {
  display: inline-block;
  float: none;
  margin: 3px;
}
.pagination .ui-link {
  /*  color: #fff;*/
}
.pagination li a {
  line-height: 42px;
  display: block;
  width: 42px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  background-color: #44b0dd;
}
.pagination li a.active {
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
}
.pagination li a.inactive {
  color: #777;
  border: 1px solid #ccc;
  background-color: #eee;
}

/*/pagination*/
.myindex-cont-list {
  display: block;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #ccc;
  background: #eee url(https://image.moratame.net/images/common/right_arw.png) no-repeat 95% center;
  -webkit-background-size: 10px 15px;
  background-size: 10px 15px;
}
.myindex-cont-list .ui-link {
  display: block;
  padding: 10px 30px;
  text-align: right;
  color: #333;
}
.myindex-cont-list .ui-link:hover {
  opacity: .7;
  color: #333;
}
.myindex-cont-list .ui-link span {
  color: #333;
}

/* /hb_ms
---------------------------------------------------------- */
/* hb_mr
---------------------------------------------------------- */
#switch a {
  display: block;
  width: 24px;
  height: 24px;
  padding: 4px;
}
#switch a.displaySwitching-a {
  background-color: #fff;
  background-image: url(https://image.moratame.net/s/cmn/ico_switching01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}
#switch a.displaySwitching-b {
  background-image: url(https://image.moratame.net/s/cmn/ico_switching02.png);
  background-size: 24px 24px;
}

/* /hb_mr
---------------------------------------------------------- */
/* pstLst
---------------------------------------------------------- */
.pstLst .ui-li .ui-btn-inner {
  height: 80px;
  padding: 0 75px 0 100px;
  border-top: 1px solid #ccc;
}
.pstLst .ui-icon {
  margin-top: 2px;
}
.pstLst .pstLstGdBtnWrp {
  margin-top: -22px;
  padding: 0 75px 0 100px;
}

/* /pstLst
---------------------------------------------------------- */
/* /hb_ms
---------------------------------------------------------- */
html,
body {
  height: 100%;
}

.portrait .page,
.portrait .ui-page .page {
  min-height: 100%;
}

.landscape .page,
.landscape .ui-page .page {
  min-height: 100%;
}

#page {
  position: relative;
  height: 100%;
  min-height: 100%;
}

body #page {
  height: auto;
}

.page div.footer {
  bottom: 0;
}

body#body {
  background: #c5ccd4;
  background: -moz-linear-gradient(left, #c5ccd4 0%, #c5ccd4 80%, #cbd2d8 80%, #cbd2d8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c5ccd4), color-stop(80%, #c5ccd4), color-stop(80%, #cbd2d8), color-stop(100%, #cbd2d8));
  background: -webkit-linear-gradient(left, #c5ccd4 0%, #c5ccd4 80%, #cbd2d8 80%, #cbd2d8 100%);
  background: -o-linear-gradient(left, #c5ccd4 0%, #c5ccd4 80%, #cbd2d8 80%, #cbd2d8 100%);
  background: -ms-linear-gradient(left, #c5ccd4 0%, #c5ccd4 80%, #cbd2d8 80%, #cbd2d8 100%);
  background: linear-gradient(to right, #c5ccd4 0%, #c5ccd4 80%, #cbd2d8 80%, #cbd2d8 100%);
  background-repeat: repeat;
  background-size: 8px 8px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5ccd4',endColorstr='#cbd2d8',GradientType=1);
}

/*autoLoading*/
#autoLoading {
  width: 108px;
  margin: 0 auto;
  padding: 0 3px 0 0;
}

#LoadingImage {
  float: left;
  width: 20px;
}

#LoadingTxt {
  float: right;
  width: 85px;
}

#txt_detail {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  padding: 1px 0 0;
  text-align: right;
  color: #666;
}

.brclear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

/*autoLoading_End*/
.accountsBtn13 {
  margin: 10px 0 20px;
  text-align: center;
}

/* NEW photocolleTop 2013.09.05
---------------------------------------------------------- */
#photocolleOpenWapper {
  width: 100%;
}
#photocolleOpenWapper ul {
  list-style: none;
}

#photocolleOpenUl {
  width: 100%;
  margin: 0;
  padding: 0;
}

.photocolleOpenList {
  border-bottom: 1px solid #ccc;
}
.photocolleOpenList a {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

#photocolleOpenListInner {
  width: 94%;
  margin: 0 auto;
}
#photocolleOpenListInner h2 {
  font-size: 15px;
  line-height: 18px;
  margin: 0;
  padding: 10px 0 0;
  text-align: left;
  color: #333;
  background-color: transparent;
}
#photocolleOpenListInner h3 {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 5px 0 0;
  text-align: left;
  color: #333;
}
#photocolleOpenListInner p {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding: 5px 0 0;
  text-align: left;
  color: #333;
}

#photocolleOpenPhotoList {
  width: 295px;
  margin: 10px auto 7px;
}
#photocolleOpenPhotoList ul {
  width: 295px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#photocolleOpenPhotoList ul a {
  display: inline;
}
#photocolleOpenPhotoList ul li {
  float: left;
}

.photocolleOpenPhotoListMg5 {
  margin-right: 5px;
}

.photocolleCloseWrapper {
  padding: 10px 0 0;
}

#Fl_l2 {
  float: left;
  width: 90%;
}
#Fl_l2 p {
  font-size: 16px;
  line-height: 26px;
  padding: 0 18% 0 0;
  text-align: right;
  color: #666;
}

#Fl_r2 {
  float: right;
  width: 10%;
}
#Fl_r2 p {
  text-align: right;
}

.accountsBtn13_Gray a {
  position: relative;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  border: 1px #a9a9a9 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e8e8e8), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #e8e8e8);
  background: -moz-linear-gradient(#fff, #e8e8e8);
  background: -o-linear-gradient(#fff, #e8e8e8);
  background: -ms-linear-gradient(#fff, #e8e8e8);
  background: linear-gradient(#ffffff, #e8e8e8);
  text-shadow: none;
}

.Btn13_Gray_Left {
  font-size: 13px;
  width: 150px;
  margin: 0 auto;
  padding: 12px 0 0;
  color: #666;
}

.Btn13_Gray_Right {
  position: absolute;
  top: 2px;
  right: 10%;
  width: 10px;
  height: 15px;
}

.accountsBtn13_Gray a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.title_photocollePast {
  background-color: #adb0b5;
}

.flowBrClear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

.accountsBtn13_Gray2 a {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 43px;
  margin: 0 auto;
  text-align: center;
  border-top: 1px #a9a9a9 solid;
  border-right: 1px #a9a9a9 solid;
  border-left: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}
.accountsBtn13_Gray2 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

/* /NEW photocolleTop 2013.09.05
---------------------------------------------------------- */
/* 2013.08.20 add start ------------------------- */
/* NewTameTop */
div.topmoratameIndex {
  margin: 0;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
}
div.topmoratameIndex div.leftblk {
  font-size: 12px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding: 3px 0 0;
  color: #444;
}
div.topmoratameIndex div.leftblk strong {
  color: #f60;
}
div.topmoratameIndex div.rightblk_t {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #09f;
  text-shadow: none;
}
div.topmoratameIndex div.rightblk_m {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #f30;
  text-shadow: none;
}
div.topmoratame2 {
  overflow: hidden;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
div.topmoratame2 div.leftblk {
  font-size: 12px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding: 3px 0 0;
  color: #444;
}
div.topmoratame2 div.leftblk strong {
  color: #f60;
}
div.topmoratame2 div.rightblk_t {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #09f;
  text-shadow: none;
}
div.topmoratame2 div.rightblk_m {
  font-size: 16px;
  font-weight: 700;
  float: right;
  margin: 0;
  padding: 0;
  color: #f30;
  text-shadow: none;
}

#category2 {
  font-size: 12px;
  height: 23px;
}

/* NewTameTop */
/* 2013.08.20 add end   ------------------------- */
/* NEW tameFlow 2013.08.20
---------------------------------------------------------- */
.tame_title_d_13 {
  font-size: 15px;
  height: auto;
  margin: 10px 0 0;
  padding: 5px 3%;
  color: #333;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #2083c9;
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
}

#flowImg {
  margin: 0;
  padding: 10px 0 0;
  text-align: center;
}

.anqHeader {
  font-weight: 400;
  overflow: hidden;
  width: 98%;
  margin: 10px 0;
  padding: 5px 1%;
  background: #c9e78e;
}

.anqHeader2 {
  font-weight: 400;
  overflow: hidden;
  width: 98%;
  margin: 10px 0 0;
  padding: 5px 1%;
  background: #c9e78e;
}

.anqHeader p.anqHeaderTxt,
.anqHeader2 p.anqHeaderTxt {
  font-size: 14px;
  padding: 0 0 0 10px;
  color: #333;
}

/*2013.11.28*/
#question13Wapper .block_inner2 {
  border-bottom: 1px solid #ccc;
}

/*2013.11.2*/
div.block div.block_inner2 {
  margin: 0;
  padding: 0 0 10px;
}
div.block div.block_inner2 p.question13 {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 10px 0;
  color: #333;
  border: none;
}
div.block div.block_inner2 p.answer13 {
  margin: 0;
  padding: 0;
  border: none;
}

.answerListUl {
  display: block;
  width: auto;
  margin: 10px;
  padding: 0;
  list-style-type: none;
}

div.answer13 ul li {
  display: block;
  width: 100%;
  height: 30px;
  margin: 10px 0 0;
  padding: 0;
}

.answerListLiPd {
  padding: 0 0 0 10px;
}

input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.cbxbd {
  line-height: 30px;
  display: block;
  float: left;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  background: url(/s/images/common/checkBox.gif) no-repeat left top;
  background-size: 30px 60px;
}

.cbxbd0,
.cbxbd1,
.cbxbd2,
.cbxbd3,
.cbxbd4,
.cbxbd5,
.cbxbd6,
.cbxbd7,
.cbxbd8,
.cbxbd9,
.cbxbd_addr,
.cbxbd_pay,
.cbxbd_ship,
.cbxbd_time {
  line-height: 30px;
  display: block;
  float: left;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  color: #868686;
  background: url(/s/images/common/radioBtn.png) no-repeat left top;
  background-size: 30px 60px;
}

.answerListTxt {
  font-size: 13px;
  float: left;
  width: 90%;
  height: 30px;
  margin: 0;
}

.c_on {
  background-position: left bottom;
}
.c_on + div p {
  font-weight: 700;
}

.c_on2,
.c_on3 {
  background-position: left bottom;
}
.c_on2 + div p,
.c_on3 + div p {
  font-weight: 700;
  color: #333;
}

div.answerListTxt p {
  margin: 5px 0 4px 10px;
}
div.answerListTxt p.c-f00 {
  font-size: 11px;
  margin: 0;
  margin-left: 21px;
  padding: 0;
}

.flowBrClear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

#freeAnswerArea {
  text-align: center;
}
#freeAnswerArea input[type='text'] {
  font-size: 14px;
  width: 93%;
  height: 30px;
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#freeAnswerArea input[type='text']:focus {
  outline: 3px solid #99c419;
}

.accountsBtn13 {
  text-align: center;
}
.accountsBtn13 button {
  font-size: 13px;
  font-weight: 700;
  width: 80%;
  height: 44px;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}

#addressArea,
#addressArea2,
#addressArea3,
#addressArea4 {
  font-size: 14px;
  display: block;
  padding: 0 20px;
}

/*2014.07.04 shindo (#977)*/
#addressArea8,
#addressArea9,
#addressArea10,
#addressArea11,
#addressArea12 {
  font-size: 10px;
}

/*2014.07.04 shindo (#977)*/
#flowTxtColor2,
#flowTxtColor4,
#flowTxtColor5,
#flowTxtColor6 {
  color: #868686;
}

.addressAreaDetail {
  margin: 10px 0;
}

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

.addressAreaDetailPd {
  padding: 0 5px;
}

.addressAreaDetailPd2 {
  padding: 0 5px 0 0;
}

.addressAreaDetailPd3 {
  padding: 0 5px 5px 0;
}

#flowCaution {
  font-size: 10px;
  padding: 10px;
  color: red;
}

#flowCaution2 {
  font-size: 10px;
  padding: 0 10px;
  color: red;
}

#flowCaution3 {
  font-size: 10px;
  padding: 5px 0;
  color: red;
}

#flowCaution4 {
  font-size: 10px;
  padding: 10px 4% 0;
  color: red;
}

.orderDetailTable {
  font-size: 14px;
  width: 100%;
}

.orderDetail1 {
  font-weight: 700;
  width: 5em;
  padding: 5px 10px;
  text-align: left;
  /*2013.11.29*/
  vertical-align: top;
  white-space: nowrap;
  border-bottom: 1px solid #ccc;
}

.orderDetail2 {
  padding: 5px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.orderDetail3 {
  padding: 5px 0 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.availableCards {
  margin: 10px;
}

img.cy {
  width: 100%;
  max-width: 100px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}

img.ba {
  width: 100%;
  max-width: 117px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}

table th {
  white-space: nowrap;
}

.security_img_left {
  width: 70%;
}

.security_img_right {
  width: 25%;
}

#flowCaution2 {
  margin: 0 0 20px;
}

#cardNum {
  width: 93%;
  margin: 0 auto;
}

.cardNumLabel {
  font-size: 11px;
  padding: 0 5px 0 0;
}

#freeAnswerAreaPpt {
  margin: 0;
  padding: 0;
}

#freeAnswerArea2 {
  margin: 5px 0;
  text-align: left;
}
#freeAnswerArea2 input {
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#freeAnswerArea2 input[type='text'] {
  font-size: 16px;
  width: 80%;
  height: 2em;
  min-height: 40px;
  padding: 0 .3em;
}
#freeAnswerArea2 input[type='text']:focus {
  outline: 3px solid #99c419;
}

#monthYear {
  width: 93%;
  margin: 0 auto;
  padding: 0 0 5px;
}

#freeAnswerArea3 {
  margin: 5px 0;
  margin: 5px 0;
  text-align: left;
  text-align: left;
}
#freeAnswerArea3 select {
  font-size: 16px;
  width: 80%;
  height: 40px;
}
#freeAnswerArea3 select:focus {
  outline: 3px solid #99c419;
}
#freeAnswerArea3 select {
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#freeAnswerArea3 select.mth {
  width: 30%;
  height: 40px;
  background: url(/s/images/common/poiner.gif) no-repeat right top;
  background-size: auto 100%;
}
#freeAnswerArea3 select.year {
  width: 40%;
  height: 30px;
  background: url(/s/images/common/poiner.gif) no-repeat right top;
  background-size: 24px 30px;
}
#freeAnswerArea3 select:focus {
  outline: 3px solid #99c419;
}

#owner,
#securityCode {
  width: 93%;
  margin: 0 auto;
  padding: 0 0 5px;
}

#freeAnswerArea4 {
  margin: 5px 0;
  text-align: left;
}
#freeAnswerArea4 input {
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#freeAnswerArea4 input[type='text'] {
  font-size: 16px;
  width: 20%;
  height: 40px;
}
#freeAnswerArea4 input[type='text']:focus {
  outline: 3px solid #99c419;
}

.accountsBtn13_2 {
  margin: 10px 0 20px;
  text-align: center;
}
.accountsBtn13_2 button {
  font-size: 13px;
  font-weight: 700;
  width: 80%;
  height: 44px;
  color: #fff;
  border: 1px #b74646 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #e71d00;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe5f38), to(#e71d00));
  background: -moz-linear-gradient(top, #fe5f38 #e71d00);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe5f38',EndColorStr='#e71d00');
}

#compTxt1 {
  font-size: 14px;
  width: 100%;
}
#compTxt1 .compPd {
  padding: 0 0 0 10px;
}

#compTxt2 {
  font-size: 14px;
  width: 100%;
  margin: 10px 0 0;
}
#compTxt2 .compPd {
  padding: 0 0 0 10px;
}

#compTxt3 {
  font-size: 14px;
  width: 100%;
  margin: 10px 0 0;
}
#compTxt3 .compPd {
  padding: 0 10px;
}

#CompItemDay {
  color: red;
}

.accountsBtn13_3 {
  margin: 20px 0;
  text-align: center;
}
.accountsBtn13_3 button {
  font-size: 13px;
  font-weight: 700;
  width: 80%;
  height: 44px;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}

.accountsBtn13 button:hover,
.accountsBtn13_2 button:hover,
.accountsBtn13_3 button:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

#txtHeaderAccounts {
  padding: 5px 0 0;
}
#txtHeaderAccounts p {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

#txtHeaderAccounts2 {
  padding: 5px 0 0 1%;
}
#txtHeaderAccounts2 p {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  padding: 0 0 0 10px;
  text-align: left;
}

#payYhWt {
  margin: 0 0 20px;
}
#payYhWt p {
  padding: 0 0 0 10px;
}

/* /NEW tameFlow 2013.08.20
---------------------------------------------------------- */
/* NEW moraFlow 2013.08.22
----------
------------------------------------------------ */
#freeTxtAreaMoraInner {
  padding: 10px 0;
}

#freeTxtAreaMora {
  padding: 10px 0;
  padding: 0 3%;
  text-align: left;
}
#freeTxtAreaMora textarea {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  cursor: auto;
  -webkit-user-select: text;
  white-space: pre-wrap;
  word-wrap: break-word;
  appearance: none;
  -webkit-rtl-ordering: logical;
  -webkit-flex-direction: column;
}
#freeTxtAreaMora textarea:focus {
  outline: 3px solid #99c419;
}

.mora_title_d_13 {
  font-size: 15px;
  height: auto;
  margin: 10px 0 0;
  padding: 10px 10px 5px 0;
  color: #333;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #de431e;
  background-image: -moz-linear-gradient(top, #fefefe, #eee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
}

#qTxt {
  width: 100%;
  margin: 0;
  padding: 0;
}
#qTxt p {
  padding: 0 10px;
}

#itemDetailMoraWapper {
  padding: 10px 0 0;
}

div.block div.block_innerMora {
  width: 100%;
  margin: -15px 0 0;
}

.acordion {
  width: 100%;
  background: #fff;
}

.trigger {
  height: 46px;
  text-align: center;
  border-top: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  background-color: #f3f3f3;
}

.acordion_tree {
  padding: 15px;
}

.open-close {
  display: block;
  float: right;
  width: 20px;
  height: 11px;
  margin-top: 3px;
  text-indent: -9999px;
  background: url(s/images/open.png) no-repeat;
  -webkit-background-size: 20px 11px;
}

.trigger.active .open-close {
  background: url(s/images/close.png) no-repeat;
  -webkit-background-size: 20px 11px;
}

#triggerInnerWapper {
  width: 80%;
  margin: 0 auto;
  padding: 10px 0 0;
}

#Fl_l {
  float: left;
  width: 80%;
}
#Fl_l p {
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 0 60px;
  text-align: center;
  color: #666;
}

#Fl_r {
  float: right;
  width: 20%;
}
#Fl_r p {
  text-align: right;
}

div.block div.block_inner2 p.question13_Mora {
  font-size: 14px;
  padding: 0 10px;
  color: #666;
  border: none;
}

#moraQAnswer {
  margin: 10px 0 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

#moraSelectedAnswer {
  font-size: 14px;
  font-weight: 700;
  padding: 0 10px;
  color: #333;
  border: none;
}

#moraQDetail {
  margin: 10px 0 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

/* /NEW moraFlow 2013.08.22
---------------------------------------------------------- */
.accountsBtn13_toTop2 {
  padding: 20px 0;
  text-align: center;
}
.accountsBtn13_toTop2 p {
  font-size: 14px;
  margin: 10px 0 0;
  padding: 0 10px;
}
.accountsBtn13_toTop2 a {
  font-size: 13px;
  font-weight: 700;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.accountsBtn13_toTop2 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

/* tamesu.php morau.php Btn 2013.09.10
---------------------------------------------------------- */
/*Tame*/
.tameNewBtnNext {
  width: 100%;
}
.tameNewBtnNext a {
  display: block;
  box-sizing: border-box;
  height: 43px;
  text-align: center;
  border: 1px #2083c9 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2589d2), color-stop(0, #3aa1e5));
  background: -webkit-linear-gradient(#3aa1e5, #2589d2);
  background: -moz-linear-gradient(#3aa1e5, #2589d2);
  background: -o-linear-gradient(#3aa1e5, #2589d2);
  background: -ms-linear-gradient(#3aa1e5, #2589d2);
  background: linear-gradient(#3aa1e5, #2589d2);
}
.tameNewBtnNext a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}
.tameNewBtnNext p {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 11px 0 0;
  color: #fff;
  text-shadow: 0 1px 1px #666;
}

#trkbk_cmtBtnWapper {
  width: 100%;
  margin: 20px 0 0;
}

#trkbk_cmtBtnLeft {
  float: left;
  width: 48%;
}

#trkbk_cmtBtnRight {
  float: right;
  width: 48%;
}

#trkbk_cmtBtnLeft a {
  display: block;
  box-sizing: border-box;
  height: 43px;
  text-align: center;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #60a610), color-stop(0, #89c40f));
  background: -webkit-linear-gradient(#89c40f, #60a610);
  background: -moz-linear-gradient(#89c40f, #60a610);
  background: -o-linear-gradient(#89c40f, #60a610);
  background: -ms-linear-gradient(#89c40f, #60a610);
  background: linear-gradient(#89c40f, #60a610);
}
#trkbk_cmtBtnLeft a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}
#trkbk_cmtBtnLeft p {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 11px 0 0;
  color: #fff;
  text-shadow: 0 1px 1px #666;
}

#trkbk_cmtBtnRight a {
  display: block;
  box-sizing: border-box;
  height: 43px;
  text-align: center;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #60a610), color-stop(0, #89c40f));
  background: -webkit-linear-gradient(#89c40f, #60a610);
  background: -moz-linear-gradient(#89c40f, #60a610);
  background: -o-linear-gradient(#89c40f, #60a610);
  background: -ms-linear-gradient(#89c40f, #60a610);
  background: linear-gradient(#89c40f, #60a610);
}
#trkbk_cmtBtnRight a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}
#trkbk_cmtBtnRight p {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 2px 0 0;
  color: #fff;
  text-shadow: 0 1px 1px #666;
}

.accountsBtn13_Gray2 a {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 43px;
  margin: 0 auto;
  text-align: center;
  border-top: 1px #a9a9a9 solid;
  border-right: 1px #a9a9a9 solid;
  border-left: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}

.Btn13_Gray_Right {
  position: absolute;
  top: 2px;
  right: 10%;
  width: 10px;
  height: 15px;
}
.Btn13_Gray_Right img {
  margin: 0;
}

.accountsBtn13_Gray2 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.accountsBtn13_Gray3 {
  margin: 0;
  padding: 0 0 10px;
}
.accountsBtn13_Gray3 a {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 43px;
  margin: 0 auto;
  text-align: center;
  border: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}
.accountsBtn13_Gray3 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}
.accountsBtn13_Gray3 p {
  font-size: 11px;
  margin: 0;
  padding: 11px 0 0;
  text-align: center;
  color: #444;
}

.accountsBtn13_Gray4 {
  padding: 10px 0 0;
}
.accountsBtn13_Gray4 a {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  margin: 0 auto;
  text-align: center;
  border-top: 1px #a9a9a9 solid;
  border-right: 1px #a9a9a9 solid;
  border-left: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}
.accountsBtn13_Gray4 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.accountsBtn13_Gray5 {
  padding: 15px 0;
}
.accountsBtn13_Gray5 a {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  margin: 0 auto;
  text-align: center;
  border: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}
.accountsBtn13_Gray5 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

/*Mora*/
.moraNewBtnNext {
  width: 100%;
}
.moraNewBtnNext a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  text-align: center;
  border: 1px #de431e solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f0522d), color-stop(0, #f3613a));
  background: -webkit-linear-gradient(#f3613a, #f0522d);
  background: -moz-linear-gradient(#f3613a, #f0522d);
  background: -o-linear-gradient(#f3613a, #f0522d);
  background: -ms-linear-gradient(#f3613a, #f0522d);
  background: linear-gradient(#f3613a, #f0522d);
}
.moraNewBtnNext a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}
.moraNewBtnNext p {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 11px 0 0;
  color: #fff;
  text-shadow: 0 1px 1px #666;
}

.grayBtn13_09 {
  width: 100%;
}
.grayBtn13_09 a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  text-align: center;
  border: 1px #b1b1b1 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #aaa), color-stop(0, #cbcbcb));
  background: -webkit-linear-gradient(#cbcbcb, #aaa);
  background: -moz-linear-gradient(#cbcbcb, #aaa);
  background: -o-linear-gradient(#cbcbcb, #aaa);
  background: -ms-linear-gradient(#cbcbcb, #aaa);
  background: linear-gradient(#cbcbcb, #aaaaaa);
}
.grayBtn13_09 p {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 11px 0 0;
  color: #fff;
  text-shadow: 0 1px 1px #666;
}

.NewBtnClear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

.accountsBtn13_GrayTameMora {
  padding: 0;
}
.accountsBtn13_GrayTameMora a {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  margin: 0 auto 10px;
  text-align: center;
  border: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}
.accountsBtn13_GrayTameMora a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

/* /tamesu.php morau.php Btn 2013.09.10
---------------------------------------------------------- */
/* NEW photocolle 2013.08.27
---------------------------------------------------------- */
.accountsBtn13_PhotoEdit {
  padding: 20px 0 10px;
}
.accountsBtn13_PhotoEdit a {
  font-size: 13px;
  font-weight: 700;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.accountsBtn13_PhotoEdit a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

#freeAnswerArea_PhotoEdit {
  padding: 0 10px;
}
#freeAnswerArea_PhotoEdit input {
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#freeAnswerArea_PhotoEdit input[type='text']:focus {
  outline: 3px solid #99c419;
}

.accountsBtn13_PhotoMail a {
  font-size: 13px;
  font-weight: 700;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border: 1px #b74646 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #e71d00;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe5f38), to(#e71d00));
  background: -moz-linear-gradient(top, #fe5f38 #e71d00);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe5f38',EndColorStr='#e71d00');
  -ms-box-shadow: none;
  -o-box-shadow: none;
}
.accountsBtn13_PhotoMail a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

#photoEditCaution {
  font-weight: 400;
  margin: 0 auto;
  padding: 20px 10px 0;
  color: red;
}

#photoEditCaution2 {
  font-size: 10px;
  font-weight: 400;
  margin: 0 auto;
  padding: 10px 10px 0 0;
  color: red;
}

.photoColleError {
  font-weight: 700;
  line-height: 18px;
  color: red;
}

#freeAreaPhotoColle {
  padding: 20px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
#freeAreaPhotoColle input {
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#freeAreaPhotoColle input[type='text'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
}
#freeAreaPhotoColle input[type='text']:focus {
  outline: 3px solid #99c419;
}

#freeAreaPhotoColle2 {
  padding: 20px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
#freeAreaPhotoColle2 textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  cursor: auto;
  -webkit-user-select: text;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-rtl-ordering: logical;
  -webkit-flex-direction: column;
}
#freeAreaPhotoColle2 textarea:focus {
  outline: 3px solid #99c419;
}

.photoTit13 {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 0;
}

.photoTit13min {
  font-size: 10px;
  font-weight: 400;
}

.photoTit13fnt_12 {
  font-size: 12px;
}

#photoColleUpload {
  position: relative;
  display: block;
  width: 287px;
  width: 287px;
  height: 70px;
  height: 70px;
  margin: 0 auto;
  background-color: #fff;
}

#photoColleUpload_image {
  position: absolute;
  top: 0;
  left: 0;
}

#photoColleUpload_main {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 287px;
  height: 70px;
  cursor: pointer;
  /* for IE6, IE7 */
  opacity: 0;
  filter: alpha(opacity=0);
}

#freeAreaPhotoColleInner {
  padding: 0 5%;
}

.photoColleBtn13 {
  margin: 20px 0;
  text-align: center;
}
.photoColleBtn13 button {
  font-size: 13px;
  font-weight: 700;
  width: 80%;
  height: 44px;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.photoColleBtn13 button:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

#photoColleUploadedImg {
  text-align: center;
}

#freeAreaPhotoColle h3 {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  color: #777;
}
#freeAreaPhotoColle p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

#freeAreaPhotoColle2 h3 {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  color: #777;
}
#freeAreaPhotoColle2 p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 10px 0 0;
}

.photoColleBtn13_Left {
  float: left;
  width: 47%;
  text-align: center;
}
.photoColleBtn13_Left button {
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  height: 44px;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}

#photoColleBtn13FloatWrap {
  width: 90%;
  margin: 20px auto 10px;
}

.photoColleBtn13_Right {
  float: right;
  width: 47%;
  text-align: center;
}
.photoColleBtn13_Right button {
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border: 1px #b74646 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #e71d00;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe5f38), to(#e71d00));
  background: -moz-linear-gradient(top, #fe5f38 #e71d00);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe5f38',EndColorStr='#e71d00');
}

.photoColleBtn13_Left button:hover,
.photoColleBtn13_Right button:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.accountsBtn13_PhotoEdit {
  padding: 20px 0 10px;
}
.accountsBtn13_PhotoEdit a {
  font-size: 13px;
  font-weight: 700;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.accountsBtn13_PhotoEdit a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.accountsBtn13_toTop {
  padding: 20px 0 10px;
  text-align: center;
}
.accountsBtn13_toTop a {
  font-size: 13px;
  font-weight: 700;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.accountsBtn13_toTop a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.accountsBtn13_toTop2 {
  padding: 20px 0;
  text-align: center;
}
.accountsBtn13_toTop2 p {
  font-size: 14px;
  margin: 10px 0 0;
  padding: 0 10px;
}
.accountsBtn13_toTop2 a {
  font-size: 13px;
  font-weight: 700;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.accountsBtn13_toTop2 a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.photoColleErrorTableFnt {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  padding: 20px 10px 0;
  color: red;
}

.photoeditCmpImg {
  margin: 0;
  padding: 0;
  text-align: center;
}
.photoeditCmpImg img {
  padding: 10px 0 0;
}

/* /NEW photocolle 2013.08.27
---------------------------------------------------------- */
div#msgwindow {
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  z-index: 110;
  display: none;
  padding: 10px;
  white-space: nowrap;
  color: red;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  /* CSS3 */
  -webkit-box-shadow: 3px 3px 5px 0 #777;
  -moz-box-shadow: 3px 3px 5px 0 #777;
  box-shadow: 3px 3px 5px 0 #777;
}

.ui-li-desc {
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ui-li .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li {
  display: block;
  padding: 5px;
}

.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-arrow {
  padding-right: 38px;
}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-thumb {
  min-height: 82px;
  padding-left: 97px;
}

.ui-btn-up-f {
  color: #222;
  border-top: 1px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 0 solid #ccc;
  border-left: 0 solid #ccc;
  background: #fff;
}

.ui-btn-hover-f {
  color: #222;
  border-top: 1px solid #bbb;
  border-right: 0 solid #bbb;
  border-bottom: 0 solid #bbb;
  border-left: 0 solid #bbb;
  background: #dfdfdf;
  background-image: none;
}

h2.company {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}
h2.company img {
  line-height: 20px;
  margin-right: 2px;
  vertical-align: middle;
}
h2.itemName {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

p.count {
  font-size: 13px;
  line-height: 20px;
}
p.count span {
  font-weight: 700;
  color: #f30;
}

h2.itemName2 {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

div.content h2.itemDate2 {
  font-size: 13px;
  margin: 0;
}

p.count2 {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
}
p.count2 span {
  font-weight: 700;
  color: #f30;
}
p.count3 {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
}
p.count3 span {
  font-weight: 700;
  color: #f30;
}
p.dateTime {
  font-size: 11px;
  margin: 0;
  padding: 0;
  color: red;
}

.itemIcoAbs {
  position: absolute;
  top: 2px;
  left: 2px;
}

h2.hl01 {
  font-size: 16px;
  margin: -15px -15px 15px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background-color: #8cbc00;
  text-shadow: none;
}

div.topmoratame {
  overflow: hidden;
  padding: 0 10px;
  border-top-color: #d1d1d1;
}
div.morelist a.tamebtn {
  font-size: 14px;
  font-weight: 700;
  display: block;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 10px 10px 10px 10px;
  background-image: -moz-linear-gradient(center top, #3aa1e5, #2c92e0);
  text-shadow: none;
}
div.morelist a.morabtn {
  font-size: 14px;
  font-weight: 700;
  display: block;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 10px 10px 10px 10px;
  background-image: -moz-linear-gradient(center top, #f3623b, #f0512c);
  text-shadow: none;
}
div.morelist .ui-body-c,
div.morelist .ui-link:link,
div.morelist .ui-body-c,
div.morelist .ui-link:visited,
div.morelist .ui-body-c,
div.morelist .ui-link:active,
div.morelist .ui-body-c,
div.morelist .ui-link:hover {
  color: #fff;
}

/* #header nav */
#header nav a:link, #header nav a:visited, #header nav a:active, #header nav a:hover {
  color: #333;
}

.btnMini .ui-btn-hover-c:visited, .btnMini .ui-btn-hover-c:hover,
.btnMini .ui-btn-hover-c .btnMini a.ui-link-inherit {
  color: #fff;
}

.white_grad {
  box-shadow: none;
}

div.red_button div.ui-btn {
  box-shadow: none;
}
div.block div.form input {
  font-size: 18px;
  margin: 5px 0 0;
}

/* input */
.blue_grad {
  box-shadow: none;
}

/* pagenation */
.pagination {
  margin: 10px auto;
  padding: 0;
  list-style: none outside none;
  text-align: center;
}
.pagination li {
  display: inline-block;
  float: none;
  margin: 3px;
}
.pagination .ui-link {
  color: #fff;
}
.pagination li a {
  line-height: 42px;
  display: block;
  width: 42px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  background-color: #44b0dd;
}
.pagination li a.active {
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
}
.pagination li a.inactive {
  color: #777;
  border: 1px solid #ccc;
  background-color: #eee;
}

h3.ui-li-heading {
  margin: 0;
}

div.block div.title {
  margin: 5px 0;
  padding: 0 10px;
  text-align: left;
  color: #000;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #fb9605;
  background: none repeat scroll 0 0 #fff;
  text-shadow: none;
}

#hb_mmMyStatus .ui-btn-inner {
  font-size: 10px;
}

#hb_mmLclMnuInr a.ui-link-inherit {
  padding: .7em 15px;
}

#hb_mmTtl h1 {
  line-height: 40px;
  margin: 0;
}

.pstLstGdBtnWrp {
  margin: -51px 15px 0;
}
.pstLstGdBtnWrp .ui-btn-inner {
  line-height: 22px;
  min-height: inherit;
  padding-right: 8px;
}

.commentList {
  line-height: inherit;
}
.commentList .ui-li-heading,
.commentList .ui-btn-text,
.commentList .ui-link-inherit,
.commentList .ui-btn-inner {
  white-space: normal;
}
.commentList .ui-listview a.ui-link-inherit {
  margin-bottom: 56px;
  padding: 10px 40px 10px 90px;
}

.itemicon2 {
  font-size: 10px;
  line-height: 15px;
  margin-right: 1px;
  padding: 0 .3em;
  color: #fff;
}

.ui-field-contain .myPE_dp-ib {
  display: inline-block;
  width: 78%;
}
.ui-field-contain .myPE_dp-ib .ui-body-d {
  width: 49.6%;
}
.ui-field-contain .myPE_dp-ib .ui-body-d input.ui-body-d {
  width: 100%;
}
.ui-field-contain .myPE_dp-ib2 {
  display: inline-block;
  width: 78%;
}
.ui-field-contain .myPE_dp-ib2 .ui-body-c {
  width: 30%;
}
.ui-field-contain .myPE_dp-ib2 .ui-body-c input.ui-body-c {
  width: 100%;
}

.ui-controlgroup-label {
  display: inline-block;
  margin: 0 2% 0 0;
  vertical-align: top;
}

.ui-controlgroup-controls {
  display: inline-block;
}

#hb_mm #hb_mm_CharChoice .ui-btn-corner-all,
#hb_mm #hb_mm_CharChoice .collapsibleCtr .ui-btn-corner-all {
  border-radius: 0;
}

label.ui-input-text {
  display: inline-block;
  margin: 0 2% 0 0;
}

#oplist .ui-btn-hover-c:hover,
.block_inner .ui-btn-hover-c:hover {
  color: #fff;
}

.ui-btn-inner,
.ui-mini {
  font-size: 12.5px;
  padding: .55em 11px .5em;
}

/* error */
.error {
  color: red;
}

.history .ui-li .ui-btn-inner a.ui-link-inherit,
.history .ui-li-static.ui-li {
  display: block;
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.history .ui-li .ui-btn-inner p {
  line-height: 1.5;
}
.history .ui-li .ui-btn-inner h3 {
  font-size: 14px;
  line-height: 1.5;
}
.history .ui-li .ui-btn-inner h3 img {
  width: 14px;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}

.mmVertical .ui-body-d,
.mmVertical .myPE_dp-ib .ui-body-d {
  width: inherit;
}
.mmVertical table {
  width: 100%;
}
.mmVertical .ui-field-contain .ui-input-text {
  width: 100%;
}
.mmVertical .ui-field-contain .ui-input-text .ui-input-text {
  padding: .4em;
}
.mmVertical .ui-field-contain .myPE_dp-ib,
.mmVertical .ui-field-contain .myPE_dp-ib2 {
  display: inline-block;
  width: 100%;
}
.mmVertical .ui-input-text {
  padding: 0;
}

#pstLst .ui-btn-inner {
  font-size: 12px;
  min-height: 20px;
  padding: 2px 11px;
}
#pstLst .ui-li .ui-btn-inner a.ui-link-inherit,
#pstLst .ui-li-static.ui-li {
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#pstLst div.content h2 {
  font-size: 12px;
  font-weight: 400;
}
#pstLst .ui-controlgroup,
#pstLst fieldset.ui-controlgroup {
  margin: 3px 0 0;
  padding: 0;
}
#pstLst .ui-btn-up-f {
  cursor: default;
}
#pstLst .ui-li-aside {
  width: auto;
}
#pstLst h2.itemName2, #pstLst h2.company {
  line-height: 18px;
}
#pstLst p.ui-li-desc {
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  margin: 0;
}

.titleSpEnq {
  font-size: 14px;
  /*  20131025gunji */
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  background: #8bbc00;
  text-shadow: none;
}

.spEnqTit {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #333;
}

.spEnqTxt {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.col_og {
  color: #f30;
}

.enqlist {
  padding: 0 10px 25px;
}

div.enqlist a.enqbtn {
  font-size: 14px;
  font-weight: 700;
  display: block;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 10px 10px 10px 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #60a610), color-stop(0, #89c40f));
  background: -webkit-linear-gradient(#89c40f, #60a610);
  background: -moz-linear-gradient(#89c40f, #60a610);
  background: -o-linear-gradient(#89c40f, #60a610);
  background: -ms-linear-gradient(#89c40f, #60a610);
  background: linear-gradient(#89c40f, #60a610);
  text-shadow: none;
}
div.enqlist .ui-body-c,
div.enqlist .ui-link:link,
div.enqlist .ui-body-c,
div.enqlist .ui-link:visited,
div.enqlist .ui-body-c,
div.enqlist .ui-link:active,
div.enqlist .ui-body-c,
div.enqlist .ui-link:hover {
  color: #fff;
}

.enqlistWrapper {
  padding: 20px 0 0;
}

div.block div.title_enqDetail {
  margin: 5px 0;
  padding: 0 10px;
  text-align: left;
  color: #000;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #8bbc00;
  background: none repeat scroll 0 0 #fff;
  text-shadow: none;
}
div.title_enqDetail h2 {
  font-size: 13px;
  margin: 0 0 5px;
  padding: 5px 0 0;
}

.answerListUl {
  display: block;
  width: auto;
  margin: 10px;
  padding: 0;
  list-style-type: none;
}

.enqDetailAnswerWrapper {
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

div.answer13 ul li {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px 0 0;
  padding: 0;
}

ul.answerListUl a:visited {
  background-color: #fff;
}

.answerListLiPd {
  padding: 0 0 0 10px;
}

.answerListUl input[type='checkbox'], .answerListUl input[type='radio'] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.cbxbd {
  line-height: 30px;
  display: block;
  float: left;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  background: url(/s/images/common/checkBox.gif) no-repeat left top;
  background-size: 30px 60px;
}

.cbxbd2,
.cbxbd3 {
  line-height: 30px;
  display: block;
  float: left;
  overflow: hidden;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  color: #868686;
  background: url(/s/images/common/radioBtn.png) no-repeat left top;
  background-size: 30px 60px;
}

.answerListTxt {
  font-size: 13px;
  float: left;
  width: 90%;
  height: auto;
  margin: 0;
}

.c_on {
  background-position: left bottom;
}
.c_on + div p {
  font-weight: 700;
}

.c_on2,
.c_on3 {
  background-position: left bottom;
}

.c_on2 + div p,
.c_on3 + div p {
  font-weight: 700;
  color: #333;
}

div.answerListTxt p {
  margin: 5px 0 4px 10px;
}

.flowBrClear {
  font-size: 0;
  line-height: 0;
  clear: both;
}

.spEnqTxtPd {
  margin: 10px 0;
}

.enq_btnTxt {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  padding: 0;
  padding: 11px 0 0;
  color: #fff;
  text-shadow: 0 1px 1px #666;
}

p {
  margin: 0;
  padding: 0;
}

.enqBtnNext {
  width: 100%;
}
.enqBtnNext a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  text-align: center;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #60a610), color-stop(0, #89c40f));
  background: -webkit-linear-gradient(#89c40f, #60a610);
  background: -moz-linear-gradient(#89c40f, #60a610);
  background: -o-linear-gradient(#89c40f, #60a610);
  background: -ms-linear-gradient(#89c40f, #60a610);
  background: linear-gradient(#89c40f, #60a610);
}
.enqBtnNext a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.accountsBtn13_GrayEnq {
  padding: 0;
}
.accountsBtn13_GrayEnq a {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  margin: 0 auto 10px;
  text-align: center;
  border: 1px #a9a9a9 solid;
  background: #e8e8e8;
  text-shadow: none;
}
.accountsBtn13_GrayEnq a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.enqBtnNextWapper {
  padding: 0 0 10px;
}

.accountsBtn13_Gray a {
  position: relative;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  border: 1px #a9a9a9 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e8e8e8), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #e8e8e8);
  background: -moz-linear-gradient(#fff, #e8e8e8);
  background: -o-linear-gradient(#fff, #e8e8e8);
  background: -ms-linear-gradient(#fff, #e8e8e8);
  background: linear-gradient(#ffffff, #e8e8e8);
  text-shadow: none;
}

.Btn13_Gray_Left {
  font-size: 13px;
  width: 210px;
  margin: 0 auto;
  padding: 12px 0 0;
  color: #666;
}

.Btn13_Gray_Right {
  position: absolute;
  top: 15px;
  right: 10%;
  width: 10px;
  height: 15px;
}

.accountsBtn13_Gray a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.enqBtnNextBknb {
  padding: 20px 15px 15px;
}

.pagination .ui-link {
  color: #fff;
}

.title_enqDetailxTxtWapper {
  font-size: 12px;
  line-height: 18px;
  width: 96%;
  margin: 10px auto 0;
  padding: 0;
  text-align: right;
  color: #333;
}

.title_enqDetailxTxtWapper2 {
  margin: 5px 0 0;
  padding: 10px;
  text-align: left;
  background-color: #ff9;
}

/*graph*/
.enqDetailGraphWrapper {
  padding: 0;
}

#graph_wrapper {
  margin-bottom: 0;
  padding: 0 10px 10px;
}

.graph_inner {
  overflow: hidden;
  width: 95%;
  margin: 0 auto;
  padding: 0;
}
.graph_inner dl {
  margin: 10px 0 0;
  padding: 0;
}

.graph_tit {
  font-weight: 700;
  width: 100%;
  margin-top: 5px;
  margin-right: 10px;
  text-align: left;
}

.graph_per {
  font-weight: 400;
  padding: 0 0 0 10px;
}

.graph {
  position: relative;
  width: 100%;
  height: 15px;
  margin: 0;
  padding: 0;
  background-color: #cecece;
}
.graph .bar {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0;
  line-height: 1.9em;
  position: relative;
  display: block;
  height: 15px;
  text-align: center;
  color: rgba(255, 255, 255, 0);
  border-right: #0059af 1px solid;
  background-image: url(https://image.moratame.net/images/contents/bargraph.gif);
  background-repeat: repeat-x;
  background-position: right center;
}
.graph .bar span {
  position: absolute;
  left: 1em;
}

.enqDetailCmtAreaWrapper {
  padding: 10px 0;
}

#txtAreaEnqAmsCmt textarea {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  cursor: auto;
  -webkit-user-select: text;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1px solid #666;
  -webkit-border-radius: 0;
  -moz-border-radius: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-rtl-ordering: logical;
  -webkit-flex-direction: column;
}
#txtAreaEnqAmsCmt textarea:focus {
  outline: 3px solid #99c419;
  box-shadow: none;
}

.enqBtnNext2 {
  margin: 10px 0 0;
  text-align: center;
}
.enqBtnNext2 input {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  height: 44px;
  color: #fff;
  border: 1px #5ea510 solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #8ac50f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
  background: -moz-linear-gradient(top, #8ac50f #5ea510);
  text-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f',EndColorStr='#5ea510');
}
.enqBtnNext2 input:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

/*
.enqBtnNext2 button {
width:100%;
height:44px;
font-size:14px;
color: #ffffff;
font-weight:bold;
text-shadow: none;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
border: 1px #5ea510 solid;
background: #8ac50f;
background: -webkit-gradient(linear, left top, left bottom, from(#8ac50f), to(#5ea510));
background: -moz-linear-gradient(top, #8ac50f #5ea510);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac50f', EndColorStr='#5ea510')";
}
.enqBtnNext2 button:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
*/
#enqCmtTxtAraWrp {
  margin: 0 auto;
  padding: 0 15px;
}
#enqCmtTxtAraWrp textarea {
  width: 100%;
  margin-bottom: 5px;
}

/*graph*/
.enqDetailCmtList {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

div.enqDetailCmtList ul {
  margin: 10px 0 0;
  padding: 0;
  list-style-type: none;
}
div.enqDetailCmtList ul li {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
div.enqDetailCmtList ul li:hover {
  background-color: #fff;
}

.cmtListAnsCtg {
  font-weight: 700;
  padding: 0 0 0 10px;
  color: #06f;
}

.enqDetailCmtListInner {
  padding: 10px;
}

.cmtListTxt1 {
  line-height: 15px;
  margin: 0;
  padding: 0;
}

.cmtListTxt2 {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 10px 0 5px;
}

.cmtListTxt3 {
  font-size: 10px;
  line-height: 15px;
  margin: 0;
  padding: 0;
}

.enqDetailCmtListBtnWpap {
  padding: 20px 0 0;
}

.mmVertical .ui-body-d,
.mmVertical .myPE_dp-ib .ui-body-d {
  width: inherit;
}
.mmVertical table {
  width: 100%;
}
.mmVertical .ui-field-contain .ui-input-text {
  width: 100%;
}
.mmVertical .ui-field-contain .ui-input-text .ui-input-text {
  padding: .4em;
}
.mmVertical .ui-field-contain .myPE_dp-ib,
.mmVertical .ui-field-contain .myPE_dp-ib2 {
  display: inline-block;
  width: 100%;
}
.mmVertical .ui-input-text {
  padding: 0;
}

#pstLst .ui-btn-inner {
  font-size: 12px;
  min-height: 20px;
  padding: 2px 11px;
}
#pstLst .ui-li .ui-btn-inner a.ui-link-inherit,
#pstLst .ui-li-static.ui-li {
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#pstLst div.content h2 {
  font-size: 12px;
  font-weight: 400;
}
#pstLst .ui-controlgroup,
#pstLst fieldset.ui-controlgroup {
  margin: 3px 0 0;
  padding: 0;
}
#pstLst .ui-btn-up-f {
  cursor: default;
}
#pstLst .ui-li-aside {
  width: auto;
}
#pstLst h2.itemName2, #pstLst h2.company {
  line-height: 18px;
}
#pstLst p.ui-li-desc {
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  margin: 0;
}

.ui-li.ui-last-child {
  border-bottom-width: 0;
}

#list ul:last-child {
  padding: 0;
  border-bottom: 1px solid #ccc;
}

#more {
  padding: 0 15px;
}

.signup input[type='checkbox'] {
  opacity: 1;
}

.signup textarea {
  font-size: 18px;
  display: inline-block;
  width: 98%;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

div#accordion .head {
  padding: 15px;
}
div#accordion .block_inner {
  margin: 0;
}
div.block div.body_detail {
  margin: 0 0 20px;
  margin: 0;
  padding: 0;
}

.top_tame_title {
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  background: #319be3;
  text-shadow: none;
}

.top_moratitle {
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  background: #f25932;
  text-shadow: none;
}

.accountsBtn13_Gray_top a {
  font-size: 15px;
  position: relative;
  display: block;
  width: 90%;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  border: 1px #9c9c9c solid;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  background: #e8e8e8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e8e8e8), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #e8e8e8);
  background: -moz-linear-gradient(#fff, #e8e8e8);
  background: -o-linear-gradient(#fff, #e8e8e8);
  background: -ms-linear-gradient(#fff, #e8e8e8);
  background: linear-gradient(#ffffff, #e8e8e8);
  text-shadow: none;
}
.accountsBtn13_Gray_top a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}
.accountsBtn13_Gray_top .Btn13_Gray_Left {
  font-size: 13px;
  width: 200px;
  margin: 0 auto;
  padding: 12px 0 0;
  color: #666;
}

.tame_blue {
  color: #09f;
}

.mora_red {
  color: #f30;
}

.accountsBtn13_Gray_top .Btn13_Gray_Left {
  font-size: 14px;
  color: #333;
}

#logo a:hover,
a:active {
  background-color: transparent;
}

.answerListUl input[type='checkbox'], .answerListUl input[type='radio'] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

#point_news ul#listview li:hover,
li:active {
  background-color: inherit;
}

div.block p.count {
  font-size: 12px;
}
div.block h2.itemName {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}
div.block h2.company {
  font-size: 11px;
  margin: 0;
  vertical-align: bottom;
}
div.block h2.company img {
  line-height: 20px;
  margin-right: 2px;
}

.mt_20 {
  margin: 20px 0 0;
}

div.topmoratame3 {
  overflow: hidden;
  margin: 0;
  margin: -5px 0 0;
  padding: 0 10px 5px;
}
div.topmoratame3 div.leftblk {
  font-size: 12px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding: 3px 0 0;
  color: #444;
}
div.topmoratame3 div.leftblk strong {
  color: #f60;
}
div.topmoratame3 div.rightblk_t {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  float: right;
  margin: 0;
  padding: 0;
  color: #09f;
  text-shadow: none;
}
div.topmoratame3 div.rightblk_m {
  font-size: 16px;
  font-weight: 700;
  float: right;
  margin: 0;
  padding: 0;
  color: #f30;
  text-shadow: none;
}
div.error {
  font-size: 13px;
  margin: 10px 0;
  padding: 5px 0 5px 10px;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ff5024;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.spLimitBgc {
  background-color: #ecffff;
}

#listview li .ui-btn-inner {
  margin: 0;
  padding: 0 35px 0 0;
}

div#block1 #listview li .ui-btn-inner, div#block2 #listview li .ui-btn-inner, div#block3 #listview li .ui-btn-inner {
  margin: 0;
  padding: 0;
}

#listview li {
  overflow: visible;
  min-height: 0;
  padding: 0;
  border-color: #ccc;
  background: #fff;
}

#hb_itmLstLclNav {
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  background: #eee;
}

.hb_itmLst_glid .spLimitBgc {
  background-color: transparent;
}

.tokusyuBoxLink {
  display: block;
}

div#tokusyuContainer a {
  line-height: 18px;
  color: #333;
}

#tokusyuContainer .inbox {
  margin: 0;
  padding: 0 5px;
  border-bottom: 1px dotted #999;
}
#tokusyuContainer .inbox p.bnr {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

.txtbox h3 {
  line-height: 18px;
  margin: 0;
  padding: 0 0 5px;
}

#tokusyuContainer .txtbox p {
  line-height: 18px;
  display: block;
  margin: 0;
  padding: 5px 0 10px;
  color: #666;
}

.hyoji_table {
  width: 98%;
  margin: 10px auto 0;
  border: 1px solid #ccc;
}
.hyoji_table th,
.hyoji_table td {
  padding-left: .5em;
  vertical-align: middle;
}

div.snsbtn ul {
  display: block;
  overflow: hidden;
  width: 310px;
  margin: 0 auto;
  padding: 10px 0;
  list-style: none;
}
div.snsbtn li {
  display: block;
  float: left;
  width: 106px;
  height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
}
div.snsbtn li:nth-child(2) {
  margin: 0 -8px 0 0;
}

.acordion_tree {
  padding: 10px 0;
}

div.body_detail > div.block_inner {
  margin: 0;
}

/* redmine#697
------------------------------------------*/
.commentList .ui-listview li:hover, .commentList .ui-listview li:active {
  background-color: #fff;
}

/* /redmine#697
------------------------------------------*/
.rankBtnWapper {
  overflow: hidden;
  width: 100%;
}

.rankBtnFlLeft {
  float: left;
}

.rankBtnFlRight {
  float: right;
}

.rankBtnActive {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 40px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.rankBtnBlank {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 30px;
  margin: 10px 0 0;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #dcdcdc), color-stop(0, #f5f5f5));
  background: -webkit-linear-gradient(#f5f5f5, #dcdcdc);
  background: -moz-linear-gradient(#f5f5f5, #dcdcdc);
  background: -o-linear-gradient(#f5f5f5, #dcdcdc);
  background: -ms-linear-gradient(#f5f5f5, #dcdcdc);
  background: linear-gradient(#f5f5f5, #dcdcdc);
}

.blankLeft {
  border-top: 1px solid #ccc;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ccc;
}

.activeRight {
  border-right: 1px solid #ccc;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #ccc;
}

.rankBtnTxt1 {
  font-size: 13px;
  font-weight: 700;
  padding: 10px 0 0;
  text-align: center;
  color: #333;
}

.rankBtnTxt2 {
  font-size: 13px;
  font-weight: 700;
  padding: 4px 0 0;
  text-align: center;
  color: #333;
}

div.rankBtnWapper a:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}

.pb_10 {
  padding: 0 0 10px;
}

.rankSelectCtgWapper {
  border-bottom: 1px solid #ccc;
}
.rankSelectCtgWapper p {
  font-size: 15px;
  line-height: 15px;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.rankSelectCtgWapper2 {
  overflow: hidden;
  width: 166px;
  margin: 0 auto;
}

.rankSelectCtgMg {
  margin: 0 5px 0 0;
}

.rankSelectCtgActive {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 52px;
  border: 1px solid #333;
  background-color: #fff;
}
.rankSelectCtgActive p {
  font-weight: 700;
  color: #333;
}

.rankSelectCtgBlank {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 52px;
  border: 1px solid #44b0dd;
  background-color: #44b0dd;
}
.rankSelectCtgBlank p {
  font-weight: 700;
  color: #fff;
}

div.rankSelectCtgWapper a:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}

.btnBarWapper {
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f3f3f3;
}

div.btnBarWapper a:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}

.btnBarSty {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 10px 0;
  text-align: center;
  background: url(https://www.moratame.net/images/common/right_arw.png) no-repeat 95% center;
  background-size: 10px 15px;
}

.btnBarLeft {
  float: left;
  border-right: 1px solid #ccc;
}

.btnBarRight {
  float: right;
}

.rankNumWrapper {
  width: 100%;
  background: url(https://image.moratame.net/images/common/rnk_icon.png) no-repeat left center;
  background-size: 16px 16px;
}

h3.rankNum {
  font-size: 14px;
  line-height: 14px;
  padding: 0 0 0 18px;
  color: #333;
}

.mt_15 {
  margin: 15px 0 0;
}

.va_t {
  vertical-align: top;
}

/*btnbar*/
.grayBtnBar {
  font-size: 12px;
  line-height: 17px;
  position: relative;
  display: block;
  width: 100%;
  height: 32px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f3f3f3;
}
.grayBtnBar:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
}

.grayBtnBarInner {
  width: 96%;
  margin: 0 auto;
}

.btnBarSty2 {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 10% 8px 0;
  text-align: right;
  background: url(https://image.moratame.net/images/common/right_arw.png) no-repeat 95% center;
  background-size: 10px 15px;
}
.btnBarSty2 p {
  color: #333;
}

.bdt_none {
  border-top: none;
}

.mt_mn10_mb10 {
  margin: -10px 0 10px;
}

/*btnbar*/
#scrollContainer {
  position: fixed;
  z-index: 6;
  right: 5px;
  bottom: 5px;
  width: 40px;
  height: 40px;
  background-image: url(https://image.moratame.net/images/common/arrow_toPageTop.png);
  background-size: 40px 40px;
}

/* cart
------------------------------------------------ */
.acceptCC img.cc {
  width: 100%;
  max-width: 166px;
  height: auto;
  margin-right: 3px;
  margin-bottom: 0;
  vertical-align: middle;
}
.acceptCC img.dc {
  width: 100%;
  max-width: 38px;
  height: auto;
  margin-right: 2px;
  margin-bottom: 0;
  vertical-align: middle;
}
.acceptCC img.vp {
  width: 100%;
  max-width: 75px;
  height: auto;
  margin-bottom: 0;
  vertical-align: middle;
}
.acceptCC p {
  font-size: 10px;
  padding-bottom: 0;
}

/* /cart
------------------------------------------------ */
/* confirmationOfOrder
------------------------------------------------ */
.confirmationOfOrder table {
  font-size: 116.66667%;
  width: 100%;
}
.confirmationOfOrder table th.column {
  padding: 5px 5px 5px 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.confirmationOfOrder table th.columnLast {
  padding: 5px 5px 5px 10px;
  text-align: left;
  border-bottom: 0 solid #ccc;
}
.confirmationOfOrder table th.row {
  padding: 5px 10px 5px 5px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.confirmationOfOrder table td {
  padding: 5px 10px 5px 5px;
  border-bottom: 1px solid #ccc;
}
.confirmationOfOrder table td.last {
  font-weight: 700;
  padding: 5px 10px 5px 5px;
  border-bottom: 0 solid #ccc;
}

/* /confirmationOfOrder
------------------------------------------------ */
#recommend p.heading {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  padding: 0 13px;
}
#recommend #hb_mm #hb_mm_glid ul {
  border-width: 0 0 0 1px;
}
#recommend #hb_mm #hb_mm_glid li {
  border-width: 0 1px 0 0;
}

/* twitter-Facebook VersionUp
------------------------------------------*/
.cmtArea input[type='text'] {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  border: 2px solid #a4a4a4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -o-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cmtArea input[type='textarea'] {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 2px solid #a4a4a4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -o-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cmtArea textarea {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 2px solid #a4a4a4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -o-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn_tbc {
  display: block;
  width: 100%;
}

.btn_tbcInner {
  line-height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  border: 2px solid #f8e294;
  background-color: #fcedb8;
  -o-box-sizing: border-box;
}

.btn_HeadlineWrap {
  width: 100%;
}
.btn_HeadlineWrap a {
  display: block;
}

.btn_HeadlineLeft {
  width: 50%;
}

.btn_HeadlineRight {
  width: 45%;
  padding: 0 5% 0 0;
  background: url(https://image.moratame.net/images/common/arrow_right.png) no-repeat 99% center;
  background-size: 10px 15px;
}

.listBlock #list ul {
  border: none;
}

/*chk*/
.chkBoxArea {
  width: 69px;
  height: 13px;
}

#sns_chk table {
  line-height: 18px;
}

.sns_ChkTxt {
  font-size: 17px;
  line-height: 24px;
}

#sns_chk input[type='checkbox'] {
  zoom: 1;
  width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

/* reset */
div#snsblock14 td {
  vertical-align: top;
}
div#snsblock14 input {
  zoom: 1;
  width: 69px;
  opacity: 0;
  border: none;
  background-color: none;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
div#snsblock14 #snsform {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
div#snsblock14 ul li {
  width: 69px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#snsblock14 li:hover {
  background-color: transparent;
}

li:active {
  background-color: transparent;
}

div#snsblock14 .ui-btn-up-c,
div#snsblock14 .ui-btn-down-c,
div#snsblock14 .ui-btn-hover-c {
  font-weight: 400;
  border: none;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
}
div#snsblock14 .ui-icon {
  position: absolute;
  top: 2px;
  left: 3px;
  width: 13px;
  height: 13px;
  margin: 0;
}
div#snsblock14 .ui-btn {
  width: 69px;
  height: 18px;
  margin: 0;
  padding: 0;
}
div#snsblock14 .ui-icon,
div#snsblock14 .ui-icon-searchfield:after {
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: none;
  background-image: none;
  background-repeat: no-repeat;
}
div#snsblock14 .ui-icon-shadow {
  box-shadow: none;
}

/* //reset*/
/* facebook*/
li#fb .ui-icon.ui-icon-checkbox-off {
  background: url(https://image.moratame.net/images/common/2013/12/chkBox_fb_s.png) no-repeat left top;
  background-size: 13px 28px;
}
li#fb .ui-icon.ui-icon-checkbox-on {
  background: url(https://image.moratame.net/images/common/2013/12/chkBox_fb_s.png) no-repeat left bottom;
  background-size: 13px 28px;
}

.fb_chkBoxBg {
  width: 69px;
  height: 18px;
  background: url(https://image.moratame.net/images/common/2013/12/bg_fbChkBox_s.png) no-repeat center top;
  background-size: 69px 18px;
}

/* //facebook*/
/* twitter */
li#tw .ui-icon.ui-icon-checkbox-off {
  background: url(https://image.moratame.net/images/common/2013/12/chkBox_tw_s.png) no-repeat left top;
  background-size: 13px 28px;
}
li#tw .ui-icon.ui-icon-checkbox-on {
  background: url(https://image.moratame.net/images/common/2013/12/chkBox_tw_s.png) no-repeat left bottom;
  background-size: 13px 28px;
}

.tw_chkBoxBg {
  width: 69px;
  height: 18px;
  background: url(https://image.moratame.net/images/common/2013/12/bg_twChkBox_s.png) no-repeat center top;
  background-size: 69px 18px;
}

/* //twitter */
#sns_chk td {
  padding: 0 0 0 4px;
}

#preview_area {
  display: block;
}

/*//chk*/
.cmtArea .accountsBtn13 {
  margin: 0;
}
.cmtArea .accountsBtn13 button {
  width: 100%;
}
.cmtArea .accountsBtn13_Gray3 {
  padding: 0;
}
.cmtArea .accountsBtn13_Gray3 p {
  font-size: 12px;
}
.cmtArea .small {
  color: #555;
}

.listTab ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.listTab li {
  font-weight: 700;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  height: 35px;
  margin: 10px 0 0;
  padding: 10px 0 0;
  list-style-type: none;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #d7d7d7), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #d7d7d7);
  background: -moz-linear-gradient(#fff, #d7d7d7);
  background: -o-linear-gradient(#fff, #d7d7d7);
  background: -ms-linear-gradient(#fff, #d7d7d7);
  background: linear-gradient(#ffffff, #d7d7d7);
  -o-box-sizing: border-box;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
}
.listTab li.trkbkLi {
  line-height: 1.3;
  padding: 2px 0 0;
}
.listTab li.trkbkLiAct {
  line-height: 1.3;
  padding: 5px 0 0;
}
.listTab li:hover {
  zoom: 1;
  opacity: .7;
  filter: alpha(opacity=0.7);
  -ms-filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7;
}

li:hover {
  zoom: 1;
  opacity: .7;
  filter: alpha(opacity=0.7);
  -ms-filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7;
}

.listTab li.tabAct:hover,
li.tabAct:hover {
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=1);
  -ms-filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.listTab li a {
  display: block;
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
}
.listTab li.tabAct {
  height: 45px;
  margin: 0;
  background: #fff;
}
.listTab li.bdl_n {
  border-left: none;
}
.listTab li.bdr_n {
  border-right: none;
}

.listDetail ul {
  list-style-type: none;
}

div.listStyle.body li:hover,
li:hover {
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=1);
  -ms-filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

div.listStyle li.ui-li.ui-li-static.ui-btn-up-f.ui-li-has-thumb.ui-first-child {
  border-top: 1px solid #fff;
}

/* //listStyle */
/*2014.01.22*/
#pstLst ul:last-child {
  border-bottom: none;
}

/* /twitter-Facebook VersionUp
------------------------------------------*/
.holding_photo2 ul li:hover,
active,
.holding_photo2 ul li:hover,
active {
  background-color: #fff;
}

.social-button {
  width: 218px;
  margin: 10px auto;
  vertical-align: middle;
  border: solid 1px #d3d3d3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(58%, #f5f5f5), color-stop(100%, #f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 58%, #f1f1f1 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 58%, #f1f1f1 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 58%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 58%, #f1f1f1 100%);
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.social-button p {
  float: left;
  margin: 0;
  padding: 6px;
  vertical-align: middle;
  border-right: solid 1px #d3d3d3;
  border-left: solid 1px #fff;
}
.social-button p img {
  display: block;
}
.social-button .twitter,
.social-button .facebook {
  float: left;
  margin: 0;
  padding: 6px 10px;
  vertical-align: middle;
  border-right: solid 1px #d3d3d3;
  border-left: solid 1px #fff;
}
.social-button .hatena {
  width: 82px;
}
.social-button .twitter p,
.social-button .facebook p {
  display: inline-block;
  float: none;
  padding: 0;
  border: none;
}
.social-button .twitter-button,
.social-button .fb-button {
  position: relative;
  overflow: hidden;
}
.social-button .twitter-button:before,
.social-button .fb-button:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
}
.social-button .twitter-button iframe,
.social-button .fb-button iframe {
  opacity: 0;
}
.social-button .twitter-button {
  width: 27px;
  height: 26px;
}
.social-button .twitter-button:before {
  width: 27px;
  height: 26px;
  background: no-repeat url(https://image.moratame.net/images/common/2014/s/twitter-icon.png) center center;
  -webkit-background-size: 27px 22px;
  -moz-background-size: 27px 22px;
  -o-background-size: 27px 22px;
  background-size: 27px 22px;
}
.social-button .fb-button {
  width: 24px;
  height: 25px;
}
.social-button .fb-button:before {
  width: 24px;
  height: 25px;
  background: no-repeat url(https://image.moratame.net/images/common/2014/s/facebook-icon.png);
  -webkit-background-size: 24px 25px;
  -moz-background-size: 24px 25px;
  -o-background-size: 24px 25px;
  background-size: 24px 25px;
}
.social-button .twitter-count {
  display: inline-block;
  overflow: hidden;
  width: 36px;
  height: 22px;
  margin-top: 2px;
  vertical-align: middle;
}
.social-button .twitter-count iframe {
  margin-left: -69px;
}
.social-button .fb-like {
  display: inline-block !important;
  overflow: hidden;
  width: 40px !important;
  height: 22px !important;
  margin-top: 4px;
}
.social-button .fb-like iframe {
  width: 107px !important;
  margin-left: -72px;
  opacity: 1;
}
.social-button .line {
  border-right: none;
}
.social-button:after {
  display: table;
  clear: both;
  content: '';
}

.goodbtn .ui-btn-inner {
  font-size: 12.5px;
  width: 86px;
  padding: 6px 4px;
}

/* moratame style
------------------------------------ */
/* balloon ----------------------- */
.balloon1311_01 p {
  font-size: 13px;
  font-weight: 700;
  position: relative;
  margin-bottom: 5px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fc0;
}
.balloon1311_01 span {
  position: absolute;
  bottom: -10px;
  left: 30px;
  width: 0;
  height: 0;
  border-width: 10px 6px 0;
  border-style: solid;
  border-color: #fc0 transparent transparent;
}

/* /balloon ---------------------- */
/* unit -------------------------- */
/* 1311unit01 */
.unit1311_01 li {
  position: relative;
  padding: 5px 0 5px 100px;
}
.unit1311_01 #tableWrap {
  line-height: 0;
}
.unit1311_01 #tableWrap table {
  line-height: 1.5;
  width: 100%;
}
.unit1311_01 #tableWrap tr:nth-child(2n+1) {
  background-color: #ffefe5;
}
.unit1311_01 #tableWrap td:nth-child(2n+1) {
  padding: .3em .5em;
}
.unit1311_01 #tableWrap td:nth-child(4n+1) {
  font-weight: 700;
}
.unit1311_01 .thumbnail1311_01 {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 80px;
  height: auto;
}

/* /1311unit01 */
/* /unit ------------------------- */
/* heading ----------------------- */
div.heading01 {
  position: relative;
  width: 100%;
}
div.heading01 h1 {
  font-size: 13px;
  line-height: 18px;
  padding: 6px 10px;
}
div.heading01 div.headding01anchor {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
}
div.heading01 p {
  padding-right: 10px;
}
div.heading01 a {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  display: block;
  padding-right: 28px;
  text-align: right;
  text-align: right;
}
div.heading01 a span {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  opacity: .25;
  background-image: url(https://www.moratame.net/s/js/jqm/images/icons-18-black.png);
  background-repeat: no-repeat;
  background-position: -108px -1px;
}

.headingGrn {
  color: #444;
  background-color: #eaede1;
}

.headingOrg {
  color: #fff;
  background-color: #f25932;
}

/* /heading ---------------------- */
/* button ------------------------ */
.btn1311 a {
  line-height: 20px;
  display: block;
  width: auto;
  padding: 5px;
  text-align: center;
  border-radius: .5em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn1311 span {
  font-weight: 700;
  line-height: 20px;
  display: block;
  width: auto;
  padding: 5px;
  text-align: center;
  border-radius: .5em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn1311gry {
  border: 1px solid #b1b1b1;
  background: #cbcbcb;
  background: -moz-linear-gradient(top, #cbcbcb 0%, #ababab 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbcbcb), color-stop(100%, #ababab));
  background: -webkit-linear-gradient(top, #cbcbcb 0%, #ababab 100%);
  background: -o-linear-gradient(top, #cbcbcb 0%, #ababab 100%);
  background: -ms-linear-gradient(top, #cbcbcb 0%, #ababab 100%);
  background: linear-gradient(to bottom, #cbcbcb 0%, #ababab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb',endColorstr='#ababab',GradientType=0);
}

.btn1311repo {
  border: 1px solid #db5800;
  background: #f60;
  background: -moz-linear-gradient(top, #f60 0%, #eb5e00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f60), color-stop(100%, #eb5e00));
  background: -webkit-linear-gradient(top, #f60 0%, #eb5e00 100%);
  background: -o-linear-gradient(top, #f60 0%, #eb5e00 100%);
  background: -ms-linear-gradient(top, #f60 0%, #eb5e00 100%);
  background: linear-gradient(to bottom, #ff6600 0%, #eb5e00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600',endColorstr='#eb5e00',GradientType=0);
}

.btn1311grn {
  border: 1px solid #5ea510;
  background: #60a610;
  background: -moz-linear-gradient(top, #89c40f 0%, #60a610 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89c40f), color-stop(100%, #60a610));
  background: -webkit-linear-gradient(top, #89c40f 0%, #60a610 100%);
  background: -o-linear-gradient(top, #89c40f 0%, #60a610 100%);
  background: -ms-linear-gradient(top, #89c40f 0%, #60a610 100%);
  background: linear-gradient(to bottom, #89c40f 0%, #60a610 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c40f',endColorstr='#60a610',GradientType=0);
}

.btn1311red {
  border: 1px solid #b74646;
  background: #e71d00;
  background: -moz-linear-gradient(top, #fe5f38 0%, #e71d00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5f38), color-stop(100%, #e71d00));
  background: -webkit-linear-gradient(top, #fe5f38 0%, #e71d00 100%);
  background: -o-linear-gradient(top, #fe5f38 0%, #e71d00 100%);
  background: -ms-linear-gradient(top, #fe5f38 0%, #e71d00 100%);
  background: linear-gradient(to bottom, #fe5f38 0%, #e71d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5f38',endColorstr='#e71d00',GradientType=0);
}

.btn1311 a:hover, .btn1311 a:active {
  opacity: .7;
}

/* button 2 col----------------- */
.btn1311_2row {
  margin: 0 0 20px 15px;
}
.btn1311_2row ul {
  display: -webkit-box;
  display: -moz-box;
  width: 100%;
  list-style-type: none;
}
.btn1311_2row li {
  margin-right: 15px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
}

/* /button 2 col --------------- */
/* /button ----------------------- */
/* /moratame style
------------------------------------ */
div#repoHeading {
  margin: 0 0 5px;
}
div#repoHeading div.repo_title_d {
  margin-bottom: 0;
}
div#repoHeading p {
  text-align: center;
}
div#repoHeading p img {
  width: 100%;
  max-width: 960px;
  height: auto;
}

nav#repo1311nav {
  margin-left: 1px;
}
nav#repo1311nav ul {
  font-size: 13px;
  line-height: 35px;
  overflow: hidden;
  width: 100%;
  list-style-type: none;
  text-align: center;
}
nav#repo1311nav li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33%;
}
nav#repo1311nav li.repoNavLink {
  margin-top: 4px;
}
nav#repo1311nav li.repoNavActive {
  font-weight: 700;
  padding-top: 4px;
  color: #666;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #ccc #fff;
}
nav#repo1311nav a {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #fff;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #fff;
}
nav#repo1311nav a:hover, nav#repo1311nav a:active {
  opacity: .7;
}

ul.contentLink {
  font-size: 1.1em;
  display: -webkit-box;
  display: -moz-box;
  width: 100%;
  padding: .5em;
  list-style-type: none;
  text-align: right;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  background: #f3f3f3;
}
ul.contentLink li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
}
ul.contentLink li a {
  font-weight: 400;
  line-height: 24px;
  position: relative;
  display: block;
  padding-right: 28px;
}
ul.contentLink li a span {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  opacity: .25;
  background-image: url(https://www.moratame.net/s/js/jqm/images/icons-18-black.png);
  background-repeat: no-repeat;
  background-position: -108px -1px;
}
ul.contentLink li a span.arrow-d {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  opacity: .25;
  background-image: url(https://www.moratame.net/s/js/jqm/images/icons-18-black.png);
  background-repeat: no-repeat;
  background-position: -214px -1px;
}

#repoNewlyPhoto ul {
  max-width: 312px;
  margin: 10px auto 20px;
  padding: 0 4px;
  list-style-type: none;
}
#repoNewlyPhoto li {
  float: left;
  width: 96px;
  padding: 0 4px;
}
#repoNewlyPhoto .repoNewlyPhotoWrap {
  position: relative;
  margin-bottom: 5px;
}
#repoNewlyPhoto .repoNewlyPhotoWrap img.repoPhoto {
  max-width: 96px;
  height: auto;
}
#repoNewlyPhoto .repoNewlyPhotoWrap img.repoRankIco {
  position: absolute;
  top: -5px;
  left: -5px;
  max-width: 31px;
  height: auto;
}

#repoApplicatStep p {
  width: 320px;
  height: 70px;
  margin: 0 auto;
  background-image: url(https://image.moratame.net/s/cmn/sprite_applicat_step.png);
  background-repeat: no-repeat;
  -webkit-background-size: 320px;
  background-size: 320px;
}
#repoApplicatStep p#repoApplicatStep1 {
  background-position: 0 0;
}
#repoApplicatStep p#repoApplicatStep2 {
  background-position: 0 -70px;
}
#repoApplicatStep p#repoApplicatStep3 {
  background-position: 0 -140px;
}
#repoApplicatStep p#repoApplicatStep4 {
  background-position: 0 -210px;
}
#repoApplicatStep p span {
  display: none;
}

p.selectPhoto {
  font-size: 14px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px 10px 16px 79px;
  border: 2px solid #74cfe3;
  border-radius: 10px;
  background-color: #95dded;
  background-image: url(https://image.moratame.net/s/cmn/ico_001.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  -webkit-background-size: 59px 49px;
  background-size: 59px 49px;
}
p.selectPhoto a {
  color: #000;
}
p.selectPhoto span {
  font-size: 12px;
}

/* global navigation
------------------------------------ */
nav#globalNavigation ul {
  display: -webkit-box;
  display: -moz-box;
  width: 100%;
}
nav#globalNavigation li {
  font-size: 11px;
  float: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
}
nav#globalNavigation a {
  padding: 15px 0;
}

/* /global navigation
------------------------------------ */
/* profile_edit 2014.02.06 yoshida ----------------------- */
.chrSlctWrp .ui-controlgroup-horizontal .ui-btn {
  border-right-width: 1px;
  border-left-width: 0;
}

#hb_mm .chrSlctWrp {
  border-left: 1px solid #ccc;
}
#hb_mm #hb_mm_CharChoice .ui-radio {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 65px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/* /profile_edit 2014.02.06 yoshida ---------------------- */
/* 2014 topPage
------------------------------------------*/
/*logoWrap*/
#index14 .ui-body-c,
.ui-body-c {
  border: none;
  background: #fff;
}

.rn14_menu_btnWrap {
  width: 130px;
  height: 60px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.rn14_menu_btnWrap ul {
  width: 100%;
  list-style-type: none;
}
.rn14_menu_btnWrap ul li {
  width: 50%;
  height: 58px;
}
.rn14_menu_btnWrap ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.rn14_menu_btnWrap ul li.fl-l {
  border-right: 1px solid #ccc;
}

/*//logoWrap*/
/*navigation*/
div.header nav li {
  font-weight: 700;
  line-height: 1.3;
  display: block;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  height: 50px;
  margin: 0;
  padding: 4px 0 0;
  border-collapse: collapse;
  list-style: none;
  border-left: 1px ridge #ccc;
  text-shadow: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -ms-box-sizing: border-box;
}
div.header nav li a.ui-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
}
div.header nav ul.ui-grid-c {
  overflow: visible;
}

li.ui-block-c span.icon_nav_new {
  top: -2px;
  left: 10px;
}
li.ui-block-c span.icon_schedule {
  margin: 1px 0 0;
}
li.ui-block-d span.icon_menu {
  margin: 5px 0 6px;
}

.ui-block-a .badge,
.ui-block-b .badge,
.ui-block-c .badge,
.ui-block-d .badge {
  position: absolute;
  top: -2px;
  left: 10px;
}

/*//navigation*/
/**/
#index14 .topmoratameIndex {
  margin: 0 0 8px;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/**/
/* news */
.index14newsWrap {
  width: 100%;
}

.index14newsDate {
  z-index: 7;
  top: 0;
  left: 0;
  width: 24%;
  height: 40px;
  padding: 0 0 0 1%;
  background-color: #dcefa5;
}
.index14newsDate p {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  display: table-cell;
  height: 40px;
  vertical-align: top;
  color: #333;
  text-shadow: none;
}

.owl-theme .owl-controls {
  margin-top: 5px;
  text-align: center;
}

.owl-buttons {
  margin: -24px 0 0;
}

.owl-theme .owl-controls .owl-buttons div {
  /*IE7 life-saver */
  font-size: 12px;
  display: inline-block;
  display: inline;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 47px;
  height: 30px;
  padding: 7px 0 0;
  /*IE7 fix*/
  opacity: 1;
  color: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #ecebeb;
  filter: Alpha(Opacity=100);
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.owl-prev {
  float: left;
}

.owl-next {
  float: right;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  /*IE7 fix*/
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  display: inline;
  zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 5px 7px;
  /*IE7 fix*/
  opacity: .5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
  filter: Alpha(Opacity=50);
}
.owl-theme .owl-controls .owl-page.active span {
  /*IE7 fix*/
  opacity: 1;
  background-color: #36c;
  filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  /*IE7 fix*/
  opacity: 1;
  background-color: #36c;
  filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  font-size: 12px;
  width: auto;
  height: auto;
  padding: 2px 10px;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-wrapper-outer {
  line-height: 1.4;
  height: 40px;
  padding: 0 0 0 27%;
  border-bottom: 1px solid #ccc;
}
.owl-wrapper-outer a {
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  vertical-align: middle;
  letter-spacing: -1px;
  color: #333;
  color: #2489ce;
  text-shadow: none;
}
.owl-wrapper-outer a.ui-link {
  color: #2489ce !important;
}

.owl-item {
  padding: 10px 0 0;
}

/*//news*/
/*list*/
/*-- mora tame repo --*/
#index14 div.block div.body {
  margin: 0;
  padding: 0;
}
#index14 div.container div.block li p {
  font-weight: 400;
}
#index14 div.block .body ul {
  width: 96%;
  margin: 2px auto 0;
  list-style-type: none;
  border: none;
}
#index14 div.container div.block li {
  position: relative;
  float: left;
  width: 32%;
  margin-bottom: 8px;
  padding: 8px 0 5px;
  border-bottom: 1px solid #eee;
}
#index14 div.container div.block li img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
#index14 div.container div.block li a {
  font-weight: 400;
  color: #000;
}

.mr-2p {
  margin-right: 2%;
}

#index14 h2.company, #index14 h2.itemName {
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#index14 p.count {
  font-size: 12px;
  display: inline;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#index14 .itemIcoAbs {
  font-weight: 700;
  top: -5px;
  left: -5px;
}
#index14 div.container div.block ul.list_hoz {
  width: 96%;
  max-width: 640px;
  margin: 0 auto;
  padding: 10px 0;
}
#index14 div.container div.block ul.list_hoz li {
  float: left;
  width: 50%;
  max-width: 310px;
  margin: 0;
  padding: 0;
  border: none !important;
}
#index14 div.container div.block ul.list_hoz a {
  padding: 3px;
}

.pickup-area ul li {
  display: inline-block;
}

#index14 div.container div.block ul.list_hoz li img {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
#index14 div.container div.block ul.list_hoz p {
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 10px;
}
#index14 div.container div.block ul.list_enq {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
#index14 div.container div.block ul.list_enq li {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: none;
  border-bottom: 1px solid #eee;
}
#index14 div.container div.block li h2.spEnqTit {
  font-size: 15px;
}

/*-- enq --*/
/*-- sns --*/
#index14 div.container div.block ul.snsList li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
#index14 div.container div.block ul.ctgList {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
#index14 div.container div.block ul.ctgList li {
  font-size: 14px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
#index14 div.container div.block ul.ctgList li a {
  font-size: 11px;
  line-height: 12px;
  display: block;
  height: 14px;
  color: #434343;
}
#index14 div.container div.block ul.ctgList li a div {
  line-height: 14px;
  height: 14px;
  vertical-align: middle;
}

/*-- category --*/
.w25 {
  width: 25px;
}

#index14 div.container div.block ul.ctgList li span {
  display: inline-block;
}
#index14 div.container div.block ul.ctgList li:nth-child(odd) {
  border-right: 1px solid #ccc;
}
#index14 div.container div.block ul.ctgList li.last:nth-child(odd) {
  clear: both;
  width: 100%;
  border-right: none;
  border-bottom: none;
}

/*//list*/
/* sns */
.snsWrapper {
  width: 100%;
  background-color: #fff;
}
.snsWrapper p {
  vertical-align: top;
}
.snsWrapper ul.snsList {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
.snsWrapper ul.snsList li {
  width: 100%;
  max-width: 60px;
  margin: 0;
  padding: 0;
  border: none;
}
.snsWrapper ul.snsList a {
  line-height: 1.6;
  display: block;
  overflow: hidden;
  padding: 8px;
}

/* //sns */
/*-- footer --*/
#topscrollWrp {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

#topscroll a {
  font-size: 14px;
  font-weight: 700;
  line-height: 250%;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  background: #eee;
  text-shadow: none;
}

footer nav {
  margin-bottom: 0;
}
footer nav ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
}
footer nav ul li a {
  padding: 5px 5px 2px;
  vertical-align: top;
}
footer nav#pp {
  font-size: 10px;
  margin: 0 0 10px;
}

.footer_copy {
  margin: 0;
  padding: 0;
  background: none;
}
.footer_copy p.footer_copyTxt {
  font-size: 10px;
  line-height: 100%;
  float: inherit;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-shadow: none;
}
.footer_copy p.footer_copyBtn {
  float: inherit;
  margin: 0;
  padding-top: 0;
}

/*//footer*/
/*app*/
.appWrap {
  width: 100%;
}

/*//app*/
/* btn */
.btn_14_1_a {
  display: block;
  width: 100%;
  height: 25px;
}

.btn_14_2_a {
  display: block;
  width: 100%;
  height: 50px;
}

.btn_14_3_a {
  line-height: 250%;
  display: block;
  width: 96%;
  margin: 0 auto;
  border: 2px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f3f2f2), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #f3f2f2);
  background: -moz-linear-gradient(#fff, #f3f2f2);
  background: -o-linear-gradient(#fff, #f3f2f2);
  background: -ms-linear-gradient(#fff, #f3f2f2);
  background: linear-gradient(#ffffff, #f3f2f2);
  -webkit-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-box-shadow: 0 1px 0 #fff;
  -o-box-shadow: 0 1px 0 #fff;
}

/*//btn*/
/* drawerMenuInit */
#build-menu-page {
  position: relative;
  left: 0;
  background-color: #fff;
}

#build-menu {
  position: static;
  z-index: 0;
  top: 0;
  left: 0;
  display: none;
  visibility: visible;
  float: right;
  overflow-y: auto;
  width: 240px;
  height: 100%;
  padding: 10px 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}

.build-menu-animating #build-menu-page {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
}
.build-menu-animating.build-menu-close #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  -o-transition: -o-transform 250ms;
  transition: transform 250ms;
}
.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  -o-transition: -o-transform 250ms;
  transition: transform 250ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.build-menu-animating #build-menu {
  display: block;
}

.build-menu-open #build-menu {
  display: block;
  -webkit-transition: -webkit-transform 250ms,opacity 250ms,visibility 0 250ms;
  -moz-transition: -moz-transform 250ms,opacity 250ms,visibility 0 250ms;
  -ms-transition: -ms-transform 250ms,opacity 250ms,visibility 0 250ms;
  -o-transition: -o-transform 250ms,opacity 250ms,visibility 0 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0 250ms;
  -webkit-transition-delay: 0ms,0ms,0;
  -moz-transition-delay: 0ms,0ms,0;
  -ms-transition-delay: 0ms,0ms,0;
  -o-transition-delay: 0ms,0ms,0;
  transition-delay: 0ms, 0ms, 0;
}

.build-menu-close #build-menu {
  -webkit-transition: -webkit-transform 250ms,opacity 250ms,visibility 0 250ms;
  -moz-transition: -moz-transform 250ms,opacity 250ms,visibility 0 250ms;
  -ms-transition: -ms-transform 250ms,opacity 250ms,visibility 0 250ms;
  -o-transition: -o-transform 250ms,opacity 250ms,visibility 0 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0 250ms;
}

/*//drawerMenuInit*/
/*drawerMenuContents*/
/*jqm*/
.ui-panel-inner {
  margin: 0;
  padding: 10px 0 0;
  background-color: #c9cab7;
}

.ui-panel {
  width: 240px;
  background-color: #c9cab7;
}

.ui-panel-position-right.ui-panel-display-overlay {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.ui-panel h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 2px 10px;
  color: #fff;
  text-shadow: none;
}

div.ui-panel a.ui-link {
  font-weight: 400;
}

/*//jqm*/
#build-menu {
  background-color: #c9cab7;
}
#build-menu h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 10px 0 2px 10px;
  color: #fff;
  text-shadow: none;
}
#build-menu a {
  text-shadow: none;
}
#build-menu p img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.drwMnNav1 {
  line-height: 1.2;
  margin: 10px 0;
  padding: 0 10px;
  list-style-type: none;
}
.drwMnNav1 li {
  position: relative;
  width: 30%;
  height: 66px;
  text-align: center;
  background-color: #fafafa;
}
.drwMnNav1 li .badge {
  position: absolute;
  top: -5px;
  left: -5px;
}
.drwMnNav1 a {
  display: block;
  width: 100%;
  height: 100%;
}

/*20191010___カテゴリーをハンバーガーメニューに移動*/
.ctgList-HunbergerMenu {
  margin: 10px 0;
}
.ctgList-HunbergerMenu .ui-link-black {
  color: #000;
}

/*20191010___カテゴリーをハンバーガーメニューに移動　/////  */
.m0-5p-0-0 {
  margin: 0 5% 0 0;
}

.pos-at1 {
  top: -3px;
  right: -3px;
  padding: 2px 0 0;
}

.pos-at2 {
  top: 10px;
  left: -8px;
  padding: 0;
}

.hrList {
  margin: 0;
  padding: 0;
  border: none;
  border-top: #9d9e8f solid 1px;
  border-bottom: #e2e3ce solid 1px;
}

.drawerMenuLink {
  display: block;
}

.drwMnNavList {
  padding: 0;
  list-style-type: none;
  background-color: #fafafa;
}
.drwMnNavList li {
  position: relative;
  border-bottom: 1px solid #c9cab7;
}
.drwMnNavList li:active {
  background-color: transparent;
}
.drwMnNavList li:last-child {
  border: none;
}
.drwMnNavList li .badge {
  position: absolute;
  top: -5px;
  left: -5px;
}
.drwMnNavList .text-img--business-support--th {
  max-width: 310px;
  max-width: 100px;
  height: auto;
  vertical-align: bottom;
}

/*--jqm--*/
div.ui-panel .drwMnNavList a {
  font-size: 14px;
  font-weight: 400;
  display: block;
  padding: 10px;
  color: #333;
  background: url(https://image.moratame.net/images/common/arrow_right.png) no-repeat 94% center;
  -webkit-background-size: 10px 15px;
  -moz-background-size: 10px 15px;
  -o-background-size: 10px 15px;
  background-size: 10px 15px;
  -ms-background-size: 10px 15px;
}
div.ui-panel .drwMnNavList a:hover, div.ui-panel .drwMnNavList a:active {
  color: #333;
}

/*panel-width*/
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  right: 0;
  -webkit-transform: translate3d(240px, 0, 0);
  -moz-transform: translate3d(240px, 0, 0);
  -ms-transform: translate3d(240px, 0, 0);
  -o-transform: translate3d(240px, 0, 0);
  transform: translate3d(240px, 0, 0);
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
  right: 0;
  left: 0;
  -webkit-transform: translate3d(-240px, 0, 0);
  -moz-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
  right: 0;
  left: 0;
  -webkit-transform: translate3d(-240px, 0, 0);
  -moz-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}

.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
  right: 240px;
  left: -240px;
}

.ui-panel-content-wrap {
  overflow: hidden;
}

/*--//jqm--*/
.drwMnCtg {
  line-height: 1.2;
  overflow: hidden;
  width: 220px;
  margin: 0 10px 10px;
  padding: 0;
  list-style-type: none;
  background-color: #fafafa;
}
.drwMnCtg li {
  float: left;
  height: 73px;
  text-align: center;
}
.drwMnCtg a {
  display: block;
  width: 100%;
  height: 100%;
}
.drwMnCtg li.type1 {
  width: 73px;
}
.drwMnCtg li.type2 {
  width: 72px;
}
.drwMnCtg li.type3 {
  width: 50%;
  height: 65px;
  padding: 0 5px;
}

.drwMnCtgBdrb {
  border-right: 1px solid #c9cab7;
  border-bottom: 1px solid #c9cab7;
}

.drwMnCtgBdb {
  border-bottom: 1px solid #c9cab7;
}

.drwMnCtgBdr {
  border-right: 1px solid #c9cab7;
}

.c-newCstm {
  color: #f25932;
}

/* //drawerMenuContents*/
/* footer */
#footer {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/* //footer */
/* icon */
/*-- icon-set --*/
.icon-set01 {
  display: inline-block;
  background: url(https://image.moratame.net/images/common/2014/s/icon_s_001.png) no-repeat;
  background-size: 235px 88px;
}

.linearea {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(https://image.moratame.net/img2014/common/line.png) no-repeat;
  background-size: 44px;
}

.icon_arr1 {
  width: 9px;
  height: 10px;
  background-position: -109px 0;
}

.icon_rgt {
  width: 13px;
  height: 18px;
  background-position: 0 0;
}

.icon_login {
  width: 14px;
  height: 18px;
  background-position: -16px 0;
}

.icon_logout {
  width: 20px;
  height: 18px;
  background-position: -33px 0;
}

.icon_mymenu {
  width: 21px;
  height: 22px;
  background-position: -170px -55px;
}

.icon_mora {
  width: 21px;
  height: 26px;
  background-position: 0 -21px;
}

.icon_tame {
  width: 30px;
  height: 26px;
  background-position: -22px -23px;
}

.icon_repo {
  width: 30px;
  height: 26px;
  background-position: -194px -56px;
}

.icon_schedule {
  width: 23px;
  height: 25px;
  background-position: -54px -21px;
}

.icon_gmo-enq {
  display: inline-block;
  width: 23px;
  height: 25px;
  background-image: url(https://image.moratame.net/img2014/icons/ico-enq-2.png);
  background-position: center center;
  background-size: 23px;
}

.icon_menu {
  width: 30px;
  height: 15px;
  background-position: -78px -21px;
}

.icon_nav_new {
  width: 18px;
  height: 18px;
  background-position: -72px 0;
}

.icon_rnk {
  width: 16px;
  height: 16px;
  background-position: -54px 0;
}

.icon_fb {
  width: 44px;
  height: 44px;
  background-image: url(https://image.moratame.net/img2014/common/fb01.png);
  background-size: 44px;
}

.icon_tw {
  width: 44px;
  height: 44px;
  background-image: url(https://image.moratame.net/img2014/common/twitter01.png);
  background-size: 44px;
}

.icon_insta {
  width: 44px;
  height: 44px;
  background-image: url(https://image.moratame.net/img2014/common/instagram.png);
  background-size: 44px;
}

.icon-line {
  width: 44px;
  height: 44px;
  background-image: url(https://image.moratame.net/img2014/common/line.png);
  background-size: 44px;
}

.icon_toTop {
  width: 13px;
  height: 13px;
  background-position: -197px 0;
}

.icon_about {
  width: 13px;
  height: 19px;
  background-position: -121px 0;
}

.icon_point {
  width: 19px;
  height: 19px;
  background-position: -136px 0;
}

.icon_faq {
  width: 19px;
  height: 19px;
  background-position: -155px 0;
}

.icon_inquiry {
  width: 19px;
  height: 14px;
  background-position: -176px 0;
}

.icon_moratame {
  width: 21px;
  height: 21px;
  background-position: -109px -21px;
}

.icon_moratamePnt {
  width: 32px;
  height: 32px;
  background-position: -62px -56px;
}

.icon_post {
  width: 40px;
  height: 27px;
  background-position: -97px -56px;
}

.icon_crcl {
  width: 17px;
  height: 17px;
  background-position: -211px 0;
}

.icon_soon {
  width: 29px;
  height: 32px;
  background-position: -139px -55px;
}

/*-- icon-set02 --*/
.icon-set02 {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 10px 0 2px;
  background: url(https://image.moratame.net/images/common/2014/s/icon_s_category_min1500828_d.png) no-repeat;
  background-size: 350px 68px;
}

.icon_ctgFood {
  background-position: -72px 0;
}

.icon_ctgDrink {
  background-position: -217px -1px;
}

.icon_ctgCosme {
  background-position: -70px -34px;
}

.icon_ctgHealth {
  background-position: -143px 0;
}

.icon_ctgGoods {
  background-position: -286px -34px;
}

.icon_ctgPet {
  background-position: -108px 0;
}

.icon_ctgInterior {
  background-position: -152px 0;
}

.icon_ctgBook {
  background-position: -250px -34px;
}

.icon_ctghobby {
  background-position: -178px 0;
}

.icon_ctgByMail {
  background-position: -179px -34px;
}

.icon_ctgFamily {
  background-position: -36px -33px;
}

.icon_ctgOther {
  background-position: 0 -33px;
}

.icon_ctgOffice {
  background-position: -38px 0;
}

/* add 15/09/03*/
.icon_ctgFurniture {
  background-position: 0 0;
}

.icon_ctgFlower {
  background-position: -319px 0;
}

.icon_ctgHomeAppliance {
  background-position: -144px -34px;
}

.icon_ctgMove {
  background-position: -215px -34px;
}

.icon_ctgPc {
  background-position: -107px -34px;
}

.icon_ctgBaby {
  background-position: -286px -1px;
}

.icon_ctgStationery {
  background-position: -252px 0;
}

/* /add 15/09/03*/
/*-- icon-set02min --*/
.icon-set02min {
  display: inline-block;
  background: url(https://image.moratame.net/images/common/2014/s/icon_s_category_min1500828.png) no-repeat;
  background-size: 175px 37px;
}

.icon_ctgFoodmin {
  width: 16px;
  height: 16px;
  background-position: -38px 0;
}

.icon_ctgDrinkmin {
  width: 16px;
  height: 16px;
  background-position: -109px -1px;
}

.icon_ctgHealthmin {
  width: 16px;
  height: 16px;
  background-position: -73px 0;
}

.icon_ctgCosmemin {
  width: 16px;
  height: 16px;
  background-position: -37px -20px;
}

.icon_ctgGoodsmin {
  width: 16px;
  height: 16px;
  background-position: -144px -20px;
}

.icon_ctgPetmin {
  width: 16px;
  height: 16px;
  background-position: -55px 0;
}

.icon_ctgInteriormin {
  width: 16px;
  height: 16px;
  background-position: -83px 0;
}

.icon_ctghobbymin {
  width: 16px;
  height: 16px;
  background-position: -90px -1px;
}

.icon_ctgByMailmin {
  width: 16px;
  height: 16px;
  background-position: -90px -20px;
}

.icon_ctgFamilymin {
  width: 16px;
  height: 16px;
  background-position: -20px -20px;
}

.icon_ctgOthermin {
  width: 16px;
  height: 16px;
  background-position: -2px -20px;
}

.icon_ctgBookmin {
  width: 16px;
  height: 16px;
  background-position: -126px -20px;
}

/* add 15/09/03*/
.icon_ctgFurnituremin {
  width: 16px;
  height: 16px;
  background-position: -2px 0;
}

.icon_ctgFlowermin {
  width: 16px;
  height: 16px;
  background-position: -159px 0;
}

.icon_ctgHomeAppliancemin {
  width: 16px;
  height: 16px;
  background-position: -72px -20px;
}

.icon_ctgMovemin {
  width: 16px;
  height: 16px;
  background-position: -107px -20px;
}

.icon_ctgPcmin {
  width: 16px;
  height: 16px;
  background-position: -54px -20px;
}

.icon_ctgBabymin {
  width: 16px;
  height: 16px;
  background-position: -143px -2px;
}

.icon_ctgStationerymin {
  width: 16px;
  height: 16px;
  background-position: -125px 0;
}

/* /add 15/09/03*/
.icon_ctgOfficemin {
  width: 16px;
  height: 16px;
  background-position: -20px 0;
}

.icon_ctgFriendmin {
  width: 16px;
  height: 16px;
  background: url(https://image.moratame.net/img2014/icons/ico44.png) no-repeat;
  background-position: center center;
  background-size: 17px auto;
}

.icon_ctgFriend {
  width: 30px;
  height: 26px;
  margin: 19px 0 0;
  background: url(https://image.moratame.net/img2014/icons/ico44.png) no-repeat;
  background-position: center center;
  background-size: 30px auto;
}

/*-- /icon-set --*/
.drawerMenu-ico {
  display: inline-block;
  width: 30px;
  height: 28px;
}
.drawerMenu-ico.office {
  background: url(https://image.moratame.net/img2014/icons/ico26.png);
  background-repeat: no-repeat;
  background-size: 30px;
}
.drawerMenu-ico.friend {
  background: url(https://image.moratame.net/img2014/icons/ico44.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}

.icon--drawerMenu--pencil {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(https://image.moratame.net/images/common/icon--drawerMenu--pencil@2x.png) no-repeat;
  background-size: cover;
}

/* /icon

/* --scheduleBox-- */
div.header, div.contents {
  overflow: visible;
}
div.header nav ul {
  position: relative;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
  border-bottom: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ededed), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #ededed);
  background: -moz-linear-gradient(#fff, #ededed);
  background: -o-linear-gradient(#fff, #ededed);
  background: -ms-linear-gradient(#fff, #ededed);
  background: linear-gradient(#ffffff, #ededed);
}

.ui-grid-c .ui-block-b,
.ui-grid-c .ui-block-c,
.ui-grid-c .ui-block-d {
  border-bottom: 1px solid #ccc;
}

/*ui-block-a border-bottom*/
div.header nav li:first-child {
  border-bottom: 1px solid #ccc;
}
div.header nav ul {
  z-index: 9;
}

.s_boxWrap {
  position: absolute;
  z-index: 99999;
  top: 51px;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.s_boxHeadline {
  line-height: 20px;
}

.s_box {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ededed;
  box-shadow: 0 8px 8px #777;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.s_box a {
  font-size: 15px;
}
.s_box p {
  font-size: 13px;
  padding: 5px 0 0;
}
.s_box p.p-premium__ico {
  font-size: 11px;
  padding-left: 23px;
}
.s_box .close_btn_notice {
  font: 14px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 15px 15px 10px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  border: #777;
  border-radius: 5px;
  background: #8bbc00;
}

.bgcFFF {
  background-color: #fff;
}

/*detail*/
.index14 .s_boxTxt {
  min-height: 90px;
  text-shadow: none;
}
.index14 .s_boxLink {
  display: block;
  min-height: 90px;
}

.s_boxTxtWrap {
  padding: 0 0 0 100px;
}

.p0-10-10 {
  padding: 0 10px 10px;
}

/*//detail*/
/* //--scheduleBox-- */
/* photocolle */
div.ptColleWrp .ui-li .ui-btn-inner a.ui-link-inherit {
  margin: 0;
  padding: 0 40px 0 10px;
}

#index14 div.container div.block #topPhotocolle li {
  position: relative;
  float: none;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}
#index14 div.container div.block #topPhotocolle li img {
  display: block;
  width: 122px;
  height: 122px;
  margin: 0 auto;
}
#index14 div.container div.block #topPhotocolle li img.goodImg {
  display: inline;
  width: 14px;
  height: 15px;
}
#index14 div.container div.block #topPhotocolle div.holding_photo2 li {
  display: block;
  margin: 0;
  padding: 5px 0 5px 5px;
  border-bottom: none;
}
#index14 div.container div.block #topPhotocolle div.holding_photo2 li:hover {
  background-color: #fff;
}

div#topPhotocolle div.photodetail td.hyouka {
  padding: 0 10px 0 5px;
  vertical-align: top;
}
div#topPhotocolle .ui-btn-corner-all {
  border-radius: 10px;
}

/* /photocolle */
#hb_mm.ui-content {
  overflow-x: visible;
  padding: 0 !important;
}

/*active*/
/*ios6*/
#index14 div.content div.container,
#index14 #footer,
#index14 .owl-theme .owl-controls .owl-page,
#index14 .index14newsDate,
#index14 div.header nav ul.ui-grid-c {
  -webkit-transform: translate3d(0, 0, 0);
}

.ui-panel-animate.ui-panel-content-wrap {
  -webkit-transform: inherit;
}

/* /2014 topPage
------------------------------------------*/
/* category banner
--------------------------------------------------------- */
#index14 div.container div.block .ctgList li.ctgBnr {
  height: auto;
}
#index14 div.container div.block .ctgList li.ctgBnr a {
  height: auto;
}
#index14 div.container div.block .ctgList li.ctgBnr a img {
  width: 100%;
  max-width: 160px;
  height: auto;
}

/* /category banner
--------------------------------------------------------- */
/* address family
--------------------------------------------------------- */
.delete {
  position: relative;
}
.delete a {
  position: absolute;
  z-index: 1;
  top: -1px;
  right: 0;
  width: 25%;
  margin: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0;
  border-radius: 0 0 0 0;
}
.delete a.single {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 25%;
  margin: 0;
  -webkit-border-radius: 0 7.2px 7.2px 0;
  -moz-border-radius: 0 7.2px 7.2px 0;
  border-radius: 0 7.2px 7.2px 0;
}
.delete a.first-child {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 25%;
  margin: 0;
  -webkit-border-radius: 0 7.2px 0 0;
  -moz-border-radius: 0 7.2px 0 0;
  border-radius: 0 7.2px 0 0;
}
.delete a.last-child {
  position: absolute;
  z-index: 1;
  top: -1px;
  right: 0;
  width: 25%;
  margin: 0;
  -webkit-border-radius: 0 0 7.2px 0;
  -moz-border-radius: 0 0 7.2px;
  border-radius: 0 0 7.2px 0;
}

/* /address family
--------------------------------------------------------- */
/* login
----------------------------------------------------------*/
/* micro clearfix */
.cf {
  zoom: 1;
}
.cf:before {
  display: table;
  content: ' ';
}
.cf:after {
  display: table;
  clear: both;
  content: ' ';
}

/* micro clearfix */
/* properties */
#subscribing {
  font-size: 14px;
}
#subscribing .mb10 {
  margin-bottom: 10px;
}
#subscribing .mb15 {
  margin-bottom: 15px;
}
#subscribing .mb20 {
  margin-bottom: 20px;
}
#subscribing .mb40 {
  margin-bottom: 40px;
}
#subscribing .pb0,
#subscribing p {
  padding-bottom: 0;
}
#subscribing .headline01 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-width: 0 0 2px;
  border-style: solid;
}
#subscribing .headline01.color4 {
  border-color: #f60;
}
#subscribing .largeBtnWrap {
  line-height: 0;
  margin: 0 15px 20px;
  text-align: center;
}
#subscribing .largeBtnWrap img {
  width: 100%;
  max-width: 317px;
  height: auto;
}
#subscribing .about {
  margin: 0 15px 10px;
  background-color: #f7f5f5;
}
#subscribing .about h3 {
  margin-bottom: 0;
  padding: 10px 0 0;
  text-align: center;
}
#subscribing .about ul {
  width: 96.8%;
  padding: 10px 1.6%;
  list-style: none;
}
#subscribing .about ul li {
  float: left;
  width: 32.2%;
  margin-right: 1.7%;
}
#subscribing .about ul li:last-child {
  margin-right: 0;
}
#subscribing .about ul li p {
  padding: 5px 0;
}
#subscribing .about ul li .text {
  font-size: 10px;
  line-height: 1.5;
  height: 100%;
  min-height: 45px;
  text-align: center;
  color: #fff;
}
#subscribing .about ul li .text.color1 {
  background-color: #f30;
}
#subscribing .about ul li .text.color3 {
  background-color: #09f;
}
#subscribing .about ul li .text.color5 {
  background-color: #93c000;
}
#subscribing .about ul li .imgWrp {
  text-align: center;
  background-color: #fff;
}
#subscribing .about ul li .imgWrp img {
  width: 100%;
  max-width: 90px;
  height: auto;
}

/* /properties */
/* reset */
/* /reset */
/* input */
/* /input */
/* /login
----------------------------------------------------------*/
/* alert
-----------------------------------------------------------
---------------------------------------------------------*/
div#header div#alert {
  position: relative;
  margin: 10px;
  padding: 10px;
  border: 2px solid #666;
  border-radius: 5px;
  background-color: #fff;
}
div#header div#alert:before {
  position: absolute;
  z-index: 1;
  bottom: -6px;
  left: 30px;
  display: block;
  width: 0;
  content: '';
  border: 8px solid transparent;
  border-top-color: #fff;
  border-bottom-width: 0;
}
div#header div#alert:after {
  position: absolute;
  bottom: -8px;
  left: 30px;
  display: block;
  width: 0;
  content: '';
  border: 8px solid transparent;
  border-top-color: #666;
  border-bottom-width: 0;
}
div#header div#alert span.noshadow {
  text-shadow: none;
}

/* /alert
-----------------------------------------------------------
---------------------------------------------------------*/
/* tameCyoufukuAlart
-----------------------------------------------------------
---------------------------------------------------------*/
.tameNumberCaution {
  font-size: 14px;
  margin: 10px;
  padding: 1em;
  border-radius: 5px;
  background: #fcc;
}

/* /tameCyoufukuAlart
-----------------------------------------------------------
---------------------------------------------------------*/
/* attentionAccordion
-----------------------------------------------------------
---------------------------------------------------------*/
.cf {
  zoom: 1;
}
.cf:before {
  display: table;
  content: ' ';
}
.cf:after {
  display: table;
  clear: both;
  content: ' ';
}

.attentionAccordion {
  margin-top: 10px;
}
.attentionAccordion img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.attentionAccordion ul {
  padding-left: 1em;
  list-style-type: none;
}
.attentionAccordion li {
  margin-bottom: .5em;
  list-style: outside disc;
  border-bottom: 1px dotted #b8bdc3;
}
.attentionAccordion .header {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  border: 1px solid #b8bdc3;
  background-color: #d4d9dd;
}
.attentionAccordion .header .icon {
  position: absolute;
  top: 50%;
  left: 5px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-width: 1px;
  border-style: solid;
  border-color: #6e8499;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.attentionAccordion .header .icon:after {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 0;
  height: 0;
  margin-top: -5px;
  content: '';
  border: 5px solid transparent;
  border-left: 8px solid #6e8499;
}
.attentionAccordion .header .icon.open:after {
  top: 50%;
  left: 4px;
  margin-top: -3px;
  border-top: 8px solid #6e8499;
  border-left: 5px solid transparent;
}
.attentionAccordion .header .heading {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-left: 30px;
  color: #464646;
}
.attentionAccordion .attentionContainer {
  font-size: 12px;
  display: none;
  padding: 10px;
  color: #464646;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #b8bdc3;
  background-color: #fff;
}
.attentionAccordion .attentionContainer table.set__table {
  font-size: 12px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-color: #ddd;
}
.attentionAccordion .attentionContainer table.set__table caption {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  color: #333;
}
@media only screen and (max-width: 640px) {
  .attentionAccordion .attentionContainer table.set__table caption {
    text-align: center;
  }
}
.attentionAccordion .attentionContainer table.set__table th,
.attentionAccordion .attentionContainer table.set__table td {
  padding: 0 0.5em;
  vertical-align: top;
  border: 1px solid #ddd;
}
.attentionAccordion .attentionContainer table.set__table th {
  text-align: left;
  white-space: nowrap;
  background-color: #f5f5f5;
}
.attentionAccordion .attentionContainer table.set__table td {
  background-color: #fff;
}
.attentionAccordion .attentionContainer table.set__table .quantity {
  text-align: right;
  width: 3.2em;
}
.attentionAccordion .attentionContainer table.set__table:last-child {
  margin-bottom: 0;
}
.attentionAccordion .attentionContainer .heading {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}
.attentionAccordion .attentionContainer .lists {
  font-size: 12px;
  margin-left: 1em;
}
.attentionAccordion .attentionContainer .lists li {
  text-indent: -1em;
}
.attentionAccordion .attentionContainer p {
  font-size: 12px;
}
.attentionAccordion:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 640px) {
  .attentionAccordion .attentionContainer .lists {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .attentionAccordion .attentionContainer p {
    font-size: 12px;
  }
}
.lt-ie8 .attentionAccordion .attentionContainer {
  display: block;
}
.lt-ie8 .attentionAccordion .header .trigger {
  display: none;
}

.quickBtn {
  font-weight: 700;
  position: fixed;
  z-index: 9999;
  bottom: -112px;
  left: 50%;
  display: block;
  float: right;
  box-sizing: border-box;
  width: 960px;
  margin: 0 auto;
  margin-left: -480px;
  padding: 15px 20px 10px;
  text-align: left;
  vertical-align: middle;
  color: #222;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  border-radius: 5px 5px 0 0;
  background-color: #e8e8e8;
  -webkit-box-shadow: offset 2px 1px 1 #333;
  box-shadow: offset 2px 1px 1 #333;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* /attentionAccordion
-----------------------------------------------------------
---------------------------------------------------------*/
/* side_internal_nav
-----------------------------------------------------------
---------------------------------------------------------*/
.cf {
  zoom: 1;
}
.cf:before {
  display: table;
  content: ' ';
}
.cf:after {
  display: table;
  clear: both;
  content: ' ';
}

/* /side_internal_nav
-----------------------------------------------------------
---------------------------------------------------------*/
/* top photocolle good button
---------------------------------------------------------*/
#index14 div.container div.block #topPhotocolle li img.ico {
  display: inherit;
  width: 14px;
  height: 15px;
  margin: 2px 0 0;
  vertical-align: top;
}

/* /top photocolle good button
---------------------------------------------------------*/
/* /detail/tamesu2.php select address for delivery
---------------------------------------------------------*/
.deliveryList {
  list-style: none;
}
.deliveryList > li {
  margin: 0 2.0833% 20px;
  padding: 10px 2.1786%;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.deliveryList table {
  line-height: 2;
  width: 100%;
  margin-bottom: 10px;
}
.deliveryList th {
  font-weight: 400;
  text-align: right;
}
.deliveryList th.heading {
  font-weight: 700;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}

/* /detail/tamesu2.php select address for delivery
---------------------------------------------------------*/
/* attention
-----------------------------------------------------------
---------------------------------------------------------*/
.attention02 {
  font-size: 11px;
  line-height: 30px;
  margin-right: 10px;
  margin-left: 10px;
  padding-left: 10px;
  color: #e70033;
  border-left: 6px solid #e70033;
  background-color: #fce6eb;
}

/* /attention
-----------------------------------------------------------
---------------------------------------------------------*/
.btn-col-2 {
  width: 48%;
}

.l-container__mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.arrow {
  right: 20px;
  top: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-style: solid;
  margin-top: -7px;
  position: absolute;
}
.arrow.arrow--white {
  border-color: #fff;
}
.arrow.arrow--right {
  border-width: 2px 2px 0 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.arrow--down {
  border-width: 0px 2px 2px 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.badge {
  display: inline-block;
  padding: 4px;
  min-width: 10px;
  height: 10px;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 9px;
  text-shadow: none;
}

.badge-pill {
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 9px;
}

.badge-danger {
  background-color: #FF1300;
}

.badge-2 {
  display: inline-block;
  padding: 4px;
  min-width: 10px;
  height: 10px;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 9px;
  text-shadow: none;
}

.badge-pill-2 {
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 9px;
}

.badge-danger-2 {
  background-color: #FF1300;
}

.heading.heading-bdl {
  font-size: 16px;
  font-weight: bold;
  background-color: #eeeeee;
  color: #1b1b1b;
  border-width: 0 0 0 5px;
  border-style: solid;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: .5em;
}
.heading.heading-bdl.heading-bdl-light-green {
  border-color: #8BC34A;
}
.heading.heading-bar {
  font-size: 17px;
  line-height: 1;
  padding-top: 7px;
  padding-bottom: 4px;
}
.heading.heading-bar.heading-bar-lignt-green {
  background-color: #8BC34A;
  -moz-box-shadow: #689F38 0 1px 0;
  -webkit-box-shadow: #689F38 0 1px 0;
  box-shadow: #689F38 0 1px 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.hl-border-l {
  border-left: 2px solid #eb6519;
  padding-left: .5em;
  line-height: 1.3;
}

.label {
  font-style: none;
  font-style: normal;
  line-height: 14px;
  padding-right: 5px;
  padding-left: 5px;
  color: #fff;
}
.label.label-office {
  font-size: 10px;
  display: inline-block;
  background-color: #00b594;
}
.label.label-family {
  font-size: 10px;
  display: inline-block;
  background-color: #14b111;
}
.label.label-matomete {
  font-size: 10px;
  display: inline-block;
  text-indent: 0;
  background-color: #a985eb;
}
.label.label-friend {
  font-size: 10px;
  display: inline-block;
  background-color: #e38c10;
}
.label.label-repeat {
  font-size: 10px;
  display: inline-block;
  background-color: #524d50;
}
.label.label-tame {
  background-color: #1b94d2;
}
.label.label-mora {
  background-color: #e74224;
}
.label.label-repo {
  background-color: #eb651a;
}
.label.label-mynews {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.label.label-mynews.label-mynews-sipping {
  color: #FFFFFF;
  background-color: #03A9F4;
}
.label.label-mynews.label-mynews-review {
  color: #FFFFFF;
  background-color: #E91E63;
}
.label.label-mynews.label-mynews-point {
  color: #000000;
  background-color: #FFC107;
}
.label.label-mynews.label-mynews-good {
  color: #000000;
  background-color: #FFC107;
}

.itemicon.itemIcoOrg {
  background: #fe5b03;
}
.itemicon.itemIcoRed {
  background: #e50101;
}
.itemicon.itemIcoGry {
  background: #666;
}
.itemicon.itemIcoYlw {
  background: #ffa200;
}
.itemicon.itemIcoBlu {
  background: #4175e0;
}
.itemicon.itemIcoGrn {
  background: #62ac02;
}
.itemicon.itemIcoEmr {
  background: #0acc86;
}
.itemicon.itemIcoSky {
  background: #5695f3;
}
.itemicon.itemIcoTame {
  background: #319be3;
}
.itemicon.itemIcoMora {
  background: #f25932;
}
.itemicon.itemIcoRepo, .itemicon.itemIcoPhoto {
  background: #ff7e00;
}
.itemicon.itemIcoSpLimit {
  background: #0dc5e6;
}
.itemicon.itemIcoPet {
  background: #977842;
}
.itemicon.itemIcoblue {
  background: #36f;
}

/* A
------------------------------ */
.addition {
  font-size: 10px;
}
.addition ul {
  list-style: none;
  margin-left: 1em;
}
.addition ul li {
  text-indent: -1em;
}

/* /A
------------------------------ */
/* B
------------------------------ */
.balloon {
  background-color: #e5e5e5;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  font: 12px;
  color: #525151;
  position: relative;
  margin-bottom: 20px;
}
.balloon:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #e5e5e5 transparent transparent transparent;
  left: 50%;
  margin-left: -5px;
  bottom: -10px;
}

.bdbStyle01 {
  border-bottom: 1px solid #ccc;
}

.btn.btn01 {
  text-align: center;
  position: relative;
  background-color: #eee;
  border-width: 1px 0 1px;
  border-style: solid;
  border-color: #ccc transparent #fff;
  line-height: 40px;
  padding-left: 38px;
  padding-right: 38px;
  display: block;
  font-weight: normal;
  font-size: 15px;
  color: #434343;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  margin-bottom: 0;
}
.btn.btn01:last-child {
  margin-bottom: 10px;
}
.btn.btn01:hover {
  background-color: #f8f8f8;
}
.btn.btn01:link, .btn.btn01:active, .btn.btn01:hover, .btn.btn01:visited {
  color: #434343;
}
.btn.btn01:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/s/js/jqm/images/icons-18-white.png);
  background-repeat: no-repeat;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -9px;
  z-index: 1;
  right: 10px;
  width: 18px;
  height: 18px;
  background-position: -108px -1px;
}
.btn.bdb {
  border-bottom: 1px solid #ccc;
}
.btn.btn-long-text {
  text-align: left;
  border-radius: initial;
  box-sizing: border-box;
  background-color: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  font-weight: normal;
  font-size: 15px;
  color: #434343;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btn.btn-long-text:hover {
  background-color: #f8f8f8;
}
.btn.btn-long-text:link, .btn.btn-long-text:active, .btn.btn-long-text:hover, .btn.btn-long-text:visited {
  color: #434343;
}

button.btn01 {
  width: 100%;
  display: inline;
}

.btnRakutenSp {
  border: none !important;
  background-color: transparent !important;
  margin-top: 10px;
}

.bx-slider {
  background-color: #ffff66;
}
.bx-slider .bx-wrapper {
  padding-left: 34px;
  padding-right: 34px;
  margin-bottom: 40px;
}
.bx-slider .bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
  background: none;
}
.bx-slider .bx-wrapper .bx-viewport img {
  display: inline;
}
.bx-slider .bx-wrapper .bx-controls-direction .bx-prev {
  left: 5px;
  background-size: 72px;
  background-position: 0 0;
}
.bx-slider .bx-wrapper .bx-controls-direction .bx-next {
  right: 5px;
  background-size: 72px;
  background-position: -32px 0;
}
.bx-slider .bx-wrapper .bx-controls-direction a {
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.bx-slider a {
  line-height: 40px;
  display: block;
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}
.bx-slider a:link, .bx-slider a:active, .bx-slider a:visited, .bx-slider a:hover {
  color: #000;
  font-weight: normal;
}
.bx-slider .bx-pager {
  left: 0;
  top: 34px;
  padding-top: 10px;
}
.bx-slider .bx-pager.bx-default-pager a {
  margin-left: 10px;
  margin-right: 10px;
}

/* /B
------------------------------ */
/* C
------------------------------ */
/* container */
.container01 {
  margin-left: 10px;
  margin-right: 10px;
}

.container02 {
  margin-left: 15px;
  margin-right: 15px;
}

.container-03 {
  padding: 20px;
}

/* /container */
/* .categorySelecter */
.categorySelecter {
  background-color: #f3eeda;
  position: relative;
  padding: 10px 10px 10px 106px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.categorySelecter p {
  position: absolute;
  left: 10px;
  top: 10px;
  line-height: 34px;
}
.categorySelecter .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* /.categorySelecter */
/* /C
------------------------------ */
/* F
------------------------------ */
/* firstV-modal
-------------------------------*/
.firstV-modal {
  position: fixed;
  top: 10%;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  z-index: 100;
}
@media (min-width: 400px) {
  .firstV-modal {
    width: 400px;
    margin-left: -200px;
  }
}
.firstV-modal .firstV-modalContents {
  padding: 3px;
  -moz-box-shadow: 5px 5px 10px #333;
  -webkit-box-shadow: 5px 5px 10px #333;
  box-shadow: 5px 5px 10px #333;
  border-radius: 5px;
  background-color: #fff;
  padding-bottom: 20px;
  position: relative;
}
.firstV-modal .firstV-modalContents h4 img {
  width: 100%;
  height: auto;
}
.firstV-modal .firstV-modalContents > div {
  padding: 20px 10px;
  font-size: 13px;
}
.firstV-modal .btnWrapper {
  max-width: 230px;
  width: 80%;
  margin: 0 auto;
}
.firstV-modal .btnWrapper img {
  width: 100%;
  height: auto;
}
.firstV-modal .btnWrapper a:hover {
  opacity: 0.9;
}
.firstV-modal mark {
  background-color: #fffa99;
  font-style: normal;
}
.firstV-modal .modalClose {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.firstV-modal .modalClose img {
  width: 100%;
  height: auto;
}

#overlay02 {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  height: 150%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
}

/* /firstV-modal
-------------------------------*/
/* /F
------------------------------ */
/* H
------------------------------ */
.hgroup {
  border-width: 0 0 2px;
  border-style: solid;
  padding-left: 40px;
  background-size: 25px;
  background-repeat: no-repeat;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
  background-position: 5px center;
  padding-right: 10px;
}
.hgroup.tame {
  border-color: #3b98d4;
  background-image: url(https://image.moratame.net/img2014/icons/ico13.png);
}
.hgroup.mora {
  border-color: #e73a17;
  background-image: url(https://image.moratame.net/img2014/icons/ico12.png);
}
.hgroup.photocolle {
  border-color: #8bbc00;
  background-image: url(https://image.moratame.net/img2014/icons/ico17.png);
}
.hgroup.repo {
  border-color: #eb6519;
  background-image: url(https://image.moratame.net/img2014/icons/ico14.png);
}
.hgroup .page-header {
  font-size: 16px;
  font-weight: bold;
  float: left;
}
.hgroup .count {
  font-size: 12px;
  float: right;
  line-height: 20px;
}
.hgroup .count .number {
  color: #e70033;
}

/* /H
------------------------------ */
/* I
------------------------------ */
/* /I
------------------------------ */
/* J
------------------------------ */
/* /J
------------------------------ */
/* L
------------------------------ */
.label {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 .2em;
  line-height: 14px;
}
.label.label-office {
  background-color: #00b594;
}
.label.label-family {
  background-color: #14b111;
}
.label.label-friend {
  background-color: #e38c10;
}
.label.label-repeat {
  background-color: #524d50;
}

/* /L
------------------------------ */
/* P
------------------------------ */
/* /P
------------------------------ */
/* R
------------------------------ */
.commentList .reviews {
  border-top: none;
}

body .reviews .ico {
  line-height: 1;
}

.reviews {
  border-top: 1px solid #ccc;
}
.reviews li {
  padding-left: 60px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  min-height: 48px;
  border-bottom: 1px solid #ccc;
  list-style: none;
}
.reviews li.withBtn {
  padding-right: 167px;
}
@media only screen and (max-width: 480px) {
  .reviews li.withBtn {
    padding-right: 0;
  }
}
.reviews li > img {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 5px;
  top: 5px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}
.reviews li > .btns {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
@media only screen and (max-width: 480px) {
  .reviews li > .btns {
    position: inherit;
  }
}
.reviews li .ui-controlgroup, .reviews li fieldset.ui-controlgroup {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .reviews li .ui-controlgroup, .reviews li fieldset.ui-controlgroup {
    margin-top: 10px;
  }
}
.reviews li .goodCount {
  display: inline;
}
.reviews li .goodCount .counter {
  display: inline-block;
  min-width: 10px;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #d9534f;
  border-radius: 10px;
  margin-left: 0.5em;
}
.reviews .ui-link {
  font-weight: normal;
}
.reviews .ui-link:link, .reviews .ui-link:visited, .reviews .ui-link:active, .reviews .ui-link:hover {
  color: #333;
}

.reviews .ico, .reviewspersonal .ico {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 10px;
  color: #fff;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
}
.reviews .ico.tb, .reviewspersonal .ico.tb {
  background-color: #5cb85c;
}
.reviews .ico.cmt, .reviewspersonal .ico.cmt {
  background-color: #f0ad4e;
}
.reviews .ico.tw, .reviewspersonal .ico.tw {
  background-color: #5bc0de;
}
.reviews .ico.fb, .reviewspersonal .ico.fb {
  background-color: #337ab7;
}

div.content .reviews h2 {
  font-weight: normal;
}
div.content .reviews h2 .ico {
  font-weight: normal;
}

.grayFlatLink {
  background: #eee;
  font-size: 14px;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: .5em;
  display: block;
}

.phototumb > div {
  display: inline-block;
  padding-right: 5px;
}
.phototumb img {
  height: 5rem;
  width: auto;
}

.cmt-photoWrapper li {
  list-style: none;
  box-shadow: 1px 1px 3px #999;
  margin-left: auto;
  margin-right: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
}
.cmt-photoWrapper img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.cmt-photoWrapper h2 {
  font-weight: bold;
  font-size: 1.2em;
  padding: .5em;
}

.reviewspersonal {
  font-size: 1.2em;
}

.c_gray {
  color: #999;
}

.reviews-new li {
  position: relative;
  padding: 15px;
  min-height: 48px;
  border-top: 1px solid #ccc;
}
.reviews-new .userinfo {
  margin-bottom: 8px;
}
.reviews-new .ico-user {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}
.reviews-new .ico-user img {
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.reviews-new .reviews-img {
  margin-bottom: 8px;
}
.reviews-new .btn-good {
  display: block;
  color: #e74224;
  font-size: 16px;
  text-align: right;
  cursor: pointer;
}
.reviews-new .ico-good {
  font-size: 1.3em;
  vertical-align: text-top;
}
.reviews-new .ico {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 0.5em;
  padding: 0.1em 0.7em;
  color: #fff;
  font-size: 10px;
}
.reviews-new .ico.tb {
  background-color: #5cb85c;
}
.reviews-new .ico.cmt {
  background-color: #f0ad4e;
}
.reviews-new .ico.tw {
  background-color: #5bc0de;
}
.reviews-new .ico.fb {
  background-color: #337ab7;
}

.mo-recommendedBlog {
  background-color: #eeeeee;
  padding-bottom: 10px;
  padding-top: 10px;
}
.mo-recommendedBlog .heading {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: bold;
}
.mo-recommendedBlog .pickupCol {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.mo-recommendedBlog .pickupCol .pickupCol__row {
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
}
.mo-recommendedBlog .pickupCol .pickupCol__col {
  float: left;
  max-width: 33.33333%;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
}
.mo-recommendedBlog .pickupCol .row-pickups {
  list-style: none;
}
.mo-recommendedBlog .pickupCol .pickup {
  background-color: #fff;
  margin-bottom: 8px;
  padding-top: 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px 0;
  padding-top: 0;
}
.mo-recommendedBlog .pickupCol .pickup .userName {
  font-size: 10px;
  color: #626262;
}
.mo-recommendedBlog .pickupCol .pickup .itemInfo {
  padding: 5px;
}
.mo-recommendedBlog .pickupCol .pickup img {
  width: 100%;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

#index14 div.container div.block .mo-recommendedBlog li img {
  width: 100%;
  max-width: 120px;
  height: auto;
}

#index14 div.container div.block .mo-recommendedBlog li {
  padding-top: 0;
}

/* /R
------------------------------ */
/* T
------------------------------ */
/* /T
------------------------------ */
/* J
------------------------------ */
/* /J
------------------------------ */
/* U
------------------------------ */
.ui-li-heading {
  font-weight: normal;
}

.ui-li-desc {
  font-weight: normal;
  margin: 0;
}

/* /U
------------------------------ */
.thumbnail-comment {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}
.thumbnail-comment li {
  padding-left: initial;
  padding-right: initial;
  padding-top: initial;
  padding-bottom: initial;
  min-height: initial;
  border-bottom: initial;
  list-style-image: none;
  background-color: #ddd;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.thumbnail-comment li:before {
  content: initial;
}
.thumbnail-comment li:after {
  content: initial;
}
.thumbnail-comment li img {
  width: initial;
  height: initial;
  position: initial;
  left: initial;
  top: initial;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: initial;
}

.comment-single-thumbnails-wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.comment-single-thumbnails-wrap .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}
.comment-single-thumbnails-wrap .thumbnail-wrap {
  overflow: hidden;
  height: 320px;
  position: relative;
}
.comment-single-thumbnails-wrap .thumbnail-wrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 640px;
  max-width: 640px;
  margin-left: -320px;
  margin-top: -75%;
}

.fancybox-outer .fancybox-next span {
  visibility: visible;
}
.fancybox-outer .fancybox-prev span {
  visibility: visible;
}

.history-list li {
  padding: 5px;
  border-top: 1px solid #ccc;
  font-size: 12.5px;
  list-style: none;
}
.history-list li:last-child {
  margin-bottom: 1px solid #ccc;
}
.history-list li a {
  text-decoration: underline;
}
.history-list li .history-thumb {
  width: 80px;
  float: left;
  margin-right: 10px;
}
.history-list li .history-txt {
  margin-left: 90px;
}
.history-list li .history-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.history-list li .btn-amazon-affi {
  margin-top: 5px;
  display: block;
  max-width: 218px;
}
.history-list li .btn-amazon-affi img {
  width: 100%;
}
.history-list .clearfix:after {
  content: "";
  clear: both;
  display: block !important;
}

.p-about-icon h3 {
  font-weight: normal;
}
.p-about-icon ul {
  list-style: none;
}

.category-lists {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
}
@media only screen and (min-width: 960px) {
  .category-lists {
    max-width: 960px;
  }
}
@media only screen and (min-width: 960px) {
  .category-lists {
    width: 960px;
  }
}
.category-lists li {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .category-lists li {
    width: 50%;
  }
}
@media only screen and (min-width: 800px) {
  .category-lists li {
    width: 33.33333%;
  }
}

.category-list {
  font-size: 16px;
  line-height: 16px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 27px 20px;
  color: #303030;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.category-list.category-list--food {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--food.png);
}
.category-list.category-list--diet {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--diet.png);
}
.category-list.category-list--pet {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--pet.png);
}
.category-list.category-list--cosme {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--cosme.png);
}
.category-list.category-list--family {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--family.png);
}
.category-list.category-list--group {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--friend.png);
}
.category-list.category-list--book {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--book.png);
}
.category-list.category-list--office {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--office.png);
}
.category-list.category-list--drink {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--drink.png);
}
.category-list.category-list--kids {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--kids.png);
}
.category-list.category-list--stationary {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--stationary.png);
}
.category-list.category-list--mailOrder {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--mail-order.png);
}
.category-list.category-list--Other {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--other.png);
}
.category-list.category-list--necessaries {
  background-image: url(//image.moratame.net/s/img/detail/cat-bg--necessaries.png);
}

.p-detail-thumbnail {
  font-size: 0;
  position: relative;
  max-width: 160px;
  margin-right: auto;
  margin-left: auto;
}
.p-detail-thumbnail .c-icon--favorite {
  position: absolute;
  right: -29px;
  bottom: 24px;
}

/* drawerMenuInit */
#build-menu-page {
  position: relative;
  left: 0;
  background-color: #fff;
}

#build-menu {
  position: static;
  z-index: 0;
  top: 0;
  left: 0;
  display: none;
  visibility: visible;
  float: right;
  overflow-y: auto;
  width: 240px;
  height: 100%;
  padding: 10px 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}

.build-menu-animating #build-menu-page {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
}
.build-menu-animating.build-menu-close #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  -o-transition: -o-transform 250ms;
  transition: transform 250ms;
}
.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  -o-transition: -o-transform 250ms;
  transition: transform 250ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.build-menu-animating #build-menu {
  display: block;
}

.build-menu-open #build-menu {
  display: block;
  -webkit-transition: -webkit-transform 250ms,opacity 250ms,visibility 0 250ms;
  -moz-transition: -moz-transform 250ms,opacity 250ms,visibility 0 250ms;
  -ms-transition: -ms-transform 250ms,opacity 250ms,visibility 0 250ms;
  -o-transition: -o-transform 250ms,opacity 250ms,visibility 0 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0 250ms;
  -webkit-transition-delay: 0ms,0ms,0;
  -moz-transition-delay: 0ms,0ms,0;
  -ms-transition-delay: 0ms,0ms,0;
  -o-transition-delay: 0ms,0ms,0;
  transition-delay: 0ms, 0ms, 0;
}

.build-menu-close #build-menu {
  -webkit-transition: -webkit-transform 250ms,opacity 250ms,visibility 0 250ms;
  -moz-transition: -moz-transform 250ms,opacity 250ms,visibility 0 250ms;
  -ms-transition: -ms-transform 250ms,opacity 250ms,visibility 0 250ms;
  -o-transition: -o-transform 250ms,opacity 250ms,visibility 0 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0 250ms;
}

/*//drawerMenuInit*/
/*drawerMenuContents*/
/*jqm*/
.ui-panel-inner {
  margin: 0;
  padding: 10px 0 0;
  background-color: #c9cab7;
}

.ui-panel {
  width: 240px;
  background-color: #c9cab7;
}

.ui-panel-position-right.ui-panel-display-overlay {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
}

.ui-panel h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 2px 10px;
  color: #fff;
  text-shadow: none;
}

div.ui-panel a.ui-link {
  font-weight: 400;
}

/*//jqm*/
#build-menu {
  background-color: #c9cab7;
}
#build-menu h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 10px 0 2px 10px;
  color: #fff;
  text-shadow: none;
}
#build-menu a {
  text-shadow: none;
}
#build-menu p img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.drwMnNav1 {
  line-height: 1.2;
  margin: 10px 0;
  padding: 0 10px;
  list-style-type: none;
}
.drwMnNav1 li {
  position: relative;
  width: 30%;
  height: 66px;
  text-align: center;
  background-color: #fafafa;
}
.drwMnNav1 li .badge {
  position: absolute;
  top: -5px;
  left: -5px;
}
.drwMnNav1 a {
  display: block;
  width: 100%;
  height: 100%;
}

.m0-5p-0-0 {
  margin: 0 5% 0 0;
}

.pos-at1 {
  top: -3px;
  right: -3px;
  padding: 2px 0 0;
}

.pos-at2 {
  top: 10px;
  left: -8px;
  padding: 0;
}

.hrList {
  margin: 0;
  padding: 0;
  border: none;
  border-top: #9d9e8f solid 1px;
  border-bottom: #e2e3ce solid 1px;
}

.drawerMenuLink {
  display: block;
}

.drwMnNavList {
  padding: 0;
  list-style-type: none;
  background-color: #fafafa;
}
.drwMnNavList li {
  position: relative;
  border-bottom: 1px solid #c9cab7;
}
.drwMnNavList li:active {
  background-color: transparent;
}
.drwMnNavList li:last-child {
  border: none;
}
.drwMnNavList li .badge {
  position: absolute;
  top: -5px;
  left: -5px;
}

/*--jqm--*/
div.ui-panel .drwMnNavList a {
  font-size: 14px;
  font-weight: 400;
  display: block;
  padding: 10px;
  color: #333;
  background: url(https://image.moratame.net/images/common/arrow_right.png) no-repeat 94% center;
  -webkit-background-size: 10px 15px;
  -moz-background-size: 10px 15px;
  -o-background-size: 10px 15px;
  background-size: 10px 15px;
  -ms-background-size: 10px 15px;
}
div.ui-panel .drwMnNavList a:hover, div.ui-panel .drwMnNavList a:active {
  color: #333;
}

/*panel-width*/
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  right: 0;
  -webkit-transform: translate3d(240px, 0, 0);
  -moz-transform: translate3d(240px, 0, 0);
  -ms-transform: translate3d(240px, 0, 0);
  -o-transform: translate3d(240px, 0, 0);
  transform: translate3d(240px, 0, 0);
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
  right: 0;
  left: 0;
  -webkit-transform: translate3d(-240px, 0, 0);
  -moz-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
  right: 0;
  left: 0;
  -webkit-transform: translate3d(-240px, 0, 0);
  -moz-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}

.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
  right: 240px;
  left: -240px;
}

.ui-panel-content-wrap {
  overflow: hidden;
}

/*--//jqm--*/
.drwMnCtg {
  line-height: 1.2;
  overflow: hidden;
  width: 220px;
  margin: 0 10px 10px;
  padding: 0;
  list-style-type: none;
  background-color: #fafafa;
}
.drwMnCtg li {
  float: left;
  height: 73px;
  text-align: center;
}
.drwMnCtg a {
  display: block;
  width: 100%;
  height: 100%;
}
.drwMnCtg li.type1 {
  width: 73px;
}
.drwMnCtg li.type2 {
  width: 72px;
}
.drwMnCtg li.type3 {
  width: 50%;
  height: 65px;
  padding: 0 5px;
}

.drwMnCtgBdrb {
  border-right: 1px solid #c9cab7;
  border-bottom: 1px solid #c9cab7;
}

.drwMnCtgBdb {
  border-bottom: 1px solid #c9cab7;
}

.drwMnCtgBdr {
  border-right: 1px solid #c9cab7;
}

.c-newCstm {
  color: #f25932;
}

/* //drawerMenuContents*/
.p-drawer-menu__favorite__block {
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.p-drawer-menu__favorite img {
  max-width: 58px;
  float: left;
  margin-right: 10px;
}
.p-drawer-menu__favorite .c-icon--chevron-right {
  font-size: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 10px;
  color: #fff;
  line-height: 0;
}

.p-global-nav__wrapper {
  height: 43px;
}

.p-global-nav {
  border-bottom: 1px solid #d2d2d2;
  background-color: #fff;
}

.p-global-nav--sticky {
  position: fixed;
  z-index: 1;
  top: 0;
  width: 100%;
}

.p-global-nav__slider {
  width: 636px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.p-global-nav__slider > * {
  -webkit-transform: translateZ(0px);
}

.p-global-nav__slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}

.p-global-nav__unit {
  display: inline-block;
}

.p-global-nav__unit:first-child {
  margin: 0;
}

.p-global-nav__menu {
  font-size: 14px;
  line-height: 14px;
  box-sizing: border-box;
  height: 42px;
  padding: 14px 7px;
}
.p-global-nav__menu.is-active {
  color: #e74224;
  border-bottom: 3px solid #e74224;
}

#header_banner {
  text-align: center;
}
#header_banner a {
  font-size: 0;
}
#header_banner img {
  width: 100%;
  max-width: 480px;
  height: auto;
  vertical-align: middle;
}

.p-item-list-bar-wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 640px) {
  .p-item-list-bar-wrapper {
    max-width: 640px;
  }
}
@media only screen and (min-width: 960px) {
  .p-item-list-bar-wrapper {
    max-width: 960px;
  }
}

.p-item-list-bar {
  max-width: 960px;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #d2d2d2;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-item-list-bar .c-label-2 {
  position: absolute;
  top: 0;
  right: 10px;
}
.p-item-list-bar a {
  color: #434343;
}

.p-item-list-bar__list {
  position: relative;
  box-sizing: border-box;
  min-height: 102px;
  padding: 5px 5px 5px 101px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #d2d2d2;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .p-item-list-bar__list {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .p-item-list-bar__list {
    float: left;
    width: 33.33333%;
  }
}

.p-item-list-bar__thumbnail-wrap {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 91px;
}
.p-item-list-bar__thumbnail-wrap img {
  width: 100%;
  height: auto;
}

.p-item-list-bar__company-name {
  font-size: 9px;
  line-height: 15px;
}

.p-item-list-bar__item-name {
  font-size: 13px !important;
  font-weight: normal;
  line-height: 16px;
  height: 30px;
}

.p-item-list-bar__dl {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
}
.p-item-list-bar__dl dt,
.p-item-list-bar__dl dd {
  display: inline;
}
.p-item-list-bar__dl dt {
  font-weight: normal;
}
.p-item-list-bar__dl .p-item-list-bar__tax {
  font-size: 10px;
}

.p-item-list-bar__dt-br:before {
  content: '\A';
  white-space: pre;
}

.p-masthead {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px 5px 10px;
  border-bottom: 2px solid #ccc;
}

.p-masthead__col-logo {
  float: left;
  width: 35%;
}

.p-masthead__col-nav {
  float: right;
}

.p-masthead__logo {
  float: left;
}
.p-masthead__logo h1 {
  visibility: hidden;
}
.p-masthead__logo a {
  display: block;
  width: 91px;
  height: 25px;
  margin: 0;
  text-decoration: none;
  background: url(https://image.moratame.net/img2014/s/common/logo_default.png) no-repeat -2px top;
  background-size: 160px;
}

.p-masthead__nav {
  display: table;
  width: auto;
  margin-right: 0;
}

.p-masthead__nav-container {
  line-height: 1;
  position: relative;
  display: table-cell;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
  vertical-align: bottom;
}

.p-masthead__badge {
  position: absolute;
  top: -5px;
  left: -5px;
}

.p-masthead__badge-2 {
  position: absolute;
  top: -5px;
  left: -5px;
}

.p-masthead__first-time {
  font-size: 9px;
}

.p-masthead__soon {
  font-size: 9px;
}

.p-mymenu-premium {
  box-sizing: border-box;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.p-mymenu-premium .p-mymenu-premium__row {
  margin-right: -10px;
  margin-left: -10px;
}
.p-mymenu-premium .p-mymenu-premium__col {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 10px;
  padding-left: 10px;
}
.p-mymenu-premium .p-mymenu-premium__label {
  max-width: 100%;
  height: auto;
}
.p-mymenu-premium .p-mymenu-premium__txt {
  text-align: center;
}
.p-mymenu-premium .p-mymenu-premium__link:link, .p-mymenu-premium .p-mymenu-premium__link:visited {
  text-decoration: underline;
}
.p-mymenu-premium .p-mymenu-premium__link:hover, .p-mymenu-premium .p-mymenu-premium__link:active {
  text-decoration: none;
}

.p-project-lists {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #d2d2d2;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-project-lists img {
  width: 100%;
  height: auto;
}
.p-project-lists li {
  width: 100%;
}
@media only screen and (min-width: 320px) {
  .p-project-lists li {
    float: left;
    width: 33.33333%;
  }
}
@media only screen and (min-width: 480px) {
  .p-project-lists li {
    float: left;
    width: 33.33333%;
  }
}
@media only screen and (min-width: 640px) {
  .p-project-lists li {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 800px) {
  .p-project-lists li {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 960px) {
  .p-project-lists li {
    float: left;
    width: 20%;
  }
}

.p-project-list {
  box-sizing: border-box;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #d2d2d2;
  background-color: #f9f9f9;
}
.p-project-list.p-project-list--mora .sp_top_project_company {
  font-size: 10px;
  line-height: 10px;
  line-height: 1.1;
  overflow: hidden;
  padding-top: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.p-project-list.p-project-list--mora .sp_top_project_sname {
  font-size: 11px;
  line-height: 10px;
  line-height: 1.1;
  overflow: hidden;
  padding-top: 4px;
  white-space: nowrap;
  text-decoration: underline;
  text-overflow: ellipsis;
}

.p-project-lists__thumbnail-wrap {
  position: relative;
}
.p-project-lists__thumbnail-wrap .c-label-2 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.p-project-lists__thumbnail-wrap h2 {
  font-size: 0 !important;
}

.p-project-lists__block {
  position: relative;
  height: 37px;
  padding: 0 5px 5px;
}
.p-project-lists__block .c-icon--favorite {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -12px;
}

.p-project-lists__dl dt {
  font-size: 10px;
  line-height: 10px;
  margin-top: 4px;
  padding-top: 4px;
}
.p-project-lists__dl dd {
  font-size: 12px;
  line-height: 12px;
  margin-top: 6px;
}
@media only screen and (min-width: 480px) {
  .p-project-lists__dl dd {
    font-size: 14px;
    line-height: 14px;
    margin-top: 4px;
  }
}
.p-project-lists__dl.p-project-lists__dl--mora {
  overflow: hidden;
  width: 100%;
}
.p-project-lists__dl.p-project-lists__dl--mora dt {
  float: left;
  width: 50%;
}
.p-project-lists__dl.p-project-lists__dl--mora dd {
  float: left;
  width: 50%;
}
.p-project-lists__dl.p-project-lists__dl--tame {
  overflow: hidden;
  width: 100%;
}
.p-project-lists__dl.p-project-lists__dl--tame dt {
  float: left;
  width: 100%;
}
.p-project-lists__dl.p-project-lists__dl--tame dt.sp_top_project_company {
  font-size: 10px;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.p-project-lists__dl.p-project-lists__dl--tame dt.sp_top_project_sname {
  font-size: 11px;
  line-height: 1.1;
  overflow: hidden;
  padding-top: 0;
  white-space: nowrap;
  text-decoration: underline;
  text-overflow: ellipsis;
}
.p-project-lists__dl.p-project-lists__dl--tame dd {
  float: left;
  width: 100%;
}

.p-project-lists__rest {
  font-size: 10px;
  line-height: 18px;
  width: auto;
  text-align: right;
}
.p-project-lists__rest .p-project-lists__rest__number {
  font-size: 14px;
  color: #e74224;
}

.p-project-lists__tax {
  font-size: 10px;
}

.p-quick-btn {
  font-weight: bold;
  position: fixed;
  z-index: 9999;
  bottom: -112px;
  bottom: 0;
  display: block;
  float: right;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  color: #222;
  border-top: 1px solid #fff;
  background-color: #e8e8e8;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px 0;
}
.p-quick-btn__container {
  position: relative;
  padding-left: 29px;
}
.p-quick-btn__container .c-icon--favorite {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.p-quick-btn__block {
  padding: 5px 15px;
}
.p-quick-btn__row {
  overflow: hidden;
  box-sizing: border-box;
  margin-right: -5px;
  margin-left: -5px;
}
.p-quick-btn__row #trkbk_cmtBtnLeft {
  width: 100%;
}
.p-quick-btn__col {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
}
.p-quick-btn .p-quick-btn__btn--tamesu {
  height: auto;
}
.p-quick-btn__btn--tamesu, .p-quick-btn__btn--kuchikomi {
  padding: 5px;
}
.p-quick-btn__btn--tamesu p, .p-quick-btn__btn--kuchikomi p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  padding: 0;
  text-shadow: none;
}
.p-quick-btn__price {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
}
.p-quick-btn__price__original-price {
  font-size: 1.5em;
  text-decoration: line-through;
}
.p-quick-btn__price__shipping-fee {
  font-size: 2em;
}
.p-quick-btn__shipping-day {
  font-size: 14px;
  padding-top: 5px;
  text-align: center;
  text-shadow: none;
}

.p-todays-moratame {
  font-size: 13px;
  line-height: 1.75;
  position: fixed;
  z-index: 2;
  bottom: 0;
  width: 100%;
}
.p-todays-moratame ul {
  margin-right: auto;
  margin-left: auto;
  list-style: none;
}
.p-todays-moratame .p-todays-moratame__bar {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.p-todays-moratame .p-todays-moratame__bar.p-todays-moratame__bar--border-none {
  border-bottom: none;
}
.p-todays-moratame .p-todays-moratame__bar .p-todays-moratame__bar-inner {
  max-width: 280px;
  margin-right: auto;
  margin-left: auto;
}
.p-todays-moratame a {
  color: black;
}
.p-todays-moratame a:link, .p-todays-moratame a:visited {
  text-decoration: underline;
}
.p-todays-moratame a:active, .p-todays-moratame a:hover {
  text-decoration: none;
}
.p-todays-moratame .p-todays-moratame__ico {
  vertical-align: middle;
}
.p-todays-moratame .p-todays-moratame__heading {
  font-size: 14px;
  font-weight: bold;
  font-weight: normal;
  line-height: 20px;
  margin-right: 20px;
  margin-left: 20px;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  background: #8bbc00;
  text-shadow: none;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}
.p-todays-moratame .p-todays-moratame__block {
  display: none;
  border-top: 3px solid #8bbc00;
  background-color: #fff;
}

/* about
-----------------------------------------------------------
---------------------------------------------------------*/
.about .mb_20 {
  margin-bottom: 20px;
}
.about img {
  width: 100%;
  height: auto;
}
.about li {
  width: 100%;
  margin: 0;
  list-style: none;
}
.about .aboutBgi {
  margin-top: 0;
  margin-bottom: 20px;
  background-image: url(https://image.moratame.net/img2014/contents/about/bg01.png);
  background-repeat: repeat-x;
  background-position: 50% 0;
  background-size: 80px;
}
.about .aboutBgc {
  background-color: #fff;
}
.about .container {
  margin-right: auto;
  margin-left: auto;
}
.about .container .headline1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}
.about .container .catch {
  position: relative;
}
.about .container .catch img {
  height: auto;
}
.about .container .imageWrap img {
  width: 100%;
  height: auto;
}
.about .container .about_pickup-list {
  width: 960px;
  padding-top: 30px;
}
.about .container .about_pickup-list .unit {
  float: left;
  width: 176px;
  margin-right: 20px;
}
.about .container .about_pickup-list .unit.last-child, .about .container .about_pickup-list .unit.nth-child_5 {
  margin-right: 0;
}
.about .container .about_pickup-list .unit .card {
  position: relative;
  padding: 10px;
  cursor: pointer;
  background: #fff;
}
.about .container .about_pickup-list .unit .card.withBorder {
  padding: 5px;
  border: 5px solid #f6e473;
}
.about .container .about_pickup-list .unit .card.noBorder {
  padding: 10px;
}
.about .container .about_pickup-list .unit .card .item img {
  width: 100%;
  height: auto;
}
.about .container .about_pickup-list .unit .card .balloon {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.about .container .about_pickup-list .unit .card .balloon:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  content: ' ';
  border-width: 5px;
  border-style: solid;
}
.about .container .about_pickup-list .unit .card .balloon.mora {
  background-color: #f25932;
}
.about .container .about_pickup-list .unit .card .balloon.mora:after {
  border-color: #f25932 transparent transparent;
}
.about .container .about_pickup-list .unit .card .balloon.tame {
  background-color: #319be3;
}
.about .container .about_pickup-list .unit .card .balloon.tame:after {
  border-color: #319be3 transparent transparent;
}
.about .container .about_pickup-list .unit .card.kuchikomiPostTrigger {
  overflow: hidden;
}
.about .container .about_pickup-list .unit .card.kuchikomiPostTrigger .kuchikomiPost {
  position: absolute;
  top: 177px;
  left: 0;
  width: 120px;
}
.about .container .about_pickup-list .unit .card.kuchikomiPostTrigger .kuchikomiPost a {
  font-size: 17px;
  font-weight: 700;
  line-height: 177px;
  display: block;
  width: 120px;
  height: 177px;
  text-align: center;
  text-decoration: none;
  color: #313131;
  background-color: #fff76a;
  /* ie 8 */
  background-color: rgba(255, 241, 0, 0.6);
  filter: alpha(opacity=70);
  /* ie 6 7 */
  -ms-filter: alpha(opacity=70);
}
.about .container .about_btn {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.about .container .about_btn img {
  width: 100%;
  height: auto;
}
.about .container .dekiru .unit {
  margin-bottom: 20px;
  background-color: #fff;
}
.about .container .dekiru .unit .heading {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
.about .container .dekiru .unit .heading.mora {
  background-color: #e85841;
}
.about .container .dekiru .unit .heading.tame {
  background-color: #2f98dc;
}
.about .container .dekiru .unit .heading.review {
  background-color: #82b81f;
}
.about .container .dekiru .unit .heading.point {
  background-color: #ec6f1c;
}
.about .container .dekiru .unit .heading.event {
  background-color: #f35086;
}
.about .container .dekiru .unit .heading.sns {
  background-color: #4769ca;
}
.about .container .dekiru .unit .body {
  font-size: 14px;
}
.about .container .dekiru .unit .body .upside {
  position: relative;
  padding: 10px 10px 10px 90px;
}
.about .container .dekiru .unit .body .upside .ico {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
}
.about .container .dekiru .unit .body .upside .ico img {
  width: 100%;
  height: auto;
}
.about .contentInfoWrap .contentInfo {
  display: flex;
  margin-top: 20px;
  -webkit-justify-content: flex-end;
  /* Safari */
  justify-content: flex-end;
}
.about .contentInfoWrap .contentInfo .textLink01 {
  vertical-align: middle;
}
.about .contentInfoWrap .contentInfo .arrowBox {
  padding-left: 5px;
}
.about .contentInfoWrap .contentInfo .arrowBox .arrow {
  position: static;
  top: initial;
  right: initial;
  display: initial;
  width: 10px;
  height: auto;
  margin-top: 0;
  margin-right: 10px;
  content: initial;
  border-style: initial;
}

/* about
-----------------------------------------------------------
---------------------------------------------------------*/
.p--gmo-enq {
  display: block;
  min-height: 82px;
  padding-left: 97px !important;
}
.p--gmo-enq .item--gmo-enq {
  position: absolute;
  left: 5px;
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  border: 1px solid #898989;
  background-color: #fff;
  background-image: url(https://image.moratame.net/img2014/icons/ico-enq.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 62px;
}
.p--gmo-enq .item p {
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 78px;
  margin-left: -39px;
  text-align: center;
  color: white;
  background-color: #f5b72f;
}