@charset "utf-8";

/* ------------------------
 　 index
   ------------------------ */

h3,h4,h5,h6{
	margin:0;
	padding:0;
	clear:both;
}

#network_global_Wrapper{
	margin:0 auto;
	padding:0;
	width:90%;
}


/*-- networkListImgBox --*/

.networkListImgBox,
.networkListImgBoxSP{
	position:relative;
	clear:both;
}

.networkListImgBox2,
.networkListImgBoxSP2{
	position:relative;
	clear:both;
}

/* PC */
.networkListImgBox{
	background: rgb(213,213,213); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(213,213,213,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,213,213,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:3px solid #E3E3E3;
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:20px;
	box-sizing:border-box;
}

/* SP */
.networkListImgBoxSP{
	background: rgb(213,213,213); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(213,213,213,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,213,213,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(213,213,213,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-bottom:20px;
}

.networkListImgBox .mapImg img,
.networkListImgBoxSP .mapImg img{
	width:100%;
	height:auto;
	max-width:1480px;
}

.networkListImgBox .mapImg img{
	max-width:850px;
	max-height:460px;
}

.networkListImgBoxSP{
	display:none;
}


/*-- networkListImgBox2 --*/

.networkListImgBox2{
	border:3px solid #E3E3E3;
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:20px;
}

.networkListImgBoxSP2{
	margin-bottom:20px;
}

.networkListImgBox2 .mapImg img,
.networkListImgBoxSP2 .mapImg img{
	width:100%;
	height:auto;
	max-width:1480px;
	
}

.networkListImgBoxSP2{
	display:none;
}


/*-- networkList --*/

.networkList{
	width:100%;
	clear:both;
	margin-bottom:50px;
}

.networkListInner{
	border-top:1px solid #C8C8C8;
  position: relative;
}

.networkListLeft{
	width:48%;
	float:left;
}

.networkListRight{
	width:48%;
	float:right;
}

/* h4 */
.networkList h4{
	margin-top:20px;
}

/* h5 */
.networkList h5{
	font-weight:bold;
	font-size:120%;
	color:#e6001b;
	padding-left:10px;
}

.officeBranch{
	margin:10px 0;
}
.companyNameOnly{
	margin:10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #C8C8C8;
}

/* h6 */
.networkList h6{
	font-weight:bold;
	font-size:120%;
	padding-left:25px;
	background:url(../images/h3-mk.png) 0 0px no-repeat;
	margin-top:10px;
	margin-bottom:10px;
}

.networkList a{
	color:#000;
	display:block;
}

.networkList a:hover{
	background:#F2F2F2;
}

.networkList .innerBox01{
	border-bottom:1px solid #C8C8C8;
	padding:10px 10px 10px 0;
	position:relative;
}

.networkList dt{
	font-weight:bold;
	background:url(../images/h3-mk_02.png) 10px 8px no-repeat;
	padding-left:25px;
}

.networkList dd{
	padding-left:25px;
}

.networkList dd.url a{
	display:inline;
	color:#e6001b;
	word-break:break-all;
}

.networkList .detailBtn{
	width:80px;
	height:30px;
	float:right;
	margin:0 0 5px 10px;
}

.networkList .detailBtn span{
	width:80px;
	height:30px;
	line-height:30px;
	background:#333333 url(../images/network_icon01.gif) 65px 7px no-repeat;
	color:#FFF;
/*	text-align:center; */
	display:block;
	padding-left:15px;
	box-sizing:border-box;
}

.networkList a:hover .detailBtn span{
	background:#e6001b url(../images/network_icon02.gif) 65px 7px no-repeat;
}


/*-- conmanyName --*/

.conmanyName{
	width:100%;
	margin-bottom:4px;
}

.conmanyName h5{
  display: inline-block;
}

.conmanyName ul{
  float: right;
	margin-left:10px;
}

.conmanyName li{
  display: inline-block;
	width:24px;
	margin-right:5px;
}

.conmanyName li img{
	max-width:100%;
	height:auto;
	display:block;
}

.conmanyName li:last-child{
	margin:0;
}


/*-- networkGroupBox01 --*/

.networkGroupBox01 {
	width:70%;
	margin: 20px auto 40px auto;
}

.networkGroupBox01 table{
	font-size: 0.86em;
	border-collapse: collapse;
	border:2px solid #666;
}

.networkGroupBox01 th {
	background-color:#666;
	color:#ffffff;
	border:1px solid #666;
	padding:5px 10px;
	text-align: left;
}

.networkGroupBox01 th.networkGroupBoxTitle {
	background-color:#e6001b;
	border: 1px solid #e6001b;
	text-align: center;
	width:20%;
}

.networkGroupBox01 th.networkGroupBoxCol1 {
	width: 40%;
}

.networkGroupBox01 th.networkGroupBoxCol2 {
	width: 40%;
}

.networkGroupBox01 td {
	border:1px solid #666;
	padding:5px 10px;
	vertical-align: top;
	line-height: 1.4;
}

.networkGroupBox01 td span {
	font-weight: bold;
}


/*-- iconListBox --*/

.iconListBox{
	width:100%;
}

.iconListBox ul{
	clear:both;
	width:715px;
	margin:0 0 0 auto;
}
	
.iconListBox li{
	float:left;
	padding-left:30px;
	box-sizing:border-box;
	font-size:86%;
}

.iconListBox li.type01,
.iconListBox li.type02,
.iconListBox li.type03,
.iconListBox li.type04{
	margin-right:25px;
}

.iconListBox li.type01{width:140px; background:url(../../network_global/images/ico_01.gif) 0 1px no-repeat;}
.iconListBox li.type02{width:126px; background:url(../../network_global/images/ico_02.gif) 0 1px no-repeat;}
.iconListBox li.type03{width:105px; background:url(../../network_global/images/ico_03.gif) 0 1px no-repeat;}
.iconListBox li.type04{width:125px; background:url(../../network_global/images/ico_04.gif) 0 1px no-repeat;}
.iconListBox li.type05{width:118px; background:url(../../network_global/images/ico_05.gif) 0 1px no-repeat;}

.iconListBox li a{
  margin-left: -30px;
  padding-left: 30px;
}
.iconListBox li a:hover{
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0.6
}

/* media 1124 */
@media screen and (max-width:1124px){

	.iconListBox ul{
		width:100%;
		margin:0;
	}
	
	.iconListBox li.type01,
	.iconListBox li.type02,
	.iconListBox li.type03,
	.iconListBox li.type04{
		margin:0 20px 5px 0;
	}
	
	.iconListBox li.type05{
		margin:0 0 5px 0;
	}

}


/* media 1024 */
@media screen and (max-width:1024px){

	.networkListLeft,
	.networkListRight{
		width:100%;
		float:none;
		clear:both;
	}
	
}


/* media 768 */
@media screen and (max-width:768px){

	.networkGroupBox01 {
		width: 95%;
	}
	
	.networkGroupBox01 th.networkGroupBoxTitle {
		width: 100%;
		display: block;
	}

	.networkGroupBox01 th.networkGroupBoxCol1,
	.networkGroupBox01 th.networkGroupBoxCol2 {
		width: 50%;
	}

	.iconListBox ul{
		margin-top:10px;
	}

}


/* media 716 */
@media screen and (max-width:716px){

	.iconListBox li.type04{
		width:128px;
	}

}


/* media 600 */
@media screen and (max-width:600px){

	#network_global_Wrapper{
		width:100%;
	}

	.networkListImgBox{
		display:none;
	}

	.networkListImgBoxSP{
		display:block;
	}

	.networkListImgBoxSP a{
		border:3px solid #e6001b;
		display:block;
	}

	.networkListImgBoxSP .zoomIcon{
		position:absolute;
		top:10px;
		right:10px;
	}

	.networkListImgBox2{
		display:none;
	}

	.networkListImgBoxSP2{
		display:block;
	}

	.networkListImgBoxSP2 a{
		border:3px solid #e6001b;
		display:block;
	}

	.networkListImgBoxSP2 .zoomIcon{
		position:absolute;
		top:10px;
		right:10px;
	}

	.networkListLeft,
	.networkListRight{
		width:100%;
		float:none;
		clear:both;
	}

	.networkList .innerBox01{
		padding-bottom:50px;
	}

	.networkList dl{
		clear:both;
		padding:0 0 0 0;
		position:relative;
	}

	.networkList dt{
		background:url(../images/h3-mk.png) 0 0 no-repeat;
		width:100%;
		float:none;
		clear:both;
		margin:0 0 5px 0;
		padding:0 0 0 0;
		text-indent:23px;
	}

	.networkList dd{
		width:100%;
		float:none;
		clear:both;
		border:none;
		padding:0 0 0 10px;
	}

	.networkList li{
		padding:0 0 0 23px;
	}

	.networkList .detailBtn{
		width:100%;
		float:none;
		clear:both;
		position:absolute;
		bottom:10px;
		left:0;
		padding:0;
		margin:0;
	}

	.networkList .detailBtn span{
		width:90%;
		float:none;
		padding:0;
		clear:both;
		text-align:center;
		margin:0 auto;
	/*	margin:0 17px; */
		background:#333333 url(../images/network_icon01.gif) 95% 7px no-repeat;
	}

	.networkList a:hover .detailBtn span{
		background:#e6001b url(../images/network_icon02.gif) 95% 7px no-repeat;
	}

	.iconListBox li{
		padding-left:30px !important;
	}
	
	.conmanyName li{
		padding:0 !important;
	}

}


/* media 482 */
@media screen and (max-width:482px){

	.iconListBox li.type01,
	.iconListBox li.type02,
	.iconListBox li.type03,
	.iconListBox li.type04,
	.iconListBox li.type05{
		width:50%;
		margin:0 0 5px 0;
	}

	.conmanyName{
		margin-bottom:5px;
	}
	
	.conmanyName h5{
		width:100%;
		float:none;
		margin-bottom:3px;
	}
	
	.conmanyName ul{
		float:none;
	}

}


/* media 350 */
@media screen and (max-width:350px){

	.iconListBox li{
		float:none;
	}

	.iconListBox li.type01,
	.iconListBox li.type02,
	.iconListBox li.type03,
	.iconListBox li.type04,
	.iconListBox li.type05{
		width:100%;
	}

}