@charset "UTF-8";
/*==================================
カラーバリエーション
$pinkcolor: #FF7BA8;
$orangecolor:#FF8F1E;
$greencolor:#7AC543;
$bluecolor:#3FA5F1;
$tobucolor:#4A3A88;
$bggray:#F2F0EC;
==================================*/
/*==================================
ヘッダー
==================================*/
#top_header {
  margin-bottom: 30px; }

#gnavi {
  margin-bottom: 15px; }

#pagepath {
  display: none;}

/*==================================
maincontents
==================================*/
.container .section {
  *zoom: 1; 
}
  .container .section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    font-size: 0; 
}
/*:: 注意書き :::::::::::::::::::::::*/
.container .section span {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  font-weight: normal; }
.text--red{color: #ff0000 !important;}
.fz--ss{font-size: 70% !important;}

/*:: タイトル :::::::::::::::::::::::*/
.container .section > h5 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px; }

/*:: 段落・画像 :::::::::::::::::::::::*/
.container .section > p {
  font-size: 14px;
  line-height: 25px; }
  .container .section > p a:link {
    color: #EB563D;
    text-decoration: underline; }
  .container .section > p a:visited {
    color: #EB563D;
    text-decoration: underline; }
  .container .section > p a:hover {
    color: #EB563D;
    text-decoration: none; }
.container .ta_center{text-align: center;}
.container .ta_left{text-align: left;}
.container .ta_right{text-align: right;}
.container .left_img {
  margin: 0 0 15px 0; }
.container .right_img {
  margin: 0 0 15px 0; }
  .container .left_img img,
  .container .right_img img,
  .container .sp_img img{
    width: 100%;
  }
.container .img_caption span {
  text-align: center;
  display: block; }

/*:: 罫線 :::::::::::::::::::::::*/
.container .section > hr {
  border: none;
  height: 5px;
  background-image: url("../../images/second_line.gif");
  background-repeat: repeat-x;
  color: #FFFFFF;
  margin: 20px auto;
  width: 60%; }

/*:: テーブル :::::::::::::::::::::::*/
.container .section > table.left_tit {
  width: 100%;}
  .container .section > table.left_tit tr {
    border: solid #E4E4E4;
    border-width: 1px 1px 0 1px;
    display: block; }
    .container .section > table.left_tit tr th {
      display: list-item;
      list-style:none;
      background-color: #F2F0EC;
      padding: 10px;
      font-size: 13px;
      text-align: center;
      border-bottom: 1px solid #E4E4E4; }
    .container .section > table.left_tit tr td {
      display: list-item;
      list-style:none;
      font-size: 13px;
      line-height: 18px;
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #E4E4E4; }
.container .section > table + table {
  margin-top: 20px; }

.container .section > table.top_tit {
  width: 100%;
  display: block;
  position: relative;}
  .container .section > table.top_tit thead{
    display: block;
    float: left; 
  }
  .container .section > table.top_tit tbody{
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap; 
  }
  .container .section > table.top_tit tr {
    display: inline-block;
    display:table-cell;/* 横並びの余白を消す */}
    .container .section > table.top_tit tr th {
      display: block;
      list-style:none;
      background-color: #F2F0EC;
      padding: 10px;
      font-size: 13px;
      text-align: center;
      border: 1px solid #E4E4E4; }
    .container .section > table.top_tit tr td {
      display: block;
      font-size: 13px;
      line-height: 18px;
      padding: 11px;
      text-align: left;
      border: 1px solid #E4E4E4;
      border-collapse: collapse;}

/*:: リスト :::::::::::::::::::::::*/
.container .section > ul {
  margin: 0 0 0 10px;
  padding: 0; }
  .container .section > ul li {
    background-image: url("../../images/second_list_icon.png");
    background-repeat: no-repeat;
    background-position: 0 6px;
    list-style: none;
    padding-left: 15px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px; }
    .container .section > ul li > ul {
      margin: 5px 0 0 10px;
      padding: 0; }
      .container .section > ul li > ul li {
        background-image: url("../../images/second_list_icon02.gif"); 
        background-position: 0px 9px;}

/*:: ボタン :::::::::::::::::::::::*/
.second_btn {
  margin: 15px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 0 0 #BABABA;
  box-shadow: 2px 2px 0 0 #BABABA;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .second_btn a:link {
    display: block;
    color: #fff;
    text-decoration: none; }
  .second_btn a:visited {
    color: #fff;
    text-decoration: none; }
  .second_btn a:hover {
    color: #333;
    text-decoration: none; }
.green_btn {
  background-color: #7AC543; }
.orange_btn {
  background-color: #FF8F1E; }
.blue_btn {
  background-color: #3FA5F1; }

/*:: 囲むエリア :::::::::::::::::::::::*/
.container .section > .notice {
  width: 90%;
  margin: 20px auto;
  background-image: url("../../images/second_notice_bg.gif");
  background-repeat: repeat;
  padding: 20px;
  border: 1px solid #e8e8e8; }

.sp_no_br {
  display: none;
}