div {
  display: block;
  zoom: 100%;
}

div:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

body {
  font-size: 14px;
  line-height: 140%;
  margin: 0;
  padding: 0;
  color: #555;
  text-align: center;
  background-color: #fff;
  font-family: sans-serif;
}

th, td {
  font-size: 14px;
  line-height: 140%;
  color: #555555;
  font-family: sans-serif;
}

img {
  border: none;
  outline: none;
}

form, input {
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
}

a:link {
  text-decoration: none;
  color: #486B97;
}

a:visited, a:active {
  text-decoration: none;
  color: #5B8190;
}

a:hover {
  text-decoration: underline;
  color: #946349;
}

a.no-links {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.error {
  color: #cc0000;
}

/* ----- */
.global_head {
  margin: 0 auto 15px auto;
  min-width: 950px;
  width: 100%;
  border-bottom: 1px solid #999;
  text-align: left;
}

.global_navi {
  overflow: hidden;
  margin: 0 0 1px 0;
  height: 37px;
  background-color: #0A1945;
}

.global_logo {
  float: left;
  width: 200px;
}

.global_logo img {
  margin: 5px 0 0 5px;
}

.global_guide {
  float: right;
  margin: 0;
  width: 550px;
}

.global_guide ul {
  float: right;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}

.global_guide li {
  float: left;
  overflow: hidden;
  margin: 0 5px 0 0;
  height: 13px;
}

.global_guide li a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
}

/* ----- */
.local_head {
  margin: auto;
  text-align: left;
}

.local_navi {
  position: relative;
  width: 950px;
  height: 50px;
  margin: auto;
}

.local_navi .logo {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 150px;
  height: 50px;
}

.local_navi .selectbox {
  display: none;
}

.local_navi .textbox {
  position: absolute;
  bottom: 13px;
  left: 165px;
  z-index: 1;
}

.local_navi .textbox .searchbox {
  width: 260px;
  height: 25px;
  border: 1px solid #999;
  font-size: 18px;
}

.local_navi .textbox td {
  vertical-align: middle;
  height: 25px;
}

.local_navi .search {
  position: absolute;
  bottom: 7px;
  left: 435px;
  z-index: 1;
  width: 110px;
}

/*--- header fiexed ---*/
.local_head-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
  padding-top: 15px;
}

.category-fixed {
  padding-bottom: 5px;
  -moz-box-shadow: #ccc 0px 1px 5px 0px;
  -ms-box-shadow: #ccc 0px 1px 5px 0px;
  -webkit-box-shadow: #ccc 0px 1px 5px 0px;
  box-shadow: #ccc 0px 1px 5px 0px;
}

/*---*/
.item_list .local_navi .selectbox {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 155px;
  z-index: 1;
}

.item_list .local_navi .textbox {
  left: 230px;
}

.item_list .local_navi .textbox .searchbox {
  width: 195px;
}

.local_navi .guide {
  position: absolute;
  right: 0px;
  bottom: 6px;
  z-index: 1;
  width: 400px;
}

.local_navi .guide ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  width: 400px;
}

.local_navi .guide ul:first-child {
  border-bottom: 1px dotted #ccc;
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
}

.local_navi .guide li {
  display: inline-block;
  margin: 0 6px 0 6px;
}

.local_navi .guide a {
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 12px;
  line-height: 100%;
  padding: 3px 0 0 17px;
}

.local_navi .live a {
  background-image: url(../../img/ja/head/guide_live.gif);
}

.local_navi .howto a {
  background-image: url(../../img/ja/head/guide_howto.gif);
}

.local_navi .login a {
  background-image: url(../../img/ja/head/guide_login.gif);
}

.local_navi .en a {
  background-image: url(../../img/ja/head/guide_en.gif);
}

.local_navi .ja a {
  background-image: url(../../img/ja/head/guide_ja.gif);
}

.local_navi .member a {
  background-image: url(../../img/ja/head/guide_member.gif);
}

/* ----- */
.category {
  position: relative;
  margin: 0 auto 0 auto;
  width: 950px;
  height: 35px;
}

.category > ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  list-style: none;
}

.category > ul > li {
  height: 35px;
  text-align: center;
  display: inline-block;
}

.category > ul > li img {
  height: 35px;
}

.category > ul > li > a {
  display: block;
}

.category > ul > li > a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}

.category .child {
  position: absolute;
  top: 35px;
  z-index: 50;
  display: none;
  height: auto;
  background-color: #fff;
  text-align: left;
}

.category .child > p {
  display: block;
  margin: 0;
  padding: 7px 0 7px 0;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  background-color: #e0e0e0;
  text-align: center;
  zoom: 100%;
}

.category .child > p:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

.category .child > p > a {
  display: inline-block;
  float: right;
  margin: 0 8px 0 0;
  padding: 3px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  line-height: 100%;
}

.category .child > p > a:first-child {
  float: left;
  margin: 0 0 0 8px;
}

.category .child ul {
  margin: 0 0 15px 5px;
  padding: 0;
  list-style: none;
}

.category .home {
  width: 35px;
}

.category .special {
  width: 78px;
}

.category .special .child {
  min-width: 150px;
}

.category .hon {
  width: 73px;
}

.category .hon .child {
  min-width: 100px;
}

.category .toy {
  width: 79px;
}

.category .toy .child {
  min-width: 98px;
}

.category .anime {
  width: 87px;
}

.category .anime .child {
  min-width: 114px;
}

.category .daihon {
  width: 78px;
}

.category .daihon .child {
  min-width: 89px;
}

.category .gallery {
  width: 95px;
}

.category .gallery .child {
  min-width: 136px;
}

.category .card {
  width: 75px;
}

.category .card .child {
  min-width: 110px;
}

.category .geino {
  width: 78px;
}

.category .geino .child {
  min-width: 150px;
}

.category .poster {
  width: 77px;
}

.category .dojin {
  width: 80px;
}

.category .dojin .child {
  min-width: 150px;
}

.category .sonota {
  width: 70px;
}

.category .sonota .child {
  min-width: 150px;
  margin: 0 0 0 -78px;
}

.category .inner {
  margin: 2px 0 0 0;
  padding: 12px 0 0 10px;
  border: 1px solid #999;
}

.category .inner > ul {
  padding: 0 0 15px 0 0;
}

.category .block {
  float: left;
  margin: 0 15px 0 0;
  min-width: 80px;
}

.category .block p {
  margin: 0 0 5px 0;
  padding: 0 5px 5px 5px;
  border-bottom: 1px dotted #999;
}

.category .block a {
  display: block;
  padding: 2px 8px 2px 8px;
  position: relative;
}

.category .block a:before {
  content: "";
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #a3b7b6;
  position: absolute;
  top: 7px;
  left: 0px;
}

.category .block a:link, .category .block a:visited, .category .block a:active {
  color: #666;
  text-decoration: underline;
}

.category .block a:hover {
  background-color: #89c3eb;
  color: #fff;
  text-decoration: none;
}

/* ----- */
.breadcrumb {
  width: 950px;
  margin: auto;
  text-align: left;
  margin: 5px auto 0 auto;
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  margin: 0;
  float: left;
}

.breadcrumb li + li:before {
  margin: 0 2px 0 5px;
  content: ">";
}

/* ----- */
.content {
  width: 950px;
  min-height: 500px;
  margin: auto;
  text-align: left;
  overflow: hidden;
}

/* ----- */
.content_foot {
  padding: 10px 0 20px 0;
  margin: 0 0 0 0;
  border-top: 2px solid #eee;
  background-color: #eee;
}

.content_foot .container {
  width: 950px;
  margin: auto;
  text-align: left;
  overflow: hidden;
}

/* ----- */
.local_foot {
  padding: 15px 0 15px 0;
  border-top: 2px solid #ccc;
  background-color: #eee;
}

.local_foot .container {
  width: 950px;
  overflow: hidden;
  margin: auto;
  text-align: left;
}

/*-----*/
.gloval_foot {
  padding: 10px 0 30px 0;
  text-align: left;
  background-color: #fff;
}

.gloval_foot .foot_navi {
  float: left;
  width: 700px;
}

.gloval_foot .foot_navi ul {
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}

.gloval_foot .foot_navi li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0 0 0 17px;
  background-repeat: no-repeat;
  background-position: left top;
  line-height: 100%;
}

.gloval_foot .foot_navi .mandarake {
  background-image: url(../../img/ja/foot/mandarake.gif);
}

.gloval_foot .foot_navi .recruit {
  background-image: url(../../img/ja/foot/recruit.gif);
}

.gloval_foot .foot_navi .privacy {
  background-image: url(../../img/ja/foot/privacy.gif);
}

.gloval_foot .foot_navi .inquiry {
  background-image: url(../../img/ja/foot/inquiry.gif);
}

.gloval_foot .foot_navi .rss {
  background-image: url(../../img/ja/foot/rss.gif);
}

.gloval_foot .copyright {
  float: right;
  width: 240px;
  text-align: right;
}

.gloval_foot .copyright p {
  margin: 0 15px 0 0;
  line-height: 100%;
}

/* ----- */
.pager {
  text-align: center;
  margin: auto;
}

.pager .inner {
  display: inline-block;
  text-align: center;
  margin: auto;
}

.pager a {
  display: block;
  font-size: 12px;
  line-height: 100%;
  padding: 3px 0 3px 0;
  border: 1px solid #8aa6b8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pager a:link, .pager a:visited, .pager a:active {
  color: #204e78;
  background-color: #e4eeee;
}

.pager a:hover {
  color: #333;
  background-color: #fff;
}

.pager .number a.active {
  background-color: #fff;
}

.pager .prev {
  width: 100px;
  text-align: center;
  float: left;
  margin: 0 7px 0 0;
}

.pager .first {
  width: 30px;
  text-align: center;
  float: left;
  margin: 0 2px 0 0;
}

.pager .space_before, .pager .space_after {
  width: 30px;
  text-align: center;
  float: left;
  display: inline-block;
}

.pager .number {
  float: left;
  display: inline-block;
  text-align: center;
}

.pager .number ul {
  list-style: none;
  margin: auto;
  padding: 0;
  float: left;
  text-align: center;
}

.pager .number li {
  margin: 0 2px 0 2px;
  float: left;
  width: 30px;
}

.pager .number li.active a {
  background-color: #fff;
}

.pager .last {
  width: 30px;
  text-align: center;
  float: left;
  margin: 0 7px 0 2px;
}

.pager .next {
  width: 100px;
  text-align: center;
  float: right;
  margin: 0 0 0 7px;
}

/* ----- */
.nav_fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  text-align: center;
  width: 100%;
  text-align: center;
  background-color: #fff;
  border-bottom: 2px solid #eee;
  box-shadow: 0 3px 5px #eee;
  padding: 10px 0 0 0;
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?cpjpx7");
  src: url("fonts/icomoon.eot?#iefixcpjpx7") format("embedded-opentype"), url("fonts/icomoon.woff?cpjpx7") format("woff"), url("fonts/icomoon.ttf?cpjpx7") format("truetype"), url("fonts/icomoon.svg?cpjpx7#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shop:before {
  content: "\e60d";
}

.icon-home:before {
  content: "\e600";
}

.icon-local-home:before {
  content: "\e60c";
}

.icon-company:before {
  content: "\e601";
}

.icon-press:before {
  content: "\e602";
}

.icon-local-list:before {
  content: "\e610";
}

.icon-about:before {
  content: "\e603";
}

.icon-cart:before {
  content: "\e604";
}

.icon-contact:before {
  content: "\e605";
}

.icon-local-contact:before {
  content: "\e60f";
}

.icon-recruit:before {
  content: "\e607";
}

.icon-privacy:before {
  content: "\e608";
}

.icon-auction:before {
  content: "\e609";
}

.icon-local-logout:before {
  content: "\e60e";
}

.icon-sitemap:before {
  content: "\e60a";
}

.icon-global:before {
  content: "\e60b";
}

.icon-feed:before {
  content: "\e606";
}
