/*---------------------------------------------------------- 
layout
----------------------------------------------------------*/
div#main{
	text-align:left;
	width:800px;
	font-size:12px;
	line-height:20px;
}

div#header_c {
	width:800px;
	height: 187px;
	clear:both;
	background:url(../img/header-bg.gif) bottom no-repeat;
}

div#contents{
	width:800px;
	clear:both;
	background:url(../img/contents-bg.gif) no-repeat top left #fff;
	padding-top: 0;
	margin: 0;
}

div#footer_c {
	width:800px;
	clear:both;
	background:url(../img/footer-bg.jpg) no-repeat;
	height:154px;
}


/*---------------------------------------------------------- 
header
----------------------------------------------------------*/
div#header_c h2 {
	float:left;
	margin: 0;
	padding: 0;
}

div#header_c h1 {
	float:right;
	margin: 0;
	padding: 0;
}

div#header_c p {
	clear:both;
	height: 24px;
	line-height:18px;
	font-size:14px;
	padding:5px 34px;
}



/*---------------------------------------------------------- 
contents1
----------------------------------------------------------*/


div#contents #contents1{
	width:800px;
	clear:both;
}

div#contents #contents1 ol{
	list-style:none;
	display:block;
}

div#contents #contents1 ol li.box{
	width:195px;
	float:left;
	padding-bottom:10px;
	padding-top: 0;
}

div#contents #contents1 ol li.box img{
	margin-bottom: 20px;
}

div#contents #contents1 ol li.box ul{
	clear:both;
	list-style:url(../img/arrow.gif);
	padding-left:40px;
}

div#contents #contents1 ol li.box ul li{
	padding:0 0 5px 0;
}

/*---------------------------------------------------------- 
contents2
----------------------------------------------------------*/
div#contents #contents2{
	width:800px;
	clear:both;
	padding-bottom:30px;
	background:url(../img/contens2-bg.gif) repeat-y;
}

div#contents #contents2 #check1{
	width:800px;
	height:149px;
	clear:both;
	background:url(../img/check1-bg.gif) right top no-repeat;
}

div#contents #contents2 #check1 h3{
	float:left;
}

div#contents #contents2 #check1 p{
	font-size:12px;
	line-height:22px;
	padding:30px 30px 0 0;
}

div#contents #contents2 #check2{
	width:800px;
	height:149px;
	clear:both;
	background:url(../img/check2-bg.gif) right top no-repeat;
	margin-bottom:30px;
}

div#contents #contents2 #check2 h3{
	float:left;
}

div#contents #contents2 #check2 p{
	font-size:12px;
	line-height:22px;
	padding:40px 30px 0 0;
}

div#contents #contents2 #flow{
	width:800px;
	clear:both;
	background:url(../img/flow-bg.gif) bottom no-repeat;
	height:225px;
	color:#FFFFFF;
}

div#contents #contents2 #flow h3{
	clear:both;
}

div#contents #contents2 #flow ul{
	clear:both;
	list-style:none;
	padding:50px 0 0 40px;
}

div#contents #contents2 #flow li{
	float:left;
	display:block;
	width:190px;
}

div#contents #contents2 #flow li p{
	padding-right:40px;
}

/*---------------------------------------------------------- 
footer
----------------------------------------------------------*/
div#footer_c p{
	padding:50px 0 0 355px;
}

/*---------------------------------------------------------- 
common
----------------------------------------------------------*/
.fleft{float:left;}
.fright{float:right;}
.cb{clear:both;}

/*---------------------------------------------------------- 
clearfix
----------------------------------------------------------*/
.clearfix:after{
	content:",";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}

.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */