@charset "utf-8";

/* -----------------------------
	1 : commonArea
----------------------------- */
.l-content ul.btnArea 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/v5/images/btn_lineup.png) no-repeat;
}
.l-content ul.btnArea li.monitor a {
	width: 275px;
	height: 37px;
	margin: 102px auto 0;
	background: url(/maker/suruga/stage/v5/images/btn_options.png) no-repeat;
}
.l-content p.mainTtl_service {
	width: 748px;
	height: 57px;
	margin: 0 auto 30px;
	background: url(/maker/suruga/stage/v5/images/mainTtl_service_20201105.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .itemBtn a {
	display: block;
	width: 177px;
	height: 29px;
	margin: 20px auto 0;
	background: url(/maker/suruga/stage/v5/images/btn_item.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content a {
  text-decoration: none;
}

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

/* -----------------------------
	3 : 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/v5/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: 16px;
	background-image: url(/maker/suruga/stage/v5/images/sprite_navi_v5_20201105.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.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 : troubleArea
----------------------------- */
.l-content .troubleArea { clear: both; }
.l-content .troubleContent {
	width: 950px;
	margin: 0 auto;
}
.l-content .troubleArea p.lead {
	width: 920px;
	margin: 0 0 20px 15px;
}
.l-content .troubleArea .lead_bold {
  font-size: 14px;
  font-weight: bold;
}
.l-content .troubleContent .exampleArea {
  margin-left: 15px;
}
.l-content .troubleContent .exampleArea h3.ttl {
	width: 920px;
	height: 35px;
  margin-bottom: 13px;
	background: url(/maker/suruga/stage/v5/images/ttl_example.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	5 : exampleContent
----------------------------- */
.l-content .exampleContent {
  width: 920px;
	background: url(/maker/suruga/stage/v5/images/bg_examplearea.png) repeat-y;
}
.l-content .exampleContent dl.itemBox {
	float: left;
	width: 256px;
	margin-right: 10px;
  padding: 20px;
  border: 2px solid #339ebc;
  background-color: #fff;
}
.l-content .exampleContent dl.itemBox.n02 {
  border-color: #677eb8;
}
.l-content .exampleContent dl.itemBox.n03 {
	margin-right: 0;
  border-color: #7a70b2;
}
.l-content .exampleContent dl.itemBox .itemTitle {
  margin-bottom: 20px;
}
.l-content .exampleContent dl.itemBox .itemName {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.l-content .exampleContent .itemBoxWide dl.itemBox.n02 .itemTitle,
.l-content .exampleContent .itemBoxWide dl.itemBox.n02 .itemTitle,
.l-content .exampleContent .itemBoxWide dl.itemBox.n02 .itemName,
.l-content .exampleContent .itemBoxWide dl.itemBox.n03 .itemName {
  margin-bottom: 14px;
}
.l-content .exampleContent dl.itemBox .itemName .u-normal {
  font-weight: normal;
}
.l-content .exampleContent dl.itemBox .itemPhoto { text-align: center; }

/* itemBoxWide */
.l-content .exampleContent .itemBoxWide dl.itemBox {
  height: 355px;
}
.l-content .exampleContent .itemBoxWide dl.itemBox.n01 .itemBtn a {
  margin-top: 10px;
}
.l-content .exampleContent dl.itemBox.n01 dt {
	width: 255px;
	height: 40px;
	background: url(/maker/suruga/stage/v5/images/ttl_eg_terminal.png) no-repeat 0 0;
}
.l-content .exampleContent dl.itemBox.n02 dt {
	width: 256px;
	height: 115px;
	background: url(/maker/suruga/stage/v5/images/ttl_eg_pcplc.png) no-repeat 0 0;
}
.l-content .exampleContent dl.itemBox.n03 dt {
	width: 256px;
	height: 115px;
	background: url(/maker/suruga/stage/v5/images/ttl_eg_plc.png) no-repeat 0 0;
}
.l-content .exampleContent dl.itemBox.n01 dt,
.l-content .exampleContent dl.itemBox.n02 dt,
.l-content .exampleContent dl.itemBox.n03 dt {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* itemBoxNarrow */
.l-content .exampleContent .itemBoxNarrow {
  margin-left: 30px;
}
.l-content .exampleContent .itemBoxNarrow dl.itemBox {
	width: 196px;
	margin-right: 70px;
}
.l-content .exampleContent .itemBoxNarrow dl.itemBox.n03 {
	margin-right: 0;
}
.l-content .exampleContent .itemBoxNarrow dl.itemBox .itemName {
  margin-bottom: 10px;
}
.l-content .exampleContent .itemBoxNarrow dl.itemBox .itemBtn a {
  margin-top: 4px;
}
/* exampleContent02 */
.l-content .exampleContent .exampleContent02.itemBoxNarrow {
  margin-left: 340px;
}
.l-content .exampleContent .exampleContent02.itemBoxNarrow dl.itemBox .itemName {
  margin-bottom: 0;
}

/* autostageArea */
.l-content .exampleContent .autostageArea {
	width: auto;
  padding: 20px 20px 10px;
  border: 2px solid #ffa60a;
  background-color: #fff;
}
.l-content .exampleContent .autostageArea .ttl {
	width: 875px;
	height: 42px;
  margin-bottom: 13px;
	background: url(/maker/suruga/stage/v5/images/ttl_stage.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .exampleContent .autostageArea dl.itemBox {
	float: left;
	width: 255px;
	margin-right: 54px;
  padding: 0;
  border: 0;
}
.l-content .exampleContent .autostageArea dl.itemBox.n03 {
	margin-right: 0;
}
.l-content .exampleContent .autostageArea dl.itemBox .itemName {
  margin-bottom: 3px;
}

/* -----------------------------
	6 : 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: 20px;
  padding: 0 12px 20px;
  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 {
  float: left;
  width: 244px;
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.l-content .caseArea .caseBox ul li dt {
  height: 62px;
  padding-top: 20px;
  font-weight: bold;
}

/* -----------------------------
	7 : guideArea
----------------------------- */
.l-content .guideContent {
	width: 920px;
	margin-left: 15px;
}
.l-content .guideContent p.lead {
	margin-bottom: 20px;
}
.l-content .guideArea .lead_bold {
  font-size: 14px;
  font-weight: bold;
}
.l-content .guideContent dl.itemBox {
	float: left;
	width: 258px;
  height: 263px;
	margin-right: 10px;
  padding: 20px;
  border: 1px solid #004098;
}
.l-content .guideContent dl.itemBox.n03 {
  margin-right: 0;
}
.l-content .guideContent dl.itemBox .itemName {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #004098;
  font-weight: bold;
  text-align: center;
}
.l-content .guideContent dl.itemBox .itemPhoto {
  margin-bottom: 20px;
  text-align: center;
 }
.l-content .guideContent dl.itemBox .itemList {
  padding-left: 1em;
  text-indent: -1em;
}
.l-content .guideContent dl.itemBox .itemList span {
  padding-right: 5px;
}
.l-content .guideArea .gonioStageBox {
	margin-left: 15px;
}
.l-content .guideArea .gonioStageBox dl.itemBox {
  float: left;
  width: 451px;
  height: 208px;
  border: 2px solid #ccd9ea;
}
.l-content .guideArea .gonioStageBox dl.itemBox dt {
  padding: 10px 0 12px;
  background-color: #ccd9ea;
  font-weight: bold;
  text-align: center;
}
.l-content .guideArea .gonioStageBox dl.itemBox dd.itemPhoto,
.l-content .guideArea .gonioStageBox dl.itemBox dd.itemList {
  float: left;
  margin: 30px 0 0 28px;
}
.l-content .guideArea .gonioStageBox dl.itemBox dd.itemList {
  width: 180px;
}
.l-content .guideArea .rotaryStageBox {
	margin-left: 15px;
}
.l-content .guideArea .rotaryStageBox dl.itemBox {
  float: left;
  width: 296px;
  height: 294px;
  border: 2px solid #ccd9ea;
}
.l-content .guideArea .rotaryStageBox dl.itemBox dt {
  padding: 10px 0 12px;
  background-color: #ccd9ea;
  font-weight: bold;
  text-align: center;
}
.l-content .guideArea .rotaryStageBox dl.itemBox dd.itemPhoto,
.l-content .guideArea .rotaryStageBox dl.itemBox dd.itemList {
  width: 218px;
  margin: 20px auto 0;
}
.l-content .guideArea .rotaryStageBox dl.itemBox dd.itemList {
  margin-top: 12px;
}
.l-content .guideArea p.rotaryNote {
  margin-left: 15px;
}

/* table */
.l-content .m-table {
  width: 918px;
  margin-left: 15px;
}
.l-content .m-table .addColor01 {
	background-color: #f0f3f9 !important;
}
.l-content .m-table .addColor02 {
	background-color: #fef5f5 !important;
}
.l-content .m-table .addColor03 {
	background-color: #ffe0e0 !important;
}
.l-content .m-table dl.itemBox {
  margin: 13px 0;
}

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

/* -----------------------------
	9 : recommendArea
----------------------------- */
.l-content .recommendContent { margin: 0 0 0 18px; }
.l-content .recommendContent dl.itemBox {
	float: left;
	width: 223px;
	border: 1px solid #b2c5e0;
	margin: 10px 4px 0 0;
}
.l-content .recommendContent dl.itemBox .itemLead {
	width: 223px;
	height: 87px;
	border-top: 3px solid #004098;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 11px;
}
.l-content .recommendContent dl.itemBox .n01 { background: url(/maker/suruga/stage/v5/images/lead_recommend01.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n02 { background: url(/maker/suruga/stage/v5/images/lead_recommend02.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n03 { background: url(/maker/suruga/stage/v5/images/lead_recommend03.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n04 { background: url(/maker/suruga/stage/v5/images/lead_recommend04.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n05 { background: url(/maker/suruga/stage/v5/images/lead_recommend05.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n06 { background: url(/maker/suruga/stage/v5/images/lead_recommend06.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n07 { background: url(/maker/suruga/stage/v5/images/lead_recommend07.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .n08 { background: url(/maker/suruga/stage/v5/images/lead_recommend08.png) no-repeat center 15px; }
.l-content .recommendContent dl.itemBox .itemPhoto { 
	text-align: center;
	height: 161px;
}
.l-content .recommendContent dl.itemBox .itemName {
	text-align: center;
	padding: 15px 0;
	border-bottom: 3px solid #004098;
}

/* 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)";
}

/* -----------------------------
	10 : optionsArea
----------------------------- */
.l-content .optionsArea {
	width: 950px;
	height: 167px;
	background: #fff7de url(/maker/suruga/stage/v5/images/lead_options.png) no-repeat center 33px;
	margin-top: 32px;
}
.l-content .optionsArea p {
	height: 0;
	overflow: hidden;
}
.l-content .m-table th {
	padding: 10px;
}