/*スライドバナー・スプライト*/

#slidewrap {
  	margin:0 auto 32px auto;
  	width:700px;
  	height:450px;
	overflow:hidden;
	position:relative;
	z-index:5;
  	border:1px solid #ccc;
}
.slidebox {
  	width:3500px;
  	height:450px;
	margin:0;
	padding:0;
	font-size:0;
	position: absolute;
	z-index: 0;
	top: 0;
	left:0;
	animation:slider 16s ease-in-out infinite;
}
.slidebox li {
	display:inline-block;
	z-index: 0;
}
.slidebox:hover {
    animation-play-state: paused;/*一時停止*/
}
@keyframes slider {
	0% {/*開始*/
	top:0;
	left:0;
	}
	20% {
	top:0;
	left:0;
}
	40% {
	top:0;
	left:-700px;
}
	50% {
	top:0;
	left:-700px;
}
	60% {
	left:-1400px;
}
	70% {
	left:-1400px;
}
	80% {
	left:-2100px;
}
	90% {
	left:-2100px;
}
	100% {
	left:-2800px;
	}
}
.pop a:hover {
	border:1px solid #dc143c;
}
.pop a {
	display:block;
}
.pop ul {
	list-style:none;
}
.pop222, .pop460, .pop460b {
	width:702px;
	height:226px;
	margin:0 0 12px 0;
	padding:0;
}
.pop222 li {
	margin:0;
	float:left;
	width:238px;
}
.pop222 .end { width:226px; }
.pop222 a {
	width:224px;
	height:224px;
	border:1px solid #ccc;
	position:relative;
	z-index:1;
}
.pop222 a img {
	width:222px;
	height:222px;
	border:1px solid #fff;
	z-index:2;
	position:absolute; 
	top:0px;
}
.pop222 a span {
	width:224px;
	background:#1c1c1c;
	z-index:3;
	position:absolute;
	bottom:0px;
	font-size:9px;
	line-height:22px;
	text-indent:4px;
	color:#fff;
	filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}
.pop222 a:hover, .pop460 a:hover, .pop460 .end a:hover, .pop460b .end a:hover, .pop460b a:hover, .pop341 a:hover, #tcs:hover { border:1px solid #993300; }
.pop460 li {
	margin:0;
	float:left;
	width:476px;
}
.pop460 .end {width:226px; }
.pop460 img { border:1px solid #fff; }
.pop460 a {
	width:462px;
	height:224px;
	border:1px solid #ccc;
}
.pop460 .end a {
	width:224px;
	height:224px;
	border:1px solid #ccc;
}
.pop460b li {
	margin:0;
	float:left;
	width:238px;
}
.pop460b .end {width:464px; }
.pop460b img { border:1px solid #fff; }
.pop460b a {
	width:224px;
	height:224px;
	border:1px solid #ccc;
}
.pop460b .end a {
	width:462px;
	height:224px;
	border:1px solid #ccc;
}
.pop341 li {
	margin:0;
	float:left;
	width:357px;
}
.pop341 .end {width:345px; }
.pop341 img { border:1px solid #fff; }
.pop341 a {
	width:343px;
	height:134px;
	border:1px solid #ccc;
}
.pop341 {
	width:702px;
	height:136px;
	margin:0 0 12px 0;
	padding:0;
}
/*新商品*/
#ni_logo {
	background:#b0c4de;
	width:701px;
	height:46px;
	text-align:center;
	color:#fff;
	letter-spacing:4px;
	font-size:18px;
	line-height:46px;
	margin:24px 0 0px 0;
}
#n_item {
	width:700px;
	margin:0 0 32px 0;
	padding:0 0 0 0;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	list-style:none;
	font-size:0;
}
#n_item li {
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	display:inline-block;
	vertical-align:top;	
}
#n_item li a {
	display:block;
	text-decoration:none;
	width:172px;
	height:280px;
	margin:0;
	color:#1c1c1c;
	position:relative;
	border:1px solid #fff;
	z-index:1;
	overflow:hidden;
}
#n_item li a span {
	display:block;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	padding:0 10px;
	cursor:pointer;
}
#n_item li a img {
	width:152px;
	height:152px;
	margin:10px;
	z-index:2;
}
#n_item li a .day {
	background:#1e90ff;
	width:100px;
	padding:0 40px 0 0;
	margin:0;
	text-align:center;
	line-height:24px;
	height:24px;
	letter-spacing:1px;
	color:#fff;
	position:absolute;
	top:0px;
	left:-24px;
	z-index:3;
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
}
#n_item li a::before {
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: block;
	content: '▲';
	width: 16px;
	height: 16px;
	padding:6px;
	background-color:#fff;
	color:#ccc;
  	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	font-weight:bold;
	border:2px solid #ccc;
	border-radius:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	text-indent:0;
  	text-align:center;
	line-height:16px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#n_item li a:hover, #tcs:hover {
	border:1px solid #dc143c;
}
#n_item li a:hover span {
	color:#dc143c;
}
#n_item li a:hover .day {
	color:#fff;
	background:#dc143c;
}
#n_item li a:hover::before {
	border:2px solid #ce5051;
	color:#ce5051;
}
/** コンテンツに関する設定 **/
#con {
	width:702px;
	height:202px;
	margin:0 0 24px 0;
}
#con a {
	display:block;
}
#tcs {
	width:468px;
	height:198px;
	padding:1px;
	border:1px solid #ccc;
	float:left;
}
#con ul {
	margin:0;
	padding:0;
	width:212px;
	height:192px;
	border:3px dashed #ccc;
	float:right;
}
#con ul li p {
	width:188px;
	padding:3px 0 0 0;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	color:#666;
	margin:0 12px;
	line-height:30px;
	border-bottom:1px solid #ccc;
}
#con ul li {
	width:212px;
	list-style:none;
}
#con ul li a {
	font-size:12px;
	text-indent:12px;
	line-height:30px;
	color:#fe9834;
  	letter-spacing:1px;
}
#con ul li a:hover {
	background:#ccc;
	color:#1c1c1c;
}
.pop702, .pop702 * { display:block; }
.pop702 {
    clear:both;
	width:702px;
	height:248px;
	padding:24px 0 0 0;
	margin:0 0 24px 0;
  	text-decoration:none;
  	color:#f66200;
  	border-top:1px solid #ccc;
}
.pop702 span {
	font-size:11px;
	line-height:24px;
	letter-spacing:2px;
	height:24px;
}
.pop702:hover {
  	text-decoration:none;
	color:#dc143c;
}
.pop702 img {
	width:702px;
	height:224px;
}