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

.sogrape_contents .sogrape_header{margin-bottom: 6px;}
.sogrape_contents .sogrape_header p{margin-bottom: 0;}
.sogrape_contents .sogrape_logo{text-align: center;}

#main {
position: relative;
width: 100%;
height: 448px;
margin-bottom: 37px;
}

#main h1 {
display: none;
}
#main h2 {
display: none;
}
#main p {
display: none;
}
#main di {
display: none;
}
#main dd {
display: none;
}
#main dt {
display: none;
}


#main #products {
overflow: hidden;
width: 960px;
height: 455px;
background: url(../img/top_products_bg.png) left top no-repeat;
position: absolute;
left: 50%;
margin-left: -480px;
}

#main #campaign {
width: 960px;
height: 70px;
background: url(../img/top_campaign_bg.png) left top no-repeat;
position: relative;
}

#main #campaign p {
display: block;
position: absolute;
width:536px;
height: 75px;
top: -9px;
left: 220px;
z-index: 15;
margin: 0;
}

#main .products_item{
position: relative;
overflow: hidden;
box-sizing: border-box;
float: left;
width: 50%;
height: 455px;
}
#main .products_item:hover::after{
box-sizing: border-box;
content: "";
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
border: solid 4px;
}
#main .sogrape_gazera{
box-sizing: border-box;
background: url(../img/top_products_img_gazela.jpg) left top no-repeat;
}

#main .sogrape_gazera:hover::after{border-color: #0a4338;}

#main .sogrape_mateus{
box-sizing: border-box;
background: url(../img/top_products_img_mateus.jpg) left top no-repeat;
}

#main .sogrape_mateus:hover::after{border-color: #ff5a64;}