@charset "utf-8";

@media screen and (max-width:768px) {

 /* =========================================================
 reset
 ========================================================= */
 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-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
  display: block;
 }

 html {
  overflow-y: scroll;
 }

 blockquote,
 q {
  quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
  content: '';
  content: none;
 }

 input,
 textarea {
  margin: 0;
  padding: 0;
 }

 ol,
 ul {
  list-style: none;
 }

 table {
  border-collapse: collapse;
  border-spacing: 0;
 }

 caption,
 th {
  text-align: left;
  vertical-align: middle;
 }

 a:focus {
  outline: none;
 }

 .cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
 }

 .cf {
  min-height: 1px;
 }

 * html .cf {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
 }

 .both {
  clear: both;
 }

 /* =========================================================
 Body
 ========================================================= */
 html,
 body {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  font-size: 6.25%;
  -webkit-text-size-adjust: 100%;
 }

 html {
  overflow-y: scroll;
  font-size: 6.25%;
 }

 body {
  position: relative;
  width: 100%;
  color: #333;
  font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 14rem;
  /* 14px */
  background: #fff;
  margin-bottom: 50px;
 }

 .cf:before,
 .cf:after {
  content: '';
  display: block;
  overflow: hidden;
 }

 .cf:after {
  clear: both;
 }

 ul:after {
  clear: both;
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
 }

 article {
  position: relative;
 }

 section {
  margin: 0;
 }

 h1 {
  padding: 3px 2%;
  color: #fff;
  font-size: 9px;
  white-space: nowrap;
  font-weight: 400;
  margin: 0;
  text-align: left;
  background: #819A3E;
  overflow: hidden;
  text-overflow: ellipsis;
 }

 h1 br {
  display: none;
 }

 p {
  margin: 0;
  padding: 0;
  font: 14rem/140% "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
 }

 b {
  font-weight: bold;
 }

 a:link,
 a:visited {
  color: #000;
  text-decoration: none;
 }

 a:hover {
  color: #333;
  text-decoration: none;
 }

 ul {
  margin: 0;
  padding: 0;
  border: 0;
 }

 /*
 ===========================================================
 form
 ========================================================== */
 input[type="checkbox"],
 input[type="radio"] {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  margin-right: 5px;
  line-height: 20px;
 }

 .ListCheckbox {
  margin-left: 10px;
 }

 /* =========================================================
 Header
 ========================================================= */
 header {
  background: #ffffff;
  margin-bottom: 0px;
  overflow: hidden;
  border-bottom: #ccc 1px solid;
  border-top: #2F2514 5px solid;
 }

 header .inner {
  padding: 5px;
 }

 header #UserArea {
  padding: 0 5px 0 5px;
  font-size: 11rem;
 }

 header #UserArea .name {
  float: left;
 }

 .headBtn {
  float: right;
  display: block;
 }

 .headBtn .btn-Login {
  padding-right: 6px;
  display: table-cell;
 }

 .headBtn .btn-Login a {
  background-color: #FFFFFF;
  /*	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  /*	border: 1px solid #e3e3e3;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0px 5px;
 }

 .headBtn .btn-Login a {
  font-size: 11rem;
 }

 .headBtn .btn-MenuList {
  display: table-cell;
 }

 #wrap {
  background: #fff;
 }

 .menu-btn {
  position: absolute;
  left: 0;
  top: 0;
  height: 45px;
  width: 45px;
  display: block;
  background: url(btn-menu.gif) no-repeat left top;
  -webkit-background-size: 100%;
  background-size: 100%;
 }

 .tooltip-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 45px;
  display: block;
  background: url(btn-tooltip.gif) no-repeat left top;
  -webkit-background-size: 100%;
  background-size: 100%;
 }

 #tooltip h2 {
  margin: 0.5em 0;
  font-size: 18px;
  font-weight: bold;
 }

 /*?A?R?[?f?B?I??
 -------------------------------------*/
 .acordion {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
 }

 .trigger {
  padding: 10px 10px 10px 15px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  border-radius: 5px;
  font-size: 88%;
 }

 .trigger.active {
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #cfcfcf;
 }

 .acordion_tree {
  padding: 15px;
  font-size: 75%;
 }

 .open-close {
  float: right;
  text-indent: -9999px;
  display: block;
  margin-top: 3px;
  height: 11px;
  width: 20px;
  background: url(../images/open.png) no-repeat;
  -webkit-background-size: 20px 11px;
 }

 .trigger.active .open-close {
  background: url(../images/close.png) no-repeat;
  -webkit-background-size: 20px 11px;
 }

 /*?^?u
 ---------------------------------------------------------------*/
 .tab_menu li {
  float: left;
  margin-right: 10px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
 }

 .tab_menu li a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e5e5e5), color-stop(0.00, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
  background: linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
  font-size: 88%;
  display: block;
  padding: 10px;
  border-radius: 5px 5px 0 0;
 }

 .tab_content {
  clear: both;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-top: 1px solid #cfcfcf;
  padding: 15px;
 }

 /*?X???C?_?[
 ---------------------------------------------------------------*/
 #slider {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }

 /*?T?C?h?o?[
 ---------------------------------------------------------------*/
 .headBtn {
  float: right;
  display: block;
 }

 .headBtn .btn-Login {
  padding-right: 6px;
  display: table-cell;
 }

 .headBtn .btn-Login a {
  /*background-color: #FFFFFF;*/
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));*/
  /*background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);*/
  /*background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);*/
  /*background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);*/
  /*background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);*/
  /*background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F2F2F2);*/
  /*border: 1px solid #e3e3e3;*/
  /*-webkit-border-radius: 5px;*/
  /*-moz-border-radius: 5px;*/
  /*border-radius: 5px;*/
  padding: 0px;
 }

 .headBtn .btn-Login a {
  font-size: 11rem;
 }

 .headBtn .btn-MenuList {
  display: table-cell;
 }

 #modal {
  display: none;
 }

 #modal h2 {
  font-size: 18px;
  border-bottom: 1px solid #fff;
 }

 #modal h2,
 #modal ul li a {
  padding: 10px 0;
 }

 #modal ul {
  margin-bottom: 20px;
 }

 #modal ul li a {
  border-bottom: 1px dashed #6f6f6f;
  display: block;
  color: #fff;
 }

 .close {
  font-weight: bold;
 }

 .close a {
  color: #000;
  padding: 3px 10px;
  background: #ccc;
 }

 .open {
  display: block;
  /*	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);*/
 }

 .open img {
  vertical-align: middle;
  width: 35px;
 }

 #pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  /* Specify the width of your pageslide here */
  width: 170px;
  padding: 20px;
  /* These styles are optional, and describe how the pageslide will look */
  background-color: #333;
  color: #FFF;
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  -moz-shadow: inset 0 0 5px 5px #222;
  box-shadow: inset 0 0 5px 5px #222;
 }

 /* 00 - page-Title
 --------------------------------------------------------- */
 .page-Title .btn-Back {
  background: url(/newsite/img/smartphone/bg-btn-Back.png) no-repeat 0 0;
  -webkit-background-size: 72px 20px;
  width: 57px;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 5px;
  background-color: #2F2514;
  margin-left: 5px;
 }

 .page-Title .btn-Back a {
  color: #fff;
  display: block;
  font-size: 11rem;
  font-weight: bold;
  line-height: 40px;
  padding-left: 4px;
  text-shadow: 0 -1px 0 #000;
 }

 /* =========================================================
 back-Top
 ========================================================= */
 #back-Top {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 0 0;
  padding: 10px 0;
  width: 100%;
 }

 #back-Top .btn-Back {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 96%;
 }

 #back-Top .btn-Back a {
  border: 1px solid #ccc;
  display: block;
  color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left middle, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-align: center;
  font-weight: bold;
  font-size: 13rem;
  line-height: 45px;
 }

 #back-Top .btn-Back a span {
  font-size: 15rem;
  line-height: 40px;
  padding-left: 36px;
  position: relative;
 }

 #back-Top .btn-Back a span:before {
  border: 12px solid #f00;
  border-color: transparent;
  border-bottom-color: #f00;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -8px;
 }

 #back-Top .btn-Back a span:after {
  content: "";
 }

 /* =========================================================
 footer
 ========================================================= */
 footer nav ul {
  min-height: 1px;
 }

 footer nav ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
 }

 footer nav ul li:nth-child(2n-1) {
  border-right: 1px solid #CCC;
 }

 footer nav .nav_top {
  border-top: 1px solid #CCC;
 }

 footer nav li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  border-bottom: 1px solid #CCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
 }

 footer nav li a {
  display: block;
  padding: 10px;
 }

 footer nav ul li a span {
  background: url(/newsite/img/smartphone/icon-ArrowFooter.png) no-repeat 0 50%;
  -webkit-background-size: 11px 11px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 15px;
  color: #666;
 }

 .changeViewWrap {
  padding: 7px 10px;
 }

 .changeView {
  display: table;
  width: 100%;
 }

 .changeView li {
  display: table-cell;
  width: 50%;
 }

 .changeView a {
  border: 1px solid #CCCCCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F3E8), to(#EEE6D0));
  border-radius: 0px 3px 3px 0px;
 }

 .changeView span {
  border: 1px solid #CCCCCC;
  background: #BBBBBB;
  border-radius: 3px 0px 0px 3px;
 }

 .changeView a,
 .changeView span {
  display: block;
  padding: 9px 0;
  color: #666;
  font-size: 12rem;
  text-align: center;
  text-decoration: none;
 }

 footer .copyright {
  padding: 10px 0;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
 }

 .search_name {
  margin: 5px auto;
  text-align: center;
 }

 .search_name h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px;
  position: relative;
  color: #fff;
  font-size: 16rem;
  line-height: 23px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 5%) !important;
  /* W3C */
  text-shadow: 0 -1px 0 #7e973e;
 }

 .search_name input {
  width: 65%;
  height: 30px;
  margin: 5px 5px 5px 10px;
 }

 .search_name a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 20px;
  text-decoration: none;
  display: inline-block;
  color: #FFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#555555));
  background-image: -webkit-linear-gradient(top, #555555, #555555);
  background-image: -moz-linear-gradient(top, #555555, #555555);
  background-image: -ms-linear-gradient(top, #555555, #555555);
  background-image: -o-linear-gradient(top, #555555, #555555);
  background-image: linear-gradient(to bottom, #555555, #555555);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#555555, endColorstr=#555555);
 }

 .search_name p {
  /*	background: url(/newsite/img/smartphone/icon-Place.png) no-repeat 0 50%;*/
  -webkit-background-size: 13px 12px;
  font-weight: bold;
  font-size: 17rem;
  /*	padding-left: 20px;*/
 }

 .f-searchbtn {
  margin: 10px auto;
  padding: 0;
 }

 .f-searchbtn ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }

 .f-searchbtn li {
  display: block;
  float: left;
  margin: 5px 5px;
  padding: 0px;
  width: 30%;
 }

 .f-searchbtn img {
  width: 100%;
 }

 /* =========================================================
 footer start
 ========================================================= */
 .back-color {
  background-color: #7e973e;
 }

 footer {
  width: 100%;
  margin: 15px 0 0 0;
  padding: 0;
 }

 /*bact-top start*/
 .footer-up-color {
  color: #777777;
 }

 #back-Top {
  width: 100%;
  margin-top: 3%;
  padding: 0;
  border-bottom: #BABABA 2px solid;
  border-top: #BABABA 2px solid;
  height: auto;
  overflow: hidden;
  text-align: center;
  font-size: 15px;
  background: #f5f5f5;
 }

 #back-Top a {
  display: block;
  padding: 10px 0;
 }

 #back-Top a span {
  font-weight: bold;
 }

 #back-Top a span:before {
  content: "▲";
  margin-right: 10px;
 }

 /*bact-top end*/
 .f_txt_menu {
  margin: 10px 4%;
  text-align: left;
 }

 .f_txt_menu p {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 13px;
  line-height: 22px;
 }

 .f_txt_menu ul {
  overflow: hidden;
  padding-bottom: 10px;
 }

 .f_txt_menu li {
  float: left;
 }

 .f_txt_menu li:not(:last-child):after {
  content: "｜";
  color: #999;
 }

 .f_txt_menu a {
  font-size: 12px;
  line-height: 22px;
 }

 .f_menu {}

 .f_menu ul {
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  background: #f5f5f5;
 }

 .f_menu li {
  border-bottom: 1px solid #ccc;
  float: left;
  width: 50%;
  box-sizing: border-box;
  position: relative;
 }

 .f_menu li:nth-of-type(2n-1) {
  border-right: 1px solid #ccc;
 }

 .f_menu li:after {
  content: "";
  display: block;
  height: 5px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  width: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
 }

 .f_menu a {
  display: block;
  padding: 15px 4%;
  font-weight: bold;
  position: relative;
  text-align: left;
 }

 /*footer-tenpo start*/
 .f-tel {
  width: 94%;
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
 }

 .f-tel a {
  font-family: 'Century Gothic', 'Arial';
  font-weight: bold;
  color: #333333;
  padding: 10px 0;
  display: block;
  line-height: 30px;
 }

 .f-tel img {
  width: 27px;
  margin-right: 10px;
  vertical-align: bottom;
 }

 .office-info {
  width: 94%;
  margin: 0 auto 10px;
  padding: 0;
  height: auto;
  overflow: auto;
 }

 .office-info span {
  display: block;
  float: left;
  width: 50%;
  margin: 0 !important;
  padding: 1% 0 !important;
  text-align: left;
  line-height: 20px;
 }

 .office-info a {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  width: 40%;
  height: auto;
 }

 .office-info img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
 }

 /*footer-tenpo end*/
 .copyright {
  padding: 3px 0;
  font-size: 1em;
  color: #FFFFFF;
  text-align: center;
  margin: 10px 0 0 0;
 }

 /* =========================================================
 footer end
 ========================================================= */
 /* =========================================================
 Page - layout
 ========================================================= */
 /* 01 - property-Listing?@(?????ꗗ)
 --------------------------------------------------------- */
 #property-Listing {}

 #property-Listing h2 {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  font-weight: bold;
  margin: 0 0 9px;
  padding: 5px 5px;
  position: relative;
  color: #fff;
  font-size: 16rem;
  line-height: 23px;
  background: #333;
  text-shadow: 0 -1px 0 #000;
 }

 #property-Listing article {
  overflow: hidden;
  margin-bottom: 10px;
 }

 #property-Listing .btn-Area {}

 #property-Listing .pd {
  padding: 6px;
 }

 #property-Listing .btn-Area .btn-Condition {
  letter-spacing: -1em;
  margin: 0 auto;
  text-align: center;
  word-spacing: -1em;
 }

 :root #property-Listing .btn-Area .btn-Condition {
  letter-spacing: -1px;
  word-spacing: -1px;
 }

 #property-Listing .btn-Area .btn-Condition .btn {
  height: 40px;
  letter-spacing: normal;
  width: 115px;
  padding-left: 5px;
  word-spacing: normal;
  width: 48%;
  float: left;
 }

 #property-Listing .btn-Area .btn-Condition .btn a {
  display: block;
  color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: block;
  background: #497dd3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #497dd3 0%, #285cc6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #497dd3), color-stop(100%, #285cc6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #497dd3 0%, #285cc6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #497dd3 0%, #285cc6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #497dd3 0%, #285cc6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #497dd3 0%, #285cc6 100%);
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 13rem;
  line-height: 36px;
 }

 #property-Listing .pager-Area .btn-Condition {
  letter-spacing: -1em;
  margin: 0 auto;
  text-align: center;
  word-spacing: -1em;
 }

 :root #property-Listing .pager-Area .btn-Condition {
  letter-spacing: -1px;
  word-spacing: -1px;
 }

 #property-Listing .pager-Area .btn-Condition .btn {
  letter-spacing: normal;
  width: 115px;
  padding-left: 5px;
  word-spacing: normal;
  width: 23%;
  float: left;
 }

 #property-Listing .pager-Area .btn-Condition .btn a {
  border: 1px solid #ccc;
  display: block;
  color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-align: center;
  font-weight: bold;
  font-size: 13rem;
  line-height: 45px;
 }

 #property-Listing .pager-Area .btn-Condition .btn.disabled a {
  color: #CCC;
  background: #F7F7F7;
 }

 #property-Listing article .exchange {
  float: right;
  width: 50%;
 }

 #property-Listing article .Explanation {
  display: table;
  margin: 0 6px 7px;
  width: 96%;
  text-align: center;
  color: #D80000;
 }

 #property-Listing article .Explanation .number {
  color: #333;
  font-size: 10rem;
  line-height: 22px;
  margin: 0;
 }

 #property-Listing article .Explanation .number strong {
  color: #f00;
  font-size: 16rem;
  font-weight: bold;
 }

 #property-Listing article .Explanation .expression strong {
  color: #000;
  font-size: 14rem;
 }

 #property-Listing article .Explanation .exchange select {
  display: table-cell;
  font-size: 11rem;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 4px;
 }

 #property-Listing article .member-Limited {
  background: #feedd1;
  border: 1px solid #ff9b04;
  clear: both;
  color: #000;
  font-size: 11rem;
  margin: 0 6px 7px;
  padding: 5px 6px 6px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
 }

 #property-Listing article .member-Limited strong {
  color: #f00;
  font-size: 13rem;
  margin: 0 1px;
  font-weight: bold;
 }

 #property-Listing article .member-Limited-detail {
  border-color: #999999;
  border-style: dotted;
  text-align: center;
  margin: 0 auto;
  background-color: #F5F5F5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 24px;
  padding: 15px;
  margin: 0 6px 7px;
  box-shadow: rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
  -webkit-box-shadow: rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
  -moz-box-shadow: rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
 }

 #property-Listing article .member-Limited-detail a {}

 #property-Listing article .member-Limited-detail strong {
  color: #f00;
  font-size: 13rem;
  margin: 0 1px;
  font-weight: bold;
 }

 #property-Listing article .member-Limited-detail .btn-Signup a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
  background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  color: #fff;
  display: block;
  font-size: 19rem;
  font-weight: bold;
  height: 40px;
  line-height: 41px;
  margin: 0 auto 6px;
  text-align: center;
  width: 274px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 #property-Listinge article ul {
  width: 100%;
 }

 #property-Listing article ul li {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  display: block;
  padding: 0;
  position: relative;
 }

 #property-Listing article ul li:first-child {
  border-width: 1px 0;
 }

 #property-Listing article ul li .Already {
  background: #f90;
  color: #fff;
  float: right;
  font-size: 9rem;
  line-height: 1.2;
  margin: 3px 10px 0 0;
  padding: 5px 0;
  text-align: center;
  width: 47px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 #property-Listing article ul li:before {
  content: "";
  height: 51px;
  position: absolute;
 }

 #property-Listing article ul li:after {
  content: "";
  display: block;
  height: 10px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -10px;
  width: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
 }

 #property-Listing article ul li label {
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
  display: block;
  letter-spacing: normal;
  padding: 0;
  position: relative;
  padding-left: 3px;
  padding-right: 3px;
 }

 #property-Listing article ul li a:hover img {
  opacity: 1;
 }

 #property-Listing article ul li label:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 90px;
  z-index: -1;
 }

 #property-Listing article ul li label .Photo {
  display: table-cell;
  height: 100%;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  width: 130px;
  z-index: 1;
 }

 #property-Listing article ul li label .Photo img {
  height: auto;
  width: 120px;
  margin: 10px 0px 10px 0px;
 }

 #property-Listing article ul li label .Photo .Kind {
  background: #333;
  color: #fff;
  width: 124px;
  font-size: 11rem;
  line-height: 1;
  margin: 10px 4px 5px 4px;
  padding: 4px 0;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 #property-Listing article ul li label .Photo .Member-only {
  background: #fff;
  border: 1px solid #f00;
  color: #f00;
  font-size: 9rem;
  line-height: 1;
  margin: 0 auto 4px;
  padding: 4px 0;
  text-align: center;
  width: 80px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 #property-Listing article ul li label .Details {
  display: table-cell;
  padding: 10px 24px 0px 5px;
  vertical-align: middle;
 }

 #property-Listing article ul li h3 {
  color: #000;
  font-size: 15rem;
  font-weight: bold;
  line-height: 32px;
  border-bottom: 1px dotted #C8C8C8;
  background: #EEE;
 }

 #property-Listing article ul li label .Details h3 img {
  height: 10px;
  left: 0;
  margin: 0 2px 0 0;
  position: relative;
  top: -3px;
  width: 21px;
 }

 #property-Listing article ul li label .Details .Kind {
  background: #f90;
  color: #fff;
  display: table-cell;
  font-size: 9rem;
  line-height: 1.2;
  margin: 3px 10px 0 0;
  padding: 5px 0;
  text-align: center;
  width: 47px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 #property-Listing article ul li label .Details .list {
  clear: both;
  font-size: 10rem;
  line-height: 120%;
  margin: 0 0 4px 0;
  width: ;
 }

 #property-Listing article ul li label .Details .half {
  clear: none !important;
  display: table-cell;
  float: left;
  word-break: break-all;
 }

 #property-Listing article ul li label .Details .list b {
  color: #9F9F9F;
  font-size: 13rem;
  line-height: 1;
  margin: 0;
 }

 #property-Listing article ul li label .Details .list strong {
  color: #D80000;
  font-size: 17rem;
  font-weight: bold;
  line-height: 1.1;
  margin-right: 8px;
 }

 #property-Listing article ul li label .Details .list p {
  color: #000;
  display: inline;
  font-size: 13rem;
  line-height: 1;
  margin: 0;
 }

 #property-Listing article ul li label .Details .list .Access {
  font-weight: bold;
 }

 #property-Listing article ul li label .comment {
  background-color: #FEFDE2;
  padding: 5px;
  margin: 0 auto;
  margin-bottom: 5px;
  font-size: 10rem;
 }

 #property-Listing article ul li.Message {
  position: relative;
  text-align: center;
 }

 #property-Listing article ul li.Message:before {
  content: "";
  position: absolute;
 }

 #property-Listing article ul li.Message:after {
  content: "";
  display: none;
 }

 #property-Listing article ul li.Message .inner {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
 }

 #property-Listing article ul li.Message a .inner .text {
  color: #000;
  font-size: 13rem;
  line-height: 1.1;
  margin: 0 auto 5px;
  text-align: left;
  width: 280px;
 }

 #property-Listing article ul li.Message a .inner .text strong {
  color: #f00;
  font-size: 31rem;
  font-weight: bold;
  margin: 0 2px 0 40px;
 }

 #property-Listing article ul li.Message a .inner .btn-Signup {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
  background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  color: #fff;
  display: block;
  font-size: 19rem;
  font-weight: bold;
  height: 40px;
  line-height: 41px;
  margin: 0 auto 6px;
  text-align: center;
  width: 274px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 #property-Listing article ul li.Message a .inner .att {
  color: #000;
  font-size: 12rem;
  text-align: center;
  width: 100%;
 }

 #property-Listing article ul li {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  min-height: 50px;
  padding: 0;
  position: relative;
 }

 /* Unavailable */
 #property-Listing .Unavailable {
  margin: 0 14px 30px;
 }

 #property-Listing .Unavailable p {
  font-size: 12rem;
  line-height: 1.4;
  margin: 0 0 15px;
 }

 #property-Listing .Unavailable .comment {
  background: #feedd1;
  border: 1px solid #ff9b04;
  font-size: 12rem;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 #property-Listing .Unavailable .comment:hover {
  background: #ffc268;
  display: block;
 }

 #property-Listing .Unavailable .comment a p {
  color: #000;
  font-size: 12rem;
  line-height: 1.4;
  margin: 0;
 }

 #property-Listing .Unavailable .comment a p b {
  color: #f00;
  margin: 0 4px;
 }

 #property-Listing .Unavailable .comment a .link {
  color: #00f;
  text-decoration: underline;
 }

 #property-Listing .Unavailable .comment a:hover .link {
  text-decoration: none;
 }

 #property-Listing .inquiry {
  background: #f5f5f5;
  padding: 10px 0;
  width: 100%;
  margin-bottom: 10px;
 }

 #property-Listing .inquiry .btn-Mailmain {
  height: 60px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 96%;
 }

 #property-Listing .inquiry .btn-Mailmain a {
  background-color: #7e973e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e973e), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFBF00, endColorstr=#FF9500);
  border: 1px solid #F07E07;
  display: block;
  height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
 }

 #property-Listing .inquiry .btn-Mailmain a span {
  background: url(/newsite/img/smartphone/icon-Mail.png) no-repeat 0 50%;
  -webkit-background-size: 21px 14px;
  font-size: 15rem;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  padding-left: 36px;
  position: relative;
 }

 /* 02 - listing-Details?@(?????ڍﾗ)
 --------------------------------------------------------- */
 #listing-Details .QuickInfo {
  clear: both;
  overflow: hidden;
  margin: 5px 5px 9px 5px;
 }

 #listing-Details .QuickInfo .Kind {
  display: table;
  padding: 5px;
  vertical-align: middle;
  float: left;
  background: #333;
  color: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
 }

 #listing-Details .QuickInfo .kind2 {
  margin: 5px 0px 0px 5px;
  float: left;
 }

 #listing-Details .QuickInfo .Price {
  color: #f00;
  font-size: 20rem;
  font-weight: bold;
  float: right;
 }

 #listing-Details #photo {
  background-color: #F5F5F5;
 }

 #listing-Details article {
  overflow: hidden;
 }

 listing-Details .pd {
  padding: 12px;
 }

 #listing-Details .bd {
  border-color: #a5a5a5;
  border-style: solid;
  border-width: 0 0 1px;
 }

 #listing-Details article .photo-Slide {
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 640px;
 }

 #listing-Details article .photo-Slide .slider {
  margin: 0 auto;
  width: 640px;
 }

 #listing-Details article .photo-Slide .slider li {
  float: left;
  list-style: none;
  overflow: hidden;
  padding: 0 0 60px;
  text-align: center;
 }

 #listing-Details article .photo-Slide .slider li img {
  border: 1px solid #ccc;
  margin: 0 auto;
  max-height: 400px;
  max-width: 600px;
 }

 #listing-Details article .Point {
  border-bottom: #ccc 1px solid;
  clear: both;
  padding: 8px 5px 5px;
 }

 #listing-Details article .Point strong {
  background: #f80;
  color: #fff;
  line-height: 1.4;
  margin: 0 0 8px;
  padding: 4px 9px;
 }

 #listing-Details article .Point p {
  /*font-size: 28rem;*/
  line-height: 1.4;
  margin: 8px 0 0;
 }

 #listing-Details article h2 {
  background: #666;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  color: #FFFFFF;
  font-size: 16rem;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 20px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  text-shadow: 0 -1px 0 #000;
 }

 #listing-Details article h2:before {
  background: #333;
  content: "";
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
 }

 #listing-Details article h3:after {
  content: "";
 }

 #listing-Details article table {
  margin: 0;
  padding: 0;
  width: 100%;
 }

 #listing-Details article table th {
  background: #F7F2EC;
  border-color: #B1ACA5;
  border-style: solid;
  border-width: 1px 0;
  color: #262626;
  /*font-size: 26rem;*/
  line-height: 1.2;
  padding: 12px 10px;
  width: 25%;
  word-break: break-all;
  font-weight: bold;
 }

 #listing-Details article td {
  border-color: #B1ACA5;
  border-style: solid;
  border-width: 1px 0;
  padding: 12px 10px;
 }

 #listing-Details article table .small {
  font-size: 10rem;
  line-height: 1.2;
  padding: 12px 10px;
  width: 25%;
  word-break: break-all;
 }

 #listing-Details article .full td {
  width: auto;
 }

 #listing-Details article table td {
  background: #fff;
  padding: 10px;
  width: auto
   /*25%*/
  ;
  word-break: break-all;
 }

 #listing-Details article table .half {
  width: 25%;
 }

 #listing-Details article table td p {
  /*font-size: 26rem;*/
  line-height: 1.4;
  margin: 0;
  text-align: left;
 }

 #listing-Details article table .half .half_p {
  font-size: 12rem;
 }

 #listing-Details article table td .Price {
  color: #f00;
  font-size: 20rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  text-align: left;
 }

 #listing-Details article table td .Rate {
  color: #00f;
  /*font-size: 26rem;*/
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  text-align: left;
 }

 #listing-Details article table td .address {}

 #listing-Details article table td .address a {
  color: #00f;
 }

 #listing-Details article dl {
  /*font-size: 26rem;*/
  line-height: 140%;
  margin: 16px auto;
  width: 94%;
  font-weight: bold;
  margin: 7px auto 0px auto;
 }

 #listing-Details article dt {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 20px;
  margin-bottom: 10px;
 }

 #listing-Details article dl .summary a {
  float: right;
  color: #00f;
 }

 #listing-Details article dd .btn {
  display: inline-block;
 }

 #listing-Details .modal {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
 }

 #listing-Details .modal .icon .btn-Favorite {
  overflow: hidden;
  display: inline-block;
 }

 #listing-Details .modal .icon .btn-Favorite a {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 24px 10px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #listing-Details .modal .icon .btn-Favorite span {
  background: url(/newsite/img/smartphone/icon-Favorite.png) no-repeat 0 50%;
  -webkit-background-size: 19px 19px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 24px;
 }

 #listing-Details .modal .icon .btn-Mailsub {
  overflow: hidden;
  display: inline-block;
 }

 #listing-Details .modal .icon .btn-Mailsub a {
  border: 1px solid #F07E07;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 24px 15px;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e973e), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
 }

 #listing-Details .modal .icon .btn-Mailsub span {
  background: url(/newsite/img/smartphone/icon-Mail.png) no-repeat 0 50%;
  -webkit-background-size: 21px 17px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 23px;
 }

 #listing-Details .modal .icon .btn-Mail2 a {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 90%;
  padding: 10px 10px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #listing-Details .modal .icon .btn-Mail2 span {
  background: #ccc url(/newsite/img/smartphone/icon-Mail.png) no-repeat 6px 50%;
  -webkit-background-size: 14px 13px;
  font-weight: bold;
  font-size: 14rem;
 }

 #listing-Details .modal .icon .btn-Mail a:hover {
  border: 1px solid #FFA82D;
  background-color: #F7BA62;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7BA62), to(#F08C00));
  background-image: -webkit-linear-gradient(top, #F7BA62, #F08C00);
  background-image: -moz-linear-gradient(top, #F7BA62, #F08C00);
  background-image: -ms-linear-gradient(top, #F7BA62, #F08C00);
  background-image: -o-linear-gradient(top, #F7BA62, #F08C00);
  background-image: linear-gradient(to bottom, #F7BA62, #F08C00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F7BA62, endColorstr=#F08C00);
 }

 #listing-Details .modal .icon .btn-MAIL2 span {
  background: url(/newsite/img/smartphone/icon-Mail2.png) no-repeat 0 50%;
  -webkit-background-size: 19px 15px;
  font-weight: bold;
  font-size: 14rem;
  padding-left: 24px;
 }

 #listing-Details .modal .icon .btn-Search {
  overflow: hidden;
  display: inline-block;
 }

 #listing-Details .modal .icon .btn-Search a {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  padding: 24px 15px;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #listing-Details .modal .icon .btn-Search span {
  background: url(/newsite/img/smartphone/icon-Search.png) no-repeat 0 50%;
  -webkit-background-size: 18px 17px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 15rem;
 }

 #listing-Details .inquiry {
  background: #f5f5f5;
  padding: 10px 0;
  width: 100%;
 }

 #listing-Details .inquiry .btn-Mailmain {
  height: 60px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 96%;
 }

 #listing-Details .inquiry .btn-Mailmain a {
  background-color: #7e973e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e973e), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFBF00, endColorstr=#FF9500);
  border: 1px solid #F07E07;
  display: block;
  height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
 }

 #listing-Details .inquiry .btn-Mailmain a span {
  background: url(/newsite/img/smartphone/icon-Mail.png) no-repeat 0 50%;
  -webkit-background-size: 21px 14px;
  font-size: 18rem;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  padding-left: 36px;
  position: relative;
 }

 .cmntBox {
  margin: 14px 5px 14px 5px;
  border: 1px solid #C8C8C8;
  line-height: 42px;
 }

 .step {
  float: left;
  position: relative;
  height: 24px;
  line-height: 24px;
  padding: 0px 12px 0 1.3em;
  color: #ffffff;
  background: #666666;
  font-size: 0.6em;
 }

 .f08 {
  font-size: 0.7em;
  position: relative;
  height: 24px;
  line-height: 24px;
  float: left;
  padding-left: 8px;
 }

 .f09 {
  font-size: 0.9em;
 }

 .tCenter {
  text-align: center;
  padding-bottom: 10px;
  font-size: 13px;
 }

 .tStrongB {
  text-align: center;
  font-size: 1.2em;
 }

 .tStrongB a {
  color: #008700;
  font-weight: bold;
 }

 .tStrongB span {
  background: url(/newsite/img/smartphone/icon-Tel.png) no-repeat 0 60%;
  -webkit-background-size: 19px 19px;
  padding-left: 30px;
 }

 .tStrong {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
 }

 .tRed {
  color: #f00;
 }

 .tRed a {
  color: blue;
  text-decoration: underline;
 }

 .triangleBox {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 50px 0 50px;
  border-color: #666666 transparent transparent transparent;
  line-height: 0px;
  _border-color: #066666 #7e973e #7e973e #7e973e;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#7e973e');
 }

 /* 03 - Company-Profile?@(?・ﾐ?T?v)
 --------------------------------------------------------- */
 #Company-Profile {}

 #Company-Profile article h2 {
  background: #333;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  color: #FFFFFF;
  font-size: 16rem;
  font-weight: bold;
  line-height: 28px;
  margin: 0;
  padding-left: 24px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  text-shadow: 0 -1px 0 #333;
 }

 #Company-Profile article h2:before {
  background: #333;
  content: "";
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
 }

 #Company-Profile .Company-image {}

 #Company-Profile .Company-image .inner {
  margin: 10px;
  text-align: center;
  overflow: hidden;
 }

 #Company-Profile .Company-image .inner .float_l {
  float: left;
 }

 #Company-Profile .Company-image .inner .float_r {
  float: right;
 }

 #Company-Profile .modal {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  clear: both;
  overflow: hidden;
 }

 #Company-Profile .modal .icon .btn-Favorite {
  overflow: hidden;
  display: inline-block;
 }

 #Company-Profile .modal .icon .btn-Favorite a {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #Company-Profile .modal .icon .btn-Favorite span {
  background: url(/newsite/img/smartphone/icon-Place.png) no-repeat 0 50%;
  -webkit-background-size: 13px 17px;
  font-weight: bold;
  font-size: 17rem;
  padding-left: 20px;
 }

 #Company-Profile .modal .icon .btn-Mailsub {
  overflow: hidden;
  display: inline-block;
 }

 #Company-Profile .modal .icon .btn-Mailsub a {
  border: 1px solid #F07E07;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e973e), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
 }

 #Company-Profile .modal .icon .btn-Mailsub span {
  background: url(/newsite/img/smartphone/icon-Tel-Company.png) no-repeat 0 50%;
  -webkit-background-size: 17px 17px;
  font-weight: bold;
  font-size: 17rem;
  padding-left: 23px;
 }

 #Company-Profile article table {
  margin: 0;
  padding: 0;
  width: 100%;
 }

 #Company-Profile article table th {
  background: #F7F2EC;
  border-color: #B1ACA5;
  border-style: solid;
  border-width: 1px 0;
  color: #262626;
  /*font-size: 26rem;*/
  line-height: 1.2;
  padding: 12px 10px;
  width: 25%;
  word-break: break-all;
  font-weight: bold;
 }

 #Company-Profile article td {
  border-color: #B1ACA5;
  border-style: solid;
  border-width: 1px 0;
  padding: 12px 10px;
 }

 #Company-Profile article table .small {
  font-size: 10rem;
  line-height: 1.2;
  padding: 12px 10px;
  width: 25%;
  word-break: break-all;
 }

 #Company-Profile article .full td {
  width: auto;
 }

 #Company-Profile article table td {
  background: #fff;
  padding: 10px;
  width: auto
   /*25%*/
  ;
  word-break: break-all;
 }

 #Company-Profile article table .half {
  width: 25%;
 }

 #Company-Profile article table td p {
  /*font-size: 26rem;*/
  line-height: 1.4;
  margin: 0;
  text-align: left;
 }

 #Company-Profile article table td .address a {
  color: #00f;
 }

 #Company-Profile article table .half .half_p {
  font-size: 12rem;
 }

 #Company-Profile article .Company-Comment-detail {
  border-color: #999999;
  border-style: dotted;
  text-align: center;
  margin: 0 auto;
  background-color: #F5F5F5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 18px;
  padding: 15px;
  margin: 10px 5px 10px 5px;
  text-align: left;
  font-weight: bold;
 }

 #Company-Profile article .Company-Access-detail {
  margin: 10px 5px 10px 5px;
 }

 #Company-Profile article .Company-Access-detail .btn-Condition {
  margin: 0 auto;
  text-align: center;
 }

 #Company-Profile article .Company-Access-detail .btn-Condition .btn {
  letter-spacing: normal;
  word-spacing: normal;
  width: 90%;
  margin: 0 auto;
 }

 #Company-Profile article .Company-Access-detail .btn-Condition .btn a {
  border: 1px solid #ccc;
  display: block;
  color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-align: center;
  font-weight: bold;
  font-size: 13rem;
  line-height: 45px;
 }

 #Company-Profile article .Company-Access-detail .btn-Condition .btn span {
  background: url(/newsite/img/smartphone/icon-Place.png) no-repeat 0 50%;
  -webkit-background-size: 13px 17px;
  font-weight: bold;
  font-size: 17rem;
  padding-left: 24px;
 }

 /*  ?X???C?_?[  */
 .slider {
  position: relative;
  width: 100%;
  overflow: hidden;
 }

 .slides {
  overflow: hidden;
  *zoom: 1;
 }

 .slides li {
  float: left;
  clear: none;
 }

 .slide {
  text-align: center;
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
 }

 .slide img {
  max-width: 68% !important;
  padding: 0px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-align: center;
  float: none;
 }

 .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
 }

 .slider-arrow--right {
  bottom: 50%;
  right: 10px;
  background: url(/newsite/img/smartphone/right.png) no-repeat;
 }

 .slider-arrow--left {
  bottom: 50%;
  left: 10px;
  background: url(/newsite/img/smartphone/left.png) no-repeat;
 }

 .slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #fff;
  border-radius: 8px;
 }

 .slider-nav__item:hover {
  background: #fff;
 }

 .slider-nav__item--current {
  background: #fff;
 }

 /* 04 - kiyaku-Profile?@(?・・K?・
 --------------------------------------------------------- */
 #Kiyaku-Profile {}

 #Kiyaku-Profile article {
  margin: 10px;
 }

 #Kiyaku-Profile p {
  line-height: 20px;
 }

 #Kiyaku-Profile article .back a {
  text-align: center;
  margin-bottom: 10px;
 }

 #Kiyaku-Profile article .back a {
  font-weight: bold;
  color: #00f;
  text-decoration: underline;
 }

 /* 05 - top-Wrapper?@(?g?b?v?y?[?W)
 --------------------------------------------------------- */
 #top-Wrapper {}



 #top-Wrapper article {
  overflow: hidden;
 }

 #top-Wrapper article .main-Visual > img {
  width: 100%;
 }

 #top-Wrapper .modal {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
 }

 #top-Wrapper .modal .icon .btn-Company {
  letter-spacing: normal;
  word-spacing: normal;
  width: 96%;
  margin: 0 auto;
 }

 #top-Wrapper .modal .icon .btn-Company a {
  border: 1px solid #ccc;
  display: block;
  color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-align: center;
  font-weight: bold;
  font-size: 13rem;
  line-height: 45px;
 }

 #top-Wrapper .modal .icon .btn-Company span {
  background: url(/newsite/img/smartphone/icon-Shopinfo.png) no-repeat 0 50%;
  -webkit-background-size: 17px 16px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 24px;
 }

 #top-Wrapper article .main-Count {
  border-color: #999999;
  border-style: dotted;
  text-align: center;
  background-color: #F5F5F5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 24px;
  padding: 15px;
  margin: 0 5px;
  box-shadow: rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
  -webkit-box-shadow: rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
  -moz-box-shadow: rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
 }

 #top-Wrapper article .main-Count strong {
  color: #f00;
  font-size: 18rem;
  margin: 0 1px;
  font-weight: bold;
 }

 #top-Wrapper article .main-Count .btn-Signup a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
  background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  color: #fff;
  display: block;
  font-size: 17rem;
  font-weight: bold;
  height: 40px;
  line-height: 41px;
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
  width: 274px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 #top-Wrapper article .main-Menu {
  clear: both;
 }

 #top-Wrapper article .main-Menu .menuBox {
  margin: 10px 5px 10px 5px;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea {
  position: relative;
  display: table-cell;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 45px;
  vertical-align: middle;
  width: 1%;
  text-align: center;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea a {
  display: inline-table;
  width: 100%;
  height: 100%;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea p {
  display: table-cell;
  vertical-align: middle;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea p.short {
  display: block;
  vertical-align: bottom;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea i.short {
  display: block;
  width: 100%;
  padding: 5px 0 5px 0;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea i {
  display: table-cell;
  width: 30%;
  text-align: center;
  vertical-align: middle;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea i img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
 }

 #top-Wrapper .modal {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
 }

 #top-Wrapper .modal .icon .btn-Areasearch {
  overflow: hidden;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #top-Wrapper .modal .icon .btn-Areasearch a {
  border: 1px solid #ccc;
  background: url(/newsite/img/smartphone/icon-Area.png) no-repeat 50% 8px;
  -webkit-background-size: 33px 38px;
  color: #333;
  display: block;
  font-size: 12rem;
  font-weight: bold;
  padding: 46px 25px 5px 25px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 #top-Wrapper .modal .icon .btn-Areasearch span {
  font-weight: bold;
  font-size: 15rem;
 }

 #top-Wrapper .modal .icon .btn-Trainsearch {
  overflow: hidden;
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #top-Wrapper .modal .icon .btn-Trainsearch a {
  border: 1px solid #ccc;
  background: url(/newsite/img/smartphone/icon-Train.png) no-repeat 50% 8px;
  -webkit-background-size: 20px 37px;
  color: #333;
  display: block;
  font-size: 12rem;
  font-weight: bold;
  padding: 46px 25px 5px 25px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 #top-Wrapper .modal .icon .btn-Trainsearch span {
  font-weight: bold;
  font-size: 15rem;
 }

 #top-Wrapper .modal .icon .btn-Conditionsearch {
  overflow: hidden;
  margin-top: 10px;
 }

 #top-Wrapper .modal .icon .btn-Conditionsearch a {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  width: 84%;
 }

 #top-Wrapper .modal .icon .btn-Conditionsearch span {
  background: url(/newsite/img/smartphone/icon-Search.png) no-repeat 0 50%;
  -webkit-background-size: 18px 17px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 28px;
 }

 /* Schoolsearch */
 #top-Wrapper .modal .icon .btn-Schoolsearch {
  overflow: hidden;
  margin-top: 10px;
 }

 #top-Wrapper .modal .icon .btn-Schoolsearch a {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  width: 84%;
 }

 #top-Wrapper .modal .icon .btn-Schoolsearch span {
  background: url(/newsite/img/smartphone/icon-School.png) no-repeat 0 50%;
  -webkit-background-size: 18px 17px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 28px;
 }

 /* Citysearch */
 #top-Wrapper .modal .icon .btn-Citysearch {
  overflow: hidden;
  margin-top: 10px;
 }

 #top-Wrapper .modal .icon .btn-Citysearch a {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  width: 84%;
 }

 #top-Wrapper .modal .icon .btn-Citysearch span {
  background: url(/newsite/img/smartphone/icon-City.png) no-repeat 0 50%;
  -webkit-background-size: 18px 17px;
  font-weight: bold;
  font-size: 15rem;
  padding-left: 28px;
 }

 /* ?^?u?؂闡ﾖ?? */
 .tabList {
  position: relative;
  display: inline-table;
 }

 .tabList li {
  position: relative;
  cursor: pointer;
  padding: 0 8px;
  height: 50px;
 }

 .tabList li.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
  background: -moz-linear-gradient(top, #FFF, #FFF);
 }

 .tabList li.active:after {
  bottom: -20px;
  border-width: 10px 20px;
  border-color: #999999 transparent transparent transparent;
 }

 .tabList li#tabNew {
  background: url(/newsite/img/smartphone/icon-New.png) no-repeat 10% 50%;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 13rem;
  padding-left: 22px;
 }

 .tabList li#tabNew.active {
  background: url(/newsite/img/smartphone/icon-New-on.png) no-repeat 10% 50%;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 13rem;
  padding-left: 22px;
 }

 .tabList li#tabDown {
  background: url(/newsite/img/smartphone/icon-Pricedown.png) no-repeat 10% 50%;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 13rem;
  padding-left: 22px;
 }

 .tabList li#tabDown.active {
  background: url(/newsite/img/smartphone/icon-Pricedown-on.png) no-repeat 10% 50%;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 13rem;
  padding-left: 22px;
 }

 .tabList li#tabRcmd {
  background: url(/newsite/img/smartphone/icon-Reccomend.png) no-repeat 10% 50%;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 13rem;
  padding-left: 22px;
 }

 .tabList li#tabRcmd.active {
  background: url(/newsite/img/smartphone/icon-Reccomend-on.png) no-repeat 10% 50%;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 13rem;
  padding-left: 22px;
 }

 .btAreaTab {
  position: relative;
  display: table-cell;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 45px;
  vertical-align: middle;
  font-weight: bold;
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-right: 1px solid rgba(0, 0, 0, .2);
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F1EC), color-stop(0.42, #E7E4DA), color-stop(0.52, #E7E4DA), color-stop(0.75, #E7E4DA), to(#E7E4DA));
  border-top: 1px solid #E7E4DA;
 }

 /*************************************
 list
 *************************************/
 .itemList {
  padding: 0;
 }

 .dataList {
  display: none;
 }

 .dataList.active {
  display: block !important;
 }

 .itemBox {
  overflow: hidden;
  position: relative;
  display: inline-table;
  margin: 10px 0 0;
  padding: 0 0 0 0;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .5);
 }

 .itemBox > div,
 .itemBox > label {
  display: table-cell;
  vertical-align: middle;
 }

 .itemBox:first-child {
  border-left: none;
 }

 .itemBox:last-child {
  border-right: none;
 }

 .itemBox table {
  word-spacing: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto 10px;
  font-size: 0.8em;
  border: 1px solid #333333;
 }

 .itemBox table tr {
  border-bottom: 1px solid #18254C;
 }

 .itemBox table tr:last-child {
  border-bottom: none;
 }

 .itemBox table th,
 .itemBox table td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3px 5px;
 }

 .itemBox table th {
  width: 22%;
  text-align: left;
  font-weight: normal;
  background: #E4E4E4;
 }

 .itemBox table td {
  width: 28%;
 }

 .listBoxLeft {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 10%;
  text-align: center;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid rgba(0, 0, 0, .2);
  background: -webkit-gradient(linear, left top, left bottom, from(#273D7F), to(#18254C));
  background: -moz-linear-gradient(top, #273D7F, #18254C);
 }

 .listBoxMain {
  overflow: hidden;
  position: relative;
 }

 .listBoxMain .listBoxInner {
  word-spacing: -.4em;
  position: relative;
  display: block;
 }

 .listBoxMain .listBoxInner > div {
  word-spacing: normal;
  display: inline-block;
  padding: 5px 5px;
  /* vertical-align:top; */
 }

 .dImg {
  position: relative;
  overflow: hidden;
  height: auto;
  line-height: 0;
  text-align: center;
 }

 .dImg img {
  width: 100%;
  max-width: 100%;
 }

 .listBoxMain h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 1em;
  padding: 0 5px 0 0;
  color: #777777;
  font-size: .9em;
 }

 .listBoxMain ol {
  word-spacing: -.4em;
  font-size: .8em;
 }

 .listBoxMain ol li {
  word-spacing: normal;
  display: inline-block;
  margin: 2px 5px 2px 0;
  vertical-align: middle;
 }

 .listBoxMain ol li.type {
  padding: 3px 5px;
  color: #FFFFFF;
  font-size: 1.4em;
  font-weight: bold;
  background: #003B6D;
  border-radius: 4px;
 }

 .listBoxMain ul {
  font-size: .9em;
 }

 .listBoxMain ul a {
  display: inline;
 }

 .listBoxMain ul li {
  display: inline-table;
  width: 100%;
  line-height: 1.5em;
 }

 .listBoxMain ul li.price {
  line-height: 1.5em;
  color: #f90000;
  font-size: 1.5em;
  font-weight: bold;
 }

 .listBoxMain ul li i {
  display: table-cell;
  width: 12px;
  height: 12px;
  padding: 0 5px 0 0;
  vertical-align: middle;
 }

 .listBoxMain ul li i img {
  width: 100%;
 }

 .listBoxMain ul li p {
  display: inline;
  vertical-align: middle;
 }

 .listBoxMain ul li p.title {
  width: 6em;
  color: #003B6D;
  font-weight: bold;
 }

 .listBoxMain .dummy {
  word-spacing: -.4em;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, .9)));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
 }

 .listBoxMain .dummy .tilte {
  text-align: center;
 }

 .listBoxMain .dummy .tilte .messageNomal {
  color: #000;
  font-size: 16rem;
  font-weight: bold;
  line-height: 32px;
 }

 .listBoxMain .dummy .tilte .messageImportant {
  color: #D80000;
  font-size: 26rem;
  font-weight: bold;
  line-height: 32px;
 }

 .listBoxMain .dummy .messageNomal2 {}

 .listBoxMain .dummy .messageNomal2 p {
  text-align: center;
  font-size: 11rem;
 }

 .listBoxMain .dummy .messageNomal2 span {
  color: #D80000;
  font-size: 20rem;
  font-weight: bold;
 }

 .listBoxMain .dummy div {}

 .listBoxMain .dummy h2 {
  word-spacing: normal;
  margin: 5px 0 10px;
  padding: 0 0 0 20%;
  font-size: 1.4em;
  font-weight: bold;
  color: #ffffff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, .3);
 }

 .listBoxMain .dummy div.spaceL {
  text-align: right;
  font-weight: bold;
  color: #000;
  margin-top: 16px;
  width: 45%;
  margin-right: 7px;
 }

 .listBoxMain .dummy div.spaceL span {
  font-size: 1.6em;
  color: #D80000;
 }

 .listBoxMain .dummy div.spaceR {
  margin: 0 auto;
  width: 70%;
 }

 .listBoxMain .dummy div.spaceR p {
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 4px;
  color: #FFF;
  padding: 8px 0px;
 }

 .listBoxRight {
  width: 5%;
  text-align: center;
  border-radius: 0 4px 4px 0;
  /*background:-webkit-gradient(linear, left top, left bottom, from(#E7F3FD), to(#8B9FB0));
  background:-moz-linear-gradient(top, #E7F3FD, #8B9FB0);*/
 }

 .listBoxRight i {
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
 }

 #top-Wrapper article .ttl-Feature {}

 #top-Wrapper article .ttl-Feature ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }

 #top-Wrapper article .ttl-Feature li {
  border-color: #fff #ccc #ccc #ccc;
  border-style: solid;
  border-width: 1px 0;
  height: 54px;
  position: relative;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(1) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(1) a {
  background: url(/newsite/img/smartphone/bg-Profit01.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(2) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(2) a {
  background: url(/newsite/img/smartphone/bg-Profit02.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(3) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(3) a {
  background: url(/newsite/img/smartphone/bg-Profit03.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(4) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(4) a {
  background: url(/newsite/img/smartphone/bg-Profit04.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(5) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(5) a {
  background: url(/newsite/img/smartphone/bg-Profit05.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(6) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(6) a {
  background: url(/newsite/img/smartphone/bg-Profit06.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(7) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(7) a {
  background: url(/newsite/img/smartphone/bg-Profit07.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(8) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(8) a {
  background: url(/newsite/img/smartphone/bg-Profit08.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(9) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
 }

 #top-Wrapper article .ttl-Feature li:nth-of-type(9) a {
  background: url(/newsite/img/smartphone/bg-Profit09.png) no-repeat 8px 50%;
  -webkit-background-size: 39px 39px;
 }

 #top-Wrapper article .ttl-Feature li:after {
  content: "";
  display: block;
  height: 10px;
  border-top: 3px solid #ff8c00;
  border-right: 3px solid #ff8c00;
  position: absolute;
  right: 12px;
  top: 48%;
  margin-top: -5px;
  width: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
 }

 #top-Wrapper article .ttl-Feature li a {
  color: #333;
  font-size: 15rem;
  font-weight: bold;
  display: block;
  height: 54px;
  line-height: 54px;
  padding-left: 20px;
 }

 #top-Wrapper article .ttl-Feature li:hover {
  background: #eee;
 }

 #top-Wrapper article .ttl-Shopinfo {}

 #top-Wrapper article .ttl-Shopinfo .inner {
  margin: 10px;
  text-align: center;
  overflow: hidden;
 }

 #top-Wrapper article .ttl-Shopinfo .inner .float_l {
  float: left;
 }

 #top-Wrapper article .ttl-Shopinfo .inner .float_r {
  float: right;
 }

 #top-Wrapper article .ttl-Shopinfo .btn-Condition {
  margin: 0 auto;
  text-align: center;
 }

 #top-Wrapper article .ttl-Shopinfo .btn-Condition .btn {
  letter-spacing: normal;
  word-spacing: normal;
  width: 90%;
  margin: 0 auto;
 }

 #top-Wrapper article .ttl-Shopinfo .btn-Condition .btn a {
  border: 1px solid #ccc;
  display: block;
  color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left middle, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-align: center;
  font-weight: bold;
  font-size: 13rem;
  line-height: 45px;
 }

 #top-Wrapper article .ttl-Shopinfo .btn-Condition .btn .tel {
  background: url(/newsite/img/smartphone/icon-Tel.png) no-repeat 0 60%;
  -webkit-background-size: 13px 17px;
  font-weight: bold;
  font-size: 17rem;
  padding-left: 24px;
 }

 #top-Wrapper article dl {
  line-height: 140%;
  margin: 16px auto;
  width: 94%;
  font-weight: bold;
  margin: 7px auto 0px auto;
 }

 #top-Wrapper article .ttl-Shopinfo dt {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 20px;
  margin-bottom: 10px;
 }

 #top-Wrapper article .ttl-Shopinfo dl .summary a {
  float: right;
  color: #00f;
 }

 #top-Wrapper article .ttl-Shopinfo dd .btn {
  display: inline-block;
 }

 #top-Wrapper .modal .icon .btn-Favorite {
  overflow: hidden;
  display: inline-block;
 }

 #top-Wrapper .modal .icon .btn-Favorite a {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
 }

 #top-Wrapper .modal .icon .btn-Favorite span {
  background: url(/newsite/img/smartphone/icon-Place.png) no-repeat 0 50%;
  -webkit-background-size: 13px 17px;
  font-weight: bold;
  font-size: 17rem;
  padding-left: 20px;
 }

 #top-Wrapper .modal .icon .btn-Mailsub {
  overflow: hidden;
  display: inline-block;
 }

 #top-Wrapper .modal .icon .btn-Mailsub a {
  border: 1px solid #F07E07;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e973e), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
 }

 #top-Wrapper .modal .icon .btn-Mailsub span {
  background: url(/newsite/img/smartphone/icon-Tel-Company.png) no-repeat 0 50%;
  -webkit-background-size: 17px 17px;
  font-weight: bold;
  font-size: 17rem;
  padding-left: 23px;
 }

 #top-Wrapper article .ttl-Infomation div {
  height: 220px;
  overflow: scroll;
  border: 1px solid #CCC;
  -webkit-overflow-scrolling: touch;
  background: #F8F8F8;
  margin: 5px;
 }

 #top-Wrapper article .ttl-Infomation .info_bg {
  overflow: auto;
  margin: 0 10px;
 }

 /**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
 /** RESET AND LAYOUT
 ===================================*/
 .bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  margin: 10px;
 }

 .bx-wrapper img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
 }

 /** THEME
 ===================================*/
 .bx-wrapper .bx-viewport {
  /*-moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: solid #fff 5px;
  left: -5px;*/
 }

 .bx-wrapper .bx-pager,
 .bx-wrapper .bx-controls-auto {
  width: 100%;
 }

 /* LOADER */
 .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(file://///LANDISK-JSP/disk/%E7%AC%AC%EF%BC%92%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%81%E3%83%BC%E3%83%A0%E3%80%90%E5%A3%B2%E8%B2%B7%E3%80%91/master/%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83/sp/js/img/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
 }

 /* PAGER */
 .bx-wrapper .bx-pager {
  text-align: center;
  font-size: 24px;
  color: #000;
  margin-top: 5px;
 }

 .bx-wrapper .bx-pager .bx-pager-item,
 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
 }

 .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }

 .bx-wrapper .bx-pager.bx-default-pager a:hover,
 .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ff8c00;
  border-color: #ff8c00;
  color: #fff;
 }

 /* DIRECTION CONTROLS (NEXT / PREV) */
 .bx-wrapper .bx-prev {
  left: 0;
  background: url(file://///LANDISK-JSP/disk/%E7%AC%AC%EF%BC%92%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%81%E3%83%BC%E3%83%A0%E3%80%90%E5%A3%B2%E8%B2%B7%E3%80%91/master/%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83/sp/js/img/controls.png) no-repeat 0 -96px;
  /*box-shadow*/
 }

 .bx-wrapper .bx-next {
  right: 0;
  background: url(file://///LANDISK-JSP/disk/%E7%AC%AC%EF%BC%92%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%81%E3%83%BC%E3%83%A0%E3%80%90%E5%A3%B2%E8%B2%B7%E3%80%91/master/%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83/sp/js/img/controls.png) no-repeat -58px -96px;
  /*box-shadow*/
 }

 .bx-wrapper .bx-prev:hover {
  background-position: 0 0;
 }

 .bx-wrapper .bx-next:hover {
  background-position: -58px 0;
 }

 .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 40%;
  margin-top: -46px;
  outline: 0;
  width: 54px;
  height: 92px;
  text-indent: -9999px;
  z-index: 9999;
 }

 .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
 }

 /* AUTO CONTROLS (START / STOP) */
 .bx-wrapper .bx-controls-auto {
  text-align: center;
 }

 .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(file://///LANDISK-JSP/disk/%E7%AC%AC%EF%BC%92%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%81%E3%83%BC%E3%83%A0%E3%80%90%E5%A3%B2%E8%B2%B7%E3%80%91/master/%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83/sp/js/img/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
 }

 .bx-wrapper .bx-controls-auto .bx-start:hover,
 .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
 }

 .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(file://///LANDISK-JSP/disk/%E7%AC%AC%EF%BC%92%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%81%E3%83%BC%E3%83%A0%E3%80%90%E5%A3%B2%E8%B2%B7%E3%80%91/master/%E3%83%86%E3%82%B9%E3%83%88%E7%92%B0%E5%A2%83/sp/js/img/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
 }

 .bx-wrapper .bx-controls-auto .bx-stop:hover,
 .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
 }

 /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
 }

 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
 }

 /* IMAGE CAPTIONS */
 .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 60px;
  left: 0;
  /*background: #666\9;
  background: rgba(80, 80, 80, 0.75);*/
  text-align: center;
  width: 100%;
 }

 .bx-wrapper .bx-caption span {
  color: #000;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
 }

 /* ?ǉU? */
 .w96 {
  width: 100%;
  margin: 0 auto;
 }

 .w95 {
  width: 100%;
  margin: 0 auto;
 }

 .w90 {
  width: 90%;
  margin: 0 auto;
 }

 .w80 {
  width: 80%;
 }

 .w70 {
  width: 70%;
 }

 .w60 {
  width: 60%;
 }

 .w50 {
  width: 50%;
  margin: 0 auto;
 }

 .w45 {
  width: 46%;
  margin: 0 auto;
 }

 .w40 {
  width: 40%;
 }

 .w34 {
  width: 34%;
 }

 .w33 {
  width: 33%;
 }

 .w30 {
  width: 30%;
 }

 .w25 {
  width: 25%;
 }

 .w20 {
  width: 21%;
  margin: 0 auto;
 }

 .w10 {
  width: 10%;
 }

 .slideBox {
  width: 96%;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0px auto;
  padding: 10px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .1);
 }

 .slideBox ul.slides {
  position: relative;
  display: block;
  margin: 0 auto 18px;
  text-align: center;
 }

 .slideBox ul.slides li {
  position: relative;
  height: 300px;
  text-align: center;
 }

 .slideBox .slideNav {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 4px;
 }

 .slideBox .slideNav.left {
  left: 0px;
 }

 .slideBox .slideNav.right {
  right: 35px;
 }

 .slideBox .slideNav p {
  position: relative;
  display: block;
  width: 96%;
  height: 100%;
 }

 .slideBox .slideNav p img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
 }

 .slideBox .slideNav.left p img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
 }

 .tCenter {
  text-align: center;
 }

 footer .btArea {
  height: 36px;
  background: -webkit-gradient(linear, left top, left bottom, from(#273D7F), to(#18254C));
  background: -moz-linear-gradient(top, #273D7F, #18254C);
 }

 .btArea {
  margin-bottom: 6px;
 }

 .btArea a {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 14px 14px 14px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  width: 85%;
  position: relative;
 }

 .btArea .area {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 14px 14px 14px 14px;
  text-decoration: none;
  display: inline-block;
  color: #333333;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  width: 85%;
  position: relative;
  margin: 10px 0 0 0;
 }

 .btArea .area .gakku_comment {
  color: #F00;
  font-size: 13px;
  width: 480px;
  margin: 0px;
  padding: 0px;
 }

 .btArea.type2 {
  color: #5F0000;
  border-left: 1px solid #928960;
  border-bottom: 1px solid #928960;
  background: #EFDFA3;
 }

 .btArea.type3 {
  color: #5F0000;
  border: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  background: -moz-linear-gradient(top, #dddddd, #bbbbbb);
 }

 .btArea.type4 {
  border: none;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
  background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
 }

 .btArea.type5 {
  /*???⍇???{?^???S?ﾊ*/
  border: none;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), to(#d2691e));
  background: -moz-linear-gradient(top, #ffa500, #d2691e);
 }

 .btArea.type2 a,
 .btArea.type3 a {
  color: #7e973e;
 }

 .btArea.type4 a {
  color: #DFCF8F;
 }

 .btArea i {
  display: table-cell;
  vertical-align: middle;
 }

 footer .btArea i {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  background: url(/newsite/img/smartphone/icon_arrow.png) no-repeat center center;
  background-size: contain;
 }

 .btArea i.short {
  display: block;
  width: 100%;
  padding: 2px 0 0 0;
 }

 .btArea i img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
 }

 .btArea p {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 5px;
 }

 .btArea p.short {
  display: block;
  vertical-align: bottom;
 }

 .btBack {
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 30px;
  margin: 5px 0 5px 24px;
  padding: 0 1em 0 0;
  color: #000;
  border-radius: 0 2px 2px 0;
  background-color: #eee;
 }

 .btBack p {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 4px;
  left: -11px;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #eee;
 }

 .btBack div {
  padding: 0 0 0 20px;
 }

 .btBack i {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: -.5em;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
 }

 .btBack i img {
  width: 100%;
 }

 .ribbon {
  z-index: 100;
  line-height: 16px;
  text-align: center;
  font-size: 10rem;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 5px;
 }

 .ribbon.new {
  top: 10px;
  left: 10px;
  background: rgba(255, 102, 0, .8);
  width: 30px;
 }

 .ribbon.member {
  background: rgba(255, 165, 0, .8);
  width: 48px;
  font-weight: bold;
  line-height: 19px;
 }

 /*************************************
 input
 *************************************/
 input[type="text"],
 input[type="tel"],
 input[type="email"],
 input[type="password"],
 textarea {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 36px;
  line-height36px;
  margin: 5px 0;
  padding: 0 .5em;
  font-size: 1.2em;
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 2px;
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, .3) inset;
  background-color: #FFF4F4;
  border: 1px solid #FFB0B0;
 }

 input[type="text"]:focus,
 input[type="tel"]:focus,
 input[type="email"]:focus,
 input[type="password"]:focus,
 textarea:focus {
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, .5) inset, 0 0 2px 2px rgba(125, 0, 0, .5);
 }

 textarea {
  height: 3.6em;
  line-height: 1.2em;
  padding-right: 0;
 }

 input[type="checkbox"] {
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  vertical-align: middle;
 }

 .listCheck input[type="checkbox"] {
  width: auto;
  height: auto;
 }

 input[type="radio"] {
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  vertical-align: bottom;
 }

 button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 1.4em;
  line-height: 1.4em;
  margin: 0;
  padding: .0 0 0;
  vertical-align: middle;
 }

 select {
  height: 36px;
  font-size: 1.2em;
  width: 135px;
 }

 .checkboxListInquiry {
  background-color: #FFF4F4;
  margin: 5px 0px 0px 22px;
 }

 .btNavi select {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 select:focus {}

 option {
  display: block;
  height: 1.4em;
  line-height: 1.4em;
  font-size: 1.2em;
 }

 .iBoxPrnt {
  padding: 7px;
 }

 .iBox50 {
  clear: both;
  word-spacing: -.4em;
  display: table-cell;
  width: 50%;
 }

 .iBox50 p,
 .iBox50 input {
  word-spacing: normal;
  display: inline-block;
 }

 .iBox50 p {
  width: 20%;
 }

 .iBox50 input {
  width: 75%;
 }

 .iBoxPrnt ul {
  word-spacing: -.4em;
 }

 .iBoxPrnt ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-spacing: normal;
  display: inline-block;
  line-height: 1.2em;
  margin: 0 2% 0 0;
 }

 h3.sTitle1 {
  border-bottom: 1px solid #FFFFFF;
  background: #8C8C8C;
  padding: 15px 0px;
  font-size: 16px;
  line-height: 100%;
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 4px;
 }

 h3.step_title {
  height: 24px;
  padding-left: 0;
  color: #515151;
  background: #dddddd;
 }

 h3.step_title p {
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 1.3em;
 }

 h5.sTitle1 {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 1.5em;
  margin: 0;
  padding: 0 10px;
  font-size: 1em;
  color: #333333;
  background: #dddddd;
 }

 h4.sTitle2 {
  background: #EBEBEB;
  border-top: #D4D4D4 1px solid;
  border-bottom: #D4D4D4 1px solid;
  padding: 8px 0px 8px 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  color: #333333;
 }

 .tTitleG {
  font-weight: bold;
  background: #E4E4E4;
 }

 .tMust {
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 120%;
  background: #FF0000;
  padding: 3px;
  margin-left: 5px;
 }

 /*************************************
 search
 *************************************/
 .form .menuBox {
  margin: 10px auto;
  text-align: center;
 }

 .form .btArea.middle {
  position: relative;
  display: block;
  margin: 0 auto;
 }

 .form .btArea.middle a:after {
  position: absolute;
  content: url("../../img/smartphone/icon_arrow.png");
  width: 20px;
  height: 20px;
  top: 0;
  right: 5%;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
 }

 .form .btArea.middle a.active:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
 }

 .searchData {
  display: none;
 }

 .searchData table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #9E9A9B;
  width: 94%;
  margin: 0 auto;
 }

 .searchData table tr {
  border-top: 1px solid rgba(255, 255, 255, .2);
  border-bottom: 1px solid rgba(0, 0, 0, .2);
 }

 .searchData table th,
 .searchData table td {
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-right: 1px solid rgba(0, 0, 0, .2);
 }

 .searchData table th {
  line-height: 2em;
  padding: 10px .5em;
  color: #333;
  border-bottom: 1px solid #ccc;
  background: #F5F3E7;
  font-weight: bold;
 }

 .searchData table th p {
  cursor: pointer;
  float: right;
  width: 60px;
  height: 24px;
  margin: 0 0 0 5px;
  text-align: center;
  color: #FFFFFF;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  border: 1px solid #F07E07;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFBF00), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  line-height: 24px;
 }

 .searchData table td {
  line-height: 1.8em;
  color: #333333;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background: -moz-linear-gradient(top, #ffffff, #dddddd);
 }

 table td label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px .5em;
 }

 .line_d {
  height: auto;
  clear: both;
  margin: 10px 0 0 0;
  padding: 0px;
  overflow: hidden;
 }

 .area_box {
  float: left;
  list-style: none;
  width: 48% !important;
  border-bottom: 1px solid #e2e2e2;
  line-height: 34px;
 }

 .line_d2 {
  margin: 0 0 0 10px;
 }

 /*************************************
 my_search
 *************************************/
 .mySearchArea {
  width: 95%;
 }

 .mySearchArea .menuBox {
  margin: 10px auto;
  text-align: center;
 }

 .mySearchArea .btArea.middle {
  position: relative;
  display: block;
 }

 .mySearchArea .btArea.middle a:after {
  position: absolute;
  content: url("../../img/smartphone/icon_arrow.png");
  width: 20px;
  height: 20px;
  top: 0;
  right: 5%;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
 }

 .mySearchData table {
  border-top: 1px solid #9E9A9B;
  border-left: 1px solid #9E9A9B;
  margin-bottom: 10px;
 }

 .mySearchData table th,
 .mySearchData table td {
  padding: 2px;
  border-right: 1px solid #9E9A9B;
  border-bottom: 1px solid #9E9A9B;
  font-size: 0.9em;
  margin: 0;
 }

 .mySearchData table th {
  cursor: pointer;
  text-align: center;
 }

 /* ?s?̔w?i?F?ﾏ?X???髀・??͈ȉ??ɐݒ・*/
 .mySearchData table:nth-child(even) th {}

 .mySearchData table td p {
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: normal;
  border-radius: 2px;
 }

 .mySearchData table td p.middle {
  width: 60px;
 }

 .mySearchData table td p.square {
  width: 24px;
  margin: 5p 0;
 }

 .mySearchData table:first-child td p.up {
  display: none;
 }

 .mySearchData table:last-child td p.down {
  display: none;
 }

 .searchConditions a {
  color: #03C;
  text-decoration: none;
  font-size: 15rem;
 }

 .mysearch-after a:after {
  display: block;
  white-space: nowrap;
  content: "\6761\4ef6\3092\8ffd\52a0\30fb\5909\66f4\3059\308b";
  /*?ﾋ[???̑??쏂ﾇ?AE?ύX???饐?̕???*/
  background: url(/newsite/img/smartphone/mysearch-plus.jpg) 0 0 no-repeat transparent;
  /* width: 10%; */
  /* height: 100%; */
  background-size: 20px 20px;
  text-indent: 22px;
  line-height: 24px;
  color: #24B3B3 !important;
  font-weight: bold;
  text-decoration: none !important;
 }

 .btForm {
  cursor: pointer;
  height: 2.5em;
  line-height: 2.5em;
  margin: 0 0 20px 0;
  font-size: 1.2em;
  margin: 0 auto;
 }

 .btForm.middle {
  line-height: 24px;
 }

 .btForm a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
 }

 .btFormList {
  cursor: pointer;
  height: 2.5em;
  line-height: 2.5em;
  margin: 10px 0 10px 0;
  font-size: 1.2em;
 }

 .btFormList.middle {
  height: 24px;
  line-height: 24px;
 }

 .btFormList a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
 }

 .btNavi {
  word-spacing: -0.4em;
  text-align: center;
  margin: 0 0 5px;
 }

 .btNavi a {
  /*20130723*/
  color: #7e973e;
 }

 .btNavi li {
  word-spacing: normal;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin: 5px 1.5%;
 }

 .btNavi li.short {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
  line-height: 1.2em;
  margin: 2px auto;
  padding: .5em;
  border: 2px solid #dddddd;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 .btNavi li a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  color: #ffffff;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#243873), to(#18254C));
  background: -moz-linear-gradient(top, #243873, #D9D9D9);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 .btNavi li.disabled a {
  color: #999999;
  background: #D9D9D9;
 }

 /* detail?ﾌ3?A?{?^???p?i5/20?@???g?p?j */
 .btList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-spacing: -.4em;
  font-size: 0.9em;
 }

 .btList li {
  word-spacing: normal;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 .btList li:first-child {
  margin-left: 2%;
 }

 .btList li:nth-child(2) {
  margin: 0 3%;
 }

 .btLogin {
  /*20130731?w?b?_?[?̃??O?C???{?^??*/
  text-align: center;
  color: #7e973e;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#999999));
  background: -moz-linear-gradient(top, #c4c4c4, #999999);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 .btResist {
  /*20130731?w?b?_?[?̉・・o?^?{?^??*/
  text-align: center;
  color: #ffffff;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#d50008), to(#870005));
  background: -moz-linear-gradient(top, #d50008, #870005);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 .btMypage {
  /*20130731?w?b?_?[?̃}?C?y?[?W?{?^??*/
  text-align: center;
  color: #7e973e;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), to(#d2691e));
  background: -moz-linear-gradient(top, #ffa500, #d2691e);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 }

 .btNormal {
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  border: 1px solid #F07E07;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFBF00), to(#FF9500));
  background-image: -webkit-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -moz-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -ms-linear-gradient(top, #FFBF00, #FF9500);
  background-image: -o-linear-gradient(top, #FFBF00, #FF9500);
  background-image: linear-gradient(to bottom, #FFBF00, #FF9500);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
 }

 .btNormal p {
  line-height: 41px;
  font-weight: bold;
 }

 .btHighlight {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
  background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  color: #fff;
  display: block;
  font-weight: bold;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 .btHighlight p {
  line-height: 41px;
  font-weight: bold;
 }

 .btMono {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  color: #000;
  border: 1px solid #ccc;
  display: block;
  font-weight: bold;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 .btMono p {
  line-height: 41px;
  font-weight: bold;
  color: #000;
 }

 .mb10 {
  padding: 15px 9px;
 }

 .another {
  padding: 0px 9px 10px;
 }

 .imgBox {
  line-height: 0px;
 }

 .imgBox img {
  width: 100%;
 }

 .form_email {
  padding-left: 10px;
 }

 .form_email input {
  width: 100%;
 }

 .form_password {
  padding-left: 10px;
 }

 #main h1 {
  font-weight: bold;
  padding: 5px 5px;
  position: relative;
  font-size: 16rem;
  line-height: 23px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 5%) !important;
  /* W3C */
  color: #fff;
  text-shadow: 0 -1px 0 #7e973e;
  display: block;
 }

 .mainMenu {
  text-align: center;
  margin-bottom: 15px;
 }

 /*************************************
 favorite
 *************************************/
 .f_Delete {
  margin-bottom: 10px;
 }

 .f_Delete .btDelete {
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -ms-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F2F2F2);
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px 5px;
  text-align: center;
  font-weight: bold;
 }

 /*************************************
 top-menu
 *************************************/
 .top-menu01 {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 100%;
 }

 .top-menu01 ul {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
 }

 .top-menu01 li {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 25%;
 }

 .top-menu01 li a {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
 }

 .top-menu01 li a:hover {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
 }

 .top-menu01 li img {
  width: 100%;
 }

 /*?g?b?v?p?ǉA@20150612*/
 .search_name p {
  /*	background: url(/newsite/img/smartphone/icon-Place.png) no-repeat 0 50%;*/
  -webkit-background-size: 13px 17px;
  font-weight: bold;
  font-size: 17rem;
  /*	padding-left: 20px;*/
 }

 .m-toku {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 100%;
 }

 .m-toku ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
 }

 .m-toku li.left a {
  width: 49%;
  line-height: 55px;
  float: left;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: block;
  text-align: left;
  text-indent: 15px;
 }

 .m-toku li.right a {
  width: 50%;
  line-height: 55px;
  float: left;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: block;
  text-align: left;
  text-indent: 15px;
 }

 /*top4.html*/
 .m-toku001 {
  margin: 10px auto;
  padding: 0;
 }

 .m-toku001 ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }

 .m-toku001 li {
  display: block;
  float: left;
  margin: 5px 2px;
  padding: 0px;
  width: 48%;
 }

 .m-toku001 img {
  width: 100%;
 }

 /*top-kokubu.html*/
 /* Sign, Login - button02 */
 header .button02 {
  float: right;
  height: 52px;
 }

 /*header .button02 p:nth-of-type(1) {
 display: table-cell;
 margin: 0;
 height: 52px;
 text-align: center;

 border-color: #08295A #08295A #08295A #08295A;
 border-style: solid;
 border-width: 0 1px;
}*/
 header .button02 p:nth-of-type(1) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 header .button02 p:nth-of-type(2) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 header .button02 p:nth-of-type(3) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 /*header .button02 p:nth-of-type(1) a {
 display: block; 
 padding-top: 30px;
 width: 60px;
 height: 22px;
 color: #08295A;
 font-size: 10rem; 
 background: url(/newsite/img/smartphone/kokubu/search-head.jpg) no-repeat 50% 30%;
 -webkit-background-size: 20px 20px;
 -moz-background-size: 20px 20px;
 background-size: 20px 20px;
}
 header .button02 p:nth-of-type(1) a.out {
 background: url(/newsite/img/smartphone/kokubu/search-head.jpg) no-repeat 50% 30%;
 -webkit-background-size: 20px 20px;
 -moz-background-size: 20px 20px;
 background-size: 20px 20px;
}*/
 header .button02 p:nth-of-type(1) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/kokubu/search-user.jpg) no-repeat 50% 30%;
  -webkit-background-size: 15px 20px;
  -moz-background-size: 15px 20px;
  background-size: 15px 20px;
 }

 header .button02 p:nth-of-type(1) a.out {
  background: url(/newsite/img/smartphone/kokubu/search-user.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(2) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/kokubu/icon-Login.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(2) a.out {
  background: url(/newsite/img/smartphone/kokubu/icon-Logout.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(3) span {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  color: #FFF;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/kokubu/icon-HeadMenu.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 /*header .button02 p:nth-of-type(1) a:hover {
 background: #FFF url(/newsite/img/smartphone/kokubu/search-head.jpg) no-repeat 50% 30%; 
 -webkit-background-size: 20px 20px;
 -moz-background-size: 20px 20px;
 background-size: 20px 20px;
}*/
 header .button02 p:nth-of-type(1) a:hover {
  background: #FFF url(/newsite/img/smartphone/kokubu/search-user.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(2) a:hover {
  background: #FFF url(/newsite/img/smartphone/kokubu/icon-Login.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(3) span::active {
  background: #060 url(/newsite/img/smartphone/kokubu/icon-HeadMenu.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .logo {
  float: left;
  display: table-cell;
  overflow: hidden;
  margin: 5px 0 0 5px;
  width: 68px;
  height: 47px;
  font: 10rem/100% "Hiragino Kaku Gothic Pro", "?q???M?m?p?S Pro W3";
  text-indent: 100%;
  white-space: nowrap;
  background: url(/newsite/img/smartphone/kokubu/logo.png) no-repeat 0 0;
  -webkit-background-size: 65px 42px;
  -moz-background-size: 65px 42px;
  background-size: 65px 42px;
 }

 header .logo a {
  display: block;
  height: 38px;
 }

 .menu_button {}

 .menu-button-right {
  right: 0;
  border: none;
 }

 /*-------------------------------
 ?g?b?v?y?[?W?????ǉﾁ 20150701
 -------------------------------*/
 /* slidemenu
 -------------------------------*/
 .menu_button {}

 .menu-button-right {
  right: 0;
  border: none;
 }

 .slidemenu {
  background-color: #FAFAFA;
 }

 .slidemenu li {
  text-align: left;
  list-style: none;
  border-bottom: 1px solid #7e973e;
  font-size: 14px;
  line-height: 1.8;
 }

 .slidemenu li.index {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 100%);
  /* W3C */
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 20px;
 }

 .slidemenu li a {
  color: #555555;
  display: block;
  text-decoration: none;
  padding: 10px 0 10px 45px;
 }

 .slidemenu li a.login {
  background: url(/newsite/img/smartphone/icon-Login.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.logout {
  background: url(/newsite/img/smartphone/icon-Logout.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.question {
  background: url(/newsite/img/smartphone/icon-Question.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category01 {
  background: url(/newsite/img/smartphone/icon-Menu01.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category02 {
  background: url(/newsite/img/smartphone/icon-Menu02.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category03 {
  background: url(/newsite/img/smartphone/icon-Menu03.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category04 {
  background: url(/newsite/img/smartphone/icon-Menu04.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category05 {
  background: url(/newsite/img/smartphone/icon-Menu05.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category06 {
  background: url(/newsite/img/smartphone/icon-Menu06.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category07 {
  background: url(/newsite/img/smartphone/icon-Menu07.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category08 {
  background: url(/newsite/img/smartphone/icon-Menu08.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category09 {
  background: url(/newsite/img/smartphone/icon-Menu09.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category10 {
  background: url(/newsite/img/smartphone/icon-Menu10.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category11 {
  background: url(/newsite/img/smartphone/icon-Menu11.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category12 {
  background: url(/newsite/img/smartphone/icon-Menu12.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category13 {
  background: url(/newsite/img/smartphone/icon-Menu13.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category14 {
  background: url(/newsite/img/smartphone/icon-Menu14.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category15 {
  background: url(/newsite/img/smartphone/icon-Menu15.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category16 {
  background: url(/newsite/img/smartphone/icon-Menu16.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category17 {
  background: url(/newsite/img/smartphone/icon-Menu17.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category18 {
  background: url(/newsite/img/smartphone/icon-Menu18.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li:first-child {
  border-top: none;
 }

 .slidemenu li:last-child {
  border-bottom: 1px solid #cce0cc;
 }

 .slidemenu .slidemenu-header {
  height: 54px;
  border-bottom: 1px solid #7e973e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 100%);
  /* W3C */
 }

 .slidemenu .slidemenu-header div {
  color: #FFFFFF;
  text-decoration: none;
  padding: 15px 0px 0px 19px;
 }

 .slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
 }

 .slidemenu .slidemenu-header {
  position: relative;
 }

 .slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
 }

 .slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
 }

 .slidemenu-left {
  left: 0;
 }

 .slidemenu-right {
  right: 0;
 }

 /*plugin*/
 #main {
  z-index: 1;
  background-color: #FFF;
 }

 .slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
 }

 .slidemenu .slidemenu-header {
  position: relative;
 }

 .slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
 }

 .slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
 }

 .slidemenu-left {
  left: 0;
 }

 .slidemenu-right {
  right: 0;
 }

 /* =========================================================
 Header
 ========================================================= */
 header h1 {
  float: left;
  display: table-cell;
  overflow: hidden;
  margin: 5px 0 0 5px;
  width: 68px;
  height: 47px;
  font: 10rem/100% "Hiragino Kaku Gothic Pro", "?q???M?m?p?S Pro W3";
  text-indent: 100%;
  white-space: nowrap;
  background: url(/newsite/img/smartphone/logo2.png) no-repeat 0 0;
  -webkit-background-size: 65px 42px;
  -moz-background-size: 65px 42px;
  background-size: 65px 42px;
 }

 header h1 a {
  display: block;
  height: 38px;
 }

 /* slidemenu
 -------------------------------*/
 .menu_button {}

 .menu-button-right {
  right: 0;
  border: none;
 }

 .slidemenu {
  background-color: #eff5ef;
 }

 .slidemenu li {
  list-style: none;
  border-bottom: 1px solid #7e973e;
  font-size: 14px;
  line-height: 1.8;
 }

 .slidemenu li.index {
  color: #ffffff;
  background: #7e973e;
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 20px;
 }

 .slidemenu li a {
  color: #555555;
  display: block;
  text-decoration: none;
  padding: 10px 0 10px 45px;
 }

 .slidemenu li a.login {
  background: url(/newsite/img/smartphone/icon-Login.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.logout {
  background: url(/newsite/img/smartphone/icon-Logout.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.question {
  background: url(/newsite/img/smartphone/icon-Question.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category01 {
  background: url(/newsite/img/smartphone/icon-Menu01.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category02 {
  background: url(/newsite/img/smartphone/icon-Menu02.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category03 {
  background: url(/newsite/img/smartphone/icon-Menu03.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category04 {
  background: url(/newsite/img/smartphone/icon-Menu04.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category05 {
  background: url(/newsite/img/smartphone/icon-Menu05.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category06 {
  background: url(/newsite/img/smartphone/icon-Menu06.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category07 {
  background: url(/newsite/img/smartphone/icon-Menu07.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category08 {
  background: url(/newsite/img/smartphone/icon-Menu08.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category09 {
  background: url(/newsite/img/smartphone/icon-Menu09.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category10 {
  background: url(/newsite/img/smartphone/icon-Menu10.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category11 {
  background: url(/newsite/img/smartphone/icon-Menu11.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li a.category12 {
  background: url(/newsite/img/smartphone/icon-Menu12.png) no-repeat 16px 50%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .slidemenu li:first-child {
  border-top: none;
 }

 .slidemenu li:last-child {
  border-bottom: 1px solid #cce0cc;
 }

 .slidemenu .slidemenu-header {
  height: 54px;
  border-bottom: 1px solid #7e973e;
  background: #7e973e;
 }

 .slidemenu .slidemenu-header div {
  color: #FFFFFF;
  text-decoration: none;
  padding: 15px 0px 0px 19px;
 }

 .slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
 }

 .slidemenu .slidemenu-header {
  position: relative;
 }

 .slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
 }

 .slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
 }

 .slidemenu-left {
  left: 0;
 }

 .slidemenu-right {
  right: 0;
 }

 /* =========================================================
 Header
 ========================================================= */
 header {
  margin: 0;
  padding: 0;
  height: 52px;
  width: ;
  border-style: solid;
  border-width: 0 0 3px;
 }

 header .logo {
  float: left;
  display: table-cell;
  overflow: hidden;
  margin: 5px 0 0 3px;
  width: 68px;
  height: 47px;
  font: 10rem/100% "Hiragino Kaku Gothic Pro", "?q???M?m?p?S Pro W3";
  text-indent: 100%;
  white-space: nowrap;
  background: url(/newsite/img/smartphone/logo_sp.png) no-repeat 0 0;
  background-size: 65px;
 }

 header .logo a {
  display: block;
  height: 38px;
 }

 /* Sign, Login - button02 */
 header .button02 {
  float: right;
  height: 52px;
 }

 .white {
  background: #fff !important;
 }

 header .button02 p:nth-of-type(1) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 header .button02 p:nth-of-type(2) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 header .button02 p:nth-of-type(3) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 header .button02 p:nth-of-type(4) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
 }

 header .button02 p:nth-of-type(1) a {
  color: #000;
  background: url(/newsite/img/smartphone/search-head2.png) no-repeat 50% 30%;
  background-size: inherit;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(1) a.out {
  background: url(/newsite/img/smartphone/search-head.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(2) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/search-user.jpg) no-repeat 50% 30%;
  -webkit-background-size: 16px 20px;
  -moz-background-size: 16px 20px;
  background-size: 16px 20px;
 }

 header .button02 p:nth-of-type(2) a.out {
  background: url(/newsite/img/smartphone/search-user.jpg) no-repeat 50% 30%;
  -webkit-background-size: 16px 20px;
  -moz-background-size: 16px 20px;
  background-size: 16px 20px;
 }

 header .button02 p:nth-of-type(3) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/icon-Login.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(3) a.out {
  background: url(/newsite/img/smartphone/icon-Logout.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(4) span {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/icon-HeadMenu.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(1) a:hover {
  background: #FFF url(/newsite/img/smartphone/search-head.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(2) a:hover {
  background: #FFF url(/newsite/img/smartphone/search-user.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(3) a:hover {
  background: #FFF url(/newsite/img/smartphone/icon-Login.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button02 p:nth-of-type(4) span::active {
  background: #060 url(/newsite/img/smartphone/icon-HeadMenu.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 /*???O?C?????p???j???[?o?[*/
 /* Sign, Login - button03 */
 header .button03 {
  float: right;
  height: 52px;
 }

 header .button03 p:nth-of-type(1) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
  border-color: #08295A #08295A #08295A #08295A;
  border-style: solid;
  border-width: 0 1px;
 }

 header .button03 p:nth-of-type(2) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
  border-color: #08295A #08295A #08295A #08295A;
  border-style: solid;
  border-width: 0 1px;
 }

 header .button03 p:nth-of-type(3) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
  border-color: #08295A #08295A #08295A #08295A;
  border-style: solid;
  border-width: 0 1px;
 }

 header .button03 p:nth-of-type(4) {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #001A66), color-stop(100%, #08295A));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #001A66 0%, #08295A 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #001A66 0%, #08295A 100%);
  /* W3C */
 }

 header .button03 p:nth-of-type(1) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  color: #08295A;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/search-head.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(1) a.out {
  background: url(/newsite/img/smartphone/search-head.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(2) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  color: #08295A;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/icon-mypage.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(2) a.out {
  background: url(/newsite/img/smartphone/icon-mypage.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(3) a {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  color: #08295A;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/icon-logout.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(3) a.out {
  background: url(/newsite/img/smartphone/icon-logout.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(4) span {
  display: block;
  padding-top: 30px;
  width: 60px;
  height: 22px;
  color: #FFF;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/icon-HeadMenu.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(1) a:hover {
  background: #FFF url(/newsite/img/smartphone/search-head.jpg) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(2) a:hover {
  background: #FFF url(/newsite/img/smartphone/icon-mypage.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(3) a:hover {
  background: #FFF url(/newsite/img/smartphone/icon-logout.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 header .button03 p:nth-of-type(4) span::active {
  background: #060 url(/newsite/img/smartphone/icon-HeadMenu.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 /*???j???[?A???ǉﾁ 2015/06/01 kubota*/
 h2.top-renew {
  background: #042455 !important;
  border-width: 1px 0;
  color: #FFFFFF;
  font-size: 16rem;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin: 5px 0 0 0;
  padding-left: 24px;
  position: relative;
 }

 /*?g?b?v?OW 20150611kubota*/
 .sma-toku001 {
  width: 100%;
  margin: 0px;
  padding: 0px;
 }

 .sma-toku001 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
 }

 .sma-toku001 li {
  float: left;
  list-style: none;
  width: 50%;
  margin: 0px;
  padding: 0px;
 }

 .sma-toku001 li img {
  width: 100%;
 }

 .sma-info {
  width: 100%;
  margin: 30px auto;
  padding: 0px;
 }

 .sma-info h2 {
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: left;
  text-indent: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 100%) !important;
  /* W3C */
 }

 .sma-info p {
  border: solid 1px #CCC;
  margin: 5px auto;
  padding: 0px;
  width: 95%;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
 }

 .sma-info iframe {
  width: 100%;
  height: 200px;
  margin: 0px;
  padding: 0px;
  border: 0px;
 }

 /*?C???t?H???[?V????iframe end*/
 /* ?J?e?S???[?ꗗ
 -------------------------------*/
 .category_list {
  margin: 0;
  padding: 0;
 }

 .category_list ul {
  width: 100%;
  overflow: hidden;
  display: table;
  margin: 0;
 }

 .category_list ul li {
  width: 50%;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
 }

 .category_list ul li:nth-child(odd) {
  border-left: none;
 }

 .category_list ul li a {
  text-decoration: none;
  font-size: 12px;
  line-height: 1.2;
  display: block;
  background-position: right center;
  padding: 14px 15px 14px 42px;
  cursor: pointer;
 }

 .head-plus_new.arrow {
  cursor: pointer;
  background-image: url(/newsite/img/smartphone/category_icon.png), url(/newsite/img/smartphone/arrow.png);
  -webkit-background-size: 35px, 14px auto;
  -moz-background-size: 35px auto, 14px auto;
  background-size: 35px auto, 14px auto;
  background-repeat: no-repeat;
 }

 .head-plus_new.arrow#cate1 {
  background-position: 3px 10px, 94% center;
 }

 .head-plus_new.arrow#cate2 {
  background-position: 3px -57px, 94% center;
 }

 .head-plus_new.arrow#cate3 {
  background-position: 3px -122px, 94% center;
 }

 .head-plus_new.arrow#cate4 {
  background-position: 3px -189px, 94% center;
 }

 .head-plus_new.arrow#cate5 {
  background-position: 3px -253px, 94% center;
 }

 .head-plus_new.arrow#cate6 {
  background-position: 3px -323px, 94% center;
 }

 .head-plus_new.arrow#cate7 {
  background-position: 3px -390px, 94% center;
 }

 .head-plus_new.arrow#cate8 {
  background-position: 3px -460px, 94% center;
 }

 .head-plus_new.arrow#cate9 {
  background-position: 3px -528px, 94% center;
 }

 .head-plus_new.arrow#cate10 {
  background-position: 3px -599px, 94% center;
 }

 .head-plus_new.arrow#cate11 {
  background-position: 3px -670px, 94% center;
 }

 .head-plus_new.arrow#cate12 {
  background-position: 3px -737px, 94% center;
 }

 .head-plus_new.arrow {
  padding: 0;
 }

 #top-Wrapper article .main-Count02 {
  border-color: #FFFFFF;
  border-style: dotted;
  text-align: center;
  background-color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 24px;
  padding: 15px;
  margin: 0 5px;
  /*	box-shadow:rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(219, 221, 222, 0.65098) 0px 0px 6px 3px inset;*/
 }

 #top-Wrapper article .main-Count02 strong {
  color: #f00;
  font-size: 18rem;
  margin: 0 1px;
  font-weight: bold;
 }

 #top-Wrapper article .main-Count02 .btn-Signup a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
  background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
  color: #fff;
  display: block;
  font-size: 17rem;
  font-weight: bold;
  height: 40px;
  line-height: 41px;
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
  width: 274px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
 }

 /*footer search???X?g*/
 .footer_list {
  border-top: 0px;
 }

 .footer_list ul {
  width: 100%;
  overflow: hidden;
  display: table;
  margin: 3px 0px 3px 8px;
 }

 .footer_list ul li {
  width: 30%;
  height: 60px;
  display: block;
  float: left;
  vertical-align: middle;
  /*	border: 1px solid #CCC;*/
  margin: 3px;
  /*	background-color:#555555;
  background:url(/newsite/img/smartphone/color-image.gif) repeat;*/
 }

 .footer_list ul li:nth-child(odd) {
  /*	border-left:none;*/
 }

 .footer_list ul li a {
  text-decoration: none;
  font-size: 1em;
  line-height: 1.1em;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  display: block;
  /*	background-color:#555555;
  background:url(/newsite/img/smartphone/color-image.gif) repeat;*/
  background-position: right center;
  padding: 14px 10px 14px 30px;
  cursor: pointer;
 }

 .head-plus_new01.arrow01 {
  cursor: pointer;
  background: black url(/newsite/img/smartphone/footer_icon.png);
  -webkit-background-size: 35px, 14px auto;
  -moz-background-size: 35px auto, 14px auto;
  background-size: 35px auto, 14px auto;
  background-repeat: no-repeat;
 }

 .head-plus_new01.arrow01#cate2-1 {
  background-position: 3px 10px, 94% center;
 }

 .head-plus_new01.arrow01#cate2-2 {
  background-position: 3px -57px, 94% center;
 }

 .head-plus_new01.arrow01#cate2-3 {
  background-position: 3px -122px, 94% center;
 }

 .head-plus_new01.arrow01 {
  padding: 0;
 }

 .f-bg-color a {
  /*	background-color:#555555 !important;
  /*	background:url(/newsite/img/smartphone/color-image.gif) repeat;*/
 }

 /*top?p*/
 .changeViewWrap01 {
  padding: 7px 10px;
 }

 .changeView01 {
  display: table;
  width: 100%;
 }

 .changeView01 li {
  display: table-cell;
  width: 50%;
 }

 .changeView01 a {
  border: 1px solid #CCCCCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F3E8), to(#EEE6D0));
  border-radius: 0px 3px 3px 0px;
 }

 .changeView01 span {
  border: 1px solid #CCCCCC;
  background: #BBBBBB;
  border-radius: 3px 0px 0px 3px;
 }

 .changeView01 a,
 .changeView01 span {
  display: block;
  padding: 9px 0;
  color: #666;
  font-size: 12rem;
  text-align: center;
  text-decoration: none;
 }

 /*clear*/
 .clear {
  clear: both !important;
 }

 /*================================================================
 ???Е????n?g?b?v?pcss 20150707 start
 =================================================================*/
 /*top_list-our???X?g*/
 .top_list-our {
  border-top: 0px;
 }

 .top_list-our ul {
  width: 100%;
  overflow: hidden;
  display: table;
  margin: 3px 0px 3px 8px;
 }

 .top_list-our ul li {
  width: 30%;
  height: 60px;
  display: block;
  float: left;
  vertical-align: middle;
  margin: 3px;
 }

 .top_list-our ul li a {
  text-decoration: none;
  font-size: 1em;
  line-height: 1.1em;
  color: #000;
  text-align: center;
  border: 1px #E1E1E1 solid;
  display: block;
  background-position: right center;
  padding: 20px 10px 20px 30px;
  cursor: pointer;
 }

 .head-plus_new02.arrow02 {
  cursor: pointer;
  background: url(/newsite/img/smartphone/top_list-our.png);
  -webkit-background-size: 35px, 14px auto;
  -moz-background-size: 35px auto, 14px auto;
  background-size: 35px auto, 14px auto;
  background-repeat: no-repeat;
 }

 .head-plus_new02.arrow02#cate3-1 {
  background-position: 3px 10px, 94% center;
 }

 .head-plus_new02.arrow02#cate3-2 {
  background-position: 3px -57px, 94% center;
 }

 .head-plus_new02.arrow02#cate3-3 {
  background-position: 3px -122px, 94% center;
 }

 .head-plus_new02.arrow02 {
  padding: 0;
 }

 /*================================================================
 ???Е????n?g?b?v?pcss 20150707?@end
 =================================================================*/
 /*================================================================
 ?L?͈͌n?g?b?v?pcss 20150707
 =================================================================*/
 .head_list-search {
  border-top: 0px;
  border-bottom: 0px;
 }

 .head_list-search ul {
  margin: 0 auto;
  text-align: left;
  width: 100%;
  font-size: 0.85em;
 }

 .head_list-search ul li {
  width: 25%;
  height: 48px;
  display: block;
  float: left;
  vertical-align: middle;
  margin: 0;
 }

 .head_list-search ul li.area a {
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;
  border-top: none;
  border-bottom: 0px;
  border-left: 0px;
  display: block;
  background: url(/newsite/img/smartphone/f-area.png) no-repeat 10% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 10px 0px 12px 20px;
  cursor: pointer;
 }

 .head_list-search ul li.station a {
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-top: none;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 1px #fff solid;
  display: block;
  background: url(/newsite/img/smartphone/f-station.png) no-repeat 10% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 10px 0px 12px 20px;
  cursor: pointer;
  text-shadow: 0 -1px 0 #7e973e;
 }

 .head_list-search ul li.favorite a {
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-top: none;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 1px #fff solid;
  display: block;
  background: url(/newsite/img/smartphone/f-favorite.png) no-repeat 10% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 10px 0px 12px 20px;
  cursor: pointer;
  text-shadow: 0 -1px 0 #7e973e;
 }

 .head_list-search ul li.tenpo a {
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-top: none;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  display: block;
  background: url(/newsite/img/smartphone/f-tenpo.png) no-repeat 10% 45%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 10px 0px 12px 20px;
  cursor: pointer;
  text-shadow: 0 -1px 0 #7e973e;
 }

 /*================================================================
 ?L?͈͌n?g?b?v?pcss 20150707?@end
 =================================================================*/
 /*================================================================
 header?p???O?C???E?񃍃O?C?????O?\??
 =================================================================*/
 .login_name-h {
  background: #F5F5F5;
  color: #333333;
  font-size: 0.8em;
  line-height: 1.7em;
  text-align: left;
  text-indent: 5px;
 }

 /*================================================================
 header?p???O?C???E?񃍃O?C?????O?\???@end
 =================================================================*/
 /*================================================================
 ???・ﾊ ?{?^???̌Œ・
 =================================================================*/
 #relative {
  position: relative;
 }

 .footer {
  margin: auto;
  background: #ccc;
  min-width: 980px;
 }

 .pagetop {
  position: fixed;
  right: 15px;
  bottom: -100px;
  font-size: 10px;
 }

 .pagetop a {
  display: block;
  width: 60px;
  /* ?A?C?R???̕??ɍ??킹?・*/
  height: 60px;
  /* ?A?C?R???̍????ɍ??킹?・*/
  background: transparent url("?߂驛A?C?R???̃t?@?C???ﾌURL") no-repeat center 0;
 }

 .pagetop a:hover {
  opacity: 0.5;
 }

 .pagetop_absolute {
  position: absolute;
  right: 15px;
  bottom: 560px !important;
 }

 /*================================================================
 ???・ﾊ ?{?^???̌Œ閨@end
 =================================================================*/
 /*================================================================
 footer ?f?U?C???・ﾇ 20150713
 =================================================================*/
 footer .f-search {
  margin: 10px auto;
  padding: 0 0 5px 0;
  width: 95%;
 }

 footer .f-search h2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6E6B62), color-stop(100%, #5A5850)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6E6B62 0%, #5A5850 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #6E6B62 0%, #5A5850 100%) !important;
  /* W3C */
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif !important;
  font-size: 1em !important;
  font-weight: bold !important;
  color: #fff !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
 }

 .f-com {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 95%;
  border: 1px solid #ccc;
 }

 footer .f-com h2 {
  background: #6E6B62 !important;
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif !important;
  font-size: 1em !important;
  font-weight: bold !important;
  color: #fff !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
 }

 .f-com ul {
  margin: 0 auto;
  text-align: left;
  width: 100%;
  background: #fff;
  font-size: 0.85em;
 }

 .f-com li.left-s-home a {
  width: 50%;
  line-height: 55px;
  float: left;
  display: block;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
  text-indent: 30px;
  background: url(/newsite/img/smartphone/icon-Menu01.png) no-repeat 5% 40%,
   url(/newsite/img/smartphone/sma.png) no-repeat 95% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .f-com li.right-s-fav a {
  width: 49.5%;
  line-height: 55px;
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-right: 0px solid #ccc;
  display: block;
  text-align: left;
  text-indent: 30px;
  background: url(/newsite/img/smartphone/icon-Menu03.png) no-repeat 5% 40%,
   url(/newsite/img/smartphone/sma.png) no-repeat 95% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .f-com li.left-s a {
  width: 50%;
  line-height: 55px;
  float: left;
  display: block;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
  text-indent: 30px;
  background: url(/newsite/img/smartphone/icon-mypage.png) no-repeat 5% 40%,
   url(/newsite/img/smartphone/sma.png) no-repeat 95% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .f-com li.right-s a {
  width: 49.5%;
  line-height: 55px;
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-right: 0px solid #ccc;
  display: block;
  text-align: left;
  text-indent: 30px;
  background: url(/newsite/img/smartphone/icon-mypage.png) no-repeat 5% 40%,
   url(/newsite/img/smartphone/sma.png) no-repeat 95% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .f-com li.left-pc-pri a {
  width: 50%;
  line-height: 55px;
  float: left;
  display: block;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
  text-indent: 30px;
  background: url(/newsite/img/smartphone/icon-Menu07.png) no-repeat 5% 40%,
   url(/newsite/img/smartphone/pc.png) no-repeat 95% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .f-com li.right-s-inq a {
  width: 49.5%;
  line-height: 55px;
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-right: 0px solid #ccc;
  display: block;
  text-align: left;
  text-indent: 30px;
  background: url(/newsite/img/smartphone/icon-Menu06.png) no-repeat 5% 40%,
   url(/newsite/img/smartphone/sma.png) no-repeat 95% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 #f-com-info {
  text-align: center;
  margin: 0px auto;
  padding: 10px 5px 0px 10px;
  width: 100%;
  height: auto;
  vertical-align: middle;
 }

 #f-com-info .l-001 {
  width: 100%;
  float: left;
  display: block;
  font-size: 13px;
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
  margin: auto;
  padding: 0px;
  text-align: left;
  color: #fff;
 }

 #f-com-info .l-001 p {
  float: left;
  display: block;
  font-size: 26px;
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
  margin: auto;
  padding: 0px;
  text-align: left;
  color: #fff;
 }

 #f-com-info .l-001 p img {
  max-height: 30px;
  max-width: 30px;
 }

 #f-com-info .l-001 span {
  float: left;
  display: block;
  font-size: 1em;
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
  margin: auto;
  padding: 0px;
  text-align: left;
  color: #fff;
 }

 #f-com-info .l-001 a {
  display: block;
  font-size: 35px;
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
  margin: auto;
  padding: 0px;
  text-align: left;
  color: #fff;
 }

 .office-info {
  width: 95%;
  margin: 0 auto 10px;
  padding: 0;
 }

 .office-info p.text {
  float: left;
  display: block;
  font-size: 1em;
  font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
  margin: auto;
  padding: 0px;
  text-align: left;
  color: #fff;
 }

 .office-info p.logo {
  display: block;
  width: 25%;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  float: right;
  color: #fff;
  text-align: right;
 }

 .office-info .logo img {
  max-height: auto;
  max-width: 100%;
 }

 /*20150714*/
 .footer_list-search {
  border-top: 0px;
 }

 /*
 .footer_list-search ul {
 width: 100%;
 overflow: hidden;
 display: table;
 margin:0px;
}*/
 .footer_list-search ul {
  margin: 0 auto;
  text-align: right;
  width: 100%;
  font-size: 0.85em;
  padding-top: 6px;
 }

 .footer_list-search ul li {
  width: 30%;
  height: auto;
  display: block;
  float: left;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0.5% 0 2%;
 }

 .footer_list-search ul li.area a {
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;
  display: block;
  background: url(/newsite/img/smartphone/f-area.png) no-repeat 10% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 12px 10px 12px 20px;
  cursor: pointer;
 }

 .footer_list-search ul li.station a {
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: block;
  background: url(/newsite/img/smartphone/f-station.png) no-repeat 10% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 12px 10px 12px 20px;
  cursor: pointer;
  text-shadow: 0 -1px 0 #7e973e;
 }

 .footer_list-search ul li.favorite a {
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: block;
  background: url(/newsite/img/smartphone/f-favorite.png) no-repeat 10% 40%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 12px 10px 12px 30px;
  cursor: pointer;
  text-shadow: 0 -1px 0 #7e973e;
 }

 /*
 .footer_list-search ul li.station a {
 text-decoration: none;
 font-size:0.8em;
 line-height: 1.1em;
 color:#fff;
 text-align:center;
 border-top:none;
 border-bottom:0px;
 border-left:0px;
 border-right:1px #fff solid;
 display: block;
 background:url(/newsite/img/smartphone/head-stationbg.png);
 background-position: left center;
 padding:12px 0px 12px 20px;
 cursor:pointer;
}
 .footer_list-search ul li.favorite a {
 text-decoration: none;
 font-size:0.8em;
 line-height: 1.1em;
 color:#fff;
 text-align:center;
 border-top:none;
 border-bottom:0px;
 border-left:0px;
 border-right:1px #fff solid;
 display: block;
 background:url(/newsite/img/smartphone/head-favoritebg.png);
 background-position: left center;
 padding:12px 0px 12px 20px;
 cursor:pointer;
}
 */
 li.f-search-btn01 {
  float: left;
  margin: 0 5px;
 }

 .f-search-btn01 span {
  display: block;
  padding-top: 30px;
  width: 90px;
  height: 22px;
  color: #FFF;
  font-size: 10rem;
  background: url(/newsite/img/smartphone/f-area.png) no-repeat 50% 30%;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
 }

 .f-search-btn01 a {
  display: table-cell;
  margin: 0;
  height: 52px;
  text-align: center;
  background: url(/newsite/img/smartphone/color-image.gif) repeat;
  /*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001A66), color-stop(100%,#08295A)) ; /* Chrome,Safari4+ */
  /*	background: -webkit-linear-gradient(top,  #001A66 0%,#08295A 100%); /* Chrome10+,Safari5.1+ */
  /*	background: linear-gradient(to bottom,  #001A66 0%,#08295A 100%); /* W3C */
 }

 h2.h2_title {
  background: #666;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0;
  color: #FFFFFF;
  font-size: 16rem;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 10px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .25);
  text-shadow: 0 -1px 0 #000;
 }

 h2.h2_title:before {
  background: #333;
  content: "";
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
 }

 /* =========================================================
 ?F?ύX?ӏ?
 ========================================================= */
 /* ?w?b?_?[?{?[?_?[ */
 header {
  background: #fff;
  border-color: #7e973e;
  border-style: solid;
  border-width: 0 0 3px;
 }

 /* ?w?b?_?[???????・*/
 header .button02 p:nth-of-type(1) a {
  color: #000;
 }

 header .button02 p:nth-of-type(1) {
  border-color: #7e973e;
  border-style: solid;
  border-width: 0 1px;
 }

 /* ?w?b?_?[?・・o?^ */
 header .button02 p:nth-of-type(2) {
  border-color: #7e973e;
  border-style: solid;
  border-width: 0 1px;
 }

 header .button02 p:nth-of-type(2) a {
  color: #7e973e;
 }

 /* ?w?b?_?[???O?C?? */
 header .button02 p:nth-of-type(3) {
  border-color: #7e973e;
  border-style: solid;
  border-width: 0 1px;
 }

 header .button02 p:nth-of-type(3) a {
  color: #7e973e;
 }

 /* ?w?b?_?[???j???[?o?[ */
 header .button02 p:nth-of-type(4) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e));
  ?@
  /*?@Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 100%);
  /* W3C */
 }

 header .button02 p:nth-of-type(4) span {
  color: #FFF;
 }

 /* ?w?b?_?[???j???[?G???A???・*/
 .head_list-search ul li.area a {
  color: #fff;
  border-right: 1px #fff solid;
  text-shadow: 0 -1px 0 #7e973e;
 }

 .head_list-search ul {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e)) !important;
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%) !important;
  background: linear-gradient(bottom, #7e973e 0%, #7e973e 100%) !important;
 }

 /* ?????????2 */
 #top-Wrapper h2 {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(bottom, #7e973e 0%, #7e973e 5%) !important;
  /* W3C */
  text-shadow: 0 -1px 0 #7e973e;
 }

 /* ?????﨑ﾊ?ꗗ?{?^?? */
 #top-Wrapper article .main-Menu .menuBox .category-btArea a {
  color: #fff;
 }

 #top-Wrapper article .main-Menu .menuBox .category-btArea {
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-right: 1px solid #7e973e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 100%);
  /* W3C */
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 }

 /* ?t?b?^?[ */
 footer .f-search {
  border: #DADADA 1px solid;
  background: #FFFFFF;
 }

 .footer_list-search ul li {
  border: 1px #7e973e solid;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e973e), color-stop(100%, #7e973e)) !important;
  background: -webkit-linear-gradient(top, #7e973e 0%, #7e973e 100%) !important;
  background: linear-gradient(to bottom, #7e973e 0%, #7e973e 100%) !important;
 }

 .footer_list-search ul li.area a {
  color: #fff;
  text-shadow: 0 -1px 0 #7e973e;
 }

 /*学区検索*/
 .school_h2 {
  font-size: 18px;
  text-align: left;
  background-image: url(/img/shcool_bg.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: 40px;
  line-height: 45px;
  margin: 0px;
  padding: 0px;
 }

 .school_h2 h2 {
  margin: 0px;
  padding-top: 68px;
  font-weight: normal;
 }

 .school_h2 h2 p {
  margin: 0px;
  padding: 0px;
 }

 .school_h2 h2 .t1 {
  font-size: 20px;
  line-height: 20px;
 }

 .school_h2 h2 .t2 {
  font-size: 32px;
  line-height: normal;
 }

 .school_h2 h2 .t3 {
  font-size: 15px;
  line-height: 17px;
 }

 .school_h2 h2 .t4 {
  font-size: 13px;
  line-height: 17px;
  color: #FF0000;
 }

 .school {
  background-color: #F4F4F4;
  overflow: hidden;
  margin: 10px 0;
 }

 .school ul {
  margin: 0;
  padding: 0;
  list-style: none;
 }

 .school li {}

 .school .inner {}

 .school h3 {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  text-indent: 10px;
  font-weight: normal;
  text-align: left;
  border-left: 7px solid #333333;
  border-bottom: 1px solid #333333;
  line-height: normal;
 }

 .school .inner .chilled {
  float: left;
  margin: 0 9px 0 0;
 }

 .school .inner li a {
  display: block;
  width: 98%;
  height: 40px;
  border: solid 2px #999999;
  text-align: center;
  line-height: 43px;
  color: #000;
  background-color: #fff;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .school .inner li a:hover {
  color: #000;
  background-color: #fff;
  border: solid 2px #FF7F00;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .school .inner .chilled span {
  display: block;
  padding: 0px 42px;
 }

 .school_2 {
  background-color: #F4F4F4;
  overflow: hidden;
  margin: 10px auto;
  padding: 10px;
 }

 .school_2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
 }

 .school_2 li {}

 .school_2 .inner {}

 .school_2 .inner .chilled {
  float: left;
  margin: 0 12px 12px 0;
 }

 .school_2 .inner li a {
  display: block;
  height: 40px;
  border: solid 2px #999999;
  text-align: center;
  line-height: 43px;
  color: #000;
  background-color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .school_2 .inner li a:hover {
  color: #000;
  background-color: #fff;
  border: solid 2px #FF7F00;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .school_2 .inner .chilled span {
  display: block;
  padding: 0px 42px;
 }

 .gakku_comment {
  color: #F00;
  font-size: 13px;
  width: 480px;
  margin: 0px;
  padding: 0px;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 }

 /*町名検索*/
 .city_h2 {
  font-size: 18px;
  text-align: left;
  background-image: url(/img/city_bg.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 45px;
  margin: 0px auto;
  padding: 0px;
 }

 .city_h2 h2 {
  margin: 0px;
  padding-top: 68px;
  font-weight: normal;
 }

 .city_h2 h2 p {
  margin: 0px;
  padding: 0px;
 }

 .city_h2 h2 .t1 {
  font-size: 20px;
  line-height: 20px;
 }

 .city_h2 h2 .t2 {
  font-size: 32px;
  line-height: normal;
 }

 .city_h2 h2 .t3 {
  font-size: 15px;
  line-height: 17px;
 }

 .city_h2 h2 .t4 {
  font-size: 13px;
  line-height: 17px;
  color: #FF0000;
 }

 .city {
  background-color: #F4F4F4;
  overflow: hidden;
  margin: 20px 0;
  padding: 15px;
 }

 .city .inner h3 {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  text-indent: 10px;
  font-weight: normal;
  text-align: left;
  border-left: 7px solid #333333;
  border-bottom: 1px solid #333333;
  line-height: normal;
  clear: both;
 }

 .city .inner {
  clear: both;
  overflow: hidden;
  margin: 0 0 15px 0;
 }

 .city .inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
 }

 .city .inner li {
  overflow: hidden;
  float: left;
  margin: 0 7px 7px 0;
  width: 31%;
 }

 .city .inner li a {
  display: block;
  border: solid 2px #999999;
  text-align: center;
  line-height: 43px;
  color: #000;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .city .inner li a:hover {
  color: #000;
  background-color: #fff;
  border: solid 2px #FF7F00;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .city .inner li span {
  display: block;
 }

 .regist_sp {
  width: 94%;
  margin: 0px auto;
  padding-bottom: 10px;
 }

 .regist_sp_img {
  width: 100%;
  height: auto;
 }

 .staff_sp {
  width: 100%;
 }

 .staff_sp_text {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 12px auto;
 }

 .staff_sp_btn_wrap {
  text-align: center;
  margin-bottom: 40px;
 }

 .staff_sp_btn {
  width: 80%;
  height: 50px;
  line-height: 50px;
  padding: 4px;
  border: 2px solid #000;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto 15px;
  display: block;
 }

 .staff_sp_btn a {
  font-weight: bold;
 }

 /* =========================================================
 Header slidemenu
 ========================================================= */
 nav#menu {
  display: none;
 }

 .mm-navbar {
  background: #7e973e;
 }

 .mm-menu {
  border-color: #7e973e;
 }

 .mm-menu .mm-navbar a,
 .mm-menu .mm-navbar > * {
  color: #fff;
 }

 .mm-listview > li a {
  background: url(/newsite/img/smartphone/nav_arrow.gif) no-repeat 95% 50%;
  background-size: 15px auto;
 }

 /*20181128 追加*/
 .inq_privacy {
  text-align: center;
 }

 .inq_privacy a {
  color: blue;
  text-decoration: underline;
 }

 .facebook {
  width: 96%;
  margin: 0px auto;
 }

 .facebook img {
  max-width: 100%;
  height: auto;
 }

 /* =========================================================
 foot_nav
 ========================================================= */
 .foot_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  border-top: 3px solid #7e973e;
 }

 .foot_nav ul {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
 }

 .foot_nav li {
  flex: 1;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-right: solid 1px #7e973e;
 }

 .foot_nav li span {
  font-size: 11px;
 }

 .foot_nav li:last-child {
  border-right: none;
 }

 .foot_nav a,
 .foot_nav button {
  display: block;
  width: 100%;
  padding: 10px 0 5px;
 }

 .foot_nav a img,
 .foot_nav button img {
  max-height: 50px;
  display: block;
  margin: 0 auto;
 }

 .foot_nav_s {
  width: 100%;
  background: #eee;
 }

 .foot_nav_s p {
  font-size: 11px;
  padding: 5px;
  text-align: center;
 }

 .foot_nav button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: none;
  padding: 5px 0 0 0;
  height: 50px;
 }

 .foot_nav button::-webkit-search-decoration {
  display: none;
 }

 .foot_nav button::focus {
  outline-offset: -2px;
 }

 .foot_nav ul li i {
  width: 100%;
  height: 17px;
  display: block;
  text-align: center;
 }

 /* =========================================================
 drawer
 ========================================================= */
 .drawer_wrap {
  position: relative;
 }

 .dra_conts {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  box-sizing: border-box;
  padding-top: 30px;
 }

 .dra_tl {
  position: fixed;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  -webkit-transform: translateZ(999px);
  transform: translateZ(999px);
 }

 .dra_tl p {
  background: #7e973e;
  color: #fff;
  padding: 0 2%;
  font-size: 12px;
  line-height: 30px;
 }

 .dra_subtl {
  text-align: left;
 }

 .dra_subtl p {
  background: #F5F5F0;
  padding: 6px 2%;
  font-size: 12px;
  color: #666;
 }

 .dra_li {}

 .dra_li ul {
  overflow: hidden;
 }

 .dra_li li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
 }

 .dra_li li:nth-of-type(2n-1) {
  border-right: 1px solid #ccc;
 }

 .dra_li li:last-of-type,
 .dra_li li:nth-of-type(odd):nth-last-of-type(2) {
  border-bottom: none;
 }

 .dra_li a {
  padding: 0px 5%;
  display: block;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
  height: 19px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
 }

 .dra_li i {
  margin-right: 5px;
 }

 .dra_close {
  position: absolute;
  height: 50px;
  width: 50px;
  bottom: 5px;
  right: 5px;
  z-index: 1001;
  background: none;
  -webkit-transform: translateZ(999px);
  transform: translateZ(999px);
 }

 .dra_close button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: none;
  padding: 0;
  height: 50px !important;
 }

 .dra_close button::-webkit-search-decoration {
  display: none;
 }

 .dra_close button::focus {
  outline-offset: -2px;
 }

 .dra_close img {
  max-width: 100%;
 }

 /*事業紹介*/

 .biz {
  margin: 40px 0px;
  padding: 0px;
 }

 .biz h2 {
  color: #fff;
  line-height: 24px;
  background-color: #7e973e;
  text-align: center;
 }

 .biz h3 {
  color: #444343;
  font-size: 18px;
  line-height: 30px;
  margin: 0px;
  padding: 15px;
  font-weight: bold;
 }

 .biz ul {
  margin: 0px;
  padding: 0px;
  text-align: center;
 }

 .biz li {
  width: 90%;
  display: inline-block;
  margin: 20px 0px;
  vertical-align: top;
 }

 .biz li a {
  display: block;
 }

 .biz li img {
  max-width: 100%;
  height: auto;
 }

 .biz li p {
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  margin: 0px 0 15px;
  padding: 0px;
  font-weight: 500;
 }

 .biz_b li:last-child p,
.company_wrap .biz li:last-child p{
	display: flex;
	justify-content: center;
}

 .biz li span {
  color: #FFF;
  font-size: 14px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  padding: 0;
  border-radius: 50px;
  display: block;
  width: 80%;
  margin: 0 auto;
 }

 .biz li:nth-child(1) span {
  background: #6e7f2b;
 }

 .biz li:nth-child(2) span {
  background: #7dc7da;
 }

 .biz_b li span {
  background: #db5246 !Important;
 }

 /*---------------2022/5/31　追記------------------------*/
 body,
 p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !Important;
 }

 .sub_ti {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  color: #262626;
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.05em;
  margin-left: 5%;
 }

 #top-Wrapper h2 {
  font-weight: bold;
  padding: 10px 0;
  position: relative;
  font-size: 18px;
  line-height: 14px;
  background: none;
  color: #000;
  text-align: left;
  margin-left: 5%;
  background: none !IMPORTANT;
  text-shadow: none !important;
 }

 .company {
  width: 100%;
  margin-top: 20px;
 }

 .company_top {
  background-image: url("/img/company_top_main_img.jpg");
  background-size: cover;
  width: 100%;
  height: auto;
  padding: 50px 0;
 }

 .company_top_welcome {
  width: 50%;
  display: block;
  margin: 0 auto;
 }

 .company_top h3 {
  margin-top: 20px;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
 }

 .company_top_text {
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  margin: 0px 5%;
  font-weight: bold;
 }

 .company_top_text p {
  margin-bottom: 10px
 }

 .company_top_text_low {
  width: 655px;
  height: 61px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 28px;
 }

 .company_top ul {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto 0px auto;
  padding: 0px;
 }

 .company_top ul::after {
  content: none;
 }

 .company_top ul li {
  width: 49%;
  color: #fff;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 2%;
 }

 .company_top ul li p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
 }

 .company_top ul li img {
  display: block;
  width: 60%;
  margin: 15px auto;
 }


 /*---------exterior--------------*/
 .exterior_wrap {
  margin: 50px 0px;
 }

 .exterior_wrap iframe {
  display: block;
  width: 100%;
  height: 250px;
 }

 .ext_text {
  margin: 0 auto 30px;
  text-align: left;
 }

 .ext_text h2 {
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.05em;
  text-align: center;
 }


 .ext_text p {
  font-size: 14px;
  line-height: 26px;
  color: #262626;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 20px 5%;
 }

 .ext_text ul {
  padding: 0;
  margin: 20px auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  width: 90%;
 }

 .ext_text ul li {
  width: 23%;
  margin-right: 1%;
  margin-bottom: 1%;
 }

 .ext_text ul li a {
  display: block;
  padding: 10px 0;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  color: #111;
  border: 1px solid #aaa;
 }

 .ext_btn {
  width: 90%;
  margin: 30px auto;
 }

 .ext_btn a {
  display: block;
  width: 80%;
  height: 60px;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 56px;
  box-sizing: border-box;
  border: 2px solid #313131;
  text-align: center;
  color: #191919;
  font-weight: bold;
  background: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  margin: 0 auto 10px;
 }


 /*---------/exterior--------------*/

 /*-----------nav_menu-----------*/
 .foot_nav ul li {
  flex: auto;
 }

 .foot_nav ul li i {
  font-size: 30px;
  color: #7e973e;
  height: 32px;
 }

 .foot_nav ul li:first-child {
  width: 80%;
 }

 .foot_nav ul li:last-child {
  width: 20%;
  border: none;
  background: #ffffff;
 }

 .top_fixbtn {
  width: 100%;
  box-sizing: border-box;
  height: 60px;
  left: 0;
  padding-top: 7px;
  bottom: 61px;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
 }

 .top_fixbtn a {
  display: block;
  width: 95% !important;
  height: 46px !important;
  border-radius: 50px;
  box-sizing: border-box;
  background: #ff9d00;
  border: 2px solid #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff !important;
  text-align: center;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 42px;
  position: relative;
 }

 .top_fixbtn a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 25px;
  top: 16px;

 }

 .sns_list ul {
  width: 90%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 40px auto;
  list-style: none;
 }

 .sns_list ul li {
  margin-right: 10px;
 }

 .sns_list ul li i {
  font-size: 30px;
  color: #7e9737;
 }

 /*-----------/nav_menu-----------*/

 /*-----------header-----------*/
 .h_logo {
  width: 50%;
  position: absolute;
  left: 10px;
  top: 34px;
  text-align: left;
 }

 .h_logo img {
  width: 100px;
  height: 32px;
  object-fit: contain;
 }

 /*-----------/header-----------*/

 /*---------------/2022/5/31　追記------------------------*/


}
