@charset "utf-8";

#wrapper{
	width: 100%;
}

#main{
	width: 100%;
	margin:10px auto 50px auto;
	height:230px;
	text-align:center;
	background:#000 url(../images/flow/main.jpg) no-repeat center;
	overflow: hidden;
  white-space: nowrap;
      background-size: cover;
}
#main .text{
	width:960px;
	margin:0px auto;
	text-align:right;
	margin-top:90px;
	color:#FFF;
	font-size:30px;
	text-shadow:1px 1px 1px #666;
	letter-spacing: 3px;
}


#flow_area {
	width:960px;
	margin:0px auto;
	background:url(../images/flow/flow_back.jpg) repeat-y left;
	overflow: hidden;
}

#flow_area1{
	width:960px;
	margin:0px auto;
	margin-bottom:70px;
	overflow: hidden;
}

#flow_area1_left{
	float:left;
}
#flow_area1_right{
		float:right;
		display: inline-block;
}


#title {
	width:300px;
}
.left_titleimage {
	float:left;
	height:60px;
}
.right_title {
	color:#FFF;
	font-size:24px;
	height:60px;
	display: table-cell;
	vertical-align:middle;
	font-weight:bold;
}

#explain {
	float:left;
	width:600px;
	background:url(../images/flow/flow_back.jpg) repeat-y left;
	color:#FFF;
	padding-left:33px;
	height:100%;
}
.color99cc33 {
	color:#99cc33;
}






#flow_area2{
	width:960px;
	margin:0px auto;
	margin-bottom:70px;
	overflow: hidden;
}

#flow_area2_left{
	float:left;
}
#flow_area2_right{
		float:right;
		display: inline-block;
}


#explain2 {
	float:left;
	width:800px;
	background:url(../images/flow/flow_back.jpg) repeat-y left;
	color:#FFF;
	padding-left:33px;
	height:100%;
}


#explain2 a:link { color: #99cc33; }
#explain2 a:visited { color: #99cc33; }
#explain2 a:hover { color: #99cc33; }
#explain2 a:active { color: #99cc33; }








#upimg{
	width:960px;
	margin:0px auto;
	height:25px;
	text-align:right;	
}

.container {width: 100%; height: 100%; overflow-x: hidden;}


#building_title{
	text-align:left;
	font-size:18px;
	line-height:40px;
	color:#FFF;
	font-weight:bold;
}