@charset "utf-8";
body {
	background-color: #e9f5f0;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	overflow-x: hidden;
}
body.noscroll{ overflow:hidden;}

.nav_bg {
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 90px;
	width: 100%;
	position: fixed;
	z-index: 10;
	left: 0px;
	top: 0px;
}
.nav{
	width: 1000px;
	height: 75px;
	margin: auto;
}
.nav_space {
	line-height: 25px;
	color: #FFF;
	margin-right: 2px;
	margin-left: 2px;
}
.nav ul li{float:left;}
.logo {
	width: 1000px;
	height: 43px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/laneige_logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.logo:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/laneige_logo.png);
}
.nav1{
	width: 197px;
	height: 22px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_01.png);
	background-repeat: no-repeat;
	margin-left: 180px;
}

.nav1:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_01.png);
}
.nav2{
	width: 150px;
	height: 22px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_02.png);
	background-repeat: no-repeat;
}

.nav2:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_02.png);
}
.nav3{
	width: 102px;
	height: 22px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_03.png);
	background-repeat: no-repeat;
}

.nav3:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_03.png);
}
.nav4{
	width: 120px;
	height: 22px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_04.png);
	background-repeat: no-repeat;
}

.nav4:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../images/nav_on_04.png);
}
#go_top{
	width: 40px;
	height: 40px;
	background-image: url(../images/top.jpg);
	position: fixed;
	display: none;
	right: 10px;
	z-index: 9999;
	bottom: 50%;
}

#section_1 {
	background-image: url(../images/index_01.png);
	height: 1130px;
	width: 100%;
	position: relative;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center top;
}
.inner1 {
	margin: auto;
	height: 1130px;
	width: 1000px;
	position: relative;
	/* [disabled]background-image: url(../images/index_01.png); */
	background-position: center top;
}
.video {
	height: 305px;
	width: 490px;
	position: absolute;
	left: 10px;
	top: 348px;
}


#section_2 {
	height: 50px;
	width: 500px;
	position: absolute;
	left: 516px;
	top: 578px;
}

#section_3 {
	height: 653px;
	width: 1422px;
	position: relative;
	margin: auto;
	padding-top: 100px;
}
#section_4 {
	/* [disabled]background-image: url(../images/index_03.jpg); */
	height: 975px;
	width: 1280px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
	padding-top: 100px;
}




.mv_wrap {
	height: 293px;
	width: 610px;
	position: absolute;
	left: 0px;
	top: 361px;
}
.mv_left1 {
	float: left;
	height: 293px;
	width: 530px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.mv_left2 {
	float: left;
	height: 293px;
	width: 530px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
.mv_left3 {
	float: left;
	height: 293px;
	width: 530px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}


.mv_btn1 {
	background-image: url(../images/mv_btn1.png);
	height: 87px;
	width: 74px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.mv_btn1:hover {
	background-image: url(../images/mv_btn1_on.png);
}
.mv_btn2 {
	background-image: url(../images/mv_btn2.png);
	height: 87px;
	width: 74px;
	position: absolute;
	top: 105px;
	right: 0px;
	cursor: pointer;
}
.mv_btn2:hover {
	background-image: url(../images/mv_btn2_on.png);
}
.mv_btn3 {
	background-image: url(../images/mv_btn3.png);
	height: 87px;
	width: 74px;
	position: absolute;
	top: 210px;
	right: 0px;
	cursor: pointer;
}
.mv_btn3:hover {
	background-image: url(../images/mv_btn3_on.png);
}

.shadow {
	background-image: url(../images/shadow.png);
	height: 25px;
	width: 447px;
	position: absolute;
	left: 36px;
	top: 661px;
}


.form_name {
	height: 30px;
	width: 150px;
	position: absolute;
	left: 55px;
	top: 858px;
}
.form_phone {
	height: 30px;
	width: 150px;
	position: absolute;
	left: 55px;
	top: 902px;
}
.form_mail {
	height: 30px;
	width: 150px;
	position: absolute;
	left: 54px;
	top: 946px;
}
.form_gift {
	height: 30px;
	width: 250px;
	position: absolute;
	left: 357px;
	top: 402px;
}
.form_check {
	height: 20px;
	width: 20px;
	position: absolute;
	left: 254px;
	top: 446px;
}
.form_checkbtn {
	position: absolute;
	height: 25px;
	width: 140px;
	left: 87px;
	top: 1085px;
}
.form_send {
	height: 37px;
	width: 130px;
	position: absolute;
	left: 242px;
	top: 898px;
	cursor: pointer;
	background-image: url(../images/form_send.png);
}
.form_address {
	height: 30px;
	width: 200px;
	position: absolute;
	left: 82px;
	top: 1040px;
	cursor: pointer;
	/* [disabled]background-image: url(../images/form_address.png); */
}
#card1 {
	height: 250px;
	width: 250px;
}
#card2 {
	height: 250px;
	width: 250px;
}
#card3 {
	height: 250px;
	width: 250px;
}




#dialog{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.dialog-section{
	width: 900px;
	height: 560px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -465px;
	margin-top: -280px;
	display: none;
}
#answer1{ background:url(../images/answer01.png) no-repeat;}
#answer2{ background:url(../images/answer02.png) no-repeat;}
#answer3{ background:url(../images/answer03.png) no-repeat;}
.btn-buy{ position:absolute; top:393px; left:80px; display:block; }
.btn-buy:hover{ left:90px;}
#answer2 .btn-buy, #answer3 .btn-buy{ top:373px;}
.btn-close{ width:110px; height:50px; background:url(../images/btn-close.png) no-repeat; position:absolute; right:0; top:-60px;cursor:pointer;}
.btn-close:hover{ opacity:0.8;}

.footer {
	background-image: url(../images/footer.png);
	margin: auto;
	height: 70px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #cce7e2;
	text-align: center;
}
.star {
	height: 22px;
	width: 120px;
	position: relative;
}



.sparkle {display:block; position:absolute; z-index:5;}
.sparkle-large {width:60px; height:60px; background:url("../images/sparkle1.png") no-repeat center center;}
.sparkle-small {width:43px; height:43px; background:url("../images/sparkle1.png") no-repeat center center;}
.sparkle1 {
	top: -23px;
	left: -29px;
	position: absolute;
}
.sparkle2 {
	top: 254px;
	left: 212px;
}
.sparkle3 {
	top: -16px;
	left: 101px;
	position: absolute;
}
.sparkle4 {
	top: -3px;
	left: 762px;
}
.sparkle5 {
	top: -28px;
	left: 50px;
	position: absolute;
}
.sparkle6 {
	top: 242px;
	left: 100px;
}
.sparkle7 {
	top: -57px;
	left: 540px;
}
.sparkle8 {
	top: 407px;
	left: 120px;
}
.sparkle9 {
	top: 25px;
	left: 363px;
}
.sparkle10 {
	top: -28px;
	left: 749px;
}
.sparkle11 {
	top: -46px;
	left: 242px;
}
.sparkle12 {
	top: 413px;
	left: 232px;
}