@import url("../common/common.css");

/*------------------------------------------------------------------------------
見出し・テキスト
------------------------------------------------------------------------------*/
h1 {
	margin:0 0 20px;
}

p.head {
	margin:0 0 15px;
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
}

/*------------------------------------------------------------------------------
背景
------------------------------------------------------------------------------*/
div#box {
	padding:30px 60px 0 50px;
	width:590px;
	height:1470px;
	background:#fff url(img/background.jpg) no-repeat;
}

div.title2 {
	margin:0 0 15px;
}

div.step1,
div.step2,
div.step3,
div.step4,
div.step5,
div.finish {
	margin:0 0 20px;
	width:285px;
}

div.step1,
div.step2 {
	margin:0;
}

div.step1,
div.step3,
div.step5 {
	float:left;
}

div.step2,
div.step4,
div.finish {
	margin-top:10px;
	float:right;
}

div.step1,
div.step2 {
	margin-bottom:210px;
}

div.step1 {
	background: url(img/arrow_1.gif) no-repeat 100% 70%;
}

div.step3 {
	background: url(img/arrow_2.gif) no-repeat 100% 100%;
}

div.step5 {
	background: url(img/arrow_3.gif) no-repeat 100% 70%;
}

div.step1 h2,
div.step2 h2,
div.step3 h2,
div.step4 h2,
div.step5 h2,
div.finish h2 {
	margin:0 0 10px;
	padding:5px 0 10px;
	border-bottom:1px #8B6948 dashed;
	width:180px;
	_height:50px;
	min-height:50px;
	color:#8B6948;
	font-size:12px;
	line-height:15px;
	letter-spacing:1px;
	font-weight:normal;
}

div.step1 h2,
div.step3 h2,
div.step5 h2,
div.finish h2 {
	padding-left:100px;
}

div.step2 h2,
div.step4 h2 {
	padding-right:100px;
}

div.step1 h2 {
	background: url(img/step_1.gif) no-repeat 0 0;
}

div.step2 h2 {
	background: url(img/step_2.gif) no-repeat 100% 0;
}

div.step3 h2 {
	background: url(img/step_3.gif) no-repeat 0 0;
}

div.step4 h2 {
	background: url(img/step_4.gif) no-repeat 100% 0;
}

div.step5 h2 {
	background: url(img/step_5.gif) no-repeat 0 0;
}

div.finish h2 {
	background: url(img/step_finish.gif) no-repeat 0 50%;
}

div.step1 p,
div.step2 p,
div.step3 p,
div.step4 p,
div.step5 p,
div.finish p {
	width:100px;
	line-height:18px;
	text-justify:inter-ideograph;
	text-align:justify;
}

div.step1 p,
div.step2 p,
div.step5 p,
div.finish p {
	padding-right:180px;
}

div.step4 p {
	padding-left:180px;
}

div.step3 p {
	padding-left:130px;
}

div.step1 p {
	padding-right:130px;
	height:154px;
	background: url(img/image_1.gif) no-repeat 100% 0;
}

div.step2 p {
	padding-right:130px;
	width:150px;
	height:154px;
	background: url(img/image_2.gif) no-repeat 100% 0;
}

div.step3 p {
	height:154px;
	background: url(img/image_3.gif) no-repeat 0 0;
}

div.step4 p {
	height:165px;
	background: url(img/image_4.gif) no-repeat 0 0;
}

div.step5 p {
	padding-right:120px;
	height:150px;
	background: url(img/image_5.gif) no-repeat 100% 0;
}

div.finish p {
	padding-right:180px;
	width:100px;
	height:218px;
	background: url(img/image_6.gif) no-repeat 100% 0;
}

div.cimage {
	margin:0 auto;
	width:245px;
	text-align:center;
}

/*------------------------------------------------------------------------------
Wedding Cake Collection
------------------------------------------------------------------------------*/
h2.wcc {
	padding:5px 0 0 310px;
	width:280px;
	height:48px;
	background:transparent url(img/wcc.gif) no-repeat;
	font-weight:normal;
}

div.backimage {
	width:590px;
	background:transparent url(img/image.jpg) no-repeat 50% 140px;
}

div.images {
	margin:0 auto;
	width:576px;
	text-align:center;
}

div.images a {
	display:block;
	width:96px;
	height:110px;
	float:left;
	background:transparent url(img/click_btn.gif) no-repeat 55px 100%;
}

div.images a img {
	padding:5px;
	_padding:4px;
	_border:1px #fff solid;
}

div.images a:hover img {
	padding:4px;
	border:1px #e83645 solid;
	background-color:#fff;
}

.link3 {
	width:240px;
	margin:20px auto 0;
}

.link3 a {
	display:block;
	width:240px;
	height:25px;
	background: url("../common/img/btn3.gif") no-repeat;
	text-indent:-5000px;
	outline:0;
}

.link3 a:hover {
	background-position:0 -25px;
}