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

ul {
  list-style-type: none;
}

#container img {
  vertical-align: bottom;
}

#container {
  width: 980px;
}

/* タイトル
------------------------------------------*/
h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.8em;
  margin: 0 0 25px;
  padding-bottom: 3px;
}

/*　更新日
-----------------------------*/
p.update {
  text-align: right;
  margin: 4px 0 8px 0;
  font-size: 0.8em;
  line-height: 1.4em;
}

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

.cate-list li {
  background: url(/static/images/common/yaji_kaku_rd_12.png) no-repeat 98% 85.5%;
  border: 1px solid #666666;
  width: 22.2%;
  height: 35px;
  float: left;
  line-height: 1.3;
  padding: 0.7% 1% 0.4% 1%;
  margin: 0 0.5% 0.7% 0;
  font-size: 0.97em;
  font-weight: bold;
  color: #333333;
  /*	background-color:#EEEEEE;*/
}

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

.cate-list li span {
  font-weight: normal;
  font-size: 0.8em;
}

.cate-list li.no-line {
  padding-top: 1.5%;
  height: 27.18px;
}

.cate-list li a:link {
  color: #333333;
}

.cate-list li:hover {
  border: 1px solid #FF0000;
  opacity: 0.6;
}

/* ダウンロードボタン
-----------------------------------------*/
p#dl-btn {
  text-align: right;
  margin: 0px 0px 24px 0;
}

*:first-child + html p#dl-btn {
  /* IE7 */
  text-align: right;
  margin: 0px 0px 24px 0;
  padding: 8px 0 0 0;
}

p#dl-btn a img {
  border: 1px solid #666666;
  vertical-align: bottom;
}

p#dl-btn a:hover img,
p#dl-btn a:active img {
  border: 1px solid #FF0000;
}

/* 注意書き
------------------------------------------*/
div.readme-text p {
  background-color: none;
  text-align: left;
  font-size: 0.8em;
  margin: 0px 0 4px 0;
}

div p.atten-comment {
  color: #0066FF;
  /*	font-size:0.7em;*/
}

div p.atten-red-comment {
  color: #FF0000;
  /*	font-size:0.7em;*/
}

.hyo td p.atten {
  color: #0066FF;
  font-size: 0.8em;
}

.hyo td span.atten-red {
  color: #FF0000;
  font-size: 0.8em;
}

/* カテゴリ見出し
------------------------------------------*/
h2.hyo-midashi {
  font-size: 1em;
}

/* 表
------------------------------------------*/
.hyo {
  /*width: 980px;*/
  margin: 0px 0px 10px 0px;
  border: 1px solid #666666;
  border-collapse: collapse;
}

.hyo th {
  padding: 3px;
  border: 1px solid #666666;
  font-size: 0.8em;
  line-height: 1.3;
}

.hyo td {
  padding: 3px;
  border: 1px solid #666666;
  font-size: 0.8em;
  line-height: 1.3;
  text-align: center;
}

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

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

/* ヘッド*/
.hyo th {
  background-color: #B9E7B9;
}

.hyo th.media {
  width: 160px;
}

.hyo th.youryo {
  width: 58px;
}

/*.hyo th.series {width:65px;}*/
/*.hyo th.inch {width:22px;}*/
/*.hyo th.kataban {width:90px;}*/
.hyo th.hinban {
  background-color: #FFFFFF;
  text-align: center;
}

.hyo th.hinban img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/*.hyo th.bikou {width:75px;}*/
/* ヘッド*/
.hyo td.media {
  background-color: none;
  line-height: 1.1em;
  text-align: left;
  vertical-align: middle;
  background-position: 2px center;
  background-repeat: no-repeat;
  padding: 8px 3px 8px 26px;
}

.hyo td.youryo {
  background-color: none;
}

/*.hyo td.series {background-color:none;}*/
/*.hyo td.inch {background-color:none;}*/
/*.hyo td.kataban {background-color:none; text-align:left;}*/
.hyo td.hinban {
  background-color: none;
  text-align: left;
}

/*.hyo td.bikou {
	background-color: none;
	text-align:left;
	color:#0066FF;
	font-size:0.7em;
}
*/
/* 戻るボタン
------------------------------------------*/
p.return {
  margin: 8px 0px 30px 0px;
  text-align: right;
}

.return a {
  font-size: 0.8em;
}

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

/**/
