@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: July 23, 2014

  #about
  div.shopping
  div.corporate

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
#about
============================================================ */
#about {
  margin-bottom: 30px;
}
#about:after {
  content: "";
  display: table;
  clear: both;
}
#about div.sideBar {
  float: left;
}
#about div.contents {
  float: right;
  overflow: hidden;
}
#about div.contents h2 {
  margin-bottom: 20px;
}
#about .caution {
  color: #FF0000;
}


/* ============================================================
#about div.shopping
============================================================ */
#about div.shopping {
  background-color: #FFFFFF;
}
#about div.shopping div.step {
  padding: 30px 25px 30px 105px;
}
#about div.shopping div.step h3 {
  color: #0099DF;
  font-size: 15px;
  margin-left: -80px;
  margin-bottom: 10px;
}
#about div.shopping div.step h3 span img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#about div.shopping div.step p.lead {
  font-size: 13px;
  margin-bottom: 15px;
}
#about div.shopping div.step p.image {
  margin-bottom: 20px;
}
#about div.shopping div.step div.caption {
  margin-bottom: 20px;
  border-top: #BBBBBB 1px dotted;
}
#about div.shopping div.step div.caption p {
  font-size: 12px;
  padding: 15px 10px 15px 40px;
  border-bottom: #BBBBBB 1px dotted;
}
#about div.shopping div.step div.caption p.iconA {
  background: url(../img/about/shopping/step_icon_a.png) 10px 50% no-repeat;
}
#about div.shopping div.step div.caption p.iconB {
  background: url(../img/about/shopping/step_icon_b.png) 10px 50% no-repeat;
}
#about div.shopping div.step div.caption p.iconC {
  background: url(../img/about/shopping/step_icon_c.png) 10px 50% no-repeat;
}
#about div.shopping div.step div.caption p.iconD {
  background: url(../img/about/shopping/step_icon_d.png) 10px 50% no-repeat;
}
#about div.shopping div.step div.supp {
  color: #666666;
  font-size: 12px;
  padding: 20px 20px 5px;
  background-color: #D9F0FB;
}
#about div.shopping div.step div.supp h4 {
  font-size: 13px;
  margin-bottom: 10px;
}
#about div.shopping div.step div.supp p {
  margin-bottom: 15px;
}
#about div.shopping div.step div.supp div.imageText:after {
  content: "";
  display: table;
  clear: both;
}
#about div.shopping div.step div.supp div.imageText p.image {
  float: left;
}
#about div.shopping div.step div.supp div.imageText div.text {
  float: right;
}
/* div.supp each */
#about div.shopping div.step div.step05 div.imageText p.image {
  width: 282px;
}
#about div.shopping div.step div.step05 div.imageText div.text {
  width: 310px;
}
#about div.shopping div.step div.step07 div.imageText p.image,
#about div.shopping div.step div.step09 div.imageText p.image {
  width: 315px;
}
#about div.shopping div.step div.step07 div.imageText div.text,
#about div.shopping div.step div.step09 div.imageText div.text {
  width: 280px;
}


/* ============================================================
#about div.corporate
============================================================ */
#about div.corporate {
  padding: 30px 25px;
  background-color: #FFFFFF;
}
#about div.corporate table {
  border-top: #CCCCCC 1px dotted;
}
#about div.corporate table tr {
  border-bottom: #CCCCCC 1px dotted;
}
#about div.corporate table tr th {
  text-align: left;
  vertical-align: middle;
  width: 155px;
  padding: 10px;
}
#about div.corporate table tr td {
  font-size: 12px;
  width: 545px;
  padding: 10px;
}
#about div.corporate table tr td p.mapBtn {
  text-align: center;
  margin-top: 10px;
}
#about div.corporate table tr td p.mapBtn a:hover img {
  opacity: 0.7;
}


/* ============================================================
/about/kids/
============================================================ */
#about_kids {
  background: #f6f6ea;
  text-align: center;
  width: 960px;
  margin: 20px auto 30px;
  padding: 20px 0 20px 0;
}
#about_kids div.caption {
  margin-bottom:30px;
}
#about_kids  div.imgonly{
  margin-top:20px;
  margin-bottom:20px;
}
#about_kids div.section {
  padding-top: 10px;
  margin-left: 20px;
  width: 950px;
  text-align: left;
  margin-bottom:30px;
}
#about_kids div.section img {
  float:left;
}
#about_kids div.line {
  }
#about_kids ul.txt_box {
  text-align: left;
  width: 445px;
  float: left;
  color: #421f0e;
  margin-left:35px;
}
#about_kids li.txt {
  font-size:12px;
  line-height: 170%;
  letter-spacing:0.1em;
  color: #421f0e;
  margin-top:10px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#about_kids li.img {
  margin-bottom: 70px;
  margin-top:-10px;
}
#about_kids li.title {
  font-size: 15px;
  text-align: left;
  font-weight: 700;
  color: #421f0e;
  letter-spacing:0.1em;
}
#about_kids li.type {
  margin-top: 15px;
  float: left;
  letter-spacing:0.1em;
  color: #421f0e;
  font-size:10px;
}
#about_kids li.type_l {
  margin-top: 15px;
  float: left;
  letter-spacing:0.1em;
  color: #421f0e;
  font-size:10px;
  padding-right:20px;
}
#about_kids li.btn {
  margin-left:27px;
  margin-top: 25px;
  float: left;
}
#about_kids li.price {
  margin-top: 25px;
  float: left;
  clear:both;
}
#about_kids div.kids_info {
  text-align: center;
  font-size: 12px;
  color: #421f0e;
  line-height: 180%;
  letter-spacing:0.1em;
  margin-bottom:10px;
  margin-top:-20px;
}
/*link*/
#about_kids a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#about_kids li.type:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#about_kids li.type_l:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#about_kids li.btn:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}