@charset "UTF-8";
/*ボックス全体*/
table {
	width:100%;
	margin: 1em 0 1em 0;;
	background:#transparent;
	
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
td {
	padding:10px;
	text-align:left;
	vertical-align: middle;
	border:1px solid #ddd;
}
/*----------------------------------------------------
  .cosmetic ドクターズコスメ（SRSマスクパック）
----------------------------------------------------*/
.cosmetic th  { width: 4%; text-align: center; padding:5px 10px; vertical-align: middle; background:#E8E4DD; border-bottom:4px solid #FCFCFC;}
.cosmetic td  { width: 16%; font-size: 95%; letter-spacing: 0.8pt; text-align: left; padding:5px 10px; vertical-align: middle; background:#F2F0EC; border-bottom:4px solid #FCFCFC;}
 
@media only screen and (max-width:480px){
    .cosmetic { margin: 16px 0px; }
    .cosmetic th,
    .cosmetic td{
    width: 94%;
    display: block;
    border-top: none;
    font-size: 90%;
    }
  .cosmetic tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .clinicinfo クリニック案内（クリニック情報）
----------------------------------------------------*/
.clinicinfo th  {width: 10%;text-align: left;padding:10px;vertical-align: middle;background: #d4e8f0;border: 1px solid #317291;font-weight: normal;}
.clinicinfo td  {width: 20%;text-align: left;padding:10px;vertical-align: middle;background: #E8F2F7;border: 1px solid #317291;}
 
@media only screen and (max-width:480px){
    .clinicinfo { margin: 16px 0px; }
    .clinicinfo th,
    .clinicinfo td{
    width: 94%;
    display: block;
    border-top: none;
    font-size: 90%;
    }
  .clinicinfo tr:first-child th { border-top: 1px solid #317291; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .clinicaccess　アクセス（所在地）
----------------------------------------------------*/
.clinicaccess th  { width: 30%; text-align: left; vertical-align: top; background: transparent; border: none; font-weight: normal;}
.clinicaccess td  { width: 70%; text-align: left; vertical-align: middle; background: transparent; border: none; padding: 0;}
 
@media only screen and (max-width:480px){
    .clinicaccess { margin: 16px 0px; }
    .clinicaccess th,
    .clinicaccess td{
    width: 94%;
    display: block;
    border-top: none;
    padding: 10px;
}
  .clinicaccess tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .clinicaccess2　アクセス（その他のご来院方法）
----------------------------------------------------*/
.clinicaccess2 th  { width: 30%; text-align: left; vertical-align: middle; font-size: 90%; background:#eee; border:1px solid #ccc;}
.clinicaccess2 td  { width: 70%; text-align: left; vertical-align: middle; font-size: 90%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .clinicaccess2 { margin: 0px -3px; }
    .clinicaccess2 th,
    .clinicaccess2 td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .clinicaccess2 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .schedule　クリニック案内（医師スケジュール）
----------------------------------------------------*/
.schedule p {
	font-size: 14px;
	margin-bottom: 0px;
}
.schedule a {
	color:#fff;
	text-decoration:none;
}
.schedule {
	width:100%;
	border-right:#ccc solid 1px;
	border-collapse: collapse;
	font-size: 70%;
}
.schedule thead th {
	background:#E8E4DD;
	font-size: 14px;
	color:#6D4C33;
	padding:10px 15px;
	border-right:#F2F0EC solid 1px;
	border-bottom:#F2F0EC solid 1px;
}
.schedule thead th:last-child {
	border-right:#ccc solid 1px;
}
.schedule tbody th {
	background:#BBAA99;
	font-size: 14px;
	text-align: center;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#F2F0EC solid 1px;
	vertical-align:middle;
	width: 5%;
}
.schedule tbody tr:last-child th {
	border-bottom:#F2F0EC solid 1px;
}
.schedule tbody td {
	background:#FFF;
	text-align: center;
	padding: 5px 15px;
	/* border-left:#3EB1C6 solid 1px; */
	/* border-bottom:#3EB1C6 solid 1px; */
	vertical-align:middle;
	width: 10%;
	/* right: -13px; */
}

@media screen and (max-width: 640px) {
.schedule {
	width:100%;
}
.schedule thead {
	display:none;
}
.schedule tbody th {
	font-size: 13px;
	text-align: center;
	display:block;
	width: 90.5%;
	vertical-align:top;
	border-bottom: #BBAA99 solid 1px;
	border-right: #BBAA99 solid 1px;
}
.schedule tbody td {
	font-size: 13px;
	display:block;
	width: 90.5%;
	vertical-align:top;
	color: #333;
	border-right: #FCFCFC solid 1px;
	border-bottom: #FCFCFC solid 1px;
}
.schedule tbody td::before {
	content: attr(label);
	float: left;
	/* text-align: left; */
	clear:both;
	/* font-weight:bold; */
	/* padding-top: 3px; */
	border-right: 1px solid #ccc;
	padding-right: 14px;
	width: 25%;
	font-size: 12px; 
}
.schedule tbody td p {
	padding-left: 25%;
	margin: 0;
	padding-top:0px;
	color: #2c2c2c;
	text-align: center;
}
.schedule tr:last-child td {
	border-bottom: 1px solid #ddd;
}
}
/*----------------------------------------------------
  .price　料金表ページ
----------------------------------------------------*/
.price th  { width: 24%; text-align: left; vertical-align: middle; font-size: 90%; background:#eee; border:1px solid #ccc; font-weight: normal;}
.price td  { width: 16%; text-align: right; vertical-align: middle; font-size: 90%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .price { margin: 16px 0px; }
    .price th,
    .price td{
    width: 94%;
    display: block;
    border-top: none;
    }
  .price tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .glossary　美容医療用語集ページ
----------------------------------------------------*/
.glossary th  {width: 10%;text-align: center;vertical-align: midle;ffont-size:100%;background: #E8E4DD;border:none;}
.glossary td  {width: 90%;text-align: left;font-size:90%;background: #F2F0EC;border:none;}
 
@media only screen and (max-width:480px){
    .glossary { margin: 0 -5px; }
    .glossary th,
    .glossary td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .glossary tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .recruit　採用情報ページ
----------------------------------------------------*/
.recruit th  {width: 20%;text-align: left;vertical-align: middle;font-size: 100%;background: #fcfcfc;border:1px solid #ccc;color: #754617;}
.recruit td  {width: 70%;text-align: left;vertical-align: middle;font-size: 100%;background: #fcfcfc;border:1px solid #ccc;color: #333;}
 
@media only screen and (max-width:480px){
    .recruit {/* margin: 0px -3px; */}
    .recruit th,
    .recruit td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .recruit2 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .w33　マルチ
----------------------------------------------------*/
.w33 th  {width: 33%;text-align: center;vertical-align: middle;font-size: 100%;background: #ffffff;border:1px solid #ccc;color: #4C4C4C;font-weight: normal;}
.w33 td  {width: 33%;text-align: center;vertical-align: middle;font-size: 100%;background: #ffffff;border:1px solid #ccc;color: #4C4C4C;}
 
@media only screen and (max-width:480px){
    .w33 {/* margin: 0px -3px; */}
    .w33 th,
    .w33 td{
    width: 93.25%;
    display: block;
    border-top: none;
    }
  .w33 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .w50　マルチ
----------------------------------------------------*/
.w50 th  {width: 50%;text-align: left; vertical-align: middle; font-size: 100%; background: transparent; border:0px none; font-weight: normal;}
.w50 td  {width: 50%;text-align: left; vertical-align: middle; font-size: 100%; background: transparent; border:0px none; font-weight: normal;}
 
@media only screen and (max-width:768px){
    .w50 {/* margin: 0px -3px; */}
    .w50 th,
    .w50 td{
    width: 90%;
    display: block;
    border-top: none;
    }
  .w50 tr:first-child th { border-top: 0px none; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .multi　クリニック案内（医師スケジュール）
----------------------------------------------------*/
.multi p {
	font-size: 14px;
	margin-bottom: 0px;
}
.multi a {
	color:#fff;
	text-decoration:none;
}
.multi {
	width:100%;
	border-right:#ccc solid 1px;
	border-collapse: collapse;
	font-size: 70%;
}
.multi thead th {
	background:#E8E4DD;
	font-size: 14px;
	color:#6D4C33;
	padding:10px 15px;
	border-right:#F2F0EC solid 1px;
	border-bottom:#F2F0EC solid 1px;
}
.multi thead th:last-child {
	border-right:#ccc solid 1px;
}
.multi tbody th {
	background:#BBAA99;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#F2F0EC solid 1px;
	vertical-align:middle;
	width: 5%;
}
.multi tbody tr:last-child th {
	border-bottom:#F2F0EC solid 1px;
}
.multi tbody td {
	font-size: 18px;
	color: #6d4c33;
	background:#FFF;
	text-align: center;
	padding: 5px 15px;
	/* border-left:#3EB1C6 solid 1px; */
	/* border-bottom:#3EB1C6 solid 1px; */
	vertical-align:middle;
	width: 5%;
	/* right: -13px; */
}

@media screen and (max-width: 640px) {
.multi {
	width:100%;
}
.multi thead {
	display:none;
}
.multi tbody th {
	font-size: 13px;
	text-align: center;
	display:block;
	width: 90.5%;
	vertical-align:top;
	border-bottom: #BBAA99 solid 1px;
	border-right: #BBAA99 solid 1px;
}
.multi tbody td {
	font-size: 13px;
	color: #6d4c33;
	display:block;
	width: 90.5%;
	vertical-align:top;
	border-right: #FCFCFC solid 1px;
	border-bottom: #FCFCFC solid 1px;
}
.multi tbody td::before {
	content: attr(label);
	float: left;
	/* text-align: left; */
	clear:both;
	/* font-weight:bold; */
	/* padding-top: 3px; */
	border-right: 1px solid #ccc;
	padding-right: 14px;
	width: 25%;
	font-size: 12px; 
}
.multi tbody td p {
	padding-left: 25%;
	margin: 0;
	padding-top:0px;
	color: #2c2c2c;
	text-align: center;
}
.multi tr:last-child td {
	border-bottom: 1px solid #ddd;
}
}
/*----------------------------------------------------
  .multi2　毛穴ページ
----------------------------------------------------*/
.multi2 p {
	font-size: 14px;
	margin-bottom: 0px;
}
.multi2 a {
	color:#fff;
	text-decoration:none;
}
.multi2 {
	width:100%;
	border-right:#ccc solid 1px;
	border-collapse: collapse;
	font-size: 70%;
}
.multi2 thead th {
	background:#E8E4DD;
	font-size: 14px;
	color:#6D4C33;
	padding:10px 15px;
	border-right:#F2F0EC solid 1px;
	border-bottom:#F2F0EC solid 1px;
}
.multi2 thead th:last-child {
	border-right:#ccc solid 1px;
}
.multi2 tbody th {
	background:#BBAA99;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#F2F0EC solid 1px;
	vertical-align:middle;
	width: 10%;
}
.multi2 tbody tr:last-child th {
	border-bottom:#F2F0EC solid 1px;
}
.multi2 tbody td {
	font-size: 18px;
	color: #6d4c33;
	background:#FFF;
	text-align: center;
	padding: 5px 15px;
	/* border-left:#3EB1C6 solid 1px; */
	/* border-bottom:#3EB1C6 solid 1px; */
	vertical-align:middle;
	width: 5%;
	/* right: -13px; */
}

@media screen and (max-width: 640px) {
.multi2 {
	width:100%;
}
.multi2 thead {
	display:none;
}
.multi2 tbody th {
	font-size: 13px;
	text-align: center;
	display:block;
	width: 90.5%;
	vertical-align:top;
	border-bottom: #BBAA99 solid 1px;
	border-right: #BBAA99 solid 1px;
}
.multi2 tbody td {
	font-size: 13px;
	color: #6d4c33;
	display:block;
	width: 90.5%;
	vertical-align:top;
	border-right: #FCFCFC solid 1px;
	border-bottom: #FCFCFC solid 1px;
}
.multi2 tbody td::before {
	content: attr(label);
	float: left;
	/* text-align: left; */
	clear:both;
	/* font-weight:bold; */
	/* padding-top: 3px; */
	border-right: 1px solid #ccc;
	padding-right: 14px;
	width: 25%;
	font-size: 12px; 
}
.multi2 tbody td p {
	padding-left: 25%;
	margin: 0;
	padding-top:0px;
	color: #2c2c2c;
	text-align: center;
}
.multi2 tr:last-child td {
	border-bottom: 1px solid #ddd;
}
}

/*----------------------------------------------------
  .スライドテーブル（シミ）
----------------------------------------------------*/
.sc-table table {
    width:1080px;
}
.sc-table {
    overflow: auto;
    white-space: nowrap;
}
/* 以下、スクロールバーを追加 */
.sc-table::-webkit-scrollbar{　　
 height: 5px;
}
.sc-table::-webkit-scrollbar-track{
 background: #333;
}
.sc-table::-webkit-scrollbar-thumb {
 background: #999;
}

/*----------------------------------------------------
  .rwd01b
----------------------------------------------------*/
.rwd01b th  { width: 30%; text-align: left; font-size:100%; background:#efede9; border:none;}
.rwd01b td  { width: 70%; text-align: left; font-size:95%; background:#efede9; border:none;}
 
@media only screen and (max-width:480px){
    .rwd01b { margin: 0 -10px; }
    .rwd01b th,
    .rwd01b td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd01b tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd19
----------------------------------------------------*/
.rwd19 th  { width: 10%; text-align: center;  vertical-align: midle; ffont-size:100%; background:#fff; border:none;}
.rwd19 td  { width: 90%; text-align: left; font-size:90%; background:#fff; border:none;}
 
@media only screen and (max-width:480px){
    .rwd19 { margin: 0 -5px; }
    .rwd19 th,
    .rwd19 td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .rwd19 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}



/*----------------------------------------------------
  .rwd02
----------------------------------------------------*/
.rwd02 th  { width: 25%; text-align: left; vertical-align: top; font-size:100%; background:#fff; border:none;}
.rwd02 td  { width: 25%; text-align: left; vertical-align: top; font-size:100%; background:#fff; border:none;}
 
@media only screen and (max-width:480px){
    .rwd02 { margin: 0 -10px; }
    .rwd02 th,
    .rwd02 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd02 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}


/*----------------------------------------------------
  .rwd03
----------------------------------------------------*/
.rwd03 th  { width: 30%; text-align: left; vertical-align: middle; font-size:100%; background:#f9cdd4; border:1px solid #ed5b72;}
.rwd03 td  { width: 70%; text-align: left; vertical-align: middle; font-size:100%; background:#fff; border:1px solid #ed5b72;}
 
@media only screen and (max-width:480px){
    .rwd03 { margin: 0px 0px; }
    .rwd03 th,
    .rwd03 td{
    width: 92%;
    display: block;
    border-top: none;
    }
  .rwd03 tr:first-child th { border-top: 1px solid #ed5b72; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd04
----------------------------------------------------*/
.rwd04 th  { width: 30%; text-align: left; vertical-align: middle; font-size:100%; background:#eee; border:1px solid #ccc;}
.rwd04 td  { width: 70%; text-align: left; vertical-align: middle; font-size:100%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd04 { margin: 0px -3px; }
    .rwd04 th,
    .rwd04 td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .rwd04 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd05
----------------------------------------------------*/
.rwd05 th  { width: 24%; text-align: left; vertical-align: middle; font-size: 80%; background:#eee; border:1px solid #ccc;}
.rwd05 td  { width: 16%; text-align: right; vertical-align: middle; font-size: 80%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd05 { margin: 16px 0px; }
    .rwd05 th,
    .rwd05 td{
    width: 94%;
    display: block;
    border-top: none;
    }
  .rwd05 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd05-1
----------------------------------------------------*/


/*----------------------------------------------------
  .rwd05-2
----------------------------------------------------*/
.rwd05-2 th  { width: 30%; text-align: left; vertical-align: middle; font-size: 80%; background:#eee; border:1px solid #ccc;}
.rwd05-2 td  { width: 70%; text-align: left; vertical-align: middle; font-size: 80%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd05-2 { margin: 0px -3px; }
    .rwd05-2 th,
    .rwd05-2 td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .rwd05-2 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd06
----------------------------------------------------*/
.rwd06 th  { width: 70%; text-align: left; vertical-align: middle; font-size: 80%; background:#eee; border:1px solid #ccc;}
.rwd06 td  { width: 15%; text-align: right; vertical-align: middle; font-size: 80%; background:#fff; border:1px solid #ccc;}
 
@media only screen and (max-width:480px){
    .rwd06 { margin: 0px 3px; }
    .rwd06 th,
    .rwd06 td{
    width: 90%;
    display: block;
    border-top: none;
    }
  .rwd06 tr:first-child th { border-top: 1px solid #ccc; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd07
----------------------------------------------------*/
.rwd07 th  { width: 25%; text-align: left; vertical-align: top; background:#efede9; border:none;}
.rwd07 td  { width: 25%; text-align: left; vertical-align: top; background:#efede9; border:none;}
 
@media only screen and (max-width:480px){
    .rwd07 { margin: 0 -10px; }
    .rwd07 th,
    .rwd07 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd07 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd08
----------------------------------------------------*/
.rwd08 th  { width: 33%; text-align: left; vertical-align: top; font-size: 14px; background:#fff; border:none;}
.rwd08 td  { width: 33%; text-align: left; vertical-align: top; font-size: 14px; background:#fff; border:none;}
 
@media only screen and (max-width:480px){
    .rwd08 { margin: 0 -10px; }
    .rwd08 th,
    .rwd08 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd08 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd09
----------------------------------------------------*/
.rwd09 th  { width: 20%; text-align: left; vertical-align: top; font-size: 14px; background:#fff; border:none;}
.rwd09 td  { width: 20%; text-align: left; vertical-align: top; font-size: 14px; background:#fff; border:none;}
 
@media only screen and (max-width:480px){
    .rwd09 { margin: 0 -10px; }
    .rwd09 th,
    .rwd09 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd09 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd10
----------------------------------------------------*/
.rwd10 th  { width: 50%; text-align: left; vertical-align: middle; font-size: 14px; background-color: rgba(249, 248, 232, 0.7); border:none; padding: 4px 10px;}
.rwd10 td  { width: 50%; text-align: left; vertical-align: middle; font-size: 14px; background-color: rgba(249, 248, 232, 0.7); border:none; padding: 4px 10px;}
 
@media only screen and (max-width:480px){
    .rwd10 { margin: 1em -10px; }
    .rwd10 th,
    .rwd10 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd10 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd11
----------------------------------------------------*/
.rwd11 th  { width: 25%; text-align: left; vertical-align: top; background:rgba(249, 248, 232, 0.5); border:none;}
.rwd11 td  { width: 25%; text-align: left; vertical-align: top; background:rgba(249, 248, 232, 0.5); border:none;}
 
@media only screen and (max-width:480px){
    .rwd11 { margin: 0 -10px; }
    .rwd11 th,
    .rwd11 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd11 tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}
/*----------------------------------------------------
  .rwd08b
----------------------------------------------------*/
.rwd08b th  { width: 30%; text-align: left; vertical-align: middle; font-size: 14px; background:none; border:none;}
.rwd08b td  { width: 70%; text-align: left; vertical-align: middle; font-size: 14px; background:none; border:none;}
 
@media only screen and (max-width:480px){
    .rwd08b { margin: 0 -10px; }
    .rwd08b th,
    .rwd08b td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd08b tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*----------------------------------------------------
  .rwd-flx
----------------------------------------------------*/
.rwd-flx th  {width: 35%;text-align: left;font-size:100%;background:#efede9;border:none;}
.rwd-flx td  { width: 65%; text-align: left; font-size:95%; background:#efede9; border:none;}
 
@media only screen and (max-width:480px){
    .rwd-flx { margin: 0 -10px; }
    .rwd-flx th,
    .rwd-flx td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .rwd-flx tr:first-child th { border-top: none; }
}

p.resizeimage img { 
	width: 100%; 
}

/*================================================
 *  テーブルオプション
 ================================================*/
.prt {
    padding: 10px;
    text-align: right;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.plt {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.pct {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}
}