@import url("init.css");

#wrapper{
width:100%;
	background: url(../image/common/header_bg.jpg) repeat-x;
}
h1{
display:none;
}
#main{
width:850px;
margin-left:auto;
margin-right:auto;
}
#header{
	width:100%;
	height:82px;
}
#header .left{
float:left;
margin-top:40px;
height:42px;
}
#header .right{
float:right;
margin-top:60px;
height:9px;
}
#header .right img{
margin-left:10px;
}
.sepo-image{
margin-top:15px;
margin-bottom:28px;
}
#top-project{
width:850px;
}
#top-project .pheader{
	width:634px;
	height:28px;
	padding-left:216px;
	padding-top:2px;
	background: url(../image/top/future_project_ti.jpg) no-repeat;
}
#top-project .pheader a:link,#top-project .pheader a:visited{
color:#0066FF;
text-decoration:none;
}
#top-project .pheader a:hover{
text-decoration:underline;
}
#top-project .pheader a{
font-size:10px;
}
#top-project .project{
	width:850px;
	height:200px;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#top-project .thum{
	width:264px;
	height:183px;
	border-right: 1px solid #CCCCCC;
	padding:9px;
	float:left;
}
#top-project .work-pic,#work .work-pic{
	border: 6px solid #DDDDDD;
	margin-bottom:6px;
}
#top-project .p-menu,#work .p-menu{
text-align:right;
padding-top:10px;
padding-right:6px;
}
#top-project .p-menu img,#work .p-menu img{
margin-left:10px;
}
#top-project .thum h2,#work .thum h2{
	background: url(../image/work/work_mark.gif) no-repeat;
	height:20px;
	padding-left:26px;
	margin-top:2px;
	padding-top:2px;
	font-size:12px;
}
#top-project .p-menu .picgroup,.thum .picgroup{
float:left;
width:180px;
}
#top-project .p-menu .subpic,.thum .subpic{
display:none;
}
#concept{
margin-top:20px;
margin-bottom:20px;
width:850px;

}
.concept-left{
	width:577px;
	height:214px;
	float:left;
	background: url(../image/top/concept_bg.jpg) no-repeat;
	padding-top:40px;
	padding-bottom:100px;
}
.concept-right{
float:right;
width:264px;
height:254px;
}
#concept .concept-left h3{
margin-top:5px;
line-height:1.8;
font-weight:normal;
margin-left:20px;
font-size:14px;
}
#footer{
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	padding:10px;
	margin-top:20px;
	clear:both;
}
/***********************************************************************/
#work{
width:850px;
	border-top: 1px solid #CCCCCC;
}
#work .thum{
width:264px;
	padding:9px;
	float:left;
	margin-bottom:10px;
}
#work .const{
	text-align:right;
	margin-top:15px;
	padding-bottom:10px;
	border-bottom: 1px solid #666666;
}
#work .const img{
margin-bottom:5px;
}
#work .const .value{
margin-left:5px;
}
.subtext{
	width:850px;
	text-align:right;
	font-size:10px;
	margin-bottom: 10px;
}
/***********************************************************************/
#company{
width:850px;
}
#company .com-title{
	width:850px;
	height:147px;
	background: url(../image/company/what_bg.gif) no-repeat;
}
#company h2{
margin-left:30px;
padding-top:4px;
}
#company .company-detail{
width:850px;
height:241px;
}
#company .detail{
float:left;
width:207px;
height:181px;
padding-top:60px;
}
#company .detail p{
margin-bottom:20px;
line-height:1.8;
}
.bg1{
	background: url(../image/company/design_bg.jpg) no-repeat;
}
.bg1 p{
margin-left:40px;
}
.bg2{
	background: url(../image/company/market_bg.jpg) no-repeat;
}
.bg2 p{
margin-left:25px;
margin-right:20px;
}
.bg3{
	background: url(../image/company/sales_bg.jpg) no-repeat;
}
.bg3 p{
margin-left:25px;
margin-right:20px;
}
.bg4{
	background: url(../image/company/acti_bg.jpg) no-repeat;
}
.bg4 p{
margin-left:45px;
margin-right:20px;
}
.m-r{
margin-right:7px;
}
#profile{
	width:850px;
	margin-top:30px;
	background: url(../image/company/profile_ti.jpg) no-repeat;
	
}
#profile .profile-detail{
	margin-left:150px;
	padding-left:20px;
	border-left: 1px solid #CCCCCC;
}
.profile-detail{
    zoom:1;/*for IE 5.5-7*/
}
.profile-detail:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
#profile dt {
	width: 120px;
	float: left;
	clear: left;
	margin-bottom:20px;
	
}
#profile dd {
	margin-bottom:20px;
	margin-left: 140px;
	line-height: 1.3;

}
.member{
width:520px;
}
.member-left{
width: 170px;
	float: left;
	line-height:2;
	margin-top:-5px;
}
.member-right{
width:330px;
float:right;
margin-top:-5px;
line-height:2;
}
/***********************************************************************/
#contact{
width:850px;
}
#contact p{
line-height:1.8;
}
#contact-form{
	width:850px;
	background: url(../image/contact/ti.jpg) no-repeat;
}
#contact-form .form-area{
	margin-left:130px;
	padding-left:20px;
	border-left: 1px solid #CCCCCC;
}
.form-area th{
text-align:left;
padding:10px;
vertical-align:top;
}
.form-area td{
padding:10px;
}