/* layout */
@import url(layout.css);
p,li,dt,dd{
	font-size:75%;
	margin:0px;
	padding:0px;
	color:#000000;
}
.colorWEB{
	color:#6699CC;
}
.downColor a{
	color:#CC3300!important;
	text-decoration:underline!important;
	}
#jumpmenu{
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 0px;
	width: 1px;
	height: 1px;
	border: none;
	margin: 0px;
	padding: 0px;
	left: 0px;
}
#companyname{
	font-size:10px;
	margin:0px;
	padding:0px 15px 0px 15px;
	color:#FFFFFF;
	display:inline;
}
#logo{
	float:left;
	padding:8px 0px 0px 14px;
	width:137px;
	}
#subnaviArea {
	float:left;
	width:180px;
	margin: 2px 0px 5px 8px;
	text-align:left;
}
#subnaviArea dt, #subnaviArea dd {
	font-size:75%;
}
#subnaviArea dl{
	padding:0px;
	margin:10px 10px 10px 2px;
}
#subnaviArea dt{
	margin:0px;
	line-height:1.2em;
	font-weight:bold;
	padding:5px 0px 10px 15px;
	background-image:url("../images/marker_web.gif");
	background-repeat:no-repeat;
	background-position:0px 7px;
}
#subnaviTranslation dt{
	background-image:url("../images/marker_translation.gif");
}
#subnaviDtp dt{
	background-image:url("../images/marker_dtp.gif");
}
#subnaviGeneral dt{
	background-image:url("../images/marker_general.gif");
}
#subnaviArea dd{
	margin:0px;
	padding:0px 0px 10px 15px;
	line-height:1.2em;
}
.listItemLast{
	border-bottom: 1px dashed #999999;
}
#subnaviArea a:link, #subnaviArea a:visited{
	display:block;
	color:#000000;
	text-decoration:none;
	width:100%;
}
#subnaviArea a:hover{
	color:#FF6600;
	text-decoration:underline;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.clear{
	clear:both;
}
#ssl{
	width:140px;
	margin:30px 0px 0px 17px;
	padding:5px;
	font-size:90%;
	background-color:#FFFFFF;
	border-top:4px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:4px solid #999999;
}
.relatedLink{
	background-image:url("../images/marker02.gif");
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding:3px 0px 5px 10px;
	margin-top:15px;
}
#contentArea {
	float:left;
	height:100%;
	width:500px;
	margin:10px 0px 10px 29px;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom: 1px dashed #CCCCCC;
}

/* location */

#contentArea2 {
	height:100%;
	width:700px;
	margin: 0 0 0 5px;
	padding:10px 0 0 0;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom: 1px dashed #CCCCCC;
}

*html #contentArea2 {
	margin: 0 0 0 2px;
}

h1#mapTitle{
   font-size:100%;
   background-image:url(../images/subtitle_bg2.gif);
   background-position:right;
   padding-bottom:13px;
   margin-bottom:5px;
   text-align: left;
   font-weight: bold;
   color:#FF9900;
}

div.location {
	padding: 0 0 0 15px;
}
#path{
	font-size:75%;
}
#summary{
	line-height:1.6em;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:25px;
}

/* general */

h1{
   font-size:100%;
   background-image:url("../images/subtitle_bg.gif");
   background-position:right;
   padding-bottom:11px;
   margin-bottom:6px;
}
h2{
   font-size:90%;
}
h3{
   font-size:80%;
}
h1.indexTitle{
	padding:0px;
	margin:10px 0px 15px 0px;
}
h2.indexTitle{
   font-size:100%;
   background-image:url("../images/subtitle_bg.gif");
   background-position:right;
   padding-bottom:11px;
   margin-bottom:6px;
}
#titleImage{
   padding:0px;
   margin:10px 0px 15px 0px;
}
#contentArea p, #contentArea2 p {
	line-height:1.6em;
	margin:0px;
}
#contentArea dt{
	margin-top:2em;
	margin-bottom:5px;
	padding-left:12px;
	background-image:url("../images/marker02.gif");
	background-repeat:no-repeat;
	background-position: 0px 4px;
}
#contentArea dd{
	line-height:1.6em;
	padding-left:12px;
}
#contentArea ul{
	margin:10px 0px 20px 25px;
	padding:0px;
}
#contentArea li{
	line-height:1.6em;
	margin-bottom:5px;
}

#contentArea a:hover{
	color:#FF6600;
}
dt.markerWeb{
	background-image:url("../images/marker_web.gif")!important;
}
dt.markerTranslation{
	background-image:url("../images/marker_translation.gif")!important;
}
dt.markerDtp{
	background-image:url("../images/marker_dtp.gif")!important;
}
dt.markerGeneral{
	background-image:url("../images/marker_general.gif")!important;
}

/* parts */
.imageCaption{
	color:#663300;
	font-weight:bold;
	font-size:75%;
}
.gotop{
	text-align:right;
	margin-top:15px;
	clear:both;
}
.gotop a{
	background-image:url("../images/marker04.gif");
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:12px;
	text-decoration:none;
	color:#666666;
}
.center{text-align:center;}
.right{text-align:right}
.reference{
	background-image:url("../images/marker02.gif");
	background-repeat:no-repeat;
	background-position:3px 5px;
	padding-left:15px;
}
.referenceR{
	background-image:url(../images/marker02.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
	padding-left:15px;
	float: right;
}
.spaceTop{
	margin-top:1em;
}
.noMarkerList dt{
	background-image:none!important;
	font-weight:bold;
}

/* web */
#contentPaneWeb h1, #contentPaneWeb h2{
	color:#6699CC;
}
/* dtp */
#contentPaneDtp h1, #contentPaneDtp h2{
	color:#669900;
}
/* translation */
#contentPaneTranslation h1, #contentPaneTranslation h2{
	color:#660066
}
/* general */
#contentPaneGeneral h1, #contentPaneGeneral h2{
	color:#FF9900;
}
/* company */

#companyInfo{
	width:450px;
	margin:25px 0px 25px 25px;
	}
#companyInfo th, #companyInfo td{
	font-size:75%;
	border-bottom:1px dashed #CCCCCC;
	padding:5px;
	margin:0px;
	}
#companyInfo th{
	text-align:right;
	white-space: nowrap;
	}
#message #portrait{
	float:left;
	margin:0px 10px 5px 10px;
}
#message p{
	line-height:1.7em;
	margin-top:1em;
	margin-left:15px;
	margin-right:15px;
}
#clientList ul{
 margin:0;
 padding:0;
}
#clientList li{
 margin:0;
 padding:0;
 list-style-type:none;
}

/* sitemap */
#sitemap a:link, #sitemap a:visited{
	text-decoration:none;
}
#sitemap a:hover{
	text-decoration:underline;
}
#sitemap dt, #sitemap dd{
	margin-left:20px;
	padding-left:18px;
	padding-top:1px;
}
#sitemap dl{
	float:left;
		margin:0px 0px 0px 10px;
}
/* section career */
#tblApp{
	width:100%;
}
#tblApp th{
	font-weight:normal;
	text-align:left;
	font-size:75%;
	border-top: 1px dashed #333333;
	padding:5px;
	white-space:nowrapˇ¨
}
#tblApp td{
	font-size:75%;
	border-top: 1px dashed #666666;
	padding:5px;
}
#tblApp .note{
	font-size:90%;
	color:#FF3300;
}


/* section works */
.worksTR{
	margin-bottom:20px;
}
#contentArea .worksTR h3{
	padding-top:15px;
	border-top:1px dashed #CCC;
}

#contentArea .worksTR ul{
	margin:0;
	padding:0;
}

#contentArea .worksTR li{
	margin:0 0 0 15px;
	padding:0;
	list-style-type:square;
}

.workIconWEB{
	color:#6699CC;
	font-weight:bold;
}
.workIconDTP{
	color:#669900;
	font-weight:bold;
}
.workIconTR{
	color:#7B469B;
	font-weight:bold;
}
.workDes {
	float:left;
	width:340px;
	margin-left:10px;
}

#contentArea .worksWeb h3 {
	padding-top:15px;
	margin-bottom:10px;
	border-top:1px dashed #CCC;
	clear:both;
}

#contentArea .worksWeb ul{
	margin:0;
	padding:0;
}
#contentArea .worksWeb li{
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none;
	background-image:url(../images/marker01.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#contentArea .worksWeb .worksURL{
	margin-top:10px;
}
#contentArea .worksWeb img{
	margin-bottom:20px;
}
#contentArea .worksWeb .worksURL li{
	background-image:none;
}
.worksWeb p{
 	clear:right;
	clear:both;
	padding-top:5px;
}