/* html,bodyタグの設定 */
html, body{
    margin: 0;        
    padding: 0;       
    width:100%;
    height:100%;
}

/* ヘッダー */
div#header{
    height:2.4em;
    padding-top:1em;
    background-color:#444;
}
div#header-content{
    margin: auto;
    width: 960px;
    color: #ffffff;
    font-size: 120%;
}

/* ボディ */
div#body{
    width:960px;
    margin:auto;
    padding-top: 1em;
    clear:both;
}
form{
    width:100%;
    height:100%;
}
/* フッター */
div#footer-fixed
{
    position: fixed;      
    bottom: 0px;          
    left: 0px;            
    width: 100%;          
    height: 30px;         
}
div#footer-wrap
{
    background-color:#444;
    padding:6px 0 20px;   
    height:30px;          
    width:100%;           
}
div#footer { 
    height: 20%;          
    width: 960px;         
    margin: auto;         
    color: #ffffff;
    text-align:center;
}

/* その他 */
table{word-wrap: break-word;}
th{font-weight:normal;}
span#title{padding-right:6px;}

.ui-datepicker{
    font-size: 100%;
}
/*月のプルダウン段ずれ防止*/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto;}

/*日曜日*/
table.ui-datepicker-calendar tbody td:first-child a.ui-state-default{color: #F00;}
table.ui-datepicker-calendar thead th:first-child {color: #F00;}
/*土曜日*/
table.ui-datepicker-calendar thead th:last-child {color: #00F;}
table.ui-datepicker-calendar tbody td:last-child a.ui-state-default {color: #00F;}
/*選択日*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ff9933;
    background: #ffffcc;
    color: #000;
}


.datepicker{width:5.6em;text-align:right;}

div.left{float:left;}
div.right{float:right;}