body{margin:0;padding:8px 12px;background:#fff;color:#222;font:14px/1.6 "MS PGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
a{color:#0000cc;text-decoration:none}a:hover{text-decoration:none}a:visited{color:#551a8b}
h1{font-size:18px;margin:4px 0;padding:2px 6px;background:#dde6f5;border-bottom:2px solid #335ac0}
form{margin:8px 0;padding:6px;border:1px solid #999;background:#f4f4f4}
form label{display:inline-block;margin:2px 10px 2px 0;white-space:nowrap}
form select,form input[type=search]{font-size:14px;max-width:46vw}
form button{font-size:14px;padding:2px 12px}
.nav{margin:6px 0;font-size:13px}
table{border-collapse:collapse;width:100%;margin:6px 0}
th,td{border:1px solid #999;padding:3px 6px;text-align:left;vertical-align:top}
th{background:#dde6f5;font-weight:normal;white-space:nowrap}
tr:nth-child(even) td{background:#f8f8f8}
.type{font-size:12px;color:#555}
.pager{margin:8px 0}.pager a,.pager b,.pager span{margin-right:8px}
.empty{padding:12px;border:1px solid #999}
.foot{margin-top:14px;font-size:12px;color:#555}
@media(max-width:600px){table,thead,tbody,tr,th,td{display:block}thead{display:none}td{border:0;padding:1px 4px}tr{border:1px solid #999;margin-bottom:6px;padding:3px}}
.info{font-size:12px;color:#555;white-space:nowrap}
table.detail{width:auto;min-width:50%}table.detail th{text-align:left}
.body{white-space:pre-wrap;padding:6px;border:1px solid #ccc;background:#fafafa;margin:4px 0}
.comment{margin:8px 0;padding:4px 0;border-top:1px dotted #999}
@media(max-width:600px){table.detail tr{display:block}table.detail th,table.detail td{display:block}}
.badge{display:inline-block;margin-left:6px;padding:0 7px;border-radius:3px;font-size:12px;line-height:1.6;color:#fff;white-space:nowrap}
.badge-expired{background:#d6334a}.badge-closed{background:#6b7280}.badge-soon{background:#c24a06}.badge-open{background:#335ac0}