@charset "utf-8";


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

/* section */
.l-content .section{
	margin-bottom:40px;
}


/* mainTtl */
.l-content .mainTtl_worry {
	width: 766px;
	height: 54px;
	margin:0 auto 30px;
	background: url(/maker/suruga/stage/v2/images/ttl_worry.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .mainTtl_service {
	width: 666px;
	height: 54px;
	margin:0 auto 32px;
	background: url(/maker/suruga/stage/v2/images/ttl_service.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* ------------------------------------------------------
セクション01
------------------------------------------------------ */
.l-content .leadBox {
	margin-bottom:58px;
}
/* contentsBox */
.l-content .contentsBox {
	float:left;
	width:550px;
	height:243px;
	border:10px solid #cad7e9;
}
.l-content .contentsBox .ttl {
	background: url(/maker/suruga/stage/v2/images/ttl_contents.png) no-repeat -10px -10px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	height:45px;
}
.l-content .contentsBox .pageNavi {
	padding:25px 0 0 40px;
}
.l-content .contentsBox .pageNavi li {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:16px;
}
.l-content .contentsBox .pageNavi li a {
	display:block;
	height:16px;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .contentsBox .pageNavi li.navi01 a {
	width:315px;
	background-image:url(/maker/suruga/stage/v2/images/navi_01_20201105.png);
}
.l-content .contentsBox .pageNavi li.navi02 a {
	width:470px;
	background-image:url(/maker/suruga/stage/v2/images/navi_02_20201105.png);
}
.l-content .contentsBox .pageNavi li.navi03 a {
	width:182px;
	background-image:url(/maker/suruga/stage/v2/images/navi_03_20201105.png);
}
.l-content .contentsBox .pageNavi li.navi04 a {
	width:281px;
	background-image:url(/maker/suruga/stage/v2/images/navi_04_20201105.png);
}
.l-content .contentsBox .pageNavi li.navi05 a {
	width:166px;
	background-image:url(/maker/suruga/stage/v2/images/navi_05_20201105.png);
}



/* ------------------------------------------------------
セクション02
------------------------------------------------------ */
/* stageBox */
.l-content .stageBox {
	background: url(/maker/suruga/stage/v2/images/bg_worry_20201105.png) no-repeat left top;
	width:921px;
	height:484px;
	position:relative;
	margin:0 auto 50px;
}
.l-content .stageBox .colL p {
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .stageBox .colR p{
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .stageBox .table01 th,
.l-content .stageBox .table02 th{
	background:#cccccc;
}
.l-content .stageBox .table01 td,
.l-content .stageBox .table02 td{
	background:#fff;
}
.l-content .stageBox .table01 {
	position:absolute;
	width:227px;
	left:270px;
	top:197px;
}
.l-content .stageBox .table01 td,
.l-content .stageBox .table01 th{
	padding:2px;
}
.l-content .stageBox .table01 td div{
	padding-left:10px;
}
.l-content .stageBox .table02 {
	position:absolute;
	width:227px;
	left:270px;
	top:367px;
}
.l-content .stageBox .tableTtl {
	position:absolute;
	left:270px;
	top:356px;
}
.l-content .stageBox .table02 td,
.l-content .stageBox .table02 th{
	padding:2px;
}
.l-content .stageBox .table02 td div{
	padding-left:10px;
}
.l-content .stageBox .btn01 {
	position:absolute;
	left:647px;
	top:279px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .stageBox .btn02 {
	position:absolute;
	left:647px;
	top:383px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .stageBox .btn01 a,
.l-content .stageBox .btn02 a {
	display: block;
	width: 170px;
	height: 32px;
	background:url(/maker/suruga/stage/v2/images/stage_v2_image08.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
 }

/* ------------------------------------------------------
セクション03
------------------------------------------------------ */
.l-content .guideTtl_top {
	background: url(/maker/suruga/stage/v2/images/ttl_guide.png) no-repeat left top;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	width:950px;
	height:21px;
	margin:30px 0 15px;
}
.l-content .guideTxt_top {
	background: url(/maker/suruga/stage/v2/images/pic_guide_01.png) no-repeat left top;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	width:950px;
	height:35px;
	margin-bottom:7px;
}

/* guideBox */
.l-content .guideBox {
	margin:0 -10px 45px 0;
}
.l-content .guideBox .guideList {
}
.l-content .guideBox .guideList li {
	float:left;
	border:2px solid #3366ad;
	width:226px;
	margin-right:10px;
	position:relative;
	text-align:center;
	padding:0 0 15px;
}
.l-content .guideBox .guideList .guideList01 {
	width:465px;
}
.l-content .guideBox .guideList li .ttl {
	margin-bottom:10px;
	font-weight:bold;
	background:#3366ad;
	padding:5px 0;
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;
}
.l-content .guideBox .guideList li .ttlTxt {
	min-height:60px;
	height: auto !important;
	height: 60px;
	margin-bottom:10px;
	text-align:left;
	padding:0 10px;
	letter-spacing:2px;
}
.l-content .guideBox .guideList li .ttlTxt em{
	font-style:normal;
	color:#dd0000;
}
.l-content .guideBox .guideList li .guideList01 .box {
	width:448px;
}
.l-content .guideBox .guideList li .box .mainPic {
	margin-bottom:17px;
}
.l-content .guideBox .guideList li .box .name {
	margin:0 15px 10px;
	background:#3366ad;
	padding:3px 0;
	color:#FFF;
	font-weight:bold;
	letter-spacing:2px;
	font-size:14px;
}
.l-content .guideBox .guideList li .box .TopNoTtl {
	padding-top:37px;
	height:155px;
}
.l-content .guideBox .guideList li .box .secondPic {
	margin-bottom:15px;
}
.l-content .guideBox .guideList li .box .caption {
	min-height:75px;
	height: auto !important;
	height: 75px;
	margin-bottom:10px;
	text-align:left;
	padding:0 15px;
	letter-spacing:2px;
}
.l-content .guideBox .guideList li .box .btn {
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	width:170px;
	margin:0 auto;
}
.l-content .guideBox .guideList li .box .btn a {
	display:block;
	width:170px;
	height:32px;
	background: url(/maker/suruga/stage/v2/images/sprite_btn_v2.png) no-repeat 0 -188px;
}
.l-content .guideBox .guideList li .box .boxL {
	float:left;
	width:223px;
}
.l-content .guideBox .guideList li .box .boxR {
	float:right;
	width:223px;
}


/* ------------------------------------------------------
セクション04
------------------------------------------------------ */
/* exampleBox */
.l-content .exampleBox {
	margin:35px 0 0 20px;
}
.l-content .exampleBox li{
	float:left;
}


/* ------------------------------------------------------
セクション05,06
------------------------------------------------------ */
/* lineupBox */
.l-content .lineupBox {
	margin:0 0 0 15px;
}

.l-content .lineupBox ul {
	margin:0 0 10px;
}
.l-content .lineupBox li{
	float:left;
	border-top:1px solid #b2c5e0;
	border-bottom:1px solid #b2c5e0;
	width:225px;
	margin-right:4px;
	position:relative;
}
.l-content .lineupBox li dl {
	border-left:1px solid #b2c5e0;
	border-right:1px solid #b2c5e0;
	border-bottom:3px solid #004098;
	border-top:3px solid #004098;
	text-align:center;
}
.l-content .lineupBox li dl dt,
.l-content .lineupBox li dl dd{
	margin:0;
	padding:0;
}
.l-content .lineupBox li dl .name{
	padding:270px 10px 10px;
	min-height:40px;
	height: auto !important;
	height: 40px;
}	
.l-content .lineupBox li dl .pic{
	top:89px;
	left:0;
	position:absolute;
	width:225px;
	line-height:0;
	font-size:0;
}
.l-content .lineupBox li dl .caption {
	top:3px;
	left:15px;
	position:absolute;
	width:200px;
	height:86px;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .lineupBox li.box_hover {
  cursor: pointer;
}
.l-content .lineupBox li.box_hover .pic img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .lineupBox li.box_hover dl .caption{
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .lineupBox .lineup01 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_01.png) no-repeat;
}
.l-content .lineupBox .lineup02 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_02.png) no-repeat;
}
.l-content .lineupBox .lineup03 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_03.png) no-repeat;
}
.l-content .lineupBox .lineup04 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_04.png) no-repeat;
}
.l-content .lineupBox .lineup05 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_05.png) no-repeat;
}
.l-content .lineupBox .lineup06 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_06.png) no-repeat;
}
.l-content .lineupBox .lineup07 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_07.png) no-repeat;
}
.l-content .lineupBox .lineup08 dl .caption {
	background: url(/maker/suruga/stage/v2/images/txt_lineup_08.png) no-repeat;
}

.l-content .stageItemListContainer {
	width: 921px;
	border: 2px solid #b2c5e0;
}

.l-content .stageItemListContent {
	width: 762px;
}

.l-content .stageItemListDetail {
	float: left;
	width: 200px;
	border-right: 1px dotted #004098;
}

.l-content .stageItemListDetail.final {
	border-right: none;
}

.l-content .stageItemListDetail .stageItemName {
	height: 40px;
}

.l-content .stageItemListDetail .stageItemImage {
	width: 200px;
	height: 142px;
}

.l-content .stageItemBtnBox .stageItemBtnDetail {
	display: block;
	width: 170px;
	height: 32px;
	background:url(/maker/suruga/stage/v2/images/stage_v2_image08.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .stageItemTableContainer .addBgDeepColor {
	background-color: #add8e6 !important;
}

.l-content .stageItemTableContainer .addBgLightColor {
	background-color: #e0ffff !important;
}


.l-content .stageItemTableContainer .m-table th {
	padding: 10px;
}