@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding: 0px; height: 100%; width: 100%; }
/***----***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, em, img, q,  small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, footer, header, hgroup, menu, nav, section { margin: 0px; padding: 0px; border: 0; }
/***----***/
html, body, h1, h2, h3, h4, h5, h6, div, span, p, address, em, strong, dl, dt, dd, ol, ul, li, form, input, textarea, select, table, caption, tbody, tfoot, thead, tr, th, td, a, a:hover { font-size: 14px;line-height: 20px; vertical-align: baseline; background: transparent; -webkit-text-size-adjust: none; max-height: 100%; font-family: "メイリオ", "ＭＳ ゴシック", "Osaka 等幅", monospace; }
/***----***/
a, a:hover { margin: 0px; padding: 0px;font-size: 14px;line-height: 20px; vertical-align: baseline; background: transparent; }
img, iframe, fieldset { border:0px; }
img { vertical-align: bottom; }
ul, ol, li { list-style: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: normal; text-align: left; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/*--------------------------------------------------------------------------------------------------------------*/
h2.bar { padding: 8px; background-color: #F6F6F6; color: #000; margin-bottom: 10px; }
.red { color: #F00; }
#weekly { width: 630px; margin-left: auto; margin-right: auto; }
#weekly table { margin-bottom: 30px; }
#weekly table td { width: -webkit-calc(100% / 7);  width: -moz-calc(100% / 7);  width: calc(100% / 7);border: 1px solid #333; text-align: center; }
#weekly table td a { display: block; padding: 5px; text-decoration: none; color: #333; }
#weekly table td a:hover { background-color: #F33; color: #FFF; }
#weekly table td.Thursday { width: -webkit-calc(100% / 7);  width: -moz-calc(100% / 7);  width: calc(100% / 7);border: 1px solid #333; text-align: center; }
#weekly table td.Thursday a { background-color: #33F; text-decoration: none; color: #FFF; }
/*--------------------------------------------------------------------------------------------------------------*/
.staff_list li { width: 148px; float: left; border: 1px solid #CCC; margin-left: 10px; margin-bottom: 10px; cursor: pointer; }
.staff_list li:first-child { margin-left: 0px; }
.staff_list li:hover { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.staff_list li .name { background-color: #EEE;color: #333; text-align: center; line-height: 30px; height: 30px; }
.staff_list li .image { width: 140px; height: 140px; overflow: hidden; border: 1px solid #EEE; margin: 3px; }
.staff_list li .image img { width: 140px; height: auto; }
/*--------------------------------------------------------------------------------------------------------------*/
#container { width: 920px; margin-left: auto; margin-right: auto; padding-top: 20px; } 
.staff_waku { width: 100%; height: auto; min-height: 300px; position: relative; border-right: 1px solid #CCC;  }
.staff_waku .photo { width: 300px; height: auto; min-height: 303px; position: absolute; top: 0px; right: 0px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; overflow: hidden; text-align: center; }
.staff_waku .photo #full { width: 200px; height: 300px; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 10px; }
.staff_waku .photo #full img { width: 200px; height: auto; }
.staff_tbl { width: 620px; min-height: 300px; }
.staff_tbl .td1 { width: 200px; background-color: #EEE;border: 1px solid #CCC;padding: 9px; }
.staff_tbl .td2 { border: 1px solid #CCC;padding: 9px; width: auto; }
.staff_etc { width: 100%; margin-bottom:20px; margin-top: -1px; }
.staff_etc .td1 { width: 200px; background-color: #EEE;border: 1px solid #CCC;padding: 9px; }
.staff_etc .td2 { border: 1px solid #CCC;padding: 9px;  width: auto;  }
.td2 p.under { border-bottom: 1px dotted #CCC; margin-bottom: 10px; padding-bottom: 10px; }
/*--------------------------------------------------------------------------------------------------------------*/
#thumb { width: 65px; height: 65px; overflow: hidden; float: left; margin-left: 4px; margin-right: 4px; border: 1px solid #999; }
#thumb img { width: 65px; height: auto; cursor: pointer; }