@charset "shift_jis";

body {
	background:url(../images/bg.png) center top no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/*
header
--------------------------------------------------*/
#header{
	position: fixed;
    width: 100%;
	background: url(../images/header_bg.png) repeat;
	z-index: 10;
}
#header .logo{
	width: 300px;
    padding: 20px 0;
    margin: 0 auto;
}


/*
kv
--------------------------------------------------*/
#kv{
	width: 100%;
	text-align: center;
	padding: 80px 0 50px;
}
#kv img{display: inline-block;}


/*
lead
--------------------------------------------------*/
#lead{
	width: 990px;
	margin: 0 auto 80px;
	text-align: center;
	font-size: 12px;
}

/*
sandal
--------------------------------------------------*/
#sandal{
	position: relative;
	width: 990px;
	height: 1180px;
	margin: 0 auto 60px;
}
#sandal h2{text-align: center;}
#sandal h2 img{display: inline-block;}
.sandalListContainer{
	position: absolute;
	top: 280px;
	left: 0;
}
#sandalList{
	position: relative;
	width: 990px;
	height: 920px;
}
#sandalList li{position: absolute;}
#sandalList .sandal01{
	top: 0;
	left: 58px;
}
#sandalList .sandal02{
	top: 92px;
	left: 350px;
}
#sandalList .sandal03{
	top: 28px;
	left: 646px;
}
#sandalList .sandal04{
	top: 426px;
	left: 23px;
}
#sandalList .sandal05{
	top: 537px;
	left: 358px;
}
#sandalList .sandal06{
	top: 420px;
	left: 660px;
}
#sandalList li .img{margin: 0 0 5px;}
#sandalList li:hover .img{opacity: 0.65;}
#sandalList li .tx{font-size: 12px;}


/*
pumps
--------------------------------------------------*/
#pumps{
	position: relative;
	width: 990px;
	height: 1240px;
	margin: 0 auto 80px;
}
#pumps h2{text-align: center;}
#pumps h2 img{display: inline-block;}
.pumpsListContainer{
	position: absolute;
	top: 280px;
	left: 0;
}
#pumpsList{
	position: relative;
	width: 990px;
	height: 960px;
}
#pumpsList li{position: absolute;}
#pumpsList .pumps01{
	top: 0;
	left: 2px;
}
#pumpsList .pumps02{
	top: 123px;
	left: 240px;
}
#pumpsList .pumps03{
	top: 123px;
	left: 478px;
}
#pumpsList .pumps04{
	top: 2px;
	left: 670px;
}
#pumpsList .pumps05{
	top: 520px;
	left: 58px;
}
#pumpsList .pumps06{
	top: 577px;
	left: 356px;
}
#pumpsList .pumps07{
	top: 506px;
	left: 633px;
}
#pumpsList li .img{margin: 0 0 5px;}
#pumpsList li:hover .img{opacity: 0.65;}
#pumpsList li .tx{font-size: 12px;}
#pumpsList .pumps04 .tx{padding: 0 0 0 90px;}


/*
linkArea
--------------------------------------------------*/
#linkArea{margin: 0 0 160px;}
.linkTx{
	text-align:center;
	margin: 0 0 25px;
}
.linkTx img{display: inline-block;}
.linkBtn{
	width: 444px;
	margin: 0 auto;
	border: 2px solid #333;
}
.linkBtn:hover {
	border-style: dashed;
}


/*
pagetop
--------------------------------------------------*/
#pagetop{
	display: block;
    position: fixed;
	right: 30px;
    bottom: 35px;
}
#pagetop img:hover{opacity: 0.75;}


/*
footer
--------------------------------------------------*/
#footer{
	width: 100%;
	text-align: center;
	padding: 80px 0 50px;
}
#footer img{display: inline-block;}

#copyright{padding: 20px 0;}



/*clearfix*/
.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix{
    *zoom:1;
}