/*------------------------------------------------------------*/
/* feature css */
/*------------------------------------------------------------*/
.topArea {
  position: relative;
  height: 295px;
  margin: 5px auto 0;
  background: #ffff47;
  z-index: 0;
}

.topArea .mainImg {
  position: absolute;
  z-index: -1;
}
.topArea .mainImg_02{
  left: 357px;
}
.topArea .mainImg_03{
  right: 0;
}
.mainArea {
  position: relative;
  z-index: 0;
  width: 1048px;
  height: 350px;
  margin: 0 auto;
  padding: 25px 0 0;
}

.intro{
  background: #fff;
  padding: 130px 0 40px;
}

.intro h2{
  color: #e60012;
  font-size: 50px;
  text-align: center;
}

.intro .intro_inner{
  width: 1080px;
  margin: 0 auto;
  position: relative;
  font-size: 18px;
}
.intro .intro_inner .koukishinTxt,.seikatsuTxt,.chiikuTxt{
  position: absolute;
}
.intro .intro_inner .koukishinTxt{
  top: 25px;
  left: 240px;
}
.intro .intro_inner .seikatsuTxt{
  top: 120px;
  left: 300px;
}
.intro .intro_inner .chiikuTxt{
  top: 210px;
  left: 360px;
}
.mainTxt {
  margin-bottom: 10px;
  text-align: center;
}

.mainTxt .middleTxt {
  color: #3f3f3f;
  font-size: 16px;
}
.mainTxt .bottomTxt {
  color: #00a7ea;
  font-size: 26px;
}
.mainTxt_btn {
  width:723px;
  margin: 0 auto;
}
.mainTxt_btn .mainTxt_btn_inner {
  overflow: hidden;
}
.linkWrap {
  margin-top: 10px;
}
.mainTxt_btn .btnLeft{
  float: left;
}
.mainTxt_btn .btnRight{
  float: right;
}
.mainTxt_wrap .mainTxt_btn .link{
  padding: 0 0 0 10px;
  text-align: left;
  background: url(../../../cmn/images/arr_right_gray.gif) 0 center no-repeat;
}
.featureArea {
  padding: 40px 0 0;
  background: #fefbf1;
}
.featureArea .headingBox {
  text-align: center;
  margin-top: 50px;
  background-image: url(../images/border_6px.jpg), url(../images/border_6px.jpg);
  background-position: top center, bottom center;
  background-repeat: no-repeat;
}
.featureArea .heading {
  font-size: 30px;
  line-height: 100px;
}

.txtLblue {
  color:#00a7ea;
}
.txtGreen{
  color: #66b72e;
}

.featureArea .heading .txtL {
  font-size: 48px;
}

.featureArea .featureBox {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
  background: url(../images/border.jpg) no-repeat bottom center ;
}
.featureArea .box01 {
  margin-top: 10px;
}

.featureArea .featureBox .floatL {
  width: 495px;
}

.featureArea .featureBox .floatL img {
  padding: 20px 0;
}

.featureArea .featureBox .floatL .subTxt {
  font-size: 24px;
}

.featureArea .featureBox .floatL h3 {
  font-size: 36px;
  padding: 0 0 40px;
}

.featureArea .featureBox .floatL .txt {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}

.featureArea .featureBox .floatR {
  overflow: hidden;
  width: 500px;
}

.featureArea .featureBox .floatR dl {
  width: 200px;
  float: left;
  padding: 0 10px;
}

.featureArea .featureBox .floatR p {
  font-size: 18px;
}

.featureArea .featureBox .floatR .name {
  font-size: 14px;
  color: #00A7EB;
  padding: 0 0 10px;
}

.featureArea .featureBox .floatR dd {
  font-size: 12px;
  text-align: left;
}

.featureArea .box05 {
  background: none;
}

/*ピックアップナビ------------------*/
.featureArea h4 {
  font-size: 30px;
  padding: 0 0 10px;
  text-align: center;
}
.featureArea .courseLink {
  padding: 50px 0;
  background: #ffffda;
}

.featureArea .courseLink ul {
  overflow: hidden;
  width: 1045px;
  margin: 0 auto;
}

.featureArea .courseLink ul li {
  float: left;
  margin: 0 0 0 19px;
  border-radius: 8px;
  background: #fff;
}

.featureArea .courseLink ul a {
  display: block;
  width: 237px;
  height: 115px;
  text-decoration: none;
  color: #010101;
  border: none;
}

.featureArea .courseLink ul .pocket a {
  background: url(/english/cmn/images/btn_siteLink_pocket.png) 0 0 no-repeat;
}

.featureArea .courseLink ul .hop a {
  background: url(/english/cmn/images/btn_siteLink_hop.png) 0 0 no-repeat;
}

.featureArea .courseLink ul .step a {
  background: url(/english/cmn/images/btn_siteLink_step.png) 0 0 no-repeat;
}

.featureArea .courseLink ul .jump a {
  background: url(/english/cmn/images/btn_siteLink_jump.png) 0 0 no-repeat;
}

.featureArea .courseLink p {
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0 0 37px;
  text-align: left;
}

.featureArea .courseLink p em {
  font-size: 36px;
  display: block;
  margin: -7px 0 0;
}

.featureArea .courseLink p em span {
  font-size: 18px;
}