@charset "Shift_JIS";

/*	mainarea
---------------------------------------*/
.mainarea {
	position: relative;
	width: 740px;
	height: 260px;
}
.mainarea .title {
	position: absolute;
	top: 37px;
	left: 40px;
}
.mainarea .text {
	position: absolute;
	top: 112px;
	left: 38px;
}


/*	q1
---------------------------------------*/
.q1 {
	position: relative;
	width: 740px;
	height: 507px;
}
.q1 .stitle {
	position: absolute;
	top: 0;
	left: 40px;
}
.q1 .img {
	position: absolute;
	top: 58px;
	left: 40px;
}
.q1 .caption {
	position: absolute;
	top: 432px;
	left: 317px;
}


/*	q2
---------------------------------------*/
.q2 {
	position: relative;
	width: 740px;
	height: 506px;
}
.q2 .stitle {
	position: absolute;
	top: -2px;
	left: 200px;
}
.q2 .img {
	position: absolute;
	top: 1px;
	left: 40px;
}
.q2 .caption {
	position: absolute;
	top: 431px;
	left: 343px;
}


/*	q3
---------------------------------------*/
.q3 {
	position: relative;
	width: 740px;
	height: 499px;
}
.q3 .stitle {
	position: absolute;
	top: 0;
	left: 40px;
}
.q3 .img {
	position: absolute;
	top: 0;
	left: 40px;
}
.q3 .caption {
	position: absolute;
	top: 432px;
	left: 417px;
}


/*	q4
---------------------------------------*/
.q4 {
	position: relative;
	width: 740px;
	height: 533px;
}
.q4 .stitle {
	position: absolute;
	top: 0;
	left: 191px;
}
.q4 .img {
	position: absolute;
	top: 0;
	left: 40px;
}
.q4 .caption {
	position: absolute;
	top: 441px;
	left: 427px;
}


/*	history
---------------------------------------*/
.history {
	position: relative;
	width: 740px;
	height: 619px;
	background: url(../img/invitation/history_bg.jpg) top center no-repeat;
}
.history .stitle {
	position: absolute;
	top: 33px;
	left: 72px;
}
.history .text {
	position: absolute;
	top: 83px;
	left: 72px;
}
.history .img {
	position: absolute;
	top: 230px;
	left: 40px;
}