@charset "utf-8";


/*------------------------------------
  Top
-------------------------------------*/
#slideshowConteiner {
	width: 100%;
	background: #000;
}

.topConLeft, .topConRight {
	position: relative;
}
	.topConLeft {
		width: 505px;
		float: left;
		height: 400px;
	}
	.topConRight {
		width: 335px;
		float: right;
	}
		.topConLeft .conTitle, .topConRight .conTitle {
			margin: 0;
			margin-bottom: 25px;
		}

/* topConLeft
------------------------*/
.topWorks {
}
	.topWork01 {
		position: absolute;
		top: 47px;
		left: 0;
	}
	.topWork02 {
		position: absolute;
		top: 47px;
		left: 188px;
	}
	.topWork03 {
		position: absolute;
		top: 47px;
		right: 0;
	}
	.topWork04 {
		position: absolute;
		top: 193px;
		left: 0;
	}
	.topWork05 {
		position: absolute;
		top: 193px;
		left: 188px;
	}
	.topWork06 {
		position: absolute;
		top: 193px;
		right: 0;
	}
	.topWork07 {
		position: absolute;
		top: 345px;
		left: 0;
	}
	.topWork08 {
		position: absolute;
		top: 345px;
		left: 188px;
	}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.topWork02, .topWork05, .topWork08 { left: 182px; }
		}

		.topWorks a {
			text-decoration: none;
		}
		.topWorks a:link, .topWorks a:visited, .topWorks a:active {
		}
		.topWorks a:hover, .topWorks a:focus {
		}
	.topWorkTitle {
		margin: 0;
		margin-bottom: 5px;
		background: url(../img/commons/arrow_off.gif) 0% 44% no-repeat;
		padding-left: 15px;
		letter-spacing: 1px;
		text-decoration: none;
		font-size: 93%;
	}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.topWorkTitle { background: url(../img/commons/arrow_off.gif) 0% 50% no-repeat; }
		}

		a .topWorkTitle {
				margin: 0;
				background: url(../img/commons/arrow_off.gif) 0% 44% no-repeat;
				padding-left: 15px;
				letter-spacing: 1px;
				text-decoration: none;
				margin-bottom: 5px;
		}
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				a .topWorkTitle { background: url(../img/commons/arrow_off.gif) 0% 50% no-repeat; }
			}
		a:hover .topWorkTitle, a:focus .topWorkTitle {
				background: url(../img/commons/arrow_on.gif) 0% 44% no-repeat;
		}
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				a:hover .topWorkTitle, a:focus .topWorkTitle { background: url(../img/commons/arrow_on.gif) 0% 50% no-repeat; }
			}
	.topWorkImage {
		margin: 0;
	}

/* topConRight
------------------------*/
.news {
	height: 190px;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.news { height: 182px; }
	}
	.news dt {
		letter-spacing: 1px;
		font-size: 85%;
		line-height: 1.2;
	}
	.news dd {
		margin: 0;
		margin-bottom: 15px;
		border-bottom: 1px solid #777;
	}
		.news dd a {
			text-decoration: none;
		}
	.news .last {
		margin-bottom: 0;
	}
.oldNews {
	margin: 0; padding: 0;
	line-height: 1;
	float: right;
	padding-bottom: 25px;
	*padding-bottom: 15px;
	_padding-bottom: 15px;
	font-size: 93%;
}
	.oldNews a {
		text-decoration: none;
		padding-left: 15px;
		letter-spacing: 1px;
		font-size: 93%;
	}
	.oldNews a:link, .oldNews a:visited, .oldNews a:active {
		background: url(../img/commons/arrow_off.gif) 0% 30% no-repeat;
	}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.oldNews a:link, .oldNews a:visited, .oldNews a:active { background: url(../img/commons/arrow_off.gif) 0% 50% no-repeat; }
		}
	.oldNews a:hover, .oldNews a:focus {
		background: url(../img/commons/arrow_on.gif) 0% 30% no-repeat;
	}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.oldNews a:hover, .oldNews a:focus { background: url(../img/commons/arrow_off.gif) 0% 50% no-repeat; }
		}
.logoDiscrip {
}
	.logoDiscripImage01 {
	}
	.logoDiscripImage02 {
		margin: 0 auto;
		text-align: center;
	}