/* ========== contents-area ============================== */
#contents-area {
	margin-bottom:  100px;
}
#contents-area p {
/*	line-height: 1.5;*/
}

.pdficon {
	display: none;
}

/* ========== mv ============================== */
#mv {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 10px;
	min-width: 950px;
}
#mv img {
	width: 100%;
}

/* ========== page_navi ============================== */
#page_navi {
	position: fixed;
	top: 50%;
	left: 0;
	width: 110px;
	border: 1px solid #d8dadc;
	border-width: 1px 1px 1px 0;
	margin-top: -227px;
	z-index: 100;
}

.page_navi_list_item {
	width: 110px;
	height: 90px;
	border-bottom: 1px solid #d8dadc;
	position: relative;
}

.page_navi_list_item:last-child {
	border: none;
}

.page_navi_list_item > a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #e0e1e2;
	color: inherit;
	font-size: 14px;
	text-decoration: none!important;
	outline: none;
	line-height: 1.2;
}

.page_navi_list_item:hover > a,
.page_navi_list_item.is-current > a {
	background: #acacad;
}

.page_navi_list_item > a:before {
	content: "";
	display: block;
	margin: 0 auto 8px;
	background-size: 100% auto!important;
}

.page_navi_list_item-detail > a:before {
	width: 27px;
	height: 34px;
	padding-top: 17px;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/navi/navi_ic1.png) no-repeat 0 17px;
}

.page_navi_list_item-server > a:before {
	width: 41px;
	height: 30px;
	padding-top: 16px;
	margin-bottom:12px;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/navi/navi_ic2.png) no-repeat 0 16px;
}

.page_navi_list_item-security > a:before {
	width: 34px;
	height: 42px;
	padding-top: 4px;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/navi/navi_ic3.png) no-repeat 0 4px;
}

.page_navi_list_item-migration > a:before {
	width: 43px;
	height: 32px;
	padding-top: 17px;
	margin-bottom:12px;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/navi/navi_ic4.png) no-repeat 0 17px;
}

.page_navi_list_item-storage > a:before {
	width: 33px;
	height: 37px;
	padding-top: 14px;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/navi/navi_ic5.png) no-repeat 0 14px;
}

.page_navi_list_item:hover .page_navi_innerList {
	display: block;
}

.page_navi_innerList {
	width: 290px;
	position: absolute;
	top: 0;
	right: -290px;
	display: none;
}

.page_navi_innerList_item {
	width: 100%;
	height: 62px;
	border-bottom: 1px solid #6c7176;
	display: table;
}

.page_navi_innerList_item:last-child {
	border-bottom: none;
}

.page_navi_innerList_item > a {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/navi/bg.png);
}

.page_navi_innerList_item > a:hover {
	text-decoration: none;
	background-color:rgba(0,0,0,0.5);
}


/* ========== contents_section ============================== */
.contents_section {
	width: 100%;
	margin-bottom: 80px;
	font-size: 16px;
}

.contents_section:last-of-type {
	margin-bottom: 0;
}

.contents_section p {
	margin-bottom: 14px;
}

.section_ttl {
	font-size: 32px;
	font-weight: bold;
	width: 100%;
	padding: 33px 0;
	background: #f4f5f6;
	text-align: center;
	margin-bottom: 50px;
}

.section_ttl:before {
	content: "";
	display: block;
	margin: 0 auto 5px;
}

#detail .section_ttl:before {
	width: 39px;
	height: 50px;
	background: url(/biz/set/data/special/aspire_developer/img/p/detail/ttl_ic.png) no-repeat;
}

#server .section_ttl:before {
	width: 68px;
	height: 50px;
	background: url(/biz/set/data/special/aspire_developer/img/p/server/ttl_ic.png) no-repeat;
}

#security .section_ttl:before {
	width: 40px;
	height: 50px;
	background: url(/biz/set/data/special/aspire_developer/img/p/security/ttl_ic.png) no-repeat;
}

#migration .section_ttl:before {
	width: 67px;
	height: 50px;
	background: url(/biz/set/data/special/aspire_developer/img/p/migration/ttl_ic.png) no-repeat;
}

#storage .section_ttl:before {
	width: 44px;
	height: 50px;
	background: url(/biz/set/data/special/aspire_developer/img/p/storage/ttl_ic.png) no-repeat;
}

.article_ttl {
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 14px;
	border-bottom: 2px solid #84919d;
	margin-bottom: 32px;
}

.indent_txt {
	text-indent: -1em;
	padding-left: 1em;
}

.indent_txt2 {
	text-indent: -2em;
	padding-left: 2em;
}

.indent_txt3 {
	text-indent: -3em;
	padding-left: 3em;
}

.small_txt {
	font-size: 14px;
}

.link_txt {
	background: url(/biz/set/data/special/aspire_developer/img/p/common/arw_right_blue.png) no-repeat left center;
	padding-left: 15px;
}

.aspire_more_link {
	margin: 30px 0 0;
	font-size: 16px;
}

.sns_wrap {
	position: relative;
}

.snsComponent {
	position: absolute;
	top: 80px;
	left: 0;
}


/* ========== footer ============================== */
.l-footer_text{
	font-size: 12px;
}


/* ========== detail ============================== */
.detailFlow {
}

.detailFlow_lead {
	margin-bottom: 45px!important;
}

#detail-1,
#detail-2,
#detail-3,
#detail-4{
	margin-bottom: 50px;
}

.detailFlow_item {
	width: 100%;
	overflow: hidden;
	margin-bottom: 45px;
}

.detailFlow_item:last-child {
	margin-bottom: 0;
}

.detailFlow_item_ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}

.detailFlow_item_ttl span {
	display: inline-block;
	width: 33px;
	background: #84919d;
	color: #fff;
	font-size: 16px;
	margin-right: 18px;
	line-height: 27px;
	text-align: center;
	vertical-align: top;
}

.detailFlow_item_img {
	width: 560px;
	float: left;
}

.detailFlow_txt {
	width: 340px;
	float: right;
}

.detailFlow_txt p,
.detailFlow_txt li{
	line-height: 1.75;
	word-break: break-all;
}

.detailFlow_txt p:last-child {
	margin-bottom: 0;
}

.detailFlow_txt .gray_box {
	background: #f4f5f6;
	padding: 30px;
}


/* ========== trend ============================== */
#trend {
}

#trend-1,
#trend-2,
#trend-3 {
	margin-bottom: 50px;
}

/* trend_lead */
.trend_lead {
	width: 100%;
	margin-bottom: 26px;
}

.trend_lead dt {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.trend_lead dd {
	line-height: 1.7;
}

/* trend_navi */
.trend_navi {
	width: 100%;
	overflow: hidden;
	margin-bottom: 60px;
}

.trend_navi li {
	width: 306px;
	float:  left;
	border: 1px solid #d8dadc;
	box-sizing: border-box;
	margin-right: 16px;
}

.trend_navi li:last-child {
	margin-right: 0;
}

.trend_navi li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
}

.trend_navi li a:hover {
	text-decoration: none;
	opacity: 0.6;
}

.trend_navi li dt {
	font-weight: bold;
	line-height: 39px;
	border-bottom: 1px solid #d8dadc;
	background: #f4f5f6;
	text-align: center;
}

.trend_navi li dd {
	padding: 16px 20px;
	min-height: 83px;
	box-sizing: border-box;
	position: relative;
}

.trend_navi li dd:after {
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url(/biz/set/data/special/aspire_developer/img/p/common/arw_bottom_blue.png) no-repeat;
	position: absolute;
	bottom: 9px;
	left: 50%;
	margin-left: -5px;
}

/* assignment */
.assignment {
}

.assignment_item {
	width: 100%;
	border: 1px solid #d8dadc;
	box-sizing: border-box;
	margin-bottom: 60px;
}

.assignment_item:last-child {
	margin-bottom: 0;
}

.assignment_item_ttl {
	font-weight: bold;
	border-bottom: 1px solid #d8dadc;
	background: #f4f5f6;
	padding: 12px 19px;
	font-size: 20px;
}

.assignment_item_subTtl {
	font-weight: bold;
	border: 1px solid #d8dadc;
	background: #f4f5f6;
	padding: 10px 19px;
	font-size: 16px;
	margin-bottom: 15px;
}

.assignment_item_subTtl2 {
	font-weight: bold;
	background: #d8dadc;
	padding: 12px 50px 9px;
	font-size: 20px;
	margin-bottom: 25px;
}

.assignment_item_subTtl3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

.assignment_item_inner {
	width: 100%;
	padding: 45px 50px;
	box-sizing: border-box;
}

.bg-gray .assignment_item_inner {
	width: 100%;
	padding: 0 50px 45px 50px;
	box-sizing: border-box;
}

.bg-gray {
	background: #f4f5f6;
}

.assignment_item_ttl span {
	display: inline-block;
	background: #84919d;
	color: #fff;
	padding: 3px 9px 2px;
	font-size: 16px;
	margin-right: 20px;
}

/* assignmentTalk */
.assignment_item_inner .assignmentTalk {
	margin-bottom: 40px;
}

.assignment_item_inner .assignmentTalk_user {
	min-height: 96px;
	margin: 0 0 25px 117px;
	position: relative;
}

.assignment_item_inner .assignmentTalk_user span {
	display: block;
	border-radius: 18px;
	background: #eef3f9;
	padding: 26px 32px 24px;
	box-sizing: border-box;
	position: relative;
}

.assignment_item_inner .assignmentTalk_user:before {
	content: "縺雁ｮ｢縺輔∪";
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 0;
	left: -100px;
	padding-top: 80px;
	min-width: 60px;
	background: url(/biz/set/data/special/aspire_developer/img/p/trend/article1/person_img1.png) no-repeat center top;
}

.assignment_item_inner .assignmentTalk_user span:after {
	content: "";
	width: 18px;
	height: 15px;
	display: block;
	background: url(/biz/set/data/special/aspire_developer/img/p/trend/article1/balloon_arw_left.png);
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -7px;
}

.assignmentTalk_sb {
	min-height: 96px;
	margin: 0 117px 25px 0;
	position: relative;
}

.assignmentTalk_sb span {
	display: block;
	border-radius: 18px;
	background: #eef3f9;
	padding: 26px 32px 24px;
	box-sizing: border-box;
	position: relative;
}

.assignmentTalk_sb:before {
	content: "繧ｽ繝輔ヨ繝舌Φ繧ｯSE";
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 0;
	right: -120px;
	padding-top: 80px;
	min-width: 60px;
	background: url(/biz/set/data/special/aspire_developer/img/p/trend/article1/person_img2.png) no-repeat center top;
}

.assignmentTalk_sb span:after {
	content: "";
	width: 18px;
	height: 15px;
	display: block;
	background: url(/biz/set/data/special/aspire_developer/img/p/trend/article1/balloon_arw_right.png);
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -7px;
}

.assignment_item_inner .assignmentTalk_text {
	margin-bottom: 23px;
}

/**/
.assignment_item_img {
	text-align: left;
	margin: 0 auto;
	display: inline-block;
}

/* method_item */
.method_item {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
}

.method_item_ttl {
	font-weight: bold;
	border: 1px solid #d8dadc;
	background: #f4f5f6;
	padding: 10px 25px;
	font-size: 20px;
	margin-bottom: 20px;
}

.method_target {
	width: 100%;
	border: 1px solid #d8dadc;
	box-sizing: border-box;
	margin-bottom: 50px;
}

.method_target_ttl {
	background: #d8dadc;
	font-size: 20px;
	font-weight: bold;
	padding: 0 20px;
	line-height: 50px;
}

.method_target_inner {
	padding: 19px;
	background: #f4f5f6;
	overflow: hidden;
}

.method_target_inner p {
	text-align: left;
}

.method_target_inner p:last-child {
	margin-bottom: 0;
}

.method_target_inner dl {
	width: 448px;
	background: #fff;
	padding: 25px;
	box-sizing: border-box;
}

.method_target_inner dt {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.method_item_img {
	float: left;
	margin-right: 50px;
}

/* method_func_list */
.method_func_list {
	width: 100%;
	overflow: hidden;
	margin-top: -15px;
}

.method_func_list li {
	width: 306px;
	float:  left;
	border: 1px solid #d8dadc;
	box-sizing: border-box;
	margin-right: 16px;
	margin-top: 15px;
}

.method_func_list li:nth-child(3n) {
	margin-right: 0;
}

.method_func_list li dt {
	font-weight: bold;
	line-height: 39px;
	border-bottom: 1px solid #d8dadc;
	background: #f4f5f6;
	padding: 0 19px;
}

.method_func_list li dt span {
	display: inline-block;
	width: 24px;
	height: 21px;
	background: #84919d;
	color: #fff;
	font-size: 16px;
	margin-right: 18px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
}

.method_func_list li dd {
	padding: 16px 20px;
	box-sizing: border-box;
	position: relative;
	line-height: 1.4;
}

/*method_structure*/
.method_structure {
	width: 100%;
	padding: 45px 50px;
	box-sizing: border-box;
	background: #f4f5f6;
	border: 1px solid #d8dadc;
}

.method_structure_item {
	margin-bottom: 50px;
}

.method_structure_item:last-child {
	margin-bottom: 0;
}

.method_structure_item_ttl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}



/* 譛€邨りｿｽ蜉�*/
#license_option td ul,
#license_option td li{
	display: inline-block;
}
#license_option th,
#virtual_network th{
	font-size: 14px;
}
#license_option td {
	width: 18%;
	font-size: 14px;
}
#virtual_network td {
	width: 29%;
	font-size: 14px;
}



/*edgegateway*/
#edgegateway .img {
	float: right;
	margin-left: 50px;
}

/*license_option*/
#license_option {
	margin-bottom: 50px;
}

/**/
.method_func_list-pattern li {
	width: 467px;
	float: left;
	margin-right: 0;
}

.method_func_list-pattern li:nth-child(2n) {
	float: right;
	margin-right: 0;
}
.method_func_list-pattern li dt {
	padding: 10px 19px 10px 60px;
	position: relative;
	line-height: 1.6;
}
.method_func_list-pattern li dt span {
	position: absolute;
	top: 12px;
	left: 19px;
}
.method_func_list-pattern li dd {
	text-align: center;
	padding: 25px 0 22px;
}

/*aspire_migration*/
#aspire_migration {
	margin-bottom: 50px;
}

/*virtual_network*/
.text-red { color: #f00; }
.text-blue { color: #6cacdd; }
.text-green { color: #9fcaac; }