.scroll table { margin: 8px 0; }
.scroll th {
border: 1px solid #eee;
padding: 0.75em;
text-align:center;
vertical-align: top;
white-space: nowrap;
background-color: #bbb;
color: #fff;
}
.scroll td {
border: 1px solid #eee;
padding: 0.75em 1em;
text-align:right;
vertical-align: top;
white-space: nowrap;
}
.scroll .odd td { background: #faf9f5; }

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}