@charset "UTF-8";

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

.div_main_content_bg {
	background-image: url(../images/merit/rp_index_bg1.png);
	background-position: left 0;
	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_content1_title {
	margin: 0;
	padding: 0;
	color: #00B3FF;
	font-size: 22px;
	line-height: 1.8;
}

.div_main_content 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;
	margin: 50px 0px 30px 0px;
	}

.div_main_content_inner{
	margin : 0;
	padding : 6px 0 0 50px;
	width : 640px;
}

#div_main_content1{
	margin : 50px 0 0 0 !important;
}

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

#div_main_content1 .cloud_title{
	margin-bottom: 10px;;
}

#div_main_content2{
	margin :0 !important;
}


#merit_content_01{
	margin: 30px 0px 30px 50px;
	padding: 0px 0px 0px 0px;
}

#merit_content_02{
	margin: 30px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

.merit_content_02_innner{}

#merit_content_03{
	margin: 30px 0px 30px 110px;
	padding: 0px 0px 0px 0px;
}

#merit_content_03 p.left_text{
	margin: 10px 0px 25px -28px;
}

#merit_content_03 p.center_text{
	text-align: center;
	margin: 20px 55px 0px 0px;
}

#merit_content_02 ul{
	list-style: none;
	margin-left: 26px;
}

#merit_content_02 ul li{
	line-height:4.0em ;
	background-image: url(../images/merit/rp_merit_img01.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 0px 0px 0px 9px;
	color: #fff;
}

#merit_content_02 ul li.merit_list_end{
	line-height:4.0em ;
	height: 240px;;
	background-image: url(../images/merit/rp_merit_img01b.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 0px 0px 0px 9px;
	color: #fff;
}

#merit_content_02 ul li a{
	color: #fff;
}

#merit_content_02 ul li ul.ul_inner_ul{
	margin-bottom: 8px;
}

#merit_content_02 ul li ul.ul_inner_ul li{
	background-image: none;
	color: #000;
	line-height: 1.7em;
	font-size: 9pt;
	color: #666666;
}

#merit_content_02 ul li ul.ul_inner_ul li.ul_inner_title{
	background-image: none;
	color: #000;
	line-height: 1.7em;
	font-size: 10pt;
	color: #666666;
	text-indent: -0.7em;
}

#traditional_contents01{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
}

#traditional_contents01 #contents01_title_1{
	color: #00B3FF;
	margin: 40px 0px 8px 0px;
	font-size: 12pt;
	text-indent: 2.0em;
	background-image: url(../images/merit/rp_merit_01.png);
	background-repeat: no-repeat;
}

#traditional_contents01 #contents01_title_2{
	color: #00B3FF;
	margin: 40px 0px 8px 0px;
	font-size: 12pt;
	text-indent: 2.0em;
	background-image: url(../images/merit/rp_merit_02.png);
	background-repeat: no-repeat;
}

#traditional_contents01 #contents01_title_3{
	color: #00B3FF;
	margin: 40px 0px 8px 0px;
	font-size: 12pt;
	text-indent: 2.0em;
	background-image: url(../images/merit/rp_merit_03.png);
	background-repeat: no-repeat;
}

#traditional_contents02{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#traditional_contents02 p{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#traditional_contents02 .traditional_indent{
	margin-left: 12px;;
	text-indent: -1.0em;
}

#traditional_contents03{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#traditional_contents03 p{
	font-size: 15pt;
	color: #FF9650;
}

.retern_merit{
	margin: 80px 0px 100px 0px;
}

.retern_merit a{
	color: #0000CC;
}


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

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

#footer_merit a{
	color : white !important;
}

.merit_img1{width:375px;}
.merit_img2{width:255px;}
.merit_img3{width:475px;}
.merit_img4{width:575px;}



/*---
	##############
	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{
		max-width:691px;
		width:auto;
	}
	.div_main_content_bg{background-repeat: repeat-y;}
	.div_main_content_inner{
		max-width : 690px;
		width: auto;
		padding : 6px 0 0 0;
	}
	.div_main_content_inner h3{
		min-height:50px;
		height:auto;
		background-image: url(../images/h3_mark2.png);
	}
	
	#div_main_content1{
		margin : 30px auto 0 auto !important;
		height: auto;
	}
	.div_main_content1_title {padding-left:50px;}
	#div_main_content2{
	margin :0 auto !important;
	}
	#merit_content_01{
		margin: 30px 0px 30px 0px;
		padding: 0px 2% 0px 2%;
	}

	#merit_content_02{
		margin: 30px 0px 0px 0px;
		padding: 0px 2% 0px 2%;
	}
	#merit_content_02 ul{margin-left:0;}

	#merit_content_02 ul li{
		background-image:none;
		line-height:1.8;
	}
	#merit_content_02 ul li ul.ul_inner_ul{
		margin:0 0 0 -10px;
		padding: 0 0 8px 30px;
		background-color:#e0ffff;
	}
	
	#merit_content_02 ul li.merit_list_end{
		line-height:1.8;
		height: auto;
		background-image: none;
		max-width:530px;
		width:auto;
		background-color:#00bfff;
		border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */
    	margin:0 auto;
	}
	.li_innner_box {
		max-width:530px;
		width:auto;
		background-color:#00bfff;
		border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */
	}
	#merit_content_03{
		margin: 30px auto 30px auto;
		padding: 0px 2% 0px 2%;
	}

	#merit_content_03 p.left_text{
		margin: 10px auto 25px auto;
		max-width:530px;	
	}
	.merit_content_03_innner_box{
		max-width:530px;
		margin:0 auto;
	}
	#traditional_contents01{padding: 0px 2% 0px 2%;}
	#traditional_contents02{padding: 0px 2% 0px 2%;}
	#traditional_contents03{padding: 0px 2% 0px 2%;}
	.merit_img1{max-width:375px; width:100%;}
	.merit_img2{max-width:255px; width:100%;}
	.merit_img3{max-width:475px; width:100%;}
	.merit_img4{max-width:575px; width:100%;}
	.mbC20-rp { margin:0 auto 20px auto;}

}