@charset "utf-8";

#leftColumn{
	float: left;
	width: 530px;
	padding: 105px 0 105px 120px;
}

#index{
	width: 310px;
}

#index div.English{
	width: 175px;
	float: left;
}

#index div.Japanese{
	width: 130px;
	float: right;
	margin-top: 6px;
}

#check p{
	font-size: 12px;
	line-height: 14px;
	margin: 12px 0 22px 0;
}

#workflow{
	width: 530px;
	height: 130px;
}

#workflow div.flowIcon{
	width: 120px;
	float: left;
}

#workflow div.flowIcon img{
	display: block;
}

#workflow div.flowIcon img.checkIcon{
	margin: 5px 0 0 30px;
	display: block;
}

#workflow div.flowText{
	width: 410px;
	float: right;
	border-top: 2px dotted #ccc;
}

#workflow div.flowText h2{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	border-bottom: 2px dotted #ccc;
	margin: 12px 0 12px 0;
	padding-bottom: 12px;
}

#workflow div.flowText p{
	font-size: 14px;
	line-height: 20px;
}

#workflow div.flowText a{
	color: #000;
}

#workflow div.flowText a:hover{
	color: blue;
	border-bottom: 1px solid blue;
}

#rightColumn{
	float: right;
	width: 400px;
	padding: 105px 0 105px 0;
}

#leftChildren{
	width: 300px;
	float: left;
}

#priceIndex{
	width: 160px;
}

#priceIndex div.English{
	width: 90px;
	float: left;
}

#priceIndex div.Japanese{
	width: 50px;
	float: right;
	margin-top: 6px;
}

#rightChildren{
	width: 300px;
	float: right;
}

#periodIndex{
	width: 180px;
}

#periodIndex div.English{
	width: 115px;
	float: left;
}

#periodIndex div.Japanese{
	width: 50px;
	float: right;
	margin-top: 6px;
}

#priceText{
	width: 250px;
	height: 128px;
	border-top: 2px dotted #ccc;

}

#priceText h2{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	border-bottom: 2px dotted #ccc;
	margin: 12px 0 12px 0;
	padding-bottom: 12px;
}

#priceText p{
	font-size: 14px;
	line-height: 20px;
}

#periodText{
	width: 250px;
	height: 128px;
	border-top: 2px dotted #ccc;

}

#periodText p{
	font-size: 16px;
	line-height: 18px;
	margin: 12px 0 12px 0;
	padding-top: 45px;
	font-weight: bold;
	text-align: center;
}