@charset "shift_jis";

body {background:url(../images/bg.gif) repeat;}

.inner{
	width: 990px;
	margin: 0 auto;
}


/*
header
--------------------------------------------------*/
#header{
}
#header_top{
	display: table;
	width: 990px;
	margin: 0 auto;
	padding: 36px 0 24px;
}
#header_floating{
	position:fixed;
	top: 0;
	left: 0;
	background:url(../images/header_bg.png) repeat;
	width: 100%;
	padding: 24px 0;
	z-index: 999;
}
#header .logo{
	display: table-cell;
	vertical-align: middle;
	width: 596px;
}
#header .logo img{width: 305px;}
#header .logo img:hover{opacity: 0.65;}
#header .menu{
	display: table-cell;
	vertical-align: middle;
	width: 394px;
}
#header .menu li{
	float: left;
	background: url(../images/header_menu_bg.png) no-repeat left top;
	width: 128px;
	padding: 0 0 0 5px;
}
#header .menu li:first-child{
	background: none;
	padding: 0;
}


/*
kv
--------------------------------------------------*/
#kv{
	background: #fff;
	width: 990px;
	margin: 0 auto 100px;
	padding: 80px 0 72px;
	text-align: center;
}
#kv h1{margin: 0 0 30px;}
#kv h1 img{display: inline-block;}


/*
item
--------------------------------------------------*/
.item{margin: 0 0 120px;}
.itemTtl{
	margin: 0 0 25px;
	text-align: center;
}
.itemTtl img{display: inline-block;}
.itemLead{text-align: center;}

.coordinate{
	width: 100%;
	height: 570px;
	padding: 80px 0 0;
}
.coordinateList li{
	position: relative;
	width: 490px;
}
.coordinateList li:fiist-child{padding: 0 10px 0 0;}
.coordinateList li .tx{position: absolute;}
.coordinateList1 li .tx{
	top: 0;
	left: 190px;
}
.coordinateList2 li .tx{
	position: absolute;
	top: 0;
	left: 0;
}

.coordinateList .product{position: relative;}
.coordinateList .product .ic{
	position: absolute;
	top: 0;
	left: 232px;
}
.coordinateList .price{
	padding: 5px 35px 15px;
	text-align: right;
}
.coordinateList .price span{font-size: 24px;}
.coordinateList .check{margin: 0 35px;}
.coordinateList .check a{
	display: block;
	border: 2px solid #000;
	background: #000;
	padding: 6px 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.coordinateList .check a:hover{
	border: 2px solid #000;
	background: none;
	color: #000;
}

.coordinate02,
.coordinate04,
.coordinate06,
.coordinate08{left: 500px;}

/*strap*/
#strap .coordinate{background: url(../images/strap_bg.png) no-repeat top center;}

/*fur*/
#fur .coordinate.bg01{background: url(../images/fur_bg_01.png) no-repeat top center;}
#fur .coordinate.bg02{background: url(../images/fur_bg_02.png) no-repeat top center;}

/*velour*/
#velour .coordinate{background: url(../images/velour_bg.png) no-repeat top center;}


/*
link
--------------------------------------------------*/
#link{
	width: 840px;
	margin: 0 auto;
}
#link li{
	float: left;
	width: 380px;
}
#link li:first-child{padding: 0 80px 0 0;}
#link a{
	display: block;
	border: 2px solid #000;
	padding: 20px 0;
	font-size: 21px;
	text-align: center;
}
#link a::before,
#link a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#link a,
#link a::before,
#link a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#link a:hover{
	border: 2px solid #f34444;
	background: #f34444;
	color: #fff;
}

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


/*
footer
--------------------------------------------------*/
#footer{
	width: 100%;
	text-align: center;
	padding: 150px 0 50px;
}



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