html,
body{
  height:100%
}

body{
  font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  line-height:1.7
}

a{
  text-decoration:none
}

a:hover{
  color:#F66
}

/* [ sidebar ]
----------------*/

#sb{
  position:fixed;
  top:0;
  left:0;
  width:220px;
  height:100%;
  float:left;
  box-shadow:1px 0 1px #c5c5c5
}


#sb ul{
  margin:0;
  padding:35px 0 35px 40px
}

#sb li a{
  display:block;
  padding:5px 10px
}

#sb li a:hover{
  background:#f2f2f2
}

thead{
  font-weight:bold;
}

tbody td{
  border:1px #333 solid;
  text-align:center;
  padding:5px 10px;
}

.marginT{
  margin-top:25px;
}

pre{
  max-width:650px;
  padding:10px;
  color:#333;
  background:#d8d8d8;
}

#reference dl{
  margin-left:15px;
}

#reference dt{
  font-weight:bold;
}

/* [ contents ]
-----------------*/

#wrapper{
  margin:0 0 0 220px
}

.inner{
  padding:20px;
}

.guide{
  border-top:3px #333 solid;
}