@charset "utf-8";


.areaSectionSpacing {
  height:50px;
}

h1 {
  margin:0 auto 50px;
  width:215px;
  height:156px;
  background:url("../img/bg_h2.png") no-repeat center center;
  background-size:215px 156px;
}
h1 strong {
  display:block;
  padding:60px 0 0;
  font-size:24px;
  font-family: "Shippori Mincho", serif;  
  font-weight:normal;
  color:#fff;
  text-align:center;
  letter-spacing:0.1em;
  line-height:1.2em;
}

#boxMenu {
  height:50px;
}
#boxMenu ul {
  position:relative;
  z-index:1;
}
#boxMenu ul li {
  float:left;
  list-style:none;
}
#boxMenu ul li#menuAll {
  position:absolute;
  top:0;
  left:0;
}
#boxMenu ul li#menuW {
  position:absolute;
  top:0;
  left:153px;
}
#boxMenu ul li#menuC {
  position:absolute;
  top:0;
  left:337px;
}
#boxMenu ul li.upper {
  z-index:10;
}
#boxMenu ul li.middle {
  z-index:8;
}
#boxMenu ul li.lower {
  z-index:6;
}

#boxMenu ul li a {
  display:block;
  height:50px;
  background-image:url("../img/menu.png");
  background-repeat:no-repeat;
  text-indent:-9999px;
}
#boxMenu ul li#menuAll a {
  width:173px;
  background-position:0 0;
}
#boxMenu ul li#menuW a {
  width:204px;
  background-position:-173px 0;
}
#boxMenu ul li#menuC a {
  width:172px;
  background-position:-377px 0;
}
#boxMenu ul li a:hover {
  opacity:0.75;
}

.subframe {
  margin-top:70px;
  margin-bottom:200px;
}

#body {
  min-height:1200px;
}
#typeAll #body {
  border:2px solid #dabba0;
}
#typeWoman #body {
  border:2px solid #f2c1c7;
}
#typeChild #body {
  border:2px solid #b3d8b4;
}
#body #space {
  padding:50px;
}
#body #space dl {
  padding-bottom:50px;
}
#body #space dl dt {
  float:left;
  width:180px;
  text-align:center;
}
#body #space dl dt strong {
  display:block;
}
#body #space dl dt span {
  display:block;
  margin:6px auto 0;
  padding:6px 0 9px;
  width:7em;
  color:#fff;
  font-size:18px;
  line-height:1.0em;
}
#body #space dl dt span.typeWoman {
  background:#f2c1c7;
  border-radius:10px;
}
#body #space dl dt span.typeChild {
  background:#b3d8b4;
  border-radius:10px;
}
#body #space dl dd {
  float:right;
  margin-left:30px;
  width:670px;
}
#body #space dl dd strong {
  display:block;
  padding:0 0 9px 0;
  color:#000;
  font-size:22px;
}



/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {


h1 {
  width:150px;
  height:108px;
  background:url("../img/bg_h2.png") no-repeat center center;
  background-size:150px 108px;
}
h1 strong {
  padding:40px 0 0;
  font-size:20px;
  line-height:1.2em;
}

.subframe {
  margin:50px 10px 100px;
  width:auto;
}

#boxMenu {
  height:28px;
}
#boxMenu ul li#menuW {
  position:absolute;
  top:0;
  left:90px;
}
#boxMenu ul li#menuC {
  position:absolute;
  top:0;
  left:195px;
}
#boxMenu ul li a {
  height:28px;
  background-image:url("../img/menu.png");
  background-size:300px 28px;
}
#boxMenu ul li#menuAll a {
  width:94px;
  background-position:0 0;
}
#boxMenu ul li#menuW a {
  width:111px;
  background-position:-94px 0;
}
#boxMenu ul li#menuC a {
  width:94px;
  background-position:-210px 0;
}
#boxMenu ul li a:hover {
  opacity:0.75;
}

#body {
  min-height:auto;
}
#body #space {
  padding:20px;
}

#body #space dl dt {
  float:none;
  width:180px;
  text-align:left;
}
#body #space dl dt span {
  margin:6px auto 0 0;
  font-size:15px;
  text-align:center;
}
#body #space dl dd {
  float:none;
  margin-left:0;
  margin-bottom:15px;
  width:auto;
}
#body #space dl dd strong {
  display:block;
  padding:9px 0 9px 0;
  color:#000;
  font-size:18px;
}







}