@charset "utf-8";

/* -----------------------------
	commonArea
----------------------------- */
.l-content ul.btnArea a,
.l-content .itemBtn a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content ul.btnArea li.lineup a {
	width: 340px;
	height: 47px;
	margin: 0 auto;
	background: url(/maker/suruga/stage/v6/images/btn_lineup.png) no-repeat;
}
.l-content .itemBtn a {
	width: 140px;
	height: 28px;
	margin: 15px auto 0;
	background: url(/maker/suruga/stage/v6/images/btn_item.png) no-repeat;
}
.l-content p.mainTtl_service {
	height: 57px;
	margin: 0 auto 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content p.mainTtl_service {
	width: 687px;
	background: url(/maker/suruga/stage/v6/images/mainTtl_service02.png) no-repeat;
}
.l-content .v6_mainTtl_service01 p.mainTtl_service {
	width: 616px;
	background: url(/maker/suruga/stage/v6/images/mainTtl_service01.png) no-repeat;
}


/* -----------------------------
	mainVisual
----------------------------- */
.l-content h1.titleBlock__h1Img {
	width: 950px;
	height: 210px;
	margin-bottom: 1px;
	padding: 0;
	border: none;
	background: url(/maker/suruga/stage/v6/images/main_v6_20201105.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	contentsArea
----------------------------- */
.l-content .contentsArea {
	float: left;
	width: 550px;
	height: 243px;
	margin-bottom: 40px;
	border: 10px solid #cad7e9;
}
.l-content .contentsArea p.ttl {
	width: 550px;
	height: 35px;
	background: #cad7e9 url(/maker/suruga/stage/v6/images/ttl_contents.png) no-repeat 9px 6px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .contentsArea .pageNavi { padding: 25px 0 0 20px; }
.l-content .contentsArea .pageNavi li a {
	display: block;
	width: 513px;
	height: 16px;
	margin-bottom: 17px;
	background-image: url(/maker/suruga/stage/v6/images/sprite_navi_v6_20201105.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .contentsArea .pageNavi li.navi02 a {	background-position: 0 -32px; }
.l-content .contentsArea .pageNavi li.navi03 a {	background-position: 0 -64px; }
.l-content .contentsArea .pageNavi li.navi04 a {	background-position: 0 -98px; }
.l-content .contentsArea .pageNavi li.navi05 a {	background-position: 0 -132px; }
.l-content .contentsArea .pageNavi li.navi06 a {	background-position: 0 -168px; }

.l-content .contactTopBox {
  height: 260px;
}
.l-content .contactTopBox .tel {
  margin: 28px auto 16px;
}

/* -----------------------------
	featureArea
----------------------------- */

.l-content .featureArea { clear: both; }
.l-content .featureContent {
	width: 950px;
	margin: 0 auto;
}
.l-content .featureArea p.lead {
	width: 920px;
	margin: 0 0 20px 15px;
}
.l-content .exampleArea {
	margin: 0 0 20px 15px;
}
.l-content .exampleContent {
  width: 930px;
}
.l-content .exampleContent dl.itemBox {
  float: left;
  width: 256px;
  height: 301px;
  margin: 0 10px 10px 0;
  padding: 20px;
  border: 2px solid #339ebc;
}
.l-content .exampleContent dl.itemBox.n02 { border-color: #677eb8;}
.l-content .exampleContent dl.itemBox.n03 { border-color: #7267ad;}
.l-content .exampleContent dl.itemBox.n04 { border-color: #5e6c86;}
.l-content .exampleContent dl.itemBox.n05 { border-color: #7c8650;}

.l-content .exampleContent dl.itemBox dt {
  width: 255px;
  height: 38px;
  margin-bottom: 10px;
  background-position: left bottom;
  background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .exampleContent dl.itemBox.n01 dt { background-image: url(/maker/suruga/stage/v6/images/ttl_feature01.png);}
.l-content .exampleContent dl.itemBox.n02 dt { background-image: url(/maker/suruga/stage/v6/images/ttl_feature02.png);}
.l-content .exampleContent dl.itemBox.n03 dt { background-image: url(/maker/suruga/stage/v6/images/ttl_feature03.png);}
.l-content .exampleContent dl.itemBox.n04 dt { background-image: url(/maker/suruga/stage/v6/images/ttl_feature04.png);}
.l-content .exampleContent dl.itemBox.n05 dt { background-image: url(/maker/suruga/stage/v6/images/ttl_feature05.png);}

.l-content .exampleContent dl.itemBox dd.txtLead { height: 94px;}
.l-content .exampleContent dl.itemBox.n04 dd.txtLead,
.l-content .exampleContent dl.itemBox.n05 dd.txtLead { height: 72px;}

.l-content .exampleContent dl.itemBox .imgArrow {
  width: 113px;
  height: 72px;
  margin: 0 auto 40px;
  background-position: 0 0;
  background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .exampleContent dl.itemBox.n01 .imgArrow { background-image: url(/maker/suruga/stage/v6/images/arw_feature01.png);}
.l-content .exampleContent dl.itemBox.n02 .imgArrow { background-image: url(/maker/suruga/stage/v6/images/arw_feature02.png);}
.l-content .exampleContent dl.itemBox.n03 .imgArrow { background-image: url(/maker/suruga/stage/v6/images/arw_feature03.png);}
.l-content .exampleContent dl.itemBox.n04 .imgArrow { background-image: url(/maker/suruga/stage/v6/images/arw_feature04.png);}
.l-content .exampleContent dl.itemBox.n05 .imgArrow { background-image: url(/maker/suruga/stage/v6/images/arw_feature05.png);}

/* .n06 */
.l-content .exampleContent dl.itemBox.n06 {
  width: 250px;
  height: 295px;
  border: 5px solid #999999;
}
.l-content .exampleContent dl.itemBox.n06 {	background: url(/maker/suruga/stage/v6/images/bg_feature06.jpg) no-repeat left bottom;}

/* -----------------------------
	problemArea
----------------------------- */
.l-content .problemArea { clear: both; }

.l-content .problemArea .problemContent {
  width: 890px;
  margin: 0 auto;
  border: 15px solid #ccd9ea;
}
.l-content .problemArea .problemHeader .problemLead {
  width: 890px;
  height: 75px;
	background: url(/maker/suruga/stage/v6/images/img_problem_txt01.png) no-repeat #ccd9ea;
}
.l-content .problemArea .problemHeader h3 {
  width: 176px;
  height: 73px;
	background: url(/maker/suruga/stage/v6/images/img_problem_txt02.png) no-repeat;
}
.l-content .problemArea .problemHeader .problemMain {
  width: 800px;
  height: 377px;
	background: url(/maker/suruga/stage/v6/images/img_problem_txt03_20201105.png) no-repeat;
}
.l-content .problemArea .problemHeader .problemLead,
.l-content .problemArea .problemHeader h3,
.l-content .problemArea .problemHeader .problemMain {
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* contactBox */
.l-content .problemArea .contactBox {
  margin-right: 20px;
  margin-left: 20px;
}
.l-content .problemArea .contactBox .tel {
	left: 22px;
	width: 287px;
	background: url(/maker/suruga/stage/v6/images/txt_tel_s.png) no-repeat;
}
.l-content .problemArea .contactBox .web {
	top: 56px;
	left: 339px;
	background: url(/maker/suruga/stage/v6/images/btn_ecform_s.png) no-repeat;
}
.l-content .problemArea .contactBox .mail {
	left: 559px;
}
.l-content .problemArea .contactBox .mail a {
	width: 245px;
	background: url(/maker/suruga/stage/v6/images/btn_mailto_s.png) no-repeat;
}

.l-content .problemContent .m-asideSubBox__main{
	padding: 10px 0;
}

.l-content .problemContent .m-cols__1of3:first-child{
	width: 280px;
	margin-left: 32px;
}
.l-content .problemContent .m-cols__1of3{
	width: 260px;
	margin-left:15px;
}

/* resultsArea */
.l-content .problemArea .resultsArea {
  width: 850px;
  margin: 0 auto;
}
.l-content .problemArea .resultsArea .resultsMain {
  width: 815px;
  margin: 0 10px 25px 25px;
}
.l-content .problemArea .resultsArea .resultsMain ul,
.l-content .problemArea .resultsArea .resultsMain ul li {
  float: left;
}
.l-content .problemArea .resultsArea h3 {
  padding: 5px 10px;
  border-left: 5px solid #004098;
  background-color: #e6e6e6;
  font-size: 16px;
}
.l-content .problemArea .resultsArea h4 {
	width: 850px;
	height: 32px;
  margin-bottom: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .problemArea .resultsArea .resultsMain dl.noteBox {
  float: right;
  width: 380px;
  border: 5px solid #f1eee5;
} 
.l-content .problemArea .resultsArea .resultsMain dl.noteBox dt {
	height: 28px;
  background-color: #f1eee5;
  background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .problemArea .resultsArea .resultsMain dl.noteBox dd {
  padding: 15px 10px;
}

/* 表 */
.l-content .problemArea .resultsArea .m-table {
  width: 848px;
  margin-left: 0;
}
.l-content .problemArea .resultsArea .m-table th {
  padding:  5px 10px;
}
.l-content .problemArea .resultsArea .m-table td {
  padding-right: 0;
  padding-left: 0;
}
.l-content .problemArea .resultsArea .m-table dl.itemBox {
  margin: 13px 0 5px;
}

/* 半自動ユニット */
.l-content .problemArea .resultsArea .semi-autoArea h4 {
	background: url(/maker/suruga/stage/v6/images/ttl_semi-auto.png) no-repeat;
}
.l-content .problemArea .resultsArea .semi-autoArea dl.noteBox dt {
  background-image: url(/maker/suruga/stage/v6/images/ttl_semi-auto_box.png);
}

/* 全自動ユニット */
.l-content .problemArea .resultsArea .full-autoArea h4 {
	background: url(/maker/suruga/stage/v6/images/ttl_full-auto.png) no-repeat;
}
.l-content .problemArea .resultsArea .full-autoArea dl.noteBox dt {
  background-image: url(/maker/suruga/stage/v6/images/ttl_full-auto_box.png);
}

/* 特注事例 */
.l-content .problemArea .resultsArea .sp-orderArea h4 {
	background: url(/maker/suruga/stage/v6/images/ttl_sp-order.png) no-repeat;
}
.l-content .problemArea .resultsArea .sp-orderArea .resultsMain {
  float: left;
  width: 390px;
  margin: 0 0 0 25px;
}
.l-content .problemArea .resultsArea .sp-orderArea dl dt {}
.l-content .problemArea .resultsArea .sp-orderArea dl.noteBox.note01 dt {
  background-image: url(/maker/suruga/stage/v6/images/ttl_sp-order_box01.png);
}
.l-content .problemArea .resultsArea .sp-orderArea dl.noteBox.note02 dt {
  background-image: url(/maker/suruga/stage/v6/images/ttl_sp-order_box02.png);
}
.l-content .problemArea .resultsArea .sp-orderArea dl.noteBox dd {
  height: 4.5em;
}

/* -----------------------------
	qaArea
----------------------------- */
.l-content .qaArea .qaContent {
  width: 915px;
  margin: 0 15px 0 20px;
}
.l-content .qaArea .qaContent ul.qaMenu li a {
  padding-left:  20px;
  background: url(/maker/suruga/stage/v6/images/arw_qa.png) no-repeat 0 2px;
} 
.l-content .qaArea .qaBox {
  margin-bottom: 30px;
  font-size: 14px;
}
.l-content .qaArea .qaBox h3 {
  margin-bottom: 15px;
  padding: 4px 10px;
  background-color: #e5ecf4;
  font-weight: normal;
  font-size: 14px;
}
.l-content .qaArea .qaBox h3 .txtQ {
  margin-right: 1em;
  color: #004098;
  font-size: 22px;
}
.l-content .qaArea .answerBox {
  width: 860px;
  margin: 0 0 0 25px;
}
.l-content .qaArea .qaBox .txtA {
  margin-right: 1em;
  color: #dd0000;
  font-size: 22px;
}
.l-content .qaArea .answerBox .icon_square {
  margin-right: 0.5em;
  color: #004098;
  font-size: 12px;
}
.l-content .qaArea .answerBox .qa_txt12 {
  font-size: 12px;
}

/* #qa01 */
.l-content .qaArea #qa01 .answerTxt {
  float: left;
  width: 600px;
}
.l-content .qaArea #qa01 .answerImg {
  float: left;
}

/* #qa02 */
.l-content .qaArea #qa02 ul.answerImg li {
  float: left;
}

/* #qa03 */
.l-content .qaArea #qa03 .answerTxt dl dt {
  float: left;
}
.l-content .qaArea #qa03 .answerTxt.qa03_01 dl dd {
  margin-left: 7em;
}
.l-content .qaArea #qa03 .answerTxt.qa03_02 dl dd {
  margin-left: 10em;
}
.l-content .qaArea #qa03 ul.answerImg li {
  float: left;
}

/* #qa04 */
.l-content .qaArea #qa04 .answerTxt dl dd,
.l-content .qaArea #qa05 .answerTxt dl dd {
  padding-left: 1.5em;
}
.l-content .qaArea #qa04 .answerTxt dl.qa04_01 dt,
.l-content .qaArea #qa04 .answerTxt dl.qa04_01 dd,
.l-content .qaArea #qa04 .answerTxt dl.qa05_01 dt,
.l-content .qaArea #qa04 .answerTxt dl.qa05_01 dd {
  float: left;
  padding-left: 0;
}

/* #qa05 */
.l-content .qaArea #qa05 .answerBox.bd_bottom {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #004098;
}
.l-content .qaArea #qa05 .answerTxt {
  float: left;
  width: 430px;
}
.l-content .qaArea #qa05 .answerTxt dl {
  width: 320px;
  margin: 10px 0 0 35px;
  line-height: 25px;
}
.l-content .qaArea #qa05 .answerImg {
  float: left;
}

/* -----------------------------
	caseArea
----------------------------- */
.l-content .caseArea .caseBox {
  width: 918px;
  margin-left: 15px;
  padding: 20px 0;
  border-width: 4px 1px;
  border-style: solid;
  border-color: #004098;
}
.l-content .caseArea .caseBox ul {
  width: 854px;
  margin: 0 auto;
}
.l-content .caseArea .caseBox ul.upper {
  margin-bottom: 10px;
  padding: 0 12px 10px;
  border-bottom: 1px solid #004098;
}
.l-content .caseArea .caseBox ul li {
  float: left;
  width: 244px;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px dotted #004098;
}
.l-content .caseArea .caseBox ul li.u-mr0 {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.l-content .caseArea .caseBox ul li dt {
  height: 62px;
  padding-top: 20px;
}
.l-content .caseArea .caseBox ul li dd.pic {
  text-align: center;
}

/* -----------------------------
	lineupArea,recommendArea
----------------------------- */
.l-content .lineupContent,
.l-content .recommendContent { margin: 0 0 0 18px; }

.l-content .lineupContent dl.itemBox,
.l-content .recommendContent dl.itemBox {
	float: left;
	width: 223px;
	margin: 10px 4px 0 0;
	border: 1px solid #b2c5e0;
}
.l-content .lineupContent dl.itemBox .itemLead,
.l-content .recommendContent dl.itemBox .itemLead {
	width: 223px;
	height: 98px;
	margin-bottom: 11px;
	border-top: 3px solid #004098;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .lineupContent dl.itemBox .n01 { background: url(/maker/suruga/stage/v6/images/led_lineup01.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n02 { background: url(/maker/suruga/stage/v6/images/led_lineup02.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n03 { background: url(/maker/suruga/stage/v6/images/led_lineup03.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n04 { background: url(/maker/suruga/stage/v6/images/led_lineup04.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n05 { background: url(/maker/suruga/stage/v6/images/led_lineup05.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n06 { background: url(/maker/suruga/stage/v6/images/led_lineup06.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n07 { background: url(/maker/suruga/stage/v6/images/led_lineup07.png) no-repeat center 15px; }
.l-content .lineupContent dl.itemBox .n08 { background: url(/maker/suruga/stage/v6/images/led_lineup08.png) no-repeat center 15px; }

.l-content .lineupContent dl.itemBox .itemPhoto { 
	height: 147px;
	text-align: center;
}
.l-content .lineupContent dl.itemBox .itemName,
.l-content .recommendContent dl.itemBox .itemName {
	padding: 15px 0;
	border-bottom: 3px solid #004098;
	text-align: center;
}
.l-content .itemName a {
	text-decoration: none;
}

/* box_hover */
.l-content .lineupContent dl.box_hover,
.l-content .recommendContent dl.box_hover {
  cursor: pointer;
}
.l-content .lineupContent dl.box_hover img,
.l-content .recommendContent dl.box_hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .lineupContent dl.box_hover dt.itemLead,
.l-content .recommendContent dl.box_hover dt.itemLead {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}

/* -----------------------------
	recommendArea
----------------------------- */
.l-content .recommendContent dl.itemBox .itemLead {
	height: 87px;
}
.l-content .recommendContent dl.itemBox .n01 { background: url(/maker/suruga/stage/v6/images/lead_recommend01.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n02 { background: url(/maker/suruga/stage/v6/images/lead_recommend02.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n03 { background: url(/maker/suruga/stage/v6/images/lead_recommend03.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n04 { background: url(/maker/suruga/stage/v6/images/lead_recommend04.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n05 { background: url(/maker/suruga/stage/v6/images/lead_recommend05.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n06 { background: url(/maker/suruga/stage/v6/images/lead_recommend06.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n07 { background: url(/maker/suruga/stage/v6/images/lead_recommend07.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n08 { background: url(/maker/suruga/stage/v6/images/lead_recommend08.png) no-repeat center 15px; }

.l-content .recommendContent dl.itemBox .itemPhoto { 
	height: 161px;
	text-align: center;
}

/* -----------------------------
	optionsArea
----------------------------- */
.l-content .optionsArea {
  position: relative;
	width: 750px;
	height: 167px;
  margin: 0 auto;
	background: url(/maker/suruga/stage/v6/images/bg_options.png) no-repeat;
}
.l-content .optionsArea p {
  position: absolute;
  left: 82px;
  top: 24px;
	width: 513px;
	height: 43px;
	background: url(/maker/suruga/stage/v6/images/lead_options.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content ul.btnArea li.monitor a {
  position: absolute;
  left: 205px;
  top: 102px;
	width: 275px;
	height: 37px;
	background: url(/maker/suruga/stage/v6/images/btn_options.png) no-repeat;
}

.l-content .problemContent .form_inside {
    margin: 10px 15px 30px;
}