body{
   width:1080px;margin:0 auto;
}
td{
   padding-left:2px;padding-right:2px;
}

/* トップフレーム */

#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;
}

/* 総合シフト表 */
table.総合シフト表 td:nth-child(n+4){
   width: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:140px;
}
table.個人別 tr:nth-child(4n){       /* ４の倍数行を非表示 */
   display:none;
}
table.個人別 tr:nth-child(1) td{     /* １行目（曜日）の線指定　グレー */
   border:1px solid darkgray;
}
table.個人別 tr:nth-child(4n-2) td{  /* ４の倍数-２（日にち行）の枠線指定　緑　太い */
   border:3px solid green;
}
table.個人別 td{  /* 列幅を広く */
   width:100px;
}

/* テーブル間セパレータ */
.sepalator-table{
   width:20px; border-top-style: hidden;border-bottom-style: hidden;
}