@charset "Shift_JIS";
table{
   margin-top: 14px;
   border-top: 1px dashed #b9b9ff;
   width: 100%;
   /* テーブルの横幅を指定する */

   background-image : url(../img/back.png);
   background-repeat : no-repeat;
   background-position : right bottom;
    background-size:90% auto;
}
table th, table td{
   vertical-align : middle;
   padding :0px;
/* セルの余白を指定する(上下左右) */
}
table th{
width: 16%;
   /* テーブルの見出しの横幅を指定する */
text-align: left;
   vertical-align : middle;
}
@media screen and (max-width: 1024px) {
table th{
width: 16%;
   /* テーブルの見出しの横幅を指定する */
text-align: left;
   vertical-align : middle;
}
}
@media screen and (max-width: 960px) {
table th{
width: 17%;
   /* テーブルの見出しの横幅を指定する */
text-align: left;
   vertical-align : middle;
}
}
@media screen and (max-width: 880px) {
table th{
width: 20%;
   /* テーブルの見出しの横幅を指定する */
text-align: left;
   vertical-align : middle;
}
}
@media screen and (max-width: 780px) {
table th{
width: 22%;
   /* テーブルの見出しの横幅を指定する */
text-align: left;
   vertical-align : middle;
}
}
@media only screen and (max-width:680px){
   table {
   }
table th, table td{
   width: 100%;
   /* テーブルの見出しの横幅を指定する */
display: block;
/* ブロックレベル要素化する */
}
}

zebra{
    border-collapse: collapse;
}
.zebra th,
.zebra td{
    border-bottom-style : dashed;
    border-bottom-color : #b9b9ff;
    border-bottom-width : 1px;
}
.zebra th{
    text-align: left;
}
.trcolor1{
    background-color : rgba(240, 245, 250,0.65);
}
.trcolor2{
    background-color : rgba(255, 248, 252,0.0);
}

@media only screen and (max-width:680px){
.trcolor1{
    background-color : rgba(240, 245, 250,0.0);
}
.trcolor2{
    background-color : rgba(255, 248, 252,0.0);
}
}

.font11{
   font-size : 14px;
   line-height : 24px;
   color : #222;
   margin:4px 10px 4px 16px;
   text-align : left;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-shadow: 1px 1px 1px rgba(210, 210, 210, 0.45);
}

.font12{
   font-size : 11pt;
     font-weight: bold;
   color : #444;
   margin-left:0px;
   text-align : left;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-shadow: 1px 1px 1px rgba(210, 210, 210, 0.45);
}
@media screen and (max-width: 880px) {
.font11{
   font-size : 10px;
   line-height : 18px;
   color : #222;
   margin-left:10px;
   margin-right:14px;
   text-align : left;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-shadow: 1px 1px 1px rgba(210, 210, 210, 0.45);
}
}
@media screen and (max-width: 780px) {
.font11{
   font-size : 11pt;
   line-height : 24px;
   color : #222;
   margin-left:14px;
   margin-right:14px;
    margin-top: 8px;
    margin-bottom: 8px;
   text-align : left;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-shadow: 1px 1px 1px rgba(210, 210, 210, 0.45);
}
}
@media screen and (max-width: 680px) {
.font12{
   font-size : 11pt;
   font-weight: bold;
   color : #666;
   margin-left:0px;
   text-align : left;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-shadow: 1px 1px 1px rgba(210, 210, 210, 0.45);
}
}
.a2{
   border-right: 1px dashed #b9b9ff;
   padding-top: 2px;
   padding-bottom: 8px;
}
@media only screen and (max-width:680px){
.a2{
   border-right: 0px dashed #b9b9ff;
     background-color :  rgba(240, 245, 250,0.75);
}
}
.a4{
   padding-top: 6px;
   padding-bottom: 4px;
}