@charset "utf-8";


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


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

.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: 22px;
}
.l-content ul.btnArea a,
.l-content ul.btnLeft a {
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
.l-content ul.btnArea li.anchor01_btn a {
	width: 201px;
	height: 41px;
	background: url(/maker/suruga/stage/v8/images/btn_anchor01.png) no-repeat;
	margin: 0 auto;
}
.l-content ul.btnArea li.product_btn a {
	width: 139px;
	height: 27px;
	background: url(/maker/suruga/stage/v8/images/btn_product_139x27.png) no-repeat;
	margin: 0 auto;
}
.l-content ul.btnArea li.product_btn02 a,
.l-content ul.btnLeft li.product_btn02 a {
	width: 225px;
	height: 37px;
	background: url(/maker/suruga/stage/v8/images/btn_product_225x37.png) no-repeat;
	margin: 0 auto;
}
.l-content ul.btnArea li.stage_btn a {
	width: 210px;
	height: 39px;
	background: url(/maker/suruga/stage/v8/images/btn_anchor02.png) no-repeat;
	margin: 0 auto;
}
.l-content ul.btnArea li.wos_btn a,
.l-content ul.btnLeft li.wos_btn a {
	width: 225px;
	height: 37px;
	background: url(/maker/suruga/stage/v8/images/btn_wos.png) no-repeat;
}
.l-content ul.btnArea li.wos_btn p.cap,
.l-content ul.btnLeft li.wos_btn p.cap {
	width: 225px;
	text-indent: 0;
	overflow: inherit;
	text-align: center;
	font-size: 11px;
}
.l-content ul.btnArea li.compressor_btn a {
	width: 224px;
	height: 37px;
	background: url(/maker/suruga/stage/v8/images/btn_anchor03.png) no-repeat;
}
.l-content ul.btnArea li.compressor_btn02 a {
	width: 224px;
	height: 37px;
	background: url(/maker/suruga/stage/v8/images/btn_anchor04.png) no-repeat;
}
.l-content p.lead_service {
	width: 747px;
	height: 57px;
	background: url(/maker/suruga/stage/v8/images/lead_img01_20201105.png) no-repeat;
	margin: 0 auto 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content p.lead_service02 {
	width: 778px;
	height: 132px;
	background: url(/maker/suruga/stage/v8/images/lead_img02_20201105.png) no-repeat;
	margin: 0 auto 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content table td.pink-bg-fef5f5 { background: #fef5f5; }
.l-content table td.bleu-bg-f0f3f9 { background: #f0f3f9; }
.l-content table th.bleu-bg-749dcf { background: #749dcf; color: #fff;}
.l-content table td.yellow-bg-fff8f0 { background: #fff8f0; }
.l-content table td.green-bg-f2feff { background: #f2feff; }
.l-content .m-table th { background: #999999; color: #fff; padding: 10px;}
.l-content a {
  text-decoration: none;
}
.l-content .normalList > li {
	padding-left: 0.5em;
	padding-bottom: 3px;
	text-indent: -0.5em;
}
/* -----------------------------
	2 : mainVisual
----------------------------- */
.l-content h1.titleBlock__h1Img {
	width: 950px;
	height: 210px;
	background: url(/maker/suruga/stage/v8/images/main_v8_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;
}
.l-content .contentsArea p.ttl {
	width: 550px;
	height: 35px;
	background: #cad7e9 url(/maker/suruga/stage/v8/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: 443px;
	height:16px;
	background-image: url(/maker/suruga/stage/v8/images/sprite_navi_v8_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 : leadMainArea
----------------------------- */
.l-content .leadMainArea {
	clear: both;
	margin-bottom: 45px;
}
.l-content .leadMainArea p {
	font-size: 15px;
	line-height: 23px;
}

/* -----------------------------
	5 : featureArea
----------------------------- */
.l-content .featureArea { clear: both; }
.l-content .featureContent { padding: 0 15px; }
.l-content .exampleNav {
	position: relative;
	width: 919px;
	height: 579px;
	background: url(/maker/suruga/stage/v8/images/feature01_bg01.png) no-repeat;
	margin: 0 auto;
}
.l-content .exampleNav dl {
	position: absolute;
	width: 273px;
}
.l-content .exampleNav dt {
	height: 0;
	overflow: hidden;
}
.l-content .exampleNav dd {
	font-size: 13px;
	line-height: 20px;
}
.l-content .exampleNav dl.exampleBox01 {
	height: 118px;
	position: absolute;
	top: 80px;
	left: 168px;
}
.l-content .exampleNav dl.exampleBox02 {
	height: 118px;
	position: absolute;
	top: 80px;
	left: 602px;
}
.l-content .exampleNav dl.exampleBox03 {
	height: 198px;
	position: absolute;
	top: 310px;
	left: 168px;
}
.l-content .exampleNav dl.exampleBox04 {
	height: 198px;
	position: absolute;
	top: 310px;
	left: 602px;
}
.l-content .exampleNav .btnArea {
	position: absolute;
	left: 36px;
	bottom: 10px;
}

.l-content .exampleImg dl.exampleBox {
	width: 902px;
	margin: 0 auto;
}
.l-content .exampleImg dl.exampleBox dt {
	width: 565px;
	height: 40px;
	background: url(/maker/suruga/stage/v8/images/example_ttl.png) no-repeat;
	margin-bottom: 16px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .exampleImg dl.exampleBox dt p,
.l-content .exampleImg dl.exampleBox dd p {
	height: 0;
	overflow: hidden;
}
.l-content .exampleImg dl.exampleBox dd { float: left; }

.l-content .model { clear: both; }
.l-content .model h3.model_tltie {
	width: 920px;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 14px;
}
.l-content .model h3.pink {
	background: #fef5f5;
	border-bottom: solid 2px #f19999;
}
.l-content .model h3.blue {
	background: #f0f3f9;
	border-bottom: solid 2px #99b3d6;
}
.l-content .model h3.yellow {
	background: #fff8f0;
	border-bottom: solid 2px #ffd2a2;
}
.l-content .model h3.gleen {
	background: #f2feff;
	border-bottom: solid 2px #93d7df;
}
.l-content .model table img { padding: 15px 0 20px; }
.l-content .model table ul { margin-bottom: 10px; }
.l-content .model table { margin-bottom: 65px; }

.l-content .stageNav h3.stage_tltie {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	background: #dcebf7;
	padding: 10px 0;
}
.l-content .stageNav {
	clear: both;
	width: 930px;
	margin: 0 auto;
}
.l-content .stageNav dl {
	float: left;
	position: relative;
	height: 94px;
}
.l-content .stageNav dt {
	height: 0;
	overflow: hidden;
}
.l-content .stageNav dl.v01 { background-image: url(/maker/suruga/stage/v8/images/feature01_bg02.png); }
.l-content .stageNav dl.stageBox01 {
	width: 227px;
	background-position: 0 0;
}
.l-content .stageNav dl.stageBox01 .btnArea { width: 227px; }
.l-content .stageNav dl.stageBox02 {
	width: 239px;
	background-position: -227px 0;
}
.l-content .stageNav dl.stageBox02 .btnArea { width: 239px; }
.l-content .stageNav dl.stageBox03 {
	width: 237px;
	background-position: -466px 0;
}
.l-content .stageNav dl.stageBox03 .btnArea { width: 237px; }
.l-content .stageNav dl.stageBox04 {
	width: 226px;
	background-position: -703px 0;
}
.l-content .stageNav dl.stageBox04 .btnArea { width: 226px; }
.l-content .stageNav dl.v02 {
	background-image: url(/maker/suruga/stage/v8/images/feature01_bg03.png);
}
.l-content .stageNav dl.stageBox05 {
	width: 227px;
	background-position: 0 0;
}
.l-content .stageNav dl.stageBox05 .btnArea { width: 227px; }
.l-content .stageNav dl.stageBox06 {
	width: 239px;
	background-position: -227px 0;
}
.l-content .stageNav dl.stageBox06 .btnArea { width: 239px; }
.l-content .stageNav dl.stageBox07 {
	width: 237px;
	background-position: -466px 0;
}
.l-content .stageNav dl.stageBox07 .btnArea { width: 237px; }
.l-content .stageNav .btnArea {
	position: absolute;
	bottom: 7px;
}

.l-content .trouble {
	width: 918px;
	border: 6px solid #dcebf7;
	padding: 24px 19px 60px;
}
.l-content .trouble h3.trouble_tltie {
	font-size: 17px;
	line-height: 20px;
	padding: 12px 0 12px 16px;
	background: #e6e6e6;
	border-left: 7px solid #004098;
}
.l-content .trouble dl.troubleBox dt { margin: 0 auto; }
.l-content .trouble dl.troubleBox dt span,
.l-content .trouble dl.troubleBox dd p {
	display: block;
	height: 0;
	overflow: hidden;
}
.l-content .trouble dl.tb01 dt {
	width: 840px;
	height: 288px;
	background: url(/maker/suruga/stage/v8/images/feature02_bg01.png) no-repeat;
}
.l-content .trouble dl.tb02 dt {
	width: 840px;
	height: 354px;
	background: url(/maker/suruga/stage/v8/images/feature02_bg02.png) no-repeat;
}
.l-content .trouble dl.tb03 dt {
	width: 840px;
	height: 275px;
	background: url(/maker/suruga/stage/v8/images/feature02_bg03.png) no-repeat;
}
.l-content .trouble dl.tb04 dt {
	width: 840px;
	height: 306px;
	background: url(/maker/suruga/stage/v8/images/feature02_bg04.png) no-repeat;
}
.l-content .trouble dl.troubleBox dd.photo { text-align: center; }

.l-content .series h3.series_tltie {
	font-size: 14px;
	line-height: 20px;
	padding: 7px 0 7px 9px;
	background: #dcebf7;
	border-left: 7px solid #415ea6;
}
.l-content .series dl.seriesBox { padding-left: 90px; }
.l-content .series dl.sr01 { background: url(/maker/suruga/stage/v8/images/performance_bg01.png) no-repeat; }
.l-content .series dl.sr02 { background: url(/maker/suruga/stage/v8/images/performance_bg02.png) no-repeat; }
.l-content .series dl.plNone { padding-left: 0; }
.l-content .series table td { text-align: left; }
.l-content .series table p.text {
	float: left;
	padding: 5px 10px 10px;
}
.l-content .series table p.textLeft {
	float: left;
	width: 240px;
	padding: 5px 10px 10px;
}
.l-content .series table p.text .sub_lead {
	font-size: 13px;
	line-height: 35px;
}
.l-content .series table p.photo {
	float: right;
	padding: 10px 15px 15px 0;
}
.l-content .series table p.photoLeft {
	float: left;
	padding: 10px 15px 15px 0;
}
.l-content .series table p.photo-clear {
	clear: both;
	text-align: center;
	padding: 10px 15px 15px 0;
}
.l-content .series table ul.btnLeft {
	float: left;
	width: 224px;
	height: 37px;
}

.l-content .series table ul.btnArea {
	clear: both;
	width: 464px;
	height: 53px;
	margin: 0 auto;
}
.l-content .series table ul.btnArea li { float: left; }
.l-content .series table ul.btnArea li.floatNone { float: none; }
.l-content .series ul.m-notesList { margin-left: 500px; }



.l-content .series-product dl.series-productBox {
	float: left;
	width: 450px;
	margin-bottom: 40px;
}
.l-content .series-product dl.series-productBox dt.title {
	font-size: 14px;
	line-height: 20px;
	padding: 7px 0 7px 9px;
	background: #dcebf7;
	border-left: 7px solid #415ea6;
}
.l-content .series-product dl.series-productBox dd.photo {
	float: left;
}
.l-content .series-product dl.series-productBox dd.text01,
.l-content .series-product dl.series-productBox dd.text02 {
	float: right;
	position: relative;
	height: 150px;
	padding-top: 20px;
}
.l-content .series-product dl.series-productBox dd.text01 {
	width: 273px;
}
.l-content .series-product dl.series-productBox dd.text02 {
	width: 249px;
}
.l-content .series-product dl.series-productBox li.product_btn02 {
	position: absolute;
	left: 0;
	bottom: 20px;
}


/* -----------------------------
	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 .troubleArea dl.qaBox dt.question span {
	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 {
	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 p {
	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 {
	text-align: center;
	margin-top: 20px;
}
.l-content .troubleArea dl.exampleBox dt span.maru {
	background: url(/maker/suruga/stage/v8/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/v8/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/v8/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 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/v8/images/Lineup_lead01.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n02 { background: url(/maker/suruga/stage/v8/images/Lineup_lead02.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n03 { background: url(/maker/suruga/stage/v8/images/Lineup_lead03.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n04 { background: url(/maker/suruga/stage/v8/images/Lineup_lead04.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n05 { background: url(/maker/suruga/stage/v8/images/Lineup_lead05.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n06 { background: url(/maker/suruga/stage/v8/images/Lineup_lead06.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n07 { background: url(/maker/suruga/stage/v8/images/Lineup_lead07.png) no-repeat; }
.l-content .lineupContent dl.lineupBox .n08 { background: url(/maker/suruga/stage/v8/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: 10px 0 15px;
	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/v8/images/Lineup_lead09.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n02 { background: url(/maker/suruga/stage/v8/images/Lineup_lead10.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n03 { background: url(/maker/suruga/stage/v8/images/Lineup_lead11.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n04 { background: url(/maker/suruga/stage/v8/images/Lineup_lead12.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n05 { background: url(/maker/suruga/stage/v8/images/Lineup_lead13.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n06 { background: url(/maker/suruga/stage/v8/images/Lineup_lead14.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n07 { background: url(/maker/suruga/stage/v8/images/Lineup_lead15.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .n08 { background: url(/maker/suruga/stage/v8/images/Lineup_lead16.png) no-repeat; }
.l-content .recommendContent dl.recommendBox .itemPhoto { text-align: center; }
.l-content .recommendContent dl.recommendBox .itemName {
	text-align: center;
	padding: 10px 0 15px;
	border-bottom: 3px solid #004098;
}

/* -----------------------------
	9 : 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 .m-table td.item {
	background: #e6e6e6;
	font-weight: bold;	
}