@charset "utf-8";

.visual {
	position:relative;
	width:100%;
	}

.visual li {
	position:relative;
	width:100%;
	height:880px;
	text-indent:-99999px;
	}

.visual li.visimg1 {
	background:url('/images/main/visual1.jpg') no-repeat center;
	}

.visual .touchDown {
	display:block;
	position:absolute;
	top:812px;
	left:50%;
	margin-left:-29px;
	width:35px;
	height:25px;
	z-index:9999;
	}

.banner {
	position:relative;
	width:100%;
	height:491px;
	padding-top:45px;
	background:#F8F7F1;
	text-align:center;
	}

.banner li {
	display:inline-block;
	margin-right:14px;
	}

.banner li:last-child {
	margin-right:0px;
	}

.giftset {
	position:relative;
	width:100%;
	padding-top:50px;
	background:#F8F7F1;
	}

.giftset h2 {
	text-align:center;
	margin-bottom:40px;
	}

.giftset p {
	text-align:center;
	}
	
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 1200px; /*Width of Carousel Viewer itself*/
	height: 352px; /*Height should enough to fit largest content's height*/
	margin:0 auto;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 22px; /*margin around each panel*/
	width: 589px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel:hover{
	opacity:0.8;
}

span.paginatecircle{ /* CSS for paginate circle spans. Required */
	background:url('/images/main/dotoff.png') no-repeat;
	width: 11px;
	height: 11px;
	cursor: pointer;
	display: inline-block;
	margin-right: 6px;
	margin-top:35px;
	padding-bottom:30px;
}

span.paginatecircle:hover{
	background:url('/images/main/doton.png') no-repeat;
}

span.paginatecircle.selected{
	background:url('/images/main/doton.png') no-repeat;
}

.productList {
	position:relative;
	width:1200px;
	height:435px;
	margin:40px auto 60px auto;
	}

.productList h2 {
	text-align:center;
	margin-bottom:33px;
}

.productList ul {
	width:100%;
}

.productList ul li {
	float:left;
	margin-right:35px;
}

.productList ul li:last-child {
	margin-right:0px;
}

.productList ul li:hover {
	opacity:0.8;
}

.productList ul li a {
	display:block;
	width:100%;
	height:100%;
}

.productList ul li a p {
	display:block;
	width:273px;
	height:315px;
	margin-bottom:15px;
}

.productList ul li a span {
	display:block;
	width:273px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis; 
	font-size:15px;
	color:#636363;
	text-align:center;
}

.consulting {
	position:relative;
	width:100%;
	padding-top:60px;
	border-top:1px solid #DDDADA;
	}

.consulting h2 {
	text-align:center;
	}

.consulting .detailBtn {
	display:block;
	position:absolute;
	top:260px;
	left:50%;
	margin-left:-590px;
	}

.consulting .contact1 {
	display:block;
	position:absolute;
	top:410px;
	left:50%;
	margin-left:-590px;
	}

.consulting .contact2 {
	display:block;
	position:absolute;
	top:410px;
	left:50%;
	margin-left:-440px;
	}

.consulting .contact3 {
	display:block;
	position:absolute;
	top:410px;
	left:50%;
	margin-left:-240px;
	}