@charset "utf-8";
body{margin:0; padding:0; background-color:#FFFFFF; font-family:"ＭＳ ゴシック", "Osaka－等幅",Arial, Helvetica, sans-serif; line-height:1.3em;}
#schedule{margin:0 auto; padding:0; width:80%;}

h1{border-bottom:4px double #006699; text-align:center; padding:8px 4px; line-height:1.4em;}
#Footer{border-top:1px solid #CCCCCC; padding:2px 0; font-size:0.75em; color:#333333; margin-top:20px;}

.hours{text-align:center;}
.hours ul{list-style:none; margin:0; padding:0;}

p.notes{margin-bottom:0;}
p.notes span{ padding:4px; margin-left:8px;}

p.comment{width:52%; color:#CC0000; margin:12px auto; text-align:left; line-height:1.6em;}

.hour{background-color:#FFFFFF; padding:2px; border-top:2px solid #999999;}
.ok{background-color:#D1E2FC; color:#003399;}
.ng{background-color:#FCEBEB; color:#990000;}
.harf{background-color:#E0F4CE; color:#336600;}

table{border:1px solid #CCCCCC; margin:0 auto; width:700px; border-collapse:collapse;}
th, td{padding:8px; text-align:center; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
th{background-color:#E4EAED; white-space:nowrap;}
th span{display:block;}
table span.nl{display:inline;}
table span.inn{display:inline;}

p{text-align:center;}

@media screen and (max-width:1100px){
p.comment{width:70%;}
}

@media screen and (max-width:880px){
#schedule{width:98%;}
dl{left:-30%; margin-left:30%;}
p.comment{width:90%;}
}

@media screen and (max-width:760px){
table{font-size:0.9em; width:90%;}
}

@media screen and (max-width:700px){
h1 span{display:block;}
table{font-size:0.8em; width:auto;}
}

@media screen and (max-width:680px){
dl{left:-25%; margin-left:25%;}
table span.nl{display:block;}
}

@media screen and (max-width:600px){
th, td{padding:10px 0;}
dl{left:0; margin-left:24px;}
dd{margin-right:6px;}
}

@media screen and (max-width:480px){
th span.inn{display:none;}
}

@media screen and (max-width:400px){
h1{font-size:1.5em;}
table{font-size:0.75em;}
}