@charset "UTF-8";

/* ========================================
	common
======================================== */
#bg1 {
	background: url(../atelier/images/atelier_bg01.jpg) center 0 no-repeat;
}

/* ========================================
	#ttl-area
======================================== */
#ttl-area {
	height: 577px;
}

#ttl {
	margin-top: 35px;
	text-align: center;
}

#copy {
	margin: 28px 0 0 80px;
}

#img {
	position: absolute;
	top: 145px;
	right: 24px;
}

/* ========================================
	#atelier01
======================================== */
#atelier01 {
	position: relative;
	height: 1282px;
	margin-top: -58px;
	padding-top: 60px;
	background: url(../atelier/images/atelier_bg02.jpg) center 0 no-repeat;
	text-align: center;
}

.sttl {
	margin-bottom: 59px;
}

.tool-txt {
	margin-bottom: 15px;
}

#tool {
	margin: 15px auto 0 117px;
}
#tool li {
	float: left;
}

#motif01{
	position: absolute;
	top: 347px;
	left: 0;
}

.motif01-ttl{
	position: absolute;
	top: 0;
	left: 198px;
}

.motif01-txt{
	position: absolute;
	top: 87px;
	left: 198px;
}

.motif01-img01{
	position: absolute;
	top: 1px;
	left: 40px;
}

.motif01-img02{
	position: absolute;
	top: 154px;
	left: 60px;
}

#panorama-ttl{
	position: absolute;
	top: 476px;
	left: 76px;
	text-align: center;
}
#panorama-ttl dt {
	margin-bottom: 11px;
}
#panorama-img{
	position: absolute;
	top: 448px;
	left:190px;
}
#panorama-chara{
	position: absolute;
	top: 605px;
	left:88px;
}

/* ========================================
	#atelier02
======================================== */
#atelier02 {
	height: 459px;
	padding-top: 93px;
	background: url(../atelier/images/atelier_bg03.jpg) center 0 no-repeat;
	text-align: center;
}

.original,
.free {
	position: absolute;
	top: 51px;
	text-align: center;
}

.original {
	left: 76px;
}

.free {
	left: 495px;
}

#atelier02 dt {
	margin-bottom: 12px;
}

#atelier02 dd {
	margin-bottom: 9px;
}

.atelier02-img {
	position: absolute;
	top: -223px;
	right: -102px;
}