@charset "UTF-8";
/* CSS Document */

h2#websiteTitle {
	background:	transparent url(/themes/appleple/images/entryHeadBg.gif) repeat-x scroll left top;
	padding: 30px 0 20px 0;
}

#main h3.whyH3 {
	margin: 30px 0;
}
#main .websiteImg {
	margin: 20px 0;
}

#main p {
	margin: 20px 0;
}

#main strong {
	font-size: 1.3em;
	font-weight: bold;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#main strong.red {
	font-size: 1.0em;
	font-weight: bold;
	color: #C40E32;
}

/*　制作の流れ　*/
#flow {
	margin: 20px 0 50px 0;
	width: 560px;
	height: 960px;
	position: relative;
	background: url(img/how/bg.gif) repeat-y scroll center top;
}

p#clientImg {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	z-index: 1;
}

p#applepleImg {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	z-index: 1;
}

#flow dl {
	width: 312px;
}

#flow dt {
	display: none;
}

#flow dd.text {
	margin: 50px 20px 0 85px;
}

dl#flow1 dd.text {
	height: 90px;
}

dl#flow2 dd.text,
dl#flow3 dd.text,
dl#flow4 dd.text {
	height: 70px;
}

#flow dd.arrow {
	margin: 0;
}

dl#flow1 {
	position: absolute;
	background: url(img/how/flow1.gif) no-repeat left top;
	left: 9px;
	top: 102px;
	z-index: 1;
	height: 192px;
}

dl#flow2 {
	position: absolute;
	background: url(img/how/flow2.gif) no-repeat left top;
	left: 110px;
	top: 305px;
	z-index: 1;
	height: 172px;
}

dl#flow3 {
	position: absolute;
	background: url(img/how/flow3.gif) no-repeat left top;
	right: 20px;
	top: 490px;
	z-index: 1;
	height: 172px;
}

dl#flow4 {
	position: absolute;
	background: url(img/how/flow4.gif) no-repeat left top;
	left: 110px;
	top: 675px;
	z-index: 1;
	height: 172px;
}

dl#flow5 {
	position: absolute;
	background: url(img/how/flow5.gif) no-repeat left top;
	left: 9px;
	bottom: -37px;
	z-index: 1;
	height: 140px;
}

p#flowImg1 {
	position: absolute;
	z-index: 2;
	right: 22px;
	top: 155px;
	margin: 0;
}

p#flowImg2 {
	position: absolute;
	z-index: 2;
	left: 13px;
	top: 512px;
	margin: 0;
}

p#flowImg3 {
	position: absolute;
	z-index: 2;
	right: 21px;
	top: 767px;
	margin: 0;
}



/*　ページ送りの設定　*/
.websiteNavi {
	margin: 20px 0;
	width: 560px;
}

#naviBack {
	float: left;
}

#naviNext {
	float: right;
}