@charset "utf-8";
/* Table Of Contents
----------------------------------------

# body
# layout
# pageBody
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/
/* # body
---------------------------------------------------------------------------- */
body {
  background: url(../images/bg_body.gif) repeat 0 0;
  color: #303030;
  font-size: 75%;
  /*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic ProN;*/
  font-family: "ＭＳ Ｐゴシック", Osaka, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  line-height: 1.5;
}
/* # layout
---------------------------------------------------------------------------- */
div#layout {
  padding-top: 12px;
  margin: 0 auto;
  width: 950px;
}
/* # pageBody
---------------------------------------------------------------------------- */
div#pageBody {
  background: url(../images/bg_body.gif) repeat 0 0;
}
/* # content
---------------------------------------------------------------------------- */
div#content {
  float: right;
  width: 810px;
}
div#content div#contentInner {
  background: #fff;
  border: 1px solid #e8e3cc;
  margin-top: 8px;
  padding: 14px 14px 31px 14px;
}
div#content div#contentInner h2 {
  border: none;
  clear: both;
  height: auto;
  padding-bottom: 0;
  position: static;
  overflow: visible;
}
div#content div#contentInner h2 img {
  position: static;
}
div#content div#contentInner div.section p#visual {
  text-align: center;
}
div#content p.pageTop {
  clear: both;
  line-height: 1.4;
  padding: 32px 9px 0 0;
  text-align: right;
}
div#content p.pageTop a {
  background: url(../images/bg_pagetop.gif) no-repeat 0 center;
  color: #a49d7d !important;
  padding-left: 15px;
}
/* # sidebar
---------------------------------------------------------------------------- */
div#sidebar {
  float: left;
  width: 120px;
}
div#sidebar h1#logo {
  padding: 0 0 3px 1px;
  width: 119px;
}
div#sidebar h1#logo a {
  display: block;
  height: 78px;
  font-size: 0;
  cursor: pointer;
}
div#sidebar ul#lNav li a {
  cursor: pointer;
  display: block;
  width: 120px;
}
div#sidebar div {
  padding-top: 18px;
  text-align: center;
}
div#sidebar div p.bathclinImage {
  padding-bottom: 22px;
}
/* # footer
---------------------------------------------------------------------------- */
div#footer {
  border-top: 1px solid #c1bba0;
  margin-top: 0;
  padding: 14px 0 0 0;
}
div#footer div.fBlock p {
  float: left;
  padding: 1px 15px 0 1px;
}
div#footer div.fBlock ul#fNav {
  float: left;
}
div#footer div.fBlock ul#fNav li {
  background: url(../images/bg_fnav.gif) no-repeat right 2px;
  float: left;
  margin-right: 6px;
  padding-right: 6px;
}
div#footer div.fBlock ul#fNav .last {
  background: none;
  margin-right: 0;
  padding-right: 0;
}
div#footer div.fBlock ul#fNav li a {
  color: #00a784;
}
div#footer p#copyright {
  clear: both;
  color: #00a784;
  line-height: 1.3;
  padding-left: 1px;
  text-align: left;
}
/* # top
---------------------------------------------------------------------------- */
body#top div#layout div#pageBody {
  background: #fff;
  border: 1px solid #e8e3cc;
  margin-bottom: 31px;
  margin-top: 8px;
}
body#top div#layout div#pageBody div#visual {
  background: #fff;
  padding-top: 14px;
  text-align: center;
  position: relative;
  width: 948px;
}
body#top div#layout div#pageBody div#visual #logo {
  width: 119px;
  padding: 0;
  position: absolute;
  left: 62px;
  top: 32px;
}
body#top div#layout div#pageBody div#visual .bathclin {
  position: absolute;
  top: 31px;
  right: 30px;
}
body#top div#layout div#pageBody div#visual .products {
  position: absolute;
  top: 227px;
  right: 21px;
  z-index: 20;
}
body#top div#layout div#pageBody div#visual .products_img {
  position: absolute;
  top: 326px;
  right: 45px;
}
body#top div#layout div#pageBody div#visual .products_txt {
  position: absolute;
  top: 273px;
  right: 58px;
  z-index: 10;
}
body#top div#layout div#pageBody div#visual .products_txt-2 {
  position: absolute;
  top: 286px;
  right: 50px;
}
body#top div#layout div#pageBody div#pageBodyInner {
  padding-top: 14px;
}
body#top div#layout div#pageBody div#pageBodyInner div#content {
  border: none;
  float: left;
  width: 632px;
}
body#top div#layout div#pageBody div#pageBodyInner div#content ul.list li {
  border-top: 1px solid #e8e3cc;
  border-right: 1px solid #e8e3cc;
  float: left;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar {
  border-top: 1px solid #e8e3cc;
  float: left;
  padding: 1px 12px 0 16px;
  width: 288px;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar h3 {
  margin-top: -16px;
  position: relative;
  z-index: 1;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul {
  padding-top: 9px;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li {
  clear: both;
  padding-bottom: 13px;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul .last {
  padding-bottom: 0;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li .vol01 {
  color: #008740;
  padding-top: 3px;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li .vol01 a {
  color: #008740;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li .vol01 span {
  float: left;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li p.vol01 img {
  float: left;
  padding: 1px 0 0 1px;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li .vol02 {
  padding-top: 3px;
}
body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li .vol02 a {
  color: #b9b7ab;
}
/* # cm
---------------------------------------------------------------------------- */
body#cm div#content div.section {
  padding: 0 0 0 15px;
  line-height: 2;
}
body#cm div#content div.section p.intro {
  color: #008740;
  padding: 1px 0 1px 0;
  font-size: 120%;
  font-weight: bold;
}
body#cm div#content div.section ul {
  border-bottom: 1px solid #e8e3cc;
  padding: 36px 0 61px 0;
  width: 750px;
}
body#cm div#content div.section ul li {
  width: 360px;
  float: left;
  padding-right: 30px;
}
body#cm div#content div.section ul li.listLast {
  padding-right: 0;
}
body#cm div#content div.section ul li h3 {
  padding: 5px 0 0 0;
}
body#cm div#content div.section ul li h3 img {
  float: left;
  padding: 4px 12px 11px 0;
}
body#cm div#content div.section ul li h3 span {
  color: #309e65;
  float: left;
  line-height: 1.3;
}
body#cm div#content div.section ul li p {
  clear: both;
}
body#cm div#content div.section div.contentBlock {
  padding: 60px 0 20px 0;
  width: 751px;
}
body#cm div#content div.section div.contentBlock div.interview {
  float: left;
  margin: 0 18px 0 0;
  width: 402px;
}
* html body#cm div#content div.section div.contentBlock div.interview {
  margin-right: 15px;
}
body#cm div#content div.section div.contentBlock div.interview h4 {
  padding: 2px 0 9px 0;
}
body#cm div#content div.section div.contentBlock div.interview dl {
  padding: 71px 0 0 0;
}
body#cm div#content div.section div.contentBlock div.interview p.interviewImage {
  float: right;
  width: 330px;
}
body#cm div#content div.section div.contentBlock div.interview p.interviewText, body#cm div#content div.section div.contentBlock div.interview dl dd {
  width: 402px;
}
body#cm div#content div.section div.contentBlock div.interview dl dd {
  padding: 15px 0 0 0;
}
body#cm div#content div.section div.interviewBlock {
  padding-bottom: 11px;
  width: 749px;
}
body#cm div#content div.section .blockPadding {
  margin-bottom: 25px;
}
body#cm div#content div.section div.interviewBlock p.blockImage {
  float: left;
  padding: 0 0 0 2px;
}
body#cm div#content div.section div.interviewBlock div.interviewText {
  float: right;
  width: 523px;
}
body#cm div#content div.section div.interviewBlock div.interviewText p {
  margin-top: -5px;
}
body#cm div#content div.section div.interviewBlock div.interviewText p.indextText {
  margin-top: 0;
}
body#cm div#content div.section div.family {
  border-top: 1px solid #e8e3cc;
  padding: 37px 0 34px 0;
  width: 749px;
}
body#cm div#content div.section div.family dl {
  float: left;
}
body#cm div#content div.section div.family dl dd {
  padding: 13px 0 0 0;
  width: 349px;
}
body#cm div#content div.section div.family .familyImage {
  float: right;
  width: 380px;
}
body#cm div#content div.section .indextText {
  text-indent: 11px;
}
body#cm div#content div.section a {
  text-decoration: underline;
}
body#cm div#content div.section a:hover {
  text-decoration: none;
}
body#cm #flash-player_sound {
  padding: 10px 0 5px;
  margin-bottom: 15px;
}
/* # story01
---------------------------------------------------------------------------- */
body.story div#content div#contentInner p.leadText {
  padding: 3px 18px 5px 18px;
  line-height: 1.7;
}
body.story div#content div#contentInner div.sectionInner {
  clear: both;
  padding: 31px 15px 13px 15px;
}
body.story div#content div#contentInner div.sectionInner .section {
  float: left;
  width: 365px;
}
body.story div#content div#contentInner div.sectionInner div.section {
  float: right;
  width: 375px;
}
body.story div#content .section dt {
  color: #008740;
  font-size: 120%;
  font-weight: bold;
  padding-bottom: 4px;
  line-height: 1.7;
}
body.story div#content div#contentInner div.sectionInner .section dd {
  line-height: 2;
}
body.story div#content .section dd span {
  text-indent: -1em;
  padding-left: 1em;
}
body.story div#content .section dd.sectionImage {
  padding: 80px 0 10px 0;
}
body.story div#content .section dd.sectionImage p {
  padding-top: 8px;
  padding-bottom: 10px;
}
body.story div#content .section dd.sectionImage p span {
  display: block;
  float: left;
  font-size: 90%;
  line-height: 1.4;
  padding: 4px 15px 0 0;
  text-indent: 0;
  text-align: left;
  width: 150px;
}
body.story div#content dl.section dd.sectionImage p.smallImage {
  margin-top: 2px;
  width: 365px;
}
body.story div#content .section dd.sectionImage p.smallImage img {
  float: right;
}
body.story div#content div.section div.sectionImage {
  padding: 7px 0 28px 0;
}
body.story div#content .section div.sectionImage p.ferretImage span {
  display: block;
  float: left;
  font-size: 90%;
  padding: 0 3px 0 90px;
  width: 162px;
}
* html body.story div#content .section div.sectionImage p.ferretImage span {
  width: 159px;
}
body.story div#content .section div.sectionImage p.selectImage {
  margin-top: -26px;
}
body.story div#content .section div.sectionImage p.selectImage span {
  clear: both;
  display: block;
  font-size: 90%;
  padding-bottom: 4px;
  width: 160px;
}
body.story div#content div.section dl.family dt.familyTitle {
  padding-bottom: 0;
}
body.story div#content div.section dl.family dt.familyTitle, body.story div#content div.section dl.family dd.familyInner {
  padding-left: 24px;
}
body.story div#content div.section dl.family dd.sectionImage {
  padding-top: 27px;
}
body.story div#content div.section dl.family dd.sectionImage p.decorativeWall {
  margin-bottom: -57px;
  padding-top: 0;
  position: relative;
  z-index: 10;
}
body.story div#content div.section dl dd.sectionImage p.decorativeWall span {
  padding-top: 13px;
}
body.story div#content div.section dl dd.sectionImage p.holdImage {
  padding-bottom: 2px;
  width: 375px;
}
body.story div#content div.section dl dd.sectionImage p.holdImage img {
  text-align: right;
  float: right;
}
body.story div#content div.section dl dd.sectionImage p.likeBath span {
  padding: 0 0 12px 45px;
}
body.story div#content div.section dl dd.sectionImage p.likeBath {
  margin-top: -57px;
}
body.story div#content div#contentInner div.volInner {
  border-top: 1px solid #e8e3cc;
  margin: 27px 15px 0 15px;
  padding: 27px 0 0 0;
}
body.story div#content div#contentInner div.volInner ul li {
  background: #fff;
  float: left;
  margin-right: 23px;
  width: 170px;
}
body.story div#content div#contentInner div.volInner ul li a {
  display: block;
  border: 3px solid #e8e3cc;
  color: #b9b7ab;
  padding: 2px;
  text-decoration: none;
}
body.story div#content div#contentInner div.volInner ul li a span {
  clear: both;
  display: block;
  padding: 5px 0 0 3px;
}
body.story div#content div#contentInner div.volInner ul .activer a, body.story div#content div#contentInner div.volInner ul a:hover {
  border: 3px solid #19934f;
  color: #008740;
}
body.story div#content div#contentInner div.volInner ul li.last {
  margin-right: 0;
}
body.story div#content div#contentInner dl.familyProfile {
  background: url(../images/story01_bg01.gif) no-repeat 0 bottom;
  clear: both;
  padding: 0 0 4px 0;
  position: relative;
  width: 780px;
}
body.story div#content div#contentInner dl.familyProfile dt.profileTitle {
  background: url(../images/story01_bg01.gif) no-repeat 0 0;
  font-size: 0;
  padding: 14px 0 0 177px;
}
body.story div#content div#contentInner dl.familyProfile dd.profileInner {
  background: #fcffd9;
  padding: 4px 0 10px 177px;
  min-height: 107px;
}
* html body.story div#content div#contentInner dl.familyProfile dd.profileInner {
  height: 107px;
}
body.story div#content div#contentInner dl.familyProfile dd.profileInner p.familyImage {
  position: absolute;
  left: 15px;
  top: 12px;
}
body.story div#content div#contentInner dl.familyProfile dd.profileInner p.profileText {
  float: left;
  padding: 3px 0 0 0;
  line-height: 1.7;
  width: 375px;
}
body.story div#content div#contentInner dl.familyProfile dd.profileInner dl {
  float: left;
  padding-right: 10px;
  width: 177px;
}
body.story div#content div#contentInner dl.familyProfile dd.profileInner dl dt {
  color: #19934f;
  font-weight: bold;
  font-size: 100%;
  padding-bottom: 0;
}
body.story div#content div#contentInner dl.familyProfile dd.profileInner dl dd {
  padding-top: 0;
  line-height: 1.7;
}
span.caption {
  font-size: 90%;
  line-height: 1.4;
}
body#story02 #img02 {
  width: 141px;
  float: left;
}
body#story02 #img03 {
  width: 210px;
  float: right;
}
body#story02 #img04 {
  width: 145px;
  float: left;
  padding-top: 210px;
}
body#story02 #img05 {
  width: 210px;
  float: right;
}
body#story02 #img06 {
  width: 180px;
  float: left;
}
body#story02 #img07 {
  width: 180px;
  float: right;
}
/* # power
---------------------------------------------------------------------------- */
body#power div#content .section dt {
  font-size: 100%;
}
body#power div.section {
  padding: 5px 15px 0 15px;
}
body#power ul.powerList {
  border-bottom: 1px solid #e8e3cc;
  padding: 19px 0 17px 0;
}
body#power ul.powerList li {
  float: left;
  font-size: 80%;
  padding: 0 17px 0 0;
}
body#power ul.powerList li a {
  background: url(../images/power_bg01.gif) no-repeat 0 3px;
  padding: 0 0 0 11px;
}
body#power div.powerSection {
  padding: 19px 0 0 0;
}
body#power div.powerSection h3 {
  padding: 0 0 10px 4px;
}
body#power div.powerSection div {
  padding: 0;
  position: relative;
  width: 750px;
}
body#power div.powerSection div p.powerText {
  border-bottom: 1px solid #e8e3cc;
  line-height: 2.1;
  padding: 0 0 13px 4px;
  width: 454px;
}
body#power div.powerSection div p.powerSectionImage {
  top: -1px;
  right: 0;
  position: absolute;
  z-index: 1;
}
body#power div.secret {
  clear: both;
  position: relative;
  width: 750px;
}
body#power div.secret h4 {
  position: absolute;
  top: 140px;
  right: 0;
}
body#power div.secret ol {
  border-bottom: 1px solid #e8e3cc;
  padding: 42px 0 0 0;
}
body#power div.secret ol li {
  float: left;
  padding: 0 0 26px 0;
  width: 350px;
}
body#power div.secret ol li.secretRight {
  padding: 193px 0 26px 0;
}
body#power div.secret ol li.last {
  padding-bottom: 22px;
}
body#power div.secret ol li dl dt img {
  float: left;
}
body#power div.secret ol li dl dd {
  clear: both;
  line-height: 2.1;
  padding: 14px 0 0 0;
}
body#power div.secret ol li dl dt img.secretImage {
  padding: 0 13px 0 0;
}
body#power div.secret ol li dl dd p span {
  color: #666;
  display: block;
  line-height: 1.6;
  padding: 8px 0 0 5px;
  font-size: 80%;
}
body#power div.secret ol li.secretRight {
  float: right;
}
body#power div.secret ol li dl dd p.secretImage {
  text-align: right;
  padding: 28px 0 0 0;
}
body#power div.smellInner {
  clear: both;
  border-bottom: 1px solid #e8e3cc;
  clear: both;
  padding: 26px 0 42px 0;
}
body#power div.smellInner h4 {
  position: relative;
  padding: 0 0 0 171px;
  z-index: 2;
}
body#power div.smellInner h4 img.flower {
  position: absolute;
  top: -35px;
  right: -3px;
  z-index: -1;
}
body#power div.smellInner ul {
  padding: 12px 0 0 0;
}
body#power div.smellInner ul li {
  float: left;
  line-height: 2.1;
  padding: 0 0 24px 0;
  width: 350px;
}
body#power div.smellInner ul li dt {
  background: url(../images/power_ico01.gif) no-repeat 0 0;
  color: #701f1a;
  font-weight: bold;
  padding: 7px 0 15px 57px;
}
body#power div.smellInner ul li dl dd {
  clear: both;
  padding: 0 0 6px 0;
}
body#power div.smellInner ul li dl dd strong {
  color: #333;
  display: block;
}
body#power div.smellInner ul li.smellRight {
  float: right;
  padding: 142px 0 0 0;
}
body#power ul.safeBlock {
  /*border-bottom: 1px solid #e8e3cc;*/
  clear: both;
  padding: 31px 0 0 0;
}
body#power ul.safeBlock li {
  float: left;
  width: 232px;
}
body#power ul.safeBlock li.last {
  float: right;
}
body#power ul.safeBlock li.safeCenter {
  padding: 0 23px 0 28px;
}
* html body#power ul.safeBlock li.safeCenter {
  padding: 0 22px 0 27px;
}
body#power ul.safeBlock li.safeCenter h4 {
  margin: 10px 0 66px -5px;
  padding: 0;
}
body#power ul.safeBlock li dl dd {
  line-height: 2.1;
  padding: 0 0 48px 0;
}
body#power ul.safeBlock li dl dd.last {
  padding-bottom: 36px;
}
body#power ul.safeBlock li dl dd p.safeImage {
  padding: 28px 0 0 3px;
}
body#power ul.safeBlock li dl dt {
  color: #008740;
  font-weight: bold;
  padding: 0 0 2px 0;
}
body#power ul.safeBlock li dl dd span {
  color: #666;
  display: block;
  font-size: 80%;
}
body#power p.safeImageLast {
  height: 207px;
  position: relative;
}
body#power p.safeImageLast img {
  position: absolute;
  top: -104px;
  left: -25px;
}
body#power div.quality {
  clear: both;
  padding: 30px 0 0 0;
}
body#power div.quality div.qualityLeft {
  float: left;
  padding: 0 0 0 0;
  width: 350px;
}
body#power div.quality div.qualityLeft h4 {
  padding: 0 0 22px 0;
}
body#power div.quality div.qualityLeft p {
  line-height: 2.1;
}
body#power div.quality div.qualityContent {
  background: #fcffd9 url(../images/bg_power02.gif) no-repeat left bottom;
  float: right;
  padding: 0 0 0 0;
  width: 375px;
  height: 184px;
}
body#power div.quality div.qualityContent div {
  padding: 0;
}
body#power div.quality div.qualityContent div p {
  float: left;
}
body#power div.quality div.qualityContent p.powerText {
  float: left;
  padding: 16px 0 10px 18px;
  width: 190px;
}
body#power div.quality p.powerImage {
  clear: both;
  /* 	text-align: right; */
  padding: 0 0 0 18px;
}
body#power div.quality p.powerImage img {}
body#power div.quality p#powerImg {
  float: right;
}
#membrane-box {
  position: relative;
}
#membrane-box #powerImg {
  position: absolute;
  top: 23px;
  left: 237px;
}
/* # products
---------------------------------------------------------------------------- */
body#products div#content div.section {
  padding: 5px 15px 0px 15px;
}
body#products div#content p.productsText {
  line-height: 2.1;
  padding: 19px 0 19px 1px;
}
body#products div#content ul.list {
  padding: 0 0 34px 0;
  text-align: center;
  margin-left: 20px;
}
body#products div#content ul.list li {
  float: left;
  display: inline;
  padding: 0 8px 0 0;
  width: 56px;
}
body#products div#content div.section div.sectionBlock {
  border: 1px solid #008740;
  width: 748px;
}
body#products div#content div.section div.sectionBlock h3 {
  margin: -9px 0 0 0;
  padding-left: 1px;
  position: relative;
  text-align: center;
  z-index: 10;
}
body#products div#content div.section div.sectionBlock ul {
  padding: 11px 0 8px 26px;
}
body#products div#content div.section div.sectionBlock ul li {
  float: left;
  line-height: 1.7;
  min-height: 92px;
  /* width: 330px; */
  width: 200px;
}
* html body#products div#content div.section div.sectionBlock ul li {
  height: 92px;
}
body#products div#content div.section div.sectionBlock ul li.infoLeft {
  /* clear: both; */
  padding-right: 42px;
}
body#products div#content div.section div.sectionBlock ul li dl dt {
  color: #008740;
  font-weight: bold;
}
body#products div#content div.section div.sectionBlock ul li dl dd span {
  color: #8c8c8c;
  font-size: 90%;
}
body#products div#content div.section p.noteText {
  padding: 12px 0 0 0;
  text-align: right;
}
body#products div#content div.section p.noteText a {
  color: #008740;
  text-decoration: underline;
}
body#products div#content div.section p.noteText a:hover {
  text-decoration: none;
}
body#products div#content div.section ul.productInfo {
  padding: 87px 0 0 0;
}
body#products div#content div.section ul.productInfo li {
  border-top: 1px solid #e8e3cc;
  clear: both;
  padding: 24px 0 23px 0;
}
body#products div#content div.section ul.productInfo li ul {
  padding: 0;
}
body#products div#content div.section ul.productInfo li ul li {
  border: none;
  clear: none;
  float: left;
  display: inline;
  padding: 0;
  width: 350px;
}
body#products div#content div.section ul.productInfo li ul li.infoLeft {
  margin-right: 45px;
}
body#products div#content div.section ul.productInfo li ul li p {
  float: left;
}
body#products div#content div.section ul.productInfo li ul li div {
  float: left;
  padding: 0 0 0 15px;
  width: 200px;
}
body#products div#content div.section ul.productInfo li ul li div p {
  float: none;
  padding-left: 5px;
}
body#products div#content div.section ul.productInfo li ul li div p img.newIco {
  padding-left: 9px;
}
body#products div#content div.section ul.productInfo li ul li div dl {
  line-height: 1;
  padding: 10px 0 0 0;
}
body#products div#content div.section ul.productInfo li ul li div dl dt {
  color: #1a1a1a;
  font-size: 90%;
  padding-left: 5px;
}
body#products div#content div.section ul.productInfo li ul li div dl dt span {
  font-weight: bold;
  font-size: 140%;
}
body#products div#content div.section ul.productInfo li ul li div dl dd p {
  color: #4d4d4d;
  float: left;
  font-size: 80%;
  line-height: 1.5;
  width: auto;
  padding-top: 29px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
body#products div#content div.section ul.productInfo li ul li div dl dd p.productIco {
  padding: 9px 0 0 0;
  float: left;
  width: 58px;
}
body#products div#content div.section ul.productInfo li ul li div dl dd p.priceText {
  float: none;
  clear: both;
  padding: 10px 0 0 6px;
}
body#products div#content p.pageTop {
  padding: 15px 11px 0 0;
}
body#products .lead {
  margin-left: 5px;
  font-size: 90%;
  color: #4d4d4d;
}
/* # feeling
---------------------------------------------------------------------------- */
body#feeling div#content div.section p.feelingText {
  padding: 5px 0 15px 15px;
}
body#feeling div#content div.section p.visual {
  padding: 0 15px;
}
body#feeling div#content div#contentInner {
  padding: 14px 14px 116px;
}
/* # history
---------------------------------------------------------------------------- */
body#history div#content div.section p.historyText {
  padding: 5px 0 15px 15px;
}
body#history div#content div.section p.visual {
  padding: 0 15px;
}
body#history div#content div#contentInner {
  padding: 14px 14px 78px;
}
/* # clearfix
---------------------------------------------------------------------------- */
div#pageBody, div#footer div.fBlock, div#footer div.fBlock ul#fNav, body#top div#layout div#pageBody div#pageBodyInner, body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li p, body.story div#content div.sectionInner, body.story .sectionImage, body.story .sectionImage p, body.story div#content div#contentInner div.volInner ul, body.story div#content div#contentInner dl.familyProfile dd.profileInner, body#power div.quality div.qualityContent, body#power div.quality div.qualityContent div, body#power div.quality, body#power ul.safeBlock, body#power div.smellInner h4, body#power div.smellInner, body#power ul.powerList, body#power div.energetic div, body#power div.secret, body#power p.safeImageLast, body#power div.secret ol, body#power div.secret ol li dl dt, body#products div#content div.section div.sectionBlock ul, body#products div#content div.section ul.productInfo li, body#cm div#content div.section ul, body#cm div#content div.section div.interview, body#cm div#content div.section div.interviewBlock, body#cm div#content div.section div.family {
  zoom: 1;
}
div#pageBody:after, div#footer div.fBlock:after, div#footer div.fBlock ul#fNav:after, body#top div#layout div#pageBody div#pageBodyInner:after, body#top div#layout div#pageBody div#pageBodyInner div#sidebar ul li p:after, body.story div#content div.sectionInner:after, body.story .sectionImage:after, body.story .sectionImage p:after, body.story div#content div#contentInner div.volInner ul:after, body.story div#content div#contentInner dl.familyProfile dd.profileInner:after, body#power div.quality div.qualityContent:after, body#power div.quality div.qualityContent div:after, body#power div.quality:after, body#power ul.safeBlock:after, body#power div.smellInner h4:after, body#power div.smellInner:after, body#power ul.powerList:after, body#power div.energetic div:after, body#power div.secret:after, body#power p.safeImageLast:after, body#power div.secret ol:after, body#power div.secret ol li dl dt:after, body#products div#content div.section div.sectionBlock ul:after, body#products div#content div.section ul.productInfo li:after, body#cm div#content div.section ul:after, body#cm div#content div.section div.interview:after, body#cm div#content div.section div.interviewBlock:after, body#cm div#content div.section div.family:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
/*ECバナー*/
.clear {
  clear: both;
}
.ec {
  background: #f0f0f0;
  border-radius: 5px;
}
.ec.ec_pc {
  padding-top: 10px;
  margin: 20px 0;
  padding-bottom: 10px;
}
.ec:after {
  content: "";
  display: block;
  clear: both;
}
.ec_title {
  color: #00a784;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}
.ec_title span {
  background: url(/global/images/shop_icon_pc.png) no-repeat left center;
  background-size: contain;
  padding-left: 28px;
  line-height: 1.5;
  font-size: 110%;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ec.ec_pc ul {
  padding: 0 70px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.ec.ec_pc ul:after {
  content: "";
  display: block;
  clear: both;
}
.ec.ec_pc ul li {
  width: 190px;
  box-sizing: border-box;
  padding: 0 5px;
  margin: 0 !important;
  list-style: none;
  display: table-cell;
  vertical-align: middle;
}
.ec.ec_pc ul li.ec_title {
  width: 40%;
}
/*アースロゴ*/
div#footer div.fBlock {
  position: relative;
}
#footer-earth-logo {
  margin: 0;
  height: 50px;
  position: absolute;
  right: 25px;
  top: -10px;
  width: 50px;
  white-space: nowrap;
}
#footer-earth-logo img {
  height: auto;
  width: 100%;
}
/*2018追加*/
body#top div#layout div#pageBody div#visual .products_txt {
  top: 253px;
  right: 185px;
}
body#top div#layout div#pageBody div#visual .products_img {
  right: 35px;
}
body#top div#layout div#pageBody div#visual .products {
  top: 260px;
}
body#products div#content div.section div.sectionBlock ul li dl dt {
  text-align: center;
}
body#products div#content div.section ul.productInfo li ul li div dl dt span {
  font-weight: bold;
  font-size: 140%;
  padding-top: 5px;
  display: block;
}
body#products div#content div.section ul.productInfo {
  padding: 20px 0 0 0;
}
body#products div#content div.section ul.productInfo li:first-child {
  border-top: none;
}
body#products div#content div.section ul.productInfo li {
  border-top: 1px dotted #cccccc;
  clear: both;
  padding: 24px 0 23px 0;
}
body#products div#content div.section ul.productInfo li ul li {
  border: none;
  clear: none;
  float: left;
  display: inline;
  padding: 0;
  width: 50%;
  border-right: 1px dotted #cccccc;
  box-sizing: border-box;
}
body#products div#content div.section ul.productInfo li ul li.infoLeft {
  margin-right: 0;
}
body#products div#content div.section ul.productInfo li ul li:nth-child(even) {
  border-right: none;
  padding-left: 20px;
}
.tab_area {
  list-style: none;
  width: 100%;
  display: block;
  margin-top: 30px;
}
.tab {
  width: 16.44%;
  height: 50px;
  margin-right: 2px;
  display: flex;
  background: url(/sp/bathclin/images/products_tab.jpg) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
  float: left;
  align-items: center;
  justify-content: center;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.3;
}
.tab.last {
  margin-right: 0;
}
.tab.tab_active {
  background: url(/sp/bathclin/images/products_tab_active.jpg) no-repeat;
  color: #007935;
  background-size: 100% 100%;
}
dd.lead {
  margin-top: 9px;
}
.kono {
  display: table;
  border: solid 1px #cccccc;
}
.kono_cell_left, .kono_cell {
  display: table-cell;
}
.kono_cell_left {
  background: #f5f5f5;
  padding: 15px;
  width: 8%;
}
.kono_cell {
  background: #fff;
  padding: 15px;
}
body#products div#content div.section ul.productInfo li ul li div dl dd p {
  color: #4d4d4d;
  float: left;
  font-size: 80%;
  line-height: 1.5;
  width: auto;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
body#products div#content div.section ul.productInfo li ul li .otona_detail {
  display: table;
  width: 100% !important;
  clear: both;
  padding-left: 0;
}
body#products div#content div.section ul.productInfo li ul li .otona_detail_cell {
  display: table-cell;
  color: #c70079;
  font-weight: bold;
  vertical-align: middle;
  float: none;
  padding-left: 0;
  width: 250px;
}
body#products div#content div.section ul.productInfo li ul li .otona_detail_cell.otona_photo {
  width: 80px;
  padding-left: 0;
  /* color: #c70079; */
}
body#products div#content div.section ul.productInfo li ul li .pure_detail {
  float: none;
  width: 100%;
  clear: both;
  padding-top: 10px;
  padding-left: 0;
}
body#products div#content div.section ul.productInfo li ul li .pure_detail li {
  background: url(/sp/bathclin/images/listmark.jpg) no-repeat left 4px;
  padding-left: 15px;
  width: 100%;
  float: none;
  border: none;
  display: block;
  padding-bottom: 5px;
}
body#products div#content div.section ul.productInfo li ul li .pure_detail li span {
  display: inline-block;
  width: 100%;
}
body#products div#content div.section ul.productInfo li ul li .pure_detail li .pure_detail_title {
  color: #1c2e76;
  margin-left: -15px;
  font-weight: bold;
  float: none;
  width: 250px !important;
}
body#products div#content div.section ul.productInfo li ul li .kusuri_detail_lead {
  color: #d02f83;
  font-weight: bold;
  width: 100%;
  float: none;
  clear: both;
  padding-top: 5px;
}
.kusuri_detail_lead span {
  font-weight: normal;
  display: block;
}
body#products div#content div.section ul.productInfo li ul li div.kuturogi_detail_lead {
  float: none;
  width: 100%;
  color: #cf7a1f;
  clear: both;
  padding-top: 5px;
  padding-bottom: 2em;
}
body#products div#content div.section ul.productInfo li ul li div.kuturogi_detail_lead ul li {
  float: none;
  border: none;
  padding-left: 0;
}
body#products div#content div.section ul.productInfo li ul li .otona_detail.cool {
  margin-top: 15px;
}
body#products div#content div.section ul.productInfo li ul li .cool .otona_detail_cell.otona_photo {
  width: 40px;
  vertical-align: top;
}
.priceTextGram {
  font-family: serif;
  font-weight: bold;
}
body#top div#layout div#pageBody div#visual .song {
  position: absolute;
  right: 20px;
  top: 70px;
}
#song {
  margin-top: 20px;
}
/*メガネg*/
.priceTextGram {
  font-family: serif;
  font-weight: bold;
}
/*製品紹介ページにコピー追加*/
.copy {
  margin-left: 2em;
	margin-top: 2.5em;
	margin-right: 2em;
}
p.copy_title {
  color: #007435;
  font-size: 1.231em;
  margin-top: 2.5em;
  margin-bottom: 0.5em;
}
.tab_area:after {
  display: block;
  content: "";
  clear: both;
}
/*ECリンク楽天追加*/
.ec.ec_pc table {
  margin: 0 auto;
  color: #00a784;
}
.ec.ec_pc table th {
  padding-right: 10px;
}
.ec.ec_pc table td {
  padding: 5px;
}
.ec_title span {
  font-size: 130%;
}

/*NEWマーク*/
.line-up .icns img {
    padding-bottom: 20px;
}
.info_new {
    background: #FB378B;
    padding: 4px 15px 1px !important;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    line-height: 1.2;
    text-shadow: none;
    font-family: 'Noto Sans JP', sans-serif;
}
.info_renewal {
    border: 1px solid #FB378B;
    padding: 4px 15px 1px !important;
    color: #FB378B;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    line-height: 1.2;
    text-shadow: none;
    font-family: 'Noto Sans JP', sans-serif;
}
.icns {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    padding-left: 0!important;
    -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  margin-bottom: 10px;
}

.icns img {
	margin-right: 5px;
}