@charset "utf-8";

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 20px;
}


h2 {
  /*font: 100%;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  background-color: #CCCCCC;
	width: 1000px;
}

.logout {
  /*font: 100%;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  text-align: right;
}
	
table.searchbox {
	border: 1px black solid;
	width: 1000px;
}


input.txt {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}

.main{
    width :1000px;
    margin : auto;

}

textarea.txt {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 200px;
}

input.btn {
  color: #00008B;
  font: bold;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}

select.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;    
}

tr.category {
  border: 1px black solid;
  /*font: bold 100%;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  background-color: #ADD8E6;
  padding-bottom: 5px;
  margin-top: 8px;
}

td.head {
  /*font: bold 80%;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  background-color: #CCCCCC;
}

td {
  padding: 3px;    
  font: 80%;  
}

p {
  /*font: 100%;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
  padding-left: 5px;         
}

.late {
  color: red;    
}

.ontime {
  color: green;    
}

a:link, a:visited {
  color: blue;    
}

#right{
  padding: 5px;    
  display : block;  
  width : 100%;  
  text-align : right;  
  font-size: 14px;
  font-family: Montserrat, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  }
  #container {
    width:1000px;
    margin: auto;
    padding: 10px;
  }