@charset "utf-8";
/*********************/
/***** reset *****/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: ｡ﾉ;
}
abbr, acronym {
  border: 0;
}
html {
  overflow-y: scroll;
}
img {
  line-height: 0;
  vertical-align: bottom;
  font-size: 0;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
button, fieldset, form, input, label, legend, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
/********************/
/********************/
body {
  color: #333333;
  font-size: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  text-align: center;
  background-color: #f3f3f3;
}
a:link {
  color: #0033FF;
  text-decoration: underline;
}
a:visited {
  color: #C33;
  text-decoration: underline;
}
a:hover {
  color: #996633;
  text-decoration: none;
}
a:active {
  color: #996600;
  text-decoration: underline;
}
h1 {
  width: 100%;
  background-color: #636161;
  text-align: center;
  margin-bottom: 14px;
  background: url(../images/title_bg.gif) 0 0 repeat-x
}
ol {
  margin-left: 25px;
  list-style-type: decimal;
}
li {
  margin-top: 5px;
}
hr {
  width: 100%;
  height: 1px;
  color: #fff;
  border: none;
  border-top: #0067b3 1px dotted;
}
/**************/
/***** ID *****/
/**************/
#header {
  width: 100%;
  text-align: center;
  background: url(../images/background.jpg) 0 0 repeat-x
}
#container {
  width: 850px;
  margin: 0px auto 0;
  text-align: left;
  background-color: #fff;
  border-right: #153894 1px solid;
  border-left: #153894 1px solid;
}
#wrap {
  padding: 0px 30px 50px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}
#semTit {
  /*margin: -20px 0 20px;*/
  margin: 20px 0;
  padding: 25px 20px;
  font-size: 18px;
  text-align: center;
  border-top: #44403F 1px solid;
  border-bottom: #44403F 1px solid;
  background-color: #E7F2F8;
}
#submitBtn {
  margin-bottom: 40px;
  text-align: center;
}
#pageTop {
  margin: 0 30px 15px 0;
  font-size: 10px;
  text-align: right;
}
#copy {
  padding: 10px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #153894;
}
#thanks {
  margin-top: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#menu_left {
  float: left;
  width: 50%;
}
#contents_right {
  float: right;
  width: 50%;
}
/*****************/
/***** CLASS *****/
/*****************/
.cItem {
  margin-bottom: 30px;
  padding-bottom: 35px;
  border-bottom: #aaa 1px dotted;
}
.cItem_end {
  margin-bottom: 30px;
  padding-bottom: 0px;
  font-size: 110%;
}
.note {
  margin-left: 1em;
  text-indent: -1em;
}
.BgTitle {
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
/*  color: #44403F;*/
  margin-bottom: 15px;
  color: #fff;
  background: #153894;
}
.table1, .table2, .table4 {
  width: 100%;
}
.table1 th {
  width: 120px;
  padding: 10px 15px;
  color: #FFFFFF;
  border: #bbb 1px solid;
  background-color: #3c579d;
}
.table2 th {
  padding: 5px;
  color: #FFFFFF;
  text-align: center;
  border: #bbb 1px solid;
  background-color: #3c579d;
}
.table2 th.check {
  width: 60px;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #636161;
  border-right: #fff 1px solid;
  border-left: #fff 1px solid;
}
.table1 .thTop, .table2 .thTop {
  border-top: #bbb 1px solid;
}
.table1 .capTh, .table2 .capTh {
  color: #636161;
  background-color: #d9e7e0;
}
.table1 .thBot, .table2 .thBot {
  border-bottom: #bbb 1px solid;
}
.table1 td {
  padding: 10px 15px;
  border: #bbb 1px solid;
  line-height: 1.8;
}
.table2 td {
  padding: 5px;
  border: #bbb 1px solid;
  line-height: 1.8;
  font-size: 90%;
  white-space: nowrap;
}
.table2 td.hide {
  padding: 5px;
  border: #bbb 1px solid;
  line-height: 1.8;
  font-size: 90%;
  background-color: #e8e8e8;
}
.table2 td.bg_check {
  padding: 5px;
  border: #bbb 1px solid;
  line-height: 1.8;
  font-size: 90%;
  background-color: #e0eafb;
}
.table3 td {
  padding: 0px;
  border: none;
  vertical-align: top;
  text-align: right;
}
.table3 td.none {
  padding: 0px;
  height: 1px;
  border: none;
  vertical-align: top;
  text-align: right;
}
.table3 {
  width: 100%;
  margin-bottom: 10px;
}
.table4 {
  width: 100%;
  margin-bottom: 10px;
}
.table4 th {
  padding: 3px;
  font-weight: bold;
  color: #fff;
  background-color: #8e9dad;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
  font-size: 80%;
  text-align: center;
}
.table4 td {
  padding: 3px;
  border: #bbb 1px solid;
  line-height: 1.8;
  margin-bottom: 5px;
  text-align: center;
}
.proCateTit {
  margin-bottom: 15px;
  padding: 7px 10px;
  font-size: 15px;
  font-weight: bold;
  color: #636161;
  background-color: #f2c2dc;
  border-bottom: #f2c2dc 2px solid;
}
.listSubTitle {
  color: #0047bb;
  padding: 3px 0 0 16px;
  margin: 0 0 0 5px;
  font-weight: bold;
  font-size: 15px;
  background: url(../images/arrow.gif) no-repeat left 9px;
}
.frameBox {
  margin: 0 auto;
  padding: 5px;
  border: 1px #990000 solid;
  background: #fcfcfc;
  color: #000000;
  font-weight: normal;
}
hr.line {
  border: 1px #990000 dotted;
}
.shimekiri {
  padding-top: 80px;
  padding-bottom: 120px;
  text-align: center;
  font-size: 18px;
  border-bottom: #aaa 1px dotted;
  color: #ff0000;
}
.cTit {
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.1;
  background: url(../images/c_tit_back.gif) 50% 100% no-repeat;
}
#sec {
  margin-top: 20px;
  padding: 10px;
  font-size: 12px;
  border: #ddd 2px solid;
}
#sec dt {
  margin-bottom: 3px;
  font-weight: bold;
}
textarea {
  width: 90%;
  height: 7em;
  line-height: 1.5em;
}
[type=text], [type=password], textarea {
  padding: 1px;
  border: 1px solid #aaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/***** フォームの個人情報 *********************************************************************************/
.formTit {
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 13px;
  /*border-bottom: #bbb 1px dotted;*/
}
.formBox {
  /*height: 170px;*/
  margin: 20px 0 0;
  padding: 20px;
  font-size: 12px;
  border: #eee 3px solid;
  overflow: auto;
}
.formDl dt {
  margin-top: 10px;
}
.formDl dd {
  margin-left: 1em;
}
.formSecDl {
  margin-top: 15px;
  padding: 10px 0 20px;
  border-top: #bbb 1px dotted;
}
#checkNote {
  margin-bottom: 30px;
  padding: 10px 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #f6f6f6;
  border-right: #eee 3px solid;
  border-bottom: #eee 3px solid;
  border-left: #eee 3px solid;
}
#checkNote span {
  font-size: 12px;
  font-weight: normal;
}
.attBox {
  margin-top: 8px;
  margin-bottom: 20px;
  padding: 10px;
  border: #999 1px dotted;
}
.discUl {
  list-style-type: disc;
  margin-left: 2px;
  margin-bottom: 16px;
  list-style: none;
}
.discUl li {
  margin-bottom: 10px;
}
.errorTd {
  background-color: #ffeaf4;
}
.inpSSS {
  width: 90px;
}
.inpSS {
  width: 110px;
}
.inpS {
  width: 180px;
}
.inpL {
  width: 440px;
}
.inpLL {
  width: 600px;
}
.areaM {
  width: 450px;
  height: 60px;
}
.areaL {
  width: 600px;
  height: 60px;
}
.indispensable {
  margin-left: 5px;
  font-size: 13px;
  color: #FF0000;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
.marT5 {
  margin-top: 5px;
}
.marT10 {
  margin-top: 10px;
}
.marT15 {
  margin-top: 15px;
}
.marT20 {
  margin-top: 20px;
}
.marT30 {
  margin-top: 30px;
}
.marB2 {
  margin-bottom: 2px;
}
.marB5 {
  margin-bottom: 5px;
}
.marB10 {
  margin-bottom: 10px;
}
.marB15 {
  margin-bottom: 15px;
}
.marB20 {
  margin-bottom: 20px;
}
.marB25 {
  margin-bottom: 25px;
}
.marB30 {
  margin-bottom: 30px;
}
.marB40 {
  margin-bottom: 40px;
}
.marR5 {
  margin-right: 5px;
}
.marR10 {
  margin-right: 10px;
}
.marR40 {
  margin-right: 40px;
}
.marL5 {
  margin-left: 5px;
}
.padT10 {
  padding-top: 10px;
}
.windowIcon {
  margin-right: 2px;
  padding-right: 15px;
  background: url(../images/window_icon.gif) 100% 0.3em no-repeat;
}
.fontS {
  font-size: 12px;
}
.fontL {
  font-size: 15px;
}
.bold {
  font-weight: bold;
}
.center {
  text-align: center;
}
.red {
  color: #ff0000;
}
ul.jquery-ui-sortable {
  list-style-type: none;
  margin: 0 2px;
  padding: 2px;
  width: 90%;
  min-height: 1.5em;
  background-color: #d1d1d3;
}
ul.jquery-ui-sortable li {
  margin: 3px;
  padding: 0.3em;
  padding-left: 1em;
  font-size: 15px;
  border-color: #3b4455;
  cursor: move;
}
div.jiyuu {
  position: relative;
  top: 0;
  left: 0;
  width: 100% !important;
}
.haikei {
  background-color: #ffffff;
}
.CheckB {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.box1 {
  margin-top: 15px;
  padding: 20px;
  background-color: #f5f5f5;
}
.disc {
  list-style-type: disc;
  margin-left: 15px;
}
.disc li {
  margin-bottom: 5px;
}
.disc li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #container {
    width: 100%;
    margin: 10px auto 0;
    text-align: left;
    background-color: #fff;
    border: #e6e6e6 1px solid;
  }
  img {
    width: 100%;
  }
  .BgTitle {
    font-size: 16px;
  }
  .table1 {
    max-width: 100%;
  }
  .table1 tr {
    width: 100%;
    display: block;
    list-style: none;
  }
  .table1 th {
    width: 95%;
    display: list-item;
    padding: 10px;
  }
  .table1 td {
    width: 95%;
    display: list-item;
    padding: 10px;
  }
  /* テキストエリアの設定 */
  input[type="text"], input[type="email"], input[type="tel"], input[type="inpL"], select {
    width: 89%;
    padding: 10px 0px 0px 0px;
    margin: 10px 0;
  }
  input[class="inpS marL5"] {
    width: 30%;
    padding: 10px 0px 0px 0px;
    margin: 10px 0;
  }
  input[class="inpSS"] {
    width: 20%;
    padding: 10px 0px 0px 0px;
    margin: 10px 0;
  }
  input[class="inpS"], select {
    width: 27%;
    padding: 10px 0px 0px 0px;
    margin: 10px 0;
  }
  textarea {
    width: 100%;
    height: 7em;
    line-height: 1.5em;
  }
}
a.button {
  color: #fff;
  text-decoration: none;
}
a.button:hover {
  color: #7EACC6;
}
input[type="radio"] {
	margin-right: 5px;
}