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

/*---------------------------
メイン
---------------------------*/
#container {
  width: 100%;
}

/*---------------------------
サイドメニュー
---------------------------*/
#sidemenu {
  width: 980px;
  background-color: #eeeeee;
  padding: 2%;
  margin: 90px auto 0;
}

p.cate_title {
  margin: 0 0 0.8%;
}

div#sidemenu a:last-child li {
  margin: 0;
}

div#sidemenu ul a {
  margin: 0 1.5% 0 0;
  display: inline-block;
  width: 31.4%;
  color: #205AB4;
}

div#sidemenu li {
  border: 0.07em solid #d0d0d0;
  background-color: #ffffff;
  border-radius: 0.3em;
  padding: 11% 0 9% 7%;
  font-weight: bold;
  font-size: 1.2em;
  box-sizing: border-box;
  background: no-repeat 85% 50%;
  background-size: 25%;
}

div#sidemenu a:first-child li {
  background: url(/static/images/product/desk_rack/mobile/desk_desk_ALD-12070N.png), url(/static/images/product/desk_rack/sh-md/sankaku_red.gif);
  background-repeat: no-repeat,no-repeat;
  background-position: 85% 50%, 98.5% 90%;
  background-color: #ffffff;
  background-size: 23%,4.5%;
}

div#sidemenu a:nth-child(2) li {
  background: url(/static/images/product/desk_rack/mobile/desk_monitor-arm.png), url(/static/images/product/desk_rack/sh-md/sankaku_red.gif);
  background-repeat: no-repeat,no-repeat;
  background-position: 85% 50%, 98.5% 90%;
  background-color: #ffffff;
  background-size: 30%,4.5%;
}

div#sidemenu a:nth-child(3) li {
  background: url(/static/images/product/chair/mobile/chair_office.png), url(/static/images/product/desk_rack/sh-md/sankaku_red.gif);
  background-repeat: no-repeat,no-repeat;
  background-position: 85% 50%, 98.5% 90%;
  background-color: #ffffff;
  background-size: 19%,4.5%;
}

div#sidemenu a:hover {
  text-decoration: none;
  opacity: 0.6;
}

div#sidemenu li span {
  text-align: left;
}

/*---------------------------
フロート解除
---------------------------*/
/* for modern brouser */
.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}

.sp {
  display: none;
}

div#wrap-container {
  padding: 0;
  width: 100%;
}

#container {
  width: 100%;
  color: #333333;
}

.content-inner {
  width: 980px;
  margin: 0 auto;
}

/*-- メインコンテンツグループ --*/
#main-contents {
  margin: 0 0 50px;
  width: 100%;
}

/*-- タイトル --*/
h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  margin: 0 auto 27px;
  padding-bottom: 5px;
  width: 980px;
}

/* 看板画像 */
.first-view {
  width: 980px;
  margin: 0 auto;
}

/* メニュー */
#menu {
  width: 980px;
  margin: 2px auto 0;
}

#menu ul li {
  float: left;
  background-color: #86C303;
  width: 243px;
  margin: 0 2px 0 0;
}

#menu ul li a {
  display: block;
  background: url(/static/images/product/desk_rack/sh-md/arrow_wh.png) no-repeat 95% 50%;
  font-size: 1rem;
  text-align: center;
  color: #FFFFFF;
  padding: 17px 20px 14px 0;
}

#menu ul li a:hover {
  text-decoration: none;
  opacity: 0.6;
}

/* コンセプト */
#concept {
  background-color: #F6F6F6;
  padding: 60px 0;
  margin: 55px 0 0;
}

#concept h2 {
  color: #7CB800;
  font-size: 2rem;
  text-align: center;
}

#concept p {
  line-height: 1.5;
  text-align: center;
  margin: 2% 0 0;
}

#concept p img {
  display: block;
  margin: 0 auto;
}

#concept ul {
  display: table;
}

#concept ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#concept ul li img.arrow-l {
  width: 55%;
  transform: rotate(-90deg);
}

/* 使用例 */
#use {
  padding: 65px 0 0;
}

#use h2 {
  color: #7CB800;
  font-size: 2rem;
  text-align: center;
  margin: 0 0 4%;
}

#use dl {
  display: table;
  margin: 0 0 2%;
}

#use dl dt, #use dl dd {
  display: table-cell;
  vertical-align: middle;
}

#use dl dt {
  width: 46%;
  padding: 0 6%;
  background-color: #EFF8D9;
}

#use dl dt li:nth-of-type(1) {
  color: #7CB800;
  font-size: 1.5rem;
  font-weight: bold;
  text-indent: -1em;
}

#use dl dt li:nth-of-type(2) {
  padding: 4% 0 0 3%;
  line-height: 1.6;
}

#use dl dt li img {
  margin: 0 2% 0 0;
}

#use dl dd {
  width: 54%;
}

#use dl dd img {
  width: 100%;
}

/* 特長 */
#feature {
  padding: 55px 0 0;
}

#feature h2 {
  color: #7CB800;
  font-size: 2rem;
  text-align: center;
  margin: 0 0 3%;
}

.feature-list {
  padding: 5% 0;
  border-top: 1px dotted #BBBBBB;
}

.feature-list:nth-of-type(3) {
  padding: 5% 0;
  border-top: 1px dotted #BBBBBB;
  border-bottom: 1px dotted #BBBBBB;
}

.feature-list h3 {
  color: #626262;
  font-size: 1.75rem;
  text-align: center;
  margin: 0 0 2%;
}

.feature-list p {
  text-align: center;
  line-height: 1.6;
}

.feature-list ul {
  margin: 4% 0 0;
}

.feature-list ul li {
  text-align: center;
}

.feature-list ul li img.tokuchou2-l {
  width: 58%;
  margin: 0 2% 0 0;
}

/* サイズの選び方 */
#size {
  padding: 65px 0 0;
}

#size h2 {
  color: #626262;
  font-size: 2rem;
  text-align: center;
  width: 980px;
  margin: 0 auto 3.4%;
}

#size-menu {
  background-color: #9ECF35;
  padding: 72px 0;
}

#size-menu-inner {
  background-color: #FFFFFF;
  border-radius: 0.4em;
  padding: 45px 45px 37px;
}

#size-menu-inner.content-inner {
  width: 890px;
  margin: 0 auto;
}

#size-menu-inner p {
  text-align: center;
  font-size: 1.65rem;
  margin: 0 0 5%;
}

#size-menu-inner p img {
  width: 128px;
  margin: 0 0 1%;
}

#select .select-l, #select .select-r {
  width: 412px;
  float: left;
}

#select .select-l dl dt {
  background-color: #F39801;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.4em;
  padding: 2.5% 0 2%;
  margin: 0 0 8%;
  border-radius: 0.2em;
}

#select dl dd ul {
  height: 6em;
}

#select .select-l dl dd li {
  background: url(/static/images/product/desk_rack/sh-md/maru_orage.png) no-repeat 0 50%;
  padding-left: 17px;
  background-size: 2.5%;
  margin: 0 0 2.5% 2%;
  font-size: 0.95rem;
}

div.sizestepimg {
  margin: 2% 0 0;
  text-align: center;
}

div.sizestepimg img.sizestep {
  margin: 0 0 5%;
}

#select .select-r {
  float: right;
}

#select .select-r dl dt {
  background-color: #00A0EA;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.4em;
  padding: 2.5% 0 2%;
  margin: 0 0 8%;
  border-radius: 0.2em;
}

#select .select-r dl dd li {
  background: url(/static/images/product/desk_rack/sh-md/maru_blue.png) no-repeat 0 50%;
  padding-left: 17px;
  background-size: 2.5%;
  margin: 0 0 2.5% 2%;
  font-size: 0.9rem;
}

#meeting {
  background-color: #F5AD34;
  padding: 68px 0 70px;
}

#meeting-i-outer.content-inner {
  width: 980px;
  margin: 0 auto;
}

#meeting-i-outer p {
  text-align: center;
  font-size: 1.85rem;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
}

#meeting-i-outer .meeting-inner p {
  text-align: center;
  font-size: 1.5rem;
  font-weight: normal;
  color: #333333;
  margin: 0 0 10%;
}

#meeting-i-outer .meeting-inner p img {
  width: 125px;
  margin: 0 0 3%;
}

.meeting-inner {
  display: table;
}

.meeting-inner div {
  display: table-cell;
}

.step-outer-l, .step-outer-r {
  width: 42%;
  background-color: #FFFFFF;
  border-radius: 0.4em;
  padding: 5% 2%;
}

.step-outer-m {
  width: 6%;
  vertical-align: middle;
  text-align: center;
}

#meeting-i-outer .step-outer-l img.tenban {
  display: block;
  margin: 0 auto;
  width: 228px;
}

#meeting-i-outer .step-outer-l img.vari {
  display: block;
  margin: 0 auto 46px;
  width: 410px;
}

#meeting-i-outer .step-outer-r img.tenban {
  display: block;
  margin: 0 auto;
  width: 240px;
}

#meeting-i-outer .step-outer-r img.vari {
  display: block;
  margin: 0 auto;
  width: 410px;
}

.meeting-inner table {
  border-top: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  border-collapse: collapse;
  width: 100%;
  margin: 21px 0 0;
  line-height: 1.2;
}

.meeting-inner table a {
  background: url(/static/images/product/desk_rack/sh-md/sankaku.png) no-repeat 0 50%;
  padding: 0 0 0 15px;
  font-weight: bold;
}

.meeting-inner table th, .meeting-inner table td {
  border-right: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
}

.meeting-inner table th {
  background-color: #E5E5E5;
  padding: 2% 0;
}

.meeting-inner table td {
  font-size: 0.85rem;
  padding: 2%;
}

.meeting-inner table td img {
  vertical-align: -7px;
  width: 25%;
  margin: 0 6% 0 0;
}

.meeting-inner table td .zeinuki {
  display: block;
}

#personal {
  background-color: #32B3ED;
  padding: 60px 0 90px;
}

#personal-i-outer.content-inner {
  width: 980px;
  margin: 0 auto;
}

#personal-i-outer p {
  text-align: center;
  font-size: 1.85rem;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
}

#personal-i-outer .personal-inner p {
  text-align: center;
  font-size: 1.5rem;
  font-weight: normal;
  color: #333333;
  margin: 0 0 10%;
}

#personal-i-outer .personal-inner p img {
  width: 125px;
  margin: 0 0 3%;
}

.personal-inner {
  display: table;
}

.personal-inner div {
  display: table-cell;
}

.step-outer-l, .step-outer-r {
  width: 42%;
  background-color: #FFFFFF;
  border-radius: 0.4em;
  padding: 5% 2%;
}

.step-outer-m {
  width: 6%;
  vertical-align: middle;
  text-align: center;
}

#personal-i-outer .step-outer-l img.tenban {
  display: block;
  margin: 0 auto;
  width: 300px;
}

#personal-i-outer .step-outer-l img.vari {
  display: block;
  margin: 0 auto 89px;
  width: 410px;
}

#personal-i-outer .step-outer-r img.tenban {
  display: block;
  margin: 0 auto 25px;
  width: 400px;
}

#personal-i-outer .step-outer-r img.vari {
  display: block;
  margin: 0 auto 35px;
  width: 410px;
}

span.hyo-title {
  display: block;
  font-size: 0.95rem;
  color: #009FE9;
  margin: 0 0 2%;
  text-align: center;
}

#personal-i-outer .personal-inner span.hyo-title img {
  vertical-align: bottom;
  width: 25px;
  margin: 0 2% 0 0;
}

.personal-inner table {
  border-top: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.2;
}

.personal-inner table a {
  background: url(/static/images/product/desk_rack/sh-md/sankaku.png) no-repeat 0 50%;
  padding: 0 0 0 15px;
  font-weight: bold;
}

.personal-inner table:nth-of-type(1) {
  margin: 0 0 8% 0;
}

.personal-inner table th, .personal-inner table td {
  border-right: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
}

.personal-inner table th {
  background-color: #E5E5E5;
  padding: 2% 0;
}

.personal-inner table td {
  font-size: 0.85rem;
  padding: 2%;
}

.personal-inner table td img {
  vertical-align: -7px;
  width: 25%;
  margin: 0 6% 0 0;
}

.personal-inner table td .zeinuki {
  display: block;
}

/* リンク */
div.setlink {
  text-align: center;
  margin: 5% 0;
}

div.setlink-b {
  text-align: center;
  margin: 6% 0 0;
}

body #sidemenu {
  margin: 139px auto 0;
}

/* フロート解除 
---------------------------*/
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}