/* -----all-----*/

body{
	margin:0;
	padding:0;
	background:url(img/bg.gif) repeat;
	font-size:12px;
}
	
#wrapper{
	width:710px;
	margin:0;
	padding:0;
	background:url(img/bg_01.gif) repeat-y;
}

#content{
	width:700px;
	margin-right:10px;
	text-align:center;
}
	
.box01{
	width:580px;
	text-align:center;
	margin:10px auto;
}

#pagelink{
	width:700px;
	font-size:12px;
	text-align: center;
	margin:20px 0px;
}

#copyright{
	width:700px;
	background-color:#CCCCCC;
	font-size:10px;
	text-align: right;
	color:#666666;
	height: 15px;
}

#caution{
	width:700px;
	background-color:#CCCCCC;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	height:20px;
}

#footer{
	width:710px;
	margin:0;
	padding:0;
	background:url(img/bg_02.gif) no-repeat;
}
	




/* -----top-----*/

#bnr{
	width:600px;
	text-align:center;
	margin:10px auto;
}

.ph01{margin-top:10px;}

.ph02{margin:5px;}

.ph03{text-align:left;}

.ph04{margin:8px 0px;}

.ph05{margin:10px 12px 0px 12px;}

.ph06{margin-right:20px;}

.point01{background:url(img/top_bg.gif) repeat-y;}

.point02{
	width:530px;
	text-align:left;
	margin:10px auto;
}






/* -----feature-----*/

.cell01{
	background-color:#CC9933;
	color:#FFFFFF;
	text-align:center;
}

.cell02{
	background-color:#E0C88D;
	color:#996600;
	text-align:center;
}

.cell03{
	background-color:#CC9933;
	color:#FFFFFF;
	text-align:center;
}

.ph07{margin-top:5px;}



/* -----plan-----*/

#plan01{
	width:580px;
	border:solid 10px #E4E4E4;
}

#plan01 img{margin:15px;}

.plan02{
	width:530px;
	text-align:left;
	padding:5px 10px 0px 0px;
}

#fig01{
	width:250px;
	float:left;
}

#fig02{
	width:250px;
	background-color:#999999;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

#fig03{
	width:250px;
	background-color:#CCCCCC;
	text-align:right;
}

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

#after01{
	width:450px;
	height:230px;
	margin:10px auto;
}