@charset "utf-8";


/*
	1 : commonArea
	2 : mainVisual
	3 : contentsArea
	4 : featureArea
	5 : troubleArea
	6 : lineupArea
	8 : recommendArea
 */


/* -----------------------------
	1 : commonArea
----------------------------- */

.l-content h3.ttl_blue {
	font-size: 14px;
	line-height: 20px;
	padding: 8px 0 8px 9px;
	background: #dcebf7;
	border-left: 5px solid #415ea6;
}
.l-content h4.ttl_blue {
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 0 6px 9px;
	background: #749dcf;
}
.l-content p.lead {
	font-size: 14px;
	line-height: 20px;
}
.l-content ul.btnArea a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content ul.btnArea li.product_btn a {
	width: 139px;
	height: 27px;
	background: url(/maker/suruga/stage/v7/images/product_btn.png) no-repeat;
	margin: 0 auto;
}
.l-content ul.btnArea li.lineup_btn a {
	width: 340px;
	height: 47px;
	background: url(/maker/suruga/stage/v7/images/btn_lineup.png) no-repeat;
	margin: 102px auto 0;
}
.l-content p.mainTtl_service {
	width: 666px;
	height: 54px;
	background: url(/maker/suruga/stage/v7/images/mainTtl_service.png) no-repeat;
	margin: 0 auto 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content table.m-table td { background: #f0f3f9; }
.l-content table td.white-bg { background: #fff; }
.l-content table td.pink-bg { background: #ffe0e0; }
.l-content table td.red-bg { background: #feb1b1; }
.l-content table td.white-bg { background: #fff; }
.l-content table td.item2 { font-weight: bold; background:#E6E6E6; }
.l-content table .red-b-T { border-top: solid 3px #dd0000; }
.l-content table .red-b-R { border-right: solid 3px #dd0000; }
.l-content table .red-b-B { border-bottom: solid 3px #dd0000; }
.l-content table .red-b-L { border-left: solid 3px #dd0000; }
.l-content table .color-blue { color: #0169c6; }

.l-content a {
  text-decoration: none;
}

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

/* -----------------------------
	3 : contentsArea
----------------------------- */
.l-content .contentsArea {
	float:left;
	width:550px;
	height:243px;
	border:10px solid #cad7e9;
	margin-bottom: 40px;
}
.l-content .contentsArea p.ttl {
	width: 550px;
	height: 35px;
	background: #cad7e9 url(/maker/suruga/stage/v7/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: 376px;
	height:16px;
	background-image: url(/maker/suruga/stage/v7/images/sprite_navi_v7_20201105.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:16px;
}
.l-content .contentsArea .pageNavi li.navi01 a { background-position: 0 0; }
.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; }

/* -----------------------------
	4 : featureArea
----------------------------- */
.l-content .featureArea { clear: both; }
.l-content .featureContent { padding: 0 15px; }
.l-content .featureContent .m-table td.item {
	background: #e6e6e6;
	font-weight: bold;	
}
.l-content .featureContent .m-table th {
	background: #999;
	color: #fff;
	font-weight: bold;
	padding: 10px;
}
/* -----------------------------
	5 : troubleArea
----------------------------- */
.l-content .troubleArea .troubleContent {
	width: 920px;
	margin: 0 auto;
}
.l-content .troubleArea dl.qaBox dt,
.l-content .troubleArea dl.qaBox dd {
	font-size: 14px;
	line-height: 25px;
}
.l-content .troubleArea dl.qaBox .question {
	line-height: 40px;
	background: #e5ecf4;
}
.l-content .question span {
    display: inline-block;
    padding: 0;
    background:none;
}
.l-content .troubleArea dl.qaBox dt.question span {
	display: block;
	float: left;
	width: 45px;
	font-size:20px;
	text-align: center;
	font-weight: bold;
	color: #004098;
}
.l-content .troubleArea dl.qaBox dd.question p { padding-left: 45px; }

.l-content .troubleArea dl.qaBox .answer { margin-top:25px; }
.l-content .troubleArea dl.qaBox dt.answer span {
	display: block;
	float: left;
	width: 45px;
	font-size:20px;
	text-align: right;
	font-weight: bold;
	color: #dd0000;
}
.l-content .troubleArea dl.qaBox dd.answer p { padding-left: 60px; }

.l-content .troubleArea div.qaBox { margin-left: 60px; }
.l-content .troubleArea div.qaBox span {
	display: block;
	font-size: 14px;
	line-height: 25px;
}
.l-content .troubleArea div.qaBox .border {
	border: 1px solid #cccccc;
	height: 343px;
}
.l-content .troubleArea div.qaBox .qa-left {
	float: left;
	width: 418px;
}
.l-content .troubleArea div.qaBox .qa-right {
	float: right;
	width: 418px;
}
.l-content .troubleArea .productBox {
	float: left;
	width: 180px;
	padding: 10px;
	background: #e5e5e5;
}
.l-content .troubleArea .productBox p {
	text-align: center;
	font-size: 12px;
}
.l-content .troubleArea dl.exampleBox {
	width: 388px;
	margin: 0 auto;
}
.l-content .troubleArea dl.exampleBox p.lead {
	font-size: 12px;
	line-height: 18px;
	height:70px;
	padding-top: 20px;
}
.l-content .troubleArea dl.exampleBox dt span {
	display: block;
	text-align: center;
	margin-top: 20px;
}
.l-content .troubleArea dl.exampleBox dt span.maru {
	background: url(/maker/suruga/stage/v7/images/icon_img01.png) no-repeat 35px 0;
	padding: 10px 0 10px 20px;
}
.l-content .troubleArea dl.exampleBox dt span.sankaku {
	background: url(/maker/suruga/stage/v7/images/icon_img02.png) no-repeat 85px 0;
	padding: 10px 0 10px 20px;
}
.l-content .troubleArea dl.exampleBox dt span.batu {
	background: url(/maker/suruga/stage/v7/images/icon_img03.png) no-repeat 75px 5px;
	padding: 10px 0 10px 20px;
}
.l-content .troubleArea dl.exampleBox dd p.photo {
	text-align: center;
}


/* -----------------------------
	6 : lineupArea
----------------------------- */
.l-content .lineupContent { margin: 0 0 0 18px; }
.l-content .lineupContent dl.lineupBox {
	float: left;
	width: 223px;
	border: 1px solid #b2c5e0;
	margin: 0 4px 10px 0;
}
.l-content .lineupContent dl.lineupBox .itemLead {
	width: 223px;
	height: 84px;
	border-top: 3px solid #004098;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .lineupContent dl.lineupBox .n01 { background: url(/maker/suruga/stage/v7/images/lineup_lead01.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n02 { background: url(/maker/suruga/stage/v7/images/lineup_lead02.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n03 { background: url(/maker/suruga/stage/v7/images/lineup_lead03.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n04 { background: url(/maker/suruga/stage/v7/images/lineup_lead04.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n05 { background: url(/maker/suruga/stage/v7/images/lineup_lead05.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n06 { background: url(/maker/suruga/stage/v7/images/lineup_lead06.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n07 { background: url(/maker/suruga/stage/v7/images/lineup_lead07.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n08 { background: url(/maker/suruga/stage/v7/images/lineup_lead08.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .itemPhoto { text-align: center; }
.l-content .lineupContent dl.lineupBox .itemName {
	text-align: center;
	padding: 15px 0;
	border-bottom: 3px solid #004098;
}

/* -----------------------------
	8 : recommendArea
----------------------------- */
.l-content .recommendContent { margin: 0 0 0 18px; }
.l-content .recommendContent dl.recommendBox {
	float: left;
	width: 223px;
	border: 1px solid #b2c5e0;
	margin: 0 4px 10px 0;
}
.l-content .recommendContent dl.recommendBox .itemLead {
	width: 223px;
	height: 101px;
	border-top: 3px solid #004098;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 11px;
}
.l-content .recommendContent dl.recommendBox .n01 { background: url(/maker/suruga/stage/v7/images/recommend_lead01.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n02 { background: url(/maker/suruga/stage/v7/images/recommend_lead02.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n03 { background: url(/maker/suruga/stage/v7/images/recommend_lead03.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n04 { background: url(/maker/suruga/stage/v7/images/recommend_lead04.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n05 { background: url(/maker/suruga/stage/v7/images/recommend_lead05.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n06 { background: url(/maker/suruga/stage/v7/images/recommend_lead06.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n07 { background: url(/maker/suruga/stage/v7/images/recommend_lead07.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n08 { background: url(/maker/suruga/stage/v7/images/recommend_lead08.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .itemPhoto { text-align: center; }
.l-content .recommendContent dl.recommendBox .itemName {
	text-align: center;
	padding: 20px 0;
	border-bottom: 3px solid #004098;
}