@charset "utf-8";

#compare #readBox {
	overflow: hidden;
	background: url(../compare/img/read_bg.jpg) right top no-repeat;
	height: 270px;
}
#readBox .textBox {
	margin: 50px 0 0;
	width: 480px;
}
#readBox .textBox p {
	margin-bottom: 20px;
}
#compare .btnBox {
	margin: 15px auto 20px;
}

.compare_box {
	overflow: hidden;
	padding: 40px 0;
}
.compare_box h2 {
	margin-bottom: 40px;
}
#comp_01,
#comp_03 {
	background-color: #DFE0DF;
	
}
.compare_box h3 {
	font-size: 30px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #778679;
	font-weight: normal;
	text-align: center;
	margin: 0 0 30px;
}
.compare_box h3 span {
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #203A26;
	padding-left: 10px;
}
.merit {
	border: 1px solid #9F9F9F;
	border-radius: 6px;
	background-color: #F5F5F5;
	width: 428px;
	padding: 15px;
	float: left;
}
.demerit {
	border: 1px solid #9F9F9F;
	border-radius: 6px;
	background-color: #D4D7D5;
	width: 428px;
	padding: 15px;
	float: right;
}

.me_list {
	
}
.me_list>li {
	padding-left: 26px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	
}
.me_list>li span {
	font-weight: normal;
	font-size: 12px;
}
.me_list>li ul {
	margin: 15px 0 20px;
}
.me_list>li li {
	font-weight: normal;
	font-size: 13px;
	background: url(../img_common/blet_gld.jpg) 0 4px no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
}
.merit .me_list li.me01 {	background: url(../img_common/num_green01.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me02 {	background: url(../img_common/num_green02.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me03 {	background: url(../img_common/num_green03.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me04 {	background: url(../img_common/num_green04.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me05 {	background: url(../img_common/num_green05.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me06 {	background: url(../img_common/num_green06.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me07 {	background: url(../img_common/num_green07.jpg) 0 2px no-repeat; background-size: 18px;}
.merit .me_list li.me08 {	background: url(../img_common/num_green08.jpg) 0 2px no-repeat; background-size: 18px;}

.demerit .me_list li.me01 {	background: url(../img_common/num_gray01.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me02 {	background: url(../img_common/num_gray02.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me03 {	background: url(../img_common/num_gray03.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me04 {	background: url(../img_common/num_gray04.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me05 {	background: url(../img_common/num_gray05.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me06 {	background: url(../img_common/num_gray06.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me07 {	background: url(../img_common/num_gray07.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me08 {	background: url(../img_common/num_gray08.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me09 {	background: url(../img_common/num_gray09.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me10 {	background: url(../img_common/num_gray10.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me11 {	background: url(../img_common/num_gray11.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me12 {	background: url(../img_common/num_gray12.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me13 {	background: url(../img_common/num_gray13.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me14 {	background: url(../img_common/num_gray14.jpg) 0 2px no-repeat; background-size: 18px;}
.demerit .me_list li.me15 {	background: url(../img_common/num_gray15.jpg) 0 2px no-repeat; background-size: 18px;}

.duties_box {
	overflow: hidden;
	padding: 50px 0 0;
}
.duties_box .inner {
	background: url(../compare/img/box_bg.jpg) right bottom no-repeat;
	padding-bottom: 40px;
}
.duties_box .st_bdr {
	margin-bottom: 50px;
}
.duties_box .st_01 {
	margin-bottom: 20px;
}
.duties_box .box {
	margin: 20px 0 50px;
	overflow: hidden;
}
#comp_01 .merit,
#comp_01 .demerit {
	height: 680px;
}
#comp_01 .merit {
	background: #F5F5F5 url(../compare/img/merit_bg01.png) 0 bottom no-repeat;
}


#comp_02 .merit,
#comp_02 .demerit {
	height: 1180px;
}
#comp_02 .merit {
	background: #F5F5F5 url(../compare/img/merit_bg02.png) 0 bottom no-repeat;
}

.icon_box {
	border-top: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
	width: 960px;
	margin: 40px auto;
	text-align: center;
	padding: 10px 0;
}
.icon_box li {
	display: inline-block;
	font-size: 14px;
	margin: 0 15px;
	vertical-align: text-bottom;
}
.icon_box li span.icon_r{
	display: inline-block;
	background-color: #8E0C0C;
	width: 20px;
	height: 20px;
	color: #fff;
}

.icon_box li span.icon_b{
	display: inline-block;
	background-color: #124F7B;
	width: 20px;
	height: 20px;
	color: #fff;
}

.icon_box li span.icon_y{
	display: inline-block;
	background-color: #C39C16;
	width: 20px;
	height: 20px;
	color: #fff;
}

.icon_box li span.icon_g{
	display: inline-block;
	background-color:#315C3B;
	width: 20px;
	height: 20px;
	color: #fff;
}
.blet_st {
	display: inline-block;
	background: url(../img_common/blet_gld.jpg) 0 4px no-repeat;
	padding-left: 15px;
	font-weight: bold;
}

.duties_list {
	width: 458px;
	font-size: 14px;
}
.duties_list th {
	background-color: #C8C9C8;
	font-weight: normal;
	padding: 4px 5px;
}
.duties_list td {
	border-bottom: 1px solid #9c9c9c;
	padding: 6px 5px;
}
.duties_list .conte {
	width: 155px;
	padding-left: 15px;
}
.duties_list .category {
	width: 36px;
}
.duties_list td span {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
}
.duties_list td span.icon_r {
	background-color: #8E0C0C;
}
.duties_list td span.icon_b {
	background-color: #124F7B;
}
.duties_list td span.icon_y {
	background-color: #C39C16;
}

.duties_list td span.icon_g {
	background-color:#315C3B;
}
.cover {
}
.con_note {
	text-align: center;
	margin-bottom: 30px;
	padding: 0;
}