@charset "utf-8";
/*-----------------------------------------------------
clearfix
------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clear:after {
	content: "";
	clear: both;
	display: block;
}
/*-----------------------------------------------------
basic
------------------------------------------------------*/
html {
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", 'Open Sans', sans-serif;
}
body {
	height: 100%;
	margin: 0;
	background: #005eb8;
	min-width:980px;
	_display: inline;
	_zoom:1;
}
.container {
	clear: both;
	/*	max-width: 650px;*/
/*	min-width: 760px;*/
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;/*	background:#fff;*/
}
#header {
	/*	background: #0071c1;*/
	background: #005eb8;
}
.headerlogo {
	text-align: center;
	padding: 60px 0;
}
img.AmphenolLogo {
	width: 300px;
}
img.ConnectingPeople {
	margin: 8px 0;
	width: 300px;
}
img.AmphenolJapanLogo {
	width: 70%;
	height: auto;
	margin: 30px 0 0
}
h1 span.clear {
	display: none;
}
/*-------------------------------------------*/
/*	Global Home コンテンツ
/*-------------------------------------------*/

div#main-content {
	clear: both;
	height: auto;
	background: #fff;
	text-align: center;
	margin: 0 auto;
}
main article {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
main article section {
	float: left;
	width: 300px;
	height: 380px;
	margin: 20px 30px 60px;
}
.companyImageMil {
	width: 300px;
	height: 300px;
	background: url(../../images/military.jpg);
	background-position: -60px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
}
.companyImageInfo {
	width: 300px;
	height: 300px;
	background: url(../../images/infocom.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: 115%;
	border-radius: 50%;
}
.globalHomeContents {
	text-align: center;
	marign: 0 auto;
}
h2.globalLead {
	color: #333;
	padding: 3rem 1.5rem 1.5rem;
	text-align: left;
	width: 80%;
	margin: 0 auto;
	font-weight: normal;
	font-size: 0.9rem;
	line-height: 120%;
}
h2.notfound {
	font-size: 1.8rem;
	color: #777;
	width: 80%;
	margin: 0 auto;
	padding: 3rem 1.5rem;
	line-height: 200%;
}
p.notfound {
	font-size: 1.2rem;
	color: #666;
	width: 80%;
	margin: 0 auto;
	padding: 1.5rem 1.5rem;
	line-height: 150%;
	text-align: left;
}
section.companySelect {
	position: relative;
}
section.companySelect .heading {
	position: absolute;
	top: 130px;
	left: 0;
	width: 360px;
	height: 72px;
	background: #fff;
	background: rgba(255,255,255, 0.4);
}
section.companySelect h3 {
	color: #fff;
	font-size: 1.5rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 800;
	padding: 0.8rem 0;
	width: 330px;
	text-align: center;
	text-shadow: 0px 0px 13px rgba(0,0,0,1);
}
section.companySelect {
	border-radius: 8px;
	padding: 1rem;
}
section.companySelect p {
	text-align: left;
	color: #888;
	font-size: 0.8rem;
	margin: 1rem 0;
	padding: 0 0.5rem;
	line-height: 150%;
}
section.companySelect a {
	text-decoration: none;
}
section.companySelect:hover {
	opacity: 0.8;
	background: #eee;
}
section.companySelect:hover h3 {
	color: #0071C1;
	text-shadow: none;
}
section.companySelect:hover p {
	color: #111;
}
aside.link-banner {
	margin-top:20px;
	background:#f6f6f6;
}
div.link-banner {
	background:#f6f6f6;
	padding:20px 0;
}
ul.link-banner {
}
ul.link-banner li {
	display:inline-block;
	margin:5px 10px;
	border:1px solid #cdcdcd;
	}
ul.link-banner li:hover {
	border:1px solid #005EB8;
}
			
			
/*-------------------------------------------*/
/*	footer
/*-------------------------------------------*/
footer#colophon {
	margin: 0;
	padding: 0;
	clear: both;
	background: #005eb8;
}
.site-footer {
	clear: both;
}
/*.footerlogo {
	padding: 20px 0 0 20px;
	color: #fff;
	font-size: 1.2rem;
	float: left;
}
*/.copyright {
	padding: 1.8rem 0;
	/*	float: right;
*/	font-size: 0.85rem;
	text-align: center;
	color: #ffffff;
}

/*-------------------------------------------*/
/*	SPモード時
/*-------------------------------------------*/
@media (max-width: 767px) {
body {
	background: #fff;
	min-width:380px;
	_display: inline;
	_zoom:1;
}

img.AmphenolJapanLogo {
	width: 90%;
	height: auto;
	margin: 30px 0 0
}
.container {
	clear: both;
	margin: 0 auto;
}
main article {
	width: 340px;
	margin: 0 auto;
	text-align: center;
}
main article section {
	margin: 0px auto 20px;
	text-align: center;
}
h2.globalLead {
	color: #333;
	width: auto;
	padding: 3rem 1rem;
	text-align: left;
	margin: 0 0;
	font-weight: normal;
	font-size: 1rem;
	line-height: 120%;
}
section.companySelect {
	text-align: center;
	margin: 0 auto 20px;
}
}