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

ul.navi-image{
	margin-top:10px;
	margin-bottom: 25px;
	border: none;
}



#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a.banner { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation　img {
  border:0;
  vertical-align:bottom;
}

#image-navigation .navi ul{
	background:url(https://images.astyle.jp/images/parts/common/image/category/bag_image_navi.gif) no-repeat top left;
	height:335px;
	width:750px;
	border:none !important;
}
#image-navigation .navi ul li{
    display:inline;
	float:left;
	width:185px;
	margin-left:2px;
  
}

#image-navigation .navi ul li a{
	display:block;
	position:relative;
	top:255px;
	left:0; 
	width:185px;
	height:80px;
}
#contents {top:600px;}

ul.bagnavi li{
	display:inline;
	float:left;
	width:174px;
	margin-left:13px;
	margin-top:5px;

}
ul.bagnavi li.first{
	margin-left:2px;

}

img.preload{
	display:none;
}

.clearfix:after{
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.clearfix {
    display: inline-table;
    min-height: 1%;
}

/* Hides from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac*/


/* キャンペーンエリア設定*/
ul#campaign li{
	margin-bottom:0.3em;
	padding-left:1em;
	text-indent:-1em;
	color:#600;
}