@charset "Shift_JIS";

/*====================================================

FileName:top.css

====================================================== */

@import "base.css";

/* ------------------------------
縲€BASE
------------------------------ */

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
}

#box_bace{
	text-align:center;
	padding:0;
	margin:0 auto;
	width:960px;
	}


/* ------------------------------
縲€HEADER
------------------------------ */
#header {
	background:#fff;
	overflow:hidden;
	padding:10px 0 5px 0;
	border-bottom:#999 solid 1px;
	margin-bottom:10px;
	}
#header h1 {
	float:left;
	width:80px;
	height:27px;
	}
#header ul {
	margin:0;
	padding:0;
	}
#header li {
	float:right;
	list-style:none;
	margin-left:20px;
	margin-top: 9px;
	}




/* ------------------------------
縲€FOOTER
------------------------------ */

#footer {
	width:960px;
	border-top:#999 solid 1px;
	margin-top:20px;
	padding-top:5px;
	height:20px;
	}



/* ------------------------------
縲€CONTAINER
------------------------------ */


#container{
	margin:0 auto;
	width:960px;
}





#container_top{
	text-align:left;
	}

#container_top h2{
	float:left;
	padding-top:15px;
	padding:10px;
	
	}
	
#container_top p img{
	float:right;
	padding:10px;
	}


#nav{
	width:960px;
	margin-bottom:25px;
	}

#nav ul li{
	float:left;
	}



/* MAIN ---------------------- */


#main{
	text-align:left;
	width:685px;
	float:right;
	margin-left:25px;
	margin-bottom:20px;
	}
	

#main h3.bg_step1{
	background-color:#00ae80;
	padding:10px;
	margin-bottom:10px;
	}
	
#main h3.bg_step2{
	background-color:#0f9190;
	padding:10px;
	margin-bottom:10px;
	}
#main h3.bg_step3{
	background-color:#fed64d;
	padding:10px;
	margin-bottom:10px;
	}
	

	
#main h4.c_step1{
	color:#00ae80;
	font-size:20px;
	font-weight:normal;
	padding-top:25px;
	padding-left:10px;
	padding-bottom:18px;
	}
	
#main h4.c_step2{
	color:#0f9190;
	font-size:20px;
	font-weight:normal;
	padding-top:25px;
	padding-left:10px;
	padding-bottom:18px;
	}
	
	
#main .contArea{
	margin-bottom:20px;
	}

#main .contArea .imgBox-r{
	float:right;
	margin-left: 20px;
	}
	
	
#main .contArea .imgBox-l{
	float:left;
	}


#main .contArea .txtBlock{
	line-height:200%;
	padding-left:10px;
	text-align:justify;
	text-justify:distribute;
}


#main .contArea .txtBlock2-1{
	float:right;
	width:330px;
	line-height:200%;
	padding-top:5px;
	padding-right:15px;
	padding-left:10px;
	text-align:justify;
	text-justify:distribute;
}

#main .contArea .txtBlock3-1{
	float:right;
	width:300px;
	line-height:200%;
	padding-top:5px;
	padding-right:15px;
	padding-left:10px;
	text-align:justify;
	text-justify:distribute;
}



#main .contArea .txtBlock2 .red{
	color:#fe664d;
	}


#main .contArea .imgBox_c{
	clear:both;
	text-align:center;
	margin:0 auto;
	}


#main .contArea .clearfix{
	margin-bottom:20px;}
	
#main .contArea .sabetuka03{
	position:relative;
	height:390px;
	}

#main .contArea .sabetuka03 .p-left{
	position:absolute;
	bottom:0;
	left:12px;
	}
	
#main .contArea .sabetuka03 .p-right{
	position:absolute;
	bottom:0;
	right:7px;
	}
	
	
	
	
/* SIDE ---------------------- */

#side{
	width:245px;
	float:left;
	text-align:center;
	}


/*stepBlock*/
#side .stepBlock{
	padding:5px 0;
	background:#f7f5ea;
	margin-bottom:25px;
}

#side .stepBlock ul{
	margin-bottom:10px;
}


#side ul.bnrBlock li{
	padding-bottom:18px;
}



/*bnrBlock*/


#side .bnrBlock{
	margin-top:15px;}