@charset "Shift_JIS";

/*** mainContent ***/

.toPageTop{
	clear:both;
}

/* --------------------
   index.html
-------------------- */

/* mainVisual */
.sectionH1 #mainContent #mainVisual{
	width: 545px;
	height:120px;
	background:url(../image/mainVisualBg.jpg) top left no-repeat;
	position: relative;
}
.sectionH1 #mainContent #mainVisual #siteName{
	position: absolute;
	top: 15px;
	left: 16px;
}
.sectionH1 #mainContent #mainVisual .lead{
	position: absolute;
	top: 51px;
	left: 16px;
}
.sectionH1 #mainContent #mainVisual h1{
	position: absolute;
	top: 81px;
	left: 16px;
}
.sectionH1 #mainContent.indexPage #visual{
	width: 545px;
	height: 521px;
	margin: 1px 0 8px;
	position: relative;
	background:url(../image/visual.jpg) top left no-repeat;
}
.sectionH1 #mainContent.indexPage #visual img{
	position: absolute;
}
.sectionH1 #mainContent.indexPage #visual #visual01{
	top: 9px;
	left: 6px;
}
.sectionH1 #mainContent.indexPage #visual #visual02{
	top: 66px;
	left: 6px;
}
.sectionH1 #mainContent.indexPage #visual #visual03{
	top: 147px;
	left: 6px;
}
.sectionH1 #mainContent.indexPage #visual #visual04{
	top: 188px;
	left: 6px;
}
.sectionH1 #mainContent.indexPage #visual #visual05{
	top: 311px;
	left: 6px;
}
.sectionH1 #mainContent.indexPage #visual #visual06{
	bottom: 0;
	right: 9px;
}

/* sectionH2 */
.sectionH1 #mainContent.indexPage .sectionH2{
	margin:0 0 20px;
}
.sectionH1 #mainContent.indexPage .sectionH2.feature h2{
	margin:0 0 15px;
	padding:0;
	border-left:none;
	background:none;
}
.sectionH1 #mainContent.indexPage .sectionH2 h2{
	margin:0 0 15px;
	background-color: #eaeaea;
	border-left-color: #888888;
}

.sectionH1 #mainContent.indexPage .sectionH2 p{
	margin: 0 0 0 12px;;
	padding: 0;
}
.sectionH1 #mainContent.indexPage .sectionH2 .imgArea{
	width: 520px;
	margin: 0 0 20px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .imgArea:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sectionH1 #mainContent.indexPage .sectionH2 .imgArea .pict{
	float: left;
}
.sectionH1 #mainContent.indexPage .sectionH2 .imgArea p{
	margin: 0;
	padding: 0 0 0 265px;
}

/* sectionH3 */
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 {
	margin: 0 0 10px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3.type01 {
	width: 261px;
	float: left;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3.type02 {
	width: 266px;
	float: right;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3.push {
	clear: both;
}

.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 h3{
	margin: 0 0 10px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 p{
	width: 240px;
	height: 13em;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3.type01 p{
	margin: 0 0 0 5px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3.type02 p{
	margin: 0 0 0 2px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 dl{
	margin: 0 0 0 10px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 dl dt{}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 dl dd{
	margin: -1.4em 0 5px 1em;
	_margin: -19px 0 5px 15px;
}
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 dl dt.notice,
.sectionH1 #mainContent.indexPage .sectionH2 .sectionH3 dl dd.notice{
	font-weight: bold;
}


/* --------------------
  spec.html,faq.html
-------------------- */

.sectionH1 #mainContent #mainVisual{} 
.sectionH1 #mainContent #mainVisual h1{
	margin:0;
	padding:0;
}

/* leadArea */
.sectionH1 #mainContent .leadArea{
	margin:15px 0 0 0;
}
.sectionH1 #mainContent .leadArea p{
	font-weight:bold;
	margin:10px 0 0 0;
}
.sectionH1 #mainContent .leadArea p .normal{
	font-weight:normal;
}

/* sectionH2 */

.sectionH1 #mainContent .sectionH2 h2{
	border-left:#888888 solid 6px;
	background-color: #eaeaea;
}
.sectionH1 #mainContent .sectionH2 .rubric{
	color:#FF0000;
}

.sectionH1 #mainContent .sectionH2.spec .textArea{
	width:295px;
	margin:0 0 20px 15px;
}
.sectionH1 #mainContent .sectionH2.spec .textArea-deji{
	padding: 0;
}

.sectionH1 #mainContent .sectionH2.spec .imgArea{
	width: 232px;
	margin: 0;
}

.sectionH1 #mainContent .sectionH2 .textArea table.spec{
	margin:0;
	width:295px;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec01{
	margin:0;
	width:295px;
	border:none;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec01 th{
	background:#f5f5f4;
	width:8em;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:10px;
	font-weight:bold;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec01 td{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:10px;
}
.sectionH1 #mainContent .sectionH2 .textArea table.spec01 th span.nomal_txt{
	font-weight: normal;
}

.sectionH1 #mainContent .sectionH2.function{}
.sectionH1 #mainContent .sectionH2.function .dlBtn{
	padding: 10px 15px 10px 0;
	float: right;
	font-size: 80%;
	text-align: center;
}
.sectionH1 #mainContent .sectionH2.function .dlBtn img{
	margin: 0 0 2px;
}

.sectionH1 #mainContent .sectionH2.function ul{
	padding: 10px 0 10px 15px;
}
.sectionH1 #mainContent .sectionH2.function ul li{
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background:url(../image/spec_listMark.gif) left center no-repeat;
	font-size: 80%;
	list-style-type: none;
}


/* sectionH3 */
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted{
	clear:both;
	background:#f0f1e9;
	border-top:20px solid #fff;
	padding:0 0 10px 0;
} 
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted h3{
	padding:5px 10px;
	background:#999999;
	font-weight:bold;
	color:#fff;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted p{
	padding:0 10px;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted p.first-child{
	margin:5px 0 0;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted p.plugup{
	margin:0;
} 
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted dl{
	padding:0 10px;
	margin:10px 0 0;
	font-weight:bold;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted dl dt,
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted dl dd{
	font-weight:bold;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted dl dd{
	display: list-item;
	list-style-type: disc;
	margin:0 0 0 15px;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.faceted ul li{
	margin:0 0 0 15px;
}

.sectionH1 #mainContent .sectionH2 .sectionH3.faceted img.pict{
	margin:20px 0 0 20px;
}

.sectionH1 #mainContent .sectionH2 .sectionH3.spec,
.sectionH1 #mainContent.trial .sectionH2 .sectionH3 {
	margin:10px 0 0 0;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.spec h3,
.sectionH1 #mainContent.trial .sectionH2 .sectionH3 h3{
	background:url(http://www.kokuyo-st.co.jp/stationery/kws/digital-shredder/image/markerSquareGreen.gif) left center no-repeat;
	font-size:80%;
	padding:0 0 0 15px;
	font-weight:bold;
}
.sectionH1 #mainContent.trial .sectionH2 .sectionH3 ul{
	padding:5px 0 10px 15px;
}
.sectionH1 #mainContent .sectionH2 .sectionH3.spec table.spec {
	margin:5px 0 0 0;
}
.sectionH1 #mainContent .sectionH2.faq .sectionH3 {
	margin:12px 0 0 0;
	padding:0 0 10px 0;
}
.sectionH1 #mainContent .sectionH2.faq .sectionH3 h3{
	background:#f0f0f0;
	font-size:90%;
	font-weight:bold;
	padding:6px 10px;
}
.sectionH1 #mainContent .sectionH2.faq ul{
	margin:10px 0 20px 5px;
}
.sectionH1 #mainContent .sectionH2.faq ul li{
	margin:0 0 5px;
}
/* safari only \*/
html:\66irst-child .sectionH1 #mainContent .sectionH2.faq ul li{
	line-height:180%;
}
/* end */
.sectionH1 #mainContent .answer{
	margin-top: 10px;
	border-top: 1px solid #999999;
}
.sectionH1 #mainContent .answer .sectionH2 dl{
	margin:20px 0 0 0;
}
.sectionH1 #mainContent .answer .sectionH2 dl dt,
.sectionH1 #mainContent .answer .sectionH2 dl dd{
	margin:0;
	padding:1px 0 1px 35px;
}
.sectionH1 #mainContent .answer .sectionH2 dl dt{
	background:url(../image/markerQ.gif) left 2px no-repeat;
	_background:url(../image/markerQ.gif) left 3px no-repeat;
	font-weight:bold;
}
.sectionH1 #mainContent .answer .sectionH2 dl dd{
	background:url(../image/markerA.gif) left 2px no-repeat;
	_background:url(../image/markerA.gif) left 3px no-repeat;
	margin:0 0 18px 0;
}
.sectionH1 #mainContent .answer .sectionH2 dl dd .note{
	font-size:86%;
}
.sectionH1 #mainContent .answer .sectionH2 dl dd table{}
.sectionH1 #mainContent .answer .sectionH2 dl dd table th,
.sectionH1 #mainContent .answer .sectionH2 dl dd table td{
	padding: 3px 5px;
}
.sectionH1 #mainContent .answer .sectionH2 dl dd ol li{
	margin: 0 0 5px;
}

.sectionH1 #mainContent .sectionH2.function .sectionH3{
	padding: 0 0 30px 40px;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sectionH1 #mainContent .sectionH2.function .sectionH3.first-child{
	padding-top: 10px;
	border-top: 1px dotted #888888;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 h3{
	padding: 3px 0 3px 15px;
	background:url(../image/specH3Bg.gif) left center no-repeat;
	border-bottom: 1px solid #888888;
	font-size: 85%;
	font-weight: bold;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 p{
	padding: 0 0 0 15px;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 p.pictLeft{
	float: left;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 p.ex{
	margin: 15px 0 0;
}

.sectionH1 #mainContent .sectionH2.function .sectionH3 .backBtn {
	margin: 20px 0 0;
	text-align: right;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3#h301 .backBtn {
	margin: 110px 0 0;
	clear: both;
}


.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4{
	padding: 10px 0 5px 40px;
	_padding: 10px 0 5px 20px;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 h4{
	padding: 0 0 0 15px;
	background:url(../image/specH4Bg.gif) left center no-repeat;
	font-size: 80%;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 p{
	margin-top: 5px;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .notice{
	margin: 5px 0;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .notice p{
	padding: 0 0 0 30px;
	color: red;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .notice .tlt{
	padding: 0 0 0 20px;
	font-weight: bold;
}

.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change{
	margin: 10px 0 10px 15px;
	padding: 10px;
	background-color: #f2f2f2;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change p{
	margin: 0;
	padding: 0;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change img{
	margin: 0 0 10px;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change .leftImg{
	width: 180px;
	float: left;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change .rightTxt{
	width: 240px;
	float: right;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change .clear{
	margin: 0 0 5px;
	clear: both;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change .notice{
	margin: 0 0 5px;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change .notice p{
	padding: 0;
}
.sectionH1 #mainContent .sectionH2.function .sectionH3 .sectionH4 .change .notice .tlt{
	padding: 0;
}

.sectionH1 #mainContent .sectionH2.function .sectionH3#h302{
	clear:both;
	_padding-top: 10px;
}



/*==========================================================
	*廃盤用文字スタイル追記
	*10.12.2010
==========================================================*/

del.discontinued {
	color: #FF0000;	
	text-decoration: line-through;
}

span.discontinued {
	color: #FF0000;	
	font-size: 12px;
	display: block;
	margin: 4px 0 0;
}