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

#globalNavi li.list02 {
	background-color: #000000;
	color: #FFFFFF;
}

#globalNavi li.list06 a {
	color: #FFFFFF;
}



.branchDetail {
	width: 100%;
	float: left;
	clear: none;
}

.branch {
	width: 100%;
	float: left;
}


.branchDetail ul {
	width: 60%;
	float: left;
	margin-bottom: 25px;
	padding-left: 25px;
}

.branch ul {}

.branchDetail ul li {
	font-size: 120%;
	line-height: 1.8em;
}



.branch dt {
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px dotted #04428B;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.branch ul {
	padding-left: 25px;
	line-height: 1.5em;
	padding-bottom: 25px;
}

.branch li.btn {
	list-style-image: none !important;
	list-style-type: none !important;
}

.branch li.btn a {
	background-image: url(images/go_branch.png);
	margin-top: 5px;
	width: 66px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	float: right;
	list-style-image: none !important;
	list-style-type: none !important;
}

.branch dd {
	margin-bottom: 15px;
}

.supplier {
	display: block
}

.supplier ul {
	width: 100%;
	float: left;
	clear: none;
	margin-bottom: 35px;
}

.supplier h2 {
	border-bottom: 1px solid #808080;
	margin-bottom: 10px;
}


.supplier li {
	width: 100%;
	margin-left: 25px;
	line-height: 1.8em;
}


/* --------------------------------------------------------------------- */
/*   国内・海外ネットワーク
/* --------------------------------------------------------------------- */

.network dl {
	width: 100%;
	margin-bottom: 20px;
}

.network .leftArea {
	width: 100%;
}

.network .rightArea {
	width: 100%;
}

.network dl dt {
	font-size: 100%;
	width: 100%;
	line-height: 1.8em;
	color: #3BA7EA;
}

.network dl dd {
	font-size: 100%;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.8em;
	margin-bottom: 5px;
}

.network .dptName{
	color: #3BA7EA;
	font-weight: bold;
}

.network .allArea {
	width: 100%;
/*	margin-bottom: -16px;*/
}

.network .allArea dl dt,
.network .allArea dl dd{
	width: 100%;
}

a.map {
	background-image: url(../function/images/icon_map.gif);
	display: block;
	height: 11px;
	width: 23px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	float: right;
}

.enviroment {
	width: 100%;
	float: left;
}

.enviroment .leftArea {
	width: 100%;
	float: left;
}

.enviroment .leftArea img {
	width: 90%;
	margin-bottom: 25px;
	margin-left: 5%;
}

.enviroment .rightArea {
	width: 100%;
	float: left
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
	.supplier li {
		width: 45%;
		float: left;
	}



	.enviroment .leftArea {
		width: 40%;
		float: left
	}

	.enviroment .rightArea {
		width: 60%;
		float: right
	}

}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width : 1005px) {

	#globalNavi li.list02 a {
		background-position: -194px -69px;
		background-image: url(../function/images/global_nav.png);
		background-repeat: no-repeat;
	}


	#mainImage .design h1 {
		background-image: url(../company/images/mainimage.png);
	}


	#localNav h2 {
		background-image: url(images/local_title.png);

	}

	/* --------------------------------------------------------------------- */
	/*   国内・海外ネットワーク
/* --------------------------------------------------------------------- */
	.network {
		width: 100%;
		float: left;
	}

	.network dl {
		width: 690px;
		margin-bottom: 20px;
	}

	.network .leftArea {
		width: 325px;
		margin-right: 20px;
		float: left;
	}

	.network .rightArea {
		width: 325px;
		margin-left: 20px;
		float: right;
	}

	.network dl dt {
		font-size: 100%;
		width: 325px;
		line-height: 1.8em;
		color: #3BA7EA;
	}

	.network dl dd {
		font-size: 100%;
		width: 325px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		line-height: 1.8em;
		margin-bottom: 5px;
	}
	
	a.map {
		background-image: url(../function/images/icon_map.gif);
		display: block;
		height: 11px;
		width: 23px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		float: right;
	}


	.enviroment .leftArea {
		width: 30%;

	}

	.enviroment .rightArea {
		width: 70%;

	}

}

table.company {
	clear: both;
	float: left;
	width: 100%;
}