@charset "utf-8";
/*
Theme Name: Orange Cube
Description: Orange Cube site theme, based on the customized Twenty Eleven theme.
Version: 1.0.0
Author: Orange Cube; original theme by the WordPress team
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyeleven
Update URI: false
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol, ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}

q, blockquote {
  quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none
}

a img {
  border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block
}

.fl_L {
  float: left !important
}

.fl_R {
  float: right !important
}

.fl_N {
  float: none !important
}

.clear {
  clear: both !important
}


/* normalize.css v2.0.1 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block
}

audio, canvas, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

a:active, a:hover {
  outline: 0
}

h1 {
  font-size: 2em
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

mark {
  background: #ff0;
  color: #000
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], input[disabled] {
  cursor: default
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

@font-face {
  font-family: "Adobe Blank";
  src: local("AdobeBlank.otf")
}

@font-face {
  font-family: "mfont";
  src: local("mplus-1c-bold")
}

* {
  -webkit-touch-callout: none
}

html {
  height: 100%
}

body {
  line-height: 1
}

img {
  border: none;
  vertical-align: top;
  vertical-align: bottom;
  margin: 0;
  padding: 0
}

div {
  padding: 0;
  margin: 0
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  color: #f77b00;
  text-decoration: underline
}

a:hover {
  text-decoration: none
}

body {
  position: relative;
  background-color: #2835e1;
  background: -webkit-gradient(linear, 50% 0%, 50% 163, color-stop(0%, #2835e1), color-stop(100%, #2835e1));
  background: -webkit-linear-gradient(#2835e1, #2835e1 163px);
  background: -moz-linear-gradient(#2835e1, #2835e1 163px);
  background: -o-linear-gradient(#2835e1, #2835e1 163px);
  -pie-background: linear-gradient(#2835e1, #2835e1 163px);
  background: linear-gradient(#2835e1, #2835e1 163px);
  height: 100%
}

#wrap {
  background: #2835e1;
  height: 100%;
  min-height: 100%;
  background: -webkit-gradient(linear, 50% 0%, 50% 163, color-stop(0%, #282393), color-stop(100%, #2835e1));
  background: -webkit-linear-gradient(#282393, #2835e1 163px);
  background: -moz-linear-gradient(#282393, #2835e1 163px);
  background: -o-linear-gradient(#282393, #2835e1 163px);
  -pie-background: linear-gradient(#282393, #2835e1 163px);
  background: linear-gradient(#282393, #2835e1 163px)
}

@media screen and (max-width: 960px) {
  #wrap {
    background: #fff
  }
}

#wrapOuter {
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-top: 4px solid #f77b00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url('/assets/img/footer/bg_footer.png?1373083542');
  background-position: 0% 100%;
  background-repeat: repeat-x
}

@media screen and (max-width: 960px) {
  #wrapOuter {
    background: #fff
  }
}

#wrapInner {
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 9
}

#content {
  width: 960px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  z-index: 10;
  position: relative;
  -webkit-box-shadow: 2px 3px 10px #000;
  -moz-box-shadow: 2px 3px 10px #000;
  box-shadow: 2px 3px 10px #000
}

@media screen and (max-width: 960px) {
  #content {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-left: none;
    border-right: none
  }
}

#wrapInner>#content {
  height: auto
}

#wrapOuter>#wrapInner {
  height: auto
}

#wrap>#wrapOuter {
  height: auto
}

#headerWrap {
  width: 960px;
  height: 161px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto
}

@media screen and (max-width: 960px) {
  #headerWrap {
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-left: none;
    border-right: none
  }
}

#headerWrap h1 {
  width: 500px;
  float: left;
  height: 111px
}

@media screen and (max-width: 960px) {
  #headerWrap h1 {
    width: 100%;
    float: none;
    text-align: center;
    height: auto
  }
}

#headerWrap h1 a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 51px;
  width: 403px;
  background-position: 0 0;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px;
  width: 403px;
  height: 51px;
  display: block;
  position: relative;
  top: 27px;
  left: 95px
}

@media screen and (max-width: 960px) {
  #headerWrap h1 a {
    top: auto;
    left: auto;
    margin: 100px auto 0;
    -webkit-background-size: 270px, 34px;
    -moz-background-size: 270px, 34px;
    -o-background-size: 270px, 34px;
    background-size: 270px, 34px;
    width: 270px;
    height: 34px
  }
}

#headerWrap h1 a:before {
  content: "";
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 86px;
  width: 50px;
  background-position: 0 -56px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px;
  width: 50px;
  height: 86px;
  display: block;
  position: absolute;
  top: -15px;
  left: -62px
}

@media screen and (max-width: 960px) {
  #headerWrap h1 a:before {
    top: -80px;
    left: 50%;
    margin-left: -29px
  }
}

#headerWrap .menuBtnSp {
  display: none
}

@media screen and (max-width: 960px) {
  #headerWrap .menuBtnSp {
    position: absolute;
    display: block;
    top: 0px;
    right: 8px;
    margin-left: -29px
  }
}

#headerWrap .menuBtnSp a {
  background: url('/assets/img/common/hd_menu.png?1373083537');
  background-position: 16px 9px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 100px;
  height: 34px;
  display: block;
  background-color: #f77b00
}

#sns {
  float: right;
  margin-top: 10px
}

@media screen and (max-width: 960px) {
  #sns {
    float: none;
    text-align: center;
    width: 172px;
    margin: 20px auto 10px;
    overflow: hidden;
    *zoom: 1
  }
}

#sns li {
  float: left;
  display: inline-block
}

#sns li.fb {
  width: 72px
}

#sns li.tw {
  width: 100px
}

#globalnav {
  width: 100%;
  clear: both;
  position: relative
}

@media screen and (max-width: 960px) {
  #globalnav {
    display: none
  }
}

@media screen and (max-width: 960px) {
  #globalnav.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0px;
    z-index: 530000
  }
}

#globalnav .closeBtnSp {
  display: none
}

@media screen and (max-width: 960px) {
  #globalnav .closeBtnSp {
    display: block;
    float: right;
    margin-right: 8px
  }
}

#globalnav .closeBtnSp a {
  background: url('/assets/img/common/hd_close.png?1373083536');
  background-position: 6px 9px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 100px;
  height: 34px;
  display: block;
  background-color: #f77b00;
  -webkit-box-shadow: 0px 5px 10px #000;
  -moz-box-shadow: 0px 5px 10px #000;
  box-shadow: 0px 5px 10px #000
}

#navi {
  background: #e7e7e7;
  overflow: hidden;
  *zoom: 1
}

@media screen and (max-width: 960px) {
  #navi {
    -webkit-box-shadow: 0px 5px 10px #000;
    -moz-box-shadow: 0px 5px 10px #000;
    box-shadow: 0px 5px 10px #000
  }
}

#navi:before {
  content: '';
  display: block;
  position: absolute;
  top: -70px;
  right: 80px;
  width: 69px;
  height: 48px;
  background-image: url('/assets/img/footer/img_fairy.gif?1373083544');
  background-repeat: none
}

@media screen and (max-width: 960px) {
  #navi:before {
    top: 152px
  }
}

#navi:after {
  content: '';
  display: block;
  position: absolute;
  top: -70px;
  right: 10px;
  width: 69px;
  height: 70px;
  background-image: url('/assets/img/top/img_victory.gif?1373083552')
}

@media screen and (max-width: 960px) {
  #navi:after {
    top: 152px
  }
}

#navi li {
  float: left
}

@media screen and (max-width: 960px) {
  #navi li {
    float: none;
    width: 100%;
    background-color: #d1d1d1;
    border-top: 1px solid #fff
  }
}

#navi li a {
  height: 50px
}

@media screen and (max-width: 960px) {
  #navi li a {
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnTop a {
  width: 128px;
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 128px;
  background-position: 0 -1162px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px
}

@media screen and (max-width: 960px) {
  #navi li.btnTop a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1217px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnTop a:hover {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 128px;
  background-position: 0 -738px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnTop a:hover {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1258px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnTop.select a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 128px;
  background-position: 0 -738px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnTop.select a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1258px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnCorp a {
  width: 144px;
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 144px;
  background-position: 0 -532px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px
}

@media screen and (max-width: 960px) {
  #navi li.btnCorp a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -957px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnCorp a:hover {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 144px;
  background-position: 0 -257px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnCorp a:hover {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1080px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnCorp.select a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 144px;
  background-position: 0 -257px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnCorp.select a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1080px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnService a {
  width: 181px;
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 181px;
  background-position: 0 -642px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px
}

@media screen and (max-width: 960px) {
  #navi li.btnService a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -998px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnService a:hover {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 181px;
  background-position: 0 -367px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnService a:hover {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1121px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnService.select a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 181px;
  background-position: 0 -367px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnService.select a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1121px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnDevelop a {
  width: 174px;
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 174px;
  background-position: 0 -422px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px
}

@media screen and (max-width: 960px) {
  #navi li.btnDevelop a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -697px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnDevelop a:hover {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 174px;
  background-position: 0 -147px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnDevelop a:hover {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -793px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnDevelop.select a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 174px;
  background-position: 0 -147px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnDevelop.select a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -793px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnRecruit a {
  width: 147px;
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 147px;
  background-position: 0 -587px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px
}

@media screen and (max-width: 960px) {
  #navi li.btnRecruit a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -875px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnRecruit a:hover {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 147px;
  background-position: 0 -312px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnRecruit a:hover {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1039px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnRecruit.select a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 147px;
  background-position: 0 -312px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnRecruit.select a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -1039px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

@media screen and (max-width: 960px) {
  #navi li.btnContact {
    border-bottom: 1px solid #fff
  }
}

#navi li.btnContact a {
  width: 184px;
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 184px;
  background-position: 0 -477px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto;
  text-indent: -9999px
}

@media screen and (max-width: 960px) {
  #navi li.btnContact a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -834px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #d1d1d1
  }
}

#navi li.btnContact a:hover {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 184px;
  background-position: 0 -202px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnContact a:hover {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -916px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

#navi li.btnContact.select a {
  background-image: url('/assets/img/common-s0a621c8e34.png');
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 184px;
  background-position: 0 -202px;
  -webkit-background-size: 403px auto;
  -moz-background-size: 403px auto;
  -o-background-size: 403px auto;
  background-size: 403px auto
}

@media screen and (max-width: 960px) {
  #navi li.btnContact.select a {
    background-image: url('/assets/img/common-s0a621c8e34.png');
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 250px;
    background-position: 0 -916px;
    -webkit-background-size: 403px auto;
    -moz-background-size: 403px auto;
    -o-background-size: 403px auto;
    background-size: 403px auto;
    width: 100%;
    height: 36px;
    background-color: #f77b00
  }
}

.pankuzu {
  padding: 10px 15px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5
}

#mainImage {
  padding-top: 11px;
  padding-bottom: 35px
}

#mainImage ul {
  margin: 0 auto;
  overflow: hidden;
  width: 930px;
  height: 255px;
  display: block;
  border: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width: 960px) {
  #mainImage ul {
    width: 100%;
    height: auto;
    border: none;
    overflow: hidden;
    *zoom: 1
  }
}

@media screen and (max-width: 960px) {
  #mainImage ul li {
    position: absolute
  }
}

#mainImage ul img {
  width: 928px;
  height: 253px
}

@media screen and (max-width: 960px) {
  #mainImage ul img {
    width: 100%;
    height: auto
  }
}

#top #entry {
  width: 610px;
  float: left;
  border: 1px solid #aaa;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #top #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#top #entry .news {
  overflow: hidden;
  *zoom: 1;
  padding: 0 0 4px
}

@media screen and (max-width: 960px) {
  #top #entry .news {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    overflow: hidden;
    *zoom: 1;
    padding: 6px 10px
  }
}

#top #entry .news .title {
  background: url('/assets/img/top/hd_news.png?1373083550');
  text-indent: -9999px;
  display: block;
  width: 178px;
  height: 18px;
  float: left
}

@media screen and (max-width: 960px) {
  #top #entry .news .title {
    margin-top: 4px
  }
}

#top #entry .news .newsmore a {
  background: url('/assets/img/top/btn_newsmore.png?1373083550');
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  display: block;
  width: 118px;
  height: 24px;
  float: right
}

#top #entry dl {
  clear: both
}

@media screen and (max-width: 960px) {
  #top #entry dl {
    padding: 6px 10px
  }
}

#top #entry dl dt {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px
}

#top #entry dl dd p {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5
}

#top #entry dl dd p.newsTitle {
  margin-bottom: 6px;
  line-height: 1
}

#top #entry dl dd p.newsTitle span {
  width: 95px;
  height: 16px;
  text-align: center;
  display: inline-block;
  color: #fff;
  line-height: 16px;
  margin-right: 10px
}

#top #entry dl dd p.newsTitle span.typeNews {
  background-color: #4e96e1
}

#top #entry dl dd p.newsTitle span.typePress {
  background-color: #f39201
}

#sidemenu {
  width: 305px;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #sidemenu {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 150px
  }
}

#sidemenu #timelineSpace {
  height: 445px
}

@media screen and (max-width: 960px) {
  #sidemenu #timelineSpace {
    display: none;
    height: 0px
  }
}

.localnav {
  border-top: 2px solid #f77b00;
  font-size: 14px;
  margin-bottom: 25px
}

.localnav h3 {
  padding: 20px 20px;
  background-color: #f77b00;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #aaa
}

.localnav h3 a {
  color: #fff;
  text-decoration: none
}

.localnav ul {
  padding: 0;
  border-bottom: 1px solid #aaa
}

.localnav ul li a {
  padding: 15px 10px 15px 40px;
  display: block;
  font-size: 16px;
  border-bottom: 1px dotted #aaa;
  border-left: 2px solid #f77b00;
  text-decoration: none;
  margin: 1px 0;
  position: relative
}

.localnav ul li a:hover {
  background: #e7e7e7
}

.localnav ul li a:hover:before {
  content: '-';
  left: 22px
}

.localnav ul li a:before {
  content: '+';
  display: block;
  width: 14px;
  color: #111;
  position: absolute;
  left: 20px
}

.localnav ul li.select a, .localnav ul li.current_page_item a {
  background: #e7e7e7
}

.localnav ul li.select a:before, .localnav ul li.current_page_item a:before {
  content: '-';
  left: 22px
}

.localnav ul li:last-child a {
  border-bottom: none
}

#recruit #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #recruit #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#recruit #entry h2 {
  background: url('/assets/img/recruit/hd_recruit.png?1373083548');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#recruit #entry h2.recruit {
  margin-bottom: 0
}

#recruit #entry .mainImage {
  margin-bottom: 15px
}

#recruit #entry .mainImage img {
  width: 100%
}

#recruit #entry .content {
  margin: 0 15px
}

#recruit #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 15px
}

#recruit #entry p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 10px 25px
}

#recruit #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#recruit #entry dl {
  padding-left: 10px;
  margin-left: 15px;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 25px;
  overflow: hidden;
  *zoom: 1
}

#recruit #entry dl dt {
  float: left;
  font-weight: bold;
  width: 25%;
  clear: left;
  margin-top: 16px;
  margin-bottom: 4px
}

#recruit #entry dl dt:first-child {
  margin-top: 0
}

#recruit #entry dl dt:first-child+dd {
  margin-top: 0
}

#recruit #entry dl dt+dd {
  margin-top: 20px
}

#recruit #entry dl dd {
  margin-left: 25%;
  margin-bottom: 4px
}

#recruit #entry dl dd:before {
  content: '-';
  font-weight: bold;
  color: #f77b00;
  width: 14px;
  display: inline-block
}

#recruit #entry dl dd.para:before {
  content: '';
  width: 0;
  display: inline-block
}

#recruit #entry dl .mt15 {
  margin-top: 15px
}

#recruit #entry dl .mb15 {
  margin-bottom: 15px
}

#recruit #entry .entryBtn {
  text-align: center
}

#recruit #entry .entryBtn a {
  display: inline-block;
  text-indent: -9999px;
  width: 323px;
  height: 70px;
  overflow: hidden;
  outline: none;
  background: url('/assets/img/recruit/btn_recruit.png?1373083548')
}

#recruit #entry .entryBtn img {
  margin-top: 15px
}

#recruit #entry .recruitList {
  margin: 0 25px 25px
}

#recruit #entry .recruitList li {
  border: 1px solid #aaa;
  padding: 15px;
  margin-bottom: 15px
}

#company #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #company #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#company #entry h2 {
  background: url('/assets/img/company/hd_company.png?1373083538');
  background-color: #f77b00;
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 25px
}

#company #entry h2.company {
  height: 33px;
  text-indent: -9999px;
  margin-bottom: 0
}

#company #entry h2.hd3rd {
  background: none;
  border: 1px solid #aaa;
  padding: 12px 16px
}

#company #entry h2.hd3rd:before {
  content: '';
  margin-left: -16px;
  border-left: 4px solid #f77b00;
  margin-right: 10px
}

#company #entry .mainImage {
  margin-bottom: 15px
}

#company #entry .mainImage img {
  width: 100%
}

#company #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 25px;
  position: relative
}

#company #entry h3 .titleImage {
  position: absolute;
  left: 300px;
  top: -40px
}

#company #entry p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 10px 25px
}

#company #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#company #entry dl {
  margin-left: 15px;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  *zoom: 1
}

#company #entry dl dt {
  float: left;
  font-weight: bold;
  width: 25%;
  clear: left;
  margin-bottom: 4px
}

#company #entry dl dt:before {
  content: '';
  border-left: 4px solid #f77b00;
  margin-right: 10px
}

#company #entry dl dd {
  margin-left: 25%;
  border-left: 1px solid #aaa;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px
}

#company #entry dl dd:first-child {
  padding-top: 5px
}

#company #entry dl dd img {
  margin-top: 10px;
  width: 100%;
  max-width: 310px
}

#company #entry dl .mt15 {
  margin-top: 15px
}

#company #entry dl .mb15 {
  margin-bottom: 15px
}

#company #entry .googlemap {
  border: 1px solid #aaa;
  margin: 15px 0 25px
}

#company #entry .googlemap iframe {
  height: 550px
}

@media screen and (max-width: 960px) {
  #company #entry .googlemap iframe {
    height: 250px
  }
}

#company #entry .googlemap small>a {
  padding: 6px 8px;
  display: block
}

#company #entry .content {
  padding: 0 10px;
  margin-bottom: 50px
}

#company #entry .content .corpImage {
  height: 90px
}

#company #entry .content .corpImage img {
  width: 100%
}

#company #entry .content .ceoPhoto {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #fcfa64), color-stop(100%, #ff8400));
  background: -webkit-linear-gradient(top left, #fcfa64, #ff8400);
  background: -moz-linear-gradient(top left, #fcfa64, #ff8400);
  background: -o-linear-gradient(top left, #fcfa64, #ff8400);
  -pie-background: linear-gradient(top left, #fcfa64, #ff8400);
  background: linear-gradient(top left, #fcfa64, #ff8400);
  border: 1px solid #aaa;
  padding: 0 20px 0 0
}

@media screen and (max-width: 960px) {
  #company #entry .content .ceoPhoto {
    float: none;
    width: 180px;
    margin: 0 auto 20px
  }
}

#company #entry .content .ceoPhoto img {
  width: 180px;
  margin-bottom: 15px
}

#company #entry .content .ceoPhoto span {
  display: block;
  font-size: 16px;
  font-weight: bold
}

#company #entry .content .ceoPhoto span strong {
  font-size: 18px
}

#company #entry .content .visionPara {
  font-size: 16px
}

#company #entry .entryBtn {
  text-align: center
}

#company #entry .entryBtn a {
  display: inline-block;
  text-indent: -9999px;
  width: 323px;
  height: 70px;
  overflow: hidden;
  outline: none;
  background: url('/assets/img/recruit/btn_recruit.png?1373083548')
}

#company #entry .entryBtn img {
  margin-top: 15px
}

#company #entry .companyList {
  text-align: center
}

#company #entry .companyList li {
  display: inline-block;
  margin-bottom: 9px;
  text-align: left
}

#company #entry .companyList li a {
  width: 270px;
  height: 60px;
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  background: url('/assets/img/company/bg_btn.png?1373083538');
  overflow: hidden;
  outline: none
}

#company #entry .companyList li a span {
  color: #111;
  font-size: 12px
}

#company #entry .companyList li a span.title {
  text-indent: -9999px;
  display: block;
  background-repeat: no-repeat;
  width: 80px;
  height: 20px;
  margin-bottom: 20px
}

#company #entry .companyList li a#companyBtn span.title {
  background: url('/assets/img/company/hd_companybtn.png?1373083538')
}

#company #entry .companyList li a#visionBtn span.title {
  background: url('/assets/img/company/hd_visionbtn.png?1373083538')
}

#company #entry .companyList li:last-child {
  margin-right: 0
}

#service #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #service #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#service #entry h2 {
  background: url('/assets/img/service/hd_service.png?1373083549');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#service #entry h2.service {
  margin-bottom: 0
}

#service #entry .mainImage {
  margin-bottom: 15px
}

#service #entry .mainImage img {
  width: 100%
}

#service #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 15px
}

#service #entry p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 10px 25px
}

#service #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#service #entry .entry-content {
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}

#service #entry .thumb {
  text-align: center;
  border: 1px solid #aaa;
  display: inline-block;
  width: auto
}

#service #entry .thumb img {
  width: 100%;
  max-width: 590px
}

#service #entry dl {
  padding-top: 15px;
  text-align: left;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 0px;
  overflow: hidden;
  *zoom: 1
}

#service #entry dl.official {
  padding-top: 0px;
  text-align: left;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 0px;
  overflow: hidden;
  *zoom: 1
}

#service #entry dl dt {
  float: left;
  font-weight: bold;
  width: 16%;
  margin-right: 2%;
  margin-bottom: 5px;
  color: #666666;
  font-size: 10px
}

#service #entry dl dt:nth-of-type(2n+1) {
  clear: left
}

#service #entry dl dd {
  float: left;
  width: 30%;
  margin-right: 2%;
  margin-bottom: 5px;
  font-size: 11px
}

#service #entry dl.official dd{
  float: left;
  width: 70%;
  margin-bottom: 5px
}

#service #entry .serviceList {
  margin: 0 25px 25px
}

#service #entry .serviceList li {
  border: 1px solid #aaa;
  padding: 15px;
  margin-bottom: 15px
}

#contact #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #contact #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#contact #entry h2 {
  background: url('/assets/img/contact/hd_contact.png?1373083540');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#contact #entry h2.service {
  margin-bottom: 0
}

#contact #entry .content {
  margin: 0 15px
}

#contact #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 15px
}

#contact #entry p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 10px 25px
}

#contact #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#contact #entry dl {
  padding-left: 10px;
  padding-top: 15px;
  margin-left: 15px;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 25px;
  overflow: hidden;
  *zoom: 1
}

#contact #entry dl dt {
  float: left;
  font-weight: bold;
  width: 20%;
  margin-bottom: 4px;
  color: #666666;
  font-size: 10px
}

#contact #entry dl dt:nth-of-type(2n+1) {
  clear: left
}

#contact #entry dl dd {
  float: left;
  width: 30%;
  margin-bottom: 4px
}

#contact #entry .contactBtn {
  text-align: center
}

#contact #entry .contactBtn a {
  display: inline-block;
  text-indent: -9999px;
  width: 323px;
  height: 70px;
  overflow: hidden;
  outline: none;
  background: url('/assets/img/contact/btn_contact.png?1373083540')
}

#contact #entry .contactBtn img {
  margin-top: 15px
}

#contact #entry .contactList {
  margin: 0 25px 25px
}

#contact #entry .contactList li {
  border: 1px solid #aaa;
  padding: 15px;
  margin-bottom: 15px
}

#develop #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #develop #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#develop #entry h2 {
  background: url('/assets/img/develop/hd_develop.png?1373083541');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#develop #entry h2.service {
  margin-bottom: 0
}

#develop #entry .content {
  margin: 0 15px
}

#develop #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 15px
}

#develop #entry p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 10px 25px
}

#develop #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#develop #entry ul {
  margin: 0 25px
}

@media screen and (max-width: 960px) {
  #develop #entry ul {
    text-align: center
  }
}

#develop #entry ul li {
  display: inline-block;
  margin-right: 6px
}

#develop #entry ul li a {
  width: 270px;
  height: 97px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  outline: none
}

#develop #entry ul .director a {
  background: url('/assets/img/develop/btn_director.png?1373083541');
  background-repeat: no-repeat
}

#develop #entry ul .artDirector a {
  background: url('/assets/img/develop/btn_art_director.png?1373083541');
  background-repeat: no-repeat
}

#develop #entry ul .engineer a {
  background: url('/assets/img/develop/btn_engineer.png?1373083541');
  background-repeat: no-repeat
}

#develop #entry dl {
  padding-left: 10px;
  padding-top: 15px;
  margin-left: 15px;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 25px;
  overflow: hidden;
  *zoom: 1
}

#develop #entry dl dt {
  float: left;
  font-weight: bold;
  width: 20%;
  margin-bottom: 4px;
  color: #666666;
  font-size: 10px
}

#develop #entry dl dt:nth-of-type(2n+1) {
  clear: left
}

#develop #entry dl dd {
  float: left;
  width: 30%;
  margin-bottom: 4px
}

#develop #entry .developList {
  margin: 0 25px 25px
}

#develop #entry .developList li {
  border: 1px solid #aaa;
  padding: 15px;
  margin-bottom: 15px
}

#news #entry, #pressrelease #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #news #entry, #pressrelease #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#news #entry h2, #pressrelease #entry h2 {
  background: url('/assets/img/company/hd_company.png?1373083538');
  background-color: #f77b00;
  background-repeat: no-repeat;
  display: block;
  margin-bottom: 25px
}

#news #entry h2.hd3rd, #pressrelease #entry h2.hd3rd {
  background: none;
  border: 1px solid #aaa;
  padding: 12px 16px
}

#news #entry h2.hd3rd:before, #pressrelease #entry h2.hd3rd:before {
  content: '';
  margin-left: -16px;
  border-left: 4px solid #f77b00;
  margin-right: 10px
}

#news #entry .mainImage, #pressrelease #entry .mainImage {
  margin-bottom: 15px
}

#news #entry .mainImage img, #pressrelease #entry .mainImage img {
  width: 100%
}

#news #entry h3, #pressrelease #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 25px
}

#news #entry h3 span, #pressrelease #entry h3 span {
  font-size: 12px;
  display: block;
  width: 100%;
  padding-top: 4px
}

#news #entry .entry-content {
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}

#news #entry p, #pressrelease #entry p {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 25px;
}

#news #entry h4, #pressrelease #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#news #entry dl, #pressrelease #entry dl {
  padding-left: 10px;
  margin-left: 15px;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 25px;
  overflow: hidden;
  *zoom: 1
}

#news #entry dl dt, #pressrelease #entry dl dt {
  float: left;
  font-weight: bold;
  width: 25%;
  clear: left;
  margin-top: 16px;
  margin-bottom: 4px
}

#news #entry dl dt:first-child, #pressrelease #entry dl dt:first-child {
  margin-top: 0
}

#news #entry dl dt:first-child+dd, #pressrelease #entry dl dt:first-child+dd {
  margin-top: 0
}

#news #entry dl dt+dd, #pressrelease #entry dl dt+dd {
  margin-top: 20px
}

#news #entry dl dd, #pressrelease #entry dl dd {
  margin-left: 25%;
  margin-bottom: 4px
}

#news #entry dl dd:before, #pressrelease #entry dl dd:before {
  content: '-';
  font-weight: bold;
  color: #f77b00;
  width: 14px;
  display: inline-block
}

#news #entry dl dd.para:before, #pressrelease #entry dl dd.para:before {
  content: '';
  width: 0;
  display: inline-block
}

#news #entry dl .mt15, #pressrelease #entry dl .mt15 {
  margin-top: 15px
}

#news #entry dl .mb15, #pressrelease #entry dl .mb15 {
  margin-bottom: 15px
}

#news #entry .entryBtn, #pressrelease #entry .entryBtn {
  text-align: center
}

#news #entry .entryBtn a, #pressrelease #entry .entryBtn a {
  display: inline-block;
  text-indent: -9999px;
  width: 323px;
  height: 70px;
  overflow: hidden;
  outline: none;
  background: url('/assets/img/recruit/btn_recruit.png?1373083548')
}

#news #entry .entryBtn img, #pressrelease #entry .entryBtn img {
  margin-top: 15px
}

#news #entry .recruitList, #pressrelease #entry .recruitList {
  margin: 0 25px 25px
}

#news #entry .recruitList li, #pressrelease #entry .recruitList li {
  border: 1px solid #aaa;
  padding: 15px;
  margin-bottom: 15px
}

.pager {
  text-align: center;
  margin: 10px auto;
  padding: 0 12px
}

.pager li {
  display: inline-block
}

.pager li.nav-previous {
  float: left
}

.pager li.nav-next {
  float: right
}

.pager li a {
  margin: 0 2px;
  border: 1px solid #aaa;
  background-color: #e7e7e7;
  text-decoration: none;
  color: #111;
  padding: 2px 4px;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  box-shadow: 0 0 0 1px #fff inset
}

.pager li a:hover {
  color: #ffffff;
  border: 1px solid #f77b00;
  background-color: #f77b00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.pager li.current a {
  color: #ffffff;
  border: 1px solid #f77b00;
  background-color: #f77b00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

#privacy #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #privacy #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#privacy #entry h2 {
  background: url('/assets/img/privacy/hd_privacy.png?1385962370');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#privacy #entry h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 25px
}

#privacy #entry p {
  font-size: 14px;
  line-height: 1.5;
  padding: 0 20px 45px
}

#privacy #entry h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#privacy #entry ul {
  margin-right: 15px;
  margin-bottom: 55px
}

#privacy #entry ul li {
  font-size: 14px;
  margin-left: 25px;
  margin-bottom: 15px;
  line-height: 1.5
}

#privacy #entry ul li:before {
  content: '-';
  font-weight: bold;
  color: #f77b00;
  width: 14px;
  display: inline-block
}

#privacy #entry ul li.para:before {
  content: '';
  width: 0;
  display: inline-block
}

#privacy #entry ul li ul {
  margin-right: 0px;
  margin-top: 15px
}

#privacy #entry ul li ul li {
  margin-left: 10px;
  margin-bottom: 10px;
}

/* 2018.10.31 add >>>>>>>>>>> */
#privacy #entry h5 {
    border-bottom: 1px dotted #aaa;
    line-height: 1.5;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 15px;
    margin-bottom: 4px;
}
#privacy #entry ol {
  margin-left: 20px;
  margin-right: 15px;
  margin-bottom: 30px
}

#privacy #entry ol li {
  list-style-type: decimal;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 15px;
  line-height: 1.5;
  text-indent: 0;
}

#privacy #entry ol li ol {
  margin-top: 15px;
  margin-left: 0;
}
#privacy #entry table {
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    margin: 0 20px 30px;
    font-size: 14px;
}
#privacy #entry th {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}
#privacy #entry td {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}
/* <<<<<<<<<<< 2018.10.31 add */

#majo_meikyu #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

#ori_yusya #entry {
  width: 610px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 960px) {
  #majo_meikyu #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

@media screen and (max-width: 960px) {
  #ori_yusya #entry {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border: none;
    margin-bottom: 50px
  }
}

#majo_meikyu #entry h2 {
  background: url('/assets/img/majo_meikyu/hd_majo_meikyu.png?1373083540');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#ori_yusya #entry h2 {
  background: url('/assets/img/ori_yusya/hd_ori_yusya.png?1373083540');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#entry ul.storeList{
  height: 40px;
  text-align: left;
  margin-top: 10px;
}

#entry .storeList li{
  display: inline-block;
}

#entry .storeList li a{
  text-indent: -9999px;
  display: flex;
  align-items: center;
  min-height: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

#entry .storeList li a#appstoreBtn{
  width: 135px;
  height: 40px;
  background-image: url('/cms/wp-content/uploads/appstoreBtn.png');
}

#entry .storeList li a#googleplayBtn{
  width: 135px;
  height: 40px;
  background-image: url('/cms/wp-content/uploads/googleplayBtn.png');
}

#entry .storeList li a#dmmgamesBtn{
  width: 135px;
  height: 50px;
  background-image: url('/cms/wp-content/uploads/dmmgamesBtn.png');
}

#entry .storeList li a#nintendostoreBtn{
  width: 110px;
  height: 40px;
  background-image: url('/cms/wp-content/uploads/nintendostoreBtn.png');
}

#entry #legal h2.terms {
  background: url('/assets/img/legal/hd_terms.png?1373083540');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#entry #legal h2.transaction {
  background: url('/assets/img/legal/hd_transaction.png?1373083540');
  background-color: #f77b00;
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: block;
  height: 33px;
  margin-bottom: 25px
}

#entry #legal h3 {
  border-left: 4px solid #f77b00;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 15px
}

#entry #legal p {
  font-size: 14px;
  line-height: 1.5;
  padding: 0 15px 30px 20px
}

#entry #legal h4 {
  border-left: 2px solid #f77b00;
  border-bottom: 1px dotted #aaa;
  line-height: 1.2;
  font-size: 16px;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px
}

#entry #legal h5 {
  border-bottom: 1px dotted #aaa;
  line-height: 1.5;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 15px;
  margin-bottom: 10px;
}

#entry #legal ul {
  margin-right: 15px;
  margin-bottom: 30px
}

#entry #legal ul li {
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 15px;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}

#entry #legal ul li:before {
  content: '-';
  font-weight: bold;
  color: #f77b00;
  width: 7px;
  display: inline-block
  text-align: right;
  padding-right: 7px;
}

#entry #legal ul li ul {
  margin-top: 15px
}

#entry #legal ul li ul li {
  margin-left: 10px;
  margin-bottom: 10px
}

/* 2018.10.31 add >>>>>>>>>>> */
#entry #legal ol {
  margin-left: 20px;
  margin-right: 15px;
  margin-bottom: 30px
}

#entry #legal ol li {
  list-style-type: decimal;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 15px;
  line-height: 1.5;
  text-indent: 0;
}

#entry #legal ol li ol {
  margin-top: 15px;
  margin-left: 0;
}
/* <<<<<<<<<<< 2018.10.31 add */


#entry #legal p.address {
  font-size: 14px;
  line-height: 1.5;
  padding: 30px 15px 10px 20px
}

#entry #legal dl {
  padding: 12px 12px 2px 12px;
  margin: 0 15px 25px 20px;
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  *zoom: 1;
  background: none;
  border: 1px solid #aaa;
}

#entry #legal dl dt {
  float: left;
  font-weight: bold;
  width: 25%;
  clear: left;
  margin-bottom: 10px
}

#entry #legal dl dd {
  margin-left: 25%;
  margin-bottom: 10px
}

.notFound {
  height: 500px;
  text-align: center;
  padding-top: 110px
}

.notFound .para {
  display: block;
  text-indent: -9999px;
  width: 500px;
  height: 275px;
  background: url('/assets/img/404/img_404.png?1373083530');
  margin: 0 auto 20px
}

.notFound .link a {
  display: block;
  text-indent: -9999px;
  width: 323px;
  height: 70px;
  overflow: hidden;
  outline: none;
  background: url('/assets/img/404/btn_backtotop.png?1373083530');
  margin: 0 auto
}

#footer {
  width: 100%;
  height: 260px;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 11;
  overflow: hidden
}

@media screen and (max-width: 960px) {
  #footer {
    background-image: url('/assets/img/footer/bg_mountain.png?1373083542');
    background-repeat: repeat-x;
    background-position: 50% 30px;
    height: 130px
  }
}

#footer address {
  width: 100%;
  background: #000;
  position: absolute;
  bottom: 0;
  padding: 5px 0
}

#footer address p {
  font-size: 10px;
  color: #fff;
  width: 950px;
  margin: 0 auto
}

#footer address p span.privacy {
  float: right
}

#footer .chibichan {
  width: 950px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -475px
}

#footer .chibichan .yusha {
  display: block;
  position: absolute;
  top: -90px;
  left: 60px;
  width: 69px;
  height: 46px;
  background-image: url('/assets/img/footer/img_yusha.gif?1373083545');
  z-index: 21
}

@media screen and (max-width: 960px) {
  #footer .chibichan .yusha {
    left: 320px
  }
}

#footer .chibichan .yusha.playable {
  cursor: pointer
}

#footer .chibichan .yusha:after {
  content: '';
  display: none;
  position: absolute;
  top: -18px;
  left: 0;
  width: 72px;
  height: 64px;
  background-image: url('/assets/img/footer/img_yusha_atk.png?1373083545');
  z-index: 25
}

#footer .chibichan .yusha.atk1 {
  background: none
}

#footer .chibichan .yusha.atk1:after {
  display: block;
  background-position: 0 0
}

#footer .chibichan .yusha.atk2 {
  background: none
}

#footer .chibichan .yusha.atk2:after {
  display: block;
  background-position: -72px 0
}

#footer .chibichan .yusha.atk3 {
  background: none
}

#footer .chibichan .yusha.atk3:after {
  display: block;
  background-position: -144px 0
}

#footer .chibichan .yusha.damage {
  width: 64px;
  height: 96px;
  top: -130px;
  background: none;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

#footer .chibichan .yusha.damage:after {
  display: none
}

#footer .chibichan .yusha.die0 {
  font-size: 0px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 0;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die1 {
  font-size: 1px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -106px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die2 {
  font-size: 2px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -848px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die3 {
  font-size: 3px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -954px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die4 {
  font-size: 4px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -1060px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die5 {
  font-size: 5px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -1166px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die6 {
  font-size: 6px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -1272px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die7 {
  font-size: 7px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -1378px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die8 {
  font-size: 8px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -1484px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die9 {
  font-size: 9px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -1590px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die10 {
  font-size: 10px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -212px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die11 {
  font-size: 11px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -318px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die12 {
  font-size: 12px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -424px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die13 {
  font-size: 13px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -530px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die14 {
  font-size: 14px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -636px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.die15 {
  font-size: 15px !important;
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -742px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

#footer .chibichan .yusha.victory {
  display: block;
  top: -110px;
  width: 69px;
  height: 70px;
  background-image: url('/assets/img/footer/img_victory.gif?1373083552')
}

#footer .chibichan .yusha.victory:after {
  display: none
}

#footer .chibichan .enemy1 {
  display: block;
  position: absolute;
  top: -90px;
  left: 300px;
  width: 69px;
  height: 46px;
  background-image: url('/assets/img/footer/img_enemy1.gif?1373083544');
  z-index: 22;
  -webkit-transition-property: -webkit-transform, top, left;
  -moz-transition-property: -moz-transform, top, left;
  -o-transition-property: -o-transform, top, left;
  transition-property: transform, top, left;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

@media screen and (max-width: 960px) {
  #footer .chibichan .enemy1 {
    display: none
  }
}

#footer .chibichan .enemy2 {
  display: block;
  position: absolute;
  top: -90px;
  left: 820px;
  width: 69px;
  height: 48px;
  background-image: url('/assets/img/footer/img_enemy2.gif?1373083544');
  z-index: 23;
  -webkit-transition-property: -webkit-transform, top, left;
  -moz-transition-property: -moz-transform, top, left;
  -o-transition-property: -o-transform, top, left;
  transition-property: transform, top, left;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

@media screen and (max-width: 960px) {
  #footer .chibichan .enemy2 {
    display: none
  }
}

#footer .chibichan .enemy3 {
  display: block;
  position: absolute;
  top: -110px;
  left: 600px;
  width: 69px;
  height: 48px;
  background-image: url('/assets/img/footer/img_enemy3.gif?1373083544');
  z-index: 24;
  -webkit-transition-property: -webkit-transform, top, left;
  -moz-transition-property: -moz-transform, top, left;
  -o-transition-property: -o-transform, top, left;
  transition-property: transform, top, left;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

#footer .chibichan .boss {
  display: block;
  position: absolute;
  top: -110px;
  left: 820px;
  width: 72px;
  height: 72px;
  background-image: url('/assets/img/footer/img_boss.gif?1373083543');
  z-index: 26;
  -webkit-transition-property: -webkit-transform, top, left;
  -moz-transition-property: -moz-transform, top, left;
  -o-transition-property: -o-transform, top, left;
  transition-property: transform, top, left;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

#footer .chibichan .boss.red {
  background-image: url('/assets/img/footer/img_boss2.gif?1373353813')
}

@media screen and (max-width: 960px) {
  #footer .chibichan .boss {
    display: none
  }
}

#footer .chibichan .fire {
  display: block;
  position: absolute;
  top: -110px;
  left: 820px;
  width: 48px;
  height: 48px;
  background-image: url('/assets/img/footer/img_fire.gif?1373369998');
  z-index: 26;
  -webkit-transition-property: -webkit-transform, top, left;
  -moz-transition-property: -moz-transform, top, left;
  -o-transition-property: -o-transform, top, left;
  transition-property: transform, top, left;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

@media screen and (max-width: 960px) {
  #footer .chibichan .fire {
    display: none
  }
}

#footer .chibichan .fairy {
  display: block;
  position: absolute;
  top: -110px;
  left: 1220px;
  width: 69px;
  height: 48px;
  background-image: url('/assets/img/footer/img_fairy.gif?1373083544');
  z-index: 26;
  -webkit-transition-property: -webkit-transform, top, left, opacity;
  -moz-transition-property: -moz-transform, top, left, opacity;
  -o-transition-property: -o-transform, top, left, opacity;
  transition-property: transform, top, left, opacity;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

@media screen and (max-width: 960px) {
  #footer .chibichan .fairy {
    display: none
  }
}

#footer .chibichan .fairy.hit {
  -webkit-transform: scale(1, 1) rotateZ(0deg);
  -moz-transform: scale(1, 1) rotateZ(0deg);
  -ms-transform: scale(1, 1) rotateZ(0deg);
  -o-transform: scale(1, 1) rotateZ(0deg);
  transform: scale(1, 1) rotateZ(0deg);
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s
}

#footer .chibichan .hit {
  -webkit-transform: scale(0.01, 0.01) rotateZ(360deg);
  -moz-transform: scale(0.01, 0.01) rotateZ(360deg);
  -ms-transform: scale(0.01, 0.01) rotateZ(360deg);
  -o-transform: scale(0.01, 0.01) rotateZ(360deg);
  transform: scale(0.01, 0.01) rotateZ(360deg);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s
}

@media screen and (max-width: 960px) {
  #footer .chibichan .hit {
    display: none
  }
}

#footer .chibichan .damage {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s
}

@media screen and (max-width: 960px) {
  #footer .chibichan .damage {
    display: none
  }
}

#footer .chibichan .start {
  display: block;
  position: absolute;
  top: -140px;
  left: 40px;
  width: 108px;
  height: 44px;
  background-image: url('/assets/img/footer/btn_start.png?1373083542');
  z-index: 25;
  cursor: pointer
}

@media screen and (max-width: 960px) {
  #footer .chibichan .start {
    display: none
  }
}

#footer .chibichan .score {
  display: block;
  position: absolute;
  top: -236px;
  left: 0px;
  z-index: 26
}

#footer .chibichan .score span {
  height: 21px;
  font-size: 1px;
  text-indent: -9999px;
  float: left
}

#footer .chibichan .score span.title {
  display: block;
  width: 93px;
  margin-right: 10px;
  background-image: url('/assets/img/footer/hd_score.png?1373083543')
}

#footer .chibichan .score span.num0 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -93px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num1 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 15px;
  background-position: 0 -62px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num2 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -124px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num3 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -248px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num4 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 0;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num5 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -155px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num6 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -217px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num7 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -31px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num8 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -279px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

#footer .chibichan .score span.num9 {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  background-position: 0 -186px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

@media screen and (max-width: 960px) {
  #footer .chibichan .score {
    display: none
  }
}

#ScoreInfo {
  float: left
}

@media screen and (max-width: 960px) {
  #ScoreInfo {
    display: none
  }
}

#GameClear {
  width: 448px;
  height: 81px;
  text-indent: -9999px;
  display: block;
  margin-right: 0 auto;
  background-image: url('/assets/img/footer/hd_gameclear.png?1373542463');
  left: 50%;
  margin-left: -224px;
  position: absolute;
  top: -200px;
  z-index: 55
}

@media screen and (max-width: 960px) {
  #GameClear {
    display: none
  }
}

#GameOver {
  width: 448px;
  height: 81px;
  text-indent: -9999px;
  display: block;
  margin-right: 0 auto;
  background-image: url('/assets/img/footer/hd_gameover.png?1373083543');
  left: 50%;
  margin-left: -224px;
  position: absolute;
  top: -200px;
  z-index: 55
}

@media screen and (max-width: 960px) {
  #GameOver {
    display: none
  }
}

#Again {
  width: 122px;
  height: 45px;
  text-indent: -9999px;
  display: block;
  margin-right: 0 auto;
  background-image: url('/assets/img/footer/btn_again.png?1373083542');
  cursor: pointer;
  left: 50%;
  margin-left: -61px;
  position: absolute;
  top: -110px;
  z-index: 56
}

#Again.isClear {
  margin-left: -91px
}

@media screen and (max-width: 960px) {
  #Again {
    display: none
  }
}

#Tweet a {
  width: 49px;
  height: 45px;
  text-indent: -9999px;
  display: block;
  margin-right: 0 auto;
  background-image: url('/assets/img/footer/btn_tweet.png?1373347015');
  cursor: pointer;
  left: 50%;
  margin-left: 40px;
  position: absolute;
  top: -110px;
  z-index: 56;
  overflow: hidden;
  outline: none
}

@media screen and (max-width: 960px) {
  #Tweet a {
    display: none
  }
}

#Comment {
  width: 243px;
  height: 28px;
  text-indent: -9999px;
  display: block;
  margin-right: 0 auto;
  background-image: url('/assets/img/footer/hd_comment.png?1373336982');
  background-repeat: no-repeat;
  left: 50%;
  margin-left: -121px;
  position: absolute;
  top: -142px;
  z-index: 55
}

@media screen and (max-width: 960px) {
  #Comment {
    display: none
  }
}

#HitArea {
  display: block;
  position: absolute;
  top: -150px;
  left: 35px;
  width: 120px;
  height: 120px;
  background-image: url('/assets/img/footer/img_hitarea.gif?1373360205');
  z-index: 24;
  cursor: pointer
}

@media screen and (max-width: 960px) {
  #HitArea {
    display: none
  }
}

#Life {
  width: 0pc;
  height: 19px;
  text-indent: -9999px;
  display: block;
  background-image: url('/assets/img/footer/img_heart.png?1373338233');
  background-repeat: repeat-x;
  top: -210px;
  left: 0px;
  position: absolute;
  z-index: 57
}

#Life.life3 {
  width: 61px
}

#Life.life2 {
  width: 40px
}

#Life.life1 {
  width: 19px
}

@media screen and (max-width: 960px) {
  #Life {
    display: none
  }
}

.preloaded {
  width: 0px;
  height: 0px;
  display: block;
  overflow: hidden
}

.preloadedDie {
  background-image: url('/assets/img/footer/die-sabdd49c397.png');
  background-repeat: no-repeat;
  display: block;
  height: 96px;
  width: 64px;
  background-position: 0 -106px;
  -webkit-background-size: 64px auto;
  -moz-background-size: 64px auto;
  -o-background-size: 64px auto;
  background-size: 64px auto
}

.preloadedVictory {
  background-image: url('/assets/img/footer/img_victory.gif?1373083552')
}

.preloadedAttack {
  background-image: url('/assets/img/footer/img_yusha_atk.png?1373083545')
}

.preloadedNumber {
  background-image: url('/assets/img/num-s35b0302ff6.png');
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  width: 15px;
  background-position: 0 -62px;
  -webkit-background-size: 21px auto;
  -moz-background-size: 21px auto;
  -o-background-size: 21px auto;
  background-size: 21px auto
}

.preloadedFire {
  background-image: url('/assets/img/footer/img_fire.gif?1373369998')
}

.preloadedDragon {
  background-image: url('/assets/img/footer/img_boss.gif?1373083543')
}

.preloadedRedDragon {
  background-image: url('/assets/img/footer/img_boss2.gif?1373353813')
}

/* トップページ：バナー下の余白 */
#top #entry,
#top #sidemenu {
  margin-top: 10px;
}

/* 投稿カード独自の上下余白をなくす */
#timelineSpace .twitter-tweet {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 投稿の高さに合わせる */
#sidemenu #timelineSpace {
  height: auto;
}

/* 埋め込み完成前の本文を隠す */
#timelineSpace blockquote.twitter-tweet {
  visibility: hidden;
}

/* Keep keyboard focus visible without a ring after pointer clicks. */
.metaslider.ms-theme-bitono .flexslider .flex-direction-nav a:focus:not(:focus-visible) {
  outline: none;
}