@charset "UTF-8";
/* リセットCSS
----------------------------------*/
h1, h2, h3, h4, h5, h6, div, p, ul, li, dl, dt, dd, table, tr, th, td, img {
  margin: 0;
  border: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

/* タイトル
----------------------------------*/
h1 {
  margin: 0px 0px 10px 0px;
}

/* 日付
----------------------------------*/
.date {
  margin: 0px 0px 10px 0px;
  font-size: 0.8em;
  text-align: right;
}

/* メニュー（TOP・カテゴリページ共通）
-----------------------------------------*/
.cate-list {
  width: 745px;
  /* containerの幅 + liの右margin + 1（印刷時の折り返し防止） */
  margin: 0 0 12px 0;
}

.cate-list li {
  float: left;
  padding: 0 10px 10px 0;
  font-size: 0.8em;
}

.cate-list li a img {
  border: 1px solid #666666;
  vertical-align: bottom;
}

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

/* 一覧表
----------------------------------*/
h2 {
  margin: 40px 0px 2px 0px;
  /*	font-weight: normal;*/
  font-size: 1em;
}

.hyo {
  width: 100%;
  margin: 0px 0px 0px 0px;
  border-collapse: collapse;
  border: 1px solid #333333;
}

.hyo th {
  padding: 5px 5px 5px 5px;
  border: 1px solid #333333;
  background-color: #ECFFFE;
  font-size: 0.8em;
}

.hyo td {
  padding: 5px 5px 5px 5px;
  border: 1px solid #333333;
  background-color: #FFFFFF;
  font-size: 0.8em;
  text-align: center;
}

/*---- マウスオーバー時 ----*/
.hyo th.hover {
  background-color: #ECFFFE;
}

.hyo td.hover {
  background-color: #EEEEFF;
}

/*.hyo td.hover {background-color:#FFE3B7;}*/
/*---- ヘッド ----*/
.hyo th.sku {
  /*	width: 180px;*/
}

.hyo th.iphone4 {
  width: 64px;
}

.hyo th.iphone3gs {
  width: 64px;
}

.hyo th.iphone3g {
  width: 64px;
}

.hyo th.ipad {
  width: 64px;
}

.hyo th.touch {
  width: 64px;
}

/*---- セル ----*/
.hyo td.model {
  text-align: left;
  background-color: #DDDDDD;
}

.hyo td.photo {
  width: 80px;
  text-align: left;
  background-color: #DDDDDD;
}

.hyo td.text {
  width: 120px;
  text-align: left;
  background-color: #DDDDDD;
}

.hyo td.bikou {
  text-align: left;
}

.hyo td.p-no {
  text-align: left;
}

/* 注意書き
----------------------------------*/
.atn-mark {
  color: #FF0000;
  font-size: 0.8em;
}

.atn {
  border-collapse: collapse;
  color: #FF0000;
  font-size: 0.8em;
}

.atn td {
  padding: 5px 15px 5px 0px;
  vertical-align: top;
}

.atn td.number {
  width: 24px;
  padding: 5px 0px 5px 0px;
}

.red {
  color: #FF0000;
}

/* 注意事項（TOPページのみ）
-----------------------------------------*/
table.atn-area {
  width: 736px;
  margin: 50px 0px 0px 0px;
  border: 1px solid #35349A;
  border-collapse: collapse;
}

table.atn-area th {
  padding: 4px 0 4px 0;
  background-color: #35349A;
  color: #FFFFFF;
  font-size: 0.8em;
  line-height: 1.3;
}

table.atn-area td {
  padding: 10px 15px 15px 15px;
}

table.atn-area td .comment {
  margin: 0 0 15px 0;
  font-size: 0.8em;
  line-height: 1.3;
}

table.atn-area td .jyoukyou {
  margin: 0 0 10px 0;
  font-size: 0.8em;
  line-height: 1.3;
}

table.atn-area td .atn-list {
  margin: 0 0 10px 0;
}

table.atn-area td .atn-list li {
  padding: 8px 5px 8px 1em;
  background: url(/static/images/support/list/html/ios5/dot_line_h.gif) left bottom repeat-x;
  text-indent: -0.5em;
  font-size: 0.8em;
  line-height: 1.3;
}

table.atn-area td .atn-list li li {
  padding: 0px 5px 0px 1em;
  background: none;
  text-indent: -0.5em;
  font-size: 1em;
  line-height: 1.3;
}

table.atn-area td .brand-atn-list {
  margin: 0 0 5px 0;
  padding: 0px 0px 0px 1em;
  font-size: 0.8em;
  line-height: 1.3;
  text-indent: -1em;
}

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

/* フロート解除処理
----------------------------------*/
/* for modern browser */
.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;
}

/**/