.well-white {
    background-color: white
}

.space-bottom {
    margin-bottom: 6px
}

.choices_field {
    float: left
}

#choices_field {
    float: left
}

.accept_field {
    float: left
}

#accept_field {
    float: left
}

.wordhidden {
    height: 19px;
    white-space: nowrap;
    overflow: hidden;
}

.wordhidden_workbook {
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.wordhidden_only {
    white-space: nowrap;
    overflow: hidden;
}

.textRight {
    text-align: right;
}

/* Sticky footer styles
 -------------------------------------------------- */
html, body {
    height: 100%;
    /*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;*/
    /* The html and body elements cannot have any padding or margin. */
}
body {
  -webkit-text-size-adjust: 100%;
}

body#w2ui {
    margin-top: 41px;
    padding: 0px;
    overflow: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

table {
    font-size: 14px;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push, #footer {
    height: 60px;
}

#footer {
    background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left:    -20px;
    margin-right:   -20px;
    padding-left:   20px;
    padding-right:  20px;
  }
}

.monospace {
    font-family:"ＭＳ ゴシック", "MS Gothic", monospace;
}

/* My Setting CSS
-------------------------------------------------- */
body {
  padding-top:  60px;
  /*background-color:#f4f9f2;*/
  /* test */
  padding-right: 20px;
  padding-left: 20px;

}
/*
@media (min-width: 980px) {
}
*/

@media (max-width: 480px) {
    .modal-fixed-bottom {
        margin-top: 20px;
        bottom: 0px;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}

.user-name {
    max-width: 260px;
    overflow: hidden;
}
.user-name-long {
    max-width: 900px;
    overflow: hidden;
}
.brushuppattern-name {
    max-width: 420px;
    overflow: hidden;
}
.autoextractionmaster-name {
    max-width: 420px;
    overflow: hidden;
}
.category-tree {
    width: 780px;
    margin-left: -390px;
}
.logo {
    margin-top: -30px;
}
.alert {
    margin-bottom: 10px;
}
.pager {
    margin-top: 10px;
    margin-bottom: 10px;
}
.pager select.displayLength,
.pager select.selectPage {
    margin: 0px;
    width: 5em;
}
td.pull-center {
    text-align: center;
}
td.title {
    background-color: #fcf8e3;
}
.noneselect {
    user-select: none;          /* CSS3 */
    -moz-user-select: none;     /* Firefox */
    -webkit-user-select: none;  /* Safari、Chromeなど */
    -ms-user-select: none;      /* IE10 */
}
input.btn-middle {
    width: 100px;
}
div.small {
    margin-bottom: 0px;
}
table {
    table-layout:fixed;
}

.div-table-content {
  height: 198px;
  overflow-y:auto;
}
table.div-table-thead {
  margin-bottom: 0px;
}
.div-table-content {
  height: 198px;
  overflow-y:auto;
}

/**
 *  w2ui
 */
#main_layout {
    position: absolute;
    width: 100%;
    height: 96%;
}

div.top_html {
    background-color: snow;
    padding: 10px 5px;
    border-bottom: 1px solid silver
}

.sidebar-bottom {
    border: 0px;
    border-top: 1px
    solid silver;
    background-color: snow;
    color: #555;
}

.input input {
    height: 30px;
}

.d-none {
    display: none;
}

@media (max-width: 940px) {
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
      width: auto;
  }
}

/* 問題登録と試験実施中で使用するためここに定義しておく
 public/stylesheets/testresult/mobileTestResult.css にも定義があるので
 変更時は注意.
 */
.cloze-answer {
    display: inline-block;
    width: 4em;
    text-align: center;
    border: 1px solid #333;
    padding: 1px;
    margin: 1px 2px;
}

.cloze-answer-active {
    background-color: LightGreen;
}