@charset "UTF-8";

/* Main Layout settings */

.company_menu {
	padding-top: 14px;
	margin-bottom: 50px;
}
.company_menu li {
	padding: 3px 0 3px 7px;
	border-left: 2px solid #d6dce2;
	margin-bottom: 5px;
}
.company_menu li:hover {
	border-left: 2px solid #4a87c7;
	padding-left: 7px;
}
.company_menu li.current {
	border-left: 2px solid #4a87c7;
}
.company_menu li a {
	display: block;
	width: 160px;
}
#content h2 {
	padding: 8px 15px;
	margin-bottom: 25px;
	color: #516c81;
	font-size: 1.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	background: #62b4c8;
}
#content h3 {
	color: #516c81;
}
#content h2.headerTitle {
	margin: 25px 0 20px 0;
	padding-left: 7px;
	background: none;
	border-left: 1px solid #d6dce2;
	border-bottom: none;
}
#content h2.headerTitle a {
  display: block;
  width: 160px;
  height: 0;
  margin: 40px 0;
  padding: 50px 0 0 0;
  overflow: hidden;
  background-color: none;
  background: url('../images/TitleCompany.png') no-repeat left top;
  background-position: 0 0;
}
#content h3, #content h4 {
	margin: 1em 15px;
}
#main p {
	margin: 0 15px 1em 15px;
}
#main ul {
	margin: 0 15px 1em 15px;
}
#main .box {
	margin: 25px 0;
	background: #fff;
	padding: 15px;
	overflow: hidden;
	-moz-box-shadow: 0px 2px 3px #cccccc;
	-webkit-box-shadow: 0px 2px 3px #cccccc;
	box-shadow: 0px 2px 3px #cccccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 4px;
}
#main figure.right {
	margin-left: 15px;
	float: right;
}
table {
	border-top: 1px solid #E5E5E5;
	width: 100%;
}
td {
	border-bottom: 1px solid #E5E5E5;
	vertical-align: middle;
	padding-left: 15px;
}
th {
	background: #ecf1f5;
	vertical-align: middle;
	border-bottom: 1px solid #d6dce2;
	padding-left: 15px;
	white-space: nowrap;
}
#content .company_index h2.headerCatchcopy {
  display: block;
  width: 500px;
  height: 0;
  margin: 50px 0;
  padding: 100px 0 0 0;
  overflow: hidden;
  background-color: none;
  background: url('../images/TitleCompanyCatchcopy.png') no-repeat left top;
  background-position: 0 0;
  border-bottom: none;
}
#content .company_index ul li {
	float: left;
	display: block;
	width: 180px;
	margin-right: 40px;
	min-height: 100px;
	margin-top: 10px;
}
#content .company_index ul li h3 {
	margin: 0 0 0.75em 0;
	padding: 0;
	color: #516c81;
}
#content .company_index ul li a {
	font-size: 1em;
	color: #516c81;
}
#content .company_index .ir {
	background: #62b4c8;
	font-weight: bold;
	color: #fff;
}
#content .company_index .ir a {
	color: #fff;
	font-size: 1.1em;
}

/*----- LANDSCAPE WINDOW SIZE Settings -----*/

/* iPad only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
}

/* iPhone 3GS only */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (orientation:landscape)  {
	
}

/* iPhone 4 only */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation:landscape)  {
	#main .box {
		margin: 10px;
		padding: 10px;
		overflow: hidden;
		-moz-box-shadow: 0px 2px 3px #cccccc;
		-webkit-box-shadow: 0px 2px 3px #cccccc;
		box-shadow: 0px 2px 3px #cccccc;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 4px;
	}
	#main .box p {
		margin: 0 5px 0.5em 5px;
	}
	#main .box h2 {
		padding: 12px 5px;
		margin-bottom: 25px;
		border-bottom: 1px solid #d6dce2;
		color: #516c81;
		font-size: 1.4em;
	}
	#main .box h3,
	#main .box h4,
	#main .box h5, {
		padding: 12px 5px 6px 5px !important;
		color: #516c81;
	}
	#main .box ul {
		margin: 0 5px 0.5em 5px;
	}
	#content h2.headerTitle {
		margin: 0;
		padding-left: 7px;
		background: none;
		border-left: 1px solid #d6dce2;
		border-bottom: none;
	}
	#content h2.headerTitle a {
	  display: block;
	  width: 160px;
	  height: 0;
	  margin: 0  ;
	  padding: 25px 0 0 0;
	  overflow: hidden;
	  background-color: none;
	  background: url('../images/TitleCompany.png') no-repeat left top;
	  background-position: 0 0;
	  -webkit-background-size: 80px 25px;
	}
	.company_menu {
	  display: none;
	}
	#content .company_index ul li {
	  width: 100%;
	  min-height: 1em;
	}
}

/*----- PORTRAIT WINDOW SIZE Settings -----*/

/* iPad only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	}

/* iPhone 3GS only */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (orientation:portrait)  {
	
}

/* iPhone 4 only */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait)  {
	#main .box {
		margin: 10px;
		padding: 10px;
		overflow: hidden;
		-moz-box-shadow: 0px 2px 3px #cccccc;
		-webkit-box-shadow: 0px 2px 3px #cccccc;
		box-shadow: 0px 2px 3px #cccccc;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 4px;
	}
	#main .box p {
		margin: 0 5px 0.5em 5px;
	}
	#main .box h2 {
		padding: 12px 5px;
		margin-bottom: 25px;
		border-bottom: 1px solid #d6dce2;
		color: #516c81;
		font-size: 1.4em;
	}
	#main .box h3,
	#main .box h4,
	#main .box h5 {
		padding: 6px 5px;
		color: #516c81;
		margin: 0;
	}
	#main .box ul {
		margin: 0 5px 0.5em 5px;
	}
	#content h2.headerTitle {
		margin: 0;
		padding-left: 7px;
		background: none;
		border-left: 1px solid #d6dce2;
		border-bottom: none;
	}
	#content h2.headerTitle a {
	  display: block;
	  width: 160px;
	  height: 0;
	  margin: 0  ;
	  padding: 25px 0 0 0;
	  overflow: hidden;
	  background-color: none;
	  background: url('../images/TitleCompany.png') no-repeat left top;
	  background-position: 0 0;
	  -webkit-background-size: 80px 25px;
	}
	.company_menu {
	  display: none;
	}
	#content .company_index ul li {
	  width: 100%;
	  min-height: 1em;
	}
}