@charset "UTF-8";
/* CSS Document */



/* =========================================  

base-common

========================================== */


#ttl{
background-color:#444848;
height:69px;
}

#ttl-inner{
	width :960px;
	margin : 0 auto;
}



#contents-inner{
	width :908px;
	margin : 0 auto;
	padding-top:60px;
	text-align:left;}

#contents-inner p{
margin:0 0 25px 0;}


.contents-wrap{
margin:0;
padding:0 0 30px 0;}


.contents-l{
width:440px;
float:left;}

.contents-r{
width:440px;
float:right;}


#contents-inner a:link {
color:#00B400;
text-decoration:underline;
}

#contents-inner a:visited {
color:#00B400;
text-decoration:none;
}

#contents-inner a:hover {
color:#00B400;
text-decoration:none;
}

#contents-inner a:active {
color:#00B400;
text-decoration:none;
}




/* =========================================  

mission

========================================== */

#contents h2.mission-ttl{
background:url(../images/mission_ttl.gif) no-repeat;
width:960px;
height:69px;
text-indent:-9999em;
overflow:hidden; 
}

#mission-innovation{
margin:0 0 30px 0;}


#mission-innovation h3{
background:url(../images/mission_innovation.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
height:48px;
}

#mission-innovation h4{
background:url(../images/mission_lead.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
height:33px;
margin:40px 0 40px 0;
zborder:#FF0000 1px solid;
}


#mission-method{
margin:0 0 30px 0;}

#mission-method h3{
clear:both;
background:url(../images/mission_method.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
height:48px;
margin:0px 0 30px 0;
}



/* =========================================  

about us

========================================== */


#contents h2.about-ttl{
background:url(../images/about_ttl.gif) no-repeat;
width:960px;
height:69px;
text-indent:-9999em;
overflow:hidden; 
}

#about-profile{
margin:0 0 30px 0;}

#about-profile h3{
background:url(../images/about_profile.gif) no-repeat;
text-indent:-9999em;
overflow:hidden; 
height:48px;
margin:0px 0 40px 0;}


#about-profile h4{
background:url(../images/about_name.jpg) no-repeat;
text-indent:-9999em;
overflow:hidden; 
height:125px;
margin:0px 0 20px 0;
zborder:#FF0000 1px solid;
}


#about-profile dl{
margin-bottom:50px;}

#about-profile dt{
margin:0px 0 20px 0;}

#about-profile dd{
margin-bottom:5px;
}


#about-company{
margin:0 0 50px 0;
}


#about-company h3{
background:url(../images/about_company.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
height:48px;
margin:0px 0 40px 0;
}



#about-company-detail{
zborder:#FF0000 1px solid;}

#about-company-detail .about-company-l{
float:left;
width:80px;
margin-bottom:5px;
zborder:#FF0000 1px solid;}

#about-company-detail .about-company-r{
float:right;
text-align:left;
width:800px;
margin-bottom:5px;
zborder: #00FF00 1px solid;}




/* =========================================  

service

========================================== */

#contents h2.service-ttl{
background:url(../images/service_ttl.gif) no-repeat;
width:960px;
height:69px;
text-indent:-9999em;
overflow:hidden; 
}

#service-workflow{
margin:0 0 30px 0;}


#service-workflow h3{
background:url(../images/service_workflow.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
height:48px;
}

#service-workflow .workflow-lead{
margin:35px 0;
}

#service-workflow p.workflow-meeting{
margin:0 0 26px 0;
}

#service-workflow p{
margin:0 0 77px 0;
}



/* =========================================  

works

========================================== */

#contents h2.works-ttl{
background:url(../images/works_ttl.gif) no-repeat;
width:960px;
height:69px;
text-indent:-9999em;
overflow:hidden; 
}

#works-category{
margin:0 0 80px 0;}


#works-category h3{
background:url(../images/works_category.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
height:48px;
}

#works-category .category-lead{
margin:35px 0;
}



/* =========================================  

contact

========================================== */

#contents h2.contact-ttl{
background:url(../images/contact_ttl.gif) no-repeat;
width:960px;
height:69px;
text-indent:-9999em;
overflow:hidden; 
}

#contact-form{
margin:0 0 80px 0;
}

#contact-form p{
text-align:center;
margin-top:150px;
}


#contact-form-inner{
zwidth:908px;
margin:0 auto;
text-align:center;
zborder:#6600FF 1px solid;}



#contact-form table{
zwidth:908px;
border-collapse:collapse;
margin-bottom:30px;
text-align:left;
zbackground-color:#F8FCFF;
}

#contact-form td{
border:1px solid #E8EDF0;
margin:0;
padding:15px;
}

#contact-form td.l_Cel{
	width:250px;
}

#contact-form td.r_Cel{
	width:595px;
}


.formcolor{
background-color:#E8EDF0;
width:590px;
}


#contact-form span{
color:#00B400;}

textarea {
	resize: vertical;
}

.formbox{
width:500px;}