 :focus {outline:none;}
  ::-moz-focus-inner {border:0;}

  body {
     background-color: #fafafa;
     font-size : 15px;
     font-family : Arial;
  }

  #content {
    display: box;
    width:70%;
    margin: auto;
    margin-top : 70px;
  }

  #add_box {
    text-align : center;
    margin-bottom: 45px;
  }

  #add_bt {
    border-radius: 10px;
    background: #fcfcfc;
    padding: 5px 12px 5px 12px;
    border: solid #8c8c8c 1px;
    text-decoration: none;
  }

  #pick_box {
    text-align : center;
    margin-top: 45px;
  }

  #pick_bt {
    border-radius: 10px;
    color: #373737;
    background: #fcfcfc;
    font-size: 15px;
    padding: 10px 0px 10px 0px;
    border: solid #8c8c8c 1px;
    text-decoration: none;
    width : 22%;
    margin-left : 5px;
    margin-right : 5px;
  }

  #title {
    width : 200px;
    height : 20px;
    font-size: 12px;
    margin-right : 10px;
  }

  .sub, .book {
    display : inline-block;
  }

  .sub {
    background-color: #eaeaea;
    min-width :30%;
    padding-left : 10px;
  }
  .book {
    min-width : 60%;
    text-align : center;
  }
  .del_bt {
    font-size: 12px;
    background-color: #e7e7e7;
    color : black;
  }
  .entry {
    display: block;
    height : 30px;
    line-height: 30px;
  }
  #list_select {
    text-align : center;
    height: 85px;
    border: solid #8c8c8c 0px;
  }
  .list_bt {
    border-radius: 10px;
    color: #373737;
    font-size: 15px;
    padding: 10px 0px 10px 0px;
    border: solid #8c8c8c 1px;
    text-decoration: none;
    width : 33%;
    margin-left : 5px;
    margin-right : 5px;
  }

  .list_bt:hover {
    border: solid #8c8c8c 2px;
    text-decoration: none;
  }
  .list_bt_on {
    background: #fcfcfc;
  }

  .list_bt_off{
    background: #e0e0e0;
  }
  .bg_red {
    border: solid #8c8c8c 0px;
    background-color: #dd6666;
  }
