@charset "UTF-8";
/* CSS Document */

#mainContent  {
	float: left;
	width: 670px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;
} 
.contents_center  {
	width: 640px;
	margin-left: 15px;
}
.contents_center .top_tittle    {
	margin-top: 10px;
}
.contents_center .box01 {
	background-image: url(../images/line_y.gif);
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 30px;
	margin-top: 20px;
}

.contents_center .box01 .img01  {
	margin-top: 20px;
	margin-left: 50px;
	float: left;
	margin-bottom: 80px;
}

.contents_center .box01 .img02 {
	margin-top: 20px;
	margin-left: 50px;
	float: left;
	margin-bottom: 120px;
}
.contents_center .box01 .text01  {
	float: left;
	margin-top: 30px;
	width: 324px;
	margin-left: 20px;
}
.contents_center .box01 .box_box .text02 {
	float: left;
	margin-top: 16px;
	width: 340px;
	margin-left: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #6ac5d3;
	padding-bottom: 4px;
}
contents_center .box01 ul {
	clear: both;
}
.box01 ul {
	width: 340px;
	float: left;
	margin-left: 60px;
}
.next {
	margin-left: 200px;
	margin-bottom: 20px;
	clear: both;
	float: left;
	margin-top: 20px;
}
.contents_center .underline  {
	width: 640px;
	height: 10px;
	background-image: url(../images/line_x.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
	background-position: center;
	clear: both;
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}