@charset "utf-8";

/* ----------------------------
 == Override::Index Style 
---------------------------- */

/* == contentArea ------------------------------------------------------------------ */
#contentsArea {
	width: 936px;
	margin: 0 10px;
	padding: 0 0 5px;
	background: url(/img/bg_topcontents.gif) no-repeat left bottom;
	clear: both;
	overflow: hidden;
}
#contentsAreaInner {
	width: 930px;
	margin: 0;
	padding: 0 3px;
	background: url(/img/bg_topcontents_inner.gif) repeat-y left top;
	clear: both;
	overflow: hidden;	
}


/* == mainFlashContentsBlock  --------------------- */
#mainFlashContentsBlock {
	background: url(/img/bg_mainvisual.gif) no-repeat left top;
	width: 930px;
	height: 353px;
	margin: 0 -3px;
	padding: 2px 3px 0;
}

/* == mainVisualContentsBlock  --------------------- */
#mainVisualContentsBlock {
	background: url(/img/bg_mainvisual.jpg) no-repeat left top;
	width: 936px;
	height: 355px;
	margin: 0 -3px;
	padding: 2px 3px 0;
}

#mainVisualContentsBlock * {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1;
}

#topMsgBox {
	position: relative;
	left: 475px;
	top: 64px;
	width: 354px;
	height: 87px;
}
#topMsgBox h2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 255px;
	height: 42px;
}
#topMsgBox p {
	position: absolute;
	left: 0;
	top: 42px;
	width: 354px;
	height: 27px;
	margin-top: 18px;
}

/* == billboardBox ----- */
#billboardBox {
	position: relative;
	left: 232px;
	top: 106px;
	width: 690px;
	height: 140px;
	background: url(/img/bg_billboardbox.gif) no-repeat left bottom;
	clear: both;
	overflow: hidden;
}
#billboardBox .billboard1 {
	position: absolute;
	left: 0;
	width: 204px;
	height: 140px;
}
#billboardBox .billboard2 {
	position: absolute;
	left: 230px;
	width: 204px;
	height: 140px;
}
#billboardBox .billboard3 {
	position: absolute;
	left: 460px;
	width: 207px;
	height: 140px;
}
#billboardBox .billboard1 h2,
#billboardBox .billboard2 h2,
#billboardBox .billboard3 h2 {
	position: absolute;
	height: 28px;
	left: 93px;
	top: 41px;
}
#billboardBox .billboard1 p.img_billboard,
#billboardBox .billboard2 p.img_billboard,
#billboardBox .billboard3 p.img_billboard {
	position: absolute;
	width: 75px;
	height: 75px;
	left: 14px;
	top: 1px;
}
#billboardBox .billboard1 p.txt_billboard,
#billboardBox .billboard2 p.txt_billboard,
#billboardBox .billboard3 p.txt_billboard {
	position: absolute;
	height: 38px;
	left: 14px;
	top: 80px;
}


/* == mainContentsBlock --------------------- */

#mainContentsBlock {
	width: 555px;
	float: left;
	margin: 0;
	padding: 24px 12px 20px 14px;
}

#mainContentsBlock h2 {
	margin: 0;
	padding: 0 0 5px 0;
	background: url(/common/img/dod_gray.gif) repeat-x left bottom;
}

.linkText {
	margin: 4px 0 0 0;
	padding: 0;
}

.topContentBox {
	position: relative;
	width: 555px;
	margin: 0 0 17px;
	padding: 0;
}

/* == clientList ----- */
ul.clientList {
	margin: 0;
	padding: 0;
	background: url(/common/img/dod_gray.gif) repeat-x left bottom;
	clear: both;
	overflow: hidden;
}
ul.clientList li {
	float: left;
	width: 92px;
	height: 64px;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

/* == portfolioTopList ----- */
ul.portfolioTopList {
	margin: 0;
	padding: 10px 0;
	clear: both;
	overflow: hidden;
	font-size: .8em;
	
	background: url(/common/img/dod_gray.gif) repeat-x left bottom;
}
ul.portfolioTopList li {
	float: left;
	width: 268px;
	margin: 0 -1px 0 0;
	padding: 5px;
	overflow: hidden;
}
ul.portfolioTopList li  br{display:none;}
.portfolioTopList li img.thumb {
	float: left;
	display: block;
	width: 83px;
	margin: 0 10px 0 0;
	padding: 0;
}
.portfolioTopList li a{
	float:left;
	}
.portfolioTopList li dl {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

.portfolioTopList li dt {
	overflow:hidden;
	zoom:1;
	margin: 3px 0 0 0;
	padding: 0;
}

.portfolioTopList li dd {
	margin: 0;
	padding: 0;
}

/* == newsList ----- */
.newsList {
	margin: 0;
	padding: 0;
	font-size: .8em;
	
}

.newsList li {
	margin: 0;
	padding: 3px 3px 3px 0;
	background: url(/common/img/dod_gray.gif) repeat-x left bottom;
}

.newsList dl,
.newsList dt,
.newsList dd {
	margin: 0;
	padding: 0;
}

.newsList dl {
	background: url(/common/img/bullet_arrow_blue.gif) no-repeat -0.2em .2em;
	clear: both;
	overflow: hidden;
}

.newsList dt {
	float: right;
	text-align: right;
	width: 100px;
	padding-left: 10px;
}
.newsList dd {
	float: left;
	width: 400px;
	padding-left: 5px;
}
.newsList dd.category {
	width: 28px;
	padding-left: 9px;
}

.rssBtnBox {
	width: 65px;
	position: absolute;
	top: -2px;
	right: 0;
}



/* == subContentsBlock --------------------- */
#subContentsBlock {
	width: 349px;
	float: left;
	margin: 0;
	padding: 0;
}

.topSubContentBox {
	margin: 0;
	padding: 24px 12px 8px;
	background: #6B7C8B;	
}

.topSubContentBox2 {
	width: 325px;
	padding: 0 12px 20px;
	background: #6B7C8B;
}

#subContentsBlock h2 {
	margin: 0;
	padding: 0 0 3px 0;
}

.topSubContentBox3 {
	background: url(/img/bg_topsubcontentbox3.gif) repeat-x left top;
	width: 325px;
	height: 167px;
	padding: 0 12px 50px;
}

.topSubContentBox3 ul {
	overflow: hidden;
	margin: 0;
}

.topSubContentBox3 li {
	width: 155px;
	float: left;
	margin-right: 15px;
	font-size: .8em;
	color: #ffffff;
	margin-bottom: 15px;
}

.topSubContentBox3 li img {
	display: block;
	margin-bottom: 3px;
}
.topSubContentBox3 li a,
.topSubContentBox3 li a:link,
.topSubContentBox3 li a:visited,
.topSubContentBox3 li a:hover,
.topSubContentBox3 li a:active {
	color: #ffffff;
}
.topSubContentBox3 li.lastChild {
	margin: 0;
}
.topSubContentBox3 li span {
	background:transparent url(/common/img/bullet_arrow_blue.gif) no-repeat scroll 0 .3em;
	padding-left:12px;
}




/* == serviceTopList ----- */
.serviceBox {
	padding: 20px 0 0 0;
	background: url(/img/bg_service.gif) no-repeat left top;
}
.serviceTopList {
	width: 340px;
	background: url(/img/bg_service.gif) no-repeat left bottom;
	margin: 0 -15px 0 0;
	padding: 0 0 14px 0;
	clear: both;
	overflow: hidden;
}
.serviceTopList li {
	float: left;
	width: 141px;
	margin: 0 15px 0 0;
	padding: 0 7px;
}
.serviceTopList dl {
	margin: 0;
	padding: 0;
}
.serviceTopList dt {
	margin: 0;
	padding: 0;
}
.serviceTopList dd {
	margin: 7px 0 0 0;
	padding: 0;
}

/* == companyList ----- */
.companyList {
	margin: 0;
	padding: 0 0 0 148px;
	background: url(/img/img_comany.gif) no-repeat left top;
}

.companyList li {
	margin: 0;
	padding: 0;
}