body {
  background-color: #e5f2e8;
  background-image: url(../image/back_stripe.jpg);
  background-repeat: repeat-x;
  padding: 0px;
  margin: 0px;
  font-family: '‚l‚r –¾’©', serif;
}

body div.outer {
  background-color: #9cd598;
  width: 860px;
  margin: 0px auto 0px auto;
  padding: 16px;
  border: 0px solid #f8f6f6;
}

body div.border {
  background-color: #9cd598;
  width: 800px;
  margin: 0px auto 0px auto;
  padding: 8px;
  border: 1px solid #f8f6f6;
}

body div.border div.container {
  width: 800px;
  border-width: 0px;
  background-color: #f8f6f6;
  padding: 0px;
  margin: 0px;
}

a.header {
  display: block;
  background-image: url(../image/benefacis_top.jpg);
  background-repeat: no-repeat;
  width: 270px;
  height: 37px;
  margin: 0px;
  text-indent: -10000px;
}

h1.header {
  background-image: url(../image/benefacis_top.jpg);
  background-repeat: no-repeat;
  width: 270px;
  height: 37px;
  margin: 0px;
  text-indent: -10000px;
}

h4.footer {
  background-image: url(../image/bar_footer.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 5px;
  margin: 4px 0px 4px 0px;
  text-indent: -10000px;
}

div.copyright {
  text-align: center;
  padding: 2px 0px 5px 0px;
  font-family: '‚l‚r ‚oƒSƒVƒbƒN', san-serif;
  font-size: 8pt;
}

div.menu {
  height: 39px;
  overflow-y: hidden;
  overflow-x: hidden;
}

div.menu div {
  display: block;
  float: left;
  width: 160px;
  height: 39px;
  margin: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
}

div.menu a {
  display: block;
  width: 160px;
  height: 39px;
  text-indent: -10000px;
  background-repeat: no-repeat;
  margin: 0px;
}

div.menu div.home {
  background-image: url(../image/menu_home_mo.jpg);
}
div.menu div.service {
  background-image: url(../image/menu_service_mo.jpg);
}
div.menu div.products {
  background-image: url(../image/menu_products_mo.jpg);
}
div.menu div.case {
  background-image: url(../image/menu_case_mo.jpg);
}
div.menu div.company {
  background-image: url(../image/menu_company_mo.jpg);
}

div.menu a.home {
  background-image: url(../image/menu_home.jpg);
}
div.menu a.service {
  background-image: url(../image/menu_service.jpg);
}
div.menu a.products {
  background-image: url(../image/menu_products.jpg);
}
div.menu a.case {
  background-image: url(../image/menu_case.jpg);
}
div.menu a.company {
  background-image: url(../image/menu_company.jpg);
}

div.menu a:hover {
  background-position: -10000px
}

div.container h1.title {
  background-repeat: no-repeat;
  width: 794px;
  height: 67px;
  margin: 3px;
  text-indent: -10000px;
}

div.container h2.subtitle {
  background-repeat: no-repeat;
  height: 24px;
  width: 772px;
  margin: 24px 14px 12px 14px;
  text-indent: -10000px;
}

div.container h3.caption {
  background-repeat: no-repeat;
  width: 680px;
  height: 42px;
  margin: 24px 70px 12px 50px;
  text-indent: -10000px;
  overflow-y: hidden;
  overflow-x: hidden;
}

/* home */
div#home h1.banner {
  width: 784px;
  height: 100px;
  margin: 12px 8px 0px 8px;
  background-image: url(../image/benefacis_banner.jpg);
  text-indent: -10000px;
}

div.top {
  border-width: 0px;
  margin: 6px 12px 0px 12px;
  height: 393px;
  width: 776px;
  overflow-y: hidden;
  background-image: url(../image/top.jpg);
}

div.top img {
  display: block;
  float: left;
}

div.top div#it {
  float: left;
  background-image: url(../image/top_l_mo.jpg);
  width: 388px;
  height: 213px;
}

div.top div#sox {
  float: left;
  background-image: url(../image/top_r_mo.jpg);
  width: 388px;
  height: 213px;
}

div.top div#privacy {
  float: right;
  background-image: url(../image/top_b_mo.jpg);
  width: 388px;
  height: 90px;
}

div.top a {
  display: block;
  float: left;
  text-indent: -10000px;
}

div.top div#it a {
  background-image: url(../image/top_l.jpg);
  background-repeat: no-repeat;
  width: 388px;
  height: 213px;
}

div.top div#sox a {
  background-image: url(../image/top_r.jpg);
  background-repeat: no-repeat;
  width: 388px;
  height: 213px;
}
div.top div#privacy a {
  background-image: url(../image/top_b.jpg);
  background-repeat: no-repeat;
  width: 388px;
  height: 90px;
}

div.top a:hover {
  background-position: -10000px
}


/* service */
div#service h1.title {
  background-image: url(../image/title_service.jpg);
}

div#service h2.subtitle#itsubtitle {
  background-image: url(../image/service_sub1.jpg);
  height: 41px;
}

div#service h2.subtitle#soxsubtitle {
  background-image: url(../image/service_sub2.jpg);
  margin-top: 70px;
}

/*div#service h3.caption#it {*/
div#service h3#itcaption {
  background-image: url(../image/service_bar1.jpg);
}

/*div#service h3.caption#sox {*/
div#service h3#soxcaption {
  background-image: url(../image/service_bar2.jpg);
}

div#service div.list {
  width: 650px;
  margin-left: 40px;
  padding: 0px;
}

div#service ul.level1 {
  display: block;
  font-size: 10pt;
  font-weight: bold;
  color: #555555;
  list-style-image: url(../image/check.jpg);
  line-height: 2em;
}

div#service ul.level2 {
  list-style-image: url(../image/arrow.jpg);
  line-height: 1.2em;
  color: #000000;
  font-weight: normal;
}


div#service span.case {
  float: right;
  margin: 0px 60px 20px auto;
  background-image: url(../image/2arrow_mo.jpg);
  background-repeat: no-repeat;
  font-size: 10pt;
}

div#service span.case a {
  display: block;
  text-indent: 17px;
  background-image: url(../image/2arrow.jpg);
  background-repeat: no-repeat;
  color: #000066;
}

div#service span.case a:hover {
  background-position: -10000px;
}

div#service span.case a:visited {
  color: #003300;
}

div#service div.info {
  font-size: 10pt;
  margin: 60px 0px 20px 50px;
}

div#service div.info img {
  width: 14px;
  height: 10px;
  border: none;
}

div#service div.info a {
  color: #000066;
}
div#service div.info a:visited {
  color: #003300;
}

/* case */
div#case h1.title {
  background-image: url(../image/title_case.jpg);
}

div#case h2#it {
  background-image: url(../image/case_sub2.jpg);
}

div#case h2#sox {
  background-image: url(../image/case_sub1.jpg);
}

div#case div.list {
  width: 650px;
  margin-left: 40px;
  padding: 0px;
}

div#case ul {
  display: block;
  font-size: 10pt;
  list-style-image: url(../image/diamond.jpg);
  line-height: 2em;
}

div#case ul dl dt {
  position: relative;
  font-size: 10pt;
  line-height: 1.2em;
  top: -5px;
}

div#case h1.banner {
  width: 700px;
  height: 210px;
  margin: 30px 50px 30px 50px;
  background-image: url(../image/sky.jpg);
  text-indent: -10000px;
}
div#case img.banner {
  display: block;
  width: 490px;
  height: 147px;
  margin: 30px auto 30px auto;
}


/* products */
div#products h1.title {
  background-image: url(../image/title_products.jpg);
}

div#products h2.subtitle {
  background-image: url(../image/products_sub1.jpg);
}

/*div#products h3.caption#develop {*/
div#products h3.caption#develop {
  background-image: url(../image/products_bar1.jpg);
}

/*div#products h3.caption#flowandfunction {*/
div#products h3.caption#flowandfunction {
  background-image: url(../image/products_bar2.jpg);
}

div#products ul {
  width: 700px;
  list-style: none;
  font-size: 10pt;
}

div#products li {
  padding-bottom: 5px;
}

div#products li.spacing {
  padding-top: 1em;
}

div#products img#chart {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 314px;
  height: 263px;
}

div#products h4.subtitle {
  background-image: url(../image/diamond.jpg);
  background-repeat: no-repeat;
  text-indent: 1.5em;
  margin-left: 60px;
  color: #555555;
  font-size: 10pt;
}

div#products ul.level1 {
  margin-left: 80px;
  width: 650px;
}

div#products ul.level2 {
  margin-left: 80px;
  width: 550px;
}

div#products dl {
  width: 650px;
  font-size: 10pt;
  margin-left: 80px;
}

div#products dt {
  margin-top: 10px;
  margin-bottom: 5px;
}

div#products dd.indent {
  margin-left: 60px;
  margin-bottom: 5px;
}

/* company */
div#company h1.title {
  background-image: url(../image/title_company.jpg);
}

div#company h2.subtitle#outline {
  background-image: url(../image/company_sub1.jpg);
}

div#company h2.subtitle#history {
  background-image: url(../image/company_sub2.jpg);
}

div#company h2.subtitle#principle {
  background-image: url(../image/company_sub3.jpg);
}

div#company h2.subtitle#recruit {
  background-image: url(../image/company_sub4.jpg);
}

div#company table.outline {
  font-size: 10pt;
  width: 650px;
  margin-left: 40px;
  padding: 0px;
}

div#company table.outline td {
  vertical-align: top;
  padding-bottom: 15px;
}

div#company table.outline table td {
  padding: 0px 30px 2px 0px;
}

div#company table.outline dl {
  margin: 0px 0px 5px 0px;
  display: block;
  margin-left: 20px;
}
div#company table.outline#historyoutline td {
  padding-bottom: 0px;
}

div#company div.principle {
  width: 700px;
  margin-left: 20px;
  padding: 0px;
  font-size: 10pt;
}

div#company div#principle ul {
  list-style-image: url(../image/check.jpg);
}

div#company div.recruit {
  width: 700px;
  margin-left: 20px;
  margin-bottom: 40px;
  padding: 0px;
  font-size: 10pt;
}

div#company div.recruit span {
  margin-left: 25px;
}

div#company div.recruit ul {
  list-style-image: url(../image/arrow.jpg);
}

div#company div.recruit dl {
  margin: 0px 0px 5px 0px;
  display: block;
  margin-left: 20px;
}

/* privacy */

div#privacy h1.title {
  background-image: url(../image/title_privacy.jpg);
}

div#privacy h2.subtitle#policy1 {
  background-image: url(../image/privacy_sub1.jpg);
}

div#privacy h3.caption#caption1 {
  background-image: url(../image/privacy_bar1.jpg);
}

div#privacy h3.caption#caption2 {
  background-image: url(../image/privacy_bar2.jpg);
}

div#privacy h4.subtitle {
  background-image: url(../image/diamond.jpg);
  background-repeat: no-repeat;
  text-indent: 1.5em;
  margin-left: 60px;
  color: #555555;
  font-size: 10pt;
}

div#privacy dl {
  width: 670px;
  font-size: 10pt;
  margin-left: 60px;
}

div#privacy dt {
  margin-top: 10px;
  margin-bottom: 5px;
}

div#privacy dd {
  margin-left: 20px;
  margin-bottom: 5px;
}

div#privacy h2.subtitle#policy2 {
  background-image: url(../image/privacy_sub2.jpg);
}

div#privacy ul {
  list-style: none;
}

div#privacy li {
  padding-bottom: 10px;
}

div#privacy div#policy3 li {
  padding-bottom: 2px;
}

div#privacy div.left {
  margin-left: 100px;
  font-size: 10pt;
}

div#privacy div.right {
  margin-left: 500px;
  font-size: 10pt;
}

div#privacy div.policy1 {
  width: 700px;
  margin-left: 20px;
  padding: 0px;
  font-size: 10pt;
}

div#privacy div.policy2 {
  width: 700px;
  height: 220px;
  margin-top: 30px;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 0px;
  font-size: 10pt;
  background-image: url(../image/shikuwasa.jpg);
  background-repeat: no-repeat;
  background-position: center right;
}

div#privacy div.policy2 div.inner {
  margin-left: 20px;
  width: 530px;
}

div#privacy div.policy3 {
  width: 700px;
  margin-left: 40px;
  padding: 0px;
  font-size: 10pt;
}

