@charset "utf-8";

.pageContent .topBox .mainBox06 ul:before {
  background: url(/common/accets/comparison/img/mainBox06note.png) no-repeat 0 0 !important;
  content: '';
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 18px;
  width: 303px;
  z-index: 2;
}
.pageContent .topBox .mainBox06 ul {
	height: 303px !important;
	position: relative;
}
.pageContent .hikaku05 {
	background-image: url(/common/accets/comparison/img/hikaku_bg05-4.png) !important;
	height: 291px !important;
}



/*
========================================================================      END grey 201609
*/

.pageContent .mainImage {
	background: url(/common/accets/comparison/img/main_bg.png) no-repeat;
	background-size: contain;
	height: 307px;
	width: 740px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 12px;
}
.pageContent .mainImage h2.mainTit {
    width: 430px;
    color: #629b45;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3em;
    position: absolute;
    top: 32px;
    left: 40px;
}
.pageContent .mainImage p.mainTxt {
    width: 410px;
    text-align: left;
    line-height: 21px;
    font-size: 13px;
    position:absolute;
    top: 127px;
    left: 40px;
    color: #3d3d3d;
}
.pageContent .mainImage p.mainTxt span {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 10px;
	display: block;
}
.pageContent .numberOne {
	margin-top: 30px;
	margin-bottom: 20px;
}
.hikakuTop {
	background: url(/common/accets/comparison/img/hikaku_bg_top.png) 0 top no-repeat;
	background-size: contain;
	height: 84px;
	width: 740px;
}
.pageContent .hikaku {
	border-left: 3px solid #dddddd;
	border-right: 3px solid #dddddd;
	padding-bottom: 0px;
	padding-top: 20px;
}
.pageContent .hikaku01 {
	background: url(/common/accets/comparison/img/hikaku_bg01.png) no-repeat;
	background-size: contain;
	height: 241px;
	width: 706px;
	position: relative;
	margin-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}
.pageContent .hikaku02 {
	background: url(/common/accets/comparison/img/hikaku_bg02.png) no-repeat;
	background-size: contain;
	height: 244px;
	width: 706px;
	margin-top: 20px;
	position: relative;
	margin-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}
.pageContent .hikaku03 {
	background: url(/common/accets/comparison/img/hikaku_bg03.png) no-repeat;
	background-size: contain;
	height: 244px;
	width: 706px;
	margin-top: 20px;
	position: relative;
	margin-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}
.pageContent .hikaku04 {
	background: url(/common/accets/comparison/img/hikaku_bg04.png) no-repeat;
	background-size: contain;
	height: 275px;
	width: 706px;
	margin-top: 20px;
	position: relative;
	margin-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}
.pageContent .hikaku05 {
	background: url(/common/accets/comparison/img/hikaku_bg05.png) no-repeat;
	background-size: contain;
	height: 271px;
	width: 706px;
	margin-top: 20px;
    margin-bottom: 30px;
	position: relative;
	margin-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}
.pageContent .hikaku06 {
	background: url(/common/accets/comparison/img/hikaku_bg06.png) no-repeat;
	background-size: contain;
	height: 289px;
	width: 706px;
	margin-top: 20px;
    margin-bottom: 30px;
	position: relative;
	margin-left: 15px;
}
.hikakuBot {
	background: url(/common/accets/comparison/img/hikaku_bg_bottom.png) 0 bottom no-repeat;
	background-size: contain;
	height: 10px;
	width: 740px;
	margin-top: -31px;
}
.pageContent .btmNavi {
	background: url(/common/accets/comparison/img/main_contact_bg-4.png) no-repeat;
	background-size: contain;
	width: 740px;
	height: 458px;
	position: relative;
}
.pageContent .mainImage p {
	position: absolute;
	top: 132px;
	left: 42px;
	text-align: left;
	line-height: normal;
	width: 440px;
	color: black;
}

.pageContent .hikaku .hikaku01 p,
.pageContent .hikaku .hikaku02 p,
.pageContent .hikaku .hikaku03 p {top: 175px;}
.pageContent .hikaku .hikaku04 p,
.pageContent .hikaku .hikaku05 p,
.pageContent .hikaku .hikaku06 p {top: 176px;}

.pageContent .hikaku p {
	position: absolute;
	left: 160px;
	width: 520px;
	line-height: normal;
	text-align: left;
	font-size: 12px;
}
.arrowBox{
    width: 60px;
    border-top: 30px solid #ffc926;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    margin: 15px auto;
}
.pageContent .hikaku01 .changeTsubo {
	position: absolute;
	top: 338px;
	left: 288px;
}
.pageContent .hikaku01 .changeMater {
	height: 39px;
	width: 175px;
	position: absolute;
	top: 382px;
	left: 288px;
}
.pageContent .hikaku01 .yenPerTsubo {
	font-size: 30px;
	color: #e50012;
	position: absolute;
	top: 142px;
	left: 210px;
	line-height: normal;
	font-weight: bold;
	text-align: right;
}
.pageContent .hikaku01 .yenPerMater {
	font-size: 30px;
	color: #000;
	position: absolute;
	top: 142px;
	left: 545px;
	line-height: normal;
	font-weight: bold;
	text-align: right;
}
.pageContent .hikaku01 .txtBoxBeforeMater {
	position: absolute;
	top: 380px;
	left: 102px;
	width: 107px;
}
.pageContent .hikaku01 .txtBoxAfterMater {
	position: absolute;
	top: 380px;
	left: 542px;
	width: 107px;
}
.pageContent .hikaku01 .inputMater {
	height: 36px;
	width: 107px;
	font-size: 22px;
	border: none;
	text-align: center;
}
.pageContent .btmNavi ul {
    width: 700px;
    overflow: hidden;
    position: absolute;
    bottom: 11px;
    left: 33px;
}
.pageContent .btmNavi ul li {
    width: 31%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    background: linear-gradient(#eeeeee 50%, #e2e2e2 50%);
    /* border: 2px solid #e2e2e2; */
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(50,50,50,0.3);
    margin: 0 2% 2% 0;
    position: relative;
    float: left;
}
.pageContent .btmNavi ul li a {
    display: block;
    /* padding: 8px 0; */
}
/* .pageContent .btmNavi ul li a::before {
  content:"";
  display:block;
  width:16px;
  height:16px;
  background:#629b45;
  border-radius: 50%;
  position:absolute;
  top:50%;
  right:4%;
  margin-top:-8px;
} */
/* .pageContent .btmNavi ul li a::after {
  content:"";
  display:block;
  width:0;
  height:0;
  border: 4px solid transparent;
  border-left: 6px solid #e7e7e7;
  position:absolute;
  top:50%;
  right:4%;
  margin-top:-4px;
} */
.pageContent .newLeft {
	float: left;
	width: 385px;
}
.pageContent .newRight {
	float: left;
	width: 365px;
}
.pageContent .cf .newLeft .voiceBox {
	border: 1px solid #d8d8d8;
	width: 345px;
	padding: 10px;
	margin-bottom: 7px;
}

.pageContent .cf .newLeft .voiceBox .voiceImg {
	float: left;
}
.pageContent .cf .newLeft .voiceBox .voiceTxt01 {
	float: left;
	padding: 0px 10px;
	width: 238px;
}
.pageContent .cf .newLeft .voiceBox .voiceTxt02 {
	padding: 0px 10px;
	width: 325px;
}
.pageContent .cf .newLeft .voiceBox.cf .voiceLevel01 {
	height: 30px;
	width: 238px;
	margin-top: 10px;
}
.pageContent .cf .newLeft .voiceBox.cf .voiceLevel02 {
	height: 30px;
	width: 238px;
	margin-top: 10px;
	float: left;
}
.pageContent .cf .newLeft .voiceBox.cf .star {
	margin-left: 55px;
	color: #f7c70a;
	font-size: 20px;
	line-height: normal;
}
.pageContent .cf .newLeft .voiceBox.cf .percent {
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	margin-left: 10px;
}
.pageContent .cf .newLeft .voiceBox.cf p {
	line-height: normal;
	font-weight:bold;
}
.pageContent .cf .newLeft{
	text-align:left;
}
.pageContent .cf .newLeft .ttl {
	margin-bottom: 15px;
}
/*
.pageContent .cf .detailLink {
	background: #f7f7f7;
	width: 345px;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
}
*/
.pageContent .newDetail.cf .newLeft.detailLink {
	margin-right: 20px;
}

#m2t:hover {
	cursor:pointer;
}
#t2m:hover {
	cursor:pointer;
}


/* .pageContent .topBox .hd06 {
} */
.pageContent .topBox .hd06 img {
	width: 100%;
}
.pageContent .topBox .ft06{
 background-repeat: no-repeat;
 width: 752px;
 height: 20px;
 margin-top: -10px;
}
/*---*/
.pageContent .topBox {
	margin-top: 30px;
}

.text_note{
	font-weight: bold;
}
.line_shadow{
	padding-top: 10px;
	padding-bottom: 7px;
}

.question-answer{
    margin-top: 30px;
}
/* .pageContent .line_bg{
	background: url(/common/accets/faq/img/line_bg.png) no-repeat;
	height: 27px;
} */
/*-- top 06 */

.pageContent #top06 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.pageContent .topBox .mainBox06 {
	border: 3px solid #abc921;
	border-top: 0;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.pageContent .topBox .mainBox06 ul {
	width: 740px;
	height: 303px;
	position: relative;
}
.pageContent .topBox .mainBox06 ul li:first-child {
	border-left: none;
	margin-left: 3px;
	padding-right: 2px;
}
.pageContent .topBox .mainBox06 ul li{
	float: left;
	border-left: 1px dotted #cccccc;
	margin-bottom: 12px;
	margin-top: 15px;
	margin-left: 11px;
	padding-left: 12px
}
.pageContent .topBox .mainBox06 ul li h2 {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.pageContent .topBox .mainBox06 ul li > .bg_flow {
	
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 0px;
}
.pageContent .topBox .mainBox06 ul li > .bg_flow a {
	width: 124px;
	height: 26px;
}
/* .pageContent .topBox .mainBox06 ul li > .bg_flow a img {
	
} */
.pageContent .topBox .mainBox06 ul li > .bg_flow a img:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
.line {
	border-top: 2px dotted #c8c8c8;
	margin-top: 30px;
}
/*end---top06*/

.pageContent .aboutNavi {
	padding: 15px 7px;
	margin: 10px 0 0 0;
	background: #f9f9f3;
	width: 740px;
}
.pageContent .aboutNavi li {
	float: left;
	margin: 0 6px 0 10px;
}
.pageContent .aboutNavi li img:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}