@charset "UTF-8";

/**************************************************************************************************

TOP

**************************************************************************************************/

body {
	background:#fff url("../../home/img/bg.jpg") repeat-x 0 0;
}

.topIndexWorksBoxInner {
	background:#ECF2D8;
	padding:10px;
}
.topIndexWorksBox ul {
	border-top:1px solid #D6DFB4;
	border-left:1px solid #D6DFB4;
}
.topIndexWorksBox li {
	border-bottom:1px solid #D6DFB4;
	border-right:1px solid #D6DFB4;
	background:#FFF;
	padding:10px;
	width:288px;
	float:left;
	line-height:1.2;
}
.topIndexWorksBox li:nth-child(odd) {
	clear:left;
}
.topIndexWorksBox li img {
	float:left;
	width:120px;
	height:auto;
}
.topIndexWorksBox li .txt {
	float:right;
	width:160px;
}
.topIndexWorksBox li .tag {
	text-align:center;
	background:#F2EDCF;
	margin-bottom:1px;
	padding:2px;
	font-weight:bold;
}
.topIndexWorksBox li .tit {
	margin:5px 0;
}
.topIndexWorksBox .btn {
	background:#D6DFB4;
	text-align:center;
}
.topIndexWorksBox .btn a:before {
	display:inline-block;
	margin-right:5px;
	content:url(/common/img/arr.png);
}
.topIndexWorksBox .btn a {
	display:block;
	padding:10px;
	color:#2D0305;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

.topIndexMenuBox{
width:640px;
margin:10px 0 0 0;
}

.topIndexMenuBox ul li{
width:206px;
float:left;
}

.topIndexMenuBox ul li#menu1{
margin:0 11px 0 0;
}

.topIndexMenuBox ul li#menu2{
margin:0 11px 0 0;
}

.topIndexMenuBoxBlock{
width:204px;
background:#e9f3d8;
border:solid 1px #ccc;
border-top:solid 0px #ccc;
}

.topIndexMenuBoxBlockInner{
padding:7px;
height:270px;
}

.topIndexMenuBoxBlockInner p{
	font-size:12px;
	line-height: 1.5em;
	color:#333;
	margin:10px 0 ;
}

.topIndexMenuBoxBlockBtn{
	background: url("../../home/img/index_arrow.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
	margin:0 0 0 110px;
	font-size:11px;
	}

.topIndexBanBox{
width:638px;
margin:10px 0 0 0;
border:solid 1px #8bb08c;
background:#dceec7;
}

.topIndexBanBoxInner{
padding:9px;
}

.topIndexBanBoxInner ul li#ban1{
	background: url("../../home/img/index_bg_title1.jpg") no-repeat;
	height:111px;
}

.topIndexBanBoxInner ul li#ban2{
	background: url("../../home/img/index_bg_title2.jpg") no-repeat;
	height:95px;
	margin:10px 0 0 0;
}

.topIndexBanBoxInner ul li#ban3{
	background: url("../../home/img/index_bg_title3.jpg") no-repeat;
	height:111px;
	margin:10px 0 0 0;
}

.topIndexBanBoxInnerBlock{
padding:50px 0 0 17px;
width:585px;
}

.topIndexBanBoxInnerBlock p{
	font-size:12px;
	line-height: 1.5em;
	color:#333;
}

.topIndexCaseBox{
width:632px;
margin:10px 0 0 0;
border:solid 4px #e6eaf2;
}

.topIndexCaseBoxInner{
padding:10px;
}

.topIndexCaseBoxInner ul li{
float:left;
width:301px;
}

.topIndexCaseBoxInnerBlock{
width:299px;
border:solid 1px #c8cbd7;
}

.topIndexCaseBoxInnerBlockTitle{
	background: url("../../home/img/index_bg_case.jpg") no-repeat;
	height:34px;
}

.topIndexCaseBoxInnerBlockTitle h4{
color:#067a19;
font-weight:bold;
font-size:15px;
text-indent:10px;
padding:8px 0 0 0;
line-height:1.4em;
}

.topIndexCaseBoxInnerBlockInner{
padding:10px;
}

.topIndexCaseBoxInnerBlockInner .fl{
float:left;
width:170px;
}

.topIndexCaseBoxInnerBlockInner .fl p{
	font-size:11px;
	line-height: 1.4em;
	color:#333;
}

.topIndexCaseBoxInnerBlockInner .fl p span{
	color:#f80000;
}

.topIndexCaseBoxInnerBlockInner .fr{
float:right;
width:100px;
}


/**************************************************************************************************

CONTAINER

**************************************************************************************************/

#container {
	width:860px;
	margin:15px 0 0 0;
	padding:0px;
}

#container:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	contet:".";
}