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

#main_wrapper {
background: url(../img/contents_bg_.gif) repeat-x left top;
height: 390px;
width: 100%;
}

.main_wrapper_ {
width: 880px;
}


#big_eco {
float:left;
padding: 0px 0px 0px 10px;
width: 281px;
}

.eco_bg {
background: url(../img/eco_bg.gif) no-repeat left top;
height: 390px;
width: 281px;
}

h2#eco {
float:left;
width: 281px;
}


.eco_btn {
float: left;
height: 29px;
padding: 305px 0px 0px 50px;
width: 170px;
}

.eco_btn_ a {
background: url(../img/eco_btn.jpg) no-repeat left top;
display: block;
height: 29px;
width: 170px;
}

.eco_btn a:hover {
background: url(../img/eco_btn02.gif) no-repeat left top;
display: block;
height: 29px;
width: 170px;
}


#big_busi {
float: left;
width: 280px;
}

.busi_bg {
background: url(../img/busi_bg.gif) no-repeat left top;
height: 390px;
width: 280px;
}

h2#busi {
float:left;
width: 280px;
}

#busi_btn {
height: 29px;
padding: 305px 0px 0px 0px;
width: 170px;
}

.busi_btn a {
background: url(../img/busi_btn.jpg) no-repeat left top;
display: block;
height: 29px;
width: 170px;
}

.busi_btn a:hover {
background: url(../img/busi_btn02.gif) no-repeat left top;
display: block;
height: 29px;
width: 170px;
}



#big_pre {
float:left;
width: 289px;
}

.pre_bg {
background: url(../img/pre_bg.gif) no-repeat left top;
height: 390px;
width: 289px;
}

h2#pre {
float:left;
width: 289px;
}

#pre_btn {
height: 29px;
padding: 305px 0px 0px 0px;
width: 170px;
}

.pre_btn a {
background: url(../img/pre_btn.jpg) no-repeat left top;
display: block;
height: 29px;
width: 170px;
}

.pre_btn a:hover {
background: url(../img/pre_btn02.gif) no-repeat left top;
display: block;
height: 29px;
width: 170px;
}

.contents_wrapper {
width: 850px;
}


#experience_title {
float: left;
padding-left: 19px;
width: 157px;
}

h3.experience_title {
background: url(../img/experience.gif) no-repeat left top;
height: 21px;
width: 157px;
}

#more {
float: left;
width: 657px;
text-decoration: none;
}

.more {
background: url(../img/more_01.gif) no-repeat left center;
height: 21px;
width: 657px;
text-decoration: none;
}

.more a {
color: #737373;
display: inline;
float: right;
font-size: 11px;
font-weight: 600;
padding: 3px 22px 0px 0px;
text-decoration: none;
}

#experience {
padding: 8px 0px 0px 19px;
width: 831px;
}

#ex01 {
float: left;
height: 110px;
width: 147px;
}

p.ex01 {
height: 110px;
width: 147px;
}

p.ex01 a {
display: block;
height: 110px;
width: 147px;
}

#ex02, #ex03, #ex04, #ex05 {
float: left;
height: 110px;
padding: 0px 0px 0px 20px;
width: 147px;
}

p.ex02, p.ex03, p.ex04, p.ex05 {
height: 110px;
width: 147px;
}

p.ex02 a , p.ex03 a , p.ex04 a , p.ex05 a {
display: block;
height: 110px;
width: 147px;
}

#features_title {
float: left;
padding: 19px 0px 10px 19px;
width: 403px;
}

h3.features_title {
background: url(../img/feature_title.jpg) no-repeat left top;
height: 26px;
width: 403px;
}

#fea01 {
float: left;
padding: 0px 0px 10px 19px;
width: 253px;
}

.fea01 {
background: url(../img/feature01.jpg) no-repeat left top;
height: 120px;
width: 253px;
}

#fea01_arrow {
height: 20px;
padding: 90px 0px 0px 80px;
width: 140px;
}

p.fea01_arrow a {
background: url(../img/feature01_arrow.gif) no-repeat left top;
display: block;
height: 20px;
width: 140px;
}

p.fea01_arrow a:hover {
background: url(../img/feature01_arrow_.gif) no-repeat left top;
display: block;
height: 20px;
width: 140px;
}


#fea02 {
float: left;
padding: 0px 0px 10px 30px;
width: 253px;
}

.fea02 {
background: url(../img/feature02.jpg) no-repeat left top;
height: 120px;
width: 253px;
}

#fea02_arrow {
height: 20px;
padding: 90px 0px 0px 95px;
width: 140px;
}

p.fea02_arrow a {
background: url(../img/feature02_arrow.gif) no-repeat left top;
display: block;
height: 20px;
width: 120px;
}

p.fea02_arrow a:hover {
background: url(../img/feature02_arrow_.gif) no-repeat left top;
display: block;
height: 20px;
width: 120px;
}

#fea03 {
float: left;
padding: 0px 0px 10px 30px;
width: 253px;
}

.fea03 {
background: url(../img/feature03.jpg) no-repeat left top;
height: 120px;
width: 253px;
}

#fea03_arrow {
height: 20px;
padding: 90px 0px 0px 95px;
width: 140px;
}

p.fea03_arrow a {
background: url(../img/feature03_arrow.gif) no-repeat left top;
display: block;
height: 20px;
width: 120px;
}

p.fea03_arrow a:hover {
background: url(../img/feature03_arrow_.gif) no-repeat left top;
display: block;
height: 20px;
width: 120px;
}

#fea04 {
float: left;
padding: 0px 0px 10px 19px;
width: 253px;
}

.fea04 {
background: url(../img/feature04.jpg) no-repeat left top;
height: 120px;
width: 253px;
}

#fea04_arrow {
height: 20px;
padding: 90px 0px 0px 80px;
width: 110px;
}

p.fea04_arrow a {
background: url(../img/feature04_arrow.gif) no-repeat left top;
display: block;
height: 20px;
width: 110px;
}

p.fea04_arrow a:hover {
background: url(../img/feature04_arrow_.gif) no-repeat left top;
display: block;
height: 20px;
width: 110px;
}

#fea05 {
float: left;
padding: 0px 0px 10px 30px;
width: 253px;
}

.fea05 {
background: url(../img/feature05.jpg) no-repeat left top;
height: 120px;
width: 253px;
}


#fea06 {
float: left;
padding: 0px 0px 10px 30px;
width: 253px;
}

.fea06 {
background: url(../img/feature06.jpg) no-repeat left top;
height: 120px;
width: 253px;
}


.contact_left {
float: left;
padding: 20px 0px 0px 15px;
width: 125px;
}

.contact_left01 {
float: left;
padding: 0px 0px 0px 0px;
width: 125px;
}

.contact_left02 {
float: left;
padding: 5px 0px 0px 0px;
width: 125px;
}

p.contact_left_t {
font-size: 10px;
letter-spacing: 0.08em;
padding: 3px 0px 0px 0px;
text-align: left;
}


.contact_right {
float: left;
padding: 0px 0px 0px 7px;
width: 702px;
}

#contac_title {
float: left;
padding: 20px 0px 0px 0px;
width: 120px;
}

.contac_title {
background: url(../img/contact_title.gif) no-repeat left top;
height: 20px;
width: 120px;
}

#tel {
float: left;
padding: 10px 0px 0px 2px;
width: 220px;
}

.tel {
background: url(../img/tell.gif) no-repeat left center;
height: 30px;
width: 220px;
}

#fax {
float: left;
padding: 10px 0px 0px 10px;
width: 220px;
}

.fax {
background: url(../img/fax.gif) no-repeat left center;
height: 30px;
width: 220px;
}

#mail {
float: left;
padding: 10px 0px 0px 10px;
width: 220px;
}

.mail a {
background: url(../img/mail.gif) no-repeat left center;
display: block;
height: 30px;
width: 220px;
}

.mail a:hover {
background: url(../img/mail_.gif) no-repeat left center;
display: block;
height: 30px;
width: 220px;
}

#contact_bar {
float: left;
padding: 10px 0px 3px 10px;
width: 675px;
}

.contact_bar {
background: url(../img/contact_bar.gif) no-repeat left bottom;
height: 3px;
width: 685px;
}

#con {
float: left;
padding: 0px 0px 25px 10px;
width: 687px;
}

p.con01 {
color: #454444;
display: inline;
float: left;
font-size: 13px;
font-weight: 600;
letter-spacing: normal;
padding: 0px 0px 0px 5px;
}

p.con01 span {
color: #454444;
display: inline;
font-size: 11px;
font-weight: 600;
}

p.con02 {
color: #454444;
display: inline;
float: left;
font-size: 11px;
font-weight: 600;
padding: 1px 0px 0px 5px;
}

.banner {
float: left;
padding: 0px 0px 5px 0px;
width: 850px;
}

.banner_01 {
float: left;
padding: 0px 0px 0px 15px;
width: 120px;
}