/** Shopify CDN: Minification failed

Line 14:37 Expected ":"
Line 1429:1 Expected "}" to go with "{"

**/
@charset "UTF-8";
/*--------------------------------------
 buttonStyle
 --------------------------------------*/
.buttonStyle {
  padding: 10px;
  color: #fff;
  -webkit-border-radius: 5px;freeInfo
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  font-weight: bold;
  display: block;
  text-align: center;
}
.buttonStyle:hover {
  text-decoration: none;
}
.buttonStyle.pink {
  -webkit-box-shadow: 0 4px 0 0 #a50e39;
  -moz-box-shadow: 0 4px 0 0 #a50e39;
  -ms-box-shadow: 0 4px 0 0 #a50e39;
  box-shadow: 0 4px 0 0 #a50e39;
  background: #ec0044;
}
.buttonStyle.pink:hover {
  transform: translate3d(0, 4px, 0);
  -webkit-box-shadow: 0 0 0 0 #a50e39;
  -moz-box-shadow: 0 0 0 0 #a50e39;
  -ms-box-shadow: 0 0 0 0 #a50e39;
  box-shadow: 0 0 0 0 #a50e39;
}
.buttonStyle.pink span {
  background: url(../img/base/arrow_white.png) no-repeat left 50%;
  padding: 0 0 0 15px;
  color: #fff;
}
.buttonStyle.cart span {
  background: url(../img/base/icon_cart.png) no-repeat left 50%;
  padding: 0 0 0 22px;
}
.buttonStyle.orenge {
  -webkit-box-shadow: 0 4px 0 0 #ee5e07;
  -moz-box-shadow: 0 4px 0 0 #ee5e07;
  -ms-box-shadow: 0 4px 0 0 #ee5e07;
  box-shadow: 0 4px 0 0 #ee5e07;
  background: #f98e25;
}
.buttonStyle.orenge:hover {
  transform: translate3d(0, 4px, 0);
  -webkit-box-shadow: 0 0 0 0 #ee5e07;
  -moz-box-shadow: 0 0 0 0 #ee5e07;
  -ms-box-shadow: 0 0 0 0 #ee5e07;
  box-shadow: 0 0 0 0 #ee5e07;
}
.buttonStyle.orenge span {
  background: url(../img/base/arrow_white.png) no-repeat left 50%;
  padding: 0 0 0 15px;
}
/*---------------------------------------------------------20160510追加 --*/
.buttonStyle.pink1 {
  -webkit-box-shadow: 0 4px 0 0 #dc758f;
  -moz-box-shadow: 0 4px 0 0 #dc758f;
  -ms-box-shadow: 0 4px 0 0 #dc758f;
  box-shadow: 0 4px 0 0 #dc758f;
  background: #fdceda;
}
.buttonStyle.pink1:hover {
  transform: translate3d(0, 4px, 0);
  -webkit-box-shadow: 0 0 0 0 #dc758f;
  -moz-box-shadow: 0 0 0 0 #dc758f;
  -ms-box-shadow: 0 0 0 0 #dc758f;
  box-shadow: 0 0 0 0 #dc758f;
}
.buttonStyle.pink1 span {
  background: url(../img/base/arrow_white.png) no-repeat left 50%;
  padding: 0 0 0 15px;
  color: #ec0044;
}
.buttonStyle.note1 span {
  background: url(../img/base/icon_note.png) no-repeat left 50%;
  padding: 0 0 0 22px;
}
/*---------------------------------------------------------20160705追加 --*/
.buttonStyle.white {
	border: 1px solid #dcdcdc;
	color: #ec0044!important;
    background: #fff;
	-webkit-box-shadow: 0 4px 0 0 #e9e9e9;
	-moz-box-shadow: 0 4px 0 0 #e9e9e9;
	-ms-box-shadow: 0 4px 0 0 #e9e9e9;
	box-shadow: 0 4px 0 0 #e9e9e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.buttonStyle.white:hover {
  transform: translate3d(0, 4px, 0);
  -webkit-box-shadow: 0 0 0 0 #e9e9e9;
  -moz-box-shadow: 0 0 0 0 #e9e9e9;
  -ms-box-shadow: 0 0 0 0 #e9e9e9;
  box-shadow: 0 0 0 0 #e9e9e9;
}
.buttonStyle.white span {
	background: url(//ec.alc.co.jp/img/base/arrow_2.gif) no-repeat left 50%;
  padding: 0 0 0 15px;
}
/*---------------------------------------------------------20160816追加 --*/
.buttonStyle.review1 {
	border: 1px solid #dcdcdc;
	color: #ff9900;
    background: #fff;
	-webkit-box-shadow: 0 4px 0 0 #e9e9e9;
	-moz-box-shadow: 0 4px 0 0 #e9e9e9;
	-ms-box-shadow: 0 4px 0 0 #e9e9e9;
	box-shadow: 0 4px 0 0 #e9e9e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.buttonStyle.review1:hover {
  transform: translate3d(0, 4px, 0);
  -webkit-box-shadow: 0 0 0 0 #e9e9e9;
  -moz-box-shadow: 0 0 0 0 #e9e9e9;
  -ms-box-shadow: 0 0 0 0 #e9e9e9;
  box-shadow: 0 0 0 0 #e9e9e9;
}
.buttonStyle.review1 span {
	background: url(//ec.alc.co.jp/img/base/icon_pencil.png) no-repeat left 50%;
  padding: 0 0 0 20px;
}

/*buttonColumn----------------*/
.buttonColumn {
  zoom: 1;
  margin: 0 0 30px -20px;
}
.buttonColumn:before, .buttonColumn:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.buttonColumn:after {
  clear: both;
}
.buttonColumn li {
  background: url(../img/base/bg_line_glay.gif) repeat 0 0;
  vertical-align: middle;
  padding: 5px;
  float: left;
  width: 225px;
  margin: 0 0 0 20px;
}
.buttonColumn li a {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  display: block;
  background: #fff url(../img/base/arrow_2.gif) no-repeat 90% 50%;
  vertical-align: middle;
  position: relative;
  height: 44px;
}
.buttonColumn li a:hover span {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
}
.buttonColumn li a span {
  color: #444444;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

/*--------------------------------------
p
--------------------------------------*/
.contents .leadText {
  margin: 0 0 20px;
}

/*--------------------------------------
 List
 --------------------------------------*/
.anchorLink {
  zoom: 1;
  margin: 0 0 20px -8px;
}
.anchorLink:before, .anchorLink:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.anchorLink:after {
  clear: both;
}
.anchorLink li {
  float: left;
  width: 180px;
  margin: 0 0 10px 8px;
}
.anchorLink li a {
  display: block;
  text-align: center;
  border: 1px solid #dcdcdc;
  padding: 1px;
  padding: 14px;
  color: #ec0044;
  font-weight: bold;
  line-height: 1;
  background: url(../img/base/arrow_2.gif) no-repeat 160px 50%;
  -webkit-box-shadow: 0 4px 0 0 #e9e9e9;
  -moz-box-shadow: 0 4px 0 0 #e9e9e9;
  -ms-box-shadow: 0 4px 0 0 #e9e9e9;
  box-shadow: 0 4px 0 0 #e9e9e9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.anchorLink li a:hover {
  transform: translate3d(0, 4px, 0);
  -webkit-box-shadow: 0 0 0 0 #e9e9e9;
  -moz-box-shadow: 0 0 0 0 #e9e9e9;
  -ms-box-shadow: 0 0 0 0 #e9e9e9;
  box-shadow: 0 0 0 0 #e9e9e9;
  text-decoration: none;
}

/*--------------------------------------
 boxStyle
 --------------------------------------*/
.boxStyle {
  zoom: 1;
  margin: 0 0 30px -13px;
}
.boxStyle:before, .boxStyle:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.boxStyle:after {
  clear: both;
}
.boxStyle .cont {
  float: left;
  width: 346px;
  padding: 10px;
  background: url(../img/base/bg_line_glay.gif) repeat 0 0;
  margin: 0 0 0 13px;
}
.boxStyle .inner {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  padding: 20px 20px 70px;
  position: relative;
}
.boxStyle h3 {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 10px;
}
.boxStyle figure {
  float: left;
  padding: 0 15px 0 0;
}
.boxStyle p.text {
  overflow: hidden;
  margin-bottom: 15px;
}
.boxStyle .button {
  width: 207px;
  margin: 0 auto;
  position: absolute;
  left: 70px;
  bottom: 20px;
}

/*--------------------------------------
 pager
 --------------------------------------*/
.pager {
  text-align: center;
  margin-bottom: 30px;
}
.pager li {
  display: inline-block;
  padding: 0 8px;
}
.pager li a {
  color: #ec0044;
}
.pager li a.num {
  display: block;
  width: 2em;
  padding: 5px 0;
  border: 1px solid #ec0044;
  font-weight: bold;
}
.pager li a.num:hover {
  background: #fde5ec;
  text-decoration: none;
}

.pager li .num.current {
	background: #fde5ec;
	border: 1px solid #ec0044;
}


.pager li.first {
  font-size: 90%;
  padding: 0 0 0 10px;
  background: url(../img/base/icon_pager_prev.gif) no-repeat 0 50%;
}
.pager li.last {
  font-size: 90%;
  padding: 0 10px 0 0;
  background: url(../img/base/icon_pager_next.gif) no-repeat 100% 50%;
}

/*--------------------------------------
 localNavi
 --------------------------------------*/
.localNavi {
  margin: 0 0 25px 0;
  padding: 1px 0 0 0;
  background: #fef2f5;
  border-right: 1px solid #fdc2d3;
  display: table;
}
.localNavi li {
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
  border-left: 1px solid #fdc2d3;
  display: table-cell;
  width: 149px;
  vertical-align: middle;
}


.localNavi li a {
  border-bottom: 1px solid #fdc2d3;
  display: block;
  color: #ec0044;
  height: 56px;
  position: relative;
}

.localNavi.foot{ margin-bottom: 70px;}

.localNavi.foot li a{
  border-bottom: none;
  border-top: 1px solid #fdc2d3;
}

.localNavi li a span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  display: block;
}
.localNavi li:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
}
.localNavi li span {
  padding: 0 18px 0 0;
  display: inline-block;
  background: url(../img/base/arrow_2.gif) no-repeat 96% 50%;
}
.localNavi li .current {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  background-color: #ffffff;
  border: none;
  border-top: 1px solid #fdc2d3;
}

.localNavi.foot li .current { border-top: none; border-bottom: 1px solid #fdc2d3;}

.localNavi li .current span {
  padding: 0 18px 0 0;
  background: url(../img/base/arrow_2.gif) no-repeat 96% 50%;
}
.localNavi li .current:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}
                             
.localNavi.foot + .prodctSpec.alcoActive.cs{ margin-bottom: 70px;}

/*--------------------------------------
 toggleArea
 --------------------------------------*/
.toggleArea {
}
.toggleArea .title {
  border-bottom: 1px dashed #8a8a8d;
  padding: 15px 30px;
  background: url(../img/base/arrow_l_b.gif) no-repeat 96% 50%;
  zoom: 1;
}
.toggleArea .title:before, .toggleArea .title:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.toggleArea .title:after {
  clear: both;
}
.toggleArea .title.on {
  background: url(../img/base/arrow_l_t.gif) no-repeat 96% 50%;
}
.toggleArea .title figure {
  float: left;
  padding: 0 25px 0 0;
}
.toggleArea .title dl {
  overflow: hidden;
}
.toggleArea .title dl dt {
  font-weight: bold;
  padding: 10px 0 0;
}
.toggleArea .inner {
  display: none;
  border-bottom: 1px dashed #8a8a8d;
  padding: 20px 30px 25px;
}
.toggleArea .first {
  border-top: 1px dashed #8a8a8d;
}
.toggleArea.faq h3 {
  padding: 10px 0 10px 50px;
  background: url(../img/base/icon_faq_q.gif) no-repeat 0 50%;
  font-weight: bold;
}
.toggleArea.faq .inner {
  padding: 20px 30px 25px 80px;
  background: url(../img/base/icon_faq_a.gif) no-repeat 30px 25px;
}

/*--------------------------------------
 toggleArea
 --------------------------------------*/
.cartButton {
  background: url(../img/base/bg_line_pink.gif) repeat 0 0;
  padding: 12px;
  margin-bottom: 30px;
}
.cartButton .cartButtonCont {
  background: #fff;
  padding: 20px;
}
.cartButton .cartButtonCont a {
  width: 280px;
  margin: 0 auto;
  font-size: 130%;
}

/*--------------------------------------
 prodctSpec
 --------------------------------------*/
.prodctSpec {
  width: 745px;
  height: 250px;
  background: url(../img/base/bg_product.gif) top right no-repeat;
  position: relative;
  margin: 0 0 40px 0;
  line-height: 1.2em;
}

.cartButton + .prodctSpec { margin: 50px 0 40px;}

.prodctSpec.alcoActive { height: 338px; margin-bottom: 20px;}
.prodctSpec.alcoActive.cs { height: 260px; margin-bottom: 20px;}

.prodctSpec.alcoActive.cs .alcoIcon{ position: absolute; bottom: 0; left: 28px;}

.prodctSpec dl.prLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 211px;
}
.prodctSpec dl.prRight {
  position: absolute;
  top: 5px;
  left: 535px;
  width: 183px;
}
.prodctSpec dl.prRight dt {
  font-size: 90%;
  padding: 0 0 0 10px;
  font-weight: bold;
}
.prodctSpec dl.prRight dd {
  text-align: right;
  padding: 15px 0 0 0;
}
.prodctSpec dl.prRight dd strong {
  font-size: 190%;
  line-height: 26px;
  color: #ec0044;
  padding: 0 5px 0 0;
}
.prodctSpec ul.prRightTxt {
  position: absolute;
  top: 86px;
  left: 542px;
  width: 185px;
  font-size: 12px;
  line-height: 1.4em;
}
.prodctSpec ul.prRightTxt li.txt {
  padding-bottom: 5px;
}
.prodctSpec ul.prRightTxt strong {
  color: #ec0044;
}
.prodctSpec ul.prRightTxt .btn {
  margin-top: 10px;
}
.prodctSpec .title p {
  position: absolute;
  font-size: 80%;
}
.prodctSpec .title .ttl1 {
  top: 5px;
  left: 245px;
}
.prodctSpec .title .ttl2 {
  top: 5px;
  left: 350px;
}
.prodctSpec .title .ttl3 {
  top: 5px;
  left: 460px;
}
.prodctSpec .title .ttl4 {
  top: 82px;
  left: 242px;
}
.prodctSpec .title .ttl5 {
  top: 82px;
  left: 343px;
}
.prodctSpec p span {
  display: table-cell;
  vertical-align: middle;
}
.prodctSpec .detail .inner {
  position: absolute;
  width: 94px;
  height: 52px;
  display: table;
  text-align: center;
  font-weight: bold;
  font-size: 90%;
}
.prodctSpec .detail .dText1 {
  top: 26px;
  left: 221px;
}
.prodctSpec .detail .dText2 {
  top: 26px;
  left: 326px;
}
.prodctSpec .detail .dText3 {
  top: 26px;
  left: 430px;
}
.prodctSpec .detail .dText4 {
  top: 104px;
  left: 221px;
}
.prodctSpec .detail .dText5 {
  top: 104px;
  left: 326px;
}
.prodctSpec .detail .dText6 {
  top: 175px;
  left: 220px;
  width: 270px;
  font-size: 90%;
  text-align: left;
  font-weight: normal;
}
.prodctSpec .detail .dText7 {
  top: 124px;
  left: 435px;
}
.prodctSpec .detail .dText8 {
  display: table;
  top: 157px;
  left: 435px;
  width: 83px;
}
.prodctSpec .detail .dText8 p {
  display: table-cell;
  height: 50px;
  text-align: center;
  vertical-align: middle;
}
.prodctSpec ul.prRightBtn li.btn {
  height: 38px;
  padding: 5px 0 0;
  margin: 0;
}

/*--------------------------------------
 freeInfo(160602_j10add)
 --------------------------------------*/
.freeInfo{ padding: 20px; background: #f3f3f3; margin-bottom: 20px;}
/*.freeInfo > *{ font-size: 12px; line-height:2;}*/

/*--------------------------------------
 title
 --------------------------------------*/
.headline1 {
  color: #ec0044;
  font-size: 210%;
  font-weight: bold;
  padding: 17px 0 17px 50px;
  margin: 0 0 20px;
  position: relative;
  line-height: 1;
  background: url(../img/base/icon_headline.gif) no-repeat 0 50%;
}
.headline1:before {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
  background: url(../img/base/bg_line.gif) repeat-x 0 50%;
}
.headline1:after {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  background: url(../img/base/bg_line.gif) repeat-x 0 50%;
}
.headline1.program {
  background: url(../img/base/icon_headline_program.gif) no-repeat 0 50%;
}
.headline1.toeic {
  background: url(../img/base/icon_headline_toeic.gif) no-repeat 0 50%;
}
.headline1.listening {
  background: url(../img/base/icon_headline_listening.gif) no-repeat 0 50%;
}
.headline1.book {
  background: url(../img/base/icon_headline_book.gif) no-repeat 0 50%;
}
.headline1.speaking {
  background: url(../img/base/icon_headline_speaking.gif) no-repeat 0 50%;
}
.headline1.capacity {
  background: url(../img/base/icon_headline_capacity.gif) no-repeat 0 50%;
}
.headline1.choose {
  background: url(../img/base/icon_headline_choose.gif) no-repeat 0 50%;
}
.headline1.level {
  background: url(../img/base/icon_headline_level.gif) no-repeat 0 50%;
}

.headline2 {
  color: #ec0044;
  font-size: 160%;
  font-weight: bold;
  padding: 17px 0 13px;
  border-top: 2px solid #ec0044;
  border-bottom: 2px solid #fde5ec;
  margin: 0 0 20px;
}

div.headline2 {
  zoom: 1;
}
div.headline2:before, div.headline2:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
div.headline2:after {
  clear: both;
}
div.headline2 h2 {
  float: left;
  font-weight: bold;
}
div.headline2 .more {
  float: right;
  font-size: 65%;
  color: #444444;
  font-weight: normal;
  margin-top: 6px;
  padding: 0 0 0 15px;
  background: url(../img/base/arrow.gif) no-repeat 0 50%;
}
div.headline2 .more a {
  color: #444444;
}

.headline3 {
  color: #ec0044;
  font-size: 140%;
  font-weight: bold;
  padding: 8px 0 0;
  border-top: 2px solid #ec0044;
  margin: 20px 0 20px;
}

.headline4 {
  color: #ec0044;
  font-size: 110%;
  font-weight: bold;
  background: #fef2f5;
  padding: 3px 8px;
  margin: 15px 0 20px;
}
       
.headline5 {
	background: url("//ec.alc.co.jp/img/common/ec-h3.gif") left 8px no-repeat;
	font-size: 105%;
	font-weight: bold;
	color: #222;
	padding: 0 0 5px 17px;
	margin: 0 0 20px 0px;
	border-bottom: 1px solid #a5a5a5;
}
          
/*--------------------------------------
 TOP
--------------------------------------*/
/*slider-----*/
.slider {
  zoom: 1;
  background: #f2f2f2;
  position: relative;
  margin-bottom: 30px;
  height: 230px;
}
.slider:before, .slider:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.slider:after {
  clear: both;
}
.slider .visual {
  width: 612px;
  float: left;
}
.slider #next {
  background: url(../img/base/arrow_slide.png) no-repeat 0 bottom;
  width: 16px;
  height: 9px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 57px;
  bottom: 5px;
}
.slider #prev {
  background: url(../img/base/arrow_slide.png) no-repeat 0 0;
  width: 16px;
  height: 9px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 57px;
  top: 5px;
}
.slider .thumbNav {
  text-align: right;
  height: 196px;
  overflow: hidden;
  margin: 18px 11px 0 0;
}
.slider .thumbNav a {
  padding: 0 0 2px;
  display: block;
}
.slider .thumbNav .activeSlide a, .slider .thumbNav a:hover {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60);
}

/*productList-----*/
.productList {
  margin-bottom: 30px;
}
.productList ul {
  zoom: 1;
  margin: 0 0 20px -25px;
}
.productList ul:before, .productList ul:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.productList ul:after {
  clear: both;
}
.productList ul li {
  width: 170px;
  float: left;
  margin: 0 0 0 22px;
}
.productList ul li p {
  text-align: center;
  margin-bottom: 10px;
  height: 165px;
}
.productList ul li dt {
  font-weight: bold;
}
.productList ul li dd {
  font-size: 90%;
  margin-top: 5px;
}

/*newsList-----*/
.newsList {
  background: url(../img/base/bg_line.gif) repeat;
  padding: 10px;
  margin-bottom: 30px;
}
.newsList dl {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 20px;
}
.newsList dl dt {
  margin: 10px 0 5px;
  padding-top: 10px;
  border-top: 1px dashed #8c8c8f;
  font-weight: bold;
}
.newsList dl dt:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.newsList dl dt a {
  padding: 0 0 0 18px;
  background: url(../img/base/arrow.gif) no-repeat 0 0.45em;
  display: inline-block;
}
.newsList dl dd {
  margin: 0 0 0 18px;
}

/*infoList-------*/
.infoList {
  zoom: 1;
  margin-left: -30px;
}
.infoList:before, .infoList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.infoList:after {
  clear: both;
}
.infoList li {
  float: left;
  width: 228px;
  margin: 0 0 30px 30px;
}
.infoList li a {
  display: block;
  text-align: center;
  border: 1px solid #dcdcdc;
  padding: 1px;
  -webkit-box-shadow: 0 6px 0 0 #e9e9e9;
  -moz-box-shadow: 0 6px 0 0 #e9e9e9;
  -ms-box-shadow: 0 6px 0 0 #e9e9e9;
  box-shadow: 0 6px 0 0 #e9e9e9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.infoList li a:hover {
  transform: translate3d(0, 6px, 0);
  -webkit-box-shadow: 0 0 0 0 #e9e9e9;
  -moz-box-shadow: 0 0 0 0 #e9e9e9;
  -ms-box-shadow: 0 0 0 0 #e9e9e9;
  box-shadow: 0 0 0 0 #e9e9e9;
}
.infoList li span {
  display: block;
  font-size: 95%;
  margin-top: 10px;
}
.infoList li:nth-child(3n+1) {
  clear: left;
}

/*seriesArea------------*/
.seriesArea {
  background: url(../img/base/bg_line.gif) repeat;
  padding: 20px 20px 10px 10px;
  margin-bottom: 30px;
  zoom: 1;
}
.seriesArea:before, .seriesArea:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.seriesArea:after {
  clear: both;
}
.seriesArea li {
  float: left;
  margin: 0 0 10px 10px;
  width: 200px;
  padding: 10px 14px 20px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.seriesArea li figure{
  min-height: 200px;
}
.seriesArea h3 {
  margin: 8px 0 18px;
  padding: 12px 0;
  text-align: center;
  border-top: 1px dashed #ec0044;
  border-bottom: 1px dashed #ec0044;
  color: #ec0044;
  font-weight: bold;
  line-height: 1.3;
}
.seriesArea .text {
  font-size: 90%;
  margin-bottom: 10px;
}

/*--------------------------------------
 lisningLineup
--------------------------------------*/
.lisningLineup ul {
  overflow: hidden;
  border-left: 1px solid #d8d8d8;
  margin: 0 0 40px 0;
  display: table;
  position: relative;
}
.lisningLineup ul li {
  width: 207px;
  border-right: 1px solid #d8d8d8;
  padding: 0 20px;
  font-size: 14px;
  display: table-cell;
  position: relative;
  vertical-align: top;
}
.lisningLineup ul li dt {
  height: 207px;
}
.lisningLineup ul li dt.img {
  padding: 0 0 10px 0;
  position: relative;
  text-align: center;
}
.lisningLineup .item img {
  margin-right: 3px;
  padding-top: 1px;
  float: left;
}
.lisningLineup .item .date {
  font-size: 12px;
  padding-left: 14px;
  font-weight: bold;
  float: none;
}
.lisningLineup dd.course {
  color: #fff;
  padding: 3px 5px 0;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0.8em;
}
.lisningLineup dd.course span {
  padding: 0;
  list-style: none;
  border-right: none;
  font-size: 10px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  padding: 2px 5px;
  margin-right: 7px;
}
.lisningLineup dd.course span.icon_grey {
  background-color: #999;
}
.lisningLineup dd.course span.icon_red {
  background: #ce0f31;
}
.lisningLineup dd.course span.icon_blue {
  background: #1e77d3;
}
.lisningLineup dd.course span.icon_green {
  background: #35b338;
}
.lisningLineup dd.course span.icon_pink {
  background: #fe0549;
}
.lisningLineup dd.course span.icon_orange {
  background: #fd6300;
}
.lisningLineup dd.note {
  width: 186px;
  background-color: #F0F0F0;
  margin: 10px 0 0;
  padding: 10px;
}
.lisningLineup ul li dl.cart {
  padding-bottom: 50px;
}
.lisningLineup ul li dd.link {
  font-size: 115%;
  margin: 0 0 5px 0;
  font-weight: bold;
}
.lisningLineup ul li dt.txt1 {
  border-top: 1px dotted #b5b5b5;
  font-weight: bold;
  padding: 10px 0 5px 	0;
  color: #333;
}
.lisningLineup ul li dd.txt2 {
  color: #525252;
  padding-bottom: 10px;
  font-size: 90%;
}
.lisningLineup ul li dd.txt2 span {
  color: #ec0044;
  font-weight: bold;
  padding: 0 5px 0 0;
}
.lisningLineup ul li p.btn {
  text-align: center;
  position: absolute;
  bottom: 5px;
  width: 205px;
  font-size: 110%;
}
.lisningLineup ul li dd.price {
  border-top: 1px dashed #D8D8D8;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: right;
}
.lisningLineup ul li dd.price span {
  font-size: 200%;
  color: #ec0044;
}
.lisningLineup ul li p.tags {
  padding: 10px;
  background: #efefef;
  /*
  position:absolute;
  */
  bottom: 0;
  width: 187px;
}

/*--------------------------------------
 chart toeic
--------------------------------------*/
.chartArea {
  height: 590px;
  width: 100%;
  background: url(../img/toeic/chart_bg.gif) no-repeat 0 0;
  position: relative;
  margin-bottom: 20px;
}
.chartArea .button01 {
  position: absolute;
  left: 178px;
  top: 159px;
}
.chartArea .button02 {
  position: absolute;
  left: 243px;
  top: 231px;
}
.chartArea .button03 {
  position: absolute;
  left: 281px;
  top: 291px;
}
.chartArea .button04 {
  position: absolute;
  left: 338px;
  top: 352px;
}
.chartArea .button05 {
  position: absolute;
  left: 413px;
  top: 412px;
}
.chartArea .button06 {
  position: absolute;
  left: 474px;
  top: 473px;
}
.chartArea .button07 {
  position: absolute;
  left: 570px;
  top: 534px;
}

.chartCaption {
  zoom: 1;
  margin: 0 0 20px -30px;
}
.chartCaption:before, .chartCaption:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.chartCaption:after {
  clear: both;
}
.chartCaption .inner {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 10px;
  width: 208px;
  float: left;
  margin: 0 0 0 30px;
  color: #fff;
  text-align: center;
}
.chartCaption h3 {
  text-align: center;
  display: inline;
  background: url(../img/toeic/icon_note.png) no-repeat 0 50%;
  padding: 0 0 0 30px;
  font-weight: bold;
  font-size: 110%;
  line-height: 1;
}
.chartCaption p {
  text-align: left;
  padding: 5px 5px 0;
  margin-top: 5px;
}
.chartCaption .color1 {
  background: #e74683;
}
.chartCaption .color1 p {
  border-top: 1px solid #f3a3c1;
}
.chartCaption .color2 {
  background: #00afaa;
}
.chartCaption .color2 p {
  border-top: 1px solid #80d7d5;
}
.chartCaption .color3 {
  background: #544587;
}
.chartCaption .color3 p {
  border-top: 1px solid #aaa2c3;
}

/*--------------------------------------
 textColum
--------------------------------------*/
.textColum {
  zoom: 1;
  margin: 0 0 20px -30px;
}
.textColum:before, .textColum:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
.textColum:after {
  clear: both;
}
.textColum .inner {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  width: 228px;
  float: left;
  margin: 0 0 0 30px;
  color: #fff;
}
.textColum .inner h3 {
  padding: 10px;
  background: #ec0044 url(../img/base/line_red.gif) repeat-x 0 100%;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
}
.textColum .inner h3 a {
  color: #fff;
  display: block;
  background: url(../img/base/arrow_white2.png) no-repeat 100% 50%;
  position: relative;
  padding: 0 0 0 35px;
}
.textColum .inner h3 a:before {
  display: block;
  content: "";
}
.textColum .inner h3.level a:before {
  background: url(../img/base/icon_level.png) no-repeat 0 0;
  width: 29px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 3px;
}
.textColum .inner h3.music a:before {
  background: url(../img/base/icon_music.png) no-repeat 0 0;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 3px;
  top: 0;
}
.textColum .inner h3.english a:before {
  background: url(../img/base/icon_english.png) no-repeat 0 0;
  width: 24px;
  height: 23px;
  position: absolute;
  left: 3px;
  top: 0;
}
.textColum .inner p {
  padding: 5px 10px 10px;
  border: 1px solid #f7eaee;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  color: #ec0044;
  background: #fff8fa;
  font-weight: bold;
}

/*--------------------------------------
 productContents
--------------------------------------*/
.productDetail .productContents{ padding-top: 82px!important; margin-top: -82px!important;}

.productContents {
  display: none;
}
.productContents.on {
  display: block;
}

/*# sourceMappingURL=parts.css.map */


#modal-content {
	position: relative;
	padding-bottom: 93px;
	width: 745px;
	margin: 0 auto;
}
h2.base-title {
	background: url(../img/common/bg_h2title_bottom.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding: 10px 0;
	overflow: hidden;
	color: #111111;
	font-size: 23px;
}
h3.txttitle-h3 {
	background: url("../img/common/txttitle-h3.gif") left 7px no-repeat;
	border-bottom: solid 1px #333;
	min-height:28px;
	font-size: 18px;
	font-weight: bold;
	color:#202020;
	padding:0 0 6px 20px;
	margin:40px 0 20px 0;
	max-width: 725px;
}
dl.txt1 dt{
	color: #222222;
	margin: 20px 0 10px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #cecece;
	max-width: 745px;
}
dl.txt1 dd{
	font-size: 16px;
	line-height: 1.7em;
	padding:0 0 20px 0;
}
.modal-close-btn {
	text-align: center;
	padding: 30px 0;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	width: 745px;
}


nav.product-link{
text-align : center ;
background : #ffe7ee ;
}
nav.product-link ul{
margin: 0 ;
padding: 0 ;
}
nav.product-link li{
list-style: none;
display: inline-block;
width: 10%;
min-width: 90px;
}

nav.product-link a{
text-decoration: none;
color: #333;
}

.template-product .page-title {
    margin-bottom: 1.04492rem;
    font-weight: bold;
    color : #ec0044 ;

.level {
    text-align: center;
    font-weight: bold;
}