body {
    /* background-color: #eee; */
    padding-top: 70px; /* 70px to make the container go all the way to the bottom of the topbar */
    font-family: Meiryo, arial, clean, verdana, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
    font-size: 14px;
}
h1, h2, h3, h4 {
    font-family:Meiryo, arial, clean, verdana, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

.affix {
    position: fixed;
    top: 60px;
    width: 220px;
}

.navbar {
    font-size: 12px;
}
.navbar-brand {
    background: url("/img/car-lab-cass-logo.png") no-repeat left center;
    background-size: contain;
    margin-top: 10px;
    height: 30px;
    width: 240px;
}

.navbar-home {
    margin: 8px 5px 8px 15px;
    color: #aaa;
}

.index-menu-ul {
    border-collapse: separate;
    border-spacing: 10px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0px;
}
.index-menu-li {
    vertical-align: top;
    display: table-cell;
    padding: 10px;
}

.click-here {
    position: relative;
    padding-bottom: 30px;
}
.click-here img[alt="詳細はこちら"] {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

span.title {
    margin-left: 10px;
    vertical-align: middle;
}

table.category-menu {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
    margin-top: 5px;
}
table.category-menu td {
    vertical-align: top;
 padding: 0;
}
td.category-menu-title {
    height: 2em;
    width: 100%;
    text-align: center;
}
td.category-menu-description {
    height: 70px;
}
span.category-1 {
    color: #5586e0;
}
span.category-2 {
    color: #4daedd;
}
span.category-3 {
    color: #47bd9a;
}
span.category-4 {
    color: #8dc344;
}
span.category-5 {
    color: #f2bd2a;
}

p.line {
    background-color: #c00;
    color: #f8f8f8;
    font-size: large;
    font-weight: bold;
    margin-top: 50px;
    padding: 10px;
}

.footer {
    /* background-color: #f8f8f8; */
    background-color: #eee;
    margin-top: 20px;
    padding: 15px;
}

.form-inline {
  margin-top: 0;
}

/*--- 仕切り線 admin ---*/
  .dl-horizontal.admin dt {
      width:100px;
  }
  .dl-horizontal.admin dd {
      margin-left:120px;
  }

/*--- スピンボタン非表示 Firefox/IE ---*/
  input[type="number"] {
    -moz-appearance:textfield;
  }
/*--- スピンボタン非表示 Chrome/Safari ---*/
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }


/*--- Placeholder ---*/
input::-webkit-input-placeholder {
  font-size: 75%;
}
input:-moz-placeholder {
  font-size: 70%;
}

/*--- badgeカラー ---*/
  .badge-primary {
    background-color: #337ab7;
  }
  .badge-success {
    background-color: #dff0d8;
  }
  .badge-info {
    background-color: #d9edf7;
  }
  .badge-warning {
    background-color: #fcf8e3;
  }
  .badge-danger {
    background-color: #f2dede;
  }

/*--- 問合せステータスカラー（未対応／確認／対応済／完了）---*/
  .inquiry-status0 {
    background-color: #f2dede;
  }
  .inquiry-status1 {
    background-color: #fcf8e3;
  }
  .inquiry-status2 {
    background-color: #dff0d8;
  }
  .inquiry-status3 {
    background-color: #337ab7;
  }

/*--- 問合せ応答ステータスカラー（未読／既読）---*/
  .answer-status0 {
    background-color: #f2dede;
  }
  .answer-status1 {
    background-color: #fcf8e3;
  }

/*--- ラベル：タイトル用 ---*/
  .label-title {
    background-color: #fff;
    border: solid 1px #616161;
    color: #616161;
    font-weight: normal;
    margin-right: 10px;
    padding-bottom: 0;
  }
  .label-title-primary {
    background-color: #fff;
    border: solid 1px #337ab7;
    color: #337ab7;
    font-weight: normal;
    margin-right: 10px;
    padding-bottom: 0;
  }
  .label-title-info {
    background-color: #fff;
    border: solid 1px #26c6da;
    color: #26c6da;
    font-weight: normal;
    margin-right: 10px;
    padding-bottom: 0;
  }
  .label-title-success {
    background-color: #fff;
    border: solid 1px #009688;
    color: #009688;
    font-weight: normal;
    margin-right: 10px;
    padding-bottom: 0;
  }
  .label-title-warning {
    background-color: #fff;
    border: solid 1px #ff6d00;
    color: #ff6d00;
    font-weight: normal;
    margin-right: 10px;
    padding-bottom: 0;
  }
  .label-title-danger {
    background-color: #fff;
    border: solid 1px #d50000;
    color: #d50000;
    font-weight: normal;
    margin-right: 10px;
    padding-bottom: 0;
  }

  .label-default, .label-danger, .label-warning, .label-success, .label-primary, .label-info {
    font-weight: normal;
    padding-bottom: 0;
  }

/*--- チェックボックス選択項目 ---*/
  .label-checked {
    background-color: #eeeeee;
    border: solid 1px #607d8b;
  }

/*--- テキストオーバフロー非表示 ---*/
  .overflow-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
  }

/*--- Validation エラーメッセージ色(Danger) ---*/
  .form-error {
      border: 1px solid #a94442;
      background-color: #f2dede;
  }
  .text-danger {
      color: #a94442;
  }
  .has-error input,select,textarea {
    background-color: #f2dede;
  }
  .form-error input,select,textarea {
    background-color: #f2dede;
  }

/*--- PRE要素内自動改行 ---*/
  pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

/*--- テーブル行 リンクカーソル ---*/
tbody.pointer tr {
  cursor:pointer;
}

/*--- フォーム入力項目グループのサブタイトル ---*/
.sub-legend {
  margin-top: 30px;
  padding: 3px 20px;
  background-color: #d8d8d8;
  border: solid 1px #b0bec5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 120%;
}

/*--- フォーム入力値表示用 ---*/
.col-form-value {
  font-size:16px;
  padding-bottom: 10px;
}

/*--- legend内コンテンツ ---*/
.legend-box {
  margin-left: 5px;
  margin-right: 5px;
}

/*--- 一覧：新着行背景色 ---*/
.panel-body-new {
  background-color: #fff9c4;
}

/*--- ログイン画面：半透明 ---*/
.translucence {
  opacity:0.5;
}

/*--- 会員メニュー：サービスメニュー ---*/
.col-padding-menu {
  padding: 0;
}
.thumbnail-menu {
  margin-bottom: 0;
  border:0;
}

/*--- 会員メニュー：新着情報一覧 ---*/
.notice-box {
  overflow-y:auto;
  height: 430px;
  padding: 0 5px;
}
.notice-list table {
  border-collapse: collapse;
  border-style: dotted;
}
.notice-list td {
  vertical-align: top;
}
.notice-list pre {
  margin: 0;
  padding-left: 25px;
  border-style:none;
  font-size: 12px;
}

/*--- 会員メニュー：新着セミナー／サービス：バナーイメージ ---*/
.thumbnail-banner {
  max-height: 150px;
}

/*--- セミナー：バナーイメージ ---*/
.seminar_banner {
  height: 30px;
  margin: 3px 0;
}

ul.marker_square {
  line-style-type: none;
  margin-left: -42px;
}
ul.marker_square li:before {
  content: "■";
  margin-left: -42px;
}

p.li_marker {
  text-indent: -1em;
  margin-left: 1em;
}
p.li_marker span {
  display: inline-block;
  width: 1em;
  text-indent: 0;
}

/* MouseOverでDorpDownMenu */
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}