@charset "UTF-8";

/* ***************************
 Orbital Engineering Inc.
 Last Modified: 2009-04-20
************************ */


/* Reset
========================================== */

html { 
	overflow-y: scroll; /* for IE */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {
	padding: 0;
	margin: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {
	margin-bottom: 1em;
}

sup{
	vertical-align: baseline;
	position: relative;
	top: -1ex;
}


/* Base
========================================== */

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 80%;
	color: #575757;
	line-height: 1.6;
	text-align: left;
}

* + html body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#wrapper {
	background: url(../images/common_bg_wrapper.jpg) 0 0 transparent repeat-x;
	text-align:center;
}

#container {
	background: url(../images/common_bg_container.gif) 0 0 transparent no-repeat;
	margin:0 auto;
	width:810px;
	text-align:left;
}

.clear {
	clear:both;
}

a:link {
	color:#2B62D5;
}

a:active {
	color:#2B62D5;
}

a:hover {
	color:#FF0000;
	text-decoration:none;
}

a:visited {
	color:#551A8B;
}

img.imgL {
	float:left;
	margin:0 20px 0 0;
	display:inline;
}

img.icon {
	margin:0 2px 0 2px;
}


/* Header
========================================== */

#header {
	width:800px;
	margin:0 0 0 5px;
}

#header h1 {
	float:left;
	display:inline;
	width:200px;
	height:75px;
}

#header ul {
	float:left;
	display:inline;
	width:150px;
	margin:0 0 0 430px;
}

#header ul li {
	width:75px;
	float:left;
	display:inline;
	margin:15px 0 0 0;
}


/* Main Image
========================================== */

#mainImage {
	clear:left;
	width:800px;
	margin:0 0 0 5px;
}




/* Navigation
========================================== */

#navigation {
	width:800px;
	margin:0 0 0 5px;
	float:left;
	display:inline;
}

#navigation ul {
	float:left;
	display:inline;
}

#navigation ul li {
	float:left;
	display:inline;
}

#navigation ul li img {
	vertical-align:middle;
}



/* Main
========================================== */

#mainWrapper {
	width:800px;
	margin:0 0 0 5px;
}

#main {
	width:560px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding:20px 0 10px 0;
}

#main .section {
	margin:0 0 30px 0;
}

#main h3 {
	background:url(../images/common_bg_h3.gif) 0 0 transparent no-repeat;
	color:#223C59;
	height:30px;
	font-size:110%;
	padding:5px 5px 0 5px;
	margin:0 0 15px 0;
}

#main h4 {
	color:#405F80;
	margin:0 0 5px 0;
}

#main p.pagetop {
	clear:both;
	text-align:right;
	font-size:80%;
	padding:10px 0 0 0;
	line-height:1.0;
	margin:0;
}

#main p.pagetop a {
	padding:0 0 0 13px;
	background:url(../images/common_bg_arrowtop.gif) 0 0 transparent no-repeat;
	height:13px;
}

#main p.note {
	font-size:80%;
	line-height:1.4;
}

#main .adobe {
	line-height:1.3;
	margin:0 0 20px 0;
}

#main ul.siteLink li a {
	padding:0 0 0 13px;
	background:url(../images/common_bg_arrow.gif) 0 2px transparent no-repeat;
	height:13px;
}

	
	

/* Side
========================================== */

#side {
	float:left;
	display:inline;
	width:180px;
	margin:0 0 0 20px;
	padding:20px 0 0 0;
}

#side ul {
	margin:0 0 15px 0;
}

#side ul li {
	margin:0;
}





/* Linkage
========================================== */

#linkage {
	background:#D8DFE7;
	text-align:center;
	clear:both;
}

#linkage .section {
	width:800px;
	margin:0 auto;
	background:#F0F3F6;
}

#linkage ul {
	padding:10px 0;
}

#linkage ul li {
	display:inline;
	margin:0 30px;
}


/* Footer
========================================== */

#footer {
	background:#395471;
	text-align:center;
	clear:both;
	color:#C6D3E3;
	font-size:90%;
}

#footer .section {
	width:800px;
	text-align:center;
	background:#405F80;
	padding:10px 0;
	margin:0 auto;
}

#footer ul {
	margin:0 0 5px 0;
}

#footer ul li {
	display:inline;
}

#footer ul li a:link,
#footer ul li a:active,
#footer ul li a:visited {
	color:#FFFFFF;
}

#footer ul li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#footer address {
	color:#C6D3E3;
}


/* Company
========================================== */

table.companyInfo {
	width:560px;
	font-size:100%;
	line-height:1.6;
}


table.companyInfo th {
	background:#E9F1F5;
	font-weight:normal;
	width:100px;
	padding:5px;
	border-bottom:5px solid #FFFFFF;
	vertical-align:top;
}

table.companyInfo td  {
	padding:5px 0 5px 8px;
	border-bottom:5px solid #FFFFFF;
}

table.companyInfo td dl {
	overflow: hidden;
}

table.companyInfo td dl dt {
	float:left;
}

table.companyInfo td dl dd {
	display:inline-block;
	padding:0 0 0 10px;
}


/* Technology
========================================== */

ul.techLink {
	padding:15px 0 0 0;
}

ul.techLink li {
	margin:0 0 0.4em 0;
}

ul.techLink li a {
	padding:0 0 0 13px;
	background:url(../images/common_bg_arrowbottom.gif) 0 2px transparent no-repeat;
	height:13px;
}

ul.techInfo {
	margin:0 0 15px 0;
}


/* Software
========================================== */

#main .softwareSection {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
}

#main .softwareSection h4 {
	margin:0 0 15px 0;
	font-weight:normal;
	line-height:1.0;
}

#main .softwareSection h4 span {
	margin:0 5px 0 0;
	font-size:130%;
	font-weight:bold;
}


ul.softwareLink li {
	margin:0 0 0.8em 0;
	line-height:1.0;
}

ul.softwareLink li a {
	padding:0 0 0 13px;
	background:url(../images/common_bg_arrowbottom.gif) 0 2px transparent no-repeat;
	height:13px;
}

#main .softwareSection .image {
	width:150px;
	float:left;
	display:inline;
}

#main .softwareSection .detail {
	width:395px;
	float:left;
	display:inline;
	margin:0 0 0 15px;
}

#main .softwareSection dl {
	margin:0 0 1em 0;
}

#main .softwareSection dl dt {
	font-weight:bold;
	margin:0 0 3px 0;
}

#main .softwareSection dl dd {
	background:url(../images/common_bg_arrowgray.gif) 0 7px transparent no-repeat;
	padding:0 0 0 7px;
}

#main .softwareSection ul.pdf {
	margin:0 0 1em 0;
}

#main .softwareSection ul.pdf a {
	background:url(../images/common_ico_pdf.gif) 0 0 transparent no-repeat;
	padding:0 0 0 14px;
}



/* Equipment
========================================== */

#main .equipmentSection {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
}

#main .equipmentSection h4 {
	margin:0 0 15px 0;
	line-height:1.0;
}

ul.equipmentLink li {
	margin:0 0 0.8em 0;
	line-height:1.0;
}

ul.equipmentLink li a {
	padding:0 0 0 13px;
	background:url(../images/common_bg_arrowbottom.gif) 0 2px transparent no-repeat;
	height:13px;
}

#main .equipmentSection .image {
	width:275px;
	float:left;
	display:inline;
}

#main .equipmentSection .detail {
	width:270px;
	float:left;
	display:inline;
	margin:0 0 0 15px;
}

#main .equipmentSection dl {
	margin:0 0 1em 0;
}

#main .equipmentSection dl dt {
	font-weight:bold;
	margin:0 0 3px 0;
}

#main .equipmentSection dl dd {
	background:url(../images/common_bg_arrowgray.gif) 0 7px transparent no-repeat;
	padding:0 0 0 7px;
}

#main .equipmentSection ul.pdf {
	margin:0 0 1em 0;
}

#main .equipmentSection ul.pdf a {
	background:url(../images/common_ico_pdf.gif) 0 0 transparent no-repeat;
	padding:0 0 0 14px;
}



/* Material
========================================== */

#main .materialSection {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
}

#main .materialSection h4 {
	margin:0 0 15px 0;
	line-height:1.0;
}

#main .materialSection ul.mli li {
	background:url(../images/common_bg_arrowgray.gif) 0 7px transparent no-repeat;
	padding:0 0 0 7px;
}

#main .materialSection .image {
	width:150px;
	float:left;
	display:inline;
}	

#main .materialSection .detail {
	width:395px;
	float:left;
	display:inline;
	margin:0 0 0 15px;
}

table.materialInfo {
	width:560px;
	font-size:100%;
	line-height:1.6;
	margin:0 0 15px 0;
}


table.materialInfo th {
	background:#E9F1F5;
	font-weight:normal;
	width:180px;
	padding:3px 5px 3px 5px;
	border-bottom:3px solid #FFFFFF;
	vertical-align:top;
}

table.materialInfo td  {
	padding:3px 0 3px 5px;
	border-bottom:3px solid #FFFFFF;
}

#main .materialSection ul.pdf {
	margin:0 0 1em 0;
}

#main .materialSection ul.pdf a {
	background:url(../images/common_ico_pdf.gif) 0 0 transparent no-repeat;
	padding:0 0 0 14px;
}


/* CaseStudy
========================================== */

#main .caseSection {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
}

#main .caseSection h4 {
	margin:0 0 15px 0;
	line-height:1.0;
}

ul.caseSection li {
	margin:0 0 0.8em 0;
	line-height:1.0;
}

ul.caseSection li a {
	padding:0 0 0 13px;
	background:url(../images/common_bg_arrowbottom.gif) 0 2px transparent no-repeat;
	height:13px;
}

#main .caseSection .image {
	width:150px;
	float:left;
	display:inline;
}	

#main .caseSection .detail {
	width:395px;
	float:left;
	display:inline;
	margin:0 0 0 15px;
}

#main .caseSection ul.pdf {
	margin:0 0 1em 0;
}

#main .caseSection ul.pdf a {
	background:url(../images/common_ico_pdf.gif) 0 0 transparent no-repeat;
	padding:0 0 0 14px;
}


/* Contact
========================================== */

#main dl.mail {
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	font-weight:bold;
}

#main dl.mail dt {
	background: url(../images/contact_bg_mail.gif) 0 1px transparent no-repeat;
	padding: 0 0 0 20px;
}

#main dl.mail dd{
	padding: 0 0 0 20px;
}

#main dl.tel {
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	font-weight:bold;
}

#main dl.tel dt {
	background: url(../images/contact_bg_tel.gif) 0 2px transparent no-repeat;
	padding: 0 0 0 20px;
}

#main dl.tel dd{
	padding: 0 0 0 20px;
}

#main dl.fax {
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	font-weight:bold;
}

#main dl.fax dt {
	background: url(../images/contact_bg_fax.gif) 0 1px transparent no-repeat;
	padding: 0 0 0 20px;
}

#main dl.fax dd{
	padding: 0 0 0 20px;
}

#main dl.add {
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	font-weight:bold;
}

#main dl.add dt {
	background: url(../images/contact_bg_add.gif) 0 2px transparent no-repeat;
	padding: 0 0 0 20px;
}

#main dl.add dd{
	padding: 0 0 0 20px;
	line-height:1.3;
}

	
/* Sitemap
========================================== */

#main .sitemapSection dl {
	background: url(../images/common_bg_dotline.gif) left bottom transparent no-repeat;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

#main .sitemapSection dl dt {
	background:url(../images/common_bg_arrow.gif) 0 5px transparent no-repeat;
	padding:0 0 0 14px;
	margin:0 0 0.5em 0;
}

#main .sitemapSection dl dd {
	background:url(../images/common_bg_arrowblue.gif) 4px 7px transparent no-repeat;
	padding:0 0 0 14px;
}














