@charset "UTF-8";

body{
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

header {
  margin: 1em 0;
}

th {
    color: #333;
    background-color: #e5f3ff;
    padding: 5px;
    text-align: center;
    line-height: 1.6;
    text-align: left;
    display:block;
    width:100%;
    float:left\9;
}

td {
    display:block;
    width:100%;
    float:left\9;
}

/* Extra small devices (phones, less than 768px) */

.h1_03 {
  margin:1em 0;
  background-color:#F0F0F0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  box-shadow:4px 4px 2px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
}

h1 {
  margin:.5em 0;
  padding: .5em;
  border-left: 1em solid #6888C1;
  font-size: 1.143em;
  font-weight: bold;

  background-image: linear-gradient(
    -45deg,
    #F0F0F0 25%,
    #F2F2F2 25%, #F2F2F2 50%,
    #F0F0F0 50%, #F0F0F0 75%,
    #F2F2F2 75%, #F2F2F2
  );
  background-size: 12px 12px;

}

h2 {
  font-size: 115%;
  font-weight: bold;
  margin-top: 28px;
  line-height: 30px;
  padding: 6px 10px 5px 15px;
  border-left: 1em solid #6888C1;
  background-color:#D9E6EE;
  width: 100%;

  background-image: linear-gradient(
    -45deg,
    #D4E3EB 25%,
    #D9E6EE 25%, #D9E6EE 50%,
    #D4E3EB 50%, #D4E3EB 75%,
    #D9E6EE 75%, #D9E6EE
  );
  background-size: 12px 12px;

}

h3 {
  font-size: 130%;
  border-bottom: 1px solid #475784;
}


label {
  padding: .5em 0;
}
/*
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
*/
input[type="button"],input[type="submit"] {
  display:block;
  width:100%;
  margin: 1em;
}

footer {
  height: 3em;
}

.ime-on {
  ime-mode:active;
}
.ime-off {
  ime-mode:disabled;
}

.error-message {
  color:red;
  font-weight: bold;
  padding-top: .5em;
}

.confirm {
  font-weight: bold;
  word-wrap: break-word;
  word-break:break-all;
}

div.confirm  pre {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  overflow: hidden;
  background-color: #fff;
  border: none;
  border-radius: none;
  line-height: none;
  color: none;
  font-size: 18px;
  margin: 0;
  padding: 0;
  
}

.print {
  display: none;
}

.text-num {
  text-align: right;
}

.form-necessary,
.form-necessary.slider-control.form-control[disabled],
.form-necessary.slider-control.form-control[readonly],
fieldset[disabled] .form-necessary.slider-control.form-control {
  background-color: #fdd;
}

.slider-control.form-control[disabled],
.slider-control.form-control[readonly],
fieldset[disabled] slider-control.form-control {
  background-color: #fff;
}

.slider-selection {
  background: #ccc;
}

.slider-handle {
    background-image: linear-gradient(to bottom, #ccc 0px, #e0e0e0 100%);
    border-color: #ccc;
}

.tooltip{
  font-size: 18px;
}

.peek-a-bar {
  font-size: 18px;
  color: #fff;
  z-index: 99;
}

/* Small devices (tablets, 0px and up) */
@media screen and (min-width: 0px) {
  .contents {
    width:90%;
    min-width:330px;
    margin-right: auto;
    margin-left : auto;
  }

}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
  .contents {
    width:90%;
    margin-right: auto;
    margin-left : auto;
  }

}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

  .contents {
    width:900px;
    margin-right: auto;
    margin-left : auto;
  }

  .h1_03 {
    margin-top:1em;
    box-shadow:none;
    border:none;
    background: url("../img/h1_bottom.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    padding: 0 0 15px;
    width: 100%;
  }

  h1 {
   font-size: 172%;
    font-weight: normal;
    background: url("../img/h1_top.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    line-height: 35px;
    margin: 0;
    padding: 13px 10px 5px 25px;
    border: none;

  }

  h2 {
    font-size: 115%;
    font-weight: bold;
    margin-top: 28px;
    background: url("../img/title_h2.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    line-height: 30px;
    padding: 6px 10px 5px 25px;
    border: none;
  }

  th {
    color: #333;
    background-color: #e5f3ff;
    padding: 5px;
    text-align: center;
    line-height: 1.6;
    text-align: left;
    display:table-cell;
    width:200px;
    float:none\9;

  }

  td {
    display:table-cell;
    width:auto;
    float:none\9;
  }

  label {
    padding: .5em 0;
  }
/*
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-top: 0;
    padding-bottom: 0;
  }
*/
  li.print {
    display:list-item;
  }

  .print {
    display:inline;
  }

}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

  .contents {
    width:900px;
    margin-right: auto;
    margin-left : auto;
  }

}