@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------
    ☆indent
----------------------------------------------------*/

.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.top0 {
  margin-top: 0 !important;
}
.top5 {
  margin-top: 5px !important;
}
.top10 {
  margin-top: 10px !important;
}
.top15 {
  margin-top: 15px !important;
}
.top20 {
  margin-top: 20px !important;
}
.btm0 {
  margin-bottom: 0 !important;
}
.btm5 {
  margin-bottom: 5px !important;
}
.btm10 {
  margin-bottom: 10px !important;
}
.btm15 {
  margin-bottom: 15px !important;
}
.btm20 {
  margin-bottom: 20px !important;
}
.btm25 {
  margin-bottom: 25px !important;
}
.btm30 {
  margin-bottom: 30px !important;
}
.btm35 {
  margin-bottom: 35px !important;
}
.btm40 {
  margin-bottom: 40px !important;
}
.btm45 {
  margin-bottom: 45px !important;
}
.btm50 {
  margin-bottom: 50px !important;
}
.btm55 {
  margin-bottom: 55px !important;
}
.btm60 {
  margin-bottom: 60px !important;
}
.btm65 {
  margin-bottom: 65px !important;
}
.btm70 {
  margin-bottom: 70px !important;
}
.btm75 {
  margin-bottom: 75px !important;
}
.btm80 {
  margin-bottom: 80px !important;
}
.btm85 {
  margin-bottom: 85px !important;
}
.btm90 {
  margin-bottom: 90px !important;
}
.btm95 {
  margin-bottom: 90px !important;
}
.pT0 {
  padding-top: 0 !important;
}
.pT5 {
  padding-top: 5px !important;
}
.pT10 {
  padding-top: 10px !important;
}
.pT15 {
  padding-top: 15px !important;
}
.pT20 {
  padding-top: 20px !important;
}
.pB0 {
  padding-bottom: 0 !important;
}
.pB5 {
  padding-bottom: 5px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB15 {
  padding-bottom: 15px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.lm5 {
  margin-left: 5px !important;
}
.lm10 {
  margin-left: 10px !important;
}
.lm15 {
  margin-left: 15px !important;
}
.lm20 {
  margin-left: 20px !important;
}
.rm5 {
  margin-right: 5px !important;
}
.rm10 {
  margin-right: 10px !important;
}
.rm15 {
  margin-right: 15px !important;
}
.rm20 {
  margin-right: 20px !important;
}

.vAT {
  vertical-align: top !important;
}
.vAM {
  vertical-align: middle !important;
}
.vAB {
  vertical-align: bottom !important;
}

.red {
  color: #f95959;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}

.icon {
  margin-right: 3px;
  vertical-align: middle;
  margin-top: -1px;
}

/*----------------------------------------------------
    ☆form
----------------------------------------------------*/

.wSS {
  width: 50px;
}
.wS {
  width: 152px;
}
.wM {
  width: 270px;
}
.wL {
  width: 370px;
}
.imeOff {
  ime-mode: disabled;
}
.imeOn {
  ime-mode: active;
}

textarea {
  border: 1px solid #cccccc;
  font-size: 93% !important;
  line-height: 140%;
  padding: 3px 6px;
}

textarea:focus {
  background-color: #ffffed;
  border: 1px solid #aaa;
}

textarea.txtarea01 {
  height: 120px;
  width: 370px;
}

label {
  cursor: pointer;
}

label:hover {
  color: #67c657;
}

input {
  padding: 0;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
  border: 1px solid #cccccc;
  font-size: 93% !important;
  line-height: 140%;
  padding: 3px 6px;
}

input.wSS:focus,
input.wS:focus,
input.wM:focus,
input.wL:focus,
input.wLL:focus {
  background-color: #ffffed;
  border: 1px solid #aaa;
}

.textFocus {
  color: #aaa;
}

button,
input,
select,
textarea {
  font-size: 93% !important;
}

#contents div.bscTbl01 table tr.err td {
  background-color: #ffe5e8;
}

#contents div.bscTbl01 table td p.err {
  color: #f00;
  font-size: 85% !important;
  padding-bottom: 5px;
}

/*----------------------------------------------------
    ☆Width
----------------------------------------------------*/

.w5 {
  width: 5% !important;
}
.w10 {
  width: 10% !important;
}
.w15 {
  width: 15% !important;
}
.w18 {
  width: 18% !important;
}
.w20 {
  width: 20% !important;
}
.w25 {
  width: 25% !important;
}
.w30 {
  width: 30% !important;
}
.w35 {
  width: 35% !important;
}
.w40 {
  width: 40% !important;
}
.w45 {
  width: 45% !important;
}
.w50 {
  width: 50% !important;
}
.w55 {
  width: 55% !important;
}
.w60 {
  width: 60% !important;
}
.w65 {
  width: 65% !important;
}
.w70 {
  width: 70% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}
.w85 {
  width: 85% !important;
}
.w90 {
  width: 90% !important;
}
.w95 {
  width: 95% !important;
}

/*----------------------------------------------------
    ☆basecompo
----------------------------------------------------*/

/*
#contents section {
    clear:both;
    width:960px;
}
*/

#contents section.last {
  margin-bottom: 0;
}

.aural span,
span.aural {
  display: none;
  visibility: hidden;
}

img.icon {
  margin-right: 5px;
  vertical-align: middle;
}

.pageTop {
  padding-top: 15px;
  text-align: right;
}

/*----------------------------------------------------
    ☆Btn
----------------------------------------------------*/

#contents p.subscribeBtn {
  text-align: center;
}

#contents p.subscribeBtn input,
#contents p.subscribeBtn a {
  background-color: #f48706;
  border: 0 none;
  cursor: pointer !important;
  color: #fff;
  font-size: 14px;
  font-weight: normal !important;
  line-height: 100% !important;
  vertical-align: baseline !important;
  margin: 0 8px;
  padding: 6px 75px;
}

#contents p.subscribeBtn a {
  display: inline-block;
  text-decoration: none;
  padding: 12px 55px;
}

#contents p.subscribeBtn input.color01,
#contents p.subscribeBtn a.color01 {
  background-color: #f59332;
}

#contents p.subscribeBtn input.color02,
#contents p.subscribeBtn a.color02 {
  background-color: #aaa;
}

/*----------------------------------------------------
    ☆List
----------------------------------------------------*/

.indList,
.indListS {
  margin-bottom: 15px;
}

.indList li,
.indListS li {
  line-height: 170%;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 7px;
}

.indListS li {
  font-size: 85% !important;
  line-height: 130%;
}

.numList,
.numListS {
  margin-bottom: 15px;
  padding-left: 1.6em;
}

.numList li,
.numListS li {
  line-height: 150%;
  list-style: decimal outside none;
  margin-bottom: 5px;
}

.numListS li {
  font-size: 85% !important;
  line-height: 130%;
}

:first-child + html .numList {
  padding-left: 2em;
}
:first-child + html .numListS {
  padding-left: 2em;
}

#contents ul.arrowList01 {
  margin-bottom: 15px;
}

#contents ul.arrowList01 li {
  line-height: 140%;
  margin-bottom: 5px;
  text-indent: -20px;
  padding-left: 20px;
}

#contents ul.arrowList01 li > a,
#contents ul.arrowList01 li > span {
  background: url(../cmn_img/icon_arrow_01.gif) 7px 2px no-repeat;
  color: #333;
  padding-left: 20px;
  text-decoration: none;
}

#contents ul.arrowList01 li span {
  text-decoration: none;
}

#contents ul.arrowList01 li a:hover {
  color: #eb6100;
  text-decoration: none;
}

#contents ul.arrowList01S {
  margin-bottom: 15px;
}

#contents ul.arrowList01S li {
  font-size: 85% !important;
  line-height: 120%;
  margin-bottom: 5px;
  text-indent: -20px;
  padding-left: 20px;
}

#contents ul.arrowList01S li span {
  text-decoration: none;
}

#contents ul.arrowList01S li a:hover {
  color: #eb6100;
  text-decoration: none;
}

#contents ul.iconList {
  margin-bottom: 15px;
}

#contents ul.iconList li {
  line-height: 140%;
  margin-bottom: 5px;
  text-indent: -26px;
  padding-left: 26px;
}

#contents ul.iconList li a {
  background: url(../cmn_img/icon_newwin.gif) 4px 3px no-repeat;
  color: #333;
  padding: 0 0 3px 22px;
  text-decoration: none;
}

#contents ul.iconList li a:hover {
  color: #eb6100;
}

#contents ul.iconList li.blankIcon a {
  background: url(../cmn_img/icon_newwin.gif) 6px 4px no-repeat;
}
#contents ul.iconList li.pdfIcon a {
  background: url(../cmn_img/icon_pdf.gif) 2px top no-repeat;
}
#contents ul.iconList li.exlIcon a {
  background: url(../cmn_img/icon_excel.gif) 4px top no-repeat;
}
#contents ul.iconList li.wrdIcon a {
  background: url(../cmn_img/icon_word.gif) 4px top no-repeat;
}

/*----------------------------------------------------
    ☆head
----------------------------------------------------*/

.imgHead {
  font-size: 0;
  line-height: 0;
}

.head01 {
  background: url(../cmn_img/bg_head01.gif) left bottom repeat-x;
  color: #eb6100;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 131% !important;
  line-height: 140%;
  margin-bottom: 30px;
  padding-bottom: 8px;
}

.head01 span {
  background: url(../cmn_img/icon_arrow_03.gif) left 3px no-repeat;
  display: block;
  padding-left: 23px;
}

/*----------------------------------------------------
    ☆Table
----------------------------------------------------*/

#contents div.bscTbl01 {
  width: 100%;
}

#contents div.bscTbl01 table {
  border-collapse: collapse;
  border-top: 1px dotted #ccc;
  width: 100%;
}

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td {
  border-bottom: 1px dotted #ccc;
  line-height: 140%;
  padding: 20px 15px 17px;
  text-align: left;
  vertical-align: top;
}

#contents div.bscTbl01 table th {
  background-color: #f4f4f4;
  color: #68c658;
  font-weight: bold;
}

@media (max-width: 480px) {
  #contents div.bscTbl01 {
    width: 100%;
  }

  #contents div.bscTbl01 table {
    border-collapse: collapse;
    width: 100%;
  }

  #contents div.bscTbl01 table th,
  #contents div.bscTbl01 table td {
    padding: 20px 0;
    display: block;
    width: 100%;
  }
}

/*----------------------------------------------------
    ☆Box
----------------------------------------------------*/

/*----------------------------------------------------
    ☆Other
----------------------------------------------------*/