/* -----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-----*/

.ph01{margin-top:10px;}

.ph02{margin:8px;}

.ph03{text-align:left;}

.ph04{
	border:#D6D6D6 solid 5px;
	margin:5px;
}

.ph05{margin:18px 0px;}

.ph06{
	border:#E6E6E6 solid 5px;
	margin:5px 0px 0px 5px;
}

.point01{
	width:600px;
	text-align:center;
	margin:10px auto;
}

.point02{
	width:440px;
	text-align:left;
	margin:5px 0px 5px 20px;
}

.linkplan01{
	width:130px;
	background-color:#6E68CB;
	float:left;
}

.linkplan02{
	width:440px;
	border-right:solid 10px #6E68CB;
	float:right;
}



/* -----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;
}