/*
*******************************************************************************************************
# /ja/company/network/css/index.css
*******************************************************************************************************
*/

/*------------------------------------
	contents
------------------------------------*/
.map-area {
	position: relative;
	width: 100%;
	margin: 24px 0 20px 0;
}

.map-area .img-map {
	width: 86.4%;
	max-width: 1044px;
	margin-left: 5.29%;
}

.map-area .img-map img {
	width: 100%;
}

.map-area .list-area ul {
	display : table; 
	table-layout : fixed;
	width : 100% ;
}

.map-area .list-area li {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	padding: 7px 33px 6px 44px;
	box-shadow: 1px 1px 0 0 #dddddd;
	background-color: #ffffff;
	line-height: 1.4;
}

.map-area .list-area li.europe-africa {
	left: 43.5%;
	top: 46.8%;
}

.map-area .list-area li.japan {
	left: 77.4%;
    top: 36.8%;
}

.map-area .list-area li.china {
	left: 64.9%;
	top: 32.3%;
}

.map-area .list-area li.india {
	left: 59.2%;
	top: 63.7%;
}

.map-area .list-area li.america {
	left: 3.8%;
	top: 30%;
}

.map-area .list-area li.thailand {
    left: 70%;
    top: 52%;
}

.map-area .list-area li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -7px;
	border-radius: 40px;
	border: solid 4px #0090d7;
}

.list-network {
	*zoom: 1;
}

.list-network:before, .list-network:after {
	content: "";
	display: table;
}

.list-network:after {
	clear: both;
}

.list-network a {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    display : table-cell;
	font-size : 100% !important;
	font-weight: bold;
}

.list-network .top-block {
	float: left;
	width: 75%;
	*zoom: 1;
}

.list-network .top-block:before, .list-network .top-block:after {
	content: "";
	display: table;
}

.list-network .top-block:after {
	clear: both;
}

.list-network .top-block .box {
	width: 33.3333%;
}
.list-network .top-block .box.no-sttl {
	padding-top: 78px;
}
.list-network .box {
	float: left;
	width: 25%;
	padding: 0 15px;
}

.list-network .box > * {
	margin: 0 5%;
}

.list-network .box .sttl-areaname {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 21px;
	line-height: 1.4;
	padding-top: 25px;
	border-top: solid 1px #dddddd;
}
.list-network .box .ssttl-name {
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.4;
}

.list-network .box .text {
	margin-bottom: 10px;
	font-size: 13px;
}


.list-network .box ul {
	display : table; 
	table-layout : fixed;
	width : 100% ;
}

.list-network .box ul + .sttl-areaname {
	margin-top: 50px;
}

.list-network ul + ul,
.list-network .text-english + ul,
.list-network ul + p,
.list-network .text + .text {
	margin-top: 20px !important;
}

.list-network .text-english {
	margin-top: 20px;
	padding-left: 20px;
	border-left: solid 1px #111111;
	font-size: 13px;
}

.mt30 {
	margin-top: 30px !important;
}

@media screen and (max-width: 1200px) {
	.list-network .top-block {
		float: none;
		width: 100%;
		margin-bottom: 35px;
	}
	.list-network .box {
		width: 50%;
	}
	.list-network .top-block .box {
		width: 50%;
	}

}