@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;
}

#container img {
  vertical-align: bottom;
}

ul {
  list-style-type: none;
}

/*---------------------------
タイトル・メニュー
---------------------------*/
#container {
  position: relative;
  width: 980px;
}

h1 {
  margin: 0px 0px 12px 0px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 20px;
  line-height: 24px;
}

p.note {
  line-height: 1.4;
  margin: 2.2% 0 2%;
}

#install {
  width: 736px;
  /*	height:256px;*/
  /*
	background-image:url("../images/shredder_02.jpg");
	background-repeat: no-repeat;
	background-position: top;
*/
  background-color: #E8F2FB;
  margin: 8px 0 16px 0;
}

div#install p#menu-title {
  width: 300px;
  height: 19px;
  padding: 8px 0px 8px 10px;
}

div#install ul {
  width: 720px;
  padding: 0px 0px 8px 10px;
  /*	background-color: #EF0000;*/
}

#install li {
  float: left;
  width: 162px;
}

#install li.arrow {
  float: left;
  width: 19px;
  padding: 2px;
  margin: 58px 0 0 0;
}

div.step div.midashi {
  width: 980px;
  margin: 0 0 6%;
}

div.step p.midashi-icon {
  float: left;
  display: block;
  width: 75px;
}

div.step h2.step-title {
  display: block;
  font-size: 1.1em;
  border-bottom: 2px solid #333333;
  /*	text-indent:0px;*/
  padding: 6px 8px 4px 0px;
  line-height: 24px;
  margin: 0 0 1.5%;
}

div.step h2.step-title span {
  display: block;
  text-indent: -3em;
  margin-left: 2.5em;
}

div.step p.step-img img {
  border: 1px solid #BBBBBB;
}

span.att {
  font-size: 0.8em;
  line-height: 1.4em;
  margin: 1% 0 8px 0;
  color: #FF0000;
  display: block;
}

div.step div.waku {
  width: 710px;
  border: 1px solid #BCBCBC;
  padding: 12px 12px 4px 12px;
  margin: 0 0 24px 0;
}

div.step div.waku p {
  font-size: 0.8em;
  line-height: 1.4em;
  margin: 0 0 8px 0;
}

div.step ul {
  margin: 0 0 24px 64px;
}

div.step li {
  font-size: 0.8em;
  line-height: 1.4em;
}

/*--------------------------
ダウンロードページ
--------------------------*/
#container p.subtitle {
  margin: 8px 0 4px 0;
}

#container div.download h2 {
  font-size: 1em;
  text-indent: 12px;
  margin: 0px 0 8px 0;
  background-image: url("../images/midashi_bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  line-height: 30px;
}

div.download p.comment {
  font-size: 0.8em;
  margin: 0px 0 8px 0;
}

div.download h3 {
  /*	float:left;*/
  margin: 0 0 0px 0;
  padding: 0 0 0 20px;
  font-size: 0.9em;
  line-height: 1.4em;
  background-image: url("../images/pdf_icon.png");
  background-repeat: no-repeat;
  background-position: left top;
}

div.download h3.soft {
  /*	float:left;*/
  background-image: url("../images/data_icon.png");
  background-repeat: no-repeat;
  background-position: left top;
}

div.download div.item-area {
  /*
	background-image:url("../images/shredder_05.jpg");
	background-repeat: no-repeat;
	background-position: left top;
*/
  width: 352px;
  /*	height:80px;*/
  margin: 8px 0 0 8px;
}

.detail {
  text-align: left;
  width: 300px;
  margin: 0 0 0 8px;
}

.detail .button {
  font-size: 0.8em;
  line-height: 1.2em;
}

.detail .pdfsize {
  margin: 0 0 4px 10px;
  font-size: 0.8em;
}

/*---------------------------
PDF注意書き
---------------------------*/
div.adobe-atten {
  background-color: #EEEEEE;
  margin: 0 0 24px 0;
  padding: 16px;
}

div.adobe-atten p.pdf-text {
  float: left;
  font-size: 0.7em;
  line-height: 1.4em;
  width: 580px;
}

div.adobe-atten p.pdf-banner {
  float: right;
}

.atten-red {
  font-weight: bold;
  color: #CC0000;
}

/*---------------------------
テーブルレイアウト
---------------------------*/
div.download table.item-list {
  width: 100%;
  border: 1px solid #9A9A9A;
  border-collapse: collapse;
  margin: 0 0 8px 0;
}

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

div.download table.item-list th {
  width: 96px;
  padding: 6px;
  font-size: 0.8em;
  border: 1px solid #9A9A9A;
  background-color: #F5F5F5;
  text-align: left;
}

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

/*---------------------------
製品紹介
---------------------------*/
.cate {
  margin: 0 0 20px 0;
}

.cate h2 {
  margin: 0 0 10px 0;
}

.block-row {
  margin: 0 0 10px 0;
}

.block-end {
  margin: 0 0 0 0;
}

/*-------- 左 --------*/
.block-l {
  float: left;
  width: 360px;
  height: 84px;
  background-color: #E8F2FB;
}

/*-------- 右 --------*/
.block-r {
  float: right;
  width: 360px;
  height: 84px;
  background-color: #E8F2FB;
}

.photo {
  float: left;
  width: 200px;
}

/*--------------------------
インストール方法
--------------------------*/
div.howto p.title {
  width: 736px;
  height: 20px;
  text-indent: 8px;
  font-size: 0.9em;
  font-weight: bold;
  background-image: url("../images/howto_bg.gif");
  background-repeat: no-repeat;
  background-position: left top;
  margin: 32px 0 8px 0;
}

div.howto p.subtitle {
  font-size: 0.8em;
  line-height: 2em;
  margin: 0px 0 0px 0;
}

div.howto p.support {
  font-size: 0.8em;
  line-height: 1.4em;
}

div.howto ul.nakaguro li {
  font-size: 0.8em;
  line-height: 1.4em;
  text-indent: -8px;
  margin: 0 0px 16px 16px;
}

div.howto ul.no li {
  font-size: 0.8em;
  line-height: 1.6em;
  text-indent: -16px;
  margin: 0 0px 0px 24px;
}

/*--------------------------
関連サイトリンク
--------------------------*/
#container div.linklist h2 {
  font-size: 1em;
  text-indent: 12px;
  margin: 0px 0 8px 0;
  background-image: url("../images/midashi_bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  line-height: 30px;
}

div.link-area ul {
  width: 736px;
  border-bottom: 1px dotted #9D9D9D;
  padding: 4px 0px;
}

div.link-area li {
  display: block;
  text-indent: 14px;
  font-size: 0.8em;
  line-height: 1.8em;
}

div.link-area li.arrow {
  background-image: url("../images/link_arrow.jpg");
  background-repeat: no-repeat;
  background-position: 4px 8px;
}

div.link-area li.dan {
  /*	width:560px;*/
  margin: 0 0 0 32px;
}

div.link-area li.dan p.text {
  line-height: 1.4em;
  text-indent: -16px;
  margin: 0 0 0 16px;
}

div.link-area li.dan div.wmp {
  float: left;
  width: 580px;
}

div.link-area li.dan p.wmp-btn {
  float: right;
  margin: 0 16px 0 0;
}

/*---------------------------
リンクカラー
---------------------------*/
div.step a.linkcolor img {
  border: 1px solid #888888;
  border-collapse: collapse;
}

div.step a:hover.linkcolor img {
  /*	display:block;*/
  border: 1px solid #FF0000;
  border-collapse: collapse;
}

div.step a:active.linkcolor img {
  border: 1px solid #F00;
  border-collapse: collapse;
}

div.download a.linkcolor img {
  border: 1px solid #888888;
  border-collapse: collapse;
}

div.download a:hover.linkcolor img {
  /*	display:block;*/
  border: 1px solid #FF0000;
  border-collapse: collapse;
}

div.download a:active.linkcolor img {
  border: 1px solid #F00;
  border-collapse: collapse;
}

/*---------------------------
注意書き
---------------------------*/
p#hajime {
  margin: 5px 0 0 0;
  font-size: 0.8em;
}

p#uninst-link {
  margin: 4px 0 16px 0;
  font-size: 0.8em;
  text-align: right;
}

p.atten {
  color: #FF0000;
}

/*---------------------------
戻るボタン
---------------------------*/
.return {
  margin: 5px 0 5px 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;
}

/**/