/* bootstrap定義の上書き*/
/*  (LINK付きテキストにUNDERLINEを付ける)*/
a {
  color:#fff;
  text-decoration: underline;
}
a:hover{
  color:#777;
  text-decoration: none;
}

/*page全体 背景色設定  */
body {
/*  background: linear-gradient(#00a3e9, #ccf2ff, #ffffff, #ccf2ff, #00a3e9);*/
  /* background: linear-gradient(#00a3e9, #fff); */
  background: linear-gradient(#2bb2ec, #fff);
}

/*-------------------------------------------
 * header部
 *-------------------------------------------*/
header h1 {
  color: #fff;
}
.page-header {
  border-bottom: none;
  margin-top:0;
  margin-bottom: 0;
  padding-top: 15px;
}

/*-------------------------------------------
 * パンくずリスト部
 *-------------------------------------------*/
.breadcrumb {
  background-color: transparent;
}
.breadcrumb a{
  color: #fff;
}

/*-------------------------------------------
 * footer部
 *-------------------------------------------*/
#footer-area {
  position : relative;
  background:url(../images/footerbg.png) center no-repeat;
  background-size: cover;
  background-color: transparent;
  height: 200px;
}
#copyright {
  padding: 15px 0;
  color: #fff;
}
.footer-mark {
  width: 100px;
  margin-top: 15px;
  margin-left:30px;
  background-color: transparent;
}
.footer-logo {
  width: 150px;
  margin-top: 50px;
  background-color: transparent;
}

/*-------------------------------------------
 * コンテンツエリア共通
 *-------------------------------------------*/
.section-title {
  font-size: 24px;
  background-color: #00b097;
  color: #fff;
  padding: 10px;
  margin: 10px;
  border: solid 2px #fff;
}
/* button要素 */
.btn-skeleton {
   background-color: transparent;
}
.btn-previous{
  background-color: #999;
  color: #fff;
  font-weight: bold;
}
.btn-apply{
  background-color: #ff9933;
  color: #fff;
  font-weight: bold;
}
.btn-xscustom {
    width: 140px;
    padding: 1px 0;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 10px;
    line-height: 2.0;
    border-radius: 3px;
}

/*---------------------------------------------
 * TOPページ用
 *---------------------------------------------*/
#toppanel {
  background-color:#fff;
}
/* カルーセル追加設定 */
.carousel-fade > .carousel-inner > .item {
  transition-property: opacity;
  opacity: 0;
}
.carousel-fade > .carousel-inner > .active {
  opacity: 1;
}
.carousel-indicators {
  bottom: -10px !important;
}
/* TOPページ用 TEXT表示 */
.text-sm {
  font-size: 14px;
  color: #004077;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  text-align: left;
}
.text-xs {
  font-size: 10px;
  color: #004077;
}
/* 上段 四角ボタン */
@media (min-width: 768px) {
  .btnrect-img {
    width: 280px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .btnrect-img {
    width: 110px;
    background-color: transparent;
  }
}
/* 中段 丸ボタン */
@media (min-width: 768px) {
  .btncircle-img {
    width: 120px;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .btncircle-img {
    width: 65px;
    background-color: transparent;
  }
}
.col-mid-img {
  float:left;
  margin-left:0;
}
.col-mid-text {
  float:right;
  margin-left:15px;
}

/* お知らせ欄 */
.newsbox{
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  /* box-shadow */
  box-shadow:0px 0px 6px 3px #a8a8a8;
  -moz-box-shadow:0px 0px 6px 3px #a8a8a8;
  -webkit-box-shadow:0px 0px 6px 3px #a8a8a8;
  /* border-radius */
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  /* border */
  border:1px solid #cccccc;
}
.newstext {
  line-height: 1.0;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.newsdate{
  color: #ff0000;
  padding-right: 1.0em;
}
.news-img {
  width: 120px;
  background-color: transparent;
  margin-left: -15px;
}
/* 下段 ボタン(PC) or メニュー(スマホ) 表示 */
@media (max-width: 767px) {
  .info-ui > div:nth-child(odd) {
    background-color: #dcdcdc;
  }
  .info-ui > div:nth-child(even) {
    background-color: #fff;
  }
}

/*---------------------------------------------
 * 申込みページ用
 *---------------------------------------------*/
#submit button {
  margin-right: 30px;
}

/* checkbox-inline (bootstrap.cssの設定上書き) */
.checkbox-inline+.checkbox-inline {
    margin-left: 0px;
}

/* input要素 入力BOX幅指定(size="n"は使わない) のレスポンシブ対応  */
.char2{width:40px !important; display: inline-block; }
.char4{width:85px !important; display: inline-block;}
.char5{width:100px !important; display: inline-block;}
.char10{width:200px !important; display: inline-block;}

/*-------------------------------------------
 * 確認ページ用
 *-------------------------------------------*/
.table-bordered {
  border: solid 1px #a8a8a8;
}
/* .table-bordered > thead > tr > th , .table-bordered > thead > tr > td  ,
.table-bordered > tbody > tr > th {
*/
.table-item {
  background-color: #eee8aa;
  border: solid 1px #a8a8a8 !important;
  font-weight: bold;
}
/* .table-bordered > tbody > tr > td { */
.table-value {
  background-color: #fff;
  border: solid 1px #a8a8a8 !important;
}

.scrollbox {
  background-color:#fff;
  height:150px;
  overflow-y: scroll;
  margin-left: 15px;
  margin-right: 15px;
}