@charset "UTF-8";
body div#main-content,
body div#main-contents {
  font-size: 0.9em;
}

div#pc-side {
  display: block;
}

div#smartphone-side {
  display: none;
}

/*---------------------------
    タイトル
---------------------------*/
h1 {
  margin: 0 0 6px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  font-size: 1.8em !important;
}

.title-banner {
  margin: 0 0 10px;
}

.banner-jokin {
  margin: 0 0 20px;
}

body #container {
  font-family: Meiryo, メイリオ, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  width: 980px;
}

body.mac #container {
  font-size: 16px;
}

#container {
  width: 100%;
}

/*---------------------------
    メイン
---------------------------*/
#main-contents {
  float: right;
  width: 770px;
}

#main-contents h2 {
  text-align: center;
}

#imgTxt {
  margin: 8px 0 30px;
  padding: 0 0 0 10px;
  font-size: 0.93em;
  line-height: 140%;
  color: #333;
}

/* シリーズから選ぶ */
#seriesDesk h3 {
  width: 770px;
  margin: 0 auto;
  padding: 0 0 7px;
  font-size: 1.6em;
  font-weight: normal;
}

#seriesDesk h3#bdr_of {
  background: url(/static/images/product/desk_rack/desk/bar_pl.gif) no-repeat bottom left;
}

#seriesDesk h3#bdr_bk {
  background: url(/static/images/product/desk_rack/desk/bar_pk.gif) no-repeat bottom left;
}

#seriesDesk h3#bdr_hp {
  background: url(/static/images/product/desk_rack/desk/bar_br.gif) no-repeat bottom left;
}

#seriesDesk h3#bdr_kj {
  background: url(/static/images/product/desk_rack/desk/bar_or.gif) no-repeat bottom left;
}

#seriesDesk ul {
  margin: 15px 0 25px;
}

#seriesDesk ul li {
  width: 380px;
  height: 280px;
  margin: 0 0 16px 4px;
  float: left;
  position: relative;
}

#seriesDesk ul li#De {
  background: url(/static/images/product/desk_rack/desk/img_e.jpg) no-repeat top center;
}

#seriesDesk ul li#De:hover {
  background: url(/static/images/product/desk_rack/desk/img_e_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Da {
  background: url(/static/images/product/desk_rack/desk/img_a.jpg) no-repeat top center;
}

#seriesDesk ul li#Da:hover {
  background: url(/static/images/product/desk_rack/desk/img_a_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dmd {
  background: url(/static/images/product/desk_rack/desk/img_shmd.jpg) no-repeat top center;
}

#seriesDesk ul li#Dmd:hover {
  background: url(/static/images/product/desk_rack/desk/img_shmd_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dme {
  background: url(/static/images/product/desk_rack/desk/img_me.jpg) no-repeat top center;
}

#seriesDesk ul li#Dme:hover {
  background: url(/static/images/product/desk_rack/desk/img_me_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dge {
  background: url(/static/images/product/desk_rack/desk/img_ge.jpg) no-repeat top center;
}

#seriesDesk ul li#Dge:hover {
  background: url(/static/images/product/desk_rack/desk/img_ge_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Derd {
  background: url(/static/images/product/desk_rack/desk/img_erd.jpg) no-repeat top center;
}

#seriesDesk ul li#Derd:hover {
  background: url(/static/images/product/desk_rack/desk/img_erd_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#lift {
  background: url(/static/images/product/desk_rack/desk/img_lift.jpg) no-repeat top center;
}

#seriesDesk ul li#lift:hover {
  background: url(/static/images/product/desk_rack/desk/img_lift_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Desd {
  background: url(/static/images/product/desk_rack/desk/img_stnd.jpg) no-repeat top center;
}

#seriesDesk ul li#Desd:hover {
  background: url(/static/images/product/desk_rack/desk/img_stnd_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dfdr {
  background: url(/static/images/product/desk_rack/desk/img_fdr.jpg) no-repeat top center;
}

#seriesDesk ul li#Dfdr:hover {
  background: url(/static/images/product/desk_rack/desk/img_fdr_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dshfk {
  background: url(/static/images/product/desk_rack/desk/img_shfk.jpg) no-repeat top center;
}

#seriesDesk ul li#Dshfk:hover {
  background: url(/static/images/product/desk_rack/desk/img_shfk_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dcai {
  background: url(/static/images/product/desk_rack/desk/img_cai.jpg) no-repeat top center;
}

#seriesDesk ul li#Dcai:hover {
  background: url(/static/images/product/desk_rack/desk/img_cai_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dpt {
  background: url(/static/images/product/desk_rack/desk/img_pt.jpg) no-repeat top center;
}

#seriesDesk ul li#Dpt:hover {
  background: url(/static/images/product/desk_rack/desk/img_pt_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dshk {
  background: url(/static/images/product/desk_rack/desk/img_shk.png) no-repeat top center;
}

#seriesDesk ul li#Dshk:hover {
  background: url(/static/images/product/desk_rack/desk/img_shk_ov.png) no-repeat top center;
}

#seriesDesk ul li#personal {
  background: url(/static/images/product/desk_rack/desk/img_personal.jpg) no-repeat top center;
}

#seriesDesk ul li#personal:hover {
  background: url(/static/images/product/desk_rack/desk/img_personal_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dmde {
  background: url(/static/images/product/desk_rack/desk/img_MDE.jpg) no-repeat top center;
}

#seriesDesk ul li#Dmde:hover {
  background: url(/static/images/product/desk_rack/desk/img_MDE_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Dfdm {
  background: url(/static/images/product/desk_rack/desk/img_FDM.jpg) no-repeat top center;
}

#seriesDesk ul li#Dfdm:hover {
  background: url(/static/images/product/desk_rack/desk/img_FDM_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Shfx {
  background: url(/static/images/product/desk_rack/desk/img_shfx.jpg) no-repeat top center;
}

#seriesDesk ul li#Shfx:hover {
  background: url(/static/images/product/desk_rack/desk/img_shfx_ov.jpg) no-repeat top center;
}

#seriesDesk ul li#Shmx {
  background: url(/static/images/product/desk_rack/desk/img_shmx.jpg) no-repeat top center;
}

#seriesDesk ul li#Shmx:hover {
  background: url(/static/images/product/desk_rack/desk/img_shmx_ov.jpg) no-repeat top center;
}

#seriesDesk ul li a {
  display: block;
  width: 380px;
  height: 280px;
  color: #333;
}

#seriesDesk ul li a strong {
  position: absolute;
  top: 4.5%;
  left: 5%;
  font-size: 1.5em;
  font-weight: normal;
  width: 100%;
}

#seriesDesk ul li a strong img {
  width: 11%;
  margin: 0 0 0 1.5%;
}

#seriesDesk ul li a span {
  position: absolute;
  top: 14.5%;
  left: 5%;
  font-size: 0.95em;
}

/* SOHOデスク */
#sohoDesk h3 {
  width: 770px;
  margin: 0 auto;
  padding: 2px 0 0;
  color: #fff;
  background: #858585;
  border-left: 7px solid #663399;
  line-height: 30px;
  height: 30px;
  text-indent: 7px;
  font-size: 1.35em;
  font-weight: normal;
}

#sohoDesk ul {
  margin: 15px 0 0;
}

#sohoDesk ul li {
  width: 380px;
  height: 280px;
  margin: 0 0 16px 4px;
  float: left;
  position: relative;
}

#sohoDesk ul li#Dshfd {
  background: url(/static/images/product/desk_rack/desk/img_shfd.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshfd:hover {
  background: url(/static/images/product/desk_rack/desk/img_shfd_ov.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshb {
  background: url(/static/images/product/desk_rack/desk/img_b.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshb:hover {
  background: url(/static/images/product/desk_rack/desk/img_b_ov.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshfk {
  background: url(/static/images/product/desk_rack/desk/img_shfk.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshfk:hover {
  background: url(/static/images/product/desk_rack/desk/img_shfk_ov.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshmd {
  background: url(/static/images/product/desk_rack/desk/img_shmd.jpg) no-repeat top center;
}

#sohoDesk ul li#Dshmd:hover {
  background: url(/static/images/product/desk_rack/desk/img_shmd_ov.jpg) no-repeat top center;
}

#sohoDesk ul li a {
  display: block;
  width: 380px;
  height: 280px;
  color: #333;
}

#sohoDesk ul li a strong {
  position: absolute;
  top: 4.5%;
  left: 5%;
  font-size: 1.5em;
  font-weight: normal;
}

#sohoDesk ul li a span {
  position: absolute;
  top: 14.5%;
  left: 5%;
  font-size: 0.95em;
}

/* 他のデスク一覧 */
#contentsNavi {
  width: 780px;
  margin: 50px auto 0 auto;
  text-align: center;
}

#contentsNavi ul li {
  display: inline-block;
  margin: 0 2px;
  width: 250px;
}

#contentsNavi #tokucyuBan {
  margin: 60px auto 0;
}

#contentsNavi #tokucyuBan img {
  max-width: 100%;
}

/* 条件から検索する */
#deskSearch {
  /* 検索ボタン */
  /* リセットボタン */
}

#deskSearch h3 {
  margin: 0 auto;
  padding: 0 0 7px;
  font-size: 1.65em;
  font-weight: normal;
  background: url(/static/images/product/desk_rack/desk/bar_bk.gif) no-repeat bottom left;
  text-indent: 3px;
}

#deskSearch #sBox {
  background: #eef5fb;
  margin: 0 auto 50px;
  padding: 30px 0 15px;
  /* チェックボックス */
}

#deskSearch #sBox .check-area dd div.input-outer.no-check label,
#deskSearch #sBox .check-area dd div.input-outer label.no-check {
  cursor: default;
  color: #cbcbcb;
  pointer-events: none;
}

#deskSearch #sBox .check-area dd div.input-outer.no-check label .checkbox-image,
#deskSearch #sBox .check-area dd div.input-outer.no-check label .checkbox-image-top,
#deskSearch #sBox .check-area dd div.input-outer label.no-check .checkbox-image,
#deskSearch #sBox .check-area dd div.input-outer label.no-check .checkbox-image-top {
  opacity: 0.5;
}

#deskSearch #sBox .check-area dd .loading label,
#deskSearch #sBox .check-area dd label.loading {
  pointer-events: none;
}

#deskSearch #sBox .check-area dd label input[type="checkbox"] {
  display: none;
}

#deskSearch #sBox .check-area dd label input + .checkbox-icon {
  position: relative;
  vertical-align: 1px;
  padding: 0 0 0 25px;
}

#deskSearch #sBox .check-area dd label input + .checkbox-icon::after,
#deskSearch #sBox .check-area dd label input + .checkbox-icon::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

#deskSearch #sBox .check-area dd label input + .checkbox-icon::before {
  left: 6px;
  margin-top: -9px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #ff8900;
  border-bottom: 3px solid #ff8900;
  transform: rotate(45deg);
  opacity: 0;
}

#deskSearch #sBox .check-area dd label input + .checkbox-icon::after {
  left: 0;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  border: 2px solid #ccc;
  background-color: #fff;
}

#deskSearch #sBox .check-area dd label input[type="checkbox"]:checked + .checkbox-icon::before {
  opacity: 1;
  z-index: 2;
}

#deskSearch #sBox .check-area dd label input[type="checkbox"]:checked + .checkbox-icon::after {
  z-index: 1;
}

#deskSearch #sBox .check-area dd label input[type="checkbox"] + .checkbox-icon.two-line::after {
  margin: 0;
}

#deskSearch #sBox .check-area dd label span.checkbox-text img {
  display: inline;
  vertical-align: -2px;
  margin-right: 3px;
}

#deskSearch #sBox .check-area dd label span.checkbox-text-sub {
  display: none;
}

#deskSearch #sBox .check-area dd label span.search-cnt {
  font-weight: normal;
}

#deskSearch #sBox .check-area dl dd.line-multi label span.checkbox-text {
  display: inline-block;
  vertical-align: top;
}

#deskSearch #condition {
  width: 530px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  display: inline-block;
}

#deskSearch #condition p {
  display: inline-block;
  margin: 8px;
  line-height: 32px;
  height: 32px;
  font-size: 1em;
}

#deskSearch #condition p .select-ttl {
  color: #043891;
  font-weight: bold;
  width: 5.2em;
  position: relative;
  font-size: 1.1em;
  display: inline-block;
}

#deskSearch #condition p .select-ttl.price {
  letter-spacing: 2px;
  padding-left: 1.3em;
  box-sizing: border-box;
}

#deskSearch #condition p .select-ttl::after {
  content: ":";
  color: #333;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0.25em;
  letter-spacing: 0;
}

#deskSearch #condition p:nth-of-type(2n + 1) .select-ttl {
  width: 4.2em;
}

#deskSearch #condition p select {
  line-height: 32px;
  height: 32px;
  width: 165px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(/static/images/product/desk_rack/desk/arrow_bl_dw_10px.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px 6px;
  border: 1px solid #707070;
  border-radius: 4px;
  padding: 0 5px 0 10px;
  color: #333;
  font-size: 0.95em;
}

#deskSearch #condition p select::-ms-expand {
  display: none;
}

#deskSearch #operate {
  width: 735px;
  margin: 0 auto;
  padding: 20px 0 0;
}

#deskSearch #operate p {
  vertical-align: top;
  line-height: 45px;
  height: 45px;
  text-align: center;
}

#deskSearch #operate p img {
  vertical-align: middle;
}

#deskSearch #operate p img#Freset {
  vertical-align: middle;
  padding: 0 16px 0 0;
  width: 154px;
  image-rendering: -webkit-optimize-contrast;
}

#deskSearch #operate p img#Freset:hover {
  cursor: pointer;
  opacity: 0.6;
}

#deskSearch #operate p input.submit-image {
  width: 204px;
  image-rendering: -webkit-optimize-contrast;
}

#deskSearch #operate p input.submit-image:hover {
  cursor: pointer;
  opacity: 0.6;
}

#deskSearch #search-area {
  padding: 20px;
  padding-top: 0;
}

#deskSearch #search-area .check-area-size-outer {
  text-align: center;
  padding: 0 0 2.5%;
}

#deskSearch #search-area .check-area-size-outer .check-area-size {
  width: 880px;
  margin-left: 50px;
  text-align: left;
  display: flex;
}

#deskSearch #search-area .check-area-size-outer .check-area-size h4 {
  color: #004999;
  font-size: 1.2em;
}

#deskSearch #search-area .check-area-size-outer .check-area-size dl {
  width: 32%;
  display: flex;
  margin-top: 35px;
  justify-content: left;
}

#deskSearch #search-area .check-area-size-outer .check-area-size dl.select-takasa {
  margin-left: 3.9%;
}

#deskSearch #search-area .check-area-size-outer .check-area-size dl dt {
  width: 80px;
  line-height: 1.8em;
}

#deskSearch #search-area .check-area-size-outer .check-area-size .select-title {
  font-weight: bold;
  line-height: 36px;
  width: fit-content;
  font-size: 1.1333em;
  margin-right: 5%;
}

#deskSearch #search-area .check-area-size-outer .desk-image {
  width: 350px;
  margin: 0;
}

#deskSearch #search-area .select-limits p {
  position: relative;
  margin: 0;
  display: inline-block;
}

#deskSearch #search-area .select-limits p::before {
  content: '';
  position: absolute;
  border-top: solid 2px #1745A6;
  border-right: solid 2px #1745A6;
  width: 6px;
  height: 6px;
  transform: rotate(135deg);
  top: 0;
  bottom: 0;
  right: 19px;
  margin: auto;
}

#deskSearch #search-area .select-limits select {
  width: 147px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 3px;
  padding: 3px 8px;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}

#deskSearch #search-area .select-limits .unit {
  font-weight: bold;
  vertical-align: -10px;
}

#deskSearch #haba_cnt {
  display: none;
}

#deskSearch #okuyuki_cnt {
  display: none;
}

#deskSearch #takasa_cnt {
  display: none;
}

#deskSearch .select-feature {
  padding: 20px 10px 0px 50px;
  margin: 20px 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#deskSearch .select-feature .select-feature-title {
  width: 80px;
  color: #004998;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}

#deskSearch .select-feature .dd-area-outer {
  width: 100%;
}

#deskSearch .select-feature .dd-area {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin: 0.4% 0 0 0.9%;
}

#deskSearch .select-feature .dd-area dd {
  width: 32.8%;
  margin: 0 0 2.9%;
  font-size: 0.95em;
  text-align: left;
}

#deskSearch .select-feature .dd-area dd .search-cnt {
  font-size: 0.9em;
}

#deskSearch .select-feature p.annotation {
  margin: 0 0 10px 0;
  font-size: 0.9em;
  line-height: 1.4;
}

#deskSearch #operate1 {
  display: flex;
  justify-content: center;
}

#deskSearch #operate1 .submit-button {
  width: 600px;
  text-align: center;
  background-color: #0045a0;
  color: #fff;
  font-size: 1.5em;
  height: 80px;
  line-height: 80px;
  border-radius: 10px;
  margin-top: 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

#deskSearch #operate1 .submit-button:hover {
  opacity: 0.6;
}

#deskSearch #operate1 .submit-button .total-cnt {
  font-size: 1.6em;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  top: 2px;
}

#deskSearch #operate1 .submit-button .yajirusi {
  position: absolute;
  top: 33px;
  right: 20px;
}

#deskSearch #operate2 {
  display: flex;
  justify-content: center;
}

#deskSearch #operate2 .reset-button {
  width: 215px;
  text-align: center;
  background-color: #909090;
  color: #fff;
  font-size: 1.2em;
  height: 45px;
  line-height: 45px;
  border-radius: 8px;
  margin-top: 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

#deskSearch #operate2 .reset-button:hover {
  opacity: 0.6;
}

/* 並べ替え */
#order-area {
  position: absolute;
  top: 18px;
  right: 0;
}

#order-area div.order-area-inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: right;
}

#order-area select {
  display: inline-block;
  height: 30px;
  color: #295bb5;
  background-color: #fff;
  border: 1px solid #295bb5;
  border-radius: 6px;
  padding: 0 15px 0 10px;
  vertical-align: middle;
  position: relative;
  top: 26px;
}

/*--------------------------------
    ページネーション
--------------------------------*/
div#pagenate-top,
div#pagenate-bottom {
  text-align: center;
  line-height: 1.2;
  font-size: 1.05em;
  min-height: 30px;
}

div#desk-search-cnt-area {
  text-align: center;
  margin: 40px 0 0;
  font-size: 1.15em;
  line-height: 1.2;
  font-weight: bold;
}

div#desk-search-cnt-area div#desk-search-cnt {
  font-size: 1.25em;
  margin: 0 0 5px;
}

div#desk-search-cnt-area div#desk-search-cnt .result-count-num {
  color: #f00;
  font-size: 1.6em;
  letter-spacing: -0.01em;
  position: relative;
  top: 2px;
}

div.paging_area .page-link {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #999;
  color: #333;
  padding: 6px 0 4px;
  width: 26px;
  text-align: center;
  font-size: 0.87em;
}

div.paging_area .page-link.current-page {
  background-color: #666;
  border: 1px solid #666;
  color: #fff;
}

div.paging_area a:hover {
  color: #f00;
}

/*--------------------------------
    検索結果
--------------------------------*/
table.result-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 12px 0 30px;
}

table.result-table th {
  background-color: #4777b2;
  border: 1px solid #fff;
  color: #fff;
  line-height: 1.2;
  padding: 8px 0 6px;
}

table.result-table th.product-image {
  width: 12%;
}

table.result-table th.product-color {
  width: 20%;
}

table.result-table th.product-sku {
  width: 30%;
}

table.result-table td {
  background-color: #fff;
  border: 1px solid #ccc;
  line-height: 1.2;
  padding: 1%;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

table.result-table td.product-image img {
  width: 82%;
  margin: 0 auto;
}

table.result-table td.product-sku {
  text-align: left;
  padding-left: 1%;
}

table.result-table td.product-sku a {
  font-weight: bold;
  color: #0a4ea2;
  position: relative;
  padding: 0 0 0 10%;
  background: url(/static/images/common/yaji_maru_bl_15.png) no-repeat 0 50%;
  background-size: 13px;
}

table.result-table td.product-sku a:hover {
  color: #f00;
}

table.result-table td.product-price span.zeinuki {
  display: block;
  line-height: 1.2;
}

table.result-table td:nth-child(7) {
  text-align: right;
}

table.result-table tr:hover td {
  background-color: #e4f2f7;
}

/* 関連製品 */
#kanren {
  margin: 0 auto 40px;
}

#kanren h3 {
  margin: 0 auto 20px;
  padding: 0 0 7px;
  font-size: 1.65em;
  font-weight: normal;
  background: url(/static/images/product/desk_rack/desk/bar_bk.gif) no-repeat bottom left;
  text-indent: 3px;
}

#kanren #kList ul {
  margin: 0 0 0 8px;
}

#kanren #kList ul li {
  width: 148px;
  height: 148px;
  border-top: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  float: left;
}

#kanren #kList ul li#last {
  width: 148px;
  height: 148px;
  border-right: 1px solid #a6a6a6;
  float: left;
}

#kanren #kList ul li a {
  display: block;
  width: 148px;
  height: 133px;
  padding: 15px 0 0;
  text-align: center;
  font-size: 0.85em;
  color: #000;
}

#kanren #kList ul li a:hover {
  opacity: 0.6;
}

#kanren #kList ul li a img {
  margin: 0 auto 10px;
}

#kanren #kList ul li a span {
  display: block;
}

#kanren #kList ul li a span img {
  margin: 0;
  padding: 0 3px 2px 0;
  vertical-align: middle;
}

/* バナー関係 */
p.banner-donyu {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 24px;
}

p.banner-donyu-other {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 60px;
}

/*---------------------------
    サイドメニュー
---------------------------*/
#sidemenu {
  float: left;
  width: 180px;
}

#sidemenu #naviList {
  font-size: 0.82em;
  border: 1px solid #ccc;
}

#sidemenu #naviList h3 {
  background: #eee;
  height: 30px;
  line-height: 30px;
  font-size: 1.12em;
  text-indent: 10px;
  margin: 0 0 4px;
}

.mac #sidemenu #naviList {
  font-size: 0.77em;
  border: 1px solid #ccc;
}

#sidemenu #naviList ul {
  padding: 0 0 3px;
}

#sidemenu #naviList ul li {
  line-height: 150%;
  font-weight: bold;
  margin: 0 0 8px;
}

#sidemenu #naviList ul li img {
  float: left;
  margin: 0;
  padding: 4px 5px 0 10px;
}

#sidemenu #naviList ul li a {
  color: #333;
  float: left;
  display: block;
}

#sidemenu #naviList ul li ul#innerList {
  clear: both;
  display: block;
  float: left;
  margin: 0 0 0 15px;
  padding: 0;
}

#sidemenu #naviList ul li ul#innerList li {
  font-weight: normal !important;
  margin: 5px 0 0;
}

p.sidebn {
  margin: 15px 0 0;
}

p.sidebn img {
  width: 100%;
}

p.sidebn.personal img {
  width: 178px;
  border: 1px solid #ccc;
  border-radius: 0.3em;
}

#deskSearch {
  border: none;
  padding: 0;
  text-align: left;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

#deskSearch p {
  margin: 0 0 20px 20px;
  font-size: 1.2em;
  text-align: left;
}

#deskSearch h4 {
  font-size: 1.2em;
  color: #004999;
}

#deskSearch .check-area-size-outer h4 {
  text-align: left;
  margin-left: 5.8%;
}

#deskSearch #desk-box #condition-outer {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 0 10px;
}

#deskSearch #desk-box img.desk-image {
  width: 216px;
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
}

#desk_search_result {
  position: relative;
}

#desk_search_result table td .zeinuki {
  font-size: 0.87em;
  display: block;
  line-height: 1.2;
}

#indexsearch {
  margin: 2% 0 0;
}

.sp-v {
  display: none !important;
}