@charset "UTF-8";

/* SLIDE						##################################### */

div#slide {
	position: relative;
}
	div#slide div.container-wide {
	}
		div#slide div.container-wide div.inner {
			margin-bottom: 20px;
			padding-top: 15px;
			background: #f9f8f6;
			border-bottom: 1px solid #eeece6;
			/* opacity */
			opacity: 0;
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			-ms-filter: "alpha(opacity=0)";
		}
			div#slide div.container-wide div.inner ul.stage {
			}
				div#slide div.container-wide div.inner ul.stage li {
					background: url(/assets/images/images_top/bg_slide.png) center bottom no-repeat;
				}
					div#slide div.container-wide div.inner ul.stage li a {
					}
						div#slide div.container-wide div.inner ul.stage li img {
							margin: 0 7px;
							padding: 6px;
							width: 706px; height: 286px;
							border: 1px solid #e1ddd4;
							background: #ffffff;
							/* transition */
							-webkit-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
						}
						div#slide div.container-wide div.inner ul.stage li a:hover img {
							/* opacity */
							opacity: 0.7;
							filter: alpha(opacity=70);
							-moz-opacity: 0.7;
							-ms-filter: "alpha(opacity=70)";
						}
			div#slide div.container-wide div.inner a.btn-slide-prev,
			div#slide div.container-wide div.inner a.btn-slide-next {
				display: block;
				position: absolute;
				top: 135px;
				width: 60px; height: 60px;
				cursor: pointer;
				/* transition */
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
			}
			div#slide div.container-wide div.inner a.btn-slide-prev {
				left: 0;
				background: url(/assets/images/images_top/btn_slide_prev.png) 0 0 no-repeat;
			}
			div#slide div.container-wide div.inner a.btn-slide-next {
				right: 0;
				background: url(/assets/images/images_top/btn_slide_next.png) 0 0 no-repeat;
			}
			div#slide div.container-wide div.inner a:hover.btn-slide-prev {
				left: -5px;
				/* opacity */
				/*opacity: 0.7;
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				-ms-filter: "alpha(opacity=70)";*/
			}
			div#slide div.container-wide div.inner a:hover.btn-slide-next {
				right: -5px;
				/* opacity */
				/*opacity: 0.7;
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				-ms-filter: "alpha(opacity=70)";*/
			}
		div#slide div.container-wide ul.slide-nav {
			margin-bottom: 20px;
			text-align: center;
		}
			div#slide div.container-wide ul.slide-nav li {
				display: inline;
			}
				div#slide div.container-wide ul.slide-nav li a {
					cursor: pointer;
				}

/* CONTENT						##################################### */

div.row {
	clear: both;
}
	/* box-update */
	div.box-update {
		float: left;
		margin-bottom: 20px;
		width: 660px; height: 145px;
		background: url(/assets/images/images_top/bg_box_update.gif) 0 0 no-repeat;
		overflow: hidden;
	}
		div.box-update h3 {
			float: left;
			width: 45px; height: 125px;
			background: url(/assets/images/images_top/h3_update.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-update ul {
			float: right;
			padding: 0 15px;
			width: 585px; height: 145px;
		}
			div.box-update ul li {
				margin-bottom: 5px;
				padding-top: 5px;
				height: 32px;
				font-size: 86%;
				overflow: hidden;
				line-height:140%;
			}
				div.box-update ul li span {
					color: #9c7e48;
				}
				div.box-update ul li a {
					color: #383033;
					/* transition */
					-webkit-transition: all 0.1s ease;
					-moz-transition: all 0.1s ease;
				}
				div.box-update ul li a:hover {
					color: #72696c;
				}
	/* box-surprisegift */
	div.box-surprisegift {
		float: right;
		margin-bottom: 20px;
		width: 320px; height: 145px;
	}
	/* box-scenerecommend */
	div.box-scenerecommend {
		position: relative;
	}
		div.box-scenerecommend h3 {
			height: 60px;
			background: url(/assets/images/images_top/h3_scenerecommend.jpg) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-scenerecommend ul.tab {
			position: absolute;
			top: 8px; right: 10px;
			height: 100%;
			overflow: hidden;
		}
			div.box-scenerecommend ul.tab li {
				float: left;
				padding: 0 2px;
				font-size: 93%;
			}
			div.box-scenerecommend ul.tab li.selected {
				padding-bottom: 5px;
				background: url(/assets/images/images_common/icon_05.gif) center bottom no-repeat;
			}
				div.box-scenerecommend ul.tab li a {
					display: block;
					padding: 3px 8px 2px 8px;
					background: #f0eee9;
					color: #383033;
					cursor: pointer;
					/* radius */
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					/* transition */
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
				}
				div.box-scenerecommend ul.tab li a:hover {
					background: #eae2ce;
				}
				div.box-scenerecommend ul.tab li.selected a {
					background: #4b4245;
					color: #ffffff;
				}
				div.box-scenerecommend ul.tab li.selected a:hover {
					background: #4b4245;
				}
		div.box-scenerecommend div.tab-content {
			position: relative;
		}
			div.box-scenerecommend div.tab-content img.image {
				position: absolute;
				top: 0; right: 0;
			}
			div.box-scenerecommend div.tab-content ul {
				width: 816px;
			}
				div.box-scenerecommend div.tab-content ul li {
					display: inline;
					position: relative;
					float: left;
					padding: 0 20px 25px 0;
					width: 184px;
				}
					div.box-scenerecommend div.tab-content ul li img.icon-newarrival,
					div.box-scenerecommend div.tab-content ul li img.icon-recommend,
					div.box-scenerecommend div.tab-content ul li img.icon-limiteditem,
					div.box-scenerecommend div.tab-content ul li img.icon-smallstock {
						position: absolute;
						top: 10px; left: -5px;
						z-index: 9999;
					}
					div.box-scenerecommend div.tab-content ul li a {
						color: #555052;
					}
						div.box-scenerecommend div.tab-content ul li a img {
							margin-bottom: 10px;
							border: 1px solid #ebe8e0;
							/* transition */
							-webkit-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
						}
						div.box-scenerecommend div.tab-content ul li a:hover img {
							/* opacity */
							opacity: 0.7;
							filter: alpha(opacity=70);
							-moz-opacity: 0.7;
							-ms-filter: "alpha(opacity=70)";
						}
						div.box-scenerecommend div.tab-content ul li a span {
						}
	/* box-popularity */
	div.box-popularity {
		padding-top: 30px;
	}
		div.box-popularity h3 {
			height: 60px;
			background: url(/assets/images/images_top/h3_popularity.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-popularity dl {
			margin-bottom: 40px;
			padding: 0 5px;
			height: 275px;
			background: url(/assets/images/images_top/bg_box_popularity.gif) 0 0 no-repeat;
		}
			div.box-popularity dl dt {
				position: relative;
				float: left;
				width: 330px; height: 275px;
			}
				div.box-popularity dl dt img.face {
					position: absolute;
					top: 22px; left: 15px;
				}
				div.box-popularity dl dt span.comment {
					display: block;
					position: absolute;
					top: 40px; left: 127px;
					width: 160px; height: 65px;
					font-size: 93%;
					font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
					color: #383033;
					line-height: 1.3;
				}
				div.box-popularity dl dt span.name {
					position: absolute;
					top: 115px; left: 15px;
					font-size: 77%;
					color: #555052;
				}
				div.box-popularity dl dt a.product {
					display: block;
					position: absolute;
					top: 160px; left: 16px;
					width: 298px; height: 100px;
					overflow: hidden;
				}
					div.box-popularity dl dt a.product img {
						display: block;
						float: left;
						width: 100px; height: 100px;
						/* transition */
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
					}
					div.box-popularity dl dt a:hover.product img {
						/* opacity */
						opacity: 0.7;
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						-ms-filter: "alpha(opacity=70)";
					}
					div.box-popularity dl dt a.product span {
						display: block;
						float: right;
						padding: 15px;
						width: 168px; height: 80px;
						font-size: 93%;
						color: #555052;
						line-height: 1.5;
					}
	/* box-ranking */
	div.box-ranking {
		float: left;
		margin-bottom: 40px;
		width: 680px;
	}
		div.box-ranking h3 {
			width: 660px; height: 60px;
			background: url(/assets/images/images_top/h3_ranking.jpg) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-ranking ul {
			height: 100%;
		}
			div.box-ranking ul li {
				position: relative;
				float: left;
				padding-right: 20px;
				width: 116px;
			}
				div.box-ranking ul li img.icon-ranking1,
				div.box-ranking ul li img.icon-ranking2,
				div.box-ranking ul li img.icon-ranking3,
				div.box-ranking ul li img.icon-ranking4,
				div.box-ranking ul li img.icon-ranking5 {
					position: absolute;
					top: 10px; left: -5px;
					z-index: 9999;
				}
				div.box-ranking ul li a {
				}
					div.box-ranking ul li a img {
						margin-bottom: 10px;
						border: 1px solid #ebe8e0;
						/* transition */
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
					}
					div.box-ranking ul li a:hover img {
						/* opacity */
						opacity: 0.7;
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						-ms-filter: "alpha(opacity=70)";
					}
					div.box-ranking ul li a span {
						font-size: 93%;
						color: #555052;
					}
	/* box-brandlist */
	div.box-brandlist {
		float: right;
		margin-bottom: 40px;
		width: 320px;
	}
		div.box-brandlist h3 {
			height: 60px;
			background: url(/assets/images/images_top/h3_brandlist.jpg) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-brandlist ul {
			padding: 10px 10px 0 10px;
			height: 142px;
			background: #f5f4f1;
		}
			div.box-brandlist ul li {
				margin-bottom: 5px;
			}
				div.box-brandlist ul li a {
					display: block;
					padding-left: 9px;
					width: 289px; height: 38px;
					background: #ffffff url(/assets/images/images_top/bg_brandlist.gif) right top no-repeat;
					border: 1px solid #ebe8e0;
					/* radius */
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}
				div.box-brandlist ul li a:hover {
				}
					div.box-brandlist ul li a img {
						/* transition */
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
					}
					div.box-brandlist ul li a:hover img {
						/* opacity */
						opacity: 0.6;
						filter: alpha(opacity=60);
						-moz-opacity: 0.6;
						-ms-filter: "alpha(opacity=60)";
					}
	/* box-mailmagazine */
	div.box-mailmagazine {
		position: relative;
		float: left;
		padding-right: 20px;
		width: 320px; height: 320px;
		background: url(/assets/images/images_top/bg_widgets.gif) 0 0 no-repeat;
	}
		div.box-mailmagazine h3 {
			width: 250px; height: 60px;
			background: url(/assets/images/images_top/h3_mailmagazine.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-mailmagazine a.icon {
			position: absolute;
			top: 22px; left: 286px;
			/* transition */
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
		}
		div.box-mailmagazine a:hover.icon {
			/* opacity */
			opacity: 0.7;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			-ms-filter: "alpha(opacity=70)";
		}
		div.box-mailmagazine div.box-widget {
			margin: 25px 35px;
			width: 290px; height: 245px;
		}
			div.box-mailmagazine div.box-widget h4 {
				margin-bottom: 20px;
				width: 250px; height: 16px;
				background: url(/assets/images/images_top/h4_mailmagazine.gif) 0 0 no-repeat;
				text-indent: -9999px;
			}
			div.box-mailmagazine div.box-widget p {
				padding-left: 100px;
				width: 150px;
				background: url(/assets/images/images_top/bg_mailmagazine.gif) 0 0 no-repeat;
				font-size: 93%;
			}
				div.box-mailmagazine div.box-widget p a {
					color: #e6462a;
					text-decoration: underline;
					/* transition */
					-webkit-transition: all 0.1s ease;
					-moz-transition: all 0.1s ease;
				}
				div.box-mailmagazine div.box-widget p a:hover {
					color: #fa8571;
				}
			div.box-mailmagazine div.box-widget form.mailmagazine {
				width: 250px; height: 25px;
			}
				div.box-mailmagazine div.box-widget form.mailmagazine input {
					border: none;
				}
				div.box-mailmagazine div.box-widget form.mailmagazine input.text {
					float: left;
					padding: 0 5px;
					width: 184px; height: 23px;
					border: 1px solid #dddad2;
					border-right: none;
					font-size: 93%;
					color: #999999;
					/* radius */
					-webkit-border-top-left-radius: 3px;
					-moz-border-radius-topleft: 3px;
					-webkit-border-bottom-left-radius: 3px;
					-moz-border-radius-bottomleft: 3px;
				}
				div.box-mailmagazine div.box-widget .btn_mailmagazine a  {
					display: block;
					width: 250px; height: 25px;
					background: url(/assets/images/images_top/btn_mailmagazine.gif) 0 0 no-repeat;
					text-indent: -9999px;
					cursor: pointer;
					/* transition */
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
				}
				div.box-mailmagazine div.box-widget .btn_mailmagazine a:hover {
					/* opacity */
					opacity: 0.7;
					filter: alpha(opacity=70);
					-moz-opacity: 0.7;
					-ms-filter: "alpha(opacity=70)";
				}
	/* box-twitter */
	div.box-twitter {
		position: relative;
		float: left;
		padding-right: 20px;
		width: 320px; height: 320px;
		background: url(/assets/images/images_top/bg_widgets.gif) 0 0 no-repeat;
	}
		div.box-twitter h3 {
			width: 250px; height: 60px;
			background: url(/assets/images/images_top/h3_twitter.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-twitter a.icon {
			position: absolute;
			top: 22px; left: 286px;
			/* transition */
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
		}
		div.box-twitter a:hover.icon {
			/* opacity */
			opacity: 0.7;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			-ms-filter: "alpha(opacity=70)";
		}
		div.box-twitter div.box-widget {
			margin: 20px 30px;
			width: 260px; height: 205px;
			overflow: auto;
		}
			div.box-twitter div.box-widget ul {
				padding-right: 10px;
			}
				div.box-twitter div.box-widget ul li {
					margin-bottom: 10px;
					padding-bottom: 10px;
					border-bottom: 1px dotted #bebcbd;
					line-height: 1.6;
				}
					div.box-twitter div.box-widget ul li a {
					}
						div.box-twitter div.box-widget ul li a span.comment {
							display: block;
							margin-bottom: 0;
							font-size: 93%;
							color: #555052;
						}
						div.box-twitter div.box-widget ul li a span.date {
							font-size: 85%;
							color: #e6462a;
						}
	/* box-facebook */
	div.box-facebook {
		position: relative;
		float: left;
		width: 320px; height: 320px;
		background: url(/assets/images/images_top/bg_widgets.gif) 0 0 no-repeat;
	}
		div.box-facebook h3 {
			width: 250px; height: 60px;
			background: url(/assets/images/images_top/h3_facebook.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
		div.box-facebook a.icon {
			position: absolute;
			top: 22px; left: 286px;
			/* transition */
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
		}
		div.box-facebook a:hover.icon {
			/* opacity */
			opacity: 0.7;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			-ms-filter: "alpha(opacity=70)";
		}
		div.box-facebook div.box-widget {
			margin: 5px 14px;
		}