@charset "UTF-8";
/*limited reset*/
*{font:12px 'Lucida Grande',Tahoma,Arial,sans-serif; line-height:20px; margin:0; padding:0; color:#555;}
html,body,div,section,article,aside,header,hgroup,footer,nav,h1,h2,h3,h4,h5,h6,p,blockquote,address,time,span,em,strong,img,ol,ul,li,figure,canvas,video,menu{margin:0;padding:0;}
/*html5 display rule*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,menu,nav,section,summary{display:block;}
body{text-align:left;font:12px 'Lucida Grande',Tahoma,Arial,sans-serif;line-height:20px;background:#f7f7f7;}
a{text-decoration:none; color:#157da9;}
a:hover{text-decoration:underline;}
/******************/
/*Common*/
.hide{display:none;}
.invisibile{visibility:hidden;}
.clear{clear:both;}
/*Page*/
iframe {position:fixed; z-index:60;}
#page-ctn{position:absolute; width:100%; height:3000px;}
	#page{width:100%; background:#aaa; position:relative;}
		#top-ctn{ width:100%; height:668px; background:url('/images/bg-yellow.png') center top no-repeat; position:absolute; top:0; left:0; z-index:30;}
		#top-ctn.fixed{position:fixed; top:-520px;}
			#intro{width:634px; height:404px; background:url('/images/rc-pngs.png') -183px -70px; margin:70px auto;}
		#bottom-ctn{ width:100%; padding-top:668px;background:url('/images/bg-blue.png') center top no-repeat; position:absolute; top:0; left:0; z-index:20; margin-top:600px;}
		#bottom-ctn.fixed{position:fixed; margin-top:0;}
			#bottom {width:100%;  background:url('/images/pattern-blue.png') center top; padding-top:30px; position:relative; height:2600px;}
				#calendar {width:900px; height:317px; background:url('/images/rc-pngs.png') -50px -833px; margin:0 auto; }
				#listdemariage {width:900px; height:400px; background:url('/images/rc-pngs.png') -50px -1190px;position:absolute; top:317px; left:50%; margin-left:-450px;}
				#listdemariage.fixed{position:fixed; top:105px;}
				#listdemariage.unfix{top:520px;}
					#listdemariage a {position:absolute; top:267px; left:142px; width:100px; height:30px;display:block;}
				#form {width:900px; position:absolute; top:950px; left:50%; margin-left:-450px;}
				#form.fixed{position:fixed; top:185px;}
					#form #form-top, #form #form-bottom, #form form{margin:0 auto; width:325px; padding:0 32px;}
					#form #form-top{height:135px; background:url('/images/rc-pngs.png') -306px -1655px;}
					#form #form-bottom{height:40px; background:url('/images/rc-pngs.png') -306px -1837px;}
					#form form{background:#fef1da;} 
		#map-ctn{ width:100%; height:668px; background:url('/images/map.png') center top no-repeat; position:fixed; top:0; left:0; z-index:10;}
		
		#date {width:390px; height:250px; background:url('/images/rc-pngs.png') -304px -530px; position:absolute; top:1100px; margin-left:-195px; left:50%; z-index:40;}
		#date.fixedTop {position:fixed; top:5px;}
		#date.fixedBottom {position:fixed; top:500px;}
		
#windmills-ctn{width:960px; height:300px; top:0; left:50%; margin-left:-480px; z-index:60; position:fixed;}
	.windmill-ctn {position:absolute; border-left-width:2px; border-left-style:solid; border-left-color:#dda043; width:5px; height:200px;}
	#windmills-ctn.blue .windmill-ctn {border-left-color:#06756e;}
		.windmill-ctn .mill{ display:block; position:absolute; left:0; top:100%;}
	.windmill-ctn.wind1{left:55px; height:85px;}
	.windmill-ctn.wind2{left:100px; height:175px;}
	.windmill-ctn.wind3{right:45px; height:75px;}
	.windmill-ctn.wind4{right:80px; height:250px;}

#footer {position:fixed; height:44px; width:1000px; left:50%; margin-left:-500px; bottom:15px; background:url('../images/rc-pngs.png') 0 -2584px; z-index:60;}
	.tooltip {width:32px; height:32px; position:absolute; top:6px; cursor:pointer;}
		.tooltip div{display:none; left:0; bottom:40px; height:44px; background-image:url('../images/rc-pngs.png'); position:absolute;}
		.tooltip:hover div{display:block;}
	.tip1 {left:13px;}
		.tip1 div{ background-position: 0 -2658px; width:54px; left:-13px;}
	.tip2 {left:53px; width:156px;}
		.tip2 div{ background-position: -56px -2658px; width:186px; left:-15px}
	.tip3 {left:216px;width:104px;}
		.tip3 div{ background-position: -245px -2658px; width:123px; left:-6px}
	.tip4 {left:327px; width:200px;}
		.tip4 div{ background-position: -365px -2658px; width:242px; left:-47px}
	.tip5 {left:533px; width:339px;}
		.tip5 div{ background-position: -609px -2658px; width:146px; left:85px}
	.tip6 {left:879px; width:109px;}
		.tip6 div{ background-position: -757px -2658px; width:239px; left:-82px}

input{display:block; height:44px; border:none; outline:none; padding:0 10px; margin:0 auto 5px;background-image:url('/images/rc-pngs.png'); text-align:center;}
	div.name{display:none;}
	.name input{display:inline; float:right;}

input#total{width:72px; background-position:0 -1937px;}
input.name{width:211px; background-position:0 -1991px;}
input.name-shoe{width:72px; background-position:0 -2045px;}
input#phone{width:305px; background-position:0 -2099px; margin-top:10px;}
input#email{width:305px; background-position:0 -2153px;}
input#total.writing{background-position:500px -1937px;}
input.name.writing{background-position:500px -1991px;}
input.name-shoe.writing{background-position:500px -2045px;}
input#phone.writing{background-position:500px -2099px;}
input#email.writing{background-position:500px -2153px;}

input#yes, input#no {width:156px; float:right; margin-top:10px; background:url('/images/rc-pngs.png') -171px -2250px; text-indent:-9999px; overflow:hidden; cursor:pointer;}
input#no {margin-right:12px; background:url('/images/rc-pngs.png') 0 -2250px;}

input#yes.wait{background:url('/images/rc-pngs.png') -671px -2250px; }
input#no.wait{background:url('/images/rc-pngs.png') -500px -2250px; }

#result-no{width:500px; height:85px; margin:200px auto; background:url('/images/rc-pngs.png') center -2342px;}
#result-yes{width:500px; height:85px; margin:200px auto; background:url('/images/rc-pngs.png') center -2460px;}