@charset "utf-8";
/* CSS Document */
#title {
	margin: 0;
	width: 100%;
}
#title img {
	height: auto;
	width: auto;
	max-width: 100%;
}

#outline {
	display: block;
	margin: 30px auto 0;
	width: 100%;
}

#outline table {
	display: block;
	margin: 30px auto 0;
	width: 96%;
}

#outline th {
	background-color: #FAF9F5;
	text-align: left;
	display: block;
	margin: 0 auto;
	padding: 3px;
	width: 100%;
	box-sizing: border-box;
}

#outline td {
	display: block;
	margin: 0 auto;
	padding: 10px 3px 30px;
	width: 100%;
	box-sizing: border-box;
}

#history {
	display: block;
	margin: 30px auto 0;
	width: 100%;
}

#history table {
	display: block;
	margin: 30px auto 0;
	width: 96%;
	box-sizing: border-box;
}

#history th {
	background-color: #FAF9F5;
	text-align: left;
	display: block;
	margin: 0;
	padding: 3px;
	width: 100%;
	box-sizing: border-box;
}

#history td {
	display: block;
	margin: 0;
	padding: 10px 3px 30px;
	width: 100%;
	box-sizing: border-box;
}

#service  {
	display: block;
	margin: 30px auto;
	width: 100%;
}

#service  p {
	margin: 30px auto 0;
	width: 96%;
}

#engineer {
	display: block;
	margin: 30px auto;
	width: 100%;
}

#engineer table {
	margin: 30px auto 0;
	width: 96%;
	border-right: solid 1px #F9F8F2;
	border-top: solid 1px #F9F8F2;
}

#engineer th {
	background-color: #FAF9F5;
	text-align: left;
	margin: 0 auto;
	padding: 10px 3px;
	width: 35%;
	border-left: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#engineer td {
	margin: 0 auto;
	padding: 10px 3px;
	width: 15%;
	border-left: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#access {
	display: block;
	margin: 30px auto;
	width: 100%;
}

#access_box {
	display: table;
	margin: 0 auto;
	width: 98%;
}

#access_box {
	display: block;
	margin: 20px auto 0;
	width: 100%;
	box-sizing: border-box;
}
#access_box {
position: relative;
padding-bottom: 56%;
padding-top: 20px;
height: 0;
overflow: hidden;
}
 
#access_box iframe,
#access_box object,
#access_box embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map_control {
	font-size: 14px;
	text-align: center;
	margin: 5px;
	width:100%;
}

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

#title h1 {
	background-image: url(../images/company/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 20px auto 30px;
	height: 80px;
	width: 950px;
}


#outline h1 {
	background-image: url(../images/company/tit_01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 30px;
	width: 900px;
}

#outline table {
	display: table;
	margin: 0 auto;
	width: 860px;
	border-left: solid 1px #F9F8F2;
	border-top: solid 1px #F9F8F2;
}

#outline th {
	background-color: #FAF9F5;
	text-align: left;
	vertical-align: top;
	display: table-cell;
	margin: 0 auto;
	padding: 5px 10px;
	width: 180px;
	border-right: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#outline td {
	display: table-cell;
	margin: 0 auto;
	padding: 5px 10px;
	width: auto;
	border-right: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}


#history h1 {
	background-image: url(../images/company/tit_02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 30px;
	width: 900px;
}

#history table {
	display: table;
	margin: 0 auto;
	width: 860px;
	border-left: solid 1px #F9F8F2;
	border-top: solid 1px #F9F8F2;
}

#history th {
	background-color: #FAF9F5;
	text-align: left;
	vertical-align: top;
	display: table-cell;
	margin: 0 auto;
	padding: 5px 10px;
	width: 180px;
	border-right: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#history td {
	display: table-cell;
	margin: 0 auto;
	padding: 5px 10px;
	width: auto;
	border-right: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#service h1 {
	background-image: url(../images/company/tit_05.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 30px;
	width: 900px;
}
#service p {
	width: 860px;
}

#engineer h1 {
	background-image: url(../images/company/tit_03.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 30px;
	width: 900px;
}
#engineer table {
	display: table;
	margin: 0 auto;
	width: 860px;
	border-left: solid 1px #F9F8F2;
	border-top: solid 1px #F9F8F2;
}

#engineer th {
	background-color: #FAF9F5;
	text-align: left;
	vertical-align: top;
	display: table-cell;
	margin: 0 auto;
	padding: 5px 10px;
	width: 180px;
	border-right: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#engineer td {
	display: table-cell;
	margin: 0 auto;
	padding: 5px 10px;
	width: auto;
	border-right: solid 1px #F9F8F2;
	border-bottom: solid 1px #F9F8F2;
	box-sizing: border-box;
}

#access h1 {
	background-image: url(../images/company/tit_04.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 30px;
	width: 900px;
}

#access_box {
	display: table;
	margin: 0 auto;
	width: 860px;
}

}