@charset "Shift_JIS";


h2{
	width:600px;
	margin:0 0 0 30px;
}
div#container{
	text-align:left;
}
div#content{
	width:680px;
	margin:0 0 0 49px;
	text-align:left;
}

/*	冒頭文
===================================================================*/

div#headcopy {
	width:650px;
	margin:15px 0 0 30px;
}

div#headcopy p.text{
	width:420px;
	margin:0 10px 0 0;
	padding-top:40px;
	float:left;
}

div#headcopy p.img{
	width:175px;
	height:190px;
	padding:0 0 20px 0;
	float:right;

}

/*	曲の作り方
===================================================================*/


div#make {
	width:620px;
	height:153px;
	margin:15px 0 0 30px;
	background:url(../img/make_back.gif) no-repeat;
	clear:both;
}

div#make p.text{
	width:441px;
	padding-top:15px;
	float:left;
}

div#make p.text img{
	margin-left:130px;
}

div#make p.img{
	padding-top:10px;
	margin-left:460px;
}


/*	流れ
===================================================================*/

#flow{
	padding:25px 0;
}

.arrow{
	padding-top:5px;
	clear:both;
	text-align:center;
}

.flow01{
	width:680px;
	height:233px;
	background:url(../img/flow01_back.gif) no-repeat 5px 18px;
}
.flow01 p.text{
	padding:140px 0 0 50px;
	float:left;
}
.flow01 p.img{
	float:right;
}

.flow02{
	width:680px;
	height:233px;
	margin-top:-20px;
	background:url(../img/flow02_back.gif) no-repeat 5px 18px;
}
.flow02 p.text{
	padding:140px 0 0 50px;
	float:left;
}
.flow02 p.img{
	float:right;
}

.flow03{
	width:680px;
	height:386px;
	margin-top:-20px;
	background:url(../img/flow03_back.gif) no-repeat 5px 18px;
}
.flow03 p.text{
	padding:150px 0 0 50px;
	float:left;
}
.flow03 p.img{
	padding:55px 60px 0 0;
	float:right;
}

.flow04{
	width:680px;
	height:360px;
	margin-top:-20px;
	background:url(../img/flow04_back.gif) no-repeat 5px 18px;
}
.flow04 p.text{
	padding:130px 0 0 50px;
	float:left;
}
.flow04 p.img{
	padding:0 0 0 0;
	float:right;
}


.flow05{
	width:680px;
	height:328px;
	background:url(../img/flow05_back.gif) no-repeat 5px 0px;
}
.flow05 p.text{
	width:280px;
	padding:0 0 0 50px;
	float:left;
}

.flow05 p.text{
	margin-top:160px;
}

div#flashcontentArea{
	margin:0 0 0 340px;
	padding-top:50px;
	width:282px;
}

div#flashcontent{
	width:282px;
}




.flow06{
	width:680px;
	margin-top:30px;
	height:215px;
	background:url(../img/flow06_back.gif) no-repeat 20px 0;
}
.flow06 p.text{
	width:450px;
	padding:48px 0 0 0;
	float:left;
}

.flow06 p.text img{
	margin-left:50px;
}
.flow06 p.img{
	padding:0 60px 0 0;
	float:right;
}

#memo{
	width:650px;
	padding:30px 0 0 0;
	text-align:center;
	clear:both;
}