@charset "UTF-8";
/* タイトル
----------------------------------------*/
h1 {
  margin: 0px 0px 12px 0px;
  border-bottom: 1px solid #CCCCCC;
}

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

/* 各カテゴリ入口
----------------------------------------*/
.cate-wrap {
  width: 756px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  font-size: 0;
}

.cate-box {
  display: -moz-inline-box;
  /*for Firefox 2*/
  display: inline-block;
  /*for modern*/
  display: inline;
  /*for ie5～7*/
  zoom: 1;
  /*for ie5～7*/
  width: 358px;
  margin: 0px 18px 25px 0px;
  font-size: 16px;
  vertical-align: top;
}

h2 {
  height: 26px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 10px;
  background: url(../images/cate_title_bg.png) left top no-repeat;
  font-size: 0.95em;
  line-height: 26px;
}

/* 写真 */
.cate-box .photo {
  float: left;
  width: 125px;
}

.cate-box .photo a:link img,
.cate-box .photo a:visited img {
  border: 1px solid #999999;
}

.cate-box .photo a:hover img,
.cate-box .photo a:active img {
  border: 1px solid #FF0000;
}

/* テキスト*/
.cate-box .text {
  margin: 0px 0px 5px 125px;
  font-size: 0.8em;
  line-height: 1.3;
  letter-spacing: 0.05em;
}

/* ボタン */
.cate-box .btn {
  margin: 0px 0px 0px 125px;
}

.cate-box .btn a:link img,
.cate-box .btn a:visited img {
  border: 1px solid #999999;
}

.cate-box .btn a:hover img,
.cate-box .btn a:active img {
  border: 1px solid #FF0000;
}

/*---------------------------
メイン枠
---------------------------*/
div#container {
  width: 980px;
}

h1 {
  margin: 0px 0px 12px 0px;
  padding-bottom: 3px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 28px;
}

#btn_area {
  clear: both;
  padding-left: 0px;
  margin-bottom: 15px;
}

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

#btn_area ul li {
  float: left;
  margin: 0 12px 10px 0;
  position: relative;
}

#btn_area ul li a {
  width: 318px;
  height: 146px;
  display: block;
}

#btn_area ul li a span.ttl {
  text-decoration: none;
  color: #FFFFFF;
}

#btn_area ul li a span.ttl:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#btn_area ul li a span.note {
  text-decoration: none;
  color: #000000;
}

#btn_area ul li a span.note:hover {
  text-decoration: none;
  color: #000000;
}

#btn_area ul li:hover {
  opacity: 0.6;
}

.self {
  background: url(/static/images/product/acc/digicame/renew/seif-stick.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.camera {
  background: url(/static/images/product/acc/digicame/renew/camera.jpg?20231005) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.film {
  background: url(/static/images/product/acc/digicame/renew/film.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.sankyaku {
  background: url(/static/images/product/acc/digicame/renew/sankyaku.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.strap {
  background: url(/static/images/product/acc/digicame/renew/strap.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.cardreader {
  background: url(/static/images/product/acc/digicame/renew/cardreader.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.mediacase {
  background: url(/static/images/product/acc/digicame/renew/mediacase.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.miniusbcable {
  background: url(/static/images/product/acc/digicame/renew/miniusbcable.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.hdmimini {
  background: url(/static/images/product/acc/digicame/renew/hdmimini.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.cleaner {
  background: url(/static/images/product/acc/digicame/renew/cleaner.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.youshi {
  background: url(/static/images/product/acc/digicame/renew/youshi.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.arm {
  background: url(/static/images/product/acc/digicame/renew/arm.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

.denchi {
  background: url(/static/images/product/acc/digicame/renew/denchi.jpg) no-repeat 0 0;
  width: 318px;
  height: 146px;
}

/* リンク位置設定 */
.self a, .camera a, .film a, .sankyaku a, .strap a, .cardreader a, .mediacase a, .miniusbcable a, .hdmimini a, .cleaner a, .youshi a, .arm a, .denchi a {
  display: block;
  width: 318px;
  height: 146px;
  position: absolute;
  top: 0;
  left: 0;
}

/* テキスト位置設定（マージン） */
span.ttl {
  margin: 9px 0 0 30px;
}

span.note {
  margin: 25px 0 0 12px;
}

#btn_area ul li span.ttl {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
}

body.mac #btn_area ul li span.ttl {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
}

#btn_area ul li span.note {
  display: block;
  font-size: 0.9em;
  left: 13px;
  width: 200px;
  line-height: 1.3;
}

#btn_area ul li.right_end {
  float: left;
  margin-bottom: 10px;
  margin-right: 0;
}

.cate-block {
  margin: 0 0 30px 0;
}

h2 {
  margin: 0 0 10px 0;
}

.cate-block ul {
  list-style-type: none;
  margin: 0 0 15px 0;
  width: 752px;
  overflow: hidden;
}

.cate-block ul li {
  float: left;
  margin: 0 18px 0 0;
  width: 170px;
  font-size: 0.75em;
  line-height: 1.2;
}

.cate-block ul li.end {
  margin: 0 0 10px 0;
}

.cate-block ul li a {
  display: block;
  margin: 0 0 2px 0;
}

.cate-block ul li a img,
.cate-block ul li a:visited img {
  border: 1px solid #999999;
}

.cate-block ul li a:hover img,
.cate-block ul li a:active img {
  border: 1px solid #FF0000;
}

/* 戻るボタン
----------------------------------------*/
.return {
  margin: 0 0 20px 0;
  text-align: right;
  font-size: 0.8em;
  line-height: 1.3;
}

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

/* IE7,MacIE5 */
.clfx {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clfx {
  height: 1%;
}

.clfx {
  display: block;
}

/**/