/*** レスポンシブテーブルデザイン ***/

.tabletype01{
   width: 100%;
   margin-top: 0px;
   margin-bottom: 20px;
   border-top:1px solid #bbbbbb;
   border-right:1px solid #bbbbbb;
}
.tabletype01 th,
.tabletype01 td{
   padding:8px;
   border-bottom:1px solid #bbbbbb;
   border-left:1px solid #bbbbbb;
}


.tabletype02{
   font-size: 14px;
   width: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
   border-top:1px solid #bbbbbb;
   border-right:1px solid #bbbbbb;
}
.tabletype02 th,
.tabletype02 td{
   padding:3px;
   border-bottom:1px solid #bbbbbb;
   border-left:1px solid #bbbbbb;
}






.tabletype01-respo{
   width: 100%;
   margin-top: 0px;
   margin-bottom: 20px;
   border-top:1px solid #bbbbbb;
   border-right:1px solid #bbbbbb;
}
.tabletype01-respo th,
.tabletype01-respo td{
   padding:8px;
   border-bottom:1px solid #bbbbbb;
   border-left:1px solid #bbbbbb;
}
.th-gray th {
   background-color:#f4f4f4;
}
.th-aqua th {
   background-color:#EEF2FF;
}
.th-orange th {
   background-color:#FFF5EC;
}
.th-yellow th {
   background-color:#FFFFEC;
}
.th-white th {
   background-color:#FFFFFF;
}

.th-normal th {
  font-weight:normal;
}

.th-vatop th {
 vertical-align: top;
}

.th100 th {
   width: 100%;
}
.th100 td {
   width: 0%;
}


.th5 th {
   width: 5%;
}
.th5 td {
   width: 95%;
}

.th10 th {
   width: 10%;
}
.th10 td {
   width: 90%;
}
.th15 th {
   width: 15%;
}
.th15 td {
   width: 85%;
}

.th20 th {
   width: 20%;
}
.th20 td {
   width: 80%;
}
.th30 th {
   width: 30%;
}
.th30 td {
   width: 70%;
}
.th35 th {
   width: 35%;
}
.th35 td {
   width: 65%;
}
.th40 th {
   width: 40%;
}
.th40 td {
   width: 60%;
}
.th50 th {
   width: 50%;
}
.th50 td {
   width: 50%;
}
.th60 th {
   width: 60%;
}
.th60 td {
   width: 40%;
}

.th-l th {
   text-align: left;
}
.th-c th {
   text-align: center;
}
.th-r th {
   text-align: right;
}
.td-l td {
   text-align: left;
}
.td-c td {
   text-align: center;
}
.td-r td {
   text-align: right;
}

/*** 京葉病院、外来ページで使用。komojiとかnigyomeも。 ***/

table.large-only02 {
 border: 1px solid #AAAAAA;
 border-collapse: collapse;
 width: 100%;
 }

table.large-only02 th {
 border-width: 1px 1px 1px 1px;
 border-style: solid dashed double dashed;
 border-color: #AAAAAA;
 padding: 0.3em;
 background-color: #EEEEEE;
 }

table.large-only02 td {
 border-width: 1px;
 border-style: solid dashed;
 border-color: #AAAAAA;
 padding: 8px 4px 6px 4px;
 text-align: center;
 vertical-align: middle;
 line-height : 130%;
 }

.komoji {
	font-size : 13px;
	line-height : 130.00%;
	color: #FF6600;
	font-weight: normal;
	margin-top : 0px;
}
.komoji-red {
	font-size : 13px;
	line-height : 130.00%;
	color: #FF0000;
	font-weight: normal;
	margin-top : 0px;
}
.nigyome {
	margin-top : 4px;
}

.table-hidari01 {
 background-color: #FFFFEC;
 }




/*** フッターのメニュー ***/

.tabletype-footer {
 border-top: dashed 0px #AAAAAA;
 border-bottom: dashed 0px #AAAAAA;
 border-right: dashed 0px #AAAAAA;
 border-left: dashed 0px #AAAAAA;
 border-collapse: collapse;
 width: 100%;
 }

.tabletype-footer th {
   font-size: 12px;
 color:#FFFFFF;
 border-top: dashed 0px #AAAAAA;
 border-bottom: dashed 0px #AAAAAA;
 border-right: dashed 0px #AAAAAA;
 border-left: dashed 0px #AAAAAA;
 padding: 0.3em;
 text-align: left;
 background-color: #004F9D;
 }

.tabletype-footer td {
   font-size: 12px;
 color:#FFFFFF;
 border-top: dashed 0px #AAAAAA;
 border-bottom: dashed 0px #AAAAAA;
 border-right: dashed 0px #AAAAAA;
 border-left: dashed 0px #AAAAAA;
 padding: 8px 4px 6px 4px;
 text-align: left;
 vertical-align: top;
 line-height : 180%;
 }

.tabletype-footer a{ color:#FFFFFF; text-decoration:none; }














@media screen and (max-width:640px) {
.tabletype01-respo th,
.tabletype01-respo td{
	display:block;
}
.tabletype01-respo{
width: 100%;
}
.tabletype01-respo th,
.tabletype01-respo td {
width: 100%;
}