@charset "utf-8";
/* CSS Document */
#services {
	width: 685px;
	margin: 0 auto;
	letter-spacing:1px;
	position: relative;
}
#services .list {
	width: 308px;
	float:left;
	position:relative;
	padding:10px 10px 25px 10px;
	margin:0 6px 15px 6px;
	border: #CCC 1px solid;
}
#services .list .date{
	height: 18px;
	color:#B20000;
	padding:0 0 0 20px;
	background: url(dot.png) 0 4px no-repeat;
}
#services .list .con{
	height: 35px;
	line-height:20px;
	color:#666666;
	padding:5px 0;
}
#services .list .con a {
	color: #666666;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#services .list .con a:visited {
	color: #666666;
	text-decoration: none;
}
#services .list .con a:hover {
	color: #C30;
	text-decoration: none;
}
#services .list .con span{
	color:#B96261;
	font-weight:bold;
	letter-spacing:0px;
}
#services .list .con span a {
	color: #B96261;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#services .list .con span a:visited {
	color: #B96261;
	text-decoration: none;
}
#services .list .con span a:hover {
	color: #FF0000;
	text-decoration: none;
}
#services .list .more {
	width: 39px;
	height: 14px;
	position: absolute;
	right: 11px;
	top: 75px;
}
#services .list .more span {
	width: 39px;
	height: 14px;
	cursor: pointer;
	display: block;
	background: url(more.png) no-repeat;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
}
#services .list .more span:hover {
	background: url(more_.png) no-repeat;
}
/*----------------------detail-------------------------*/
#services_in {
	width: 685px;
	position: relative;
	margin: 0 auto;
	margin-bottom:20px;
}
#services_in .name {
	padding: 0 15px 15px 25px;
	color:454545;
	font-weight:bold;
	background: url(dot.png) 0px 5px no-repeat;
	border-bottom:#CCC 1px solid;
}
#services_in .date {
	height: 20px;
	padding:15px 0;
	font-size: 12px;
	font-weight: normal;
	color: #b7000f;
}
#services_in .photo {
	width: 685px;
}
#services_in .photo_b {
	width: 568px;
	height: 426px;
	float: left;
	padding: 4px;
	margin: 3px 0 3px 0;
	border:#c9c9c9 1px solid;
	behavior: url(../../scripts/pie/PIE.htc);
}
#services_in .photo_s_list {
	width: 90px;
	float: right;
}
#services_in .photo_s {
	width: 88px;
	height: 66px;
	margin: 0 0 7px 0;
	border:#9b9b9b 1px solid;
	-webkit-transition: border 200ms linear;
-moz-transition: border 200ms linear;
-o-transition: border 200ms linear;
transition: border 200ms linear;
	behavior: url(../../scripts/pie/PIE.htc);
}
#services_in .photo_s:hover {
	border: #F00 1px solid;
}
#services_in .con {
	width: 680px;
	margin: 0 auto;
	color: #594637;
	margin-bottom:20px;
}