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

html {
	height:100%;
	font-family: Century Gothic, Arial;
}

h1 {
	line-height:0;
	margin-bottom:20px;
}



.top {
	background-color:#f5f4ea;
	height:200px;
	line-height:20px;
	font-size:10px;
}

.top p {
	width:1000px;
	margin:0 auto;
}

.info {
	width:1000px;
	height:85px;
	margin:20px auto;
}

.info h1 {
	float:left;
}

.info .center {
	width:320px;
	margin:0 auto;
	padding-top:0px;
}

.info .center li {
	float:right;
	font-size:13px;
	padding:0 10px;
	border-left:1px solid #333;
}

.info .center li:first-child {
	padding-right:0;
}

.info .center li:last-child {
	padding-left:0;
	border-left:none;
}

.info .center li a {
	text-decoration:none;
	color:#333;
}

.info .shop {
	width:340px;
	float:right;
	font-size:12px;
	text-align:right;
}

.navi {
	clear:both;
	background-color:#ccc;
}

.navi ul {
	height:135px;
	text-align:center;
}

.navi li {
	display:inline-block;
	padding:0 10px;
}

.search {
	margin-top:10px;
	height:60px;
	background-color:#f9f8f2;
}

.search .wrapper {
	width:1000px;
	height:60px;
	margin:0 auto;
}

.search .wrapper * {
	float:left;
}

.text_box {
	width:234px;
	height:19px;
	border:3px solid #ccc;
	line-height:25px;
	font-size:10px;
	text-indent:10px;
	margin-top:17px;
}

.searchBtn {
	margin-right:15px;
	margin-top:17px;
}

.search .wrapper dt {
	margin-right:15px;
}

.search .wrapper dd {
	height:20px;
	font-size:10px;
	margin-top:22px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #ccc;
}

.search .wrapper dd:last-child {
	margin-right:none;
	padding-right:none;
	border-right:none;
}




/*新着商品エリア*/


#new_items li {
	width:175px;
	height:175px;
	border:1px solid #ededed;
	float:left;
	margin:0 15px 15px 0;
	overflow:hidden;
}

#new_items li:hover {
   opacity: 0.75;
}


#new_items li:last-child {
	margin-right:0;
}

#new_items li a {
	display:block;
	text-decoration:none;
	text-align:center;
}

#new_items li a .ico {
	width:20px;
	height:20px;
	position:relative;
	top:0px;
	left:10px;
	z-index:9999;
}

#new_items li a .ico + img {
	display:block;
	position:relative;
	top:-20px;
	left:-10px;
	
	 /* アニメーションさせたいプロパティを指定しています */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-ms-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}

#new_items li a .ico + img:hover {
	left:-0px;
}