@charset "utf-8";

/**************************************
  アースケア様商品について等編集用
**************************************/

#seasonBox {
  margin:20px auto 0 auto;
  width:450px;
  text-align:left;
  }

#seasonBox ul#tab {
  margin:0;
  padding:0;
  border-bottom:1px solid #000;
  background-color:#fff;
  float:left;
  width:100%;
  }

div#javascript_tab_sample ul#tab li {
  margin:0 0 0 1em;
  padding:0.2em 0;
  text-align:center;
  border:1px solid #000;
  border-bottom:none;
  float:left;
  width:5em;
  }

div#javascript_tab_sample ul#tab li.selected {
  background-color:#000;
  }

div#javascript_tab_sample ul#tab li.selected a {
  color:#fff;
  }

div#javascript_tab_sample dl {
  margin:0;
  padding:1em;
  color:#fff;
  border:1px solid #ccc;
  border-top:none;
  background-color:#000;
  clear:both;
  }



/* TypeC */
.ukiukiVoiceNews{
  margin:0 auto 25px;
  width:500px;
  padding:20px;
  border:solid 1px #E35184;
  background: transparent url(../../img/earthcare/32/bkg_01.gif) right bottom no-repeat;
}

.ukiukiPrizeLst li{
  background: transparent url(../../img/earthcare/32/pict_ukiuki_news.gif) left top no-repeat;
  padding-left:23px;
  margin:8px 0;
}

.ukiukiVoicePost{
  margin:7px auto 25px;
  width:510px;
  padding:25px 25px 65px;
  border:solid 1px #ccc;
  background: transparent url(../../img/earthcare/32/bkg_02.gif) left bottom no-repeat;
}

.ukiukiVoicePostTxt{
  width:480px;
  padding:15px;
  background:#FEE9E9;
}

.ukiukiVoiceSec{
  margin:0 auto 25px;
  width:480px;
  padding:15px 15px 20px;
  border:solid 1px #E35184;
  background-color:#FFFBFB;
}



/* 37 あなたの手元に届くまで */

.flowToYou{
  width:610px;
  margin:0 auto;
}

.flowToYouSec-noBkg{
  width:530px;
  padding:20px 20px 0 54px;
  margin-bottom:45px;
}

.flowToYouSec{
  width:530px;
  padding:20px 20px 0 54px;
  margin-bottom:45px;
  background: transparent url(../../img/earthcare/37/bkg_dayline.gif) 10px top repeat-y;
}

.flowToYouSec p, .flowToYouSec-noBkg p{
  margin-bottom:1.8em;
  margin-left:7px;
}

h5.ttlFlowMatter{
  padding-left:38px;
  margin-bottom:25px;
  margin-top:15px;
  margin-left:-30px;
  background: transparent url(../../img/earthcare/37/line_timeline.gif) 0 5px no-repeat;
}

/* 36 アースケア研究所 */

.staffSkinLst li{
  float:left;
  display:inline;
  width:150px;
  margin:0 13px;
}

.ttlSkinType{
  margin:10px 0 15px;
  padding-bottom:10px;
  width:530px;
}

h3.ttlSkin{
  margin-left:5px;
}

.staffSkinLst li dl dt{
  text-align:center;
  margin-bottom:10px;
}

.ttlSkinType01{
  border-bottom:solid 1px #E78E6C;
}

.ttlSkinType02{
  border-bottom:solid 1px #E1437A;
}

.ttlSkinType03{
  border-bottom:solid 1px #1EB8C0;
}

.ttlSkinType04{
  border-bottom:solid 1px #39B28B;
}

.ttlSkinType05{
  border-bottom:solid 1px #FF9900;
}

.ttlSkinType06{
  border-bottom:solid 1px #39B28B;
}

.staffSkinLst01 li dl dt{
  border-bottom:solid 5px #E78E6C;
}

.staffSkinLst02 li dl dt{
  border-bottom:solid 5px #E1437A;
}

.staffSkinLst03 li dl dt{
  border-bottom:solid 5px #1EB8C0;
}

.staffSkinLst04 li dl dt{
  border-bottom:solid 5px #39B28B;
}

.staffSkinLst05 li dl dt{
  border-bottom:solid 5px #FF9900;
}

.staffSkinLst06 li dl dt{
  border-bottom:solid 5px #39B28B;
}

.staffIntroBox{
  margin:0 auto 30px;
  width:550px;
  background: #FED3D3 url(../../img/earthcare/38/bkg_staff.gif) right top repeat-y;
  border:#DC8D8B solid 1px;
  padding:20px 10px 20px 40px;
}

.staffIntroSec{
  width:530px;
  margin-bottom:20px;
  padding:10px 10px;
  background:white;
  border:#ccc solid 1px;
}

.aboutEcStaff-lBox{
  float:left;
  display:inline;
  width:250px;
}

.aboutEcStaff-rBox{
  float:right;
  display:inline;
  width:300px;
}

.comingDiaryLst{
  margin-left:4px;
  margin-top:10px;
}

.comingDiaryLst li{
  display:inline;
  margin-left:11px;
}

.aboutEcStaffBox{
  width:600px;
  margin:20px auto 30px;
  background: transparent url(../../img/earthcare/36/labo_products_box_mid.gif) right top repeat-y;
}

.aboutEcStaffBox-top{
  width:600px;
  height:10px;
  background: transparent url(../../img/earthcare/36/labo_products_box_top.gif) right top no-repeat;
}

.aboutEcStaffBox-inner{
  width:570px;
  margin:20px auto 1px;
}

.aboutEcStaffBox-btm{
  width:600px;
  height:10px;
  background: transparent url(../../img/earthcare/36/labo_products_box_btm.gif) right top no-repeat;
}

.aboutEcStaffBox h3{
  text-align:center;
}

.aboutEcStaffBox-rBox p{
  margin-bottom:1em;
}

.laboCustomersSec{
  margin-bottom:30px;
}

.laboCustomersVoice{
  width:460px;
  margin:0 auto;
}

.laboNameBox{
  width:510px;
  margin:0 auto 15px;
  background:#FFE2E2;
}

.laboNameBox p{
  color:#CC3300;
  padding:10px 15px;
}


.productsLaboTxt{
  width:550px;
  margin:0 auto 20px;
}

.productsLaboTxt p{
  margin-bottom:1em;
  line-height:1.7;
}

.laboProductsBox{
  width:600px;
  margin:20px auto 20px;
  background: transparent url(../../img/earthcare/36/labo_products_box_mid.gif) right top repeat-y;
}

.laboProductsBox-top{
  width:600px;
  height:10px;
  background: transparent url(../../img/earthcare/36/labo_products_box_top.gif) right top no-repeat;
}

.laboProductsBox-inner{
  width:570px;
  margin:20px auto 1px;
}

.laboProductsBox-btm{
  width:600px;
  height:10px;
  background: transparent url(../../img/earthcare/36/labo_products_box_btm.gif) right top no-repeat;
}

.laboProductsBox h5{
  text-align:center;
}

.laboProductsBox-lBox{
  width:100px;
  float:left;
  display:inline;
  margin-left:5px;
}


.laboProductsBox-lBox-inner{
  width:100px;
  height:120px;
}

.laboProductsBox-lBox p img{
  border:#CCC solid 1px;
}

.laboProductsBox-cBox{
  float:left;
  width:130px;
  display:inline;
  margin-left:20px;
}

.laboProductsBox-cBox-inner{
  margin-top:7px;
  width:130px;
  height:113px;
}


.laboProductsBox-rBox{
  width:290px;
  float:right;
  display:inline;
  margin-right:5px;
  margin-top:7px;
}

.laboProductsBox-rBox p{
  margin-bottom:1em;
}

/* 35 化粧品をつくった理由 */
.reasonAbtBox{
  width:595px;
  padding:15px 15px;
  margin:0 auto;
  background:#B8E9D9;
}

.reasonAbtBox-inner{
  border-left:#39B28B solid 10px;
  padding-left:15px;
}

.reasonTxtSec{
  width:560px;
  margin:20px auto 30px;
  background: transparent url(../../img/earthcare/35/bkg_logo.gif) right top no-repeat;
}

.reasonTxtSec p{
  margin-bottom:1em;
  line-height:1.7;
}

.laboTxtSec{
  width:550px;
  margin:20px auto 30px;
}

.laboTxtSec p{
  margin-bottom:1em;
  line-height:1.7;
}


/* 33 メールマガジンについて */
#aboutMmLst{
  margin-left:5px;
  margin-bottom:20px;
}

#aboutMmLst tr td{
  vertical-align:top;
  width:170px;
}

#aboutMmLst tr td dl dd{
  width:167px;
  margin-left:5px;
  margin-top:7px;
}

#aboutMmLst tr td ,#aboutMmLst tr td, #aboutMmLst tr{
  border:white solid 1px;
}

.txtTitleBlue{
  color:#3196C5;
}

.aboutMmTxtBox{
  width:490px;
  margin:20px auto 20px;
}

.aboutMmTxtBox p{
  margin-bottom:1em;
  line-height:1.7;
}

.txtTitlePinkBig {
  font-weight: bold;
  color:#E35184;
  font-size:108%;
}

.customersNameBox{
  width:510px;
  margin:40px auto 15px;
  background:#FFE2E2;
}

.customersNameBox p{
  color:#CC3300;
  padding:10px 15px;
}


/* スキンケアレシピ */

.reipe-contents{
width:600px;
margin:0 auto 30px;
}

.reipe-contents h3{
margin-bottom:20px;
}

.recipeWinterLeadSec{
  width:500px;
  margin:0 auto 30px;
}

/* =seasonNav
----------------------------------------------------*/
#recipeLstBox {
  margin:20px auto 0 auto;
  width:450px;
  text-align:left;
}

ul#seasonNav{
  position:relative;
  width:400px;
  height:60px;
  margin:35px auto 60px;
  background: transparent url(../../img/earthcare/26/btn_season.jpg) left top no-repeat;
}

ul#seasonNav li a{
  display: block;
  overflow:hidden;
}

ul#seasonNav li{
  text-indent:-9999px;
}

/* position
----------------------------------------------------*/
ul#seasonNav li#seasonBtn01 { position:absolute; top: 0; left: 0;}
ul#seasonNav li#seasonBtn02 { position:absolute; top: 0; left: 100px;}
ul#seasonNav li#seasonBtn03 { position:absolute; top: 0; left: 200px;}
ul#seasonNav li#seasonBtn04 { position:absolute; top: 0; left: 300px;}

/* button
----------------------------------------------------*/
ul#seasonNav li#seasonBtn01 a, ul#seasonNav li#seasonBtn01 { width: 100px; height: 60px; background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat 0px -70px;}
ul#seasonNav li#seasonBtn02 a, ul#seasonNav li#seasonBtn02 { width: 100px; height: 60px; background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat -100px -70px;}
ul#seasonNav li#seasonBtn03 a, ul#seasonNav li#seasonBtn03 { width: 100px; height: 60px; background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat -200px -70px;}
ul#seasonNav li#seasonBtn04 a, ul#seasonNav li#seasonBtn04 { width: 100px; height: 60px; background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat -300px -70px;}

/* overstates
----------------------------------------------------*/
ul#seasonNav li#seasonBtn01 a:hover { background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat 0 0;}
ul#seasonNav li#seasonBtn02 a:hover { background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat -100px 0;}
ul#seasonNav li#seasonBtn03 a:hover { background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat -200px 0;}
ul#seasonNav li#seasonBtn04 a:hover { background: transparent url(../../img/earthcare/26/btn_season.jpg) no-repeat -300px 0;}


/* TypeA */
.lstNowonBtm li{
  display:inline;
}

.lstNowonBtm li a img, .lstNowonBtm li img{
  margin-right:14px;
  margin-bottom:7px;
}

.ukiukiGreedingBox{
  width:570px;
  margin:0 auto;
  padding:15px 15px;
  background: transparent url(../../img/earthcare/29/ukiuki_greeding_mid.gif) left top repeat-y;
}

.ukiukiGreedingBox-top{
  margin:0 auto;
  width:600px;
  height:8px;
  background:transparent url(../../img/earthcare/29/ukiuki_greeding_top.gif) left top no-repeat;
}

.ukiukiGreedingBox-btm{
  margin:0 auto 10px;
  width:600px;
  height:8px;
  background: transparent url(../../img/earthcare/29/ukiuki_greeding_btm.gif) left top no-repeat;
}

.lstOdai li a img{
  margin:0 0 7px;
}

.odaiPleaseBox{
  width:600px;
  margin:0 auto 20px;
  padding:20px 0;
  border:solid 2px #F7CED9;
  background: transparent url(../../img/earthcare/29/bkg_sakura.gif) right top repeat-y;
}


/* TypeG */

.howto10timesSec{
  width:620px;
  margin:0 auto 25px;
}

.txtTitleGreen{
  font-weight:bold;
  color:#3CB48E;
}

.winterRecipeBox{
  width:580px;
  margin:0 auto 45px;
}


.recipiHowtoSec{
  width:540px;
  margin:0 auto 20px;
}

.winterRecipiNum{
  border-bottom:solid 2px #45B792;
  padding:7px 0;
  margin-bottom:10px;
  margin-top:10px;
}

.recipeInqueryBox{
  width:500px;
  margin:0 auto;
  padding:10px 20px;
  background: transparent url(../../img/earthcare/26/recipe_inquiry_box_mid.gif) left top repeat-y;
}


.recipeInqueryBoxTop{
  width:540px;
  height:13px;
  margin:0 auto;
  background:transparent url(../../img/earthcare/26/recipe_inquiry_box_top.gif) left top no-repeat;
}

.recipeInqueryBoxBtm{
  width:540px;
  height:13px;
  margin:0 auto;
  background: transparent url(../../img/earthcare/26/recipe_inquiry_box_btm.gif) left top no-repeat;
}

.recipeInqueryBox ul li{
  float:left;
  display:block;
  width:230px;
  margin:0 10px;
}

/* TypeA-b */

.endMsgBox{
  width:600px;
  margin:0 auto 15px;
  background: transparent url(../../img/earthcare/05/endmsg_box_mid.gif) left top repeat-y;
}

.endMsgBox-Top{
  width:570px;
  padding:15px 15px 0;
  background:transparent url(../../img/earthcare/05/endmsg_box_top.gif) left top no-repeat;
}

.endMsgBox-btm{
  width:600px;
  height:14px;
  background: transparent url(../../img/earthcare/05/endmsg_box_btm.gif) left top no-repeat;
}

.topBijinBox{
  width:580px;
}

.topBijinBox p{
  padding:35px 0 10px;
}

.topBijinBox img{
  margin-right:15px;
}

.blueBtmSec{
  width:580px;
  padding-bottom:20px;
  margin:0 auto 20px;
  background: transparent url(../../img/earthcare/05/bdr_blue.gif) left bottom no-repeat;
}

.blueBtmLSec{
  float:left;
  display:inline;
  width:220px;
}

.blueBtmRSec{
  float:right;
  display:inline;
  width:340px;
  padding-left:20px;
}

.blueBtmLSec02{
  float:left;
  display:inline;
  width:140px;
}

.blueBtmRSec02{
  float:right;
  display:inline;
  width:420px;
}


.bijinSolutionBox {
  width        : 570px;
  margin-bottom    : 15px;
  padding        : 50px 25px 0px 25px;
  background: transparent url(../../img/earthcare/05/bkg_solution01_top.jpg)left top no-repeat;
}

.bijinSolutionSec{
  width:570px;
  background: transparent url(../../img/earthcare/05/bkg_solution01_inner.jpg)left top repeat-y;
}

.bijinSolutionWrap {
  width        : 620px;
  background: transparent url(../../img/earthcare/05/bkg_solution01_mid.jpg)left top repeat-y;
}

.bijinSolutionBtm{
  width        : 570px;
  height:1px;
  margin-bottom    : 15px;
  background: transparent url(../../img/earthcare/05/bkg_solution01_btm.gif)left top no-repeat;
}

.bijinSolutionLBox{
  float:left;
  display:inline;
  width:355px;
  padding:0 15px;
}

.bijinSolutionRBox{
  float:right;
  display:inline;
  width:175px;
}

.sutekiBizinBox01{
  margin:0 auto;
  width:570px;
  padding:15px 15px 30px;
  background:#FED3D3 url(../../img/earthcare/03/bkg_sutekibizinbox01.jpg) right bottom no-repeat;
}

.sutekiBizinCell{
  width:175px;
  float:left;
  display:inline;
  margin:6px;
}


.sutekiBizinBox02{
  margin:0 auto;
  width:570px;
  padding:50px 15px 20px;
  background:#FED3D3 url(../../img/earthcare/05/bkg_box02_top.gif) right top no-repeat;
}

.sutekiBizinLBox02{
  float:left;
  width:220px;
  display:inline;
}

.sutekiBizinRBox02{
  float:right;
  width:320px;
  display:inline;
}

.sutekiBizinRBox02Cell{
  width:300px;
  padding:10px;
  background-color:#FFF;
  margin-bottom:15px;
}

.bijinSolutionBox03{
  margin:0 auto;
  width:580px;
  padding:20px 10px 20px;
  background:transparent url(../../img/earthcare/05/bkg_box03.gif) right bottom no-repeat;
}

.bijinSolutionBox03 {
  min-height:160px;
  height: auto !important;
  height: 160px;
}



/* もっとステキ美人研究隊 */
.moreSutekiBox01{
  width:580px;
  margin:0 auto;
  padding-bottom:50px;
  background: transparent url(../../img/earthcare/03/bkg_ttl_box01.gif) left bottom no-repeat;
}

.moreSutekiTopic{
  width:580px;
  margin:10px auto 30px;
  padding-bottom:10px;
  background: transparent url(../../img/earthcare/03/bkg_hr01.gif) left bottom no-repeat;
}

.moreSutekiTopic h3{
  font-size:108%;
  color:#3196C6;
}

div.symptomLst{
  width:560px;
  padding-left:20px;
  margin:10px 0 5px;
  background: transparent url(../../img/earthcare/03/bkg_symptom.gif) left bottom repeat-y;
}

.symptomLst ul{
  width:500px;
}

.symptomLst ul li{
  display:inline;
}

.symptomLst ul li img{
  margin:2px 5px 2px 0;
  vertical-align:bottom;
}

.spcLstBox{
  width:530px;
  margin-left:25px;
  margin-bottom:35px;
}

.spcLstBox h5 img{
  margin-bottom:6px;
}

.spcLstBox h5{
  border-bottom:#E15584 solid 2px;
}

.spcLstBoxTxt{
  margin:10px 20px 30px 20px;
}


/* 商品について */

div.ttlSubAbtProducts{
  text-align:center;
}

.abtProductsBox {
  width        : 290px;
  background      : url("../../img/earthcare/common/bkg_abtproductsbox.gif") repeat-y left top;
  background-color:#FFF;
}

.abtProductsBox .topAbtBox {
  width        : 286px;
  padding        : 7px 2px 6px;
  background      : url("../../img/earthcare/common/bkg_abtproductsbox_top.gif") no-repeat left top;
}

.abtProductsBox .topAbtBox h4{
  text-align:center;
}

.abtProductsLBox{
  float:left;
  display:inline;
  margin:0 0 0 10px;
  width:100px;
}

.abtProductsRBox{
  float:right;
  display:inline;
  margin-right:5px;
  width:150px;
}

.abtProductsBox .bottomAbtBox {
  width        : 286px;
  padding        : 0px 2px 6px;
  background      : url("../../img/earthcare/common/bkg_abtproductsbox_btm.gif") no-repeat left bottom;
}

p.abtImgThumb{
  width:100px;
  border:#ccc solid 1px;
}

.abtProductsRBox p{
  font-size:85%;
}

ul.gotoDetails{
  float:right;
}

ul.gotoDetails li a {
  line-height:2;
  padding-left:10px;
  background-image: url(../../img/earthcare/common/arrow_goto_products.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

ul.gotoDetails02{
  margin:10px 0;
}

ul.gotoDetails02 li a {
  line-height:2;
  margin-right:20px;
  padding-left:10px;
  background-image: url(../../img/earthcare/common/arrow_goto_products.gif);
  background-repeat: no-repeat;
  background-position: left center;
}



ul.gotoDetails01{
  margin:10px 0;
}

ul.gotoDetails01 li{
  display:inline;
}

ul.gotoDetails01 li a {
  line-height:2;
  margin-right:20px;
  padding-left:10px;
  background-image: url(../../img/earthcare/common/arrow_goto_products.gif);
  background-repeat: no-repeat;
  background-position: left center;
}


ul.gotoDetails03{
  margin:10px 0;
}

ul.gotoDetails03 li a {
  line-height:2;
  margin-right:30px;
  padding-left:10px;
  background-image: url(../../img/earthcare/common/arrow_goto_products.gif);
  background-repeat: no-repeat;
  background-position: left center;
}



/* =abtList
----------------------------------------------------*/
ul.abtList{
  position:relative;
  width:130px;
  height:85px;
}

ul.abtList li a{
  display: block;
  overflow:hidden;
}

ul.abtList li{
  text-indent:-9999px;
}

/* position
----------------------------------------------------*/
ul.abtList li.abt-lst01 { position:absolute; top: 0; left: 0;}
ul.abtList li.abt-lst02 { position:absolute; top: 17px; left: 0;}
ul.abtList li.abt-lst03 { position:absolute; top: 34px; left: 0;}
ul.abtList li.abt-lst04 { position:absolute; top: 51px; left: 0;}
ul.abtList li.abt-lst05 { position:absolute; top: 68px; left: 0;}

/* button
----------------------------------------------------*/
ul.abtList li.abt-lst01 a { width: 130px; height: 17px; background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat 0 0px;}
ul.abtList li.abt-lst02 a { width: 130px; height: 17px; background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat 0 -17px;}
ul.abtList li.abt-lst03 a { width: 130px; height: 17px; background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat 0 -34px;}
ul.abtList li.abt-lst04 a { width: 130px; height: 17px; background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat 0 -51px;}
ul.abtList li.abt-lst05 a { width: 130px; height: 17px; background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat 0 -68px;}

/* overstates
----------------------------------------------------*/
ul.abtList li.abt-lst01 a:hover { background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat -130px 0;}
ul.abtList li.abt-lst02 a:hover { background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat -130px -17px;}
ul.abtList li.abt-lst03 a:hover { background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat -130px -34px;}
ul.abtList li.abt-lst04 a:hover { background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat -130px -51px;}
ul.abtList li.abt-lst05 a:hover { background: transparent url(../../img/earthcare/common/ttl_abouts_thumb_list.gif) no-repeat -130px -68px;}



/* スタッフのお肌日記 */

.staffDiaryTtl{
  width:620px;
  margin:0 auto;
}


.staffDiarySec{
  width:600px;
  padding:10px;
  margin:0 auto;
  border:#663300 solid 1px;
}

.introDiaryBox{
  width:560px;
  margin:20px auto 30px;
}

.introDiaryBox p{
  margin-bottom:1em;
  font-size:108%;
  line-height:1.6;
}

p.imgDiaryBox{
  text-align:center;
  padding:10px 0 10px;
}

.diaryDateBox{
  width:600px;
  height:80px;
  padding-bottom:1px;
  background: transparent url(../../img/earthcare/39/bkg_ttl_date.gif) left 55px repeat-x;
}

div.diaryContentsSec{
  width:520px;
  padding:20px 40px;
  margin-bottom:30px;
  border:#96500B solid 1px;
  background-color:#FEF4F4;
}

div.diaryContentsSec h4{
  margin:15px 0;
  color:#630;
  font-weight:bold;
}

div.diaryContentsSec p{
  margin-bottom:1em;
  line-height:1.6;
  color:#630;
  font-size:108%;
}

p.diaryLaterTxt{
  margin:40px 0;
  text-align:center;
  line-height:2.5;
  color:#630;
  font-size:108%;
  font-weight:bold;
}

ul.gotoNextDate li{
  margin:30px 0;
  text-align:center;
}



/* ウキウキメイトの広場 初めての方へ */

#topicPath {
  padding:15px 0 30px;
  font-size:85%;
}

#topicPath li {
  display:inline;
  line-height:110%;
  list-style-type:none;
}

#topicPath li a {
  padding-right:10px;
  background-image: url(../../img/earthcare/common/topicpath.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

.aboutTopicSec {
  width        : 600px;
  padding        : 10px;
  margin-bottom:40px;
  background: #FEE9E9 url(../../img/earthcare/30/bkg_topicbox.gif) right top no-repeat;
}

.aboutTopicInnerSec {
  width        : 580px;
  padding        : 20px 10px;
  background-color:#FFFBFB;
}

.aboutTopicSec ul li{
  margin:5px 0 7px;
}

.aboutTopicSec h1{
  margin:10px 0;
}

.answerUkiukiSec{
  width:600px;
  margin:0 auto;
}45

.answerCustomers{
  margin-bottom:20px;
}

.answerCustomers{
  background: transparent url(../../img/earthcare/30/bkg_ttl_sub.gif) left top no-repeat;
}

.nameCustomers{
  margin:17px 0 20px;
  color:#E35184;
  font-size:100%;
}

.answerCustomers p{
  width:550px;
  margin-bottom:10px;
}

p.answerCustomersImg{
  text-align:right;
}

.answerEcSec{
  width:520px;
  padding:15px;
  margin:0 0 70px 50px;
  background-color:#FFFBFB;
  border:#E35184 solid 1px;
}

.answerEcSec h3{
  color:#E35184;
  font-size:100%;
  font-weight:bold;
  line-height:2;
}

.answerEcSec ul li{
  margin:10px 0 0;
  text-align:right;
}

.exmAnswerSec{
  width:600px;
  margin:0 auto 20px;
}

h2.howtoAnswer{
  margin-bottom:30px;
}

.exmAnswerSec h3{
  margin-bottom:15px;
}

.exmAnswerLbox{
  width:245px;
  float:left;
  display:inline;
}

.exmAnswerRbox{
  width:335px;
  float:right;
  display:inline;
}

.exmAnswerLbox .forwhoBox{
  width:225px;
  padding:10px;
  background-color:#FFFBFB;
  border:#E35184 solid 1px;
}

.forwhoBox dl dt{
  margin-bottom:10px;
  font-weight:bold;
}

.exmAnswerRbox p{
  margin-bottom:15px;
}

.exmAnswerRbox .exmAnswerRboxImg{
  width:335px;
  margin-bottom:10px;
  border:#999 solid 1px;
}

ul.gotoProducts{
  margin:20px 0;
}

ul.gotoProducts li a {
  padding-left:10px;
  background-image: url(../../img/earthcare/common/arrow_goto_products.gif);
  background-repeat: no-repeat;
  background-position: left center;
}


/* accordion */

.accordion-1{
  line-height: 1.5em;
  display: block;
  margin: 5px;
  width: 610px;
}

.accordion-1 .qBox {
  font-size: 14px;
  padding: 5px 10px;
  margin: 5px 0;
  border: 1px solid #CCC;
}

.accordion-1 .aBox {
  font-size: 12px;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #CCC;
}

.aBox-inner{
  width:570px;
  padding:20px 10px;
}

.qBox61{
  background-color: #E7F5F8;
}

.qBox61 p{
  padding-left:17px;
  background: transparent url(../../img/earthcare/61/bkg_question.gif) left 2px no-repeat;
}

.qBox62{
  background-color: #F9E0D7;
}

.qBox62 p{
  padding-left:17px;
  background: transparent url(../../img/earthcare/62/bkg_question.gif) left 2px no-repeat;
}

.qBox63{
  background-color: #CFEFE4;
}

.qBox63 p{
  padding-left:17px;
  background: transparent url(../../img/earthcare/63/bkg_question.gif) left 2px no-repeat;
}

