/* CSS Document */


.tbg-header .tbg-header-inner {
    width: 1195px!important;
}

#index-en{
	background: #FFF;
	font-size: 16px;
}

#contents {
    padding-bottom: 0!important;
}

.tbg-footer .sitemap .sitemap-inner {
    width: 1195px!important;
}

.tbg-footer .group .group-inner {
    width: 1195px!important;
}

#side {
	background: #FFF;
	padding-bottom: 30px;
}


/*	パンくず
------------------------------------*/

#breadcrumb{
	background:#F9F9F9;
}

#breadcrumb-in{
	width: 1195px;
	margin: 0 auto;
	padding: 15px 0;
}


/*	top About TECHPORT
------------------------------------*/

.index-about{
	width: 946px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
}

	.index-about h2{
		color: #333333;
		font-weight: bold;
		font-size: 25px;
		text-align: center;
	}
	
		.index-about h2 span.ttl{
			border-bottom: 2px solid #37509C;
			padding: 0 20px 10px 20px;
		}


	.index-about-inner{
		margin-top: 50px;
		display: flex;
	}


	.about-inner{
		justify-content: space-between;
		width: 315px;
	}
	
		.about-box,
		.cloud-box{
			width: 284px;
		}

		.about-ttl a{
			color: #344F9F;
			text-decoration: underline;
			font-size: 20px;
		}
		
		.about-ttl a:hover{
			text-decoration: none;
		}	


/*	top ecloud
------------------------------------*/


.index-ecloud{
	width: 946px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
}

	.index-ecloud h2{
		text-align:center;
	}


	.index-ecloud-inner{
		margin-top: 35px;
		display: flex;
	}


	.ecloud-inner{
		justify-content: space-between;
		width: 315px;
	}
		
		.ecloud-box{
			width: 284px;
		}
		
		.ecloud-ttl{
			color: #334E9F;
			font-size: 18px;
			margin-bottom: 10px;
		}
		
		.ecloud-box li{
			list-style-type: disc;
			margin-left: 20px;
			
		}


/*	company_overview
------------------------------------*/	
	
.english h2{
	border-top: 2px solid #59B4DB;
	font-size: 38px;
	padding-top: 40px;
	margin-bottom: 10px!important;
}

.ttl_bottom_line{
	border-bottom: 1px solid #999999;
	text-align:right;
	font-size: 23px;
	color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

	.overview-sec-1{
		margin-bottom: 60px;
	}

	.overview-sec-1 h3{
		text-align:center;
		font-size: 25px;
		color: #37509B;
		margin-bottom: 30px;
	}
	
		.overview-sec-1 li.midset-one{
			background: url(../en/images/overview_01.jpg) left no-repeat;
			margin-left: 170px;
			padding: 5px 5px 5px 60px;
			font-size: 20px;
			margin-bottom: 20px;
		}

		.overview-sec-1 li.midset-two{
			background: url(../en/images/overview_02.jpg) left no-repeat;
			margin-left: 170px;
			padding: 5px 5px 5px 60px;
			font-size: 20px;
			margin-bottom: 20px;
		}
		
		.overview-sec-1 li.midset-three{
			background: url(../en/images/overview_03.jpg) left no-repeat;
			margin-left: 170px;
			padding: 5px 5px 5px 60px;
			font-size: 20px;
			margin-bottom: 20px;
		}		

	.overview-sec-2 h3{
		text-align:center;
		font-size: 25px;
		color: #37509B;
		margin-bottom: 30px;
	}
	
	.overview-sec-2 .managebox{
		border: 5px solid #9BCBF7;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
		padding: 40px;
		margin-bottom: 50px;
	}
	
	.overview{
		margin-bottom: 170px;
	}
	
		.company-table{
			border-collapse: collapse;
			margin: 0;
			padding: 0;
		}
		
		table.company-table tr td,
		table.company-table tr th {
			border-top: 1px solid #C8C8C8;
			border-bottom: 1px solid #C8C8C8;
			vertical-align: middle;
			
			line-height: 1.3;
		}
		
		
		table.company-table tr th {
			color: #212121;
			font-size: 15px;
			font-weight: bold;
			background: #F7F7F7;
			width: 162px;
			padding: 30px;
		}
		
		table.company-table tr td{
			font-size: 15px;
			padding: 30px;
			line-height: 1.5;
		}


		table.overview-inner-table tr td {
			padding:0;
			border: none;
		}
		
		
/*	Major Achievements
------------------------------------*/	

	.achievements-sec-1{
		margin-bottom: 260px;
	}
	
	
/*	Message
------------------------------------*/	
	
	.en-message{
		background:url(../en/images/message_bg.jpg) no-repeat bottom;
	}
	
	.message-sec-1{
		font-size: 16px;
		
	}
	
		.message-sec-1 h3{
			font-size: 25px;
			color: #37509B;
			margin-bottom: 30px;
		}
		
		.message-sec-1 p{
			margin-bottom: 30px;
		}
		
			.message-sec-1 p.message-last{
				margin-bottom: 450px;
			}
			
/*	Smart Factry
------------------------------------*/				

#menu {
    width: 906px;
    margin-right: -16px;
    margin-bottom: 33px;
}

	#menu li {
		display: inline;
		float: left;
		width: 286px;
		margin-right: 16px;
	}

			
.smart-sec{
    border: #DDDDDD 1px solid;
    margin-bottom: 32px;
}
			
	.smart-sec h2{
		border-top: none;
		background: #37509C;
		font-size: 152%;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 10px 0 5px;
		margin-bottom: 20px;
	}
	
	.smart-sec .factory-lead-txt{
		text-align: center;
		font-size: 18px;
		margin: 15px 0;
	}
	
	
	
	.system {
		background: #EBF5FD;
		width: 869px;
		margin: 0 auto 10px;
		padding: 30px 0;
	}
	
		.system .ttl {
			text-align: center;
			margin-bottom: 44px;
		}	
	
			.system ul li {
				margin-right: 40px;
				display: inline;
				float: left;
			}
			
			.system ul.system2 li {
				margin-right: 30px;
				display: inline;
				float: left;
			}	
			
			
			.img {
				text-align: center;
				margin-bottom: 25px;
				clear: both;
			}
	
	
			
				.close {
					position: absolute;
					right: 20px;
					top: 10px;
					height: 20px;
					cursor: default;
				}
	
				.system .area01,
				.system .area02,
				.system .area03 {
					position: relative;
				}
					
				.white_content01 {
					display: none;
					position: absolute;
					top: -130px;
					left: -480px;
					width: 553px;
					height: 432px;
					z-index: 1002;
					overflow: auto;
				}
				
				.white_content02 {
					display: none;
					position: absolute;
					top: -130px;
					left: -480px;
					width: 568px;
					height: 385px;
					z-index: 1002;
					overflow: auto;
				}
				
				.white_content03 {
					display: none;
					position: absolute;
					top: -130px;
					left: -480px;
					width: 565px;
					height: 447px;
					z-index: 1002;
					overflow: auto;
				}