body {
}

body, h1, h2, h3, h4, h5, h6,
form, blockquote, table, ul, ol, li, dl, dt, dd, p, img {
  color: #666;
  text-align: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  line-height: 150%;
  border: none;
  font-family: Verdana, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  list-style-type: none;
}

a {
  outline: none;
}

/*   global layout section   */
body {
  text-align: center;
  background-color: #f8f8f8;
  background-image: url(/images/body-bg-gd-02.png);
  background-repeat: repeat-y;
  background-position: top center;
}

div#container {
  width: 738px;
  background-color: #fff;
  margin: 0 auto;
  text-align: left;
}

div#header {
  margin-bottom: 2em;
  clear: both;
}

ul#global-navigation {
  margin-bottom: 2em;
  clear: both;
}

div#body {
  margin-bottom: 3em;
  clear: both;
}

div#footer {
  clear: both;
}

/*   header section   */
div#header {
  border-top: 3px solid #8ec124;
  padding: 1.5em 0.5em 0;
  height: 44px;
}

div#header div.logo {
  float: left;
  height: 44px;
}

div#header ul.top-navigation {
  float: right;
  height: 10px;
}

div#header ul.top-navigation li {
  display: block;
  float: left;
  margin-left: 10px;
}

div#header ul.top-navigation li a {
  display: block;
  float: left;
  height: 10px;
  text-indent: -9999px;
  text-decoration: none;
  background-position: top left;
  background-repeat: no-repeat;
}

div#header ul.top-navigation li.home a {
  width: 40px;
  background-image: url(/images/tnavi-home.png);
}

div#header ul.top-navigation li.sitemap a {
  width: 72px;
  background-image: url(/images/tnavi-sitemap.png);
}

/* body */
div#body a {
  color: #999;
}

div#body .warning {
  color: #f00;
}

/* photo section */
h1#index-photo,
h1#concept-photo,
h1#company-photo,
h1#services-photo,
h1#recruit-photo,
h1#inquiry-photo {
  height: 160px;
  text-indent: -9999px;
  text-decoration: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  border-top: 1px solid #8ec124;
  border-bottom: 1px solid #8ec124;
}

h1#index-photo {
  height: 240px;
  background-image: url(/images/index-h1.jpg);
}

h1#concept-photo {
  background-image: url(/images/concept-h1.jpg);
}

h1#company-photo {
  background-image: url(/images/company-h1.jpg);
}

h1#services-photo {
  background-image: url(/images/services-h1.jpg);
}

h1#recruit-photo {
  background-image: url(/images/recruit-h1.jpg);
}

h1#inquiry-photo {
  background-image: url(/images/inquiry-h1.jpg);
}

/*    global navigation section */
ul#global-navigation {
  clear: both;
  height: 28px;
  border-width: 1px 0;
  border-color: #ccc;
  border-style: solid;
}

ul#global-navigation li {
  display: block;
  float: left;
}

ul#global-navigation li a {
  display: block;
  float: left;
  height: 28px;
  text-indent: -9999px;
  text-decoration: none;
  background-position: 0 0;
  background-repeat: repeat-x;
}

ul#global-navigation li a.current,
ul#global-navigation li a:hover {
  background-position: 0 -28px;
}

ul#global-navigation li.company a {
  width: 147px;
  background-image: url(/images/gnavi-company.png);
}

ul#global-navigation li.concept a {
  width: 147px;
  background-image: url(/images/gnavi-concept.png);
}

ul#global-navigation li.services a {
  width: 148px;
  background-image: url(/images/gnavi-services.png);
}

ul#global-navigation li.recruit a {
  width: 148px;
  background-image: url(/images/gnavi-recruit.png);
}

ul#global-navigation li.inquiry a {
  width: 148px;
  background-image: url(/images/gnavi-inquiry.png);
}

/*   body section   */
div#body {
  padding: 0 0.8em;
}

/* index page section */
div#index {
}

div#index div h2 {
  margin-bottom: 0.8em;
  height: 20px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
}

div#index div p {
  margin-bottom: 0.8em;
}

div#index div.left {
  float: left;
  width: 350px;
}

div#index div.right {
  margin-left: 360px;
  width: 350px;
}

div#index div.information {
}

div#index div.information h2 {
  background-image: url(/images/index-information-h2.png);
}

div#index div.release {
}

div#index div.release h2 {
  background-image: url(/images/index-release-h2.png);
}

div#index div.release dl {
  margin-bottom: 0.8em;
}

div#index div.release dl dt {
  float: left;
}

div#index div.release dl dd {
  margin-left: 90px;
}

div#index div.release dl dd.more {
  font-size: 7pt;
}

div#index div.services {
}

div#index div.services h2 {
  background-image: url(/images/index-services-h2.png);
}

div#index div.services dl {
  background-position: top left;
  background-repeat: no-repeat;
  margin-bottom: 1em;
}

div#index div.services dl.mobileaffiliate {
  background-image: url(/images/index-mobileaffiliate-dl.png);
}

div#index div.services dl.mobileseo {
  background-image: url(/images/index-mobileseo-dl.png);
}

div#index div.services dl.mobilelpo {
  background-image: url(/images/index-mobilelpo-dl.png);
}

div#index div.services dl dt,
div#index div.services dl dd {
  margin-left: 74px;
}

div#index div.services dl dt {
  font-weight: bold;
}

div#index div.services dl dt a {
  color: #333;
  text-decoration: none;
}

div#index div.services dl dt a:hover {
  text-decoration: underline;
}

div#index div.services dl dd.more {
  font-size: 7pt;
}

/* index page section */
div#index-sitemap,
div#index-redir {
}

div#index-sitemap h1,
div#index-redir h1 {
  margin-bottom: 1.2em;
  font-size: 16px;
  font-weight: bold;
}

div#index-sitemap ul {
  padding: 0 0.5em;
}

div#index-sitemap ul li {
  list-style-type: disc;
  list-style-position: inside;
}

div#index-sitemap ul ul li {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 20px;
}

/* concept page section */
div#concept {
}

div#concept div.greeting h2 {
  margin-bottom: 0.8em;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
  background-image: url(/images/concept-greeting-h2.png);
}

div#concept p.story {
  margin-bottom: 0.8em;
}

/* company page section */
div#company {
}

div#company div.greeting h2,
div#company div.profile h2,
div#company div.access h2 {
  margin-bottom: 0.8em;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
}

div#company div.greeting h2 {
  background-image: url(/images/company-greeting-h2.png);
}

div#company div.profile h2 {
  background-image: url(/images/company-profile-h2.png);
}

div#company div.access h2 {
  background-image: url(/images/company-access-h2.png);
}

div#company div p {
  margin-bottom: 0.8em;
}

div#company div.greeting {
  margin-bottom: 2em;
  width: 710px;
}

div#company div.greeting p {
  margin-bottom: 0.8em;
}

div#company div.profile {
  float: left;
  width: 350px;
}

div#company div.profile dl {
  margin-bottom: 0.8em;
}

div#company div.profile dl dt {
  float: left;
  width: 70px;
}

div#company div.profile dl dd {
  margin-left: 80px;
  width: 260px;
}

div#company div.access {
  margin-left: 360px;
  width: 350px;
}

div#company div.access div#company-access-map {
  width: 350px;
  height: 350px;
  border: 1px solid #808080;
  margin-bottom: 0.8em;
}

/* services page section */
div#services {
}

div#services div.mobilemarket h2,
div#services div.mobileaffiliate h2,
div#services div.mobileseo h2,
div#services div.mobilelpo h2 {
  margin-bottom: 0.8em;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
}

div#services div.mobilemarket h2 {
  background-image: url(/images/services-mobilemarket-h2.png);
}

div#services div.mobileaffiliate h2 {
  background-image: url(/images/services-mobileaffiliate-h2.png);
}

div#services div.mobileseo h2 {
  background-image: url(/images/services-mobileseo-h2.png);
}

div#services div.mobilelpo h2 {
  background-image: url(/images/services-mobilelpo-h2.png);
}

div#services div h3 {
  font-weight: bold;
  margin-bottom: 0.8em;
}

div#services div p,
div#services div dl {
  margin-bottom: 0.8em;
}

div#services div.mobileaffiliate dl dt {
  float: left;
  width: 220px;
  background-color: #f0f0f0;
}

div#services div.mobileaffiliate dl dd {
  margin-left: 230px;
  width: 480px;
}

/* recruit page section */
div#recruit {
}

div#recruit div.greeting h2,
div#recruit div.image h2,
div#recruit div.data h2 {
  margin-bottom: 0.8em;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
}

div#recruit div.greeting h2 {
  background-image: url(/images/recruit-greeting-h2.png);
}

div#recruit div.image h2 {
  background-image: url(/images/recruit-image-h2.png);
}

div#recruit div.data h2 {
  background-image: url(/images/recruit-data-h2.png);
}

div#recruit div.greeting,
div#recruit div.image,
div#recruit div.data {
  margin-bottom: 2em;
  width: 710px;
}

div#recruit div.greeting p.story,
div#recruit div.greeting p.signature {
  margin-bottom: 0.8em;
}

div#recruit div.image ul {
  margin-bottom: 0.8em;
}

div#recruit div.image ul li {
  list-style-type: disc;
  list-style-position: inside;
}

div#recruit div.data h3 {
  font-weight: bold;
  margin-bottom: 0.8em;
}

div#recruit div.data dl {
  margin-bottom: 0.8em;
}

div#recruit div.data dl.jobs dt,
div#recruit div.data dl.terms dt {
  float: left;
}

div#recruit div.data dl.jobs dd {
  margin-left: 120px;
}

div#recruit div.data dl.terms dd {
  margin-left: 80px;
}

/* inquiry page section */
div#inquiry {
}

div#inquiry div h2 {
  margin-bottom: 0.8em;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
}

div#inquiry div.greeting h2 {
  background-image: url(/images/inquiry-greeting-h2.png);
}

div#inquiry div.press h2 {
  background-image: url(/images/inquiry-press-h2.png);
}

div#inquiry div.services h2 {
  background-image: url(/images/inquiry-services-h2.png);
}

div#inquiry div.recruit h2 {
  background-image: url(/images/inquiry-recruit-h2.png);
}

div#inquiry div.finished h2 {
  background-image: url(/images/inquiry-finished-h2.png);
}

div#inquiry div p {
  margin-bottom: 0.8em;
}

div#inquiry div p a {
}

/* inquiry form section */
div#inquiry-services,
div#inquiry-press,
div#inquiry-recruit {
}

div#inquiry-services div.form h2,
div#inquiry-press div.form h2,
div#inquiry-recruit div.form h2 {
  margin-bottom: 0.8em;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-bottom: 1px solid #999;
}

div#inquiry-services div.form h2 {
  background-image: url(/images/inquiry-services-form-h2.png);
}

div#inquiry-press div.form h2 {
  background-image: url(/images/inquiry-press-form-h2.png);
}

div#inquiry-recruit div.form h2 {
  background-image: url(/images/inquiry-recruit-form-h2.png);
}

div#inquiry-services div.form p,
div#inquiry-press div.form p,
div#inquiry-recruit div.form p {
  margin-bottom: 0.8em;
}

div#inquiry-services div.form form,
div#inquiry-press div.form form,
div#inquiry-recruit div.form form {
  padding: 1em 2em;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}

div#inquiry-services div.form dl,
div#inquiry-press div.form dl,
div#inquiry-recruit div.form dl {
}

div#inquiry-services div.form dl dt,
div#inquiry-press div.form dl dt,
div#inquiry-recruit div.form dl dt {
  font-size: 10pt;
  line-height: 170%;
}

div#inquiry-services div.form p span.essential,
div#inquiry-press div.form p span.essential,
div#inquiry-recruit div.form p span.essential,
div#inquiry-services div.form dl dt sup.essential,
div#inquiry-press div.form dl dt sup.essential,
div#inquiry-recruit div.form dl dt sup.essential {
  color: #f00;
  vertical-align: middle;
}

div#inquiry-services div.form dl dd,
div#inquiry-press div.form dl dd,
div#inquiry-recruit div.form dl dd {
  line-height: 170%;
  margin-left: 4em;
}

/*   footer section   */
div#footer {
  padding: 1.5em 0.5em 3em;
}

div#footer hr {
  height: 3px;
  margin-bottom: 1em;
  border: none;
  background-image: url(/images/hr-01.png);
  background-repeat: repeat-x;
  background-position: top center;
}

div#footer ul.corp-link {
  margin-bottom: 2em;
  float: left;
}

div#footer ul.corp-link li {
  font-size: 7pt;
  display: inline;
  margin-right: 4px;
}

div#footer p.copyright {
  text-align: right;
  margin-bottom: 2em;
  font-size: 7pt;
  color: #999;
}