@charset 'utf-8';

/*! -----------------------------------------------------------
CSS Information

 file name: patch.css
 author:Yahoo! JAPAN
 auth level: auct/template/ui/auc_mod/css/00/page/2.1.1/
 last updated:2016.08.29
----------------------------------------------------------- */

/**************************

patch for pdtdtl.css 

***************************/

body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS UI Gothic", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1;
}
img{border:0;}
a {
  text-decoration: none;
}
a:link {
  color: #2a7bb4;
}
a:visited {
  color: #2a7bb4;
}
a:hover {
  color: #d7a50d;
}

/**************************

patch for auct_common.css

***************************/

.wrapper a {
  text-decoration: none;
}
.wrapper a:link {
  color: #2a7bb4;
}
.wrapper a:visited {
  color: #2a7bb4;
}
.wrapper a:hover {
  color: #d7a50d;
}

/* ------------------------
LOGIN BAR
------------------------ */

#modLoginBar{
  display:block;
  background: none;
}
#modLoginBar .decBg01{
  background: none;
}
#modLoginBar .decBg02{
  background: none;
}
#modLoginBar .decBg03{
  background: none;
}
#modLoginBar .decBg04{
  background: none;
}
#modLoginBarB{
  display:block;
  background: none;
}
#modLoginBarB .decBg01{
  background: none;
}
#modLoginBarB .decBg02{
  background: none;
}
#modLoginBarB .decBg03{
  background: none;
}
#modLoginBarB .decBg04{
  background: none;
}


/* ------------------------
TITLE BAR
------------------------ */

/* default */
#modTitBar,
#modTitBar .decBg01,
#modTitBar .decBg02,
#modTitBar .decBg03,
#modTitBar .decBg04 {
  background-image:none;
}
#modTitBar {
  border: 0;
  border-radius: 0;
  background: #e2e1da;
}
#modTitBar table td
{
  padding: 15px;
}
#modTitBar h1 {
  font-weight: normal;
}

/* C User customize */
#modTitBarC,
#modTitBarC .decBg01,
#modTitBarC .decBg02,
#modTitBarC .decBg03,
#modTitBarC .decBg04 {
  background-image:none;
}
#modTitBarC {
  border: 0;
  border-radius: 0;
  background: #e2e1da;
}
#modTitBarC table td
{
  padding: 15px;
}
#modTitBarC h1 {
  font-weight: normal;
}

/* B User customize */
#modTitBarB,
#modTitBarB .decBg01,
#modTitBarB .decBg02,
#modTitBarB .decBg03,
#modTitBarB .decBg04 {
  background-image:none;
}
#modTitBarB {
  border: 0;
  border-radius: 0;
  background: #e2e1da;
}
#modTitBarB table td
{
  padding: 15px;
}
#modTitBarB h1 {
  font-weight: normal;
}

/**************************

patch for myauc.css (and other)

***************************/

div.wrapper {
  width: auto;
  padding: 0 10px;
}


/**************************

patch for exhibitflow.css 

***************************/

/* ------------------------
FORM SUBMIT
------------------------ */

#modFormSbt{
    text-align: center;
    font-size: 100%;
}

/* ------------------------
SUMMARY TABLE
------------------------ */

.decSmryTable{
    margin:0 0 20px 0;
    text-align:left;
    font-size: medium;
}
.decSmryTable a:hover{
    text-decoration:underline;
}
.decSmryTable h2{
    padding:8px 0;
    font-size:100%;
    color:#000;
    background:transparent;
    font-size: 112.5%;
    font-weight: normal;
}
.decSmryTable table{
    border-collapse:collapse;
    line-height:100%;
    text-align:left;
    font-size: 87.5%;
    border: 1px solid #d3d2cc;
}
.decSmryTable table tr {
    border-bottom: 1px solid #d3d2cc;
}
.decSmryTable table th{
    width:20%;
    padding:8px;
    border: 0;
}
.decSmryTable table td{
    padding:4px 8px;
    border: 0;
    line-height:150%;
}
.decSmryTable table td.decEditPoint{
    border-collapse:collapse;
    border:#ff7000 solid 2px;
}
.decSmryTable .decBg01{
    background: transparent;
    border-right: 1px solid #d3d2cc;
    *border-bottom: 1px solid #d3d2cc;
}
.decSmryTable .decBg02{
    vertical-align:top;
    font-weight:bold;
    background:#fff3a6;
}
.decSmryTable .decTop{
    margin-top:15px;
}
.decSmryTable table td ul{
    margin:0;
    padding:0;
}
.decSmryTable table td li{
    margin:0;
    padding:0;
    list-style:none;
    line-height:150%;
}
.decSmryTable .decTx01{
    font-weight:bold;
    color:#ff0000;
}
.decSmryTable .decTx02{
    padding: 8px 0;
}
.decSmryTable .decErrorPoint{
    border-collapse:collapse;
    border:#ff0000 solid 2px;
}
.decSmryTable .decBg03{
    font-weight: normal;
    background:#f1f0e8;
    box-shadow: inset 2px 2px 0 #fff, inset -1px -1px 0 #fff;
    *border-bottom: 1px solid #d3d2cc;
}
.decSmryTable .decBg04{
    font-weight:bold;
    color:#fff;
    background:#759ede;
}
.decSmryTable .decBg05{
    border-right:#fff solid 1px;
}
.decSmryTable .decNoteTxt{
    margin-top:10px;
}
.decSmryTable .decNoteTxt ul{
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
}
.decSmryTable .decNoteTxt li{
    padding-left:10px;
    background:url(https://s.yimg.jp/images/auct/template/ui/auc_mod/ic_002.gif) no-repeat left 0.5em;
}

/* ------------------------
PAGE COUNT
------------------------ */

/* PAGECOUNT DEFAULT (NO LINE) */
.modPgCnt{
    margin:10px 0;
    *margin:5px 0 8px 0;
    width:100%;
    color:#333;
}
.modPgCnt a:hover{
    text-decoration:underline;
}
.modPgCnt strong {
  font-weight: normal;
}
.modPgCnt .decBg01{
    margin-bottom:5px;
    font-size:0 ;
}
.modPgCnt .decBg02{
    border-bottom:none;
}
.modPgCnt .pts01{
    margin-top:3px;
    *margin-top:9px;
    height:auto;
    font-size:90%;
}
/* PAGECOUNT for IE7 */
*+html .modPgCnt{
    margin-top:8px;
}
.modPgCnt .pts01 span{
    font-size:110%;
    font-weight:bold;
}
.modPgCnt .pts02A{
    float:left;
    display:block;
    height:auto;
    width:48%;
    margin:0;
    padding:0;
    color:#333;
}
.modPgCnt .pts02A p{
    margin:0;
    padding-top:3px;
}
.modPgCnt .pts02B{
    float:right;
    display:block;
    height:auto;
    width:48%;
    margin:0;
    padding:0;
    color:#333;
    text-align:right;
}
.modPgCnt .pts02B p{
    margin:0;
    padding-top:3px;
    white-space:nowrap;
}
.modPgCnt .pts02B a.decPgPrev{
    margin-left:8px;
    padding-left:12px;
    background:url(https://s.yimg.jp/images/auct/template/ui/auc_mod/ic_004.gif) no-repeat;
    background-position:5% 50%;
}
.modPgCnt .pts02B a.decPgNext{
    padding-right:12px;
    background:url(https://s.yimg.jp/images/auct/template/ui/auc_mod/ic_005.gif) no-repeat ;
    background-position:95% 50%;
}
.modPgCnt .pts03{
    float:left;
    width:60%;
    height:auto;
    font-size:85%;
}
.modPgCnt .pts04{
    float:right;
    height:auto;
    width:39%;
    margin:0;
    padding:0;
    font-size:85%;
    text-align:right;
}
.modPgCnt .pts04 a:hover{
    text-decoration:underline;
}
.modPgCnt .pts05{
    height:auto;
    width:100%;
    margin:0;
    padding:0;
    font-size:85%;
    text-align:right;
}
.modPgCnt .pts05 span{
    font-size:90%;
}
.modPgCnt .pts05 a:hover{
    text-decoration:underline;
}

/**************************

patch for pdtdtl.css 

***************************/

/* ------------------------
BACK TO THE ITEM PAGE
------------------------ */

#modBtnArea .decBtn01{
  float:left;
  width: auto;
  height: auto;
  margin-right:7px;
  background: none;
}
#modBtnArea .decBtn01 a,
#modBtnArea .decBtn01 a:link,
#modBtnArea .decBtn01 a:hover,
#modBtnArea .decBtn01 a:visited,
#modBtnArea .decBtn01 a:active
{
  display:block;
  color: #000;
  width: auto;
  height: auto;
  background:url(../../image/1.0.0/ico_triangle_small_left.png) no-repeat 0 center;
  padding-left: 13px;
  font-size: 87.5%;
  font-weight: bold;
}

#modBtnArea .decBtn01 .decTx01{
  display: block;
}

/* ------------------------
QUESTION TO THE EXHIBITOR
------------------------ */

#modQstnSeller{
  margin-bottom:15px;
  border: 1px solid #d3d2cc;
  color:#333333;
}
#modQstnSeller .untHead .decBg01,
#modQstnSeller .untHead .decBg02,
#modQstnSeller .untHead .decBg03,
#modQstnSeller .untHead .decBg04,
#modQstnSeller .untHead .decBg05{
  width: auto;
  background: none;
}
#modQstnSeller .untHead {
  margin: 2px;
  background: #f1f0e8;
}
#modQstnSeller .untHead h2{
  float:left;
  padding: 10px 15px;
  font-size:100%;
  font-weight: normal;
}
/** BODY **/
#modQstnSeller .untBody{
  display:block;
  margin-bottom: 0;
  padding:10px 15px 20px 15px;
  border: 0;
  text-align:left;
  color:#333333;
  background:#ffffff;
}

/* ------------------------
  LIST OF QUESTIONS TO THE EXHIBITOR 
------------------------ */

#modQstnList h3 {
  margin-bottom: 2px;
  padding: 10px 15px;
  border: 0;
  color: #333;
  background:#e2e1da;
  font-size: 100%;
  font-weight: normal;
}
/* DARK BLUE */
#modQstnList .pts01,
#modQstnList .pts02
{
  border: 1px solid #d3d2cc;
  border-bottom: 0;
}

#modQstnList .pts01 table,
#modQstnList .pts02 table
{
  border-bottom: 1px solid #d3d2cc;
  font-size:75%;
  text-align:left;
  background: transparent;
}
#modQstnList .pts01 th,
#modQstnList .pts02 th{
  padding:6px;
  border-top: 0;
  border-bottom: 0;
  vertical-align:middle;
  font-weight:normal;
}
#modQstnList .pts01 td,
#modQstnList .pts02 td{
  padding:6px;
  vertical-align:middle;
  font-weight:normal;
}

.acMdSeoLinks a {
  text-decoration: none;
}
.acMdSeoLinks a:link {
  color: #000;
}
.acMdSeoLinks a:visited {
  color: #9c780c;
}
.acMdSeoLinks a:hover {
  color: #d7a50d;
  text-decoration: none;
}

#acWrFooter a:link {
  color: #000;
}
#acWrFooter a:visited {
  color: #9c780c;
}
#acWrFooter a:hover {
  color: #d7a50d;
}
#acWrFooter a:active {
  color: #000;
}

/**************************

patch for auct_offer.css 

***************************/

/* ------------------------
SELECT
------------------------ */

#modOfferSel{
  margin:20px 0 10px 0;
  text-align:center;
  color:#333333;
}
#modOfferSel a:hover{
  text-decoration:underline;
}
#modOfferSel table{
  margin:0 auto;
  text-align:left;
}
#modOfferSel td{
  font-size:80%;
}
#modOfferSel td.decBg01{
  padding-bottom:5px;
  vertical-align: middle;
}
#modOfferSel td.decBg01 input{
  padding-bottom:5px;
  vertical-align: middle;
  line-height: 1;
}
#modOfferSel td.decBg01 span{
  vertical-align: middle;
  line-height: 1;
}

/**************************

patch for auct_mod.css 

***************************/

/* ------------------------
ALL IN PAGE
------------------------ */

/* ALL IN PAGE [TOP] */
.modAllPageTop{
  color:#333333;
  margin-bottom:5px;
}
.modAllPageTop a:hover{
  text-decoration:underline;
}
.modAllPageTop p{
  font-size:80%;
  line-height: 2;
}

/* ALL IN PAGE [BOTTOM] */
.modAllPageBtm{
  color:#333333;
  padding:10px 0;
  border-top:#cccccc 1px solid;
  border-bottom:#cccccc 1px solid;
}
.modAllPageBtm a:hover{
  text-decoration:underline;
}
.modAllPageBtm p{
  font-size:80%;
  line-height: 2;
}

/* ------------------------
SUB TITLE BAR
------------------------ */

/* SUB TITLE BAR A segment */
.modSubTitBarAseg{
  margin-bottom: 10px;
  text-align:left;
  font-size:100%;
  color:#333333;
  border: 0;
  border-radius: 0;
  background: #e2e1da;
}
.modSubTitBarAseg a:hover{
  text-decoration:underline;
}

/* framework */
.modSubTitBarAseg .decBg01,
.modSubTitBarAseg .decBg02,
.modSubTitBarAseg .decBg03,
.modSubTitBarAseg .decBg04,
.modSubTitBarAseg .decBg05,
.modSubTitBarAseg .decBg06,
.modSubTitBarAseg .decBg07,
.modSubTitBarAseg .decBg08{
  width:100%;
  margin:0;
  padding:0;
  background: none;
}
.modSubTitBarAseg h3{
  margin:0;
  padding:15px;
  font-size:100%;
  font-weight: normal;
  text-align:left;
}

/* help icon */
.modSubTitBarAseg h3 span.decHelpIc{
  position:relative;
  top:1px;
  left:0;
  margin:0 0 0 10px;
  padding:0;
}
.modSubTitBarAseg h3 span.decHelpIc img{
  border:none;
  margin:0;
  padding:0;
}

/**************************

newly defined in patch.css

***************************/


/* ------------------------
BUTTON
------------------------ */
.Button--small {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  border: 0;
  line-height: 34px;
  font-size: 100%;
  text-align: center;
  border-radius: 3px;
  font-family: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Button--small:link, .Button--small:visited, .Button--small:hover, .Button--small:active {
  color: #fff;
}
.Button--small:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--bid {
  position: relative;
  display: block;
  width: 300px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #c65201;
  color: #fff;
  background-color: #e8680e;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-size: 125%;
  font-weight: bold;
}
.Button--bid:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--bid input {
  display: block;
  appearance: none;
  width: 300px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--bid:before, .Button--bid:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--bid:link, .Button--bid:visited, .Button--bid:hover, .Button--bid:active {
  color: #fff;
}
.Button--bid:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #c65201;
}
.Button--bid:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #e8680e;
}
.Button--buynow {
  position: relative;
  display: block;
  width: 300px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #a53701;
  color: #fff;
  background-color: #c74200;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-size: 125%;
  font-weight: bold;
}
.Button--buynow:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--buynow input {
  display: block;
  appearance: none;
  width: 300px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--buynow:before, .Button--buynow:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--buynow:link, .Button--buynow:visited, .Button--buynow:hover, .Button--buynow:active {
  color: #fff;
}
.Button--buynow:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #a53701;
}
.Button--buynow:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #c74200;
}
.Button--search {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #33322f;
  color: #fff;
  background-color: #504f4b;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-size: 112.5%;
}
.Button--search:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--search input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--search:before, .Button--search:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--search:link, .Button--search:visited, .Button--search:hover, .Button--search:active {
  color: #fff;
}
.Button--search:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #33322f;
}
.Button--search:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #504f4b;
}
.Button--proceed {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #92bcd2;
  color: #000;
  background-color: #aad2e7;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-size: 112.5%;
}
.Button--proceed:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--proceed input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--proceed:before, .Button--proceed:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--proceed:link, .Button--proceed:visited, .Button--proceed:hover, .Button--proceed:active {
  color: #000;
}
.Button--proceed:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #92bcd2;
}
.Button--proceed:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #aad2e7;
}
.Button--normal {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #9f9e98;
  color: #33322f;
  background-color: #f6f6f1;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-size: 112.5%;
}
.Button--normal:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--normal input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--normal:before, .Button--normal:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--normal:link, .Button--normal:visited, .Button--normal:hover, .Button--normal:active {
  color: #33322f;
}
.Button--normal:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e2e1da;
}
.Button--normal:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f6f6f1;
}
.Button--alert {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #a00;
  color: #fff;
  background-color: #c00;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-size: 112.5%;
}
.Button--alert:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--alert input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--alert:before, .Button--alert:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--alert:link, .Button--alert:visited, .Button--alert:hover, .Button--alert:active {
  color: #fff;
}
.Button--alert:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #a00;
}
.Button--alert:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #c00;
}
.Button--normalSmall {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #9f9e98;
  color: #33322f;
  background-color: #f6f6f1;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Button--normalSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--normalSmall input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--normalSmall:before, .Button--normalSmall:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--normalSmall:link, .Button--normalSmall:visited, .Button--normalSmall:hover, .Button--normalSmall:active {
  color: #33322f;
}
.Button--normalSmall:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e2e1da;
}
.Button--normalSmall:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f6f6f1;
}
.Button--bidSmall {
  position: relative;
  display: block;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #c65201;
  color: #fff;
  background-color: #e8680e;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-weight: bold;
}
.Button--bidSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--bidSmall input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--bidSmall:before, .Button--bidSmall:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--bidSmall:link, .Button--bidSmall:visited, .Button--bidSmall:hover, .Button--bidSmall:active {
  color: #fff;
}
.Button--bidSmall:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #c65201;
}
.Button--bidSmall:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #e8680e;
}
.Button--buynowSmall {
  position: relative;
  display: block;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #a53701;
  color: #fff;
  background-color: #c74200;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  font-weight: bold;
}
.Button--buynowSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--buynowSmall input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--buynowSmall:before, .Button--buynowSmall:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--buynowSmall:link, .Button--buynowSmall:visited, .Button--buynowSmall:hover, .Button--buynowSmall:active {
  color: #fff;
}
.Button--buynowSmall:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #a53701;
}
.Button--buynowSmall:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #c74200;
}
.Button--alertSmall {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #a00;
  color: #fff;
  background-color: #c00;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Button--alertSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--alertSmall input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--alertSmall:before, .Button--alertSmall:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--alertSmall:link, .Button--alertSmall:visited, .Button--alertSmall:hover, .Button--alertSmall:active {
  color: #fff;
}
.Button--alertSmall:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #a00;
}
.Button--alertSmall:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #c00;
}
.Button--proceedSmall {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #92bcd2;
  color: #000;
  background-color: #aad2e7;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Button--proceedSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--proceedSmall input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--proceedSmall:before, .Button--proceedSmall:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--proceedSmall:link, .Button--proceedSmall:visited, .Button--proceedSmall:hover, .Button--proceedSmall:active {
  color: #000;
}
.Button--proceedSmall:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #92bcd2;
}
.Button--proceedSmall:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #aad2e7;
}
.Button--bidDisabled {
  position: relative;
  display: block;
  width: 300px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #e8ac83;
  color: #fddfc9;
  background-color: #f7b98d;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-size: 125%;
  font-weight: bold;
}
.Button--bidDisabled input {
  display: block;
  appearance: none;
  width: 300px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--bidDisabled:before, .Button--bidDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--bidDisabled:link, .Button--bidDisabled:visited, .Button--bidDisabled:hover, .Button--bidDisabled:active {
  color: #fddfc9;
}
.Button--bidDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e8ac83;
}
.Button--bidDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f7b98d;
}
.Button--buynowDisabled {
  position: relative;
  display: block;
  width: 300px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #de8051;
  color: #f4bda2;
  background-color: #e69065;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-size: 125%;
  font-weight: bold;
}
.Button--buynowDisabled input {
  display: block;
  appearance: none;
  width: 300px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--buynowDisabled:before, .Button--buynowDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--buynowDisabled:link, .Button--buynowDisabled:visited, .Button--buynowDisabled:hover, .Button--buynowDisabled:active {
  color: #f4bda2;
}
.Button--buynowDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #de8051;
}
.Button--buynowDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #e69065;
}
.Button--searchDisabled {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #8a8984;
  color: #c1c0bb;
  background-color: #9b9a95;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-size: 112.5%;
}
.Button--searchDisabled input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--searchDisabled:before, .Button--searchDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--searchDisabled:link, .Button--searchDisabled:visited, .Button--searchDisabled:hover, .Button--searchDisabled:active {
  color: #c1c0bb;
}
.Button--searchDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #8a8984;
}
.Button--searchDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #9b9a95;
}
.Button--proceedDisabled {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #bed7e4;
  color: #999;
  background-color: #cce4f1;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-size: 112.5%;
}
.Button--proceedDisabled input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--proceedDisabled:before, .Button--proceedDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--proceedDisabled:link, .Button--proceedDisabled:visited, .Button--proceedDisabled:hover, .Button--proceedDisabled:active {
  color: #999;
}
.Button--proceedDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #bed7e4;
}
.Button--proceedDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #cce4f1;
}
.Button--normalDisabled {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #d9d8d4;
  color: #999;
  background-color: #f6f6f1;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-size: 112.5%;
}
.Button--normalDisabled input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--normalDisabled:before, .Button--normalDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--normalDisabled:link, .Button--normalDisabled:visited, .Button--normalDisabled:hover, .Button--normalDisabled:active {
  color: #999;
}
.Button--normalDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #eae9e4;
}
.Button--normalDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f6f6f1;
}
.Button--normalSmallDisabled {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #9f9e98;
  color: #33322f;
  background-color: #f6f6f1;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
}
.Button--normalSmallDisabled input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--normalSmallDisabled:before, .Button--normalSmallDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--normalSmallDisabled:link, .Button--normalSmallDisabled:visited, .Button--normalSmallDisabled:hover, .Button--normalSmallDisabled:active {
  color: #33322f;
}
.Button--normalSmallDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e2e1da;
}
.Button--normalSmallDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f6f6f1;
}
.Button--bidSmallDisabled {
  position: relative;
  display: block;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #e8ac83;
  color: #fddfc9;
  background-color: #f7b98d;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-weight: bold;
}
.Button--bidSmallDisabled input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--bidSmallDisabled:before, .Button--bidSmallDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--bidSmallDisabled:link, .Button--bidSmallDisabled:visited, .Button--bidSmallDisabled:hover, .Button--bidSmallDisabled:active {
  color: #fddfc9;
}
.Button--bidSmallDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e8ac83;
}
.Button--bidSmallDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f7b98d;
}
.Button--buynowSmallDisabled {
  position: relative;
  display: block;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #de8051;
  color: #f4bda2;
  background-color: #e69065;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
  font-weight: bold;
}
.Button--buynowSmallDisabled input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--buynowSmallDisabled:before, .Button--buynowSmallDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--buynowSmallDisabled:link, .Button--buynowSmallDisabled:visited, .Button--buynowSmallDisabled:hover, .Button--buynowSmallDisabled:active {
  color: #f4bda2;
}
.Button--buynowSmallDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #de8051;
}
.Button--buynowSmallDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #e69065;
}
.Button--alertSmallDisabled {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #a00;
  color: #fff;
  background-color: #c00;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
}
.Button--alertSmallDisabled input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--alertSmallDisabled:before, .Button--alertSmallDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--alertSmallDisabled:link, .Button--alertSmallDisabled:visited, .Button--alertSmallDisabled:hover, .Button--alertSmallDisabled:active {
  color: #fff;
}
.Button--alertSmallDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #a00;
}
.Button--alertSmallDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #c00;
}
.Button--proceedSmallDisabled {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #bed7e4;
  color: #999;
  background-color: #cce4f1;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: default;
}
.Button--proceedSmallDisabled input {
  display: block;
  appearance: none;
  width: auto;
  height: 34px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--proceedSmallDisabled:before, .Button--proceedSmallDisabled:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--proceedSmallDisabled:link, .Button--proceedSmallDisabled:visited, .Button--proceedSmallDisabled:hover, .Button--proceedSmallDisabled:active {
  color: #999;
}
.Button--proceedSmallDisabled:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #bed7e4;
}
.Button--proceedSmallDisabled:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #cce4f1;
}
.Button--watch {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #9f9e98;
  color: #33322f;
  background-color: #f6f6f1;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 48px;
  height: 21px;
  padding-top: 27px;
  border-width: 2px;
  background-image: url(../image/bg_star.png);
  _background-image: url(../image/bg_star_ie6.png);
  background-repeat: no-repeat;
  background-position: center 4px;
  line-height: 1.2;
  font-size: 68.75%;
}
.Button--watch:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--watch input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--watch:before, .Button--watch:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--watch:link, .Button--watch:visited, .Button--watch:hover, .Button--watch:active {
  color: #33322f;
}
.Button--watch:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e2e1da;
}
.Button--watch:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f6f6f1;
}
.Button--watchSmall {
  position: relative;
  display: block;
  width: 307px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #9f9e98;
  color: #33322f;
  background-color: #f6f6f1;
  line-height: 48px;
  text-align: center;
  border-radius: 4px;
  font-family: inherit;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 3px;
  background-image: url(../image/bg_star.png);
  _background-image: url(../image/bg_star_ie6.png);
  background-repeat: no-repeat;
  background-position: center 3px;
  line-height: 1;
  text-indent: -9999px;
  *text-indent: 0;
  *font-size: 0;
  *color: #fff !important;
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.Button--watchSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.Button--watchSmall input {
  display: block;
  appearance: none;
  width: 307px;
  height: 48px;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: inherit;
}
.Button--watchSmall:before, .Button--watchSmall:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.Button--watchSmall:link, .Button--watchSmall:visited, .Button--watchSmall:hover, .Button--watchSmall:active {
  color: #33322f;
}
.Button--watchSmall:before {
  height: 8px;
  border-radius: 0 0 3px 3px;
  background-color: #e2e1da;
}
.Button--watchSmall:after {
  height: 4px;
  bottom: 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f6f6f1;
}
.Button--watchSmall:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


/* ------------------------
オークション終了時の
「商品の情報」
「連絡掲示板」
「取引ナビ」
用タイトル
------------------------ */

.modCloseTitle {
  margin: 20px 0;
  line-height: 1.1;

}
.modCloseTitle .title{
  font-size: 170%;
}
.modCloseTitle .count {

}

/* ------------------------
オークション終了時の
「商品の情報」
「連絡掲示板」
「取引ナビ」
用ナビゲーション
------------------------ */

.modCloseNav {
  margin: 20px 0;

}
.modCloseNav .Button,
.modCloseNav .Button:link,
.modCloseNav .Button:visited,
.modCloseNav .Button:hover,
.modCloseNav .Button:active{
  color: #33322f;
  width: 150px;
  font-size: 87.5%;
  text-decoration: none;
}


/* ------------------------
Footer
------------------------ */

#Footer {
  margin-top: 10px;
  padding: 10px 0 20px;
  border-top: 1px solid #ccc;
  line-height: 1.4;
}
#Footer hr {
  display: none;
}
#Footer a {
  text-decoration: none;
}
#Footer a:link {
  color: #000;
}
#Footer a:visited {
  color: #9c780c;
}
#Footer a:hover {
  color: #d7a50d;
  text-decoration: none;
}
