table.doc {  /*スタッフ紹介テーブル・歯科医師*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.doc th,
table.doc td {
  padding: 10px;
  border: 1px solid #ff0000;
}
table.doc th {
  background-color: #ffefef;
  text-align: left;
  width: auto;
  border-left: 3px solid #ff0000;
}

table.nomal {  /*スタッフ紹介テーブル・歯科医師写真下経歴*/
  border-collapse: collapse;
  margin: 0 auto;
 /* width: 100%;*/
  
}
table.nomal th,
table.nomal td {
  padding: 0px;
  border:none;
}

table.hygi {  /*スタッフ紹介テーブル・歯科衛生士*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.hygi th,
table.hygi td {
  padding: 10px;
  border: 1px solid #0000ff;
}
table.hygi th {
  background-color: #efefff;
  text-align: left;
  width: auto;
  border-left: 3px solid #0000ff;
}

table.hygi2 {  /*スタッフ紹介テーブル・歯科衛生士自己紹介用・740以下のレイアウト崩れ対応740以上では変更なし*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.hygi2 th,
table.hygi2 td {
  padding: 10px;
  border: 1px solid #0000ff;
}
table.hygi2 th {
  background-color: #efefff;
  text-align: left;
  width: auto;
  border-left: 3px solid #0000ff;
}

table.recep {  /*スタッフ紹介テーブル・受付・歯科助手*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}

table.recep th,
table.recep td {
  padding: 10px;
  border: 1px solid #00aa00;
}
table.recep th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  border-left: 3px solid #00aa00;
}

table.recep2 {  /*スタッフ紹介テーブル・受付・歯科助手自己紹介用・740以下のレイアウト崩れ対応740以上では変更なし*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}

table.recep2 th,
table.recep2 td {
  padding: 10px;
  border: 1px solid #00aa00;
}
table.recep2 th {
  background-color: #aaffaa;
  text-align: left;
  width: auto;
  border-left: 3px solid #00aa00;
}


th.name  {  /*スタッフ紹介テーブル・各項目設定*/
  padding: 10px;
  width:18%;

  }

td.position {
  padding: 10px;
  width:27%;

  }
  
td.grad {
  padding: 10px;
  width:40%;

  }

td.intro  {
  padding: 10px;
  width:15%;

  }
  
td.intro-main1  {
  padding: 10px;
  vertical-align:top;

  }
  
table.gray {  /*グレーの表*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.gray th {
  background-color: #ddd;
  padding: 10px;
  border: 1px solid #666;
  text-align: left;
  width: auto;
  border-left: 3px solid #666;
}
table.gray td {
  padding: 10px;
  width:auto;
  border: 1px solid #666;
}

th.g1  {  /*グレーテーブル・最上段th全幅設定*/
  padding: 10px;
  width:100%;

  }
  
table.pink {  /*ピンクの表*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.pink th {
  background-color: #ffe4fd;
  padding: 10px;
  border: 1px solid #ff85f8;
  text-align: left;
  width: auto;
  border-left: 3px solid #ff85f8;
}
table.pink td {
  padding: 10px;
  width:auto;
  border: 1px solid #ff85f8;
}

th.pink  {  /*ピンクテーブル・最上段th全幅設定*/
  padding: 10px;
  width:100%;

  }
  
table.lb {  /*ライトブルーの表*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.lb th {
  background-color: #d5e5ff;
  padding: 10px;
  border: 1px solid #0060ff;
  text-align: left;
  width: auto;
  border-left: 3px solid #0060ff;
}
table.lb td {
  padding: 10px;
  width:auto;
  border: 1px solid #0060ff;
}

th.lb  {  /*ライトブルーテーブル・最上段th全幅設定*/
  padding: 10px;
  width:100%;

  }
  
table.vio {  /*ヴァイオレットの表*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.vio th {
  background-color: #edf;
  padding: 10px;
  border: 1px solid #63a;
  text-align: left;
  width: auto;
  border-left: 3px solid #63a;
}
table.vio td {
  padding: 10px;
  width:auto;
  border: 1px solid #63a;
}

table.lppl {  /*ライトパープルの表*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.lppl th {
  background-color: #fef;
  padding: 10px;
  border: 1px solid #97a;
  text-align: left;
  width: auto;
  border-left: 3px solid #97a;
}
table.lppl td {
  padding: 10px;
  width:auto;
  border: 1px solid #97a;
}

table.yel {  /*黄色の表*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.yel th {
  background-color: #fef5c0;
  padding: 10px;
  border: 1px solid #ffb400;
  text-align: left;
  width: auto;
  border-left: 3px solid #ffb400;
}
table.yel td {
  padding: 10px;
  width:auto;
  border: 1px solid #ffb400;
}

table.noborder {  /*ボーダーなしテーブル・自由幅設定*/
  border-collapse: collapse;
  margin: 0 auto;
  border: 0px solid #ff0000 !important;
  /*width: 100%;*/
  
}
table.noborder th,
table.noborder td {
  padding: 5px;
  /*border: 1px solid #ff0000 !important;*/
}
table.noborder th {
  /*background-color: #ffefef;*/
  text-align: center;
  /*width: auto;
  border-left: 3px solid #ff0000;*/
}

table.noborder-inline {  /*ボーダーなしテーブル・自由幅設定*/
  border-collapse: collapse;
  margin: 0 auto;
  border: 0px solid #ff0000 !important;
  /*width: 100%;*/
  
}
table.noborder-inline th,
table.noborder-inline td {
  padding: 5px;
  border-bottom: 1px solid #ffaaaa;
  /*border: 1px solid #ff0000 !important;*/
}
table.noborder-inline th {
  /*background-color: #ffefef;*/
  text-align: center;
  /*width: auto;
  border-left: 3px solid #ff0000;*/
  
}

table.text {  /*教本表紙*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.text th,
table.text td {
  padding: 10px;
  /*border: 1px solid #ff0000;*/
}
table.text th {
  /*background-color: #ffefef;*/
  text-align: center;
  width: auto;
  /*border-left: 3px solid #ff0000;*/
}

table.footer-table {  /*フッターリンクテーブル*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.footer-table th,
table.footer-table td {
  padding: 10px;
  border-left: 1px solid #ff0000;
}
table.footer-table th {
  background-color: #ffefef;
  text-align: left;
  width: auto;
}


@media screen and (max-width: 767px) {  /*767まで*/

  table.doc {  /*スタッフ紹介テーブル・歯科医師*/
    border-top: 1px solid #ff0000;
	width: 100%;
  }
  table.doc td {
    display: block;
	border-top: none;
    text-align: left;
  }
  table.doc th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
  table.nomal {  /*スタッフ紹介テーブル・歯科医師写真下経歴*/
  border-collapse: collapse;
  margin: 0 auto;
 /* width: 100%;*/
  
}
table.nomal th,
table.nomal td {
  padding: 0px;
  border:none;
}
  
  table.hygi {  /*スタッフ紹介テーブル・歯科衛生士*/
    border-top: 1px solid #0000ff;
	width: 100%;
  }
  table.hygi td {
    display: block;
	border-top: none;
    text-align: left;
  }
  table.hygi th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
    table.hygi2 {  /*スタッフ紹介テーブル・歯科衛生士・自己紹介740以下レイアウト崩れ対応*/
    border-top: 1px solid #0000ff;
	border-bottom: 1px solid #0000ff;
	width: 100%;
  }
  table.hygi2 td {
   /* display: block;*/
	border-top: none;
	border-bottom: none;
    text-align: left;
  }
  table.hygi2 th {
    /*display: block;*/
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }


    table.recep {  /*スタッフ紹介テーブル・受付・歯科助手*/
    border-top: 1px solid #00aa00;
	border-bottom: 1px solid #00aa00;
	width: 100%;
  }
  table.recep td {
    display: block;
	border-top: none;
    text-align: left;
  }
  table.recep th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
    table.recep2 {  /*スタッフ紹介テーブル・受付・歯科助手・自己紹介740以下レイアウト崩れ対応*/
    border-top: 1px solid #00aa00;
	border-bottom: 1px solid #00aa00;
	width: 100%;
  }
  table.recep2 td {
   /* display: block;*/
	border-top: none;
	border-bottom: none;
    text-align: left;
  }
  table.recep2 th {
    /*display: block;*/
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }

th.name  {
  padding: 10px;
  width:auto;

  }

td.position  {
    display: block;
	border-top: none;
    text-align: left;
	width:auto;
  }
  
td.grad  {
    display: block;
	border-top: none;
    text-align: left;
	width:auto;
  }
  
td.intro  {
    display: block;
	border-top: none;
    text-align: left;
	width:auto;
  }

table.gray {  /*グレーバックの表*/
    border-top: 1px solid #666666;
	width: 100%;
  }
  table.gray td {
    display: block;
	width: auto;
	border-top: none;
    text-align: left;
  }
  table.gray th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
table.pink {  /*ピンクの表*/
    border-top: 1px solid #ff85f8;
	width: 100%;
  }
  table.pink td {
    display: block;
	width: auto;
	border-top: none;
    text-align: left;
  }
  table.pink th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
table.lb {  /*ライトブルーの表*/
    border-top: 1px solid #0060ff;
	width: 100%;
  }
  table.lb td {
    display: block;
	width: auto;
	border-top: none;
    text-align: left;
  }
  table.lb th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
table.vio {  /*ヴァイオレットの表*/
    border-top: 1px solid #63a;
	width: 100%;
  }
  table.vio td {
    display: block;
	width: auto;
	border-top: none;
    text-align: left;
  }
  table.vio th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }

table.lppl {  /*ライトパープルの表*/
    border-top: 1px solid #97a;
	width: 100%;
  }
  table.lppl td {
    display: block;
	width: auto;
	border-top: none;
    text-align: left;
  }
  table.lppl th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
table.yel {  /*黄色の表*/
    border-top: 1px solid #ffb400;
	width: 100%;
  }
  table.yel td {
    display: block;
	width: auto;
	border-top: none;
    text-align: left;
  }
  table.yel th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
  table.noborder {  /*ボーダーなしテーブル・自由幅設定*/
    /*border-top: 1px solid #ff0000;*/
	width: auto;
  }
  table.noborder td {
    display: block;
	border-top: none;
    /*text-align: left;*/
	padding: 5px;
  }
  table.noborder th {
    display: block;
    border-top: none;
	text-align: center;
    /*border-bottom: none;*/
	padding: 5px;
    width: auto;
  }

  table.footer-table {  /*スタッフ紹介テーブル・歯科医師*/
    border-top: 1px solid #ff0000;
	width: 100%;
  }
  table.footer-table td {
    display: block;
	border-top: none;
    text-align: left;
  }
  table.footer-table th {
    display: block;
    border-top: none;
    /*border-bottom: none;*/
    width: auto;
  }
  
  
}