#sub-title {
   background: none;
   height: auto;
}
#sub-title h1 {
   background-image: url(../img/title.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 138px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
}

#about-menu-container {
   clear: both;
}
#about-menu-container div.about-menu {
   text-indent: -9999px;
}
#contents-wrapper div.about-menu h2 a {
   display: block;
   height: 420px;
   background-repeat: no-repeat;
}

#company-profile {
   float: left;
}
#company-profile h2 a {
   width: 251px;
   background-image: url(../img/company-profile.jpg);
}
#company-profile h2 a:hover {
   background-image: url(../img/company-profile-on.jpg);
}

#philosophy {
   float: left;
}
#philosophy h2 a {
   width: 257px;
   background-image: url(../img/philosophy.jpg);
}
#philosophy h2 a:hover {
   background-image: url(../img/philosophy-on.jpg);
}

#map {
   float: left;
}
#map h2 a {
   width: 252px;
   background-image: url(../img/map.jpg);
}
#map h2 a:hover {
   background-image: url(../img/map-on.jpg);
}




#sub-title.about-contents h1 {
   height: 96px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
}

#sub-title.about-contents ul {
   margin: 0; padding: 0;
   border-bottom: 1px solid #000;
   list-style-type: none;
   height: 40px;
   padding-left: 304px;
}
#sub-title.about-contents ul li {
   float: left;
}
#sub-title.about-contents ul li a {
   display: block;
   height: 40px;
   width: 152px;
   text-indent: -9999px;
}

#sub-title.about-contents ul li#menu-company-profile a {
   background-image: url(../img/menu-company-profile.gif);
}
#sub-title.about-contents ul li#menu-company-profile a:hover,
#sub-title.about-contents ul li#menu-company-profile.active a {
   background-image: url(../img/menu-company-profile-on.gif);
}

#sub-title.about-contents ul li#menu-philosophy a {
   background-image: url(../img/menu-philosophy.gif);
}
#sub-title.about-contents ul li#menu-philosophy a:hover,
#sub-title.about-contents ul li#menu-philosophy.active a {
   background-image: url(../img/menu-philosophy-on.gif);
}

#sub-title.about-contents ul li#menu-map a {
   background-image: url(../img/menu-map.gif);
}
#sub-title.about-contents ul li#menu-map a:hover,
#sub-title.about-contents ul li#menu-map.active a {
   background-image: url(../img/menu-map-on.gif);
}



#contents-wrapper div.about-contents dl {
   font-size: 8pt;
}
#contents-wrapper div.about-contents dl dt {
   color: #2994c1;
   margin-bottom: 3px;
}
#contents-wrapper div.about-contents dl dd {
   margin-bottom: 8px;
   line-height: 180%;
}



#company-profile-contents {
}

#company-profile-contents div.cpc-block {
   border-top: 1px solid #000;
   clear: both;
   margin-top: 23px;
   padding-top: 23px;
}

#company-profile-contents h2 {
   float: left;
   width: 290px;
   background-image: url(../img/company-profile-title-bg.gif);
   background-position: top right;
   background-repeat: no-repeat;
   min-height: 85px;
   *height: 85px;

   text-align: right;
   font-size: 8pt;
   color: #fff;
   font-weight: normal;

   padding-top: 20px;
   padding-right: 11px;
}

#company-profile-contents dl {
   float: right;
   width: 450px;
}


#philosophy-contents {
   background-image: url(../img/philosophy-main.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 300px;
   margin-top: 23px;
   padding-top: 15px;
   border-top: 1px solid #000;
}
#philosophy-contents h2 {
   background-image: url(../img/philosophy-title.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 40px;
   text-indent: -9999px;
   margin-bottom: 30px;
}
#philosophy-contents dl {
   padding-left: 5px;
   padding-right: 5px;
}



#map-contents {
   margin-top: 23px;
   padding-top: 23px;
   border-top: 1px solid #000;
}

#map-contents div.map-image {
   float: left;
   width: 354px;
   text-align: right;
}
#map-contents div.map-details {
   float: right;
   width: 388px;
}

#map-contents div.map-details h2 {
   text-indent: -9999px;
   background-image: url(../img/map-title.gif);
   background-repeat: no-repeat;
   background-position: top left;
   height: 27px;
   margin-bottom: 40px;
}

#map-contents div.map-details p {
   background-image: url(../img/company-profile-pointer.gif);
   background-position: top left;
   background-repeat: no-repeat;
   padding-top: 15px;

   margin-bottom: 30px;
}
#map-contents div.map-details p strong {
   color: #2994c1;
   font-weight: normal;
}