@charset "UTF-8";

/* --------------------------------------
common part
---------------------------------------*/
div.home_element {
  -webkit-box-sizing : border-box;
}
div.home_element + div.home_element {
  padding-top : 5px;
}

/* --------------------------------------
left column
---------------------------------------*/
div.home_left_1col, div.home_left_2col, div.home_left {
  -webkit-box-sizing : border-box;
  height : 100%;
  float : left;
  overflow : hidden;
}
div.home_left_1col {
  width : 100%;
}
div.home_left_2col {
  width : 50%;
}
div.home_left {
  width : 33.5%;
}

/* --------------------------------------
center column
---------------------------------------*/
div.home_center_2col, div.home_center {
  -webkit-box-sizing : border-box;
  height : 100%;
  float : left;
  overflow : hidden;
}
div.home_center_2col {
  padding-left : 5px;
  width : 50%;
}
div.home_center {
  padding : 0 5px 0;
  width : 33%;
}

/* --------------------------------------
right column
---------------------------------------*/
div.home_right {
  -webkit-box-sizing : border-box;
  width : 33.5%;
  height : 100%;
  float : left;
  overflow : hidden;
}

/* --------------------------------------
notice component
---------------------------------------*/
div.notice {
  -webkit-box-sizing : border-box;
  height : 100%;
  overflow : auto;
  background-color : #ffffff;
}
div.notice p {
  margin : 1em;
}
div.notice ul {
  margin : 0.5em 0 0 1em;
  overflow : visible;
}
div.notice ul li {
  background-image : url(../../img/standard/home_list.gif);
  background-repeat : no-repeat;
  line-height : normal;
  margin-bottom : 0.5em;
  min-height : 16px;
  padding-left : 20px;
  list-style : none;
}
div.notice ul * {
  overflow : visible;
}
/* --------------------------------------
schedule component
---------------------------------------*/
div.sch {
  -webkit-box-sizing : border-box;
  height : 100%;
  background-color : #FFFFFF;
  overflow : auto;
}
div.sch.shadow_bottom {
  height : 93.9% !important;
  overflow : auto;
}
div.sch.shadow_top {
  height : 6% !important;
  min-height : 2em;
}
div.sch table {
  margin : 5px 0 5px 3%;
  width : 94%;
  border-collapse : collapse;
  border-spacing : 0;
  border-width : 1px;
  border-style : solid;
  border-color : #333333;
  height : 90%;
  font-size : 90%;
  table-layout : fixed;
  overflow : visible;
}
div.sch table tbody {
  overflow : visible;
}
div.sch table td {
  padding : 4px;
  border-width : 1px;
  border-style : solid;
  border-color : #333333;
  overflow : hidden;
  white-space : nowrap;
}
div.sch table th {
  background-color : #dddddd;
  border-width : 1px;
  border-style : solid;
  border-color : #333333;
  font-weight : bold;
  padding : 4px;
  white-space : nowrap;
}
div.sch table th.sat_am {
  color : #0000cd;
  background-color : #99ccff;
}
div.sch table th.sun_am {
  color : #de1039;
  background-color : #ffcccc;
}
div.sch table th.today {
  border : 2px solid #cc0000;
}
div.sch table tr {
  height : 10%;
  overflow : visible;
}

/* --------------------------------------
mail-recent component
---------------------------------------*/
div.mail_recent {
  -webkit-box-sizing : border-box;
  height : 100%;
  overflow : auto;
  background-color : #FFFFFF;
}
div.mail_recent p {
  margin : 1em;
}
div.mail_recent ul {
  margin : 0.5em 0 0 1em;
}
div.mail_recent ul li {
  background-image : url(../../img/standard/home_list.gif);
  background-repeat : no-repeat;
  line-height : normal;
  margin-bottom : 0.5em;
  min-height : 16px;
  padding-left : 20px;
  overflow : visible;
}

/* --------------------------------------
login-info component
---------------------------------------*/
div.login_info {
  -webkit-box-sizing : border-box;
  height : 100%;
  overflow : auto;
  background-color : #FFFFFF;
}
div.login_info table {
  margin : 5px 0 5px 3%;
  width : 95%;
  border-collapse : separate;
  border-spacing : 0;
  border-width : 1px 0 0 1px;
  border-style : solid;
  border-color : #333333;
  font-size : 95%;
}
div.login_info table tr {
  overflow : visible;
}
div.login_info table th {
  padding : 2px;
  background-color : #dddddd;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
}
div.login_info table td {
  padding : 2px;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  line-height : normal;
  text-align : center;
}
div.login_info table td.io {
  font-weight : bold;
}

/* --------------------------------------
quota component
---------------------------------------*/
div.quota {
  -webkit-box-sizing : border-box;
  height : 100%;
  overflow : auto;
  background-color : #FFFFFF;
}
div.quota table {
  margin-left: auto;
  margin-right: auto;
}
div.quota table td {
  text-align : right;
  font-size : 80%;
}
div.quota table th {
  font-size : 80%;
  padding-top : 13px;
  vertical-align : top;
}