@charset "utf-8";

#main {
	float: none;
	margin: 0 auto;
	width: 970px;
}

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

div#main-visual {
	position: relative;
	margin-bottom: 7px;
}

#mainvisual_top_inner {
	overflow: hidden;
	position: relative;
	width: 970px;
}
#mainvisual_top_inner .preload {
	color: #fff;	
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 75%;
	z-index: 480/* 100000 */;
}
#mainvisual_top_inner .preload img {
	visibility: hidden;
}
.visual_top_outer {
	height: 571px;
	overflow: hidden;
	position: relative;
	width: 970px;
	z-index: 3;
}
ul.visual_top_inner {
	height: 571px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
	width: 970px;
}
ul.visual_top_inner li {
	overflow: hidden;
	height: 571px!important;
	width: 970px!important;
}
.lof-opacity li {
	float: inherit;
	height: 328px!important;
	position: absolute;
	left: 0;
	top: 0;
	width: 658px!important;
}
ul.visual_top_inner li img {
	height: 571px!important;
	width: 970px!important;
}
.visual_top_thumb {
	clear: both;
	width: 970px!important;
	height: 60px !important;
	margin-top: 14px;
}
ul.visual_top_thumlist {	
	width: 970px!important;
	height: 60px !important;
}
ul.visual_top_thumlist li {
	cursor: pointer;
	overflow: hidden;
	float: left;
	height: 60px!important;
	width: 194px!important;
}
ul.visual_top_thumlist li a {
 	display: block;	
	height: 60px;
	width: 194px;
}
ul.visual_top_thumlist li a img {
	visibility: hidden;
}
ul.visual_top_thumlist li a#visualButton01 {
	background: url(../img/gnav_com_globalnavi_monozukuri.gif) no-repeat left top;
}
ul.visual_top_thumlist li a#visualButton01:hover,
ul.visual_top_thumlist li.active a#visualButton01 {
	background: url(../img/gnav_com_globalnavi_monozukuri_o.gif) no-repeat left top;
}
ul.visual_top_thumlist li#visual_top_yojo,
ul.visual_top_thumlist li a#visualButton02 {
	background: url(../img/gnav_com_globalnavi_yojo.gif) no-repeat left top;
}
ul.visual_top_thumlist li a#visualButton02:hover,
ul.visual_top_thumlist li.active a#visualButton02 {
	background: url(../img/gnav_com_globalnavi_yojo_o.gif) no-repeat left top;
}
ul.visual_top_thumlist li#visual_top_material,
ul.visual_top_thumlist li a#visualButton03 {
	background: url(../img/gnav_com_globalnavi_product.gif) no-repeat left top;
}
ul.visual_top_thumlist li a#visualButton03:hover,
ul.visual_top_thumlist li.active a#visualButton03 {
	background: url(../img/gnav_com_globalnavi_product_o.gif) no-repeat left top;
}
ul.visual_top_thumlist li#visual_top_safety,
ul.visual_top_thumlist li a#visualButton04 {
	background: url(../img/gnav_com_globalnavi_safety.gif) no-repeat left top;
}

ul.visual_top_thumlist li a#visualButton04:hover,
ul.visual_top_thumlist li.active a#visualButton04 {
	background: url(../img/gnav_com_globalnavi_safety_o.gif) no-repeat left top;
}

ul.visual_top_thumlist li#visual_top_desire,
ul.visual_top_thumlist li a#visualButton05 {
	background: url(../img/gnav_com_globalnavi_desire.gif) no-repeat left top;
}

ul.visual_top_thumlist li a#visualButton05:hover,
ul.visual_top_thumlist li.active a#visualButton05 {
	background: url(../img/gnav_com_globalnavi_desire_o.gif) no-repeat left top;
}

/*
div.visual_top_openig{
  position:absolute;
  top:0;
  left:0;
  z-index: 420;
}
div.visual_top_openig2{
  position:absolute;
  top:0;
  left:0;
  z-index: 99;
}
div.visual_top_openig2 img{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/extension/ebiyaec/design/ebiyaec/img/img_top_visual01pre.png", sizingMethod="scale");
  background-image:none;
  opacity:0.5;
}
*/

div#topcontents{
  margin-top:36px;
  position:relative;
}
div.top_sect02{
  margin-top:75px;
}
div.top_sect03{
  margin-top:90px;
}
div.top_tabsect{
  position:relative;
  padding-left:30px;
}

div.top-tab_menu{
  position:absolute;
  top:0;
  left:0;
  z-index: 430/* 1000 */;
}
div.top-tab_menu ul li a{
  display:block;
  text-indent:-9999px;
  width:33px;
  height:75px;
  background-image:url(../img/sprite_top-tab.png);
  background-repeat:no-repeat;
  background-position:0 0;
}
div.top-tab_menu ul li.top-tabmenu01 a{
  background-position:0 0;
}
div.top-tab_menu ul li.top-tabmenu02 a{
  background-position:0 -75px;
}
div.top-tab_menu ul li.top-tabmenu03 a{
  background-position:0 -150px;
}
div.top-tab_menu ul li.top-tabmenu04 a{
  background-position:0 -225px;
}
div.top-tab_menu ul li.top-tabmenu01 a.active{
  background-position:-33px 0;
}
div.top-tab_menu ul li.top-tabmenu02 a.active{
  background-position:-33px -75px;
}
div.top-tab_menu ul li.top-tabmenu03 a.active{
  background-position:-33px -150px;
}
div.top-tab_menu ul li.top-tabmenu04 a.active{
  background-position:-33px -225px;
}


div.top-tabcontets{
  position:relative;
  background-image:url(../img/bg_tabcontents.png);
  background-repeat:repeat-y;
  background-position:0 0;
}
div.top-tabcontents-lead{
  padding-left:563px;
/*  margin-bottom:160px;*/
  position:relative;
  z-index: 430/* 1000 */;
  font-size: 85%;
}
div.top-tabcontents-lead p{
  margin-bottom:17px;
  line-height:1.75;
}
div.top-tabcontents-lead h2{
  margin-bottom:25px;
}

div.top-tabcontents-lead a:not(:empty){
  display: inline-block;
  line-height: 1;
}

div.top-tabcontents-lead .content-view-embeddedmedia{
  line-height: 1;
}

div.top-tabcontents_imgae{
  position:absolute;
  top:0;
  left:3px;
  z-index: 100;
}
div.top-tabcontetnts-kasounav{
  /*position:relative;*/
  position: absolute;
  top: 446px;
  left: 33px;
  z-index: 430/* 1000 */;
  margin-left:33px;
}
div.top-tabcontetnts-kasounav:after{
  content: " ";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div.top-tabcontetnts-kasounav ul li{
  float:left;
  margin-left:20px;
}
div.top-tabcontetnts-kasounav ul li:first-child{
  margin-left:0;
}

div.top-tabcontets > div{
  min-height: 600px;
/*  min-height:583px;*/
}


/*すくよか養生便*/
.top_sect-sukuyoka{
  font-size: 85%;
  width: 518px;
  padding-left: 96px;
}
.top_sect-sukuyoka_header{
  margin-bottom: 20px;
  position: relative;
}
.top_sect-sukuyoka_header:after{
  content: url(../img/img_topsk-logo01.png);
  position: absolute;
  top: 7px;
  right: -44px;
}
.top_sect-sukuyoka_body{
  line-height: 1.75;
}
.top_sect-sukuyoka_body .btnArea{
  margin-top: 15px;
}

div.top_sect-semmy{
  position:relative;
  background-image:url(../img/bg_top_summy.png);
  background-repeat:no-repeat;
  background-position:342px 66px;
}
div.top_sect-semmy h2{
  margin-bottom:50px;
  margin-left:34px;
}
div.top_sect-semmy h3{
  margin-bottom:25px;   
}
#main div.top_sect-semmy .page-link a{
  font-size: 100%;
}

div.top_summy-group{
  width:550px;
  padding-bottom:12px;
}
div.top_summy_person{
  padding-bottom:58px;
  margin-bottom:25px;
  background-image:url(../img/bg_top-summy-h3.png);
  background-position:left bottom;
  background-repeat:no-repeat;
  font-size: 85%;
  padding-left:63px;
}
div.top_summy-group div.top_summy_person:last-child{
  padding-bottom:0;
  margin-bottom:0;
  background-image:none;
}
div.top_summy_person p{
  margin-bottom:20px;
  line-height:1.75;
}

div.top_summy_image01{
  position:absolute;
  top:240px;
  right:0;
  z-index: 450/* 3000 */;
}
div.top_summy_image02{
  position:absolute;
  bottom:50px;
  right:241px;
  z-index: 450/* 3000 */;
}

div#top_aside h2 {
	margin-bottom: 12px;
	text-align: center;
	margin-top:0;
}

div#top_aside div.mainright_top{
    position:absolute;
    top:360px;
    right:0;
    z-index: 440/* 2000 */;
}

div#top_aside .mainright_top_news h2{
	margin-bottom:17px;
}

div#top_aside div.mainright_top_list{
  width: 204px;
  padding-left: 99px;
  overflow: hidden;
}
div#top_aside .mainright_top_news{
  width:204px;
  overflow: hidden;
}
div#top_aside div.mainright_top_list ul.mainright_top_item {
	margin-right: -10px;
}
div#top_aside div.mainright_top_list ul.mainright_top_item:after{
  content: " ";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div#top_aside div.mainright_top_list ul.mainright_top_item li {
	border-top: 1px solid #ccc;
	display: inline;
	float: left;
	margin-right: 10px;
	width: auto;
}
div#top_aside div.mainright_top_list ul.mainright_top_item li a {
    display:block; 
    height:102px;
    width:97px;
    text-indent:-9898px;
    background-repeat:no-repeat; 
}

div.mainright_top_list ul.mainright_top_item li.korai a{	background-image:url(../img/img_top_mainright_ginsen.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.korai a:hover {background-position:0 -102px;}

div.mainright_top_list ul.mainright_top_item li.denshichi a{	background-image:url(../img/img_top_mainright_carrot.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.denshichi a:hover {background-position:0 -102px;}

div.mainright_top_list ul.mainright_top_item li.tochu a{	background-image:url(../img/img_top_mainright_worm.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.tochu a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.ezo a{	background-image:url(../img/img_top_mainright_seberianginsen.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.ezo a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.kokei a{	background-image:url(../img/img_top_mainright_tian.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.kokei a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.kanka a{	background-image:url(../img/img_top_mainright_desertcarrot.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.kanka a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.hachinoko a{	background-image:url(../img/img_top_mainright_bee.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.hachinoko a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.kaiko a{	background-image:url(../img/img_top_mainright_silkworm.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.kaiko a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.kuroari a{	background-image:url(../img/img_top_mainright_blackant.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.kuroari a:hover {background-position:0 -101px;}

div.mainright_top_list ul.mainright_top_item li.suitetsu a{	background-image:url(../img/img_top_mainright_leech.gif); background-repeat:no-repeat; }
div.mainright_top_list ul.mainright_top_item li.suitetsu a:hover {background-position:0 -101px;}

div.mainright_top_list div.mainright_top_link {
	border-top: 1px solid #ccc;
	margin: 0 0 45px 0;
	padding-top: 10px;
}

.mainright_top_sugata{
  width: 303px;
  margin-top: 45px;
}
.mainright_top_sugata .mainright_top_sugata_item a{
  width: 303px;
  height: 144px;
  display: inline-block;
  text-indent: -9999px;
  background-image: url(../img/img_top_mainright_sugata.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.mainright_top_sugata .mainright_top_sugata_item a:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
div#top_aside .mainright_top_sugata h2{
  padding-left: 99px;
}


div.mainright_top_wholesale {
	padding: 300px 0 375px 101px;
	position: relative;
	z-index: 20;
}
div.mainright_top_news{
    position:absolute;
    bottom:0;
    right:0;
    z-index: 440/* 2000 */;
}
div.mainright_top_news ul {
	height:170px;
	padding: 7px 18px 0 1px;
	list-style:none;
    overflow-y:scroll;
}

div.mainright_top_news ul li{
	background: url(../img/icon_list_news.gif) no-repeat 0 2px;
	padding: 0 0 4px 18px;
	margin-bottom: 7px;
	font-size:85%;
}
div.mainright_top_news ul li a span{

}
div.mainright_top_news ul li a span:before{
    content:url("../img/icon_link_news.gif");
    margin-right:6px;
}

div.mainright_top_news ul li a:hover{
    text-decoration:underline;
}


/*-----------------------------------------------
画像ホバー -------*/

div.top-tab_menu a: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 */
}
div.top-tab_menu a.active:hover{
  opacity:1.0;
  -moz-box-opacity:1.0;
  -webkit-opacity:1.0;
  filter: alpha(opacity=100); /* ie 6 7 */
  -ms-filter: "alpha(opacity=100)"; /* ie 8 */
}