@charset "UTF-8";

/******************************/
/*------ Basic Layout --------*/
/******************************/

.info{
	margin:20px auto 15px auto;
	*margin-bottom: 0;
}

/******************************/
/*------ container -----------*/
/******************************/
.main1{
	width:730px;
	margin:0 auto 60px auto;
	text-align: left;
}
.lt{
	padding-left:3px;
	line-height:1.4em;
}
.main1 p
.main2 p{
	margin:10px 0 20px 0;
}

.main1 p.main-chatch {
	font-size: 1.2em;
	padding: 8px 0;
}

.evi{
	border:solid 1px #C0C0C0;
	position:relative;
	margin-bottom:15px;
}
.evi p{
	margin:0;
	line-height:1.4em;
}
.evi .l-evi{
	width:118px;
	float:left;
	margin:10px 0px 0px 10px;
}
.evi .l-evi img {
	width: 100%;
}
.evi .c-evi{
	width:335px;
	float:left;
	margin:15px 0px 0px 15px;
}
.evi .c-evi p{
	margin-bottom:6px;
	letter-spacing:0.12em;
}
.evi .c-evi .small{
	font-size: 77%;;
	letter-spacing:0.1em;
	margin-top: -3px;
}
.evi .r-evi{
	width:217px;
	float:right;

}

.main1 .ribbon {
	margin: 24px 0 16px -5px;
}

.mansion{
	border:solid 1px #C0C0C0;
	margin-bottom:5px;
	padding-bottom: 16px;
	position:relative;
}
.mansion .box{
	padding:20px 15px 0 20px;
	position:relative;
}
.mansion .quality{
	width:440px;
	float:left;
}
.mansion .quality p{
	line-height:1.5em;
	margin-top:8px;
	margin-bottom:12px;
}

.mansion .box .image{
	clear:both;
	margin-left: -6px;
	margin-bottom: 10px;
}
.mansion .profit h3{
	width:388px;
	padding-top:20px;
	margin-bottom: 24px;
}

.mansion .profit h3 span{
	font-size: 93%;
}

.mansion .box .link{
	width:236px;
	float:right;
}

.mansion .profit{
	margin-bottom:10px;
}


.mansion .profit .point{
	width:701px;
	clear:both;
	position:relative;
	margin:auto;
	margin-bottom:10px;
}
.mansion .profit .point p{
	font-size:80%;
}

.mansion .profit .point .p1{
	float:left;
}

.mansion .profit .point .p2{
	float:right;
}

.mansion .profit .point .p1 p,
.mansion .profit .point .p2 p{
	margin-bottom:10px;
}

.mansion .profit .point .link{
	display: flex;
	justify-content: center;
	width: 100%;
}


p.reason_img {
	margin-left: -4px;
}

.century{
	border:solid 1px #C0C0C0;
	margin-bottom:10px;
}
.century .box{
	border:none;
}
.century .quality{
	width:440px;
	float:left;
	margin-top:20px;
	padding-left:20px;
}
.century  .quality p{
	line-height:1.5em;
	margin-top:8px;
	margin-bottom:12px;
}
.century .box .link{
	width:236px;
	float:right;
	margin-top:20px;
	padding-right:15px;
}
.century .box .qua_image{
	clear:both;
	margin-left:4px;
	padding-bottom: 50px;
}
.main2{
	width: 730px;
	margin:0 auto 15px auto;
	*margin-bottom: 60px;
	text-align: left;
}
.main2 h2{
	text-align:center;
	margin-bottom:20px;
}
.main2 .example{
	margin-bottom:15px;
	margin-left: -5px;
}
.main2 .century{
	border:solid 1px #C0C0C0;
	margin-bottom:5px;
	position:relative;
}
.main2 .service {
	text-align: center;
}
.main2 .service h3 {
	text-align: left;
	margin-bottom:10px;
}
.main2 .service p{
	line-height:1.4em;
	margin-top:8px;
	margin-bottom:12px;
	text-align: left;
}
.main2 .service .s_top{
	width:330px;
	margin-bottom:10px;
}

.sbox{
	padding:20px;
	overflow: hidden;
}
.main2 .service .s_top p{
	font-size: 90%;
}
.main2 .service .s_center p{
	clear:both;
}
.main2 .service .s_under{
	clear:both;
	overflow: hidden;
	width:450px;
	margin:0 auto;
}
.main2 .service .s_under .left{
	width:220px;
	float:left;
}
.main2 .service .s_under .right{
	width:220px;
	float:right;
}
.main2 .service .s_under p{
	width:208px;
	font-size: 93%;;
	margin-bottom:5px;
	text-align: left;
}
.result_title{
	margin:20px 0 5px;
}
.result{
	height:205px;
}
.result div{
	margin-top:15px;
	margin-left:20px;
	float:left;

}
.main1 .flow{
	clear:both;
	overflow:hidden;
	padding-top: 10px;
}
.main1 .flow h3{
	margin:0 0 5px;
}
.main1 .flow .left{
	float:left;
	width:355px;
	margin-bottom: 20px;
}
.main1 .flow .right{
	float:right;
	width:355px;
	margin-bottom: 20px;
}
.main1 .flow .lastChild {
	margin-bottom: 0;
}
.main1 .flow .step{
	height:245px;
	border:solid 1px #C0C0C0;
	position:relative;
}
.step h4{
	position:absolute;
	width:200px;
	top:20px;
	left:15px;
}
.step .image{
	position:absolute;
	width:148px;
	height:210px;
	top:20px;
	right:10px;
}
.step .text{
	line-height:1.5;
	position:absolute;
	width:170px;
	top:70px;
	left:15px;
	font-size:93%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.main1 .onestop{
	position:relative;
	width:597px;
	height:635px;
	margin:0 auto;
	background:url(../images/service_background01.jpg) no-repeat;
}
.onestop .os1{
	position:absolute;
	top:22px;
	left:55px;
}
.onestop .os2{
	position:absolute;
	top:170px;
	left:-10px;
}
.onestop .os3{
	position:absolute;
	bottom:170px;
	left:20px;
}
.onestop .os4{
	position:absolute;
	bottom:67px;
	left:145px;
}
.onestop .os5{
	position:absolute;
	bottom:170px;
	right:20px;
}
.onestop .os6{
	position:absolute;
	top:170px;
	right:-10px;
}
.onestop .os7{
	position:absolute;
	top:22px;
	right:55px;
}
.onestop .os8{
	position:absolute;
	bottom:67px;
	right:145px;
}
.onestop .os9{
	position:absolute;
	bottom:20px;
	left:0px;
}
.onestop .ost1{
	position:absolute;
	top:140px;
	left:20px;
}
.onestop .ost2{
	position:absolute;
	top:294px;
	left:-13px;
}
.onestop .ost3{
	position:absolute;
	bottom:148px;
	left:12px;
}
.onestop .ost4{
	position:absolute;
	bottom:43px;
	left:145px;
}
.onestop .ost5{
	position:absolute;
	bottom:149px;
	right:12px;
}
.onestop .ost6{
	position:absolute;
	top:294px;
	right:-13px;
}
.onestop .ost7{
	position:absolute;
	top:139px;
	right:0px;
}

.onestop .ost8{
	position:absolute;
	bottom:44px;
	right:120px;
}

.onestop .ost9{
	position:absolute;
	bottom:0px;
	left:-10px;
}


.evidence_contents_btn{
	background-color:#c0c0c0;

}

.evidence_contents_btn ul{
	margin-left:70px;
	padding:5px;
}


.evidence_contents_btn li{
	float:left;
	padding:5px;
}

.evidence_contents_btn li p{
	color:#fff;
	line-height:35px;
}


.area_btn {
	width:580px;
	margin:auto;
}

.service_heading {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.service_image{
	width:250px;
	float:left;
}
.service_heading:not(:first-child) {
	margin-top: 16px;
}

.service_text{
	width:415px;
	float:right;
}

.area_info{
	background-color:#EDEDED;
}


/** PAGE : QA */
#maincontent #qalist { width:730px; text-align:left; margin:0px auto 30px auto; }
#maincontent #qalist dt { margin-top: 15px; background: #eaeae0 url("../images/qa_bg_q.png") 0 0 repeat-y; border-color: #d9d9d9; border-style: solid; border-width: 1px 0; padding: 0; }
#maincontent #qalist dt h3 { margin: 0; padding: 15px 20px 15px 80px; color: #0099cc !important; font-weight: normal; font-size: 108%; cursor: pointer; background: url("../images/qa_icn_q.png") 15px 10px no-repeat; }
#maincontent #qalist dt h3:hover { filter: Alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#maincontent #qalist dd { background: url("../images/qa_bg_a.png") 0 0 repeat-y; border-bottom: 1px solid #d9d9d9; display: none; }
#maincontent #qalist dd .answer { min-height: 50px; padding: 15px 20px 15px 80px; background: url("../images/qa_icn_a.png") 15px 10px no-repeat; }