@charset "utf-8";

/*===========================================
 Main
===========================================*/

#main h1 {
	display: none;
}

body.trade #main sec_list_innertopleft h2,
body.privacy #main h2,
body.inq #main h2,
body.sitemap #main h2,
body.teiki_win #main h2,
body.teiki_win2 #main h2,
body.faq #main h2,
body.korai_effect #main h2,
body.denshichi_effect #main h2,
body.ezo_effect #main h2,
body.kokei_effect #main h2,
body.kanka_effect #main h2,
body.tochu_effect #main h2,
body.kaiko_effect #main h2,
body.hachinoko_effect #main h2,
body.kuroari_effect #main h2,
body.suitetsu_effect #main h2 {
	margin:0 0 25px 0;
}
body.korai_sub1 #main h2,
body.korai_sub2 #main h2,
body.korai_sub3 #main h2,
body.denshichi_sub1 #main h2,
body.denshichi_sub2 #main h2,
body.denshichi_sub3 #main h2,
body.denshichi_sub4 #main h2,
body.hachinoko_sub1 #main h2,
body.hachinoko_sub2 #main h2,
body.hachinoko_sub3 #main h2,
body.tochu_sub1 #main h2,
body.tochu_sub2 #main h2{
	text-align:center;
	margin:0 auto 0 auto;
}
body.showroom #main h2 {
	margin: 0;
}


/*body.korai_sub1 #main h3,
body.korai_sub2 #main h3,
body.korai_sub3 #main h3,
body.denshichi_sub1 #main h3,
body.denshichi_sub2 #main h3,
body.denshichi_sub3 #main h3,
body.denshichi_sub4 #main h3,
body.hachinoko_sub1 #main h3,
body.hachinoko_sub2 #main h3,
body.hachinoko_sub3 #main h3,
body.hachinoko_effect #main h3,
body.korai_effect #main h3,
body.denshichi_effect #main h3,
body.ezo_effect #main h3,
body.kokei_effect #main h3,
body.kanka_effect #main h3,
body.tochu_effect #main h3,
body.kaiko_effect #main h3,
body.kuroari_effect #main h3,
body.suitetsu_effect #main h3,*/
div.block_effect h3 {
	text-align:center;
	margin:0 auto 25px auto;
}


#main{
  position:relative;
}
#main h2 {
  font-size: 12px;
  color: #666666;
}
#main h2#pagetitle {
  text-align: left;
  font-size: 12px;
  color: #666666;
}
#main h2#effect_title {
  margin-top: 26px;
  margin-bottom: 0;
  padding-bottom: 36px;
  text-align: center;
}
#main h3 {
  margin: 0 0 20px 0;
}
#main h4 {
  margin: 0 0 10px 0;
  padding: 2px 8px;
  border-left: solid 4px #c8c8c8;
  font-size: 110%;
  font-weight:bold;
}

div#content div#main-position {
  margin: 0 0 120px 0;
  width: 730px;
  float: left;
  text-align: left;
}
div.nosidemenu div#content div#main-position {
  width:auto;
  float:none;
}
body.sitemap div.nosidemenu div#content div#main-position {
  width: 730px;
  float: left;
}
#main div.object-center,
#main p.text-center{
  text-align:center;
  margin:0 auto;
}
#main div.object-right {
  clear: right;
  float: right;
  margin: 0 0 25px 25px;
}
body.harvest_win #main div.object-right {
  margin: 0 55px 25px 25px;
}
p.subtxt{
  font-size:95%;
}
#main p + .page-link{
  margin-top:-8px;
}
#main div.page-link p{
  line-height: 1;
}
#main div.sect div.page-link p{
  line-height: 1;
}
#main .page-link a{
  background-image:url(../img/icon_linlk00.gif);
  display:inline-block;
  background-position:0 center;
  background-repeat:no-repeat;
  padding-left:15px;
  font-size:85%;
  padding-top: 3px;
  line-height: 1;
  min-height: 15px;
}
#main li .page-link {
  margin-top: 10px;
}


#main div.blocktop p,
#main div.blocksafety p,
#main div.sub_block p,
#main div.block p,
#main div.sect p{
  margin: 0 0 20px 0;
  line-height: 1.5;
}

/* common */
.mB0{
  margin-bottom:0 !important;
}


#main ul.main_com_link {
  list-style-type: none;
  margin-bottom: 12px;
  padding-bottom: 54px;
  width:730px;
  height:100px;
}
#main ul.main_com_link li {
  width:182px;
  height:100px;
  float:left;
}


/*local-nav サイドバー*/
#local-nav{
  margin-bottom:20px;
  position:absolute;
  left:0;
  top:50px;
}
#local-nav ul li{
 float:left;
  padding:13px 0 10px 0;
}


/*===========================================
  下層タイトル
===========================================*/
#page_tit,
#page_tit_sub{
  background-repeat:no-repeat;
  background-position:0 bottom;
  padding:31px 0 36px 0;
}
#page_tit{
  background-image:url(../img/bg_page-tit.png);
  margin-top:60px;
}
#page_tit_sub{
  background-image:url(../img/bg_page-tit.png);
  margin-top:60px;
}


body.cholesterol #page_tit,
body.kounenki #page_tit,
body.hiesyou #page_tit,
body.koukettouo #page_tit,
body.teiketsuatsu #page_tit,
body.kanzou #page_tit,
body.hinketsu #page_tit,
body.noukinou #page_tit,
body.diet #page_tit,
body.stressed #page_tit,
body.bihaku #page_tit,
body.dry-eye #page_tit,
body.kankinou #page_tit,
body.ketsuatsu #page_tit,
body.nantyou #page_tit,
body.fumin #page_tit,
body.nantyou-age #page_tit,
body.kettouochi #page_tit,
body.youtsuu #page_tit,
body.ninshin #page_tit,
body.suimin #page_tit,
body.kekkan #page_tit {
    background-image: none !important;
    background: none !important;
}

div #main h2.page_top_txt{
  margin:22px 0 0 0 ;
}
#main #page_tit h2{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin:0;
  text-align:center;
}
#main #page_tit h2 span.title {
  display: block;
	font-family: 'DFKaisho Std', 'ＤＦ中楷書体 Std', serif;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  font-size: 36px;
  color: #333;
  line-height: 1;
}
#main #page_tit h2 span.lead {
  display: block;
	font-family: 'DFKaisho Std', 'ＤＦ中楷書体 Std', serif;
  text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  color: #333;
  white-space: pre-line;
  line-height: 1.6;
}
body.teiki #main h2,
body.showroom #main h2,
body.tochu_sub1 #main h2,
body.trade #main h2,
body.inq #main h2,
body.post #main h2,
body.privacy #main h2,
body.sitemap #main h2{/*タブなし*/
  margin-bottom:0;
}
body.showroom #page_tit,
body.tochu_sub1 #page_tit,
body.inq #page_tit,
body.post #page_tit,
body.privacy #page_tit{/*タブなし*/
  margin-top:26px;
  padding-top:0;
  background-image:url(../img/bg_page-tit.png);
}
body.sitemap #page_tit,
body.inq #page_tit,
body.post #page_tit,
body.trade #page_tit,
body.news #page_tit,
body.privacy #page_tit{
  margin-top:26px;
  padding-top:0;
  background-image:none;
}
body.faq01 #page_tit,
body.faq02 #page_tit,
body.faq03 #page_tit{
  background-image:none;
}


/*===========================================
 セクション・ブロック
===========================================*/
.sect{
  margin-top:75px;
}
.sect_group .sect:first-child{
  margin-top:0;
}

.sect_group02{
  margin-top:75px;
}
#main .sect h3{
  margin-bottom:26px;
  font-family: 'DFKaisho Std', 'ＤＦ中楷書体 Std', serif;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  font-size: 26px;
}
#main .sect h3:not(:has(img)){
  padding-bottom: 8px;
  border-bottom: solid 1px #ccc;
}
#main .sect .sect{
  margin-top:50px;
}
#main .sect .child-sect{
  margin-top:50px;
}
#main .sect .child-sect h3{
  margin-bottom:21px;
}
#main .sect .child-sect h4{
  margin: 0 0 12px 0;
  padding: 0;
  border-left: none;
  font-size: 100%;
}
#main .sect h3+.sect{
  margin-top:0;
}
#main .sect h3+.child-sect{
  margin-top:0;
}

body.harvest_win #main .sect h3{
  margin-bottom: 20px;
}
#main div.sect p{
  line-height:1.5;
}
#main div.blocktop {
  margin: 0 0 0 0;
  padding-right:350px;
}
#main div.block {
  margin: 0 0 75px 0;
}
#main div.sub_block {
  margin: 45px 0 0 0;
}


/*===========================================
  下層スライドショー
===========================================*/
.sect_slideshow .bx-wrapper{
  position: relative;
  margin: 0 auto 26px;
  padding: 0;
}
.sect_slideshow .slider img{
  line-height:0;
  max-width: 100%;
  display: block;
}
.sect_slideshow .bx-wrapper .bx-pager{
  line-height: 1;
  padding-top:10px;
  position:static;
}
.non-slider{
  margin-bottom:45px;
}



.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 440/* 2000 */;
}
/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 behavior:url(/extension/ebiyaec/design/ebiyaec/js/PIE.php);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
}
.bx-wrapper .bx-next {
    right: 10px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 460/* 9999 */;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}



/*===========================================
 下層タブ風ページメニュー
===========================================*/
.tabnav{
  margin-bottom:20px;
  position:absolute;
  left:0;
  top:20px;
  background-image:url(../img/bg_tabmenu.png);
  background-repeat: repeat-x;
  background-position:0 bottom;
  width:100%;
}
.tabnav ul{
  width:100%;
}
.tabnav ul li{
  padding:18px 0 9px 0;
  display:inline-block;
}
.tabnav-2col ul li{
 float:left;
 width:49.99%;
 text-align:center;
  line-height: 1;
}
.tabnav-3col ul li{
 float:left;
 width:33.33%;
 text-align:center;
  line-height: 1;
}
.tabnav-4col ul li{
 float:left;
 width:24.99%;
 text-align:center;
  line-height: 1;
}
.tabnav-2col ul{
  background-image:url(../img/bg_tabmenu2col-current.png);
  background-repeat:no-repeat;
}
.tabnav-3col ul{
  background-image:url(../img/bg_tabmenu3col-current.png);
  background-repeat:no-repeat;
}
.tabnav-4col ul{
  background-image:url(../img/bg_tabmenu4col-current.png);
  background-repeat:no-repeat;
}

/*背景位置調整*/
body.desire div.tabnav ul{
  background-position:-10px bottom;
}
body.appearance div.tabnav ul{
  background-position:175px bottom;
}
body.taking div.tabnav ul{
  background-position:360px bottom;
}
body.sharing ul{
  background-position:546px bottom;
}
body.safety div.tabnav ul{
  background-position:-10px bottom;
}
body.environment div.tabnav ul{
  background-position:center bottom;
}
body.natural div.tabnav ul{
  background-position:485px bottom;
}
body.beginner div.tabnav ul{
  background-position:-10px bottom;
}
body.maxims div.tabnav ul{
  background-position:center bottom;
}
body.response div.tabnav ul{
  background-position:240px bottom;
}
body.effective div.tabnav ul{
  background-position:486px bottom;
}
body.corporation div.tabnav ul{
  background-position:-10px bottom;
}
body.greeting div.tabnav ul{
  background-position:center bottom;
}
body.maxims div.tabnav ul{
  background-position: 485px bottom;
}
body.korai_sub1 div.tabnav ul{
  background-position:-10px bottom;
}
body.korai_sub2 div.tabnav ul{
  background-position:center bottom;
}
body.korai_sub3 div.tabnav ul{
  background-position:485px bottom;
}
body.denshichi_sub1 div.tabnav ul{
  background-position: -10px bottom;
}
body.denshichi_sub2 div.tabnav ul{
  background-position: 176px bottom;
} 
body.denshichi_sub3 div.tabnav ul{
  background-position: 360px bottom;
} 
body.denshichi_sub4 div.tabnav ul{
  background-position: 546px bottom;
} 
body.tochu_sub1 div.tabnav ul{
  background-position: -12px bottom;
} 
body.tochu_sub2 div.tabnav ul{
  background-position: 365px bottom;
}
body.hachinoko_sub1 div.tabnav ul{
  background-position: -10px bottom;
}
body.hachinoko_sub2 div.tabnav ul{
  background-position:center bottom;
}
body.hachinoko_sub3 div.tabnav ul{
  background-position: 485px bottom;
}
body.faq01 div.tabnav ul{
  background-position:-10px bottom;
}
body.faq02 div.tabnav ul{
  background-position:center bottom;
}
body.faq03 div.tabnav ul{
  background-position:485px bottom;
}


/*===========================================
 タブボックス
===========================================*/
div.tabarea-group{
  margin-top:75px;
}
div.tabarea{
  margin-top:25px;
}
div.tabarea h3{
  margin-bottom:25px;
}
.tabshow{
  position:relative;
}

.tabcontent-image img{
  position:absolute;
  top:0;
  right:0;
}
.tabcontent-sec{
  margin-top:22px;
}
h3+.tabcontent-sec{
  margin-top:0;
}
#main div.tabarea div.tabcontent h4.tabcontent-sec-tit{
  margin-bottom:10px;
}
.tabcontent-sec ol{
  margin-left:1.5em;
}
.tabcontent-sec ol li{
  list-style-type:decimal;
}
#main .tabcontent-sec table td{
  padding-right:15px;
}
body.namakorai #main .tabcontent-subimages{
	margin-top: 35px;
}
#main .tabcontent-subimages li{
  display:inline-block;
  margin-left:15px;
}
#main .tabcontent-subimages li:first-child{
  margin-left:0;
}






#main .sec_material_good p{
  margin-bottom:20px;
}
*:first-child + html div#footer {
  margin-bottom: -100px;
}
#main div.content-view-children {
  display:none;
}
#main #tab {
  margin: 0;
  padding: 0;
  background: #fff;
  height: 40px;
  color:#333;
  width:745px;
}
#main #tab li {
  float: left;
  width: 165px;
  margin:0 20px 0 0;
  list-style:none;
  background: #ccc;
  color: #333;
  padding: 0;
}
#main #tab li a {
  display: block;
  width: 165px;
  text-align: center;
  line-height:35px;
  padding-top:5px;
  text-decoration:none;
}
#main #tab li a:hover,#main #tab li.present a {
  color: #fff;
  background: #333;
}
#main #page1,#main #page2,#main #page3,#main #page4 {
  margin:0;
  padding: 20px 20px 0 20px;
  border-top:2px solid #333;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  width:678px;
}
#main #page1 h4,#main #page2 h4,#main #page3 h4,#main #page4 h4 {
  margin-bottom: 25px;
}
#main #page1 p,#main #page2 p,#main #page3 p,#main #page4 p {
  margin: 0 0 20px 0;
  line-height: 180%;
}
#main ul.caution {
  list-style-type:none;
}
#main ul.caution li {
  padding-left: 1em;
  text-indent: -1em;
  color: #B00000 ;
  line-height:1.6em;
}
#main ul.caution li a{
  color: #B00000 ;
}
#main ul.ico_list {
  list-style-type:none;
}
#main .ico_list li {
  margin-bottom: 10px;
  padding-left: 12px;
  background: url(../img/ico_list2.gif) no-repeat left 6px;
}
#main .ico_list li a{
  color: #B00000 ;
}
#main .ico_list li ul{
  margin: 15px auto 20px;
}
#main .ico_list li ul li{
  background: none;
  margin: 10px auto;
  padding-left:0;
}
#main div.sub_cart{
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 85px 0 0 0;
  background-image: url(../img/bg_sub_detail.gif);
  background-position:left top; 
  background-repeat: repeat-x;
  width: 730px;
  height: 69px;/*91px*/
}
#main div.sub_cart p.text-center{
  margin: 0 0 10px 0;
}
#main div.sub_cart a{
  width: 215px;
}



/*===========================================
 　下層下部ページメニュー
===========================================*/
#desire-aside{
  overflow:hidden;
}
#main div.desire-aside h4,
#main div.desirelist h4 {
  border-left: none;
  margin: 0 0 25px 0;
  padding: 0;
}
body.denshichi_sub1 #desire-aside,
body.denshichi_sub2 #desire-aside,
body.denshichi_sub3 #desire-aside,
body.denshichi_sub4 #desire-aside{
  margin-bottom: -38px;
}
#desire-aside h3{
  text-align:center;
  margin-bottom:23px;
}
#desire-aside ul{
  width:745px;
  min-height:1%;
}
body.denshichi_sub1 #desire-aside ul,
body.denshichi_sub2 #desire-aside ul,
body.denshichi_sub3 #desire-aside ul,
body.denshichi_sub4 #desire-aside ul,
body.desire #desire-aside ul,
body.appearance #desire-aside ul,
body.taking #desire-aside ul,
body.sharing #desire-aside ul{
  margin-left: 25px;
}
#desire-aside ul:after{
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#desire-aside ul li{
  float:left;
  margin:0 0 28px 0;
}
/*desirelist は素材下層で使用*/
#main div.desirelist div.step_wrap {
  clear: both;
  float: none;
  margin: 0 0 0 0;
}
body.tochu_sub1 #main div.desirelist div.step_wrap,
body.tochu_sub2 #main div.desirelist div.step_wrap,
body.material #main div.desirelist div.step_wrap,
body.sugata #main div.desirelist div.step_wrap{
  margin: 0 0 0 126px;
}
#main div.desirelist div.stepa {
  margin: 0 26px 0 0;
  width: 226px;
  float:left;
}
#main div.desirelist div.stepb {
  margin: 0;
  width: 226px;
  float:left;
}
#main div.desirelist ul  {
  margin:20px 0 0 0;
}
#main div.desirelist ul li.details {
  margin:20px auto;
  background: url(../img/bn_detailsbg.gif) no-repeat;
  width:155px;
  height:37px;
}
#main div.desirelist ul li.details_o {
  margin:20px auto;
  background: url(../img/bn_detailsbg_o.gif) no-repeat;
  width:155px;
  height:37px;
}
#main div.desirelist ul li.details_o a,
#main div.desirelist ul li.details a{
  display: block;
  width:155px;
  height:37px;
  text-indent: -9999px;
}
#main div.desirelist {
  margin: 0 auto;
  width: 730px;
}
#main div.desirelist div.stepa {
  margin: 0 26px 0 0;
  width: 226px;
  float:left;
}
#main div.desirelist div.stepb {
  margin: 0;
  width: 226px;
  float:left;
}
#main div.desirelist ul  {
  margin:20px 0 0 0;
}
#main div.desirelist ul li.details {
  margin:20px auto;
  background: url(../img/bn_detailsbg.gif) no-repeat;
  width:155px;
  height:37px;
}
#main div.desirelist ul li.details_o {
  margin:20px auto;
  background: url(../img/bn_detailsbg_o.gif) no-repeat;
  width:155px;
  height:37px;
}
#main div.desirelist ul li.details_o a,
#main div.desirelist ul li.details a{
  display: block;
  width:155px;
  height:37px;
  text-indent: -9999px;
}



/* Table Style Safety PDF Download
-------------------------------------------*/
#main table.default {
  margin:0 auto 35px auto;
  width: 720px;
  border: solid 1px #CCC;
}
#main table.default th {
  padding: 4px 8px;
  background-color: #F2F2F2;
  border: solid 1px #CCC;
  vertical-align: middle;
}
#main table.default td {
  line-height: 25px;
  padding: 6px 8px;
  border: solid 1px #CCC;
}
#main table.default td a {
  padding: 5px 0 5px 23px;
  background: url(../img/ico_pdf.gif) no-repeat 0 50%;
}
#main div.tabtitle p{
  text-align:center;
  padding:2px 0;
  margin:0;
  font-size:12px;
}



/*===========================================
Oacity
===========================================*/
body.safety div#safety-aside a img:hover{ 
  opacity:0.6;
  -moz-box-opacity:0.6;
  -webkit-opacity:0.6;
  filter: alpha(opacity=60); /* ie 6 7 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
}



/*===========================================
END Clearfix
===========================================*/
div#main-visual, 
ul#bigPic,
ul#visual_top_thumb,
#main, 
div#main-visual div.btnVisual ul,
div#main-center div.maincenter_top_block ul.blo_top_list, 
div#main-right div.mainright_top_list ul.mainright_top_item,
sec_material_info,
.blo_material_box,
.blo_material_habitat,
#main div.sec_list div.sec_list_innertop,
#main div.sec_list div.sec_list_innerbottom,
.tabnav ul,
div#safety-aside ul,
body.beginner .beginner_present ul,
#beginner-aside ul{
	zoom: 1;
}

div#main-visual:after, 
ul#bigPic:after,
ul#visual_top_thumb:after,
#main:after, 
div#main-visual div.btnVisual ul:after,
div#main-center div.maincenter_top_block ul.blo_top_list:after, 
div#main-right div.mainright_top_list ul.mainright_top_item:after,
.sec_material_info:after,
.blo_material_box:after,
.blo_material_habitat:after,
#main div.sec_list div.sec_list_innertop:after,
#main div.sec_list div.sec_list_innerbottom:after,
.tabnav ul:after,
div#safety-aside ul:after,
body.beginner .beginner_present ul:after,
#beginner-aside ul:after,
.material-head .head-badge:after,
.material-head .tabnav-material ul:after,
.step_wrap:after,
.material-badge:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/*===========================================
 マウスオーバー設定
===========================================*/
#beginner-aside ul li a img:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
#corporation-aside ul li a img:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.corporation-policy ul li a img:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
ul.blo_top_list li a img:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.step_wrap a img:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.desirelist a img:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.teiki_material_order-btn a:hover img{
  opacity:0.6;
  -moz-box-opacity:0.6;
  -webkit-opacity:0.6;
  filter: alpha(opacity=60); /* ie 6 7 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
}

a:hover img{
  opacity:0.6;
  -moz-box-opacity:0.6;
  -webkit-opacity:0.6;
  filter: alpha(opacity=60); /* ie 6 7 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
}

/*画像ホバー例外*/
ul.blo_list_product a:hover img,/*素材一覧*/
#local-navi .blo_com_localnavi_powdertop a:hover img/*素材一覧サイド*/
{
  opacity:1;
  -moz-box-opacity:1;
  -webkit-opacity:1;
  filter: alpha(opacity=100); /* ie 6 7 */
  -ms-filter: "alpha(opacity=100)"; /* ie 8 */
}

/*===========================================
 オーバーレイ設定
===========================================*/
#page{
  position: relative;
}
#page.fix{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#overlay{
  display: none;
  background-color: #000;
  opacity:0.6;
  -webkit-opacity:0.6;
  filter: alpha(opacity=60); /* ie 6 7 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

/*===========================================
別窓姿品同時注文
===========================================*/
.win-expand-top{
  margin-top: 10px;
}
#win-expand .sect_table {
  width: 400px;
  margin: 40px auto 0;
}
#main #win-expand .sect_table table tr{
  border-top: 1px dotted #ccc;
}
#main #win-expand .sect_table table tr:first-child{
  border-top: none;
}
#main #win-expand .sect_table table th,
#main #win-expand .sect_table table td{
  padding: 10px;
}

#main #win-expand .sect_table table tr th:nth-child(2),
#main #win-expand .sect_table table tr td:nth-child(2){
  text-align: center;
}


/*===========================================
高麗NEWS
===========================================*/
.korai-news-image-box {
  width: 466px;
  margin: 20px auto;
}
.korai-news-image-box .attribute-caption {
  margin: 3px 0 20px;
}

/*===========================================
水蛭NEWS
===========================================*/
.suitetsu-image-box {
  margin: 20px auto;
  width: 350px;
}

.suitetsu-image-box .attribute-caption {
  margin: 3px 0 20px;
}

/*===========================================
 画面下ポップアップ
===========================================*/
.bt_drawer {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  left: 0;
  position: fixed;
  transition: bottom 0.5s linear;
  right: 0;
  text-align: center;
  z-index: 470/* 10000 */;
}
.bt_drawer.open{
  bottom: 0 !important;
}
.bt_drawer__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin: 0 auto;
  padding: 30px 0 22px 0;
  position: relative;
  width: 970px;
}
.bt_drawer.has-image {
  text-align: left;
}
.bt_drawer__iamge {
  margin-right: 30px;
  margin-left: -10px;
  margin-top: 40px;
}
.bt_drawer__iamge.alignment {
  margin-top: -10px;
}
.bt_drawer__iamge .bt_drawer__inner {
  padding-bottom: 30px;
}

.bt_drawer__inner p + p {
  margin-top: 22px;
}
.bt_drawer p,
.bt_drawer dl{
  font-size: 85%;
}
#main .bt_drawer .page-link a{
  background-image: url(../img/icon_linlk00wh.gif);
  color: #fff;
  font-size: inherit;
}
#main .bt_drawer p + .page-link {
  margin-top: 12px;
}
#main .bt_drawer .page-link + p {
  margin-top: 12px;
}
#main .bt_drawer h3 {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 12px;
}
.bt_drawer__btn span{
  background: #000;
  background-image: url(../img/namakorai/icon_material_popup01.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  position: absolute;
  text-indent: -9999px;
  transform-origin: 50% 50%;
  transform: rotate(180deg);
  transition: transform 0.2s linear;
  top: -21px;
  width: 42px;
}
.bt_drawer__btn span.open{
  transform: rotate(0deg);
}