@charset "shift_jis";

*{
  padding: 0px;
  margin: 0px;
}

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

  elements

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

html {
  overflow-y: scroll;
}

body {
  background: #FFF;
  color: #181818;
  font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 0.8em;
  text-align: center;
}

html:\66 irst-child body { /* for mac1-2 */
  font-size: 0.75em;
  letter-spacing: -1px;
}

div#header,
div#content,
div#footer {
  width: 965px;
  margin: 0 auto;
  text-align: left;
}

/* link
---------------*/

a {
  overflow: hidden;
}

a:link {
  color: #015BFF;
}

a:visited {
  color: #800080;
}

a:hover {
  color: #F90;
}

/* text
---------------*/

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1.05em;
}

p {
  margin: 0 0 1em;
}

blockquote {
  margin: 0 0 1em;
  padding: 20px;
  border: 1px solid #ddd;
  color: #444;
}

pre {
  width: 95%; /* for ie6 */
  max-width: 90%;
  padding: 10px 20px;
  border-left: 6px solid #ddd;
  background-color: #f5f5f5;
  overflow: auto;
}

em {
  color: #9D7F1F;
  font-style: normal;
  font-weight: bold;
}

strong {
  color: #F90;
  font-size: 1.2em;
}

/* list
---------------*/

ul,
ol,
li {
  list-style-position: outside;
  list-style-type: none;
}

/* form
---------------*/

form {
  margin: 0 0 1em;
}

fieldset {
  padding: 1px 0;
  border: none;
}

legend {
  padding: 0 10px;
  background-color: #fff;
}

/* table
---------------*/

table {
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #EFEFEF #EFEFEF #CCC;
}

caption {
  padding: 3px;
  text-align: left;
}

th,
td {
  padding: 3px 8px;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}

th {
  border-color: #90765F;
  background-color: #917760;
  color: #FFF;
}

td {
  border-color: #EFEFEF #CCC #CCC #EFEFEF;
  background-color: #FFF5E0;
}

td ul li{
  list-style-type: disc;
  margin-left: 20px;
}

/* img
---------------*/
img {
  border: 0;
}

/* hr
---------------*/

hr {
  clear: both;
}


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

  div#header

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

div#header {
  clear: both;
  margin-bottom: 11px;
}

div#header h1 {
  color: #858585;
  font-size: 0.85em;
  font-weight: normal;
  text-align: right;
}

/* site-title
---------------*/

div#header div#site-title {
  float: left;
  width: 139px;
  height: 69px;
  margin-bottom: 19px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
}

div#header div#site-title a {
  display: block;
  width: 139px;
  height: 69px;
  text-decoration: none;
}

/* complement-nav
---------------*/

div#header ul.complement-nav {
  float: right;
  /*width: 449px;*/
  width: 252px;
  padding-top: 27px;
}

div#header ul.complement-nav li {
  float: left;
  margin-right: 24px;
}

div#header ul.complement-nav li.search,
div#header ul.complement-nav li.end {
  margin-right: 0px;
}

div#header ul.complement-nav li a {
  display: block;
  height: 25px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px 0px;
  text-decoration: none;
  text-indent: -9999px;
}

div#header ul.complement-nav li.home a {
  width: 23px;
  background-position: 0px -100px;
}

div#header ul.complement-nav li.about a {
  width: 29px;
  background-position: 0px -130px;
}

div#header ul.complement-nav li.privacy a {
  width: 39px;
  background-position: 0px -160px;
}

div#header ul.complement-nav li.sitemap a {
  width: 43px;
  background-position: 0px -190px;
}

div#header ul.complement-nav li.mail a {
  width: 20px;
  background-position: 0px -220px;
}

div#header ul.complement-nav li.home a:hover {
  background-position: -340px -100px;
}

div#header ul.complement-nav li.about a:hover {
  background-position: -340px -130px;
}

div#header ul.complement-nav li.privacy a:hover {
  background-position: -340px -160px;
}

div#header ul.complement-nav li.sitemap a:hover {
  background-position: -340px -190px;
}

div#header ul.complement-nav li.mail a:hover {
  background-position: -340px -220px;
}

div#header ul.complement-nav li.search input {
  width: 133px;
  height: 17px;
  padding: 4px 3px 3px 6px;
  border: 1px solid #7F9DB9;
  border-right: 0px solid #7F9DB9;
  vertical-align: middle;
}

div#header ul.complement-nav li.search form {
  margin: 0;
}

div#header ul.complement-nav li.search form p {
  margin: 0;
}

div#header ul.complement-nav li.search input.button {
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0px solid #7F9DB9;
  background: url(../img/bg/css_sprite.png) no-repeat -133px -1903px;
  cursor: pointer;
}

div#header ul.complement-nav li.search input:hover {
  border-color: #7F9DB9;
}

/* global-nav
---------------*/

ul#global-nav {
    clear: both;
}
ul#global-nav li {
    float: left;
    margin-right: 11px;
}
ul#global-nav li.inquiry {
    margin-right: 0;
}
ul#global-nav li a {
    background: url("../img/button/gloval-nav.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
		color: #333;
  	font-size: 1.1em;
  	font-weight: bold;
    text-decoration: none;
		text-indent: 0.6em;
}

ul#global-nav li a:hover {
		color: #DD7E52;
}

ul#global-nav li.greeting a {
    background-position: 0 0;
    width: 79px;
}
ul#global-nav li.production a {
    background-position: -90px 0;
    width: 162px;
}
ul#global-nav li.seo a {
    background-position: -263px 0;
    width: 198px;
}
ul#global-nav li.consulting a {
    background-position: -472px 0;
    width: 180px;
}
ul#global-nav li.system a {
    background-position: -663px 0;
    width: 168px;
}
ul#global-nav li.inquiry a {
    background-position: -842px 0;
    width: 123px;
}
ul#global-nav li.greeting a:hover {
    background-position: 0 -30px;
}
ul#global-nav li.production a:hover {
    background-position: -90px -30px;
}
ul#global-nav li.seo a:hover {
    background-position: -263px -30px;
}
ul#global-nav li.consulting a:hover {
    background-position: -472px -30px;
}
ul#global-nav li.system a:hover {
    background-position: -663px -30px;
}
ul#global-nav li.inquiry a:hover {
    background-position: -842px -30px;
}
ul#global-nav li a.even {
    background: url("../img/button/gloval-nav.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
		color: #DD7E52;
		text-decoration: none;
}
ul#global-nav li.greeting a.even {
    background-position: 0 -30px;
    width: 79px;
}
ul#global-nav li.production a.even {
    background-position: -90px -30px;
    width: 162px;
}
ul#global-nav li.seo a.even {
    background-position: -263px -30px;
    width: 198px;
}
ul#global-nav li.consulting a.even {
    background-position: -472px -30px;
    width: 180px;
}
ul#global-nav li.system a.even {
    background-position: -663px -30px;
    width: 168px;
}
ul#global-nav li.inquiry a.even {
    background-position: -842px -30px;
    width: 123px;
}

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

  div#content

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

div#content {
  clear: both;
  background: url(../img/bg/whitebase_center_double-line.png) repeat-y left top;
}

div#content h2 {
  clear: both;
  height: 26px;
  margin-bottom: 10px;
  background: no-repeat 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
}

div#content h3 {
  clear: both;
  height: 23px;
  margin: 0 0 10px 6px;
  background: no-repeat 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
}

div#content h4 {
  margin: 0 26px 0 24px;
  color: #333;
}

div#content h5 {
  margin: 0 26px 0 24px;
  color: #9D7F1F;
}

div#content p {
  margin: 0 26px 1em 24px;
}

div#content p.none {
  margin: 0 26px 0 24px;
}

div#content ol {
  margin: 0 26px 1em 50px;
}

div#content ol li {
  list-style-type: decimal;
}

div#content img.odd {
  float: right;
  clear: right;
  margin: 0 0 5px 5px;
}

div#content img.even {
  float: left;
  clear: left;
  margin: 5px 5px 0 0;
}

div#content table {
  margin: 0 26px 1em 24px;
}

div#content form {
  text-align: center;
}

div#content form table {
  width: 520px;
  margin: 0 auto 1em;
}

div#content form table th {
  width: 150px;
}

div#content form table input {
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #eee #eee #ddd;
  background-color: #fff;
  font-size: 1em;
  vertical-align: middle;
}

div#content form table textarea {
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #eee #eee #ddd;
  background-color: #fff;
  font-size: 1em;
}

div#content form table input:hover,
div#content form table textarea:hover {
  border-color: #F90;
}

div#content form table td input.japanese,
div#content form table td textarea.japanese {
  ime-mode: active;
}

div#content form table td input.english {
  ime-mode: disabled;
}

div#content dl {
  margin: 0 26px 1em 24px;
}

/* div#eye-catch
---------------*/

@font-face {
    font-family: 'Gothic latin';
    src: url('font/mplus-1p-regular-sub.eot');
    src: url('font/mplus-1p-regular-sub.eot?#iefix') format('embedded-opentype'),
         url('font/mplus-1p-regular-sub.woff') format('woff'),
         url('font/mplus-1p-regular-sub.ttf') format('truetype');
}

@font-face {
    font-family: 'Gothic jpn';
    src: url('font/mplus-2-regular-sub.eot');
    src: url('font/mplus-2-regular-sub.eot?#iefix') format('embedded-opentype'),
         url('font/mplus-2-regular-sub.woff') format('woff'),
         url('font/mplus-2-regular-sub.ttf') format('truetype');
}

#eyecatch {
  background: #829b3c;
  overflow: hidden;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  text-align: left;
}

#eyecatch .eyecatch-wrapper  {
  position: relative;
  display: block;
  width: 950px;
  height: 320px;
  margin: 0 auto;
  padding: 0 5px;
}

#eyecatch .copy-text {
  position: relative;
  display: none;
  width: 24em;
  padding: 90px 0 0 0;
  color: #FFF;
  font-size: 24px;
  font-family: 'Gothic latin', 'Gothic jpn';
  line-height: 38px;
  z-index: 99999;
}

#eyecatch .copy-text span.space1 {
  margin-left: -0.5em;
}

#eyecatch .copy-text span.space2 {
  letter-spacing: 2px;
}

#eyecatch.m .butterfly {
  position: absolute;
  display: block;
  width: 592px;
  height: 605px;
  background: url(../img/butterfly-animate.png) no-repeat;
  transform-origin: 50% 50%;
  transition: margin 0.15s ease-in-out,top 2s ease-in-out,left 2s ease-in;
}

#eyecatch.m .butterfly[data-animate-frame='1'] {
  background-position: 0px 0px;
}

#eyecatch.m .butterfly[data-animate-frame='2'] {
  background-position: 0px -605px;
}

#eyecatch.m .butterfly[data-animate-frame='3'] {
  background-position: 0px -1210px;
}

#eyecatch.m .butterfly[data-animate-frame='4'] {
  background-position: 0px -1815px;
}

#eyecatch.m .butterfly[data-animate-frame='5'] {
  background-position: 0px -2420px;
}

#eyecatch.m .butterfly[data-animate-frame='6'] {
  background-position: 0px -3025px;
}

#eyecatch.m .butterfly[data-animate-frame='7'] {
  background-position: 0px -3630px;
}

#eyecatch.m .butterfly[data-animate-frame='8'] {
  background-position: 0px -4235px;
}

#eyecatch.m .butterfly[data-animate-frame='9'] {
  background-position: 0px -4840px;
}

#eyecatch.m .butterfly[data-animate-frame='10'] {
  background-position: 0px -5445px;
}

#eyecatch.m .butterfly[data-animate-frame='11'] {
  background-position: 0px -6050px;
}

#eyecatch.m .butterfly[data-animate-frame='12'] {
  background-position: 0px -6655px;
}

#eyecatch.m .butterfly[data-animate-frame='13'] {
  background-position: 0px -7260px;
}

#eyecatch.m .butterfly.no1 {
  top: -50%;
  left: -100%;
  background-image: url(../img/butterfly-animate2.png);
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-1;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 3s;
}

@keyframes butterfly-1 {
0% {
  top: -50%;
  left: -100%;
}
12.5% {
  top: -70%;
}
25% {
  top: -120%;
  left: 60%;
}
25.001% {
  top: 0%;
  left: -100%;
  transform: scale(0.04) rotate(5deg);
}
42% {
  top: -15%;
  transform: scale(0.04) rotate(-5deg);
}
55% {
  top: -120%;
  left: 50%;
}
100% {
  top: -120%;
  left: 50%;
  transform: scale(0.04) rotate(5deg);
}
}

#eyecatch.m .butterfly.no2 {
  top: -10%;
  left: 150%;
  transform: scale(-0.05,0.05) rotate(10deg);
  animation-name: butterfly-2;
  animation-duration: 37s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.8s;
}

@keyframes butterfly-2 {
0% {
  top: -10%;
  left: 150%;
}
14% {
  top: -20%;
}
16% {
  top: -40%;
}
20% {
  top: -120%;
  left: 30%;
}

40% {
  top: -120%;
  left: 30%;
}
40.001% {
  top: -10%;
  left: 150%;
}
54% {
  top: -20%;
}
56% {
  top: -40%;
}
60% {
  top: -120%;
  left: 20%;
}

100% {
  top: -120%;
  left: 30%;
}
}

#eyecatch.m .butterfly.no3 {
  top: -10%;
  left: 150%;
  background-image: url(../img/butterfly-animate2.png);
  transform: scale(-0.04,0.04) rotate(-10deg);
  animation-name: butterfly-3;
  animation-duration: 38s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}

@keyframes butterfly-3 {
0% {
  top: -20%;
  left: 150%;
}
14% {
  top: -40%;
}
18% {
  top: -60%;
}
22% {
  top: -120%;
  left: 40%;
}

60% {
  top: -120%;
  left: 40%;
}
60.001% {
  top: -20%;
  left: 150%;
}
74% {
  top: -40%;
}
78% {
  top: -60%;
}
82% {
  top: -120%;
  left: 40%;
}


100% {
  top: -120%;
  left: 40%;
}
}

#eyecatch.m .butterfly.no4 {
  top: 20%;
  left: -70%;
  margin: 0 !important;
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-4;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-delay: 7s;
}

@keyframes butterfly-4 {
0% {
  top: 20%;
  left: -70%;
  animation-timing-function: ease-out;
}
6% {
  top: -64.5%;
  left: -18%;
}
60% {
  top: -64.5%;
  left: -18%;
  animation-timing-function: ease-in;
}
65% {
  top: -120%;
  left: -10%;
}
100% {
  top: -120%;
  left: -10%;
}
}

#eyecatch.m .butterfly.no5 {
  top: -50%;
  left: -100%;
  background-image: url(../img/butterfly-animate2.png);
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-5;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 7s;
}

@keyframes butterfly-5 {
0% {
  top: -80%;
  left: -100%;
}
12.5% {
  top: -80%;
}
25% {
  top: -120%;
  left: 40%;
}
25.001% {
  top: 0%;
  left: -100%;
  transform: scale(0.04) rotate(5deg);
}
45% {
  top: -10%;
  transform: scale(0.04) rotate(-5deg);
}
60% {
  top: -120%;
  left: 80%;
}
100% {
  top: -120%;
  left: 50%;
  transform: scale(0.04) rotate(5deg);
}
}

#eyecatch.m .butterfly.no6 {
  top: -10%;
  left: 150%;
  transform: scale(-0.035,0.035);
  animation-name: butterfly-6;
  animation-duration: 38s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 6s;
}

@keyframes butterfly-6 {
0% {
  top: -50%;
  left: 150%;
}
14% {
  top: -50%;
}
16% {
  top: -65%;
}
20% {
  top: -110%;
  left: 0%;
}

30% {
  top: -120%;
  left: 30%;
}
30.001% {
  top: -30%;
  left: 150%;
}
44% {
  top: -40%;
}
46% {
  top: -50%;
}
50% {
  top: -120%;
  left: 50%;
}

100% {
  top: -120%;
  left: 50%;
}
}

#eyecatch.m .butterfly.no7 {
  top: 10%;
  left: -50%;
  background-image: url(../img/butterfly-animate2.png);
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-7;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 5s;
}

@keyframes butterfly-7 {
0% {
  top: 10%;
  left: -60%;
}
12.5% {
  top: 0%;
}
25% {
  top: -120%;
  left: 70%;
}

50% {
  top: -120%;
  left: 70%;
}
50.001% {
  top: -110%;
  left: -60%;
}
65% {
  top: -75%;
}

80% {
  top: -120%;
  left: 70%;
}

100% {
  top: -120%;
  left: 70%;
}
}

#eyecatch.m .butterfly.no8 {
  top: 10%;
  left: -50%;
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-8;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 15s;
}

@keyframes butterfly-8 {
0% {
  top: 10%;
  left: -60%;
}
12.5% {
  top: 0%;
}
25% {
  top: -120%;
  left: 70%;
}

50% {
  top: -120%;
  left: 70%;
}
50.001% {
  top: -110%;
  left: -60%;
}
65% {
  top: -75%;
}

80% {
  top: -120%;
  left: 70%;
}

100% {
  top: -120%;
  left: 70%;
}
}

#eyecatch.m .butterfly.no9 {
  top: -10%;
  left: 150%;
  background-image: url(../img/butterfly-animate2.png);
  transform: scale(-0.05,0.05) rotate(10deg);
  animation-name: butterfly-9;
  animation-duration: 37s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 20s;
}

@keyframes butterfly-9 {
0% {
  top: -10%;
  left: 150%;
}
14% {
  top: -20%;
}
16% {
  top: -40%;
}
20% {
  top: -120%;
  left: 30%;
}

40% {
  top: -120%;
  left: 30%;
}
40.001% {
  top: -10%;
  left: 150%;
}
54% {
  top: -20%;
}
56% {
  top: -40%;
}
60% {
  top: -120%;
  left: 20%;
}

100% {
  top: -120%;
  left: 30%;
}
}

#eyecatch.m .butterfly.no10 {
  top: -10%;
  left: 150%;
  transform: scale(-0.04,0.04) rotate(-10deg);
  animation-name: butterfly-10;
  animation-duration: 38s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 15s;
}

@keyframes butterfly-10 {
0% {
  top: -20%;
  left: 150%;
}
14% {
  top: -40%;
}
18% {
  top: -60%;
}
22% {
  top: -120%;
  left: 40%;
}

60% {
  top: -120%;
  left: 40%;
}
60.001% {
  top: -20%;
  left: 150%;
}
74% {
  top: -40%;
}
78% {
  top: -60%;
}
82% {
  top: -120%;
  left: 40%;
}


100% {
  top: -120%;
  left: 40%;
}
}

#eyecatch.m .butterfly.no11 {
  top: -50%;
  left: -100%;
  background-image: url(../img/butterfly-animate2.png);
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-11;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 15s;
}

@keyframes butterfly-11 {
0% {
  top: -50%;
  left: -100%;
}
12.5% {
  top: -70%;
}
25% {
  top: -120%;
  left: 60%;
}
25.001% {
  top: 0%;
  left: -100%;
  transform: scale(0.04) rotate(5deg);
}
42% {
  top: -15%;
  transform: scale(0.04) rotate(-5deg);
}
55% {
  top: -120%;
  left: 50%;
}
100% {
  top: -120%;
  left: 50%;
  transform: scale(0.04) rotate(5deg);
}
}

#eyecatch.m .butterfly.no12 {
  top: -50%;
  left: -100%;
  transform: scale(0.04) rotate(5deg);
  animation-name: butterfly-12;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 22s;
}

@keyframes butterfly-12 {
0% {
  top: -80%;
  left: -100%;
}
12.5% {
  top: -80%;
}
25% {
  top: -120%;
  left: 40%;
}
25.001% {
  top: 0%;
  left: -100%;
  transform: scale(0.04) rotate(5deg);
}
45% {
  top: -10%;
  transform: scale(0.04) rotate(-5deg);
}
60% {
  top: -120%;
  left: 80%;
}
100% {
  top: -120%;
  left: 50%;
  transform: scale(0.04) rotate(5deg);
}
}

#eyecatch .tree {
}

#eyecatch .tree .tree-wrapper {
  position: absolute;
  bottom: -5px;
  right: -10px;
  width: 2000px;
  margin-left: -1000px;
  transform-origin: 100% 100%;
  transform: scale(0.165);
  transition: 3s ease-out;
}

#eyecatch .tree.m .tree-wrapper {
}

#eyecatch .tree .tree-inner {
  position: relative;
}

#eyecatch .tree .tree-wrapper img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
}

#eyecatch .tree .tree-wrapper img.sample {
  opacity: 0;
}

#eyecatch .tree .tree-wrapper img.stem {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 605px;
  opacity: 0.8;
}

#eyecatch .tree .tree-wrapper div.stem {
  display: none;
  position: absolute;
  left: 605px;
  bottom: 0;
  width: 790px;
  height: 1052px;
  background: url(../img/stem-animate.png) no-repeat 0px 0px;
  background-size: 99.95%;
  transform-origin: 50% 100%;
  transform: scale(1,0.5);
  transition: transform 2s ease-out;
}

#eyecatch.m .tree .tree-wrapper div.stem.m {
  transform: scale(1,1);
}

#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='1'] {  background-position: 0px -1052px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='2'] {  background-position: 0px -2104px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='3'] {  background-position: 0px -3156px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='4'] {  background-position: 0px -4208px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='5'] {  background-position: 0px -5260px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='6'] {  background-position: 0px -6312px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='7'] {  background-position: 0px -7364px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='8'] {  background-position: 0px -8416px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='9'] {  background-position: 0px -9468px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='10'] {  background-position: 0px -10520px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='11'] {  background-position: 0px -11572px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='12'] {  background-position: 0px -12624px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='13'] {  background-position: 0px -13676px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='14'] {  background-position: 0px -14728px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='15'] {  background-position: 0px -15780px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='16'] {  background-position: 0px -16832px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='17'] {  background-position: 0px -17884px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='18'] {  background-position: 0px -18936px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='19'] {  background-position: 0px -19988px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='20'] {  background-position: 0px -21040px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='21'] {  background-position: 0px -22092px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='22'] {  background-position: 0px -23144px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='23'] {  background-position: 0px -24196px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='24'] {  background-position: 0px -25248px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='25'] {  background-position: 0px -26300px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='26'] {  background-position: 0px -27352px;}
#eyecatch.m .tree .tree-wrapper div.stem[data-animate-frame='27'] {  background-position: 0px -28404px;}

#eyecatch .tree .tree-wrapper div.branch-1 {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 1089px;
  height: 1195px;
  transform-origin: 91% 92%;
  transform: scale(0.4,0.2);
  transition: transform 2.2s ease-out;
}

#eyecatch.m .tree .tree-wrapper div.branch-1.m {
  transform: scale(1,1);

  animation-name: branch-1;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 2.2s;
}

@keyframes branch-1 {
0%   { transform: rotate(0); }
65%  { transform: rotate(2deg); }
100% { transform: rotate(0); }
}

#eyecatch .tree .tree-wrapper div.branch-1 div {
  width: 1089px;
  height: 1195px;
  background: url(../img/branch1-animate.png) no-repeat 0px 0px;
  background-size: 99.95%;
  transform-origin: 91% 92%;
  transition: transform 1s ease-in-out;
}

#eyecatch .tree .tree-wrapper:hover div.branch-1 div {
  transform: rotate(5deg);
}

#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='1'] div {  background-position: 0px 0px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='2'] div {  background-position: 0px -1195px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='3'] div {  background-position: 0px -2390px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='4'] div {  background-position: 0px -3585px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='5'] div {  background-position: 0px -4780px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='6'] div {  background-position: 0px -5975px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='7'] div {  background-position: 0px -7170px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='8'] div {  background-position: 0px -8365px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='9'] div {  background-position: 0px -9560px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='10'] div {  background-position: 0px -10755px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='11'] div {  background-position: 0px -11950px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='12'] div {  background-position: 0px -13145px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='13'] div {  background-position: 0px -14340px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='14'] div {  background-position: 0px -15535px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='15'] div {  background-position: 0px -16730px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='16'] div {  background-position: 0px -17925px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='17'] div {  background-position: 0px -19120px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='18'] div {  background-position: 0px -20315px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='19'] div {  background-position: 0px -21510px;}
#eyecatch.m .tree .tree-wrapper div.branch-1[data-animate-frame='20'] div {  background-position: 0px -22705px;}

#eyecatch .tree .tree-wrapper div.branch-2 {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 1200px;
  height: 1070px;
  margin: 0 0 0 0;
  transform-origin: 83% 100%;
  transform: scale(0.2,0.4);
  transition: transform 1.6s ease-out;
}

#eyecatch .tree .tree-wrapper div.branch-2.m {
  transform: scale(1);

  animation-name: branch-2;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 1.6s;
}

@keyframes branch-2 {
0%   { transform: rotate(0); }
65%  { transform: rotate(2deg); }
100% { transform: rotate(0); }
}

#eyecatch .tree .tree-wrapper div.branch-2 div {
  width: 1200px;
  height: 1070px;
  background: url(../img/branch2-animate.png) no-repeat 0px 0px;
  background-size: 99.95%;
  transform-origin: 83% 100%;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0.2s;
}

#eyecatch .tree .tree-wrapper:hover div.branch-2 div {
  transform: rotate(5deg);
}

#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='1'] div {background-position: 0px -0px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='2'] div {background-position: 0px -1070px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='3'] div {background-position: 0px -2140px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='4'] div {background-position: 0px -3210px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='5'] div {background-position: 0px -4280px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='6'] div {background-position: 0px -5350px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='7'] div {background-position: 0px -6420px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='8'] div {background-position: 0px -7490px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='9'] div {background-position: 0px -8560px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='10'] div {background-position: 0px -9630px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='11'] div {background-position: 0px -10700px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='12'] div {background-position: 0px -11770px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='13'] div {background-position: 0px -12840px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='14'] div {background-position: 0px -13910px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='15'] div {background-position: 0px -14980px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='16'] div {background-position: 0px -16050px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='17'] div {background-position: 0px -17120px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='18'] div {background-position: 0px -18190px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='19'] div {background-position: 0px -19260px;}
#eyecatch.m .tree .tree-wrapper div.branch-2[data-animate-frame='20'] div {background-position: 0px -20330px;}

#eyecatch .tree .tree-wrapper div.branch-3 {
  display: none;
  position: absolute;
  left: 110px;
  top: 105px;
  width: 1795px;
  height: 1005px;
  margin: 0 0 0 0;
  transform-origin: 47% 90%;
  transform: scale(0.2,0.4);
  transition: transform 1.55s ease-out;
}

#eyecatch .tree .tree-wrapper div.branch-3.m {
  transform: scale(1);

  animation-name: branch-3;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 1.6s;
}

@keyframes branch-3 {
0%   { transform: rotate(0); }
65%  { transform: rotate(2.5deg); }
100% { transform: rotate(0); }
}

#eyecatch .tree .tree-wrapper div.branch-3 div {
  width: 1795px;
  height: 1005px;
  background: url(../img/branch3-animate.png) no-repeat 0px 0px;
  background-size: 99.95%;
  transform-origin: 47% 90%;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0.4s;
}

#eyecatch .tree .tree-wrapper:hover div.branch-3 div {
  transform: rotate(5deg);
}

#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='1'] div {background-position: 0px -0px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='2'] div {background-position: 0px -1005px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='3'] div {background-position: 0px -2010px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='4'] div {background-position: 0px -3015px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='5'] div {background-position: 0px -4020px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='6'] div {background-position: 0px -5025px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='7'] div {background-position: 0px -6030px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='8'] div {background-position: 0px -7035px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='9'] div {background-position: 0px -8040px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='10'] div {background-position: 0px -9045px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='11'] div {background-position: 0px -10050px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='12'] div {background-position: 0px -11055px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='13'] div {background-position: 0px -12060px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='14'] div {background-position: 0px -13065px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='15'] div {background-position: 0px -14070px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='16'] div {background-position: 0px -15075px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='17'] div {background-position: 0px -16080px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='18'] div {background-position: 0px -17085px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='19'] div {background-position: 0px -18090px;}
#eyecatch.m .tree .tree-wrapper div.branch-3[data-animate-frame='20'] div {background-position: 0px -19095px;}

#eyecatch .tree .tree-wrapper div.branch-4 {
  display: none;
  position: absolute;
  left: 140px;
  top: 0;
  width: 1565px;
  height: 1098px;
  margin: 0 0 0 0;
  transform-origin: 50% 80%;
  transform: scale(0.1,0.4);
  transition: transform 1.5s ease-out;
}

#eyecatch .tree .tree-wrapper div.branch-4.m {
  transform: scale(1);

  animation-name: branch-4;
  animation-duration: 3.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 1.5s;
}

@keyframes branch-4 {
0%   { transform: rotate(0); }
50%  { transform: rotate(2.5deg); }
100% { transform: rotate(0); }
}

#eyecatch .tree .tree-wrapper div.branch-4 div {
  width: 1565px;
  height: 1098px;
  background: url(../img/branch4-animate.png) no-repeat 0px 0px;
  background-size: 99.95%;
  transform-origin: 50% 80%;
  transition: transform 1s ease-in-out;
  transition-delay: 0.2s;
}

#eyecatch .tree .tree-wrapper:hover div.branch-4 div {
  transform: rotate(5deg);
}

#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='1'] div {background-position: 0px -0px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='2'] div {background-position: 0px -1098px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='3'] div {background-position: 0px -2196px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='4'] div {background-position: 0px -3294px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='5'] div {background-position: 0px -4392px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='6'] div {background-position: 0px -5490px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='7'] div {background-position: 0px -6588px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='8'] div {background-position: 0px -7686px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='9'] div {background-position: 0px -8784px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='10'] div {background-position: 0px -9882px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='11'] div {background-position: 0px -10980px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='12'] div {background-position: 0px -12078px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='13'] div {background-position: 0px -13176px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='14'] div {background-position: 0px -14274px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='15'] div {background-position: 0px -15372px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='16'] div {background-position: 0px -16470px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='17'] div {background-position: 0px -17568px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='18'] div {background-position: 0px -18666px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='19'] div {background-position: 0px -19764px;}
#eyecatch.m .tree .tree-wrapper div.branch-4[data-animate-frame='20'] div {background-position: 0px -20862px;}

#eyecatch .tree .tree-wrapper div.branch-5 {
  display: none;
  position: absolute;
  right: 0;
  top: 185px;
  width: 730px;
  height: 855px;
  margin: 0 0 0 0;
  transform-origin: -50% 92%;
  transform: scale(0.4,0.1);
  transition: transform 1.4s ease-out;
}

#eyecatch .tree .tree-wrapper div.branch-5.m {
  transform: scale(1);

  animation-name: branch-5;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 1.5s;
}

@keyframes branch-5 {
0%   { transform: rotate(0); }
50%  { transform: rotate(1.5deg); }
100% { transform: rotate(0); }
}

#eyecatch .tree .tree-wrapper div.branch-5 div {
  width: 730px;
  height: 855px;
  background: url(../img/branch5-animate.png) no-repeat 0px 0px;
  background-size: 99.95%;
  transform-origin: -50% 92%;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0.2s;
}

#eyecatch .tree .tree-wrapper:hover div.branch-5 div {
  transform: rotate(5deg);
}

#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='1'] div {  background-position: 0px 0px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='2'] div {  background-position: 0px -855px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='3'] div {  background-position: 0px -1710px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='4'] div {  background-position: 0px -2565px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='5'] div {  background-position: 0px -3420px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='6'] div {  background-position: 0px -4275px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='7'] div {  background-position: 0px -5130px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='8'] div {  background-position: 0px -5985px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='9'] div {  background-position: 0px -6840px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='10'] div {  background-position: 0px -7695px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='11'] div {  background-position: 0px -8550px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='12'] div {  background-position: 0px -9405px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='13'] div {  background-position: 0px -10260px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='14'] div {  background-position: 0px -11115px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='15'] div {  background-position: 0px -11970px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='16'] div {  background-position: 0px -12825px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='17'] div {  background-position: 0px -13680px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='18'] div {  background-position: 0px -14535px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='19'] div {  background-position: 0px -15390px;}
#eyecatch.m .tree .tree-wrapper div.branch-5[data-animate-frame='20'] div {  background-position: 0px -16245px;}





















div#content div#eye-catch {
  clear: both;
  padding: 0 0 6px 0;
  background: #FFF;
}

div#content div#eye-catch h2 {
  height: 96px;
  margin-bottom: 0px;
}

div#content.index div#eye-catch {
  display: none;
}

div#content.greeting div#eye-catch h2 {
  background-image: url(../img/header/big/greeting.jpg);
}

div#content.production div#eye-catch h2 {
  background-image: url(../img/header/big/production.jpg);
}

div#content.seo div#eye-catch h2 {
  background-image: url(../img/header/big/seo.jpg);
}

div#content.consulting div#eye-catch h2 {
  background-image: url(../img/header/big/consulting.jpg);
}

div#content.system div#eye-catch h2 {
  background-image: url(../img/header/big/system.jpg);
}

div#content.inquiry div#eye-catch h2 {
  background-image: url(../img/header/big/inquiry.jpg);
}

div#content.company div#eye-catch h2 {
  background-image: url(../img/header/big/company.jpg);
}

div#content.recruit div#eye-catch h2 {
  background-image: url(../img/header/big/recruit.jpg);
}

div#content.category div#eye-catch h2 {
  background-image: url(../img/header/big/category.jpg);
}

div#content.privacy div#eye-catch h2 {
  background-image: url(../img/header/big/privacy.jpg);
}

div#content.sitemap div#eye-catch h2 {
  background-image: url(../img/header/big/sitemap.jpg);
}

div#content.it-news div#eye-catch h2 {
  background-image: url(../img/header/big/it_news.jpg);
}

div#content.consultation div#eye-catch h2 {
  background-image: url(../img/header/big/consultation.jpg);
}

div#content.quote div#eye-catch h2 {
  background-image: url(../img/header/big/quote.jpg);
}

div#content.staff div#eye-catch h2 {
  background-image: url(../img/header/big/staff.jpg);
}

div#content.success div#eye-catch h2 {
  background-image: url(../img/header/big/success.jpg);
}

div#content.search div#eye-catch h2 {
  background-image: url(../img/header/big/search.jpg);
}

div#content.search div#eye-catch {
  margin: 0 0 29px 0;
}

/* locall-nav
---------------*/

div#content div#local-nav {
  border: 1px solid #90765F;
  border-top: 1px solid #7F7A70;
  background: #FFF5E0;
}

div#content div#local-nav ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #D4CCBA;
  background: #FFF5E0;
}

div#content div#local-nav ul li {
  list-style-type: none;
  float: left;
  margin: -1px 0 0 0;
  padding: 0;
  line-height: 1em;
}

div#content div#local-nav ul li a {
  display: block;
  float: left;
  padding: 7px 10px 7px 22px;
  border-top: 1px solid #D4CCBA;
  background: url(../img/bg/css_sprite.png) no-repeat 8px -1623px;
  text-decoration: none;
  color: #000;
}

div#content div#local-nav ul li.even {
  margin-top: -2px;
  border-top: 1px solid #6E3F29;
}

div#content div#local-nav ul li.even a {
  border-top: 1px solid #B86944;
  background: #DD7E52 url(../img/bg/css_sprite.png) no-repeat 8px -1840px;
  color: #FFF;
}
div#content div#local-nav ul li:hover {
  margin-top: -2px;
  border-top: 1px solid #6E3F29;
}

div#content div#local-nav ul li a:hover {
  border-top: 1px solid #B86944;
  background: #DD7E52 url(../img/bg/css_sprite.png) no-repeat 8px -1773px;
  color: #FFF;
}

div#content div#local-nav ul li ul {
  float: left;
}

div#content div#local-nav ul li ul li {
  display: block;
  padding: 9px 0px 7px 12px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -1572px;
  font-size: 0.75em;
}

/* 中タイトル
---------------*/

div#content h2.our-hp-production {
  background-image: url(../img/header/middle/our_hp-production.gif);
}

div#content h2.our-hp-production-sample {
  background-image: url(../img/header/middle/our_hp-production_sample.gif);
}

div#content h2.smartphone-sample {
  background-image: url(../img/header/middle/smartphone_case.gif);
}

div#content h2.production-flow {
  background-image: url(../img/header/middle/production_flow.gif);
}

div#content h2.our-hp-management {
  background-image: url(../img/header/middle/our_hp-management.gif);
}

div#content h2.domain-and-server-rental {
  background-image: url(../img/header/middle/domain_and_server-rental.gif);
}

div#content h2.actual-production {
  background-image: url(../img/header/middle/actual_production.gif);
}

div#content h2.request-flow {
  background-image: url(../img/header/middle/request_flow.gif);
}

div#content h2.importance-of-seo {
  background-image: url(../img/header/middle/importance_of_seo.gif);
}

div#content h2.our-seo {
  background-image: url(../img/header/middle/our_seo.gif);
}

div#content h2.seo-actual-implementation {
  background-image: url(../img/header/middle/seo_actual_implementation.gif);
}

div#content h2.charge-system {
  background-image: url(../img/header/middle/charge_system.gif);
}

div#content h2.our-hp-consulting {
  background-image: url(../img/header/middle/our_hp-consulting.gif);
}

div#content h2.diagnostic-free {
  background-image: url(../img/header/middle/diagnostic_free.gif);
}

div#content h2.actual-consulting {
  background-image: url(../img/header/middle/actual_consulting.gif);
}

div#content h2.web-systems-development {
  background-image: url(../img/header/middle/web-systems_development.gif);
}

div#content h2.inquiry {
  background-image: url(../img/header/middle/inquiry.gif);
}

div#content h2.company-outline {
  background-image: url(../img/header/middle/company_outline.gif);
}

div#content h2.privacypolicy {
  background-image: url(../img/header/middle/privacypolicy.gif);
}

div#content h2.sitemap {
  background-image: url(../img/header/middle/sitemap.gif);
}

div#content h2.recruit {
  background-image: url(../img/header/middle/recruit.gif);
}

div#content h2.category-seo {
  background-image: url(../img/header/middle/category-seo.gif);
}

div#content h2.it-news {
  height: 27px;
  background-image: url(../img/header/middle/it_news_02.gif);
}

div#content h2.it-news-list {
  height: 27px;
  background-image: url(../img/header/middle/it_news_list.gif);
}

div#content h2.free-consultation {
  background-image: url(../img/header/middle/free_consultation.gif);
}

div#content h2.free-estimates {
  background-image: url(../img/header/middle/free_estimates.gif);
}

div#content h2.insist-for-your-homepage {
  height: 54px;
  margin-bottom: 18px;
  background-image: url(../img/header/middle/insist_for_your-homepage.gif);
}

div#content h2.seo-success-wedding {
  background-image: url(../img/header/middle/seo_success_wedding.gif);
}

div#content h2.seo-success-hospital {
  background-image: url(../img/header/middle/seo_success_hospital.gif);
}

div#content h2.seo-success-dental {
  background-image: url(../img/header/middle/seo_success_dental.gif);
}

div#content h2.seo-success-real-estate {
  background-image: url(../img/header/middle/seo_success_real-estate.gif);
}

div#content h2.seo-success-hotel {
  background-image: url(../img/header/middle/seo_success_hotel.gif);
}

div#content h2.seo-success-salon {
  background-image: url(../img/header/middle/seo_success_salon.gif);
}

div#content h2.seo-success-college {
  background-image: url(../img/header/middle/seo_success_college.gif);
}

div#content h2.seo-success-brand-shop {
  background-image: url(../img/header/middle/seo_success_brand-shop.gif);
}

div#content h2.seo-success-petshop {
  background-image: url(../img/header/middle/seo_success_petshop.gif);
}

div#content h2.seo-success-production {
  background-image: url(../img/header/middle/seo_success_production.gif);
}

div#content h2.seo-success-accountants {
  background-image: url(../img/header/middle/seo_success_accountants.gif);
}

div#content h2.seo-success-social-insurance {
  background-image: url(../img/header/middle/seo_success_social_insurance.gif);
}

div#content h2.seo-success-administrative {
  background-image: url(../img/header/middle/seo_success_administrative.gif);
}

div#content h2.seo-success-judicial {
  background-image: url(../img/header/middle/seo_success_judicial.gif);
}

div#content h2.seo-success-lawyers {
  background-image: url(../img/header/middle/seo_success_lawyers.gif);
}

div#content h2.seo-success-detective {
  background-image: url(../img/header/middle/seo_success_detective.gif);
}

div#content h2.seo-success-reform {
  background-image: url(../img/header/middle/seo_success_reform.gif);
}

div#content h2.seo-success-recycle {
  background-image: url(../img/header/middle/seo_success_recycle.gif);
}

div#content h2.seo-success-house {
  background-image: url(../img/header/middle/seo_success_house.gif);
}

div#content h2.seo-industry {
  background-image: url(../img/header/middle/seo_industry.gif);
}

div#content h2.seo-success-nailsalon {
  background-image: url(../img/header/middle/seo_success_nailsalon.gif);
}

div#content h2.seo-success-matrimonial {
  background-image: url(../img/header/middle/seo_success_matrimonial.gif);
}

div#content h2.seo-success-animal-hospital {
  background-image: url(../img/header/middle/seo_success_animal-hospital.gif);
}

div#content h2.seo-success-ophthalmology {
  background-image: url(../img/header/middle/seo_success_ophthalmology.gif);
}

div#content h2.seo-success-sense-of-the-woman {
  background-image: url(../img/header/middle/seo_success_sense_of_the_woman.gif);
}

div#content h2.seo-success-bonesetter {
  background-image: url(../img/header/middle/seo_success_bonesetter.gif);
}

div#content h2.seo-success-school {
  background-image: url(../img/header/middle/seo_success_school.gif);
}

div#content h2.for-smartphone {
  background-image: url(../img/header/middle/for_smartphone.gif);
}

div#content h2.movie-production {
  background-image: url(../img/header/middle/movie_production.gif);
}

div#content h2.seo-success-lessons {
  background-image: url(../img/header/middle/seo_success_lessons.gif);
}

div#content h2.seo-success-carehome {
  background-image: url(../img/header/middle/seo_success_carehome.gif);
}

div#content h2.seo-success-urology-department {
  background-image: url(../img/header/middle/seo-success-urology-department.gif);
}

div#content h2.seo-success-travel {
  background-image: url(../img/header/middle/seo_success_travel.gif);
}

div#content h2.seo-success-beautysalon {
  background-image: url(../img/header/middle/seo_success_beautysalon.gif);
}

div#content h2.seo-success-danceschool {
  background-image: url(../img/header/middle/seo_success_danceschool.gif);
}

/* div#content-inner
---------------*/

div#content div#content-inner {
  float: left;
  clear: left;
  width: 775px;
}

/* topic-path
---------------*/

div#content div#topic-path {
  clear: both;
  padding-left: 206px;
  padding-bottom: 10px;
  background: #FFF;
  color: #696969;
  font-size: 0.85em;
}

html:\66 irst-child div#content div#topic-path { /* for mac1-2 */
  font-size: 0.8em;
}

div#content div#topic-path ul {
  clear: both;
  margin: 0;
  padding: 0;
}

div#content div#topic-path ul li {
  display: inline;
  margin: 0 ;
  padding: 0;
}

div#content div#topic-path ul li a {
  float: left;
  padding: 0 18px 0 0;
  background: url(../img/bg/css_sprite.png) no-repeat right top;
}

/*=========================
  div#main
=========================*/

div#content div#main {
  float: right;
  clear: right;
  width: 556px;
  padding: 11px 16px 20px;
  line-height: 1.8em;
}

/* div.node
---------------*/
div#content div.node {
  clear: both;
  padding: 10px 0;
}

div#content div.node-meta {
  float: left;
  clear: left;
  width: 214px;
}

div#content div.node-body {
  float: right;
  clear: right;
  width: 260px;
}

div#content div.node-inner {
  clear: both;
}

/* div.inquaryform
---------------*/

div#content div#main div.inquaryform {
  clear: both;
  width: 532px;
  height: 46px;
  padding: 89px 0 0 24px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -1408px;
}

div#content div#main div.inquaryform ul {
  margin: 0;
  padding: 0;
}

div#content div#main div.inquaryform ul li {
  list-style-type: none;
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
}

div#content div#main div.inquaryform ul li a {
  display: block;
  width: 92px;
  height: 27px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -967px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content div#main div.inquaryform ul li.inquiry a {
  width: 109px;
  background-position: 0px -1067px;
}

div#content div#main div.inquaryform ul li.consultation a {
  background-position: 0px -1107px;
}

div#content div#main div.inquaryform ul li.diagnosis a {
  background-position: 0px -1147px;
}

div#content div#main div.inquaryform ul li.quote a {
  background-position: 0px -1187px;
}

div#content div#main div.inquaryform ul li.inquiry a:hover {
  background-position: -330px -1067px;
}

div#content div#main div.inquaryform ul li.consultation a:hover {
  background-position: -330px -1107px;
}

div#content div#main div.inquaryform ul li.diagnosis a:hover {
  background-position: -330px -1147px;
}

div#content div#main div.inquaryform ul li.quote a:hover {
  background-position: -330px -1187px;
}

/*=========================
  div#sub
=========================*/

div#content div#sub {
  float: left;
  clear: left;
  width: 176px;
  font-size: 0.9em;
}

div#content div#sub h3 {
  height: 24px;
  margin: 0 0 10px 0;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2235px;
  text-indent: -9999px;
}

div#content div#sub h3.top10 {
  margin-bottom: 0px;
  background-position: 0px -2190px;
}

div#content div#sub h3.close-up {
  height: 34px;
  margin-bottom: 0px;
  background-position: 0px -2549px;
}

div#content div#sub ul {
  margin: 0 0 42px 0;
  padding: 0;
}

div#content div#sub ul li {
  list-style-type: none;
  padding: 4px 37px 4px 6px;
  border-bottom: 1px dotted #CCC;
}

div#content div#sub ul li.date {
  padding: 3px 6px;
  color: #696969;
  text-align: right;
}

div#content div#sub ul li.end {
  border-bottom: 0px dotted #CCC;
  background: url(../img/bg/css_sprite.png) no-repeat 36px -2356px;
  text-indent: -9999px;
}

div#content div#sub ul li.rank-no01 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -1965px;
}

div#content div#sub ul li.rank-no02 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -1989px;
}

div#content div#sub ul li.rank-no03 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2011px;
}

div#content div#sub ul li.rank-no04 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2031px;
}

div#content div#sub ul li.rank-no05 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2051px;
}

div#content div#sub ul li.rank-no06 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2071px;
}

div#content div#sub ul li.rank-no07 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2091px;
}

div#content div#sub ul li.rank-no08 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2111px;
}

div#content div#sub ul li.rank-no09 {
  background: url(../img/bg/css_sprite.png) no-repeat 144px -2131px;
}

div#content div#sub ul li.rank-no10 {
  background: url(../img/bg/css_sprite.png) no-repeat 136px -2151px;
}

/* bunner
---------------*/

div#content div#sub ul.bunner {
  margin-bottom: 0px;
}

div#content div#sub ul.bunner li {
  margin-bottom: 10px;
  padding: 0;
  border-bottom: 0px;
}

div#content div#sub ul.bunner li.space {
  margin-bottom: 5px;
}

div#content div#sub ul.bunner li.end,
div#content div#sub ul.bunner li.recruit,
div#content div#sub ul.bunner li.search-trouble {
  margin-bottom: 36px;
}

div#content div#sub ul.bunner li a {
  display: block;
  width: 175px;
  height: 72px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -669px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content div#sub ul.bunner li.staff a {
  background: url(../img/bg/css_sprite.png) no-repeat 0px -511px;
}

div#content div#sub ul.bunner li.sample a {
  background: url(../img/bg/css_sprite.png) no-repeat 0px -731px;
}

div#content div#sub ul.bunner li.voice a {
  background: url(../img/bg/css_sprite.png) no-repeat 0px -591px;
}

div#content div#sub ul.bunner li.recruit a {
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3111px;
}

div#content div#sub ul.bunner li.it-news a {
  height: 52px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -669px;
}

div#content div#sub ul.bunner li.search-trouble a {
  height: 120px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -891px;
}

div#content div#sub ul.bunner li.smartphone a {
  height: 120px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3191px;
}

div#content div#sub ul.bunner li.movie-production a {
  height: 120px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3321px;
}

div#content div#sub ul.bunner li.consulting-house a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2583px;
}

div#content div#sub ul.bunner li.consulting-nailsalon a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2631px;
}

div#content div#sub ul.bunner li.consulting-hospital a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2679px;
}

div#content div#sub ul.bunner li.consulting-matrimonial a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2729px;
}

div#content div#sub ul.bunner li.consulting-dental a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2777px;
}

div#content div#sub ul.bunner li.consulting-animal-hospital a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2823px;
}

div#content div#sub ul.bunner li.consulting-ophthalmology a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3543px;
}

div#content div#sub ul.bunner li.consulting-bonesetter a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2913px;
}

div#content div#sub ul.bunner li.consulting-school a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3603px;
}

div#content div#sub ul.bunner li.consulting-real-estate a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3011px;
}

div#content div#sub ul.bunner li.consulting-hotel a {
  height: 43px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3061px;
}

div#content div#sub ul.bunner li.consulting-gynecology a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3725px;
}

div#content div#sub ul.bunner li.consulting-urology-department a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3790px;
}

div#content div#sub ul.bunner li.consulting-lessons a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3603px;
}

div#content div#sub ul.bunner li.consulting-carehome a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3663px;
}

div#content div#sub ul.bunner li.consulting-college a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3855px;
}

div#content div#sub ul.bunner li.consulting-hospitals a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3919px;
}

div#content div#sub ul.bunner li.consulting-wedding a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3985px;
}

div#content div#sub ul.bunner li.consulting-beautysalon a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -4050px;
}

div#content div#sub ul.bunner li.smartphone-sample a {
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3458px;
}

div#content div#sub ul.bunner li.consulting-danceschool a {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -4115px;
}

div#content div#sub ul.bunner li.smartphone-sample a {
  background: url(../img/bg/css_sprite.png) no-repeat 0px -3458px;
}

div#content div#sub ul.bunner li.staff a:hover {
  background-position: -330px -511px;
}

div#content div#sub ul.bunner li.sample a:hover {
  background-position: -330px -731px;
}

div#content div#sub ul.bunner li.voice a:hover {
  background-position: -330px -591px;
}

div#content div#sub ul.bunner li.recruit a:hover {
  background-position: -330px -3111px;
}

div#content div#sub ul.bunner li.it-news a:hover {
  background-position: -330px -669px;
}

div#content div#sub ul.bunner li.search-trouble a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -891px;
}

div#content div#sub ul.bunner li.smartphone a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3191px;
}

div#content div#sub ul.bunner li.movie-production a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3321px;
}

div#content div#sub ul.bunner li.consulting-house a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2583px;
}

div#content div#sub ul.bunner li.consulting-nailsalon a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2631px;
}

div#content div#sub ul.bunner li.consulting-hospital a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2679px;
}

div#content div#sub ul.bunner li.consulting-matrimonial a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2729px;
}

div#content div#sub ul.bunner li.consulting-dental a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2777px;
}

div#content div#sub ul.bunner li.consulting-animal-hospital a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2823px;
}

div#content div#sub ul.bunner li.consulting-ophthalmology a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3543px;
}

div#content div#sub ul.bunner li.consulting-bonesetter a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -2913px;
}

div#content div#sub ul.bunner li.consulting-school a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3603px;
}

div#content div#sub ul.bunner li.consulting-real-estate a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3011px;
}

div#content div#sub ul.bunner li.consulting-hotel a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3061px;
}

div#content div#sub ul.bunner li.consulting-gynecology a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3725px;
}

div#content div#sub ul.bunner li.consulting-urology-department a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3790px;
}

div#content div#sub ul.bunner li.consulting-lessons a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3603px;
}

div#content div#sub ul.bunner li.consulting-carehome a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3663px;
}

div#content div#sub ul.bunner li.consulting-college a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3855px;
}

div#content div#sub ul.bunner li.consulting-hospitals a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3919px;
}

div#content div#sub ul.bunner li.consulting-wedding a:hover {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3985px;
}

div#content div#sub ul.bunner li.consulting-beautysalon a:hover {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat -330px -4050px;
}

div#content div#sub ul.bunner li.consulting-danceschool a:hover {
  height: 50px;
  background: url(../img/bg/css_sprite.png) no-repeat -330px -4115px;
}

div#content div#sub ul.bunner li.smartphone-sample a:hover {
  background: url(../img/bg/css_sprite.png) no-repeat -330px -3458px;
}

/* sslの証明書 */

div#content div#sub ul.bunner li.ssl {
  text-align: center;
}

div#content div#sub ul.bunner li.ssl em {
  display: block;
  clear: both;
  padding: 4px 0 0;
  color: #858585;
  font-size: 0.9em;
  font-weight: normal;
}

div#content div#sub ul.bunner li.ssl a {
  display: inline;
  width: auto;
  height: auto;
  margin: 0 auto;
  background: none;
  text-decoration: none;
  text-indent: 0px;
}

/*=========================
  div#extra
=========================*/

div#content div#extra {
  float: right;
  clear: right;
  width: 176px;
  font-size: 0.9em;
}

div#content div#extra h3 {
  height: 24px;
  margin: 0 0 10px 0;
  text-indent: -9999px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -2235px;
}

div#content div#extra h3.free-corner {
  height: 63px;
  background-position: 0px -2235px;
}

div#content div#extra h3.successful-cases {
  background-position: 0px -2310px;
}

div#content div#extra ul {
  clear: both;
  margin: 0;
  padding: 0;
}

div#content div#extra ul li {
  list-style-type: none;
  margin-bottom: 11px;
  padding-left: 18px;
  background: url(../img/bg/css_sprite.png) no-repeat 3px -1710px;
  line-height: 1.2em;
}

/* bunner
---------------*/

div#content div#extra ul.bunner li {
  margin-bottom: 6px;
  padding-left: 0px;
  background: none;
}

div#content div#extra ul.bunner li.quote {
  margin-bottom: 36px;
}

div#content div#extra ul.bunner li a {
  display: block;
  width: 175px;
  height: 49px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -337px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content div#extra ul.bunner li.consultation a {
  background-position: 0px -337px;
}

div#content div#extra ul.bunner li.diagnosis a {
  background-position: 0px -392px;
}

div#content div#extra ul.bunner li.quote a {
  background-position: 0px -447px;
}

div#content div#extra ul.bunner li.consultation a:hover {
  background-position: -330px -337px;
}

div#content div#extra ul.bunner li.diagnosis a:hover {
  background-position: -330px -392px;
}

div#content div#extra ul.bunner li.quote a:hover {
  background-position: -330px -447px;
}

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

  div#footer

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

div#footer {
  clear: both;
  text-align: center;
}

div#footer-inner {
  clear: both;
  padding: 0 0 0 185px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

/* pagetop
---------------*/

div#pagetop {
  float: right;
  clear: right;
  width: 263px;
}

div#pagetop a {
  display: block;
  width: 57px;
  height: 15px;
  margin-top: 1px;
  background: url(../img/bg/css_sprite.png) no-repeat 0px -1295px;
  text-decoration: none;
  text-indent: -9999px;
}

div#pagetop a:hover {
  background-position: -330px -1295px;
}

/* site-title
---------------*/

div#footer div.site-title {
  clear: both;
  width: 590px;
  margin: 0 auto;
  font-size: 0.9em;
  text-align: left;
  line-height: 1.6em;
}

div#footer div.site-title a {
  color: #140905;
  text-decoration: none;
}

div#footer div.site-title a:hover {
  color: #F90;
  text-decoration: underline;
}

/* complement-nav
---------------*/

div#footer ul.complement-nav {
  float: left;
}

div#footer ul.complement-nav li {
  display: inline;
  margin-left: 15px;
  padding-left: 15px;
  padding-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'15px':'0');
  border-left: 1px solid #CCC;
  border-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'1px solid #CCC':'0 solid #CCC');
  font-size: 0.9em;
}

div#footer ul.complement-nav li:last-child {
  padding-right: 15px;
  border-right: 1px solid #CCC;
}

div#footer ul.complement-nav li.start {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

div#footer ul.complement-nav li a {
  color: #140905;
  text-decoration: none;
}

div#footer ul.complement-nav li a:hover {
  color: #F90;
  text-decoration: underline;
}

/* copyright
---------------*/

div#footer p.copyright {
  clear: both;
  color: #636363;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
}

/* address
---------------*/

div#footer div#address {
  clear: both;
  margin: 0 0 14px;
  line-height: 1.6em;
  text-align: center;
}

div#footer div#address address {
  display: block;
  clear: both;
  width: 600px;
  margin: 0 auto;
  font-style: normal;
  text-align: left;
}

* html body div#footer div#address address { /* for ie6 */
  display: inline;
  zoom: 1;
}

*:first-child+html body div#footer div#address address { /* for ie7 */
  display: inline;
  zoom: 1;
}

div#footer div#address address span.address-block {
  display: block;
  clear: both;
}

div#footer div#address address span.address-block span.address-head {
  margin: 0 10px 0 0;
}

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

  class

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

div#content form table td input.radio {
  border-width: 0px;
  background-color: #FFF5E0;
}

p.pager {
  clear: both;
  text-align: right;
}

p.button {
  text-align: center;
}

.must {
  color: #F00;
}

.strong {
 font-weight: bold; 
}

div#content form table th span.must {
  color: #FC0;
}

.supplement {
  color: #DD7E52;
}

.supplement.change {
  color: #0060FF;
}

p.supplement {
  padding-left: 1em;
  text-indent: -1em;
}

div#content p.caution {
  margin: 0 26px 0 24px;
  color: #858585;
  font-size: 0.8em;
}

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

  各ページに使用

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

/*=========================
 地図 ※別ウィンドウ
=========================*/
body#map {
  background: none;
}

body#map div#container {
  padding: 10px;
}

body#map div#container p.odd {
  margin: 0;
}

body#map div#container a.view {
  display: block;
  margin: 0 257px 0;
  padding: 0;
  width: 150px;
  height: 32px;
  background:url(../img/button/view.gif) no-repeat 0px 0px;
}

body#map div#container a.view:hover {
  background:url(../img/button/view.gif) no-repeat 0px -32px;
}

body#map div#container input {
  margin: 0 20px;
  border-color: #FFF #E5E5E5 #CCC #FFF;
  background-color: #EEE;
  color: #000;
}

body#map div#container input:hover {
  border-color: #CCC #EFEFEF #EFEFEF #CCC;
  background-color: #EEE;
  color: #000;
}

/*=========================
 検索問題 ※別ウィンドウ
=========================*/
body#search-trouble {
  background: none;
}

body#search-trouble div#container {
  padding: 10px;
  text-align: left;
}

body#search-trouble div#container h1 {
  clear: both;
  height: 26px;
  margin-bottom: 10px;
  background: url(../img/header/middle/seotrouble_year2010.gif) no-repeat 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
}

body#search-trouble div#container p {
  line-height: 1.8em;
}

body#search-trouble div#container p.button {
  margin: 0;
  text-align: center;
}

/*=========================
 トップページ
=========================*/

div#content.index div#topic-path ul {
  visibility: hidden;
}

div#content.index div#main {
  width: 562px;
  padding: 0px 16px 20px 10px;
}

div#content.index h2.support-for-website {
	height: auto;
	margin: 10px 0 15px;
	color: #d46111;
	font-size: 20px;
	text-align: center;
	line-height: 1.4;
	text-indent: 0;
}

div#content.index p.message {
  background-color: #CF6F6F;
  color: #FFF;
  text-align: center;
}

div#content.index div.node {
  padding: 0;
  border-top: 1px dashed #CCC;
}

div#content.index div.node.end {
  border-bottom: 1px dashed #CCC;
}

div#content.index div.node div.node-inner {
  position: relative;
  width: 274px;
  height: 139px;
  padding: 0 0 10px 0;
  background: url(../img/icon/object_and_title.png) no-repeat 0px -240px;
  z-index: 1;
}

div#content.index div.node div.node-inner.odd {
  float: left;
  clear: left;
}

div#content.index div.node div.node-inner.even {
  float: right;
  clear: right;
  padding: 0 0 10px 13px;
  border-left: 1px dashed #CCC;
}

div#content.index div.node div.node-inner.production {
  background-position: 8px -233px;
}

div#content.index div.node div.node-inner.seo {
  background-position: 10px -542px;
}

div#content.index div.node div.node-inner.consulting {
  background-position: 4px -850px;
}

div#content.index div.node div.node-inner.system {
  background-position: 12px -1194px;
}

div#content.index div.node div.node-inner h3 {
  height: 23px;
  margin: 14px 0 10px 54px;
  background: url(../img/icon/object_and_title.png) no-repeat 1px -1px;
}

div#content.index div.node div.node-inner.production h3 {
  background-position: -1px -1px;
}

div#content.index div.node div.node-inner.seo h3 {
  background-position: -1px -41px;
}

div#content.index div.node div.node-inner.consulting  h3 {
  background-position: -1px -81px;
}

div#content.index div.node div.node-inner.system h3 {
  background-position: -1px -121px;
}

div#content.index div.node div.node-inner ul li.odd {
  position: relative;
  margin: 0 0 0 26px;
  padding: 0 0 0 18px;
  background: url(../img/icon/check_box.gif) no-repeat left center;
  z-index: 1;
}

div#content.index div.node div.node-inner ul li.even {
  text-align: right;
  margin: 0 24px 0 0;
}

div#content.index div.node div.node-inner ul li.for-customer {
  position: relative;
  height: 23px;
  background: url(../img/header/small/for_customer.gif) no-repeat 26px 6px;
  text-indent: -9999px;
  z-index: 1;
}

div#content.index div.node div.node-inner ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 274px;
  height: 149px;
  z-index: 200;
}

div#content.index div.node div.node-inner ul li a span {
  display: block;
  padding: 120px 0 0 80px;
}

div#content.index div.node div.node-inner.odd ul li a span {
  padding: 120px 14px 0 80px;
}

/* 緊急連絡 */

div#content.index div.node#caution-text {
  margin: 0 40px 20px;
  padding: 10px 0;
  border-top: none;
  border: 3px solid #D27979;
  line-height: 17px;
}

div#content.index div.node#caution-text p {
  margin: 0 10px;
}

div#content.index div.node#caution-text p.space {
  margin: 0 10px 1em;
}

div#content.index div.node#caution-text p.odd {
  text-align: center;
}

div#content.index div.node#caution-text p.odd em {
  color: #015BFF;
}

/* ITニュース */

div#content.index div.node.even {
  margin: 0 0 16px 3px;
  border: 0px;
  background: url(../img/bg/main_white_background_beige.png) repeat-y 0px 59px;
}

div#content.index div.node.even h3.it-news {
  height: 42px;
  margin: 0;
  padding: 17px 11px 0 0;
  background: url(../img/button/it_news.png) no-repeat 0px 0px;
  text-indent: -9999px;
}

div#content.index div.node.even h3.it-news a {
  display: block;
  float: right;
  width: 121px;
  height: 25px;
  background: url(../img/button/it_news.png) no-repeat -427px -17px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content.index div.node.even h3.it-news a:hover {
  background: url(../img/button/it_news.png) no-repeat -427px -84px;
}

div#content.index div.node.even div.node-inner {
  width: 507px;
  height: auto;
  padding: 0 20px 16px 35px;
  background: url(../img/bg/main_white_background_beige_close.png) no-repeat left bottom;
}

div#content.index div.node.even div.node-inner dl {
  clear: both;
  margin: 0 0 6px;
  padding: 0;
  line-height: 1.4em;
}

div#content.index div.node.even div.node-inner dl dt {
  float: left;
  clear: left;
  width: 64px;
}

div#content.index div.node.even div.node-inner dl dd {
  float: right;
  clear: right;
  width: 426px;
}

div#content.index div.node.even div.node-inner dl dd a {
  vertical-align: middle;
}

div#content.index div.node.even div.node-inner dl dd img {
  margin: 0 0 0 9px;
  vertical-align: middle;
}

/* ホームページ制作例バナー */

div#content.index div.node.production-exsample {
  padding: 10px 0 10px 6px;
  border: 0px;
}

div#content.index div.node.production-exsample a {
  display: block;
  width: 524px;
  height: 384px;
	padding: 16px 16px 0;
	color: #EEE;
	font-size: 24px;
  background:url(../img/button/bunner_production_exsample.png) no-repeat 0px 0px;
  text-decoration: none;
}

div#content.index div.node.production-exsample a span {
	margin-left: 20px;
	font-size: 17px;
}

div#content.index div.node.production-exsample a:hover {
  background:url(../img/button/bunner_production_exsample.png) no-repeat 0px -400px;
}

/* What's New */

div#content.index div.node.odd {
  padding: 10px 0;
  border: 0px;
}

div#content.index div.node.odd div.node-inner {
  float: none;
  clear: both;
  width: 562px;
  margin: 0 0 0 2px;
  padding: 0;
  background: url(../img/bg/beige-paper_sideend.jpg) repeat-y 0px 0px;
}

div#content.index div.node.odd div.node-inner-wrapper {
  clear: both;
  background: url(../img/bg/what-new_on_beige-paper.jpg) no-repeat 0px 0px;
}

div#content.index div.node.odd div.node-inner-wrapper-bottom {
  clear: both;
  min-height: 46px;
  padding: 24px 0;
  background: url(../img/bg/beige-paper_bottom.jpg) no-repeat left bottom;
}

* html body div#content.index div.node.odd div.node-inner-wrapper-bottom { /* for ie6 */
  height: 46px;
}

html:\66 irst-child div#content.index div.node.odd div.node-inner-wrapper-bottom { /* for mac1-2 */
  height: 46px;
}

div#content.index div.node.odd div.node-inner-wrapper-bottom dl {
  clear: both;
  margin: 0;
  padding: 0 26px 0 60px;
  line-height: 1.9em;
}

div#content.index div.node.odd div.node-inner-wrapper-bottom dl dt {
  float: left;
  clear: left;
  width: 64px;
}

div#content.index div.node.odd div.node-inner-wrapper-bottom dl dd {
  float: right;
  clear: right;
  width: 406px;
}

div#content.index div.inquaryform {
  margin-left: 6px;
}

/*=========================
 ご挨拶
=========================*/

div#content.greeting div#main {
  background: url(../img/bg/brings_you_to_say.gif) no-repeat center top;
}

div#content.greeting div#main h2 {
  height: 30px;
  margin-bottom: 34px;
  background: none;
}

div#content.greeting div#main p.even {
  height: 15px;
  background: url(../img/president_name.gif) no-repeat right top;
  text-indent: -9999px;
  orphans: inherit;
}

div#content.greeting div#main img.odd {
  display: inline;
  margin: 0 0 20px 20px;
}

/*=========================
 ホームページ制作
=========================*/

div#content.production h3.about-good-website {
  background-image: url(../img/header/small/about_good_website.gif);
}

div#content.production h3.cool-website {
  clear: none;
  width: 236px;
  height: 72px;
  margin-bottom: 20px;
  background: url(../img/header/small/cool_website.gif) no-repeat 20px 10px;
}

div#content.production h3.low-prices-fast-courteous {
  height: 53px;
  margin-bottom: 25px;
  background: url(../img/header/small/low-prices_fast_courteous.gif) no-repeat 12px 0;
}

div#content.production h3.how-to-grow-homepage {
  background-image: url(../img/header/small/how_to_grow_homepage.gif);
}

div#content.production h3.actual-production {
  background-image: url(../img/header/small/actual_production.gif);
}

div#content.production h3.feel-free-to-contact-us {
  height: 22px;
  margin-bottom: 16px;
  background: url(../img/header/small/feel_free_to_contact_us.gif) no-repeat 18px 0px;
}

div#content.production h3.search-result {
  background-image: url(../img/header/small/search_result.gif);
}

div#content.production h3.spread-speed {
  background-image: url(../img/header/small/spread_speed.gif);
}

div#content.production h3.access-rate {
  background-image: url(../img/header/small/access_rate.gif);
}

div#content.production h3.total-support {
  background-image: url(../img/header/small/total_support.gif);
}

div#content.production h3.possibility {
  background-image: url(../img/header/small/possibility.gif);
}

div#content.production h3.dvd-sale {
  background-image: url(../img/header/small/dvd_sale.gif);
}
/* ホームページ制作
---------------*/

div#content.production div.node.good-homepage {
  background: url(../img/bg/what_about_good_homepage_on_display.jpg) no-repeat 262px 48px;
}

/* ホームページ制作例
---------------*/

div#content.production p.pager {
  padding-right: 15px;
  text-align: center;
}

div#content.production p.pager.bottom {
  margin-top: 15px;
  margin-bottom: 30px;
}

div#content.production p.pager a {
  margin-left: 15px;
}

div#content.production p.pager a.active {
  color: #181818;
  text-decoration: none;
  cursor: text;
}

div#content.production div.hide {
  display: none;
  clear:both;
}

div#content.production div.node.product-sample {
  margin: 0 30px 0 22px;
  border-bottom: 1px dashed #C4C4C4;
}

div#content.production div.node.product-sample.start {
  border-top: 1px dashed #C4C4C4;
}

div#content.production div.node.product-sample.start p {
  margin: 0;
  color: #959595;
}

div#content.production div.node.product-sample div.product-sample-inner {
  clear: both;
  padding: 5px 0 0;
}

div#content.production div.node.product-sample div.node-meta {
  width: 200px;
  padding: 0 0 0 10px;
}

div#content.production div.node.product-sample div.node-meta a img {
  border: 2px solid #FFF;
}

div#content.production div.node.product-sample div.node-meta a:hover img {
  border: 2px solid #39F;
}

div#content.production div.node.product-sample div.node-meta a.none-hover img {
  border: 2px solid #FFF;
}

div#content.production div.node.product-sample div.node-meta a.none-hover:hover img {
  border: 2px solid #FFF;
}

div#content.production div.node.product-sample div.node-body {
  width: 266px;
  padding: 14px 0 0 0;
}

div#content.production div.node.product-sample div.node-body.none {
  padding: 0;
}

div#content.production div.node.product-sample div.node-body div.node-body-inner {
  padding: 10px 0 0 0;
}

div#content.production div.node.product-sample div.node-body h3,
div#content.production div.node.product-sample div.node-body h4 {
  height: auto;
  margin: 0 0 2px 0;
  background: none;
  color: #555;
  font-size: 1em;
  text-indent: 0px;
  overflow: visible;
}

div#content.production div.node.product-sample div.node-body h4 {
  height: auto;
  margin: 0 0 2px 0;
  background: none;
  color: #555;
  font-size: 1em;
  text-indent: 0px;
  overflow: visible;
  font-weight: normal;
}

div#content.production div.node.product-sample div.node-body h3.space {
  margin: 0 0 10px 0;
}

div#content.production div.node.product-sample div.node-body p {
  margin: 0 0 2px 0;
}

div#content.production div.node.product-sample div.node-body p.space-bottom {
  margin: 0 0 23px 0;
}

div#content.production div.node.product-sample div.node-body p.icon {
  line-height: 100%;
}

div#content.production div.node.product-sample div.node-body p.icon img {
  margin-right: 3px;
  vertical-align: bottom;
}

div#content.production div.node.product-sample div.node-body p.external {
  padding: 0 0 0 24px;
  background: url(../img/icon/arrow_out-of-square.gif) no-repeat left center;
}

div#content.production div.node.product-sample div.node-body p.external a {
  color: #959595;
}

div#content.production div.node.now {
  height: 300px;
  background: url(../img/bg/now_creating.jpg) no-repeat center center;
  text-indent: -9999px;
}

/*------ NEW レイアウト(2015.12.28)-------------*/

div#content.production .example-block{
	clear:both;
	overflow:hidden;
}

div#content.production .example-block dl{
	box-sizing: border-box;
    position: relative;
    float: left;
    clear: none;
    width: 50%;
	width:46%\9;
    margin: 0;
    padding: 20px 10px;
    overflow: hidden;
	background:none;
}

div#content.production .example-block dl dt{
	position: relative;
    clear: both;
	height:164px;
    margin: 0 auto 5px;
    padding: 0 0 3px;
}

div#content.production .example-block dl dd{
    position: relative;
    min-height: 40px;
	margin-top:5px;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
}

div#content.production .example-block dl dd a{
	text-decoration: none;
}
div#content.production .example-block dl:hover {
	opacity: 0.8;
}

div#content.production .example-block dl dd span{
	display:block;
}

div#content.production .example-block dl img.site-image{
    display: block;
    height: auto;
    width: auto;
	height:164px;
    margin: 0 auto;
	border: 1px solid #CCC;
}

div#content.production .example-block dl img.site-image.no-boder{
    width: auto;
    border: none;
}

div#content.production .example-block dl img.site-image-sp{
	position: absolute;
    bottom: 0;
    right: 15px;
    width: auto;
    height: 100px;
}

div#content.production .example-block dl dd img{
	width:17px;
	height:auto;
	margin-right:2px;
	vertical-align:middle;
}

div#content.production .example-block dl dd a{
	color: #555;
}



/* スマホサイト制作例
---------------*/

div#content.production div.node.smartphone-sample {
  margin: 0 30px 0 22px;
}

div#content.production div.node.smartphone-sample.start {
  border-top: 1px dashed #C4C4C4;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner {
  position: relative;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner img.screenshot {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl {
  height: 388px;
  background: none;
  margin: 0;
  padding: 10px 0 0 0;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner.mao-online dl {
  height: 398px;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dt {
  margin: 0 0 0px 0;
  padding: 20px 0 0 0;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dt span {
  display: block;
  height: 35px;
  margin: 0 0 0 6px;
  padding: 5px 0 0 10px;
  background: url(../img/bg/ribbon_green.png) no-repeat 0 0;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  text-indent: 0;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dt h3.even {
  background: url(../img/bg/ribbon_red.png) no-repeat 0 0;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dd {
  width: 260px;
  margin: 0 0 0 20px;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dd.description {
  margin: 0 0 30px 20px;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dd.qr-code {
  width: 240px;
  height: 124px;
  padding: 20px 10px;
  border: #CCC 1px solid;
  text-align: center;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl dd.qr-code.big {
  height: 156px;
}

div#content.production div.node.smartphone-sample div.smartphone-sample-inner dl.big {
	height: 435px;
}

/* ホームページ制作の流れ
---------------*/

div#content.production dl {
  padding: 0 0 0 83px;
  background: url(../img/bg/production_flow.gif) no-repeat 0px 0px;
}

div#content.production dl.step01 {
  min-height: 190px;
  background-position: 0px 0px;
}

div#content.production dl.step02 {
  min-height: 170px;
  background-position: 0px -250px;
}

div#content.production dl.step03 {
  min-height: 120px;
  background-position: 0px -519px;
}

div#content.production dl.step04 {
  min-height: 130px;
  background-position: 0px -807px;
}

div#content.production dl.step05 {
  min-height: 80px;
  background-position: 0px -1099px;
}

* html body div#content.production dl.step01 { /* for ie6 */
  height: 190px;
}

* html body div#content.production dl.step02 { /* for ie6 */
  height: 170px;
}

* html body div#content.production dl.step03 { /* for ie6 */
  height: 120px;
}

* html body div#content.production dl.step04 { /* for ie6 */
  height: 130px;
}

* html body div#content.production dl.step05 { /* for ie6 */
  height: 80px;
}

html:\66 irst-child div#content.production dl.step01 { /* for mac1-2 */
  height: 190px;
}

html:\66 irst-child div#content.production dl.step02 { /* for mac1-2 */
  height: 170px;
}

html:\66 irst-child div#content.production dl.step03 { /* for mac1-2 */
  height: 120px;
}

html:\66 irst-child div#content.production dl.step04 { /* for mac1-2 */
  height: 136px;
}

html:\66 irst-child div#content.production dl.step05 { /* for mac1-2 */
  height: 80px;
}

div#content.production dl dt {
  height: 46px;
  text-indent: -9999px;
  overflow: hidden;
}

div#content.production ul {
  margin-left: 30px;
}

div#content.production ul li {
  list-style-type: disc;
}

/* ホームページ管理
---------------*/

div#content.production p.not-update-immediately {
  width: 358px;
  height: 69px;
  background: url(../img/header/small/not_update_immediately.gif) no-repeat 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
}

/* ドメイン・サーバーレンタル
---------------*/

div#content.production h3.what-you-need-to-homepage {
  clear: none;
  height: 22px;
  margin-bottom: 16px;
  background: url(../img/header/small/what_you_need_to_homepage.gif) no-repeat 14px 0px;
}

div#content.production img.odd.space {
  margin: 0 0 5px 20px;
}

div#content.production.space div#main ul.local-nav {
  margin-top: 70px;
}

/* お申し込みの流れ
---------------*/

div#content.production.appli div#main ul.local-nav {
  margin-top: 190px;
}

div#content.production.appli div#main div.node {
  background: url(../img/bg/mouse_and_phone_orange.jpg) no-repeat 320px 150px;
}

div#content.production h3.feel-free-to-contact-us {
  height: 22px;
  margin-bottom: 16px;
  background: url(../img/header/small/feel_free_to_contact_us.gif) no-repeat 18px 0px;
}

div#content.production div#forms {
  padding: 16px 0 1em 22px;
  text-align: center;
}

div#content.production div#forms input {
  width: 120px;
  margin: 0 10px;
  border-width: 3px;
  border-color: #E3E3E3 #CACACA #CACACA #E3E3E3;
  background-color: #EEE;
  color: #000;
}

div#content.production div#forms input:hover {
  border-color: #CACACA #E3E3E3 #E3E3E3 #CACACA;
  background-color: #EEE;
  color: #000;
}

/* スマートフォン対応
---------------*/

div#content.production.smartphone div#main {
  background: url(../img/bg/support_smartphone_on_your_other_homepage.jpg) no-repeat -1px 50px;
}

div#content.production.smartphone div#main div.node.space {
  position: relative;
  padding: 320px 0 10px;
}

div#content.production.smartphone img.odd.space {
  margin: 0 0 5px 10px;
}

div#content.production.smartphone div#main p.smartphone-case {
  position: absolute;
  display: block;
  top: 403px;
  right: 44px;
  width: 232px;
  height: 43px;
  margin: 0;
}

div#content.production.smartphone div#main p.smartphone-case a {
  display: block;
  width: 232px;
  height: 43px;
  background: url(../img/button/smartphone_production_case.png) no-repeat 0 0;
  text-indent: -9999px;
}

div#content.production.smartphone div#main p.smartphone-case a:hover {
  background: url(../img/button/smartphone_production_case.png) no-repeat 0 -50px;
}

/* スマートフォン対応申し込みボタン */

div#content.production.smartphone div#main p.application-for-smartphone {
  text-align: center;
}

div#content.production.smartphone div#main p.application-for-smartphone a {
  display: block;
  width: 377px;
  height: 80px;
  margin: 0 auto;
  background: url(../img/button/application_for_smartphone.png) no-repeat 0px 0px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content.production.smartphone div#main p.application-for-smartphone a:hover {
  background: url(../img/button/application_for_smartphone.png) no-repeat 0px -80px;
}

/* 無料相談はこちらからボタン */

div#content div#main p.free-offer {
  text-align: center;
}

div#content div#main p.free-offer a {
  display: block;
  width: 325px;
  height: 60px;
  margin: 0 auto;
  background: url(../img/button/free-offer.png) no-repeat 0px 0px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content div#main p.free-offer a:hover {
  background: url(../img/button/free-offer.png) no-repeat 0px -60px;
}

/* 背景画像 */

div#content.production.smartphone div#main div.node.number-of-smartphone {
	padding: 0 0 320px 0;
	background: url(../img/bg/graph_of_number_of_smartphone_contracts.jpg) no-repeat 38px 60px;
}

div#content.production.smartphone div#main div.node.whirlpool-of-arrow {
  padding: 0 0 30px 0;
  background: url(../img/bg/whirlpool_of_arrow.jpg) no-repeat 300px 20px;
}

/* 動画制作
---------------*/
div#content.production.movie-production div#main {
  background: url(../img/bg/earth_display_movie_thumbnail.jpg) no-repeat 5px 50px;
}

div#content.production.movie-production img.odd.space {
  margin: 0 0 5px 10px;
}

div#content.production.movie-production div#main div.node.space {
  padding: 568px 0 60px;
}

div#content.production.movie-production div#main div.node.space-b50 {
  padding: 0 0 50px;
}

div#content.production.movie-production div#main div.node.space-b45 {
  padding: 0 0 45px;
}

div#content.production.movie-production div#main div.node.space-b40 {
  padding: 0 0 40px;
}

div#content.production.movie-production img.odd.space {
  margin: 0 0 5px 10px;
}

div#content.production.movie-production div#main div.node.good-at-movie-production p{
  width: 250px;
  margin: 0 0 0 275px;
  color: #FFF;
}
/* 背景画像 */

div#content.production.movie-production div#main div.node.total-support {
  background: url(../img/bg/three_movie_thumbnail.jpg) no-repeat 320px 130px;
}

div#content.production.movie-production div#main div.node.dvd-sale {
  background: url(../img/bg/mouse_megaphone.jpg) no-repeat 350px 40px;
}

div#content.production.movie-production div#main div.node p.movie-production-inquiry a {
  display: block;
  width: 377px;
  height: 54px;
  margin: 0 auto;
  background: url(../img/button/movie-production-inquiry.png) no-repeat 0px 0px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content.production.movie-production div#main div.node p.movie-production-inquiry a:hover {
  background: url(../img/button/movie-production-inquiry.png) no-repeat 0px -54px;
}

/*=========================
 SEO(検索エンジン対策)
=========================*/

div#content.seo h3.seo-has-been-focused {
  background-image: url(../img/header/small/seo_has_been_focused.gif);
}

div#content.seo h3.increase-sales {
  background-image: url(../img/header/small/increase_sales.gif);
}

div#content.seo h3.compared-with-listings {
  background-image: url(../img/header/small/compared_with_listings.gif);
}

div#content.seo h3.quote {
  background-image: url(../img/header/small/quote.gif);
}

div#content.seo h3.apply {
  background-image: url(../img/header/small/apply.gif);
}

div#content.seo h3.established-seo {
  background-image: url(../img/header/small/established_seo.gif);
}

div#content.seo h3.seo-success {
  background-image: url(../img/header/small/seo_success.gif);
}

div#content.seo h3.payment {
  background-image: url(../img/header/small/payment.gif);
}

div#content.seo h3.maintain-position-within-20 {
  background-image: url(../img/header/small/maintain_position_within_20.gif);
}

div#content.seo h3.acceptable-service {
  height: 221px;
  margin-bottom: 20px;
  background-image: url(../img/header/small/acceptable_service.gif);
}

div#content.seo h3.point-1 {
  background-image: url(../img/header/small/point_1.gif);
}

div#content.seo h3.point-2 {
  background-image: url(../img/header/small/point_2.gif);
}

div#content.seo h3.point-3 {
  background-image: url(../img/header/small/point_3.gif);
}

div#content.seo h3.what-about-seo {
  height: 23px;
  background: url(../img/header/small/what-about_seo.gif) no-repeat 18px 0px;
}

div#content.seo p.seo-effect {
  height: 85px;
  margin: 0 0 1em 16px;
  background: url(../img/bg/seo_effect.gif) no-repeat left top;
  text-indent: -9999px;
}

div#content.seo dl {
  clear: both;
  margin: 0 16px 1em 14px;
  padding-top: 15px;
  background: url(../img/bg/grey-diagonal_border.gif) no-repeat left top;
}

div#content.seo dl dt {
  float: left;
  clear: left;
  width: 100px;
  height: 91px;
  background: url(../img/bg/appli_steps.gif) no-repeat 0px 0px;
  text-indent: -9999px;
}

div#content.seo dl.step01 dt {
  background-position: 0px 0px;
}

div#content.seo dl.step02 dt {
  background-position: 0px -224px;
}

div#content.seo dl.step03 dt {
  background-position: 0px -455px;
}

div#content.seo dl.step04 dt {
  background-position: 0px -698px;
}

div#content.seo dl.step05 dt {
  background-position: 0px -920px;
}

div#content.seo dl.step06 dt {
  background-position: 0px -1164px;
}

div#content.seo dl dd {
  float: right;
  clear: right;
  width: 420px;
  padding-top: 38px;
  background: url(../img/bg/appli_steps.gif) no-repeat -109px 0px;
}

div#content.seo dl.step01 dd {
  background-position: -109px 0px;
}

div#content.seo dl.step02 dd {
  background-position: -109px -232px;
}

div#content.seo dl.step03 dd {
  background-position: -109px -455px;
}

div#content.seo dl.step04 dd {
  background-position: -109px -698px;
}

div#content.seo dl.step05 dd {
  background-position: -109px -920px;
}

div#content.seo dl.step06 dd {
  background-position: -109px -1164px;
}

div#content.seo dl dd p {
  margin: 0;
}

/* SEOの重要性
---------------*/

div#content.seo img.odd.space {
  margin: 0 0 10px 40px;
}

/* SEOの導入実績
---------------*/

div#content.seo div.node.seo p {
  margin: 0 0 1em 10px;
}

/* 料金システム
---------------*/

div#content.seo h3.seo-keyword {
  background-image: url(../img/header/small/seo-keyword_free_estimate_form.gif);
}

div#content.seo table {
  background-color: #FFF;
}

div#content.seo th {
  border-color: #917790;
  background-color: #947993;
}

div#content.seo td {
  border-color: #F0ECF0 #AF9CAE #AF9CAE #F0ECF0;
  background-color: #DED6DE;
}

div#content.seo form table td span {
  padding: 0 4px;
}

div#content.seo form table td input {
  width: 200px;
}

div#content.seo form table td input.odd {
  width: 40px;
}

div#content.seo form table td input.even {
  width: 60px;
}

div#content.seo form table td input.radio {
  width: auto;
  background-color: #DED6DE;
}

div#content.seo form table td textarea {
  width: 310px;
  height: 150px;
}

/*=========================
 WEBコンサルティング
=========================*/

div#content.consulting h3.be-consulting {
  background-image: url(../img/header/small/be_consulting.gif);
}

div#content.consulting h3.free-diagnostic-reception {
  height: 26px;
  background-image: url(../img/header/small/free_diagnostic_reception.gif);
}

div#content.consulting h3.diagnostic-free-form {
  background-image: url(../img/header/small/diagnostic_free_form.gif);
}

div#content.consulting h3.content-configured {
  height: 26px;
  background: url(../img/header/small/content_configured.gif) no-repeat 18px 0px;
}

div#content.consulting h3.appropriate-technology {
  height: 26px;
  background: url(../img/header/small/appropriate_technology.gif) no-repeat 18px 0px;
}

div#content.consulting h3.access-analysis {
  height: 26px;
  background: url(../img/header/small/access_analysis.gif) no-repeat 16px 0px;
}

div#content.consulting h3.same-appearance {
  height: 26px;
  background: url(../img/header/small/same_appearance.gif) no-repeat 18px 0px;
}

div#content.consulting h3.homepage-is-various-face {
  height: 52px;
  margin-bottom: 254px;
  background: url(../img/header/small/homepage_is_various-face.gif) no-repeat 18px 0px;
}

div#content.consulting h3.find-issues {
  clear: none;
  height: 20px;
  background: url(../img/header/small/find_issues.gif) no-repeat 18px 0px;
}

div#content.consulting h3.regular-reports {
  height: 22px;
  background: url(../img/header/small/regular_reports.gif) no-repeat 18px 0px;
}

div#content.consulting ul {
  margin-left: 30px;
}

div#content.consulting ul li {
  list-style-type: disc;
}

/* WEBコンサルティング
---------------*/

div#content.consulting img.odd {
  margin: 0 0 5px 20px;
}

div#content.consulting div.node.greenhouse-around-earth {
  background: url(../img/bg/greenhouse_around_earth.jpg) no-repeat 30px 60px;
}

div#content.consulting div.node.access-analysis-12sample {
  margin-bottom: 16px;
  padding-bottom: 180px;
  background: url(../img/bg/access_analysis_12sample.gif) no-repeat center bottom;
}


/* WEB無料診断
---------------*/

div#content.consulting.earth-and-heart div#main {
  background: url(../img/bg/earth_and_heart.jpg) no-repeat 320px 10px;
}

div#content.consulting table {
  background-color: #FFF;
}

div#content.consulting th {
  border-color: #74905F;
  background-color: #759160;
}

div#content.consulting td {
  border-color: #EEF2EC #97AE86 #97AE86 #EEF2EC;
  background-color: #E2E9DE;
}

div#content.consulting form table td input {
  width: 200px;
}

div#content.consulting form table td input.odd {
  width: 40px;
}

div#content.consulting form table td input.even {
  width: 60px;
}

div#content.consulting form table td input.radio {
  width: auto;
  background-color: #E2E9DE;
}

div#content.consulting form table td textarea {
  width: 310px;
  height: 150px;
}

/* お申し込みの流れ
---------------*/

div#content.consulting.appli div#main ul.local-nav {
  margin-top: 190px;
}

div#content.consulting.appli div#main div.node {
  background: url(../img/bg/mouse_and_phone_green.jpg) no-repeat 320px 130px;
}

div#content.consulting h3.feel-free-to-contact-us {
  height: 22px;
  margin-bottom: 16px;
  background: url(../img/header/small/feel_free_to_contact_us.gif) no-repeat 18px 0px;
}

div#content.consulting div#forms {
  padding: 16px 0 1em 22px;
  text-align: center;
}

div#content.consulting div#forms input {
  width: 120px;
  margin: 0 10px;
  border-width: 3px;
  border-color: #E3E3E3 #CACACA #CACACA #E3E3E3;
  background-color: #EEE;
  color: #000;
}

div#content.consulting div#forms input:hover {
  border-color: #CACACA #E3E3E3 #E3E3E3 #CACACA;
  background-color: #EEE;
  color: #000;
}

/*=========================
 WEBシステム開発
=========================*/

div#content.system div#main {
  background: url(../img/bg/sapport_for_you.jpg) no-repeat 36px 40px;
}

div#content.system h3.original-cms-provided {
  background-image: url(../img/header/small/original-cms_provided.gif);
}

div#content.system h3.for-exsample {
  height: 20px;
  margin-bottom: 0px;
  background: url(../img/header/small/css_sprite_systemtitle.gif) no-repeat 14px 0px;
}

div#content.system h3.othersystem {
  height: 20px;
  margin-bottom: 0px;
  background: url(../img/header/small/css_sprite_systemtitle.gif) no-repeat 14px -56px;
}

div#content.system p.free-to-contact-us {
  clear: both;
  height: 88px;
  margin: 0;
  background: url(../img/header/small/css_sprite_systemtitle.gif) no-repeat 14px -92px;
  text-indent: -9999px;
}

div#content.system dl {
  clear: both;
  margin: 0 26px 0 24px;
}

div#content.system dl dt {
  float: left;
  clear: left;
  width: 85px;
}

div#content.system dl dd {
  float: right;
  clear: right;
  width: 420px;
}

div#content.system dl dd p {
  margin: 0;
}

div#content.system div.node {
  padding-top: 200px;
}

div#content.system div.node.odd {
  padding-top: 0px;
}

div#content.system div.node.odd dl {
  clear: both;
  margin: 0 26px 0 24px;
  padding: 7px 7px 3px;
  border-top: 1px dashed #CCC;
}

div#content.system div.node.odd dl dt {
  float: left;
  clear: left;
  width: 180px;
  background: url(../img/header/small/css_sprite_systemtitle.gif) no-repeat -7px -237px;
  text-indent: -9999px;
}

div#content.system div.node.odd dl dt.blogsystem {
  background-position: -7px -237px;
}

div#content.system div.node.odd dl dt.topicsystem {
  background-position: -7px -448px;
}

div#content.system div.node.odd dl dt.memberonly {
  background-position: -7px -634px;
}

div#content.system div.node.odd dl dt.mailform {
  background-position: -7px -842px;
}

div#content.system div.node.odd dl dt.searchsystem {
  background-position: -7px -1042px;
}

div#content.system div.node.odd dl dd {
  float: right;
  clear: right;
  width: 300px;
}

/*=========================
 スタッフ紹介
=========================*/

div#content.staff img.eyecatch {
  display: block;
  clear: both;
  margin-left: -5px; /* 画像が横幅よりでかいので調整 */
}

div#content.staff div.node {
  padding: 10px 20px;
  border-bottom: 1px dotted #CCC;
}

div#content.staff div.node.odd div.node-meta,
div#content.staff div.node.even div.node-body {
  float: left;
  clear: left;
}

div#content.staff div.node.even div.node-meta,
div#content.staff div.node.odd div.node-body {
  float: right;
  clear: right;
}

div#content.staff div.node-meta {
  text-align: center;
}

div#content.staff div.node-body {
  width: 270px;
  padding: 20px 0 0 0;
}

div#content.staff div.node.even div.node-body {
  width: 280px;
}

div#content.staff div.node-body p {
  margin: 0;
}

div#content.staff div.node-body img {
  display: block;
  margin: 0 0 7px 0;
}

/*=========================
 採用情報
=========================*/

div#content.recruit h3.secret-of-popular {
  background-image: url(../img/header/small/secret_of_popular.gif);
}

div#content.recruit h3.application-guidelines {
  margin-bottom: 10px;
  background-image: url(../img/header/small/application_guidelines.gif);
}

div#content.recruit h3.how-to-apply {
  margin-bottom: 10px;
  background-image: url(../img/header/small/how_to_apply.gif);
}

div#content.recruit h3.application-form {
  margin-bottom: 10px;
  background-image: url(../img/header/small/application_form.gif);
}

div#content.recruit h3.we-want-to-your-talent {
  height: 50px;
  margin-bottom: 20px;
  background-image: url(../img/header/small/we_want_to_your_talent.gif);
}

div#content.recruit div.node.man-and-woman {
  background: url(../img/bg/man_and_woman_in_office.jpg) no-repeat right top;
}

div#content.recruit div.node.man-and-woman p {
  padding-right: 230px;
}

div#content.recruit table {
  background-color: #FFF;
}

div#content.recruit table th {
  width: 94px;
  border-color: #74905F;
  background-color: #759160;
}

div#content.recruit td {
  border-color: #EEF2EC #97AE86 #97AE86 #EEF2EC;
  background-color: #E2E9DE;
  width: 371px;
}

div#content.recruit form table th {
  width: 150px;
}

div#content.recruit form table td input {
  width: 200px;
}

div#content.recruit form table td label input{
	width:inherit;
	margin-right:5px;
}

div#content.recruit form table td label{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	margin-right:15px;
}

div#content.recruit form table td input.odd {
  width: 40px;
}

div#content.recruit form table td input.even {
  width: 60px;
}

div#content.recruit form table td input.short {
  width: 20px;
}

div#content.recruit form table td textarea {
  width: 310px;
  height: 150px;
}

div#content.recruit span.indent {
  display: block;
  text-indent: -12px;
  padding-left: 12px;
}

.job-type{
	margin-bottom:10px;
}

.job-type.last{
	margin-bottom:0;
}

/*=========================
 無料相談
=========================*/

div#content.consultation h3.free-consultation-form {
  background-image: url(../img/header/small/free_consultation_form.gif);
}

div#content.consultation form table {
  background-color: #FFF;
}

div#content.consultation form table td input {
  width: 200px;
}

div#content.consultation form table td input.odd {
  width: 40px;
}

div#content.consultation form table td input.even {
  width: 60px;
}

div#content.consultation form table td input.radio {
  width: auto;
}

div#content.consultation form table td textarea {
  width: 310px;
  height: 150px;
}

/*=========================
 無料見積
=========================*/

div#content.quote h3.free-estimate-form {
  background-image: url(../img/header/small/free_estimate_form.gif);
}

div#content.quote table {
  background-color: #FFF;
}

div#content.quote th {
  border-color: #789895;
  background-color: #7b9c98;
}

div#content.quote td {
  border-color: #EEF2F2 #91AAA8 #91AAA8 #EEF2F2;
  background-color: #D8E0E0;
}

div#content.quote form table td input {
  width: 200px;
}

div#content.quote form table td input.odd {
  width: 40px;
}

div#content.quote form table td input.even {
  width: 60px;
}

div#content.quote form table td input.radio {
  width: auto;
  background-color: #D8E0E0;
}

div#content.quote form table td textarea {
  width: 310px;
  height: 150px;
}

/*=========================
 会社概要
=========================*/

div#content.company div#main div.inquaryform {
  margin-top: 70px;
}

div#content.company table {
  border-width: 0px;
  border-top: 1px dashed #CCC;
  background-color: #FFF;
}

div#content.company table th {
  width: 60px;
  padding: 2px 2px 2px 8px;
  border-width: 0px;
  border-bottom: 1px dashed #CCC;
  background-color: #FFF;
  color: #907860;
  font-weight: normal;
}

div#content.company table td {
  padding: 2px 2px 2px 8px;
  border-width: 0px;
  border-bottom: 1px dashed #CCC;
  background-color: #FFF;
}

div#content.company table td p {
  margin-left: 0;
  margin-right: 0;
}

div#content.company div.node {
  background: url(../img/bg/seo-kk_outer.jpg) no-repeat 378px 92px;
}

/*=========================
 サイトマップ
=========================*/

div#content.sitemap #main ul {
  margin-left: 30px;
}

div#content.sitemap #main ul li {
  list-style-type: disc;
}

div#content.sitemap #main div.node-inner {
  width: 276px;
}

div#content.sitemap #main div.node-inner.odd {
  float: left;
  clear: left;
}

div#content.sitemap #main div.node-inner.even {
  float: right;
  clear: right;
}

/*=========================
 プライバシーポリシー
=========================*/

div#content.privacy #main ol {
  margin: 0 17px 1em 50px;
}

div#content.privacy #main ol li {
  margin-bottom: 1em;
  font-weight: bold;
}

div#content.privacy #main ol li span {
  font-weight: normal;
}

/*=========================
 お問い合わせ
=========================*/

div#content.inquiry h3.inquiry-form {
  background-image: url(../img/header/small/inquiry_form.gif);
}

div#content.inquiry table {
  background-color: #FFF;
}

div#content.inquiry th {
  border-color: #91665F;
  background-color: #946862;
}

div#content.inquiry td {
  border-color: #F2EDEC #CFBAB6 #CFBAB6 #F2EDEC;
  background-color: #E7DCDA;
}

div#content.inquiry form table td input {
  width: 200px;
}

div#content.inquiry form table td input.odd {
  width: 40px;
}

div#content.inquiry form table td input.even {
  width: 60px;
}

div#content.inquiry form table td input.radio {
  width: auto;
  background-color: #E7DCDA;
}

div#content.inquiry form table td textarea {
  width: 310px;
  height: 150px;
}

/*=========================
 SEO実績例
=========================*/

div#content.success div#main {
  background: none;
}

div#content.success.additional div#main {
  background: none;
}

div#content.success h3.registration-form-wedding {
  height: 20px;
  margin-bottom: 16px;
  background: url(../img/header/small/registration_form_wedding.gif) no-repeat 0px 0px;
}

div#content.success h3.registration-form-ourservice {
  height: 20px;
  margin-bottom: 16px;
  background: url(../img/header/small/registration_form_ourservice.gif) no-repeat 0px 0px;
}

div#content.success div.node.success {
  height: 82px;
  padding: 10px 140px 0 0;
  line-height: 1.7em;
  overflow:hidden;
}

div#content.success div.node.none {
  padding: 0;
}

div#content.success div.node p.caution {
  margin: 0 10px;
  padding: 4px;
  background-color: #FFF5E0;
  line-height: 1.7em;
}

div#content.success div.node p.caution.odd {
  padding: 21px;
  margin: 0 14px 0 10px;
  color: #000;
  font-size: 12px;
  line-height: 1.9em;
}

div#content.success.additional div.node p.caution.odd {
  padding: 10px;
}

div#content.success div.node p.caution.even {
  padding: 21px;
  margin: 0 14px 0 10px;
  border: 2px solid #BDB490;
  background-color: #E6F7B1;
  color: #000;
  font-size: 12px;
  line-height: 1.9em;
}

div#content.success div.node table {
  width: 275px;
  margin: 0;
  border-width: 0px;
  background-color: #FFF;
  line-height: 1.7em;
}

div#content.success div.node table td.ltter-space {
	letter-spacing: -1px !important;
}

div#content.success div.node div.odd {
  float: left;
  clear: left;
}


div#content.success div.node div.even {
  float: right;
  clear: right;
}

/* もっと続きがあるように見せたい版

div#content.success div.node table td.ltter-space {
	letter-spacing: -1px !important;
}

div#content.success div.node div.odd.more {
  float: left;
  clear: left;
	background: url(../img/bg/gray_dotted.gif) center bottom repeat-y;
	padding-bottom: 30px;
	position: relative;
}

div#content.success div.node div.odd.more img {
	position: absolute;
	bottom: 30px;
	left: 0;
}

div#content.success div.node div.even.more {
  float: right;
  clear: right;
	background: url(../img/bg/gray_dotted.gif) center bottom repeat-y;
	padding-bottom: 30px;
	position: relative;
}

div#content.success div.node div.even.more img {
	position: absolute;
	bottom: 30px;
	left: 0;
} */

div#content.success div.node table.odd {
  float: left;
  clear: left;
}

div#content.success div.node table.even {
  float: right;
  clear: right;
}

div#content.success div.node th,
div#content.success div.node td {
  padding: 1px 3px;
  border-width: 0px;
  vertical-align: top;
}

div#content.success div.node th {
  color: #FFF;
}

div#content.success div.node th.odd,
div#content.success div.node td.odd {
  text-align: left;
}

div#content.success div.node th.even,
div#content.success div.node td.even {
  text-align: right;
}

div#content.success div.node th {
  background-color: #690;
}

div#content.success div.node tr.odd td {
  background-color: #FFF5E0;
}

div#content.success div.node tr.even td {
  background-color: #E6E6E6;
}

div#content.success div.node td span.stuff {
  letter-spacing: -1px;
}

div#content.success div.node-inner {
  width: 532px;
  margin-left: 10px;
  background: url(../img/bg/greenline_sideend.gif) repeat-y 0px 0px;
}

div#content.success.additional div.node-inner {
  background: none;
}

div#content.success div.node-inner-header {
  position: relative;
  height: 46px;
  background: url(../img/bg/serachwindow.gif) no-repeat 0px -92px;
  overflow: hidden;
}

div#content.success div.text-long {
  background: url(../img/bg/serachwindow_long.gif) no-repeat 0px -92px;
}

div#content.success.additional div.node-inner-header {
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  background: url(../img/bg/green_line_and_bottom_side.gif) no-repeat left bottom;
}

div#content.success.additional div.node-inner-header div.node-inner-data {
  height: 81px;
  background: url(../img/bg/customer_comments.gif) no-repeat 0 0px;
}

div#content.success div.node-inner-header span {
  position: absolute;
  top: 10px;
  left: 24px;
  width: 160px;
  height: 14px;
  font-size: 0.9em;
}

div#content.success.additional div.node-inner-header div.node-inner-data span {
  top: 53px;
  left: 24px;
}

div#content.success.additional div.node-inner-header div.node-inner-voice {
  padding: 10px 0 0 0;
  background: url(../img/bg/green_line_side.gif) repeat-y left top;
}

div#content.success div.node-inner-header img {
  position: absolute;
  top: 10px;
  left: 246px;
}

div#content.success.additional div.node-inner-header img {
  top: 53px;
  left: 260px;
}

div#content.success.additional div.node-inner-header h3.substantial-increase {
  background: url(../img/header/small/substantial_increase.gif) no-repeat 25px 0;
}

div#content.success.additional div.node-inner-header h3.number-of-patients {
  background: url(../img/header/small/increase_the_number_of_patients.gif) no-repeat 8px 0;
}

div#content.success.additional div.node-inner-header h3.patient_with_a_trouble {
  height: 42px;
  background: url(../img/header/small/patient_with_a_trouble.gif) no-repeat 8px 0;
}

div#content.success.additional div.node-inner-header h3.number_of_patients_1_5 {
  height: 42px;
  background: url(../img/header/small/number_of_patients_1_5.gif) no-repeat 8px 0;
}

div#content.success.additional div.node-inner-header h3.number-requeste {
  height: 42px;
  background: url(../img/header/small/number_of_request.gif) no-repeat 7px 0;
}

div#content.success.additional div.node-inner-header h3.from_making_smartphone {
  height: 20px;
  background: url(../img/header/small/from_making_smartphone.gif) no-repeat 7px 0;
}

div#content.success.additional div.node-inner-header h3.request_number_of_double {
  height: 20px;
  background: url(../img/header/small/request_number_of_double.gif) no-repeat 7px 0;
}

div#content.success.additional div.node-inner-header h3.regardless-of-season-bridal {
  height: 45px;
  background: url(../img/header/small/regardless_of_season_bridal.gif) no-repeat 7px 0;
}

div#content.success.additional div.node-inner-header h3.tour-sold-out {
  height: 45px;
  background: url(../img/header/small/tour_sold_out.gif) no-repeat 7px 0;
}

div#content.success div.node-inner-wrapper {
  clear: both;
  padding: 10px 0 8px 0;
  background: url(../img/bg/greenline_curbbottom.gif) no-repeat left bottom;
  text-align: center;
}

div#content.success.additional div.node-inner-wrapper {
  background: none;
  text-align: left;
}

div#content.success.additional div.node-inner-wrapper img {
  margin: 0 0 15px 0;
}

div#content.success div.node-inner-wrapper h3 {
  height: 20px;
  margin: 0 0 16px 0;
  background: no-repeat center top;
  text-align: left;
}

div#content.success div.node-inner-wrapper h3.increase-staff {
  background-image: url(../img/header/small/increase_staff.gif);
}

div#content.success div.node-inner-wrapper h3.increase-patient {
  background-image: url(../img/header/small/increase_patient.gif);
}

div#content.success div.node-inner-wrapper h3.inquiries-from-local {
  background-image: url(../img/header/small/inquiries_from_local.gif);
}

div#content.success div.node-inner-wrapper h3.utilization-20percent {
  background-image: url(../img/header/small/utilization_20percent.gif);
}

div#content.success div.node-inner-wrapper h3.double-nomination {
  background-image: url(../img/header/small/double_nomination.gif);
}

div#content.success div.node-inner-wrapper h3.many-inquiries {
  background-image: url(../img/header/small/many_inquiries.gif);
}

div#content.success div.node-inner-wrapper h3.doubled-request-information {
  background-image: url(../img/header/small/doubled_request_information.gif);
}

div#content.success div.node-inner-wrapper h3.surprisedto-short-times {
  background-image: url(../img/header/small/surprisedto_short-times.gif);
}

div#content.success div.node-inner-wrapper h3.high-competition-keywords {
  background-image: url(../img/header/small/high_competition_keywords.gif);
}

div#content.success div.node-inner-wrapper h3.audition-success {
  background-image: url(../img/header/small/audition_success.gif);
}

div#content.success div.node-inner-wrapper h3.regional-awareness-up {
  background-image: url(../img/header/small/regional_awareness-up.gif);
}

div#content.success div.node-inner-wrapper h3.up-the-good-work {
  background-image: url(../img/header/small/up_the_good_work.gif);
}

div#content.success div.node-inner-wrapper h3.not-increase-much-compared {
  background-image: url(../img/header/small/not_increase_much_compared.gif);
}

div#content.success div.node-inner-wrapper h3.whether-business-or-personal-growth {
  background-image: url(../img/header/small/whether_business_or_personal_growth.gif);
}

div#content.success div.node-inner-wrapper h3.accident-experts {
  background-image: url(../img/header/small/accident_experts.gif);
}

div#content.success div.node-inner-wrapper h3.full-capacity {
  background-image: url(../img/header/small/full_capacity.gif);
}

div#content.success div.node-inner-wrapper h3.stable-order {
  background-image: url(../img/header/small/stable_order.gif);
}

div#content.success div.node-inner-wrapper h3.delightful-miscalculation {
  height: 42px;
  background-image: url(../img/header/small/delightful_miscalculation.gif);
}

div#content.success div.node-inner-wrapper h3.increase-surely {
  background-image: url(../img/header/small/regular-member_could_increase_surely.gif);
}

div#content.success div.node-inner-wrapper h3.all-staff-is-smailed {
  background-image: url(../img/header/small/all-staff_is_smailed.gif);
}

div#content.success div.node-inner-wrapper h3.events-are-large-flourishing {
  background-image: url(../img/header/small/events_are_large_flourishing.gif);
}

div#content.success div.node-inner-wrapper h3.best-number-of-patients {
  background-image: url(../img/header/small/best_number_of_patients.gif);
}

div#content.success div.node-inner-wrapper h3.result-of-large-satisfaction {
  background-image: url(../img/header/small/result_of_large-satisfaction.gif);
}

div#content.success div.node-inner-wrapper h3.only-always-good-thing {
  background-image: url(../img/header/small/only_always_good_thing.gif);
}

div#content.success div.node-inner-wrapper h3.number-of-patients-is-the-past-best {
  background-image: url(../img/header/small/number_of_patients_is_the_past_best.gif);
}

div#content.success div.node-inner-wrapper h3.number_of_information_up {
  background-image: url(../img/header/small/number_of_information_up.gif);
}

div#content.success div.node-inner-wrapper h3.substantial-increase {
  background-image: url(../img/header/small/substantial_increase.gif);
}

div#content.success div.node-inner-wrapper p {
  margin: 0 26px 0 24px;
  text-align: left;
}

div#content.success.additional div.node-inner-wrapper p {
  margin: 0 5px 20px 12px;
}

div#content.success.additional div.node-inner-wrapper p.none {
  margin-bottom: 0;
}

div#content.success div.node-inner-wrapper p.odd {
  margin: 0 26px 1em 24px;
}

div#content.success div.node-inner-wrapper p.even {
  text-align: right;
}

div#content.success.additional div.node-inner-wrapper p span.brown {
  margin-right: 1px;
  padding: 1px 2px 0;
  background-color: #D06B3A;
  color: #FFF;
}

div#content.success.additional div.node-inner-wrapper p span.green {
  margin-right: 1px;
  padding: 1px 2px 0;
  background-color: #768F32;
  color: #FFF;
}

div#content.success div.node-inner-wrapper ol {
  margin: 0 26px 0 50px;
  text-align: left;
}

/* お客様の声 */

div#content.success div.node-inner-wrapper div.customer-voice {
  width: 516px;
  margin: 0 auto 20px;
  background: url(../img/bg/darkmosgreenline_sideend.gif) repeat-y left top;
  text-align: left;
}

div#content.success div.node-inner-wrapper div.customer-voice-header {
  background: url(../img/bg/darkmosgreenline_curbtop.gif) no-repeat left top;
}

div#content.success div.node-inner-wrapper div.customer-voice-close {
  padding: 56px 0px 10px;
  background: url(../img/bg/darkmosgreenline_curbbottom.gif) no-repeat left bottom;
}

div#content.success div.node-inner-wrapper div.customer-voice h3 {
  margin: 0 0 6px;
}

div#content.success div.node-inner-wrapper div.customer-voice p {
  margin: 0 22px 0 20px;
}

/* エステサロンのSEO */

div#content.success div.node h3.salon-chosen {
	height: 27px;
  background-image: url(../img/header/small/salon_chosen.gif);
}

div#content.success div.node h3.flow-reserved {
	height: 27px;
  background-image: url(../img/header/small/flow_reserved.gif);
}

div#content.success div.node h3.smartphone-support {
	height: 27px;
  background-image: url(../img/header/small/smartphone_support.gif);
}

div#content.success div.node div.search-keyword {
  width: 516px;
  margin: 0 auto 20px;
  background: url(../img/bg/darkmosgreenline_sideend.gif) repeat-y left top;
}

div#content.success div.node div.search-keyword-header {
	background: url(../img/bg/darkmosgreenline_top.gif) no-repeat left top;
}

div#content.success div.node div.search-keyword-close {
  padding: 20px 2px 10px;
  background: url(../img/bg/darkmosgreenline_curbbottom.gif) no-repeat left bottom;
}

div#content.success div.node div.search-keyword-close p.title {
	margin: 0;
	text-align: center;
}
div#content.success div.node div.search-keyword-close p.title img {
	margin: 0;
}

div#content.success div.node table.keyword-list {
	width: 100%;
	border-collapse: separate;
	border-spacing: 7px;
	background: #FFF5E0;
}

div#content.success div.node table.keyword-list td {
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro";
	padding: 6px 3px 4px 22px;
	font-size: 12px;
	background: #FFF url(../img/icon/search.png) no-repeat 4px center;
	border-top: 1px solid #ebe8dd;
	border-left: 1px solid #ebe8dd;
	line-height: 1.3;
	vertical-align: middle;
}

div#content.success div.node table.keyword-list td.none {
	background: none;
	border: none;
}

div#content.success div.node div.further-block {
	overflow: hidden;
	width: 521px;
	height: 59px;
	margin-left: 10px;
	background: url(../img/bg/further.gif) no-repeat 0 0;
}

div#content.success div.node div.further-block p {
	float: left;
	clear: left;
	margin: 0;
	padding: 30px 0 0 37px;
}

div#content.success div.node div.further-block a.btn-details {
	float: right;
	clear: right;
	width: 122px;
	height: 25px;
	margin: 28px 6px 5px 0;
	background: url(../img/button/for_details.gif) no-repeat 0 0;
	text-indent: -9999px;
}
div#content.success div.node div.further-block a.btn-details:hover {
	background: url(../img/button/for_details.gif) no-repeat 0 -25px;
}

div#content.success h3.from-the-bottom-of-my-heart {
	width: 462px;
  height: 20px;
  margin: 0 auto 16px;
  background: url(../img/header/small/from_the_bottom_of_my_heart.gif) no-repeat 0px 0px;
}

/* ダンススクールのSEO */

div#content.success div.node h3.danceschool-seitosu {
	height: 27px;
  background-image: url(../img/header/small/danceschool_seitosu.gif);
}

div#content.success div.node h3.danceschool-rival {
	height: 27px;
  background-image: url(../img/header/small/danceschool_rival.gif);
}

/*=========================
 業種別SEO
=========================*/

div#content.category div#topic-path {
  visibility: hidden;
}

/* 業種別SEOトップページ
---------------*/

div#content.category div.node ul li {
  padding: 3px 0 0 16px;
  background: url(../img/bg/css_sprite.png) no-repeat 3px -1623px;
  line-height: 1.7em;
}

div#content.category div.node ul li.odd {
  background: url(../img/bg/css_sprite.png) no-repeat 3px -1703px;
  background-color: #E6E6E6;
}

div#content.category div.node ul li.even {
  background-color: #FFF5E0;
}

/* 業種別SEO中ページ
---------------*/

div#content.category div.node.title {
  padding: 0;
}

div#content.category div.node.title h3 {
  height: auto;
  margin: 0 0 5px;
  color: #37231B;
  font-size: 1.8em;
  line-height: 100%;
  text-indent: 0px;
  overflow: visible;
}

div#content.category div.node.title h3 span {
  color: #DA703E;
}

div#content.category div.node table {
  width: 550px;
  margin: 0 0 10px;
  border-top: 1px solid #CCC;
  border-right: 0px solid #CCC;
  border-bottom: 0px solid #CCC;
  border-left: 1px solid #CCC;
  border-collapse: collapse;
  background-color: #FFF;
  line-height: 1.7em;
}

div#content.category div.node table th,
div#content.category div.node table td {
  padding: 1px 3px;
  border-top: 0px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 0px solid #CCC;
  vertical-align: top;
}

div#content.category div.node table th {
  background-color: #690;
  font-weight: bold;
}

div#content.category div.node table th.odd {
  text-align: center;
}

div#content.category div.node table th a {
  color: #FF9;
}

div#content.category div.node table th a:hover {
  color: #FFF;
}

div#content.category div.node table td {
  background-color: #FFF5E0;
}

div#content.category div.node tr.bg_001 td,
div#content.category div.node tr td.bg_001 {
  background-color:#690;
}

div#content.category div.node tr.bg_002 td,
div#content.category div.node tr td.bg_002 {
  background-color: #FFF5E0;
}

div#content.category div.node tr.bg_002 h4 {
  margin: 0;
  color: #000;
  font-size: 1em;
}

div#content.category div.node tr.bg_003 td,
div#content.category div.node td.bg_003 {
  background-color: #E6E6E6;
}

div#content.category div.node span.style9 {
  color: #FFF;
  letter-spacing: -1px;
}

div#content.category div.node table td strong {
  color: #000;
  font-size: 1em;
}

div#content.category div.node tr.bg_001 td strong {
  color: #FFF;
}

div#content.category div.node table td a:link strong {
  color: #015BFF;
}

div#content.category div.node table td a:visited strong {
  color: #800080;
}

div#content.category div.node table td a:hover strong {
  color: #F90;
}

/*=========================
 ITニュース
=========================*/

/* 一覧ページ用 */

div#content.it-news div.node form {
  padding: 0 0 0 10px;
  text-align: left;
}

div#content.it-news div.node form p {
  display: inline;
  margin: 0;
  padding: 0;
}

div#content.it-news div.node form select {
  width: 300px;
  vertical-align: middle;
}

div#content.it-news div.node form input {
  vertical-align: middle;
}

div#content.it-news div.node div.node-inner {
  padding: 0 10px 16px 10px;
}

div#content.it-news div.node div.node-inner dl {
  clear: both;
  margin: 0 0 8px;
  padding: 0 0 8px 22px;
  border-bottom: 1px dashed #C4C4C4;
  background: url(../img/icon/green_arrow.gif) no-repeat 4px 2px;
  line-height: 1.4em;
}

div#content.it-news div.node div.node-inner dl dt {
  float: left;
  clear: left;
  width: 64px;
}

div#content.it-news div.node div.node-inner dl dd {
  float: right;
  clear: right;
  width: 446px;
}

div#content.it-news div.node div.node-inner dl dd a {
  vertical-align: middle;
}

div#content.it-news div.node div.node-inner dl dd img {
  margin: 0 0 0 9px;
  vertical-align: middle;
}

/* 詳細ページ用 */

div#content.it-news div.node h3.none {
  clear: both;
  height: auto;
  margin: 0 0 4px 6px;
  padding: 0 0 0 18px;
  color: #DA6F3E;
  background: url(../img/icon/gray_circle.gif) no-repeat 0px 4px;
  text-indent: 0px;
  overflow: hidden;
}

div#content.it-news div.node dl.summary {
  clear: both;
  margin: 0 0 1em 24px;
}

div#content.it-news div.node dl.summary dt {
  text-align: right;
  background: url(../img/bg/gray_dotted_line.gif) repeat-x left center;
  color: #848484;
  line-height: 1.1em;
}

div#content.it-news div.node dl.summary dt span {
  padding: 0 4px;
  background: #FFF;
}

div#content.it-news div.node dl.summary dd {
  line-height: 1.1em;
}

div#content.it-news div.node dl.summary dd span {
  color: #0080D2;
}

/* 弊社の意見 */

div#content.it-news div.node div.block {
  width: 531px;
  margin: 0 0 1em 12px;
  background: url(../img/bg/beige_gradation.jpg) repeat-y left top;
}

div#content.it-news div.node div.block h4 {
  height: 62px;
  margin: 00 0 10px;
  background: url(../img/header/small/our_opinion.jpg) no-repeat 0px 0px;
  text-indent: -9999px;
}

div#content.it-news div.node div.block-wrapper {
  padding: 0 0 16px;
  background: url(../img/bg/beige_gradation_bottom.jpg) no-repeat left bottom;
}

div#content.it-news div.node div.block-wrapper p {
  margin: 0 34px 0 38px;
}

/* ITニュース */

div#content.it-news div#it-news {
  width: 562px;
  margin: 0 0 22px -3px;
  background: url(../img/bg/main_white_background_beige.png) repeat-y 0px 59px;
}

div#content.it-news div#it-news h3.it-news {
  height: 42px;
  margin: 0;
  padding: 17px 14px 0 0;
  background: url(../img/button/it_news.png) no-repeat 0px 0px;
  text-indent: -9999px;
}

div#content.it-news div#it-news h3.it-news a {
  display: block;
  float: right;
  width: 121px;
  height: 25px;
  background: url(../img/button/it_news.png) no-repeat -427px -17px;
  text-decoration: none;
  text-indent: -9999px;
}

div#content.it-news div#it-news h3.it-news a:hover {
  background: url(../img/button/it_news.png) no-repeat -427px -84px;
}

div#content.it-news div#it-news div#it-news-inner {
  width: 507px;
  padding: 0 20px 16px 35px;
  background: url(../img/bg/main_white_background_beige_close.png) no-repeat left bottom;
}

div#content.it-news div#it-news div#it-news-inner dl {
  clear: both;
  margin: 0 0 6px;
  padding: 0;
  line-height: 1.4em;
}

div#content.it-news div#it-news div#it-news-inner dl dt {
  float: left;
  clear: left;
  width: 64px;
}

div#content.it-news div#it-news div#it-news-inner dl dd {
  float: right;
  clear: right;
  width: 426px;
}

div#content.it-news div#it-news div#it-news-inner dl dd a {
  vertical-align: middle;
}

div#content.it-news div#it-news div#it-news-inner dl dd img {
  margin: 0 0 0 9px;
  vertical-align: middle;
}

/* 関連ニュース */

div#content.it-news h3.related-news {
  background-image: url(../img/header/small/related_news.gif);
}

div#content.it-news ul.related-news {
  margin: 0 0 0 22px;
}

div#content.it-news ul.related-news li {
  list-style-type: none;
  margin: 0 0 11px;
  padding: 0 0 0 18px;
  background: url(../img/bg/css_sprite.png) no-repeat 3px -1710px;
  line-height: 1.1em;
}

/*=========================
 検索結果
=========================*/

div#content.search div.node.odd {
  text-align: center;
}

div#content.search div.node.odd table {
  margin: 0 auto 20px;
  background-color: #FFF;
}

div#content.search div.node.odd table th {
  border-color: #798C88;
  background-color: #7b8f8a;
  text-align: center;
}

div#content.search div.node.odd table td {
  border-color: #EAEEED #A2AEAC #A2AEAC #EAEEED;
  background-color: #DFE3E2;
}

div#content.search div.node.odd table td.odd {
  white-space: nowrap;
}

div#content.search div.node dl dd {
  margin: 0 0 1em 1em;
}

div#content.search div.node ol {
  text-align: left;
}

div#content.search p.none {
  height: 18px;
  margin: 0;
  padding: 10px;
  background: #798C88;
  color: #FFF;
}

div#content.search p.none span.odd {
  float: left;
  clear: left;
}

div#content.search p.none span.even {
  float: right;
  clear: right;
}

div#content.search input.button {
  border-color: #EFEFEF #CCC #CCC #EFEFEF;
  background-color: #EEE;
  color: #000;
}

div#content.search input.button:hover {
  border-color: #CCC #EFEFEF #EFEFEF #CCC;
  background-color: #EEE;
  color: #000;
}

/* ul.local-nav　　※共通のものですが上書きするために下に下げました
---------------*/

div#content ul.local-nav {
  margin: 0 0 10px;
}

div#content ul.local-nav li {
  display: inline;
  list-style-type: none;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #CCC;
  font-size: 0.85em;
  line-height: 1.1em;
  white-space: nowrap;
}

html:\66 irst-child div#content ul.local-nav li { /* for mac1-2 */
  font-size: 0.8em;
}

div#content ul.local-nav li.start {
  margin: 0 10px 0 0;
  padding: 0 10px 0 10px;
  border-left: 1px solid #CCC;
}

/* class
---------------*/

.txt-gray {
  color: #999;
}

.small {
  font-size: 0.8em;
}

.font-size14 {
  font-size: 14px;
}

.strong {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right !important;
}

.txt-brown {
  color: #C85500;
}

.txt-orange {
  color: #F90;
}

.txt-orange.large {
	font-size: 15px;
	font-weight: bold;
}

.space-top {
  padding-top: 15px;
}

.nowrap {
	white-space: nowrap;
}

.img-left {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

.img-right {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

/* clearfix
---------------*/

div#header:after,
ul.complement-nav:after,
ul#global-nav:after,
div#content:after,
div#local-nav ul:after,
ul.local-nav:after,
div#main:after,
div#topic-path:after,
div.node:after,
div.node-body:after,
div.node-wrapper:after,
div.node-inner:after,
div#sub:after,
div#extra:after,
div#footer:after,
div#footer-inner:after,
div.block:after,
div#content.seo dl:after,
div#content.system dl:after,
div#content.index dl:after,
div#content.index div.node.even div.node-inner dl:after,
div#content.it-news div.node div.node-inner dl:after,
div#it-news-inner:after,
div#it-news-inner dl:after,
div.node-body div.node-body-inner:after {
  content: ",";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div#header,
ul.complement-nav,
ul#global-nav,
div#content,
div#local-nav ul,
ul.local-nav,
div#main,
div#topic-path,
div.node,
div.node-body,
div.node-wrapper,
div.node-inner,
div#sub,
div#extra,
div#footer,
div#footer-inner,
div.block,
div#content.seo dl,
div#content.system dl,
div#content.index dl,
div#content.index div.node.even div.node-inner dl,
div#content.it-news div.node div.node-inner dl,
div#it-news-inner,
div#it-news-inner dl,
div.node-body div.node-body-inner {/* for ie6 */
  display: inline-block;
}

div#header,
ul.complement-nav,
ul#global-nav,
div#content,
div#local-nav ul,
ul.local-nav,
div#main,
div#topic-path,
div.node,
div.node-body,
div.node-wrapper,
div.node-inner,
div#sub,
div#extra,
div#footer,
div#footer-inner,
div.block,
div#content.seo dl,
div#content.system dl,
div#content.index dl,
div#content.index div.node.even div.node-inner dl,
div#content.it-news div.node div.node-inner dl,
div#it-news-inner,
div#it-news-inner dl,
div.node-body div.node-body-inner {/* for Opera */
  display: block;
}