@charset "UTF-8";
/*---------------------------
デフォルトスタイル
---------------------------*/
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, table, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  margin: 0 0 30px;
  line-height: 1.2;
  padding-bottom: 0;
}

h3.ttl {
  border-bottom: 3px solid #3DB788;
  border-left: 14px solid #3DB788;
  margin: 0 0 35px;
  padding: 8px 10px 8px 0;
}

h3.ttl span.num {
  display: inline-block;
  font-size: 1.6em;
  padding: 9px 13px 5px;
  background-color: #3DB788;
  color: #FFFFFF;
}

h3.ttl span.ttl {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 1.3em;
}

ul {
  list-style-type: none;
}

/*---------------------------
タイトル
---------------------------*/
#container {
  position: relative;
  width: 980px;
}

p.search-link {
  width: 980px;
  margin: 0 0 16px;
  padding: 0;
  text-align: right;
}

p.update {
  font-size: 0.8em;
  text-align: right;
  width: 980px;
  margin: 5px 0 0;
}

/* メニュー（TOP・カテゴリページ共通）
-----------------------------------------*/
.cate-list {
  width: 920px;
  margin: 0 auto 47px;
}

.cate-list li a {
  display: block;
  width: 218px;
  float: left;
  padding: 17px 0;
  margin: 0 13px 0 0;
  border: 1px solid #BFBFBF;
  border-radius: 0.3em;
  box-shadow: 1.5px 1.5px 2px #DDDDDD;
  text-align: center;
}

.cate-list li:nth-last-of-type(1) a {
  margin: 0;
}

.cate-list li a:hover {
  opacity: 0.6;
}

.cate-list li a:hover img {
  opacity: 1 !important;
}

div.listTitle {
  clear: both;
  width: 980px;
  margin: 0;
}

div.listTitleText {
  float: left;
  text-align: left;
  margin: 0 0 8px;
  font-weight: bold;
}

div.list-link {
  background-color: #EEEEEE;
  padding: 15px 15px 5px;
  margin: 0 0 50px;
}

div.list-link.canon {
  border-top: 4px solid #BD0728;
}

div.list-link.brother {
  border-top: 4px solid #0D2D9E;
}

div.list-link.epson {
  border-top: 4px solid #12248A;
}

div.list-link.hp {
  border-top: 4px solid #0597D3;
}

div.list-link li {
  float: left;
  margin: 0 10px 10px 0;
}

div.list-link li:nth-of-type(3n) {
  margin: 0 0 10px;
}

div.list-link a {
  display: block;
  color: #333333;
  text-align: center;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 2px #AAA;
  width: 310px;
  padding: 14px 0 12px;
}

div.list-link a:hover {
  text-decoration: none;
  opacity: 0.6;
}

div.list-link span {
  display: block;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.3;
  margin: 0 0 10px;
}

#container div.listTitleText img {
  vertical-align: -3px;
}

div.listTitleText img {
  margin: 0 5px 0 0;
}

div.update {
  font-size: 0.8em;
  text-align: right;
  position: relative;
  top: 10px;
}

p.search-link {
  width: 980px;
  margin: 0 0 80px;
  padding: 0;
  text-align: right;
}

p.search-link span.taiou {
  display: block;
  text-align: center;
  font-size: 1.03em;
  margin: 0 0 10px;
}

p.search-link a {
  display: block;
  padding: 14px 0;
  margin: 0 auto;
  background-color: #3DB788;
  color: #FFFFFF;
  font-weight: bold;
  width: 370px;
  text-align: center;
  border-radius: 0.33em;
  box-shadow: 2px 2px 2px #CCCCCC;
}

p.search-link a:hover {
  text-decoration: none;
  opacity: 0.6;
}

p.search-link a img {
  vertical-align: middle;
  width: 42.35px;
  margin: 0 14px 0 0;
}

p.search-link a span.title-s {
  vertical-align: -4px;
  font-size: 1.35rem;
}

/* 表
-----------------------------------------*/
h2 {
  font-size: 1em;
  margin: 0 0 6px;
}

div#ink-list {
  width: 980px;
}

table.item-list {
  width: 100%;
  border: 1px solid #9A9A9A;
  border-collapse: collapse;
  margin: 0;
}

table.item-list th {
  padding: 6px;
  font-size: 0.8em;
  border: 1px solid #9A9A9A;
  background-color: #deecf9;
}

table.item-list th.kisyu {
  width: 230px;
}

table.item-list th.cartridge {
  width: 128px;
}

table.item-list th.iro {
  width: 70px;
}

table.item-list th.ryo {
  width: 50px;
}

table.item-list th.hinban {
  width: 160px;
}

table.item-list th.kakaku {
  width: 50px;
}

table.item-list th.kisyu2 {
  width: 310px;
}

table.item-list th.cartridge2 {
  width: 180px;
}

table.item-list th.iro2 {
  width: 100px;
}

table.item-list th.ryo2 {
  width: 80px;
}

table.item-list th.hinban2 {
  width: 150px;
}

table.item-list th.kind2 {
  width: 80px;
}

table.item-list th.kakaku2 {
  width: 80px;
}

table.item-list td {
  padding: 6px;
  font-size: 0.8em;
  border: 1px solid #9A9A9A;
}

table.item-list td.item-no a {
  font-weight: bold;
}

table.item-list td.price {
  text-align: right;
}

table.item-list a.atten-red {
  font-weight: normal;
  color: #FF0000;
  padding: 0 0 0 4px;
}

table.item-list span.atten-red {
  font-weight: bold;
  color: #FF0000;
  padding: 0 0 0 4px;
}

table.item-list span.atten-red2 {
  color: #FF0000;
}

table.item-list p.atten-red {
  color: #FF0000;
}

table.item-list p.atten-blue {
  color: #0099FF;
}

table.item-list td.center {
  text-align: center;
}

/* 表 注意書き
-------------------------------*/
dl.atten-list {
  width: 980px;
  margin: 0 0 24px;
  clear: both;
  color: #f00;
  line-height: 1.1em;
}

dl.atten-list dt {
  width: 40px;
  font-size: 0.9em;
  float: left;
}

dl.atten-list strong {
  color: #000;
}

dl.atten-list dd {
  font-size: 0.9em;
}

dt.attenListH {
  height: 25px;
}

dt.attenListH4line {
  height: 70px;
}

p.atten-comment {
  color: #FF0000;
  font-size: 0.8em;
  padding: 0 0 24px;
  line-height: 1.5em;
}

.cate h3 {
  float: left;
  margin: 0 0 4px;
  padding: 0 0 0 12px;
  font-size: 0.9em;
  line-height: 1.4em;
  background-image: url("../images/car_12.png");
  background-repeat: no-repeat;
  background-position: left top;
}

div.cate div.block-row div.block-short-l h3 {
  float: left;
  margin: 0 0 4px;
  padding: 0 0 0 12px;
  font-size: 0.9em;
  line-height: 1.4em;
  background-image: url("../images/car_39.png");
  background-repeat: no-repeat;
  background-position: left top;
}

/* 戻るボタン
-----------------------------------------*/
div.retune p {
  margin: 4px 0 24px;
  text-align: right;
  font-size: 0.8em;
  line-height: 1.3;
}

div.retune p.back {
  padding: 4px 0 0;
  border-top: 1px solid #9A9A9A;
}

/* 回り込み解除 */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}