@charset "UTF-8";

/*-----------------------------------------------------
初期クリア
-------------------------------------------------------*/
img { border: 0; vertical-align: top; }
/*-----------------------------------------------------
 CLEAR FIX
-------------------------------------------------------*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0px;
 visibility: hidden;
 clear: both;
}
.clearfix { display: inline-table }
/* IE7 */
.clearfix { display: inline-block }
/*\*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/*-----------------------------------------------------
 CLEAR Both
-------------------------------------------------------*/
.clear_b { clear: both }

/*-----------------------------------------------------
 字下げ対応
-------------------------------------------------------*/
ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
/* notesList */
.notesListA01 li {
 padding-left: 1em;
 text-indent: -1em;
 line-height: 1.4;
}
.notesListB01 li {
 padding-left: 1.5em;
 text-indent: -1.3em;
 line-height: 1.4;
}
/*-----------------------------------------------------
テキスト
-------------------------------------------------------*/
.underline {
    text-decoration:    underline;
}
/*-----------------------------------------------------
フォント
-------------------------------------------------------*/
.bold { font-weight: bold }
.white {color: #fff}
.red {color: #c00}
.blue {color: #00f}
.darkblue { color: #1e4f89 }

.f10 { font-size: 10px }
.f11 { font-size: 11px }
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f15 { font-size: 15px }
.f16 { font-size: 16px }
.f17 { font-size: 17px }
.f18 { font-size: 18px }
.f19 { font-size: 19px }
.f20 { font-size: 20px }
.f21 { font-size: 21px }
.f22 { font-size: 22px }
.f23 { font-size: 23px }
.f24 { font-size: 24px }
.f25 { font-size: 25px }
.f26 { font-size: 26px }
.f27 { font-size: 27px }
.f28 { font-size: 28px }
.f29 { font-size: 29px }
.f30 { font-size: 30px }
/*-----------------------------------------------------
幅
-------------------------------------------------------*/
.w800 { width: 800px }
.w810 { width: 810px }
.w820 { width: 820px }
.w830 { width: 830px }
.w840 { width: 840px }
.w850 { width: 850px }
.w860 { width: 860px }
.w870 { width: 870px }
.w880 { width: 880px }
.w890 { width: 890px }
.w900 { width: 900px }
.w910 { width: 910px }
.w920 { width: 920px }
.w930 { width: 930px }
.w940 { width: 940px }
.w950 { width: 950px }
/*-----------------------------------------------------
寄せ
-------------------------------------------------------*/
.alL { text-align: left }
.alR { text-align: right }
.alC { text-align: center }
.floatL { float: left }
.floatR { float: right }
.vam { vertical-align: middle }
/*-----------------------------------------------------
余白
-------------------------------------------------------*/
.mac { margin: 0 auto }
.mg0 { margin: 0 }
.mg05 { margin: 5px }
.mg10 { margin: 10px }
.mg20 { margin: 20px }
.mg30 { margin: 30px }
.mt0 { margin-top: 0 }
.mt05 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }
.mt50 { margin-top: 50px }
.mr05 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mb05 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.ml05 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.pd0 { padding: 0px }
.pd05 { padding: 5px }
.pd10 { padding: 10px }
.pd15 { padding: 15px }
.pd20 { padding: 20px }
.pd30 { padding: 30px }
.pt03 { padding-top: 3px }
.pt05 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pr05 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr30 { padding-right: 30px }
.pb05 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.pl05 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl30 { padding-left: 30px }
/*-----------------------------------------------------
ブロックわけ
-------------------------------------------------------*/
#wrapper {
 width: 950px;
}
.wrap{
  width: 1000px;
  margin: 0 auto;
}
#header {
 height: 63px;
 text-align: left;
 background: url("/img/head_950.gif") left bottom no-repeat;
}
.header_common{
  border-bottom: 2px solid #eee;
}
.header_box{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
}
.header_box .inner_link{
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.header_box .inner_link::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;
  transform: translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/header_arrow.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1300px) {
  .header_box .header_item{
    padding: 0 25px;
  }
}

.main_head{
  text-align: center;
}
.main_head::after{
  content: "";
  display: inline-block;
  margin-top: 5px;
  width: 60px;
  height: 4px;
  background: #c00;
}
.head_ttl{
  font-size: 30px;
}

.footer_common{
  background: #000;
}
.footer_common .copyright{
  padding: 18px 0 15px;
  text-align: center;
  color: #c2c2c2;
  font-size: 12px;
}