body{
//  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
//	font-family: "Meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Tahoma","Osaka","MS UI Gothic","ＭＳ Ｐゴシック","sans-serif";
  background-color: #C2E3E8;
}

a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }

h1 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
h2 {
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
}
h3 {
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
}
h4 {
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
}
h5 {
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
}


.dataTable {
//  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.dataTable th {
  padding: 4px;
//  text-align: left;
  vertical-align: top;
  background-color: #eee;
  border: 1px solid #ccc;
    font-weight: normal;
}
.dataTable td {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.striped tr:nth-child(even) td {
    background-color: white;
}
.striped tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

.docTable {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.docTable th {
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
  background-color: #eee;
  border: 1px solid #ccc;
  font-weight: normal;
}
.docTable td {
  padding: 4px 8px;
  background-color: #fff;
  border: 1px solid #ccc;
}