@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */
/*info*/
#info table{
  width:100%;
}
#info th{
  width:80px;
  border-right:1px solid #9fa0a0;
  text-align:center;
  vertical-align:top;
  padding:5px 20px 5px 0;
}
#info td{
  text-align:left;
  vertical-align:top;
  padding:5px 0 5px 20px;
}

/*history*/
#history table{
  width:100%;
  border-collapse: separate;
  border-spacing:1px;
}
#history th{
  width:80px;
  border-right:1px solid #9fa0a0;
  background-color:#9c897e;
  color:#ffffff;
  text-align:center;
  vertical-align:top;
  padding:8px;
}
#history td{
  text-align:left;
  vertical-align:top;
  background-color:#e3ddd9;
  padding:8px;
}

/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}



}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

@media screen and (max-width:799px) {




}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

@media screen and (max-width: 599px) {

#info th{
  padding:5px 10px 5px 0;
}
#info td{
  padding:5px 0 5px 10px;
}

#history th{
  width:60px;
  padding:8px 5px;
}
#history td{
  padding:8px;
}

}