@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :top.css
	version:1.0
	style info :トップページ用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/


/* local_navi
----------------------------------------------------------------------------- */


#subnavi .navi002,
#subnavi .navi002 a {
	height: 47px;
	background-image: url(../img/btn_local02.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#localnavi .navi003 {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-repeat: no-repeat;
	padding: 5px 0px 10px 10px;
	margin-left:40px;
	color: #d21034;
	height: 10px;
	background-image:url(../img/navi_corner.gif);
	background-repeat:no-repeat;
	background-position: left center;
} 



#localnavi .navi003 a{
text-decoration:none;
color:#333333;
display:block;
	height: 10px;
}

#localnavi .navi005,
#localnavi .navi005 a {
	height: 47px;
	background-image: url(../img/btn_local05.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

/* snapper
----------------------------------------------------------------------------- */
#contents {
	background-image: url(../product/img/contents_head.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top: 10px;
}
#contents2 {
	background-color: #FFFFFF;
	padding: 0px;
	margin-top:0px;
	clear:both;
}

#contents2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #contents2{
    height: 1em;
    overflow: visible;
}


*+html #contents2 {
	margin-top:0px;
}

* html #contents2 {
	margin-top:0px;
}
/**/
#contents2 h2 {
	background-image: url(../product/img/h2_title.jpg);
	background-repeat: no-repeat;
	height: 221px;
	text-indent: -9999px;
	margin: 0px 0px 20px;
	padding: 0px;
	width:706px;
	clear:both;
}



#contents h2 {
background-repeat: no-repeat;
	height: 50px;
	text-indent: -9999px;
	margin: 0px;
	width:500px;
}
#contents #snapper h2{
	background-image: url(../product/img/h2_snapper.gif);
	background-position: 0px center;
	}
	
#contents #engine h2{
	background-image: url(../product/img/h2_engine.gif);
	background-position: 20px 20px;
	}
	

	
#contents .btn li{
text-indent:-9999px;
margin-left:auto;
margin-bottom:25px;
margin-right:5px;
margin-top:-50px;
float:right;
display:block;
}

#contents .btn li a{
display:block;
height:35px;
}	
	
#contents .btn li.manyual{
background-image: url(../product/img/btn_manyual.gif);
background-repeat:no-repeat;
height:35px;
width:85px;
}

#contents .btn li.buhin{
background-image: url(../product/img/btn_buhin.gif);
background-repeat:no-repeat;
height:35px;
width:85px;
}

#contents .btn li.shiyou{
background-image: url(../product/img/btn_siyou.gif);
background-repeat:no-repeat;
height:35px;
width:85px;
}

#contents .btn li.shiyouhayami{
background-image: url(../product/img/btn_siyouhayami.gif);
background-repeat:no-repeat;
height:35px;
width:165px;
}

#contents .btn li.catalog{
background-image: url(../product/img/btn_catalog.gif);
background-repeat:no-repeat;
height:35px;
width:165px;

}


#contents #snapper h3 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 40px;
	clear:both;
}
#contents #snapper h3.s_01 {
	background-image: url(../product/img/h3_snapper_01.gif);
}
#contents #snapper h3.s_02 {
	background-image: url(../product/img/h3_snapper_02.gif);
}
#contents #snapper h3.s_03 {
	background-image: url(../product/img/h3_snapper_03.gif);
}
#contents #snapper h3.s_04 {
	background-image: url(../product/img/h3_snapper_04.gif);
}



#contents .fix02 {
	padding: 0px 26px 30px 28px;
	clear: both;
}

#contents .fix02 h5 {
	font-size: 122%;
	color: #D21034;
	border-bottom: 1px solid #D21034;
	margin-bottom: 18px;
	padding-bottom: 5px;
	clear: both;

}

#contents .fix02 img{
	float: right;
	padding: 0px;
	margin-left: 25px;
}

#contents .fix02 table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top:10px;
	margin-bottom:20px;
	}


#contents .fix02 th {
background-color:#666666;
color:#FFFFFF;
border-right-color:#FFFFFF;
border-right-style:solid;
border-right-width:1px;
}
#contents .fix02 td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
}

#contents .fix02 td.item{
background-color:#E6F3E4;
}



#contents .fix02 th,
#contents .fix02 td{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}





/* snapper
----------------------------------------------------------------------------- */

#contents #engine h3{
	background-image: url(../product/img/h3_engine.jpg);
		background-repeat: no-repeat;
		font-size:18px;
	height: 30px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	padding-left:20px;
	padding-top:5px;
	color:#FFFFFF;
	clear:both;
}



#contents #engine h4{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:15px;
	color:#CC0000;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #990000;
	clear:both;
	padding-bottom:5px;
}




#contents #engine ul{
margin-bottom:20px;
}

#contents #engine li{
font-size:110%;
}

#contents #engine sup{
font-size:72%;
}


#contents #snapper h4 {
	background-image: url(../product/img/h4_heard.gif);
	background-repeat: no-repeat;
	height: 25px;
	margin-left: 10px;
	text-indent: -9999px;
}
#contents　.fix{
clear:both;
}
#fix p{
margin-left:10px;
margin-bottom:20px;
text-align:left;
}


#contents #snapper .fix .model {
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px 0px 3px 40px;
	font-family: Arial;
	font-weight: bold;
}
#contents .wrap {
	padding : 22px 0px 30px 22px;
	clear: both;
	background-color: #FFFFFF;
}
#contents .left {
	float: left;
	width: 290px;
	text-align: center;
	background-color: #FFFFFF;
}

#contents .left img{
margin-bottom:10px;
}
#contents .right {
	float: left;
	margin-left: 20px;
	padding-right: 10px;
	width: 320px;
	background-color: #FFFFFF;
}

#contents .right table{
line-height:150%;
}

#contents .right li {
	background-image: url(../product/img/icon_dot.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 8px;
	padding-bottom: 3px;
}
#contents #snapper .right table {
	margin-top: 12px;
	margin-left: 15px;
	width: 300px;
	border: 1px solid #FFFFFF;
}
#contents #snapper .right td,
#contents #snapper .right th {
	color: #FFFFFF;
	background-color: #82c352;
	border: 1px solid #FFFFFF;
}
#contents #snapper .right td {
	font-size: 92%;
	padding: 5px 10px;
}
#contents #snapper .right th {
	font-family: Arial;
	font-size: 136%;
	padding: 3px 10px;
}
#contents .right span {
	font-size: 92%;
	padding-left: 40px;
}
#fix .parts2 {
	float: left;
	height:220px;
	width: 220px;
	margin-bottom:20px;
	margin-left: 10px;
	background-color: #FFFFFF;
	text-decoration: none;
	border:1px solid #999999;
	text-align:left;
	font-size:12px;
}


#fix .parts2 p a{
text-decoration:none;
color:#666666
}
#fix .parts2  p a:hover{
color:#999999;
}

* html #fix .parts2{
	margin-left: 3px;
	height:230px;
}
.parts2 img {
margin-bottom:5px;
}

.parts2 p {
	padding-left: 5px;
	text-decoration: none;
}
.parts2 h3 {
	font-size: 16px;
	background-image: url(../product/img/icon.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 25px;
	padding-top:8px;
	margin-bottom:10px;	
}

*+html .parts2 h3 {
	background-position: 10px 15px;
}

* html .parts2 h3 {
	background-position: 10px 15px;
}


.parts2 h3.line01{
		border-top:5px solid #CC0000;
}

.parts2 h3.line02{
		border-top:5px solid #009900;
}

.parts2 h3.line03{
		border-top:5px solid #0033CC;
}

.parts2 h3 a,
.parts2 h3 a:hover,
.parts2 h3 a:visited {
	color: #D21034;
	text-decoration: none;
}

.parts2 h3 span{
font-weight:normal;
font-size:90%;
}

.parts2 p{
margin-right:10px;
}
#contents #simplicity h2 {
	background-image: url(../product/img/h2_simplicity.jpg);
	background-position: 20px 10px;
}
#contents #simplicity h3 {
	background-image: url(../product/img/h2_simplicity.gif);
	background-repeat: no-repeat;
	font-size:18px;
	height: 32px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	padding-left:20px;
	padding-top:10px;
	color:#FFFFFF;
	clear:both;
}
#contents #simplicity .right table {
	margin-top: 12px;
	margin-left: 15px;
	width: 300px;
	border: 1px solid #FFFFFF;
}
#contents #simplicity .right td, #contents #simplicity .right th {
	color: #FFFFFF;
	background-color: #82c352;
	border: 1px solid #FFFFFF;
}
#contents #simplicity .right td {
	font-size: 92%;
	padding: 5px 10px;
}
#contents #simplicity .right th {
	font-family: Arial;
	font-size: 136%;
	padding: 3px 10px;
}
#contents #murray h2 {
	background-image: url(../product/img/h2_murray.jpg);
	background-position: 20px 10px;
}
#contents #murray h3 {
	background-image: url(../product/img/h2_simplicity.gif);
	background-repeat: no-repeat;
	font-size:18px;
	height: 32px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	padding-left:20px;
	padding-top:10px;
	color:#FFFFFF;
	clear:both;
}
#contents #murray .right table {
	margin-top: 12px;
	margin-left: 15px;
	width: 300px;
	border: 1px solid #FFFFFF;
}
#contents #murray .right td, #contents #murray .right th {
	color: #FFFFFF;
	background-color: #82c352;
	border: 1px solid #FFFFFF;
}
#contents #murray .right td {
	font-size: 92%;
	padding: 5px 10px;
}
#contents #murray .right th {
	font-family: Arial;
	font-size: 136%;
	padding: 3px 10px;
}


/* index.php
----------------------------------------------------------------------------- */

#contents .fix03 h5 {
	font-size: 122%;
	color: #D21034;
	border-bottom: 1px solid #D21034;
	margin-bottom: 18px;
	padding-bottom: 5px;
	padding-top: 40px;
	clear: both;

}

#contents .fix03{
margin-top:20px;
	padding: 0px 20px 0px 36px;
	clear: both;
	overflow: hidden;
	margin-bottom:20px;
}


#contents .fix03 li{
	background-image: url(../maint/img/icon_allow_l.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 8px 0px 8px 25px;
	background-position: 0px center;
	border-bottom: 1px dotted #CCCCCC;
	width: 530px;
}

#contents .fix03 li a{
text-decoration:none;
}
#contents .fix03 img  {
	padding: 0px 0px 0px 5px;
}
#contents .fix03 ul {
	padding-bottom: 20px;
}

#contents .right table{
font-size:12px;;