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

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



.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;
}



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





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

.th-l th {
   text-align: left;
}
.th-c th {
   text-align: center;
}
.th-r th {
   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;
    font-weight: lighter;
 }

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

.komoji {
	font-size : 13px;
	line-height : 130.00%;
	color: #FF6600;
	font-weight: normal;
	margin-top : 0px;
}
.nigyome {
	margin-top : 4px;
  border-top: dashed 1px #c0c0c0;
 padding-top: 5px;
}
.kyushinchu {
 font-size : 13px;
 color: #808080;
 background-color: #E2E2E2;
 margin-top: -4px;
 padding-top: 6px;
 padding-bottom: 3px;
}

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



@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%;
}