@charset "utf-8";

/*コンテンツ大枠*/
/*930px*/
.sub_con2{
	font-size: 1.2em;
	line-height:1.4em;
}



/*ポイント部分*/
.sub_b01_con{
	position: relative;
	overflow:hidden;
}
.sub_b01_con_a{
	margin-top:25px;
}


/*画像*/
.sub_b01_b1{
	position: absolute;
    top: 0;
    left: 0;
	
}
/*下のボックス*/
.sub_b01_b2{
	background:url(sec01_bg1.png) repeat #e0eddf;
	width:900px;
	margin:55px 0 60px 20px;
	padding:20px;
	box-sizing:border-box;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	-webkit-box-shadow: 3px 3px 7px #ccc;
	-moz-box-shadow: 3px 3px 7px #ccc;
	box-shadow: 3px 3px 7px #ccc;
	overflow:hidden
}

/*チェックの方*/
.sub_b01_b2_le{
	width:400px;
	float:left;
	font-size:1.1em;
	line-height:1.6em;
}

.sub_b01_b2_le ul{
	list-style-type:none;
	margin:8px 0 0 5px;
}
.sub_b01_b2_le li{
	background:url(sec01_3.png) no-repeat;
	padding-left:25px;
}

./*白い方*/sub_b01_b2_ri{
	float:left;
	width:450px;
	background-color:#FFF;
	padding:15px;
	box-sizing:border-box;
}


/*3カラム*/
.sub_b02_con{
	overflow:hidden;
}
/*310*/
.sub_b02_box{
	width:280px;
	float:left;
	margin:0 15px;
	position: relative;
	overflow:hidden;
}

/*画像*/
.sub_b02_box_p{
	position: absolute;
    top: 0;
    left: 0;
	
}
/*下のボックス*/
.sub_b02_cel{
	background:url(sec01_bg1.png) repeat #e0eddf;
	margin-top:55px;
	padding:20px;
	box-sizing:border-box;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	-webkit-box-shadow: 3px 3px 7px #ccc;
	-moz-box-shadow: 3px 3px 7px #ccc;
	box-shadow: 3px 3px 7px #ccc;
	overflow:hidden
}

/*流れ*/
.sub_b03_0{
	height:35px;
}
.sub_b03_con{
	background:url(step_bg1.png) repeat-y;
}
.sub_b03_box{
	overflow:hidden;
	margin-bottom:30px;
}
.sub_b03_box_last{
	margin-bottom:0;
}
.sub_b03_cel_le{
	float:left;
	width:170px;
}
.sub_b03_cel_ri{
	float:left;
	width:760px;
	padding-top:15px;
}