@charset "UTF-8";

@import "./style.css";

/* 印刷用スタイル */
@media print {
table{
width: auto;
border: black 3px solid;
}

th, td{
border: black 1px solid;
}

tr, th, td{
background-color: white;
}
}/* media */


/* 画面用スタイル */
@media handheld, screen, tv {
table{
width: 750px;
border: saddlebrown 3px solid;
}

th, td{
border: saddlebrown 1px solid;
}

th{
background-color: burlywood;
}

tr.odd{
background-color: honeydew;
}

tr.even{
background-color: mistyrose;
}
}/* media */


table{
/*セルをくっつける*/
border-collapse: collapse;
margin: auto auto;
color: black;
font-size: smaller;
font-family: meiryo, 'ヒラギノ角ゴ Pro W3', 'MS UI Gothic', 'MS Reference Sans Serif', sans-serif;
}

th, td{
padding: 5px;
vertical-align: middle;
}

th{
letter-spacing: 0.3em;
font-weight: normal;
}

td.name{
width: 100px;
letter-spacing: 0.2em;
}

td.before{
width: 100px;
letter-spacing: 0.2em;
}

td.period{
width: auto;
text-align: left;
padding-left: 10px;
}

td.after{
width: 100px;
letter-spacing: 0.2em;
}

td.post{
width: 120px;
letter-spacing: 0.3em;
}