@charset "UTF-8";
/* CSS Document */




a.more img {
	margin:16px 10px 0 0;
}


div#WorksAndArchives {
	width:330px;
	background:url(../images/works_bg.png) no-repeat bottom;
	text-align:left;
	margin-bottom:30px;
}

div#WorksAndArchivesHeader {
	display:block;
	background:url(../images/works_header.png) no-repeat;
	width:329px;
	height:89px;
	margin-bottom:-60px;
	position:relative;
	text-align:right;
}



div.archive {
	border-bottom:1px solid #3a3a3a;
	width:330px;
	text-align:center;
	position:relative;
	z-index:500;
}

div.archiveInfo {
	width:290px;
	margin:20px auto;
	text-align:left;
}



div#slider {
	width:661px;
	height:300px;
	margin-bottom:2px;
	background:#fff;
}




div#Philosophy,
div#Service {
	float:left;
	width:327px;
	background:url(../images/philosophy_service_bg.png) no-repeat bottom;
	text-align:center;
	margin-bottom:30px;
}

div#Service {
	margin:0 0 0 7px;
}

div#PhilosophyHeader,
div#ServiceHeader {
	display:block;
	width:325px;
	height:89px;
	position:relative;
	text-align:right;
}

div#PhilosophyHeader {
	background:url(../images/philosophy_header.png) no-repeat;
	margin:0 auto -40px auto;
}


div#ServiceHeader {
	background:url(../images/service_header.png) no-repeat;
	margin:0 auto -60px auto;
}



div#News {
	clear:both;
	width:661px;
	background:url(../images/news_bg.png) no-repeat bottom;
	text-align:center;
}

div#NewsHeader {
	display:block;
	width:659px;
	height:89px;
	position:relative;
	text-align:right;
	background:url(../images/news_header.png) no-repeat;
	margin:0 auto -60px auto;
}



div#WorksAndArchivesHeader h3,
div#PhilosophyHeader h3,
div#ServiceHeader h3,
div#NewsHeader h3 {
	display:none;
}



div#Philosophy p {
	display:block;
	width:290px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	color:#CCCCCC;
	position:relative;
	z-index:500;
}

div#Philosophy p.p01 {
	font-size:14px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
}


div.service {
	display:block;
	width:327px;
	border-bottom:1px solid #3a3a3a;
	text-align:center;
	background-image:none;
	cursor:pointer;
	position:relative;
	z-index:500;
}

div.service a {
	display:none;
}

div.serviceInfo {
	width:300px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
}

div.serviceInfo img {
	float:left;
	padding:0 15px 0 0;
}

div#NewsList {
	width:610px;
	text-align:left;
	margin:0 auto;
	padding:20px 0;
	position:relative;
	z-index:500;
}




div#NewsList dl {
	clear:both;
	margin:0px auto;
	padding:0 0 5px 0;
	text-align:left;
}


div#NewsList dt {
	float:left;
	display:block;
	width:100px;
	padding:0 10px 0 0;
	text-align:right;
	font-weight:bold;
}

div#NewsList dd {
	float:left;
	display:block;
	width:480px;
	padding:0 0 0 10px;
	border-left:1px solid #999999;
	text-align:left;
}