@charset "UTF-8";

/*---
	##############
	main contents header
	##############
---*/
#div_main_header{
	width : 691px;
	height : 219px;
	background-image: url(../images/reverge_process/index_top.png);
	background-repeat: no-repeat;
}

#div_main_header h2{
	margin : 0 0 0 20px;
	padding : 20px 0 0 30px;
	height : 33px;
	background-image: url(../images/h2_mark2.png);
	background-position: 0 20px;
	background-repeat: no-repeat;
	font-size : 22px;
	font-weight : normal;
}

.div_main_content{
	margin : 80px 0 0 0;
	padding : 0;
	width : 691px;
}

.div_main_content_bg{
	background-image: url(../images/reverge_process/rp_index_bg1.png);
	background-position: left 0;
	background-repeat: no-repeat;
}

.div_main_content_inner{
	margin : 0;
	padding : 6px 0 0 60px;
	width : 720px;
}

.div_main_content_inner h3{
	padding : 0 0 0 42px;
	height : 50px;
	background-image: url(../images/h3_mark1.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	font-size : 20px;
	font-weight : normal;
}

#div_main_content1{
	margin : 30px 0 0 0 !important;
	height : 243px;
}

#div_main_content1_inner{}

.div_main_content1_title{
	margin : 0;
	padding : 0;
	color : rgb(0, 179, 255);
	font-size : 22px;
	line-height : 1.8;
}

.div_main_content1_desc{
	margin : 0;
	padding : 10px 0 0 0;
	font-size : 12px;
	line-height : 2.0;
}

#div_main_content2{
}

#div_main_content2_inner{
	margin: 0 0 0 0;
	padding: 0px 0px 0px 20px;
}

#div_main_content2_inner #rp_index_box{
	margin: 0px;
	padding: 0px 0px 0px 40px;
}

#div_main_content2_inner .rp_index_ul_box{
	float: left;
	width: 230px;
	margin : 20px 10px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style: none;
}

#div_main_content2_inner .rp_index_ul_box h4,
#div_main_content2_inner .rp_index_ul_box_end h4 {
	font-weight: bold;
	font-size: 1.2em;
	color : rgb(0, 179, 255);
}

#div_main_content2_inner .rp_index_ul_box_end{
	float: left;
	width: 190px;
	margin : 20px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style: none;
}

#div_main_content2_inner ul{
	list-style: none;
}

#div_main_content2_inner ul li{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#div_main_content2_inner ul li a{
	color: #0000CC;
}

.content2_title{
	margin : 0 0 50px 0;
	padding : 0 0 0 50px;
	width : 270px;
	font-size : 18px;
	line-height : 1.8;
	float : left;
	clear : both;
}

.content2_desc{
	margin : 0 0 50px 0;
	width : 300px;
	font-size : 12px;
	line-height : 2.0;
	float : left;
}

#content2_cross{
	background-image: url(../images/reverge_process/rp_index_icon_1.png);
	background-repeat: no-repeat;
}

#content2_stop{
	background-image: url(../images/reverge_process/rp_index_icon_2.png);
	background-repeat: no-repeat;
}

#content2_fact{
	background-image: url(../images/reverge_process/rp_index_icon_3.png);
	background-repeat: no-repeat;
}

#content2_gear{
	background-image: url(../images/reverge_process/rp_index_icon_4.png);
	background-repeat: no-repeat;
}

#content2_bar{
	background-image: url(../images/reverge_process/rp_index_icon_5.png);
	background-repeat: no-repeat;
	background-position: 0 4px;;
}

#footer_rp{
	background-position : 0 -46px !important;
}

#footer_rp li{
	background-image: url(../images/menu_mark2.png) !important;
}

#footer_rp a{
	color : white !important;
}

.index_img1 {
	width:700px;
	height:1210px;
	margin:0 auto;
}

.index_img2 {
	width:700px;
	height:400px;
	margin:0 auto;
}



/*---
	##############
	Responsive
	##############
---*/
@media screen and (max-width:980px) {
	/*---
		##############
		main contents header
		##############
	---*/
	#div_main_header{
		margin:0 auto;
		max-width : 691px;
		width:100%;
		background-image: url(../images/responsive_top.png);
		min-height:57px;
		height:auto;
	}
	#div_main_header h2{height:auto;}
	.div_main_content{
		margin:80px auto;
		max-width : 691px;
		width:100%;
	}
	
	.div_main_content_bg{background-repeat: repeat-y;}

	.div_main_content_inner{max-width: 720px; width:auto;}
	
	#div_main_content1{
		margin: 30px auto 0 auto !important;
		height : auto;
	}
	#div_main_content2_inner .rp_index_ul_box{
		max-width: 230px;
		width:auto;
	}
		
	#div_main_content2_inner .rp_index_ul_box_end{
		max-width: 190px;
		width:auto;
	}

	.index_img1 {
		max-width:700px;
		width:100%;
		height:auto;
	}
	
	.index_img2 {
		max-width:700px;
		width:100%;
		height:auto;
	}






}