@charset "utf-8";
/* CSS Document */

.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex > dl {
	width: 48%;
	margin-right: 2%;
}

.content a{
color: #3b3b3b! important;
text-decoration: none;
border-bottom: 1px dotted #3b3b3b ;
padding-bottom: 1px;} /* upd ike 1706 */

h2.service_title{
	font-size: 3.8rem;
	font-size: 38px;
	text-align: center;
	font-weight: normal;
	background: url(/sevice_shared/img/top/sitemap/bg_bar.png) repeat-x center center;
}
h2.service_title span{
	padding: 0 10px;
	background: #fff;
}

section.borderline{
	padding: 60px 0;
	border-bottom: #ddd solid 1px;
}

.sitemap dl {
	margin-top: 20px;
}
.sitemap dt {
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.sitemap dd {
	margin-left: 20px;
	margin-bottom: 10px;
}

/*  cloud  */
section.borderline .titleArea h3.cloud{
	display: inline-block;
	padding: 0 0 0 80px;
	line-height: 80px;
	background: url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat left center / 60px;
}

section.borderline .titleArea p a.cloudlogin{
	color: #479DED;
	border: #479DED solid 3px;
	padding: 5px 20px;	
}
section.borderline .titleArea p a.cloudlogin:hover{
	color: #fff!important;
	background: #479DED;
	text-decoration: none;
}
section.borderline .link_cloud a{
	padding: 0 0 0 12px;
	background: url(/sevice_shared/img/top/sitemap/ico_arrow_cloud.png) no-repeat left 50%;
}

/* container */
section.borderline .titleArea h3.container{
	display: inline-block;
	padding: 0 0 0 80px;
	line-height: 80px;
	background: url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat left center / 58px;
}

/* zenlogic */
section.borderline .titleArea h3.zenlogic{
	display: inline-block;
	padding: 0 0 0 80px;
	line-height: 80px;
	background: url(/sevice_shared/img/svg/rentalserver/icn_rentalserver.svg) no-repeat left center / 60px;
}

section.borderline .titleArea p a.zenlogiclogin{
	border: #48c3ec solid 3px;
	padding: 5px 20px;
}
section.borderline .titleArea p a.zenlogiclogin:hover{
	color: #fff!important;
	background: #48c3ec;
	text-decoration: none;
}


/*  datacenter  */
section.borderline .titleArea h3.datacenter{
	display: inline-block;
	padding: 0 0 0 80px;
	line-height: 80px;
	background: url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat left center / 60px;
}

section.borderline .titleArea p a.datacenterlogin{
	color: #4A4A77;
	border: #4A4A77 solid 3px;
	padding: 5px 20px;	
}
section.borderline .titleArea p a.datacenterlogin:hover{
	color: #fff!important;
	background: #4A4A77;
	text-decoration: none;
}
section.borderline .link_datacenter a{
	padding: 0 0 0 12px;
	background: url(/sevice_shared/img/top/sitemap/ico_arrow_datacenter.png) no-repeat left 50%;
}


/*  help  */
section.borderline .titleArea h3.help{
	display: inline-block;
	padding: 0 0 0 75px;
	line-height: 60px;
	background: url(/sevice_shared/img/top/sitemap/ico_help.png) no-repeat left center;
}

section.borderline .titleArea p a.apidocslogin{
	color: #333333;
	border: #333333 solid 3px;
	padding: 5px 20px;
}
section.borderline .titleArea p a.apidocslogin:hover{
	color: #fff;
	background: #777777;
	text-decoration: none;
}

section.borderline .titleArea p{
	display: inline-block;
	margin: 0 0 0 25px;
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
}

section .content .layout-frame {
	clear: both;
	overflow: hidden;
}
section .content .layout-unit {
	float: left;
	display: inline;
}
section .content .layout-4col { width: 22.5%; }

section .content .btn_layout-frame {
	width: 100%;
	clear: both;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
section .content .btn_layout-unit {
	float: left;
	display: inline;
}
section .content .btn_layout-3col { width: 32.5%; }	/* 0814 ike update btn_layout-4col 22.5%*/
section .content .btn_layout-unit a{
	display: table;
	padding: 6% 5% 5% 19%;
	width: 65%;
}
section .content .btn_layout-unit a p{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

section .content .btn_layout-unit a.cloud{ background: url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat 0 center / 42px;}
section .content .btn_layout-unit a.container{ background: url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 5px center / 35px;}
section .content .btn_layout-unit a.storage{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_obst.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.gcs{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.gcda{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.cache{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.cnc{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.dns{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.gslb{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_gslb.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.baremetal{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.private{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.ilb{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.rdb{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.cachedb{ background: url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.dc{ background: url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.nw{ background: url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat 0 center / 45px;}
section .content .btn_layout-unit a.rentalserver{ background: url(/sevice_shared/img/svg/rentalserver/icn_rentalserver.svg) no-repeat 0 center / 45px;}

section .buttonArea{
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
}

section .buttonArea p.buttonVariable{
	display: inline-block;
	margin: 0 10px 0;
	font-size:18px;
	width: 100%;
	max-width: 250px;
}
section .buttonArea p.buttonVariable a{
	color: #333;
	border: #333 solid 3px;
	padding: 15px 0;
	display: inline-block;
	font-weight: bold;
	width: 100%;
}
section .buttonArea p.buttonVariable a:hover{
	color: #fff;
	background: #333;
	text-decoration: none;
}

section .link_other a{
	padding: 0 0 0 12px;
	background: url(/sevice_shared/img/top/sitemap/ico_arrow_list.png) no-repeat left 50%;
}
#more h3 {
	margin-bottom: 20px;
}
.link_other dl {
	width: 22%;
	margin-right: 2%;
}
.link_other dd {
	font-size: 1.4rem;
}


.space01{
	margin-top: 68px;
}
.space02{
	margin-top: 20px;
}
.space03{
	margin-top: 40px;
}

@media screen and (max-width: 1039px) { 
	.content {
		width: 90%;
	}
}
@media screen and (max-width: 739px) {
	h2.service_title{
		font-size: 1.8rem;
		font-size: 18px;
		padding: 0 0 5px 0;
		background: url(/sevice_shared/img/top/sitemap/bg_bar.png) repeat-x center bottom;
	}
	.sitemap dt {
		font-size: 1.5rem;
	}
	section.borderline{
		padding: 30px 0;
		border-bottom: #ddd solid 1px;
	}
	section.borderline .titleArea h3.datacenter,
	section.borderline .titleArea h3.cloud,
	section.borderline .titleArea h3.container,
	section.borderline .titleArea h3.zenlogic {
		display: block;
		padding: 0 0 0 45px;
		line-height: 42px;
		background-size: 37px;
	}
	section.borderline .titleArea h3.network{
		display: block;
		padding: 0 0 0 52px;
		line-height: 42px;
		background: url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat left center / 42px;
	}
	/*  help ike 0113  */
	section.borderline .titleArea h3.help{
		padding: 0 0 0 40px;
		line-height: 30px;
		background: url(/sevice_shared/img/top/sitemap/ico_help.png) no-repeat left center;
		background-size: 30px auto;
	}

	section.borderline .titleArea p{
		font-size: 1.4rem;
		font-size: 14px;
		display: inline-block; 	/* 0113 ike update block; */
		margin: 15px 0 0 0;
	}
	section.borderline .titleArea p a{
		font-size: 14px;
		display: inline-block;
	}

	section .content .layout-frame {
		clear: both;
		margin-left: 0;
		overflow: hidden;
	}
	section .content .layout-unit {
		float: none;
		display: block;
		margin-left: 0;
		margin-bottom: 10px;
	}
	/* section .content .layout-4col { width: 100%; }	0801 ike del */
	section .content .layout-4col {  /* 0801 ike add */
		width: 46%;
		float: left;
		display: inline;
	/*   margin-left: 2.5%;	0113 ike del */
	}

	section .content .btn_layout-unit {
		margin-bottom: 10px;
	}
	section .content .btn_layout-3col { width: 50%; }
	section .content .btn_layout-unit a p{
		font-size: 1.2rem;
		font-size: 12px;
		padding-left: 8px;	/* 0824 tate added */
	}

	section .content .btn_layout-unit a {
		padding-left: 14%;
	}

	section .content .btn_layout-unit a{ background-size: 40px !important;}

	.bnr_area img {
		margin-top: 10px;
		width: 95%;
		max-width: 580px;
	}

	section .buttonArea{
		margin-top: 20px;
		margin-bottom: 0;
	}

	section .buttonArea p.buttonVariable{
		display: block;
		margin: 10px auto;
	}
	section .buttonArea p.buttonVariable a{
		padding: 10px 0;
		font-size: 14px;
	}
	section .link_other h3{
		margin-bottom: 15px;
	}
	section .link_other ul li{
		margin: 0 0 10px 0;
	}
	section .link_other ul li ul li{
		font-size: 1.2rem;
		font-size: 12px;
		padding: 0 0 0 20px;
		margin: 10px 0 0 0;
	}

	.space01{
		margin-top: 0;
	}
	.space02{
		margin-top: 0;
	}
	.space03{
		margin-top: 0;
	}
	.space04{
		margin-top: 25px;
	}

	section .content .btn_layout-unit a span.auto_k {
		display: inline-block;
	}
}
br.sm{ display: none; }
@media screen and (max-width: 739px) {
	br.sm{ display: inline-block; }
	.link_other dl {
		width: 48%;
	}
}

@media screen and (max-width: 600px) {
	section .content .btn_layout-unit a {
		padding-left: 20%;
	}
}
@media screen and (max-width: 400px) {
	section .content .btn_layout-3col {
	}
	section .content .btn_layout-unit a {
		padding-left: 22%;
	}
	.sitemap dl {
		width: 100%;
		margin-right: 0;
	}
}