@charset "UTF-8";
/* ==========全体設定=================================== */
/*
html, body {
  font-family: "メイリオ", "Meiryo";
  background-color: #FFFFFF;
  letter-spacing: 0.8pt;
  height: 100%;
}

*/

html,body{
  height: 100%;
  line-height:150%;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#myHeader{
  background-color:#ededed;
  color:#000066;
  border-bottom:2px solid #000099;
  padding:1px 0 1px 10px;
  width:100%;
  height:35px;
  border-left:20px solid #ff6600;
  line-height: 2.1;
  margin: 0 0 8px 0;
}

#title{
  font-size: 1.2em;
  font-family: 'HGS創英角ﾎﾟｯﾌﾟ体', 'メイリオ', 'Meiryo';
}

#myCombobox{
  margin: -0.2em 0 -1em 0;
}
/* ==========サイドメニューとメインメニューのエリア分け========== */
#mySidemenu{
  position : absolute;
  left : 8;
  width : 360px;
}

#myContents{
 margin-left : 360px;
}

/* ==========サイドメニューのテーブル========== */
/*-- 表を収納する枠の設定 --*/
#table_00{
  width:350px;
  margin:0px;
  border:1px
  solid gray;
  padding-left: 2px;
  padding-top: 2px;
  overflow: auto;

  float: left;
  margin-right: 1px;
}

.table_01{  /* 表自体の設定 */
  overflow: auto;   /* スクロール表示 */
  width: 345px;
  height: 550px;
  background-color: #EEEEEE;
}

/*-- 達成度のテーブル。heightを小さく --*/
.table_01_tassei{  /* 表自体の設定 */
  overflow: auto;   /* スクロール表示 */
  width: 345px;
  height: 400px;
  background-color: #EEEEEE;
}

.table_02{
  width:100%;
  margin:0px 0px 10px 0px;
  padding:0px;
  border-collapse:separate;
  border-spacing:1px;
  overflow-y: scroll;
}
.table_02 th{
  padding:4px 2px 2px 4px;
  text-align:center;
  vertical-align:top;color:#339966;
  background-color:#D8FEDA;
  border:1px solid #BBBBBB;
  font-size: 10pt;
  font-family: "メイリオ";
}
.table_02 td{
  padding:4px 2px 2px 4px;
  border:1px dotted #999999;
  font-size: 9pt;
  text-align: center;
}

/* ==========サイドメニューとメインメニューのエリア分け：ヒートマップ========== */
#mySidemenuHeat{
  position : absolute;
  left : 8;
  width : 420px;
}

#myContentsHeat{
 margin-left : 420px;
}


/* ==========サイドメニューのテーブル：ヒートマップ========== */
/*-- 表を収納する枠の設定 --*/
#table_00_heat{
  width:410px;
  margin:0px;
  border:1px
  solid gray;
  padding-left: 2px;
  padding-top: 2px;
  overflow: auto;

  float: left;
  margin-right: 1px;
}

.table_01_heat{  /* 表自体の設定 */
  overflow: auto;   /* スクロール表示 */
  width: 405px;
  height: 400px;
  background-color: #EEEEEE;
}

.table_02_heat{
  width:100%;
  margin:0px 0px 10px 0px;
  padding:0px;
  border-collapse:separate;
  border-spacing:1px;
  overflow-y: scroll;
}
.table_02_heat th{
  padding:4px 2px 2px 4px;
  text-align:center;
  vertical-align:top;color:#339966;
  background-color:#D8FEDA;
  border:1px solid #BBBBBB;
  font-size: 10pt;
  font-family: "メイリオ";
}
.table_02_heat td{
  padding:4px 2px 2px 4px;
  border:1px dotted #999999;
  font-size: 9pt;
}

/* ==========サイドメニュー========== */
.sideStyle {
  line-height:150%;
}

/* =================================== */

@media print{
  div.left{
    display:none;
  }
  div.right{
    float:none;
    width : 100%;
  }
}