/*===================CONTENTS=======================

last-updated: 14:21 2008/5/12 mami;


/*-----------------------------------------------------------
  基本
-----------------------------------------------------------*/
div#step{
	padding: 20px 0 0 0;
	}

div#step div.StepHead{
	display: block;
	margin: 0;
	padding: 0 0 20px 0;
	}

div#step div.EntryBtn{
	display: block;
	margin: 0;
	padding: 10px;
	text-align: center;
	}

div#step div.Supplement{
	display: block;
	margin: 0;
	padding: 5px;
	color: #ff0000;
	font-size: 11px;
	}
	div#step div.SupplementNormal{
		font-size: 12px;
		}

div#step div.Supplement2{
	display: block;
	margin: 0;
	padding: 10px 0;
	color: #000000;
	font-size: 11px;
	line-height: 130%;
	}

div#step div.AreaBox{
	display: block;
	margin: 0;
	padding: 0 0 20px 20px;
	}
	div#step div.AreaBox strong.Big{
		line-height: 120%;
		font-size: 110%;
		color: #ff0000;
		}
	div#step div.AreaBox table.Package th{
		width: 160px;
		margin: 0;
		padding: 0;
		text-align: center;
		}
	div#step div.AreaBox table.Package td.Step{
		width: 140px;
		margin: 0;
		padding: 10px 0;
		border: solid 1px #cccccc;
		}
		div#step div.AreaBox table.Package td.Step img{
			margin: 0 10px 5px 10px;
			}
		div#step div.AreaBox table.Package td.Step p.Text{
			height: 40px;
			margin: 0 10px;
			padding: 0;
			font-size: 12px;
			}
	div#step div.AreaBox div.Box{
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border: solid 1px #cccccc;
		}
		div#step div.AreaBox div.Box td{
			line-height: 150%;
			}

/*-----------------------------------------------------------
  はじめての方へ
-----------------------------------------------------------*/
.AreaSearch{
	position:relative;
	display: block;
	width: 380px;
	height: 103px;
	margin: 0 auto;
	padding: 0;
	background: url(/img/step/AreaSearch.jpg) ;
	}
	.AreaSearch input.TextBox{
		position: absolute;
		display: block;
		width: 110px;
		margin: 0;
		padding: 0;
		top: 51px;
		left: 191px;
		background: none;
		border: none;
		ime-mode: inactive;
		font-size: 18px;
		letter-spacing: 1px;
		}
	.AreaSearch input.Button{
		position: absolute;
		display: block;
		width: 56px;
		height: 30px;
		margin: 0;
		padding: 0;
		top: 48px;
		left: 306px;
		}
.PriceDown{
	display: block;
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	}
	.PriceDown span.Red{
		color: #ff0000;
		}
.PriceDown_sub{
	display: block;
	padding: 0 0 0 50px;
	}
	.PriceDown_sub span.Red{
		color: #ff0000;
		}

.StepFirst_step{
	position:relative;
	display: block;
	width: 680px;
	height: 115px;
	background: url(/img/step/StepFirst_step.jpg) no-repeat;
	}
	.StepFirst_step .StepFirst_stepbox{
		position: absolute;
		display:block;
		width: 110px;
		height: 90px;
		top: 23px;
		}
	.StepFirst_step .fstep1	{left: 22px;}
	.StepFirst_step .fstep2	{left: 153px;}
	.StepFirst_step .fstep3	{left: 285px;}
	.StepFirst_step .fstep4	{left: 416px;}
	.StepFirst_step .fstep5	{left: 547px;}
		.StepFirst_step .StepFirst_stepbox a{
			display:block;
			width: 110px;
			height: 90px;
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}
			.StepFirst_step .fstep1 a:hover	{background: url(/img/step/StepFirst_step.jpg) -22px -138px no-repeat;}
			.StepFirst_step .fstep2 a:hover	{background: url(/img/step/StepFirst_step.jpg) -153px -138px no-repeat;}
			.StepFirst_step .fstep3 a:hover	{background: url(/img/step/StepFirst_step.jpg) -285px -138px no-repeat;}
			.StepFirst_step .fstep4 a:hover	{background: url(/img/step/StepFirst_step.jpg) -416px -138px no-repeat;}
			.StepFirst_step .fstep5 a:hover	{background: url(/img/step/StepFirst_step.jpg) -547px -138px no-repeat;}

h4.first{
	padding: 17px 10px 19px 125px;
	background: url(/img/step/h4_StepFirst.jpg) left center no-repeat !important;
	font-size: 14px;
	}
	h4.first span{
		color: #00a306;
		font-size: 18px;
		}

/*-----------------------------------------------------------
  ご注文方法について
-----------------------------------------------------------*/
.TypeSelect{
	display: block;
	width: 400px;
	margin: 0 auto;
	padding: 20px 0;
	}
	.TypeSelect .Type1{
		display: block;
		float: left;
		width: 180px;
		}
	.TypeSelect .Type2{
		display: block;
		float: right;
		width: 180px;
		}
.TypeSelect2{
	display: block;
	width: 580px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	.TypeSelect2 .Type{
		display: block;
		float: right;
		width: 220px;
		}
.StepType1{
	display: block;
	margin: 0 20px;
	padding: 0 20px 0 10px;
	}
	.StepType1 .Title{
		display: block;
		margin: 0 0 1.5em 0;
		padding: 0;
		width: 610px;
		height: 45px;
		background: url(/img/step/t_StepType1.jpg);
		overflow:hidden;
		text-indent:-10000px;
		color:#FFFFFF;
		}
	.StepType1 h4{
		background: url(/img/step/h4_StepType1.jpg) left center no-repeat !important;
		}
.StepType2{
	display: block;
	margin: 0 20px;
	padding: 0 20px 0 10px;
	}
	.StepType2 .Title{
		display: block;
		margin: 0 0 1.5em 0;
		padding: 0;
		width: 610px;
		height: 45px;
		background: url(/img/step/t_StepType2.jpg);
		overflow:hidden;
		text-indent:-10000px;
		color:#FFFFFF;
		}
	.StepType2 h4{
		background: url(/img/step/h4_StepType2.jpg) left center no-repeat !important;
		}

.StepType1 .Point,
.StepType2 .Point{
	display: block;
	padding: 5px 0;
	}
	.StepType1 .Point span.Strong,
	.StepType2 .Point span.Strong{
		font-weight: bold;
		}
.StepType1 h5,
.StepType2 h5{
	margin: 0 0 5px 0;
	padding: 10px;
	}

.StepType_step{
	position:relative;
	display: block;
	width: 610px;
	height: 90px;
	margin: 0 0 1.5em 0;
	}
	.StepType1 .StepType_step	{background-image: url(/img/step/StepType_step1.jpg);}
	.StepType2 .StepType_step	{background-image: url(/img/step/StepType_step2.jpg);}

	.StepType_step .StepType_stepbox{
		position: absolute;
		display:block;
		width: 94px;
		height: 90px;
		top: 0;
		}
	.StepType_step .tstep1	{left: 0;}
	.StepType_step .tstep2	{left: 103px;}
	.StepType_step .tstep3	{left: 207px;}
	.StepType_step .tstep4	{left: 310px;}
	.StepType_step .tstep5	{left: 413px;}
	.StepType_step .tstep6	{left: 516px;}
		.StepType_step .StepType_stepbox a{
			display:block;
			width: 94px;
			height: 90px;
			overflow:hidden;
			text-indent:-10000px;
			color:#FFFFFF;
			}
		.StepType1 .StepType_step a:hover	{background-image: url(/img/step/StepType_step1.jpg);}
		.StepType2 .StepType_step a:hover	{background-image: url(/img/step/StepType_step2.jpg);}

			.StepType_step .tstep1 a:hover	{background-position: 0 -90px;}
			.StepType_step .tstep2 a:hover	{background-position: -103px -90px;}
			.StepType_step .tstep3 a:hover	{background-position: -207px -90px;}
			.StepType_step .tstep4 a:hover	{background-position: -310px -90px;}
			.StepType_step .tstep5 a:hover	{background-position: -413px -90px;}
			.StepType_step .tstep6 a:hover	{background-position: -516px -90px;}