@charset "utf-8";
/* CSS Document */

/*------------------------------
main.css

-home
------------------------------*/



/*--------------------
home
---------------------*/

#home #newsArea,
#home #about {
  margin-bottom: 25px;
}

#home #mainVisual {
  margin: 0 0 0 2px;
  width: 960px;
  height: 479px;
  z-index: 2;
}
#home #visualNav {
  position: absolute;
  top: 445px;
  right: -13px;
  overflow: hidden;
  text-indent: -9999px;
  height: 18px;
  width: 120px;
  z-index: 3;
}
#home #visualNav a {
  display: block;
  background: url(../img/home/visualNav_def.png) no-repeat 0 0;
  height: 18px;
  width: 18px;
  float: left;
  padding-right: 2px;
}
#home #visualNav a.activeSlide,
#home #visualNav a:hover {
  background: url(../img/home/visualNav_ov.png) no-repeat 0 0;
}

/*--- shopNavi ---*/
#shopNavi {
  margin: 0 0 20px;
}
#shopNavi ul {
  margin: 0 -8px 0 0;
  width: 680px;
}
#shopNavi ul li {
  float: left;
  margin: 0 8px 0 0;
  width: 162px;
  height: 50px;
  text-align: center;
  font-weight: bold;
}
#shopNavi ul li a {
  display: table-cell;
  width: 162px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  background: #171c60;
}
#shopNavi ul li a:hover {
  background: #fabe00;
}

/*--- top ---*/
#home .features {
  margin: 0 0 25px;
}
#home #charm {
  margin: 0 0 25px;
  border: #171c60 1px solid;
}
#home #charm .inner {
  padding: 14px 15px;
}
#home #charm ul {
  margin: 0 -15px 0 0;
  width: 655px;
}
#home #charm ul li {
  float: left;
  margin: 0 15px 0 0;
  width: 116px;
}
/*--- news ---*/
#home #news {
  width: 442px;
  height: 310px;
  border: #171c60 1px solid;
  float: left;
}

#home #news dl {
  font-size: 11px;
  height: auto;
  width: 420px;
  margin: -1px auto 0;
  background: url(../img/dotline_x.png) repeat-x left bottom;
}

#home #news dl dt,
#home #news dl dd {
  background: url(../img/dotline_x.png) repeat-x 0 0;
  padding: 14px 0 5px;
}

#home #news dl dt {
  width: 99px;
  float: left;
  color: #ed9c00;
}

#home #news dl dt span {
  background: url(../img/icon_boxOrange.png) no-repeat 5px 2px;
  padding-left: 15px;
}

#home #news dl dd {
  margin-left: 99px;
}
#home #news dl dd a {
  text-decoration: none;
}
#home #news dl dd a:hover {
  text-decoration: underline;
}

#home #news .anchor {
  width: 102px;
  margin: 10px 12px 0 auto;
}

#home #news .anchor a {
  display: block;
  text-indent: -9999px;
  background: url(../img/home/btn_news.png) no-repeat 0 0;
  width: 102px;
  height: 21px;
}

#home #news .anchor a:hover {
  background-position: 0 -21px;
}

/*--- press ---*/
#home #press {
  margin: 0 0 25px;
  border: #171c60 1px solid;
}

#home #press dl {
  font-size: 11px;
  height: auto;
  width: 646px;
  margin: -1px auto 0;
  background: url(../img/dotline_x.png) repeat-x left bottom;
}

#home #press dl dt,
#home #press dl dd {
  background: url(../img/dotline_x.png) repeat-x 0 0;
  padding: 14px 0 5px;
}

#home #press dl dt {
  width: 99px;
  float: left;
  color: #ed9c00;
}

#home #press dl dt span {
  background: url(../img/icon_boxOrange.png) no-repeat 5px 2px;
  padding-left: 15px;
}

#home #press dl dd {
  margin-left: 99px;
}
#home #press dl dd a {
  text-decoration: none;
}
#home #press dl dd a:hover {
  text-decoration: underline;
}

#home #press .anchor {
  width: 102px;
  margin: 10px 12px 10px auto;
}

#home #press .anchor a {
  display: block;
  text-indent: -9999px;
  background: url(../img/home/btn_news.png) no-repeat 0 0;
  width: 102px;
  height: 21px;
}

#home #press .anchor a:hover {
  background-position: 0 -21px;
}




/*--- blog ---*/
#home #blog {
  background: url(../img/home/bg_blog.png) no-repeat 0 0;
  width: 215px;
  height: 312px;
  float: right;
  text-align: center;
  font-size: 11px;
}

#home #blog a {
  text-decoration: none;
}

#home #blog .header {
  padding: 15px 0 10px;
}

#home #blog .photo img {
  padding: 2px;
  border: #ccc 1px solid;
}

#home #blog .text {
  padding: 4px 0 0 0;
  margin: 0 0 20px;
}

/*--- about ---*/

#home #about {
  background: url(../img/home/bg_about.jpg) no-repeat 0 0;
  width: 670px;
  height: 359px;
  border: #171c60 1px solid;
}

#home #about p {
  padding: 235px 0 0 340px;
  line-height: 1.8;
}

#home #about .anchor {
  width: 102px;
  margin: 5px 15px 0 auto;
}

#home #about .anchor a {
  display: block;
  text-indent: -9999px;
  background: url(../img/home/btn_about.png) no-repeat 0 0;
  width: 102px;
  height: 21px;
}

#home #about .anchor a:hover {
  background-position: 0 -21px;
}

/*--- service ---*/
#home #service {
  margin: 0 0 25px;
  width: 672px;
  overflow: hidden;
}

#home #service ul {
  width: 684px;
  margin-right: -12px;
}

#home #service ul li {
  width: 216px;
  margin-right: 12px;
  float: left;
  font-size: 11px;
}

#home #service ul li .photo {
  border: #171c60 1px solid;
}

#home #service ul li .text {
  padding: 7px 0 6px;
  line-height: 1.3;
}

#home #service ul li .anchor a {
  display: block;
  text-indent: -9999px;
  background: url(../img/home/btn_service.png) no-repeat 0 0;
  width: 216px;
  height: 30px;
}

#home #service ul li .anchor a:hover {
  background-position: 0 -30px;
}

/*--------------------
about
---------------------*/

#about #mainContents .lead {
  padding-top: 10px;
}

/*--------------------
program
---------------------*/
#program .note,
#event .note {
  font-size: 11px;
  margin: 8px 0 20px;
}

#program .note p,
#event .note p {
  background: url(../img/icon_astBlue.png) no-repeat 0 3px;
  padding-left: 15px;
}

#program #yoga,
#program #bodyworkout {
  margin-bottom: 50px;
}

#program #yoga .headerDisc h3 img {
  padding: 15px 0 0 20px;
}

#program #bodyworkout .headerDisc h3 img {
  padding: 10px 0 0 0;
}

#program #yoga .headerDisc .contentsBox .anchor a {
  width: 230px;
  height: 29px;
  background: url(../img/program/anchor_bodyworkout.png) no-repeat 0 0;
}

#program #yoga .headerDisc .contentsBox .anchor a:hover {
  background-position: 0 -29px;
}

#program #bodyworkout .headerDisc .contentsBox .anchor a {
  width: 165px;
  height: 29px;
  background: url(../img/program/anchor_yoga.png) no-repeat 0 0;
}

#program #bodyworkout .headerDisc .contentsBox .anchor a:hover {
  background-position: 0 -29px;
}

/*--------------------
schedule
---------------------*/

#schedule #usually,
#schedule #holiday,
#schedule #agent {
  margin-bottom: 35px;
}

#schedule .strengthGuide {
  margin-top: 18px;
  margin-bottom: 18px;
}
#schedule .strengthGuide h4{
  text-decoration: underline;
}

#schedule .schedule_anchor {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
#schedule .schedule_anchor .fl { float: left; width: 49%; }
#schedule .schedule_anchor .fr { float: right; width: 49%; }
#schedule .schedule_anchor ul li {
  margin: 0 0 10px;
}
#schedule .schedule_anchor ul li a {
  display: block;
  padding: 15px 0;
  color: #fff;
  text-decoration: none;
  background: #171c60;
}
#schedule .schedule_anchor ul li a:hover {
  background: #fabe00;
}
#schedule .schedule_anchor .fl h2 {
  display: none;
}
#schedule .schedule_anchor .fl ul li a {
  padding: 15px 0 15px 30px;
  background: #171c60 url(../img/schedule/pdf_ico.png) no-repeat 26px center;
}
#schedule .schedule_anchor .fl ul li a:hover {
  background: #fabe00 url(../img/schedule/pdf_ico.png) no-repeat 45px center;
}
#schedule .schedule_anchor ul li:first-child {
  margin-top: 0;
}
#schedule .schedule_anchor ul .anchor_btn a span {
  background: url(../img/icon_arrowWhite.png) no-repeat 100% 50%;
  padding: 5px 15px 5px 0;
}

#schedule .table {
  margin-top: 20px;
  position: relative;
}
#schedule .table .todate {/*-- 限定スケジュールの日付表記 --*/
  position: absolute;
  top: 20px;
  left: 10px;
  font-weight: bold;
  font-size: 16px;
}
#schedule .noteColor {
  text-align: right;
  margin: 0 0 10px;
}
#schedule table {
  border: #b6b6c1 1px solid;
  width: 100%;
  font-size: 11px;
}
#schedule table th {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
#schedule table th.sat {
  background: #e1efff;
}
#schedule table th.holiday {
  background: #ffe0ae;
}

#schedule table td.work {
  background: #fb8c32;
}

#schedule table td,
#schedule table th {
  border: #b6b6c1 1px solid;
  padding: 4px;
  text-align: center;
  letter-spacing: 0.1;
}
#schedule table td.time {
  padding: 4px 0;
  text-align: center;
  vertical-align: top;
  letter-spacing: 0;
/*  height: 130px;*/
  border: none;
}
#schedule table td.timeTop {
  border-top: #b6b6c1 1px solid;
}
#schedule table td.lesson {
  text-align:center;
}
#schedule table td.close {
  background: #9a9ba6;
  text-align: center;
  line-height: 1.2;
  font-size: 18px;
  padding: 0;
}
#schedule table td.blank {
  background: #ebecf5;
/*  border-bottom: #ebecf5 1px solid;*/
  line-height: 1.2;
  font-size: 18px;
  padding: 0;
}
#schedule table td.none {
  line-height: 1.2;
  font-size: 18px;
  padding: 0;
}
#schedule table td.maternity {
  background: #f8c3e5;
}
#schedule table td.power {
  background: #98b0ff;
}
#schedule table td.basic {
  background: #82d4ec;
}
#schedule table td.stressreset {
  background: #f8c3e5;
}
#schedule table td.aroma {
  background: #f8c3e5;
}
#schedule table td.ballet {
  background: #cbf893;
}
#schedule table td.trx {
  background: #cbf893;
}
#schedule table td.pilates {
  background: #cbf893;
}
#schedule table td.sunday {
  background: #82d4ec;
}
#schedule table td.recovery {
  background: #f8c3e5;
}
#schedule table td.mens {
  background: #98b0ff;
}
#schedule table td.crystal {
  background: #f8c3e5;
}
#schedule table td.bodyremake {
  background: #cbf893;
}
#schedule table td.event {
  background: #FF9933;
}
#schedule table td.morning {
  background: #FFE79E;
}
#schedule table td.other {
  background: #fff;
}
#schedule table td p.instructor {
  text-align: center;
  border-top: #171c60 1px solid;
  margin-top: 4px;
  padding-top: 3px;
  letter-spacing: 0;
}
#schedule table td p.rank {
  text-align: center;
  color: #171c60;
}

#schedule .table .note {
  text-align: right;
  font-size: 11px;
}

#schedule .table .note span {
  background: url(../img/icon_astBlue.png) no-repeat 0 2px;
  padding: 0 0 0 14px;
}

#schedule #mainContents .contentsBox .anchorBox li {
  margin-bottom: 10px;
}

#schedule #mainContents .contentsBox .anchorBox li.usually a {
  background: url(../img/schedule/anchor_usually.png) no-repeat 0 0;
}

#schedule #mainContents .contentsBox .anchorBox li.holiday a {
  background: url(../img/schedule/anchor_holiday.png) no-repeat 0 0;
}

#schedule #mainContents .contentsBox .anchorBox li.agent a {
  background: url(../img/schedule/anchor_agent.png) no-repeat 0 0;
}

#schedule #mainContents .contentsBox .anchorBox li a:hover {
  background-position: 0 -29px;
}

/*--------------------
price
---------------------*/
/*-- キャンペーン --*/
#price #campaign {
  border: #171c60 1px solid;
  margin-bottom: 30px;
}

#price #campaign .contentsBox {
  padding: 10px 10px 0 10px;
}

#price #campaign .contentsBox p.photo {
  width: 210px;
  float: right;
  margin: 0 0 10px 20px;
}

#price #campaign .contentsBox p {
  padding-bottom: 15px;
}

#price #campaign .contentsBox ol li {
  padding-bottom: 15px;
}

#price #campaign .contentsBox ol .header {
  padding: 0 0 10px 0;
}

#price #campaign .contentsBox ol p {
  padding: 0 0 10px 35px;
}
#price #campaign .contentsBox ol div {
  padding: 0 0 4px 35px;
  line-height: 1.5;
}

#price #campaign .contentsBox ol .arw {
  background: url(../img/icon_arrowBlue.png) no-repeat 20px 5px;
  padding: 0 0 0 35px;
}
#price #campaign .contentsBox ol .arw0 {
  background: url(../img/icon_boxOrange.png) no-repeat 19px 5px;
  padding: 0 0 0 35px;
}

/*-- 料金 --*/

#price #cafe {
  margin: 20px 0 30px;
}

#price #cafe h3,
#price #studio h3,
#price #join h3 {
  margin-bottom: 15px;
}

#price #cafe .contentsBox,
#price #join .contentsBox {
  margin-bottom: 15px;
}
#price #cafe .contentsBox .header,
#price #join .contentsBox .header {
  margin-bottom: 10px;
}
#price #cafe .contentsBox .arw,
#price #join .contentsBox .arw {
  background: url(../img/icon_arrowBlue.png) no-repeat 0 5px;
  padding: 0 0 0 15px;
}
#price #cafe .contentsBox .note,
#price #join .contentsBox .note {
  background: url(../img/icon_astBlue.png) no-repeat 0 12px;
  padding: 8px 0 0 15px;
}
#price #join .contentsBox p {
  padding: 0 0 10px 0;
}
#price #join .contentsBox ol li {
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0 0 10px 15px;
}
#price #join .contentsBox ol li.ol1 {
  background-image: url(../img/icon_1.png);
}
#price #join .contentsBox ol li.ol2 {
  background-image: url(../img/icon_2.png);
}
#price #join .contentsBox ol li.ol3 {
  background-image: url(../img/icon_3.png);
}
#price #join .contentsBox ol li.ol4 {
  background-image: url(../img/icon_4.png);
}
#price dl {
  margin: 15px 0;
}

#price dl dt {
  width: 228px;
  float: left;
}

#price dl dd {
  margin-left: 228px;
}

#price dl .line {
  border-top: #171c60 1px solid;
  padding: 12px 0 0 0;
}

#price dl dd .header {
  margin-bottom: 10px;
}

#price dl dd ul {
  margin-top: 7px;
}

#price dl dd .noteP,
#price dl dd .note {
  font-size: 11px;
  padding: 10px 0;
}

#price dl dd .noteP {
  padding: 10px 0 10px 30px;
}

#price dl dd .noteP p,
#price dl dd .note p {
    background: url(../img/icon_astBlue.png) no-repeat 0 3px;
    padding-left: 15px;
}

#shinnakano #price #studio {
  margin-bottom: 50px;
}

#priceArea .section {
  margin: 0 0 20px;
}
#priceArea .section .desc {
  margin: 0 0 20px;
  line-height: 1.6;
}
#priceArea .section .block {
  margin: 0 0 30px;
}
#priceArea .section .block h4 {
  margin: 0 0 20px;
}
#priceArea .section .tickets {
  margin: 0 0 10px;
}
#priceArea .section .tickets li {
  padding: 10px 0;
  line-height: 1;
  border-bottom: 1px solid #171c60;
}
#priceArea .section .atc li {
  padding: 0 0 0 13px;
  font-size: 93%;
  line-height: 1.4;
  background: url(../img/icon_astBlue.png) no-repeat left 0.3em;
}
#priceArea .section ol li {
  padding: 0 0 0 15px;
  margin: 0 0 8px;
}
#priceArea .section ol li.ol1 {
  background: url(../img/icon_1.png) no-repeat left 0.5em;
}
#priceArea .section ol li.ol2 {
  background: url(../img/icon_2.png) no-repeat left 0.5em;
}
#priceArea .section ol li.ol3 {
  background: url(../img/icon_3.png) no-repeat left 0.5em;
}
#priceArea .section ol li.ol4 {
  background: url(../img/icon_4.png) no-repeat left 0.5em;
}
#priceArea .section li span {
  font-weight: bold;
}
#priceArea .section .block .dial {
  padding: 5px 10px;
  margin: 0 0 10px;
  font-weight: bold;
  border: 3px double #171c60;
  background: #fffff4;
}
.contents .m_type_ttl {
  margin-bottom: 5px;
}
.m_type {
  margin-bottom: 20px;
}


/*--------------------
event
---------------------*/
#event #lead {
  margin-bottom: 20px;
}
#event #eventinfo,
#event #school {
  margin-bottom: 45px;
}
#event #eventinfo .headerDisc h3 img {
  padding: 9px 0 0 15px;
}
#event #school .headerDisc h3 img {
  padding: 0 0 0 17px;
}
#event #session .headerDisc h3 img {
  padding: 0 0 0 17px;
}
#event #session .headerDisc .contentsBox .text {
  padding-top: 8px;
}

#event .headerDisc .contentsBox .session a {
  width: 209px;
  height: 29px;
  float: right;
  margin-left: 7px;
  background: url(../img/event/anchor_session.png) no-repeat 0 0;
}

#event .headerDisc .contentsBox .school a {
  width: 164px;
  height: 29px;
  float: right;
  margin-left: 7px;
  background: url(../img/event/anchor_school.png) no-repeat 0 0;
}

#event .headerDisc .contentsBox .event a {
  width: 164px;
  height: 29px;
  float: right;
  background: url(../img/event/anchor_eventinfo.png) no-repeat 0 0;
}

#event .headerDisc .contentsBox .session a:hover,
#event .headerDisc .contentsBox .school a:hover,
#event .headerDisc .contentsBox .event a:hover {
  background-position: 0 -29px;
}

#event .reserve_btn {
  margin-bottom: 25px;
  text-indent: -9999px;
}
#event .reserve_btn a {
  display: block;
  width: 672px;
  height: 41px;
  overflow: hidden;
  background: url(../img/event/reserve_btn.png) no-repeat 0 0;
}
#event .reserve_btn a:hover {
  background-position: 0 -41px;
}

/*--------------------
access
---------------------*/
#access #time{
  margin-bottom: 30px;
}
#access #time dt {
  width: 68px;
  float: left;
  background: url(../img/icon_arrowBlue.png) no-repeat 0 6px;
  padding-left: 12px;
}
#access #time dd {
  width: 376px;
  float: left;
}
#access #time dd.anchor {
  width: 216px;
  float: right;
}
#access #time dd.anchor a.schedule {
  background: url(../img/access/anchor_schedule.png) no-repeat 0 0;
}
#access #time dd.anchor a.cafe {
  background: url(../img/access/anchor_cafe.png) no-repeat 0 0;
}
#access #time dd.anchor a.event {
  background: url(../img/access/anchor_event.png) no-repeat 0 0;
}
#access #time dd.anchor a:hover {
  background-position: 0 -29px;
}

#access #accessinfo .text {
  background: url(../img/icon_arrowBlue.png) no-repeat 0 16px;
  padding-left: 12px;
  line-height: 1.8;
}
#access #accessinfo .photo p {
  padding-top: 15px;
}

/*--------------------
cafe
---------------------*/
#cafe #about,
#cafe #drink,
#cafe #campaign {
  margin-bottom: 30px;
}

#cafe #lead .textBox {
  width: 312px;
  float: left;
}
#cafe #lead .photo {
  width: 336px;
  float: right;
}
#cafe #lead #open p {
  margin: 10px 0 0 20px;
  line-height: 1.4;
}
/*#cafe #lead #open dl {
  margin: 10px 0 0 20px;
}
#cafe #lead #open dt {
  width: 60px;
  float: left;
  margin-bottom: 10px;
}
#cafe #lead #open dd {
  margin-left: 60px;
  margin-bottom: 10px;
}*/
#cafe #cover {
  margin: 0 0 30px;
}
#cafe #cover img {
  border: 1px solid #171C60;
}
#cafe #campaign {
  border: 1px solid #171C60;
}
#cafe #campaign .text {
  padding: 15px;
  line-height: 1.5;
}


#cafe #about .contentsBox .photo {
  width: 216px;
  float: left;
}
#cafe #about .text {
  margin: 10px 0 0 0;
}
#cafe #about .contentsBox .text {
  margin: 0 0 0 228px;
}
#cafe #about .text p {
  margin-bottom: 10px;
}

#cafe .headerDisc h3 img {
  padding: 7px 0 0 10px;
}
#cafe #drink .headerDisc .anchor a {
  width: 188px;
  height: 29px;
  background: url(../img/cafe/anchor_food.png) no-repeat 0 0;
}
#cafe #food .headerDisc .anchor a {
  width: 207px;
  height: 29px;
  background: url(../img/cafe/anchor_drink.png) no-repeat 0 0;
}
#cafe #drink .headerDisc .anchor a:hover,
#cafe #food .headerDisc .anchor a:hover {
  background-position: 0 -29px;
}

#cafe #drink .contentsBox p,
#cafe #food .contentsBox p {
  margin-bottom: 8px;
}
#cafe #drink .contentsBox dt,
#cafe #food .contentsBox dt {
  background: url(../img/icon_arrowBlue.png) no-repeat 0 5px;
  padding-left: 12px;
}
#cafe #drink .contentsBox dd,
#cafe #food .contentsBox dd {
  margin: 0 0 10px 20px;
}

/*--------------------
instructor
---------------------*/

#instructor #contents {
  width: 672px;
  overflow: hidden;
}
#instructor #contents #list {
  width: 682px;
  margin-right: -10px;
}
#instructor .contentsContainer .license {
  border: #171c60 1px solid;
  padding: 8px;
  line-height: 1.3;
}
.exp01 {
  height: 215px;
}
#list .instructor {
  display: inline-block;
  /display:inline;
  /zoom:1;
  padding: 0 5px 0 0;
  vertical-align: top;
  width: 331px;
  font-size: 11px;
}
#list .instructor:nth-child(2n) {
  padding: 0;
}
#list .instructor h3 {
  padding: 1px 10px 0;
  margin: 0 0 10px;
  line-height: 40px;
  color: #171c60;
  font-size: 139%;
  font-weight: bold;
  background: url(../img/instructor/name_bg.gif) repeat-x;
}
#list .instructor .profile {
  margin: 0 0 10px;
}
#list .instructor .photo {
  width: 144px;
  float: left;
  margin: 0 10px 0 0;
}
#list .instructor .photo img {
  border: 1px solid #171c60;
}
#list .instructor .text {
  line-height: 1.5;
  float: left;
  width: 167px;
}
#list .instructor .profile dl {
  overflow: hidden;
  clear: both;
  height: 1%;
  padding: 7px 0;
  border-bottom: #cfcfcf 1px dotted;
}
#list .instructor .profile dt {
  float: left;
  clear: left;
  color: #fff;
  width: 65px;
  text-align: center;
}
#list .instructor .profile dt span {
  padding: 3px 10px;
  background: #777988;
}
#list .instructor .profile dd {
  float: left;
  padding: 0 0 0 5px;
  width: 97px;
}
#list .instructor .info dl {
  margin: 0 0 10px;
}
#list .instructor .info dt {
  padding: 3px 5px;
  color: #fff;
  width: 95px;
  text-align: center;
  background: #777988;
}
#list .instructor .info dd {
  padding: 8px;
  border: 1px solid #cfcfcf;
}
/*--------------------
qa
---------------------*/
#qa #anchor ul li {
  background: url(../img/qa/anchor_q.png) no-repeat 0 center;
  padding: 2px 0 4px 25px;
  margin-bottom: 3px;
}
#qa #anchor ul li a {
  text-decoration: none;
}
#qa #anchor ul li a:hover {
  text-decoration: underline;
}
#qa #price,
#qa #service,
#qa #facility,
#qa #other,
#qa .btn {
  margin-bottom: 45px;
}
#qa .headerDisc h3 img {
  padding: 0 0 0 10px;
}
#qa .entry .header {
  padding: 8px 0 1px;
}
#qa .entry .header p {
  background: url(../img/qa/icon_q.png) no-repeat 0 0;
  padding: 5px 0 8px 40px;
}
#qa .entry .text {
  padding-top: 5px;
  padding-left: 0;
}
#qa .entry .text p {
  background: url(../img/qa/icon_a.png) no-repeat 0 0;
  padding-left: 40px;
  min-height: 26px;
}

/*--------------------
blogとnews
---------------------*/
#blog .entry .date,
#news .entry .date,
#press .entry .date {
  border-bottom: #171c60 1px solid;
  padding: 10px 0 8px;
  font-size: 11px;
  line-height: 1;
}
#blog .entry .contentsBox,
#news .entry .contentsBox,
#press .entry .contentsBox {
  padding-top: 15px;
}
#blog .entry .contentsBox img,
#news .entry .contentsBox img,
#press .entry .contentsBox img {
  max-width: 100%;
  height: auto;
}

#blog .pagenation,
#news .pagenation,
#press .pagenation {
  border-top: #171c60 1px solid;
  padding: 15px 0 0 0;
}
#blog .pagenation .prev,
#news .pagenation .prev,
#press .pagenation .prev {
  width: 118px;
  float: left;
}
#blog .pagenation .next,
#news .pagenation .next,
#press .pagenation .next {
  width: 118px;
  float: right;
}
#blog .pagenation a,
#news .pagenation a,
#press .pagenation a {
  display: block;
  width: 118px;
  height: 29px;
  overflow: hiddden;
  text-indent: -9999px;
}
#blog .pagenation .prev a,
#news .pagenation .prev a,
#press .pagenation .prev a {
  background: url(../img/blog/prev.png) no-repeat 0 0;
}
#blog .pagenation .next a,
#news .pagenation .next a,
#press .pagenation .next a {
  background: url(../img/blog/next.png) no-repeat 0 0;
}
#blog .pagenation .prev a:hover,
#blog .pagenation .next a:hover,
#news .pagenation .prev a:hover,
#news .pagenation .next a:hover,
#press .pagenation .prev a:hover,
#press .pagenation .next a:hover {
  background-position: 0 -29px;
}
/*--------------------
press
---------------------*/
#press #mainContents .entry .contentsBox .txt {
  float: left;
  width: 480px;
}
#press #mainContents .entry .contentsBox .txt img {
  width: 100%;
  height: auto;
}
#press #mainContents .entry .contentsBox .feature {
  float: right;
  width: 170px;
}
#press #mainContents .entry .contentsBox .feature img {
  max-width: 170px;
  height: auto;
}

/*--------------------
companyとrecruitとcontact
---------------------*/
#company h3,
#recruit h3,
#contact h3 {
  padding-bottom: 10px;
}
#company #companyInfo div,
#recruit .list {
  height: auto;
  overflow: hidden;
}
#company dl,
#recruit dl,
#contact dl {
  margin-top: -1px;
  border-bottom: #171c60 1px solid;
  margin-bottom: 20px;
}
#company dt,
#recruit dt,
#contact dt {
  width: 120px;
  float: left;
  border-top: #171c60 1px solid;
  padding: 10px 0 8px;
}
#contact dt {
  width: 200px;
}
#company dt span,
#recruit dt span {
  padding: 10px 0 8px 20px;
}
#company dd,
#recruit dd,
#contact dd {
  margin-left: 120px;
  border-top: #171c60 1px solid;
  padding: 10px 0 8px;
  position: relative;
}
#contact dd {
  margin-left: 200px;
}
#company dd p {
  margin-bottom: 10px;
}
#company dd span.anchor a {
  position: absolute;
  top: 5px;
  left: 290px;
  width: 75px;
  height: 21px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  background: url(../img/company/btn_map.png) no-repeat 0 0;
}
#company dd span.anchor a:hover {
  background-position: 0 -21px;
}

#recruit #recruitInstructor {
  margin-bottom: 30px;
}

#contact #mainContents p {
  margin-bottom: 30px;
}

/*---　フォーム　---*/
#contact input.textFull {
  width: 300px;
}
#contact input.textMdl {
  width: 100px;
}
#contact input.text4 {
  width: 60px;
}
#contact dd span {
  padding-right: 18px;
}
#contact .btnBox {
  width: 430px;
  margin: 0 auto;
}
#contact .btnBack,
#contact .btn {
  width: 205px;
  margin: 0 auto;
}
#contact input.btnCfm {
    width: 205px;
    height: 49px;
  float: left;
    overflow: hidden;
    text-indent: -9999px;
  background: url(../img/contact/btn_cfm.png) no-repeat 0 0;
    cursor: pointer;
    border: 0;
    display: block;　/* IE対策 */
}
#contact input.btnCfm:hover {
    background: #fff url(../img/contact/btn_cfm.png) no-repeat 0 -49px;
}
#contact input.btnReset {
    width: 205px;
    height: 49px;
  float: right;
    overflow: hidden;
    text-indent: -9999px;
  background: url(../img/contact/btn_reset.png) no-repeat 0 0;
    cursor: pointer;
    border: 0;
    display: block;　/* IE対策 */
}
#contact input.btnReset:hover {
    background: #fff url(../img/contact/btn_reset.png) no-repeat 0 -49px;
}
#contact input.btnExe {
    width: 205px;
    height: 49px;
    overflow: hidden;
    text-indent: -9999px;
  background: url(../img/contact/btn_exe.png) no-repeat 0 0;
    cursor: pointer;
    border: 0;
    display: block;　/* IE対策 */
}
#contact input.btnExe:hover {
    background: #fff url(../img/contact/btn_exe.png) no-repeat 0 -49px;
}
#contact .btnBack a {
  display: block;
    width: 205px;
    height: 49px;
    overflow: hidden;
    text-indent: -9999px;
  background: url(../img/contact/btn_back.png) no-repeat 0 0;
}
#contact .btnBack a:hover {
    background: #fff url(../img/contact/btn_back.png) no-repeat 0 -49px;
}
#contact .btnBox .btnBack {
  float: left;
}
#contact .btnBox .btnExe {
  float: right;
}

/*--------------------
policy
---------------------*/
#policy .lead {
  padding: 0 0 20px 0;
  line-height: 1.5;
}

/*--------------------
link
---------------------*/
#link h3 {
  padding-bottom: 20px;
}
#link .contentsBox {
  margin-bottom: 20px;
}
#link .contentsBox .photo {
  border: #171c60 1px solid;
  width: 214px;
  float: left;
}
#link .contentsBox .textBox {
  margin-left: 228px;
}
#link .contentsBox .textBox .header {
  font-size: 16px;
  border-bottom: #171c60 1px solid;
  padding-bottom: 5px;
  margin-bottom: 8px;
}
#link .contentsBox .textBox .url {
  padding-bottom: 10px;
}
#link .contentsBox .textBox .url a {
  color: #f3a000;
  text-decoration: none;
}
#link .contentsBox .textBox .url a:hover {
  text-decoration: underline;
}

/*--------------------
shop
---------------------*/
#shop #shop_nakanosakaue {
  margin-bottom: 50px;
}

#shop .contentsContainer .clearfix {
  margin: 20px 0;
}
#shop .contentsContainer .clearfix .photo {
  float: right;
  width: 216px;
}
#shop .contentsContainer .clearfix .text {
  float: left;
  width: 444px;
  overflow: hidden;
}
#shop .contentsContainer .clearfix .text .desc {
  margin-bottom: 20px;
}
#shop .contentsContainer .clearfix .text ul.anchor {
  width: 456px;
  margin-right: -12px;
}
#shop .contentsContainer .clearfix .text ul.anchor li {
  width: 216px;
  height: 28px;
  overflow: hidden;
  float: left;
  margin: 0 12px 5px 0;
}
#shop .contentsContainer .clearfix .text ul.anchor li.shop_top,
#shop .contentsContainer .clearfix .text ul.anchor li.shop_top a {
  width: 444px;
  height: 28px;
}
#personal .entry {
  line-height: 1.8;
}
.ps_contents {
  margin: 0 0 30px;
}
.ps_contents h3 {
  margin: 0 0 20px;
}
.ps_contents .reservation {
  display: inline-block;
  padding: 20px;
  margin: 0 0 20px;
  font-size: 123.1%;
  font-weight: bold;
  border: 3px double #171c60;
  background: #fffff4;
}
.ps_contents .ps_guide {
  font-size: 108%;
  line-height: 1.6;
}
.ps_contents .ps_guide span {
  font-weight: bold;  
}
.ps_contents ul li {
  margin: 0 0 10px;
  font-weight: bold;
}
.ps_contents ul li a {
  padding: 0 0 0 15px;
  background: url(../img/price/sq_style.gif) no-repeat left 0.5em;
}

/*--------------------
product
---------------------*/

#product .headerDisc h3 img {
  padding: 8px 0 8px 15px;
}
#product #list .headerDisc .contentsBox .anchor a {
  width: 202px;
  height: 29px;
  background: url(../img/product/anchor_how.png) no-repeat 0 0;
  margin-top: 8px;
}
#product #how .headerDisc .contentsBox .anchor a {
  width: 202px;
  height: 29px;
  background: url(../img/product/anchor_list.png) no-repeat 0 0;
  margin-top: 8px;
}
#product #list .headerDisc .contentsBox .anchor a:hover,
#product #how .headerDisc .contentsBox .anchor a:hover {
  background-position: 0 -29px;
}

#product #list {
  margin-bottom: 40px;
}
#product #list .header,
#product #list .lead {
  margin-bottom: 20px;
}
#product #list #himarayaGanen {
  margin-bottom: 30px;
}
#product #list #himarayaGanen .menuBlock {
  float: left;
  width: 216px;
  margin-right: 12px;
  margin-bottom: 15px;
}
#product #list #himarayaGanen .over {
  margin-right: 0;
}
#product #list #himarayaGanen .menuBlock .title {
  font-weight: bold;
  margin: 8px 0 5px;
}
#product #list #himarayaGanen .menuBlock .num {
  font-size: 11px;
}
#product #list #himarayaGanen .menuBlock .note {
  font-size: 11px;
  color: #393d6e;
  margin: 5px 0;
}
#product #list #himarayaGanen .menuBlock .price {
  font-weight: bold;
  color: #ed8d00;
  text-align: right;
  margin-bottom: 5px;
}

#product #list #organicHurbTea .menuBlock {
  margin-bottom: 20px;
}
#product #list #organicHurbTea .menuBlock .photo {
  float: left;
  width: 216px;
}
#product #list #organicHurbTea .menuBlock .text {
  float: right;
  width: 444px;
}
#product #list #organicHurbTea .menuBlock .title {
  font-weight: bold;
}
#product #list #organicHurbTea .menuBlock .data {
  padding: 8px 0 10px;
  margin-bottom: 10px;
  border-bottom: #171c60 1px solid;
}
#product #list #organicHurbTea .menuBlock .num {
  width: 216px;
  float: left;
  font-size: 11px;
}
#product #list #organicHurbTea .menuBlock .price {
  width: 216px;
  float: right;
  font-weight: bold;
  color: #ed8d00;
  text-align: right;
}

#product #how .header {
  margin-bottom: 20px;
}
#product #how #how_order .contentsBox {
  margin-bottom: 20px;
}
#product #how #how_order .contentsBox .header {
  margin-bottom: 10px;
}
#product #how #how_order #how_order1 .header {
  padding: 8px 0 8px 50px;
  background: url(../img/product/num_1.png) no-repeat 0 0;
}
#product #how #how_order #how_order2 .header {
  padding: 8px 0 8px 50px;
  background: url(../img/product/num_2.png) no-repeat 0 0;
}
#product #how #how_order #how_order3 .header {
  padding: 8px 0 8px 50px;
  background: url(../img/product/num_3.png) no-repeat 0 0;
}
#product #how #how_order #how_order4 .header {
  padding: 8px 0 8px 50px;
  background: url(../img/product/num_4.png) no-repeat 0 0;
}
#product #how #how_order #how_order1 p {
  margin-left: 50px;
  line-height: 1.8;
}
#product #how #how_order #how_order2 dl,
#product #how #how_order #how_order3 dl {
  margin-left: 35px;
}
#product #how #how_order #how_order2 dl dt,
#product #how #how_order #how_order3 dl dt {
  background: url(../img/icon_arrowBlue.png) no-repeat 0 3px;
  margin-bottom: 10px;
  padding-left: 15px;
}
#product #how #how_order #how_order2 dl dd,
#product #how #how_order #how_order3 dl dd {
  margin-bottom: 20px;
  margin-left: 15px;
  line-height: 1.8;
}
#product #how #how_order #how_order2 dl dd li {
  list-style-type: disc;
  list-style-position: inside;
}
#product #how #how_order #how_order4 table {
  border-left: #171c60 1px solid;
  border-bottom: #171c60 1px solid;
  margin-left: 20px;
}
#product #how #how_order #how_order4 table th,
#product #how #how_order #how_order4 table td {
  border-top: #171c60 1px solid;
  border-right: #171c60 1px solid;
  padding: 7px;
}
#product #how #how_order #how_order4 table th {
  background: #3c4083;
  color: #fff;
}
#product #how #how_order #how_order4 table td.tableA {
  background: #fff;
}
#product #how #how_order #how_order4 table td.tableB {
  background: #e6edf8;
}
#product #how #how_order #how_order4 table .area {
  width: 50px;
}
#product #how #how_order #how_order4 table .ken {
  width: 336px;
}
#product #how #how_order #how_order4 table .weight {
  width: 60px;
}
#product #how #how_order #how_order4 .note {
  font-size: 11px;
  margin: 10px 0 0 50px;
}

#product #how #law .list {
  height: auto;
  overflow: hidden;
}
#product #how #law dl {
  margin-top: -1px;
  border-bottom: #171c60 1px solid;
  margin-bottom: 20px;
}
#product #how #law dt {
  width: 180px;
  float: left;
  border-top: #171c60 1px solid;
  padding: 10px 0 8px;
}
#product #how #law dt span {
  padding: 10px 0 8px 30px;
}
#product #how #law dd {
  margin-left: 180px;
  border-top: #171c60 1px solid;
  padding: 10px 0 8px;
  position: relative;
  line-height: 1.5;
}

#product .btnA {
  margin-left: auto;
  width: 143px;
  height: 31px;
  overflow: hidden;
  position: relative;
}
#product .btnA a {
  width: 143px;
  height: 31px;
  overflow: hidden;
  display: block;
}
#product .btnB {
  margin-left: auto;
  margin-top: 8px;
  width: 217px;
  height: 36px;
  overflow: hidden;
  position: relative;
}
#product .btnB a {
  width: 217px;
  height: 36px;
  overflow: hidden;
  display: block;
}
#product .btnC {
  position: relative;
  width: 386px;
  height: 36px;
  overflow: hidden;
  margin: 20px auto;
}
#product .btnC   a {
  display: block;
  width: 386px;
  height: 36px;
  overflow: hidden;
}
#product .btnA a img,
#product .btnB a img,
#product .btnC a img {
  position: absolute;
  top: 0;
  left: 0;
}
#product .btnA a:hover img {
  top: -31px;
}
#product .btnB a:hover img,
#product .btnC a:hover img {
  top: -36px;
}

/*---　フォーム ---*/
#product #contact p.note {
  margin-bottom: 15px;
}
#product #contact p.caution {
  font-size: 11px;
}
#product #contact .items {
  margin-bottom: 10px;
}
#product #contact select.orderSelect {
  margin-right: 15px;
}
#product #contact input.orderCfm {
    width: 205px;
    height: 49px;
  float: left;
    overflow: hidden;
    text-indent: -9999px;
  background: url(../img/product/btn_order.png) no-repeat 0 0;
    cursor: pointer;
    border: 0;
    display: block;　/* IE対策 */
}
#product #contact input.orderCfm:hover {
    background: #fff url(../img/product/btn_order.png) no-repeat 0 -49px;
}

/*--------------------
features
---------------------*/
.contents {
  padding: 0 0 80px;
}
.contents h3 {
  margin: 0 0 20px;
}
#FeaturesMain .box {
  padding: 15px 20px;
  margin: 0 0 25px;
  line-height: 1.8;
  border: 1px solid #ccc;
  background: #fffff4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 3px #ddd;
  -moz-box-shadow: 0px 0px 3px #ddd;
  box-shadow: 0px 0px 3px #ddd;
}
#FeaturesMain .box h4 {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #171c60;
}
/*--------------------
charm
---------------------*/
.link {
  margin: 0 0 20px;
}
.contents .block {
  line-height: 1.8;
}
.section {
  margin: 0 0 20px;
}
.section .lead {
  margin: 0 0 20px;
}
.section .txt {
  float: left;
  width: 400px;
}

#studio_pgm .txt {
  float: left;
  width: 270px;
}
#studio_pgm .figure {
  float: right;
  width: 392px;
  text-align: right;
}
#studio_pgm .figure img {
  display: inline-block;
  border: 1px solid #171c60;
}
.section .type {
  margin: 0 0 20px;
}
.section .type li {
  padding: 0 0 0 15px;
  margin: 0 0 5px;
  font-size: 108%;
  font-weight: bold;
  background: url(../img/charm/sq_style.gif) no-repeat left 0.5em;
}
#kokoro .layer {
  margin: 0 0 20px;
}
#kokoro .fb {
  padding: 0 0 0 15px;
  font-size: 116%;
  font-weight: bold;
  background: url(../img/charm/sq_style.gif) no-repeat left 0.5em;
}
#introduction .block {
  margin: 0 -32px 0 0;
  width: 704px;
}
#introduction .staff {
  float: left;
  margin: 0 32px 0 0;
  width: 144px;
}
#introduction .staff .img {
  margin: 0 0 10px;
}
#introduction .staff .name {
  font-weight: bold;
}
#introduction .staff .desc {
  font-size: 93%;
  line-height: 1.2;
}
.section .txt h4 {
  margin: 0 0 15px;
  font-size: 108%;
  font-weight: bold;
}

/*--------------------
wordpress
---------------------*/
.alignright {
  float: right;
  margin: 0 0 25px 25px;
}
.alignleft {
  float: left;
  margin: 0 25px 25px 0;
}
.aligncenter {
  margin: auto;
}
.alignnone,
.alignright,
.alignleft,
.aligncenter {
  border: #171c60 1px solid;
}

/*--------------------
wordpress-プレビュー用
---------------------*/

#preview {
  min-height: 1130px;
}

#preview #previedwnote {
  padding: 50px 0;
}