#inquiryPage .subExp {
  background-color: #E9E9E9;
  color: #333;
  border-top: 1px solid #dddddd;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  padding: 8px 10px 6px;
}

#inquiryWrap {
  margin: 9px 8px 0;
  border-bottom: 1px solid #cccccc;
}
#inquiryWrap li {
  display: block;
  width: 100%;
  height: 45px;
  margin: 0px 0 7px;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(24% 0% -180deg, white 0%, #f3f3f3 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, 24% 0%, 24% 98%, color-stop(0, white), color-stop(1, #f3f3f3));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(-180deg, white 0%, #f3f3f3 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(-180deg, white 0%, #f3f3f3 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(-180deg, white 0%, #f3f3f3 100%);
  background-image: linear-gradient(-180deg, #ffffff 0%, #f3f3f3 100%);
  border-color: #e9e9e9;
  border-width: 1px;
  /* Firefox v1.0+ */
  -moz-border-radius: 7px;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius: 7px;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius: 7px;
  border-style: solid;
  /* Firefox v3.5+ */
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}
#inquiryWrap a {
  display: table;
  width: 100%;
  background: url(/green/sp/image/inquiry/btn_arrow.png) 97% 18px no-repeat;
  background-size: 6px 11px;
  height: 45px;
  color: #000;
  text-decoration: none;
}
#inquiryWrap a .icn {
  display: table-cell;
  width: 50px;
  height: 45px;
  vertical-align: middle;
}
#inquiryWrap a .icn img {
  width: 37px;
  padding-left: 8px;
}
#inquiryWrap a .txt {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
}

.blkBtn {
  background-image: url(/green/sp/image/top/two_blk_grd.png);
  background-repeat: repeat-x;
  background-position: left;
  background-size: 100% 28px;
  width: 100%;
  height: 28px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  display: table;
  margin: 3px 0 0;
}
.blkBtn a {
  background-image: url(/green/sp/image/top/wht_arrow.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 6px 11px;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666666;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.29);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 28px;
}
.blkBtn a span {
  line-height: 1;
  display: inline-block;
}

.grnBtn {
  background-image: url(/green/sp/image/top/grn_grd.png);
  background-repeat: repeat-x;
  background-position: left;
  background-size: 100% 28px;
  width: 100%;
  height: 28px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  display: table;
  margin: 3px 0 0;
}
.grnBtn a {
  background-image: url(/green/sp/image/top/wht_arrow.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 6px 11px;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #1e7704;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.29);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 28px;
}
.grnBtn a span {
  line-height: 1;
  display: inline-block;
}

#agreeWrap {
  padding: 0px 10px 10px;
}
#agreeWrap .contactTtl {
  height: 33px;
  clear: both;
  margin: 11px 0 9px;
}
#agreeWrap .contactTtl dt {
  width: 80%;
  float: left;
}
#agreeWrap .contactTtl dt div {
  width: 100%;
  height: 33px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#agreeWrap .contactTtl dt div p {
  display: inline-block;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}
#agreeWrap .contactTtl dd {
  float: left;
  margin: 0 7px 0 0;
}
#agreeWrap .expTxt {
  font-size: 11px;
  line-height: 1.48;
  margin-bottom: 8px;
}
#agreeWrap #agreeCont {
  border: 1px solid #dddddd;
  padding: 4px;
  margin: 0 auto 8px;
  background: #fff;
  height: 196px;
  width: 295px;
  letter-spacing: 0.5px;
  color: #333;
}
#agreeWrap #agreeCont .inner {
  background: #f5f5f5;
  height: 100%;
}
#agreeWrap #agreeCont .ttl {
  font-size: 13px;
  padding: 9px 0 0 9px;
}
#agreeWrap #agreeCont .viewport {
  height: 160px;
  overflow: hidden;
  position: relative;
  font-size: 11px;
  line-height: 1.9;
}
#agreeWrap #agreeCont .overview {
  width: 267px;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  margin: 3px 0px 0px 9px;
}
#agreeWrap #agreeCont .scrollbar {
  position: relative;
  float: right;
  width: 4px;
  padding-right: 10px;
  background: #f5f5f5;
}
#agreeWrap #agreeCont .track {
  border-right: 1px solid #333333;
  height: 100%;
  width: 4px;
  position: relative;
}
#agreeWrap #agreeCont .thumb {
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: -3px;
}
#agreeWrap #agreeCont .thumb .end {
  overflow: hidden;
  background: #333;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#agreeWrap #agreeCont .disable {
  display: none;
}
#agreeWrap #agreeCont .noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
#agreeWrap #agreeCont #pPText h3 {
  border-bottom: 1px dotted #df4447;
  padding: 9px;
  font-size: 11px;
}
#agreeWrap #agreeCont #pPText dl {
  width: 92%;
  margin: 0 auto 25px auto;
}
#agreeWrap #agreeCont #pPText dl dt {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 10px;
}
#agreeWrap #agreeCont #pPText dl dd {
  color: #525252;
  font-size: 11px;
  margin-top: 10px;
  line-height: 1.5em;
  margin-bottom: 25px;
}
#agreeWrap #agreeCont #pPText dl dd ol li {
  width: 100%;
}
#agreeWrap #agreeCont #pPText dl dd ol .num {
  float: left;
  width: 16%;
}
#agreeWrap #agreeCont #pPText dl dd ol .des {
  float: left;
  width: 80%;
}
#agreeWrap #agreeCont #pPText dl dd ul {
  margin-top: 15px;
  margin-left: 15px;
}
#agreeWrap #agreeCont #pPText dl dd p {
  margin-top: 15px;
}
#agreeWrap #agreeCont #pPText h5 {
  border-bottom: 1px dotted #269906;
  padding: 4px;
  font-size: 11px;
  color: #269906;
  margin-bottom: 10px;
}

#inputWrap .contactTtl {
  clear: both;
  margin: 13px 10px 11px;
}
#inputWrap .contactTtl dt {
  width: 80%;
  float: left;
  line-height: 1;
}
#inputWrap .contactTtl dt p {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 3px;
}
#inputWrap .contactTtl dt span {
  display: inline-block;
  font-size: 12px;
  line-height: 1.15;
}
#inputWrap .contactTtl dd {
  float: left;
  margin: 6px 7px 0 0;
}
#inputWrap .inner {
  background: #E9E9E9;
  border-top: 1px solid #dddddd;
  padding: 7px 10px 10px;
}
#inputWrap .inputSect {
  font-size: 12px;
  letter-spacing: 0.5px;
}
#inputWrap .inputSect a {
  color: #000;
  text-decoration: none;
}
#inputWrap .inputSect dt {
  width: 100%;
  line-height: 1;
  padding: 6px 0 5px;
}
#inputWrap .inputSect dt .red {
  color: #E60012;
  padding-left: 4px;
}
#inputWrap .inputSect dd {
  width: 100%;
}
#inputWrap .inputSect dd input {
  width: 100%;
  height: 30px;
  background: #D0D0D0;
  border-top: 1px solid #c9c9c9;
  border-left: 0;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 12px;
}
#inputWrap .inputSect dd select {
  width: 100%;
  height: 30px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#inputWrap .inputSect dd textarea {
  width: 100%;
  height: 140px;
  background: #D0D0D0;
  border-top: 1px solid #c9c9c9;
  border-left: 0;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  font-size: 12px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#inputWrap .inputSect .confItem {
  margin-bottom: 12px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0px 1px 0px white;
  -moz-box-shadow: 0px 1px 0px white;
  -webkit-box-shadow: 0px 1px 0px white;
  border: 1px solid #d6d6d6;
}
#inputWrap .inputSect .confItem span {
  display: block;
  width: 100%;
  height: 30px;
  background: #e9e9e9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-top: 1px solid white;
  font-size: 14px;
  line-height: 2.3;
  text-indent: 10px;
}
#inputWrap .inputSect .conf2Item {
  margin-bottom: 12px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0px 1px 0px white;
  -moz-box-shadow: 0px 1px 0px white;
  -webkit-box-shadow: 0px 1px 0px white;
  border: 1px solid #d6d6d6;
}
#inputWrap .inputSect .conf2Item span {
  display: block;
  padding: 10px;
  background: #e9e9e9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-top: 1px solid white;
  font-size: 14px;
  line-height: 1.48;
  text-indent: 10px;
}
#inputWrap .inputSect .sample {
  color: #333;
  font-size: 12px;
  text-align: right;
  line-height: 1;
  padding: 4px 0;
}
#inputWrap .b_btn {
  background: url(/green/sp/image/inquiry/a_btn_bg.png) no-repeat;
  background-size: 100% 31px;
  width: 100%;
  height: 31px;
  margin: 10px 0 15px;
}
#inputWrap .b_btn a {
  display: block;
  background: url(/green/sp/image/inquiry/a_btn_arrow.png) 98% center no-repeat;
  background-size: 6px 11px;
  height: 31px;
}
#inputWrap .b_btn a img {
  display: block;
  margin: 0px auto;
  width: 63px;
  padding-top: 8px;
}
#inputWrap .btnSect {
  margin: 0 auto 0;
  width: 100%;
}
#inputWrap .btnSect li {
  height: 28px;
  width: 48%;
}
#inputWrap .btnSect .backB {
  float: left;
  background-image: url(/green/sp/image/top/two_blk2_grd.png);
  background-repeat: repeat-x;
  background-position: left;
  background-size: 100% 28px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  display: table;
}
#inputWrap .btnSect .backB a {
  background-image: url(/green/sp/image/top/wht2_arrow.png);
  background-repeat: no-repeat;
  background-position: 3% center;
  background-size: 6px 11px;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666666;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.29);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 28px;
}
#inputWrap .btnSect .backB a span {
  line-height: 1;
  display: inline-block;
}
#inputWrap .btnSect .sendB {
  float: right;
  background-image: url(/green/sp/image/top/red_grd.png);
  background-repeat: repeat-x;
  background-position: left;
  background-size: 100% 28px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  display: table;
}
#inputWrap .btnSect .sendB a {
  background-image: url(/green/sp/image/top/wht_arrow.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 6px 11px;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #db0010;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.29);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 28px;
}
#inputWrap .btnSect .sendB a span {
  line-height: 1;
  display: inline-block;
}

#compWrap {
  padding: 24px 10px 10px;
  letter-spacing: 0.5px;
}
#compWrap .ttl {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#compWrap .cont {
  line-height: 1.8;
  margin: 15px 0 20px;
}


