* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #CFC;
  font: 15px sans-serif;
}

.wrapper {
    padding: 10px;
}

td div , td span { padding:0; margin: 0;}

/* ============================================= */

/* databar 帯グラフのスタイル　*/

ul.databar { overflow: hidden; margin: 1px 0px 0 1px; height: 100%; }

ul.databar li {
    float: left; list-style: none; text-align: center; display: block;
    font-size: 13px;/*50%; */
    line-height: 1.6;/*2; */
    overflow: hidden;
}

/* バーグラフの色（共用）*/
.data-a { background-color: #FCC !important; }
.data-b { background-color: #CFC !important; }
.data-c { background-color: #CCF !important; }
.data-d { background-color: #F9F !important; }
.data-e { background-color: #9FF !important; }
.data-f { background-color: #FF9 !important; }



/* aparkline 棒グラフのスタイル */
.sparkline .label { z-index: 100; width:100%; display: block; position: absolute; height:1em; top: 0; }
.sparkline .bar   { z-index:  10; width:100%; display: block; position: absolute; background-color: #999; 
    top: 50%; margin-top: -1em;
    font-size: 50%; line-height: 2; height: 2em;
    overflow: hidden;
}

.sparkline {
    position: relative;
    display: block;
    width:100%;
    height:100%;
    cursor: pointer; 
}








/* ============================================= */
/* table リセッタ */
/* str = 1 */
table { 
    width:100%;
    table-layout: fixed;
    /* border-collapse: collapse */;
    border-collapse: separate;
    border-spacing: 0;

    font-size: inherit;
    line-height: inherit;
} 

td, th, tr, caption {
    font-size: inherit;
    line-height: inherit;
}
/* str = 2 */
table caption { 
    caption-side: top;
    text-align: center;
}

table td, table th { 
    border: solid 1px #333;
} 
/* str = 3 */
table thead td, table thead th { 
} 
table tbody td, table tbody th { 
} 
table tfoot td, table tfoot th { 
} 

/* お便利パーツ */
/* str = 23; */
table tr.l td, table tr.l th { text-align:left; }
table tr.c td, table tr.c th { text-align:center; }
table tr.r td, table tr.r th { text-align:right; }
/* tr 23 =< td 23 */
table tr td.l, table tr th.l { text-align:left  ;}
table tr td.c, table tr th.c { text-align:center;}
table tr td.r, table tr th.r { text-align:right ;}

table caption.btm { 
    caption-side: bottom;
}


/* template */
table.any { 
} 
table.any caption { 
}
table.any td, table.any th { 
} 
table.any thead td, table.any thead th { 
} 
table.any tbody td, table.any tbody th { 
} 
table.any tfoot td, table.any tfoot th { 
} 




/* いつものエクセル風 */
/* str=11 */


/* str = 12*/
table.dataGrid td, table.dataGrid th,  table.dataGrid caption { 
   padding: 4px;
} 
/* str = 13*/
table.dataGrid thead td, table.dataGrid thead th , table.dataGrid tbody th{ 
    background-color: #ccc;
    border-top: solid 1px #FFF;
    border-left: solid 1px #FFF;
/*
    border-top: none ;
    border-left: none ;
*/
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
}
table.dataGrid tbody th {
    text-align: center;;
}
table.dataGrid tbody td { 
    background-color: #fff;
    border-top: none ;
    border-left: none ;
    border-right: solid 1px #CCC ;
    border-bottom: solid 1px #CCC ;
} 
table.dataGrid tfoot td, table.dataGrid tfoot th { 
    background-color: #ccc;
    border-top: solid 1px #fff;
    border-left: none ;
    border-right: none ;
    border-bottom: solid 1px #333 ;
}

/* str= 22 */
/* IEの古いので効かなかったはずだけど使わないだろうから気にしない */
table.dataGrid tfoot :first-child {
    border-left: solid 1px #FFF;
}
table.dataGrid tfoot :last-child {
    border-right: solid 1px #666;
}