@charset "UTF-8";
/* リセットCSS
----------------------------------------*/
h1, h2, h3, h4, h5, h6, div, p, ul, li, dl, dt, dd, table, tr, td, img {
  margin: 0;
  border: 0;
  padding: 0;
}

/* コンテナ
----------------------------------------*/
div#container {
  width: 980px;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

/* タイトル
----------------------------------------*/
#container h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 0 12px;
  padding-bottom: 0;
}

.title-banner {
  margin: 0px 0px 33px 0px;
}

.lead-area {
  margin: 0px 0px 60px 0px;
  text-align: center;
}

.lead-area h2.ttl {
  font-size: 1.6em;
  color: #18306e;
  line-height: 1.2;
  margin: 0px 0px 8px 0px;
}

.lead-area p.text {
  font-size: 1em;
  line-height: 1.8;
  margin: 0px 0px 15px 0px;
}

.item-area {
  margin: 0px 0px 0px 0px;
}

.item-h2 {
  margin: 0px 0px 0px 0px;
  background: #2d56b0;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  padding: 16px 14px 12px 14px;
}

.item-box {
  margin: 0px 0px 30px 0px;
  padding: 0px 20px 0px 0px;
  background: #e9f8ff;
  border: 1px solid #dbdfe0;
}

.item-box .photo {
  float: left;
}

.item-box .detail {
  width: 588px;
  float: left;
  margin: 20px 0px 0px 0px;
}

.item-box .detail .name {
  line-height: 1.4;
  font-size: 1em;
  margin: 0px 0px 8px 0px;
}

.item-box .detail .hinban {
  line-height: 1.4;
  margin: 0px 0px 0px 0px;
}

.item-box .detail .hinban a {
  font-weight: bold;
  font-size: 0.9em;
  padding: 0px 0px 0px 15px;
  background: url(/static/images/seihin_joho/active_learning/yaji_maru_bl_12.png) no-repeat 0px center;
}

.item-box .detail .price {
  line-height: 1.4;
  font-size: 0.9em;
  margin: 0px 0px 6px 0px;
}

.item-box .detail .left-area {
  display: table-cell;
  width: 438px;
}

.item-box .detail .right-area {
  display: table-cell;
  vertical-align: bottom;
}

.item-box .detail .inner-box {
  border-bottom: 1px solid #dbdfe0;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 15px 0px;
}

.item-box .feature {
  margin: 0px 0px 19px 0px;
}

.item-box .three_line {
  margin: 0px 0px 39px 0px;
}

.item-box .feature ul {
  list-style: disc;
  margin: 0px 0px 0px 1em;
}

.item-box .feature ul li {
  line-height: 1.3;
  font-size: 0.8em;
  color: #9da2a5;
  margin: 0px 0px 0.55em 0px;
}

.item-box .feature ul li span {
  color: #000;
}

.item-box .sub-photo {
  margin: 0px 0px 25px 0px;
}

.item-box .sub-photo a {
  display: block;
  float: left;
  margin: 0px 9px 0px 0px;
}

.item-box .sub-photo a img {
  border: 1px solid #dbdfe0;
}

.link-area {
  margin: 0px 0px 20px 0px;
  text-align: center;
}

.link-area a {
  display: inline-block;
  margin: 0px 4px 0px 4px;
}

/* カタログ */
div#catalog-pc {
  border: 0.3em solid #9FBFE6;
  border-radius: 0.7em;
  background-color: #DBE7F5;
  padding: 30px 50px;
  margin: 3.5% auto;
  width: 880px;
}

div#catalog-pc div.cata_left {
  float: left;
  width: 73%;
  padding-top: 2%;
}

div#catalog-pc div.cata_left p {
  font-weight: bold;
  font-size: 1.65em;
  margin-bottom: 3%;
}

div#catalog-pc div.cata_left span {
  display: block;
  font-size: 1.05em;
  line-height: 1.8;
}

div#catalog-pc div.cata_left ul {
  margin-top: 6%;
}

div#catalog-pc div.cata_right {
  float: right;
  width: 20%;
  text-align: center;
}

div#catalog-pc div.cata_right img {
  width: 100%;
}

div#catalog-pc div.cata_left ul li {
  float: left;
  width: 45%;
  padding-right: 2%;
}

div#catalog-pc div.cata_left ul li a {
  display: block;
  text-align: center;
  padding: 5%;
  background-color: #125EAA;
  color: #FFFFFF;
  font-size: 0.95em;
}

div#catalog-pc div.cata_left ul li a img {
  width: 3.8%;
  vertical-align: middle;
  margin: 0 0 0 12px;
}