@charset "UTF-8";
a:hover {
  opacity: 0.6;
}

li:hover a {
  opacity: 0.6;
}

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

.hidden {
  display: none;
}

.pc-hidden {
  display: none;
}

#wrap-container #container h1#ttl {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.5em;
  margin: 0 0 20px;
  line-height: 1.2;
  padding-bottom: 0px;
}

#main-image {
  width: 980px;
  height: 399px;
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/ttl_tacase_pc_01.jpg) no-repeat;
}

#menu-box {
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/ttl_tacase_pc_02.gif) no-repeat;
  padding: 20px 0px 0px 16px;
  margin-bottom: 10px;
}

#menu-box li {
  float: left;
  width: 312px;
  height: 86px;
  margin-right: 9px;
}

#menu-box li a {
  display: block;
  width: 100%;
  height: 100%;
}

#menu-box li#btn_ipad a {
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/btn_ipad_pc.png) no-repeat;
}

#menu-box li#btn_hanyou a {
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/btn_hanyou_pc.png) no-repeat;
}

#menu-box li#btn_senyou a {
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/btn_senyou_pc.png) no-repeat;
}

#menu-box li#btn_bunkyo {
  float: right;
  width: 291px;
  height: 65px;
  margin-top: 40px;
  margin-right: 0px;
}

#menu-box li#btn_bunkyo a {
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/btn_bunkyo_pc.png) no-repeat;
}

.cate-area {
  margin-bottom: 75px;
}

h2.cate-ttl {
  font-size: 2.2em;
  margin: 0 15px 7px 15px;
  line-height: 1.2;
}

.caption {
  margin: 0 15px 17px 15px;
}

.seihin-top {
  border-top: 4px solid #5084d7;
  border-left: 1px solid #c1c1b7;
  border-right: 1px solid #c1c1b7;
  border-bottom: 1px solid #c1c1b7;
  width: 854px;
  padding: 20px 62px 15px 62px;
}

.seihin-top .photo {
  float: left;
  margin-right: 40px;
}

.seihin-top .photo img {
  width: 300px;
  height: 300px;
}

.seihin-top .detail {
  float: left;
  width: 500px;
  padding-top: 36px;
}

.seihin-top .detail h4 {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.6em;
  margin-bottom: 5px;
}

.seihin-top .detail h5 {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.7em;
  margin: 10px 0 15px;
}

.seihin-top .detail .hinban {
  margin: 0 0 18px 0;
}

.seihin-top .detail .hinban a {
  background: url(/static/images/seihin_joho/bunkyou_tablet/sp/ya.gif) no-repeat scroll 4px 5px;
  font-size: 0.95em;
  font-weight: bold;
  padding: 0 0 0 20px;
}

.seihin-top .detail .icon-ipad {
  margin-left: 3px;
}

.seihin-top .detail .icon-ipad p {
  padding: 0 0 5px 0;
}

.seihin-top .detail .icon-ipad img {
  /*width: 120px;
	height: 26px;*/
}

.seihin-top .detail .icon-size {
  margin-bottom: 5px;
  margin-left: 3px;
}

.seihin-top .detail .icon-size-two-line {
  height: 55px;
}

.seihin-top .detail .icon-size p {
  float: left;
  padding: 0 5px 5px 0;
}

.seihin-top .detail .icon-size img {
  /*height: 24px;*/
}

.seihin-top .detail .icon-tokuchu {
  margin-left: 3px;
}

.seihin-top .detail .icon-tokuchu p {
  float: left;
  padding: 0 5px 5px 0;
}

.seihin-top .detail .icon-tokuchu img {
  /*height: 20px;*/
}

.seihin-area {
  margin: -1px 0 0;
}

h3.subcate-ttl {
  font-size: 1.56em;
  line-height: 1.4;
  padding: 7px 20px 2px;
}

h3#haimen {
  background: #b8cef3;
}

h3#techo {
  background: #afdef0;
}

h3#belt {
  background: #b8cef3;
}

h3#slipin {
  background: #aedfee;
}

h3#taishogeki {
  background: #b8cef3;
}

h3#bosui {
  background: #afdef0;
}

h3#pencile {
  background: #b8cef3;
}

h3#keyboard {
  background: #aedfee;
}

.seihin {
  display: table-cell;
  width: 236px;
  padding: 10px 4px 4px 4px;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

.seihin-row:first-child .seihin {
  border-top: 1px solid #d1d1d1;
}

.seihin:nth-child(4n-3) {
  width: 235px;
  border-left: 1px solid #d1d1d1;
}

.seihin h4 {
  font-weight: bold;
  font-size: 0.97em;
  line-height: 1.5em;
  height: 4.4em;
  padding: 0 10px 5px;
}

.seihin .photo {
  text-align: center;
  margin-bottom: 5px;
}

.seihin .photo img {
  width: 170px;
  height: 170px;
}

.seihin .detail {
  height: 140px;
  background: #F0F1F5;
  padding: 14px 0px 59px 13px;
}

.seihin .detail .hinban {
  margin: 0 0 15px 0;
}

.seihin .detail .hinban a {
  font-size: 0.9em;
  font-weight: bold;
  background: url(/static/images/seihin_joho/bunkyou_tablet/sp/ya.gif) no-repeat 2px 4px;
  padding: 0 0 0 18px;
}

.seihin .detail .icon-ipad-twoline {
  height: 57px;
}

.seihin .detail .icon-ipad p {
  padding: 0 0 5px 0;
}

.seihin .detail .icon-ipad p:last-child {
  padding: 0 0 0 0;
}

.seihin .detail .icon-ipad img {
  /*height: 26px;*/
}

.seihin .detail .icon-size {
  margin-bottom: 5px;
}

.seihin .detail .icon-size-two-line {
  height: 55px;
}

.seihin .detail .icon-size-two-line-sp {
  height: 55px;
}

.seihin .detail .icon-size p {
  float: left;
  padding: 0 5px 5px 0;
}

.seihin .detail .icon-size p:nth-child(3n) {
  padding: 0 0 5px 0;
}

.seihin .detail .icon-size img {
  /*height: 24px;*/
}

.seihin .detail .icon-tokuchu p {
  float: left;
  padding: 0 5px 5px 0;
}

.seihin .detail .icon-tokuchu img {
  /*height: 20px;*/
}

#tokuchu-area {
  width: 880px;
  height: 440px;
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/case_tokuchu_pc.jpg) no-repeat;
  position: relative;
  margin: -15px auto 60px auto;
}

#tokuchu-area #tokuchu-banner {
  width: 512px;
  height: 78px;
  position: absolute;
  bottom: 35px;
  left: 184px;
}

#tokuchu-area #tokuchu-banner a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/static/images/seihin_joho/bunkyou_tablet/sp/bnr_tablet_tokuchu_02.png) no-repeat;
}

#pc-nav {
  margin: 30px 0 0 0;
  padding: 35px 0px 35px 25px;
  background: url(/static/images/seihin_joho/bunkyou_tablet/pc/bnr_back.gif) no-repeat;
}

#pc-nav li {
  display: inline-block;
}

#pc-nav li:first-child {
  margin-right: 12px;
}

#sp-nav {
  display: none;
}

div #relation-outer {
  width: 100%;
  margin: 0 0 5%;
}

div .relation {
  width: 980px;
  margin: 100px auto 0;
}

.relation h3 {
  font-size: 1.6em;
  text-align: center;
  padding: 13px 0;
  color: #fff;
  background-color: #004DA2;
}

.relation img {
  width: 230px;
  height: 153px;
  margin: 20px 15px 0 0;
}

.link-img li {
  display: inline;
}

.link-img li:nth-child(4n) img {
  margin-right: 0;
}

/* カタログ */
div#catalog-pc {
  border: 0.3em solid #9FBFE6;
  border-radius: 0.7em;
  background-color: #DBE7F5;
  padding: 30px 50px;
  margin: 9.5% auto;
  width: 880px;
}

div#catalog-pc div.cata_left {
  float: left;
  width: 73%;
  padding-top: 2%;
}

div#catalog-pc div.cata_left p {
  font-weight: bold;
  font-size: 1.65em;
  margin-bottom: 3%;
}

div#catalog-pc div.cata_left span {
  display: block;
  font-size: 1.05em;
  line-height: 1.8;
}

div#catalog-pc div.cata_left ul {
  margin-top: 6%;
}

div#catalog-pc div.cata_right {
  float: right;
  width: 20%;
  text-align: center;
}

div#catalog-pc div.cata_right img {
  width: 100%;
}

div#catalog-pc div.cata_left ul li {
  float: left;
  width: 45%;
  padding-right: 2%;
}

div#catalog-pc div.cata_left ul li a {
  display: block;
  text-align: center;
  padding: 5%;
  background-color: #125EAA;
  color: #FFFFFF;
  font-size: 0.95em;
}

div#catalog-pc div.cata_left ul li a img {
  width: 3.8%;
  vertical-align: middle;
  margin: 0 0 0 12px;
}
