/* CSS Document */

/*セクションの設定*/
div.section {
	width: 100%;
	max-width: 1050px;
	height: 600px;
	position: relative;
	margin: 0 auto;
}
/*レイヤーの設定*/
div.layer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/*背景画像の設定*/
/*0*/
#section0 {
	background: url(../img/firstBG.jpg) no-repeat 0px 0px;
}
#section0 .layer1 {
	background: url(../img/feather1.png) no-repeat 0px 0px;
}
#section0 .layer2 {
	background: url(../img/feather2.png) no-repeat 0px 0px;
}

/*1*/
#section1 {
	background: url(../img/secondBG.jpg) no-repeat -200px 0px;
}
#section1 .layer1 {
	background: url(../img/wed_concept_photo3.png) no-repeat 20px 120px;
}
#section1 .layer2 {
	background: url(../img/wed_concept_photo1.png) no-repeat 20px 120px;
}
#section1 .layer3 {
	background: url(../img/wed_concept_photo2.png) no-repeat 20px 120px;
}

/*2*/
#section2 {
	background: url(../img/thirdBG.jpg) no-repeat 0px 0px;
}
#section2 .layer1 {
	background: url(../img/silver1.png) no-repeat 580px 150px;
}
#section2 .layer2 {
	background: url(../img/silver2.png) no-repeat 570px 150px;
}

/*各セクション内のレイアウト等*/
/*0*/

ul#topNav {
	position: absolute;
	left: 4%;
	top: 450px;
}
ul#topNav li {
	display: inline;
	margin-right: 2px;
}
#section0 h2 {
	position: absolute;
	left: 4%;
	top: 160px;
}
#section0 p {
	position: absolute;
	left: 4%;
	top: 240px;
	font-size: 108%;
	width: 450px;
	line-height: 2;
}
/*1*/
#section1 h2 {
	position: absolute;
	left: 4%;
	top: 160px;
}
#section1 p {
	position: absolute;
	left: 4%;
	top: 240px;
	font-size: 108%;
	width: 450px;
	line-height: 2;
}

/*2*/
#section2 h2 {
	position: absolute;
	left: 4%;
	top: 160px;
}
#section2 p {
	position: absolute;
	left: 4%;
	top: 250px;
	font-size: 108%;
	width: 450px;
	line-height: 2;
}

/*ナビゲーション*/
ul#nav {
	position: fixed;
	left: 20px;
	top: 120px;
	padding: 8px 15px 0px 15px;
}
ul#nav li {
	display: inline;
	margin: 0 10px;
}
ul#nav li a {
	opacity: 0.6;
}
ul#nav li a:hover {
	opacity: 1;
}