@charset "utf-8";

#tabilabo_wrapper .main-box {
  background-color: #dd5797;
}

#tabilabo_wrapper .main-box ul.vol {
  background: #c01761;
}

#tabilabo_wrapper #cach h2 {
  border-left: 7px solid #dd5797;
  color: #dd5797;
}


/*-----------------------------
box area
--------------------------*/
#tabilabo_wrapper #box,
#tabilabo_wrapper #box-r {
  background-color: #fff2f2;
  border-right: 2px solid #f6dbe4;
  border-bottom: 2px solid #f6dbe4;
}

#tabilabo_wrapper #box .info p.sub01,
#tabilabo_wrapper #box-r .info p.sub01 {
  color: #dd5797;
}

#tabilabo_wrapper #box .info h2.sub02,
#tabilabo_wrapper #box-r .info h2.sub02 {
  color: #dd5797;
padding-top:0;
line-height:1.2
}

#tabilabo_wrapper #box .info ul.blue,
#tabilabo_wrapper #box-r .info ul.blue {
  background-color: #dd5797;
  border-top: 3px solid #dd5797;
}

#tabilabo_wrapper #box .boxlink:hover,
#tabilabo_wrapper #box-r .boxlink:hover {
  background: #eff5ff;
}

#tabilabo_wrapper #box .boxlink p.title,
#tabilabo_wrapper #box-r .boxlink p.title {
  color: #dd5797;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


/*-----------------------------
box area sub02(2line)= height +45px
--------------------------*/
#tabilabo_wrapper #box.two-line,
#tabilabo_wrapper #box-r.two-line {
  height: 495px;
}

/*-----------------------------
text3の行数が不揃いの時用
--------------------------*/
#tabilabo_wrapper #box.over-line,
#tabilabo_wrapper #box-r.over-line {
  height: 500px;
}

#tabilabo_wrapper #box .info h2.sub02,
#tabilabo_wrapper #box-r .info h2.sub02 {
    font-size: 188%;
}

#tabilabo_wrapper #box.two-line,
#tabilabo_wrapper #box-r.two-line,
#tabilabo_wrapper .two-line h2.sub02,
#tabilabo_wrapper #box.over-line,
#tabilabo_wrapper #box-r.over-line {
    height: auto;
}