@charset "UTF-8";
/* デフォルトスタイル
-------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
li,
img {
  margin: 0;
  border: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

#container img {
  vertical-align: bottom;
}

/* ヘッド
---------------------------------------------- */
h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 0 3%;
  padding-bottom: 0;
}

/* コンテンツ
---------------------------------------------- */
#contents {
  width: 736px;
}

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

.cate {
  float: left;
  width: 358px;
  margin: 0px 20px 25px 0px;
}

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

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

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

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

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

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

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

.cate .btn a:hover img,
.cate .btn 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;
  max-height: 0;
  visibility: hidden;
}

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

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

.clfx {
  display: block;
}

/**/
