body{width:90%;margin:0 auto;}
td{padding-left:2px;padding-right:2px;}
td{vertical-align:top;}

h1{font-size:x-large;color:green;}
h2{font-size:large;color:green;}
h2+img{margin-left:20px;}

/* トップフレーム */

#frame-top{
   background-color:#f8fff8;
}
#menu-top{
   margin-top:10px;
   border:1px silver solid;
   font-size:medium;
}
#menu-top td{
   padding:0 5px 0 5px;
}
#menu-top a:hover{
   background-color:blue; color:white;
}

/* 表題 */

#main_body{
   background-image : url(shift_image_thumb2.jpg);
}
#main_title{
   margin-top:100px;
   text-align : center;
}
#main_info{
   width:300px;
   background-color : white;
   padding:10px;
   text-align : center;
   margin:30px auto;
}

/* ポップアップ勤務種別表　*/

#syubetu-img{
   position:fixed;
   bottom:50px; width:642px; height:250px;
   overflow:hidden;
   display:none;
   overflow:auto;
}
#syubetu-img img{
   position:relative;
   left:-40px; top:-50px;
}
#syubetu-link{
   position:fixed;bottom:10px;padding:10px;z-index:99;background-color:#f0f0ff;
}
#syubetu-link a:after{
   font-size:small;
   content:' △';
}
#syubetu-link.active a:after{
   font-size:small;
   content:' ▼';
}
#syubetu-link a:hover{
   background-color:blue; color:white;
}
/*----------------------------------------------*/

TABLE{
   font-weight : 100;
   font-size : x-small;
   text-align : center;
}
table,table td{
   border-collapse: collapse;
   border:1px solid silver;
}


/* 画像 共通 */

#myImg{ margin-right:20px;} /* 右余白 */

/* 個別表 */

table.シフト別人員{
  font-size:medium;
}

table.シフト一覧{
  width:3000px;
  table-layout: fixed;
}

table.日別要員{
   font-size:medium;
}

table.時間帯別 td:nth-child(n+5){
   width:10px;
}

table.個人別{
   font-size:large;
}
table.個人別 td{
   width:70px;
}


/*- 印刷用 ----------------------*/

#印刷-個人別 {width:850px;margin-top:50px;margin-right:auto;margin-left:auto;}
#印刷-個人別 h3{font-size:x-large; color:green;}
#印刷-個人別 div{page-break-after: always;}
#印刷-個人別 div span{font-size:large;font-weight:normal;margin-left:20px;}