@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"; /*サイトの基本レイアウト*/


/* snapper
----------------------------------------------------------------------------- */
#contents {
	background-color: #FFFFFF;
}
#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(../img/ban/brand.png);
	background-repeat: no-repeat;
	height: 100px;
	text-indent: -9999px;
	margin: 0px 0px 20px;
	padding: 0px;
	clear:both;
}

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

	
#contents .btn li{
text-indent:-9999px;
margin-left:auto;
margin-right:15px;
margin-top:-45px;
float:right;
display:block;
}

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

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

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

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

#contents .btn li.catalog{
background-image: url(../img/product/pdf_download.png);
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(../img/product/h3_snapper_01.gif);
}
#contents #snapper h3.s_02 {
	background-image: url(../img/product/h3_snapper_02.gif);
}
#contents #snapper h3.s_03 {
	background-image: url(../img/product/h3_snapper_03.gif);
}
#contents #snapper h3.s_04 {
	background-image: url(../img/product/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(../img/product/h3_engine.png);
		background-repeat: 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;
	text-shadow:3px 3px 3px #ccc;
}



#contents #engine h4{
	font-size:16px;
	margin-top:15px;
	color:#CC0000;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #990000;
	clear:both;
	padding-bottom:5px;
	text-shadow:3px 3px 3px #ccc;
}




div.single ul{
padding-bottom:20px;
}

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

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


#contents #snapper h4 {
	background-image: url(../img/product/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-weight: bold;
}
#contents .wrap {
	clear: both;
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
}
#contents .left {
	float: left;
	width: 250px;
	text-align: center;
	background-color: #FFFFFF;
	margin-top:10px;
}

#contents .left.race {width:0px;}
#contents .right.race {width:620px;}
#contents .right img{margin-bottom:10pt;}
#contents .left img{margin-bottom:10px;}
#contents .right {
	float: left;
	padding-right: 10px;
	width: 420px;
	background-color: #FFFFFF;
	padding-left: 20px;
	margin-top:10px;
	min-height:200px;
}

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

#contents .right li {
	background-image: url(../img/product/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-size: 136%;
	padding: 3px 10px;
}
#contents .right span {
	font-size: 92%;
	padding-left: 40px;
}
#fix .parts2 {
	float: left;
	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;
}

#fix .parts2 .photo{
	text-align:center;
	padding-bottom: 10px;
	}
#fix .parts2 .photo img{
	margin:auto;
	}	
.parts2 p {
	padding-left: 5px;
	text-decoration: none;
}
.parts2 h3 {
	font-size: 16px;
	background-image: url(../img/product/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(../img/product/h2_simplicity.jpg);
	background-position: 20px 10px;
}
#contents #simplicity h3 {
	background-image: url(../img/product/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-size: 136%;
	padding: 3px 10px;
}
#contents #murray h2 {
	background-image: url(../img/product/h2_murray.jpg);
	background-position: 20px 10px;
}
#contents #murray h3 {
	background-image: url(../img/product/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-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;
}

/* 201103 brand
----------------------------------------------------------------------------- */
#fix #brand .parts2 {
	float: left;
	height:260px;
	width: 160px;
	margin-bottom:20px;
	margin-left: 10px;
	background-color: #FFFFFF;
	text-decoration: none;
	border:1px solid #999999;
	text-align:left;
	font-size:12px;
}


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

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

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

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

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


#fix #brand .parts2 h3.line01{
		border-top:5px solid #E31B23;
}

#fix #brand .parts2 h3.line02{
		border-top:5px solid #E31B23;
}

#fix #brand .parts2 h3.line03{
		border-top:5px solid #E31B23;
}

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

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

#fix #brand .parts2 p{
margin-right:10px;
}

#fix #brand h3.title{
	width: 670px;
	font-size: 122%;
	color: #D21034;
	border-bottom: 1px solid #D21034;
	margin-bottom: 18px;
	padding-bottom: 5px;
	padding-top: 40px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	}
.engine3_wrap{
	width:200px;
	float:left;
	padding:16px;
	}
.engine3_wrap .photo{
	width:200px;
	height:200px;
	padding-bottom:0.5em;
	}	
#contents #engine .engine3_wrap h4{
	width:100%;
	margin: 0px;
	padding: 0px;
	border-style: none;
	font-weight: normal;
	color: #333;
	}
	
/* 201504 brand
----------------------------------------------------------------------------- */
#fix #brand .parts2.heightLine-group1 .photo.heightLine-group3 a{
	width: 160px;
	display: block;
	height: 100%;
}

#fix #brand .parts2.heightLine-group1 a,
#fix #brand .parts2.heightLine-group1 a:hover{
	color: #333;
	text-decoration: none;
}

#fix #brand .parts2.heightLine-group1 a p{
	display: block;
	margin-top: 30px;
}

/* 2018-10-19 for single engine page
------*/
div.single {margin:10px;letter-spacing:1px;}
div.single img.wp-post-image {margin-left:auto;margin-right:auto;display:block;}
div.single ul li{ text-align:center;}
div.single p{line-height:30px;text-align:center;}
div.single table {display:table;border-collapse:separate;}
div.single table td {padding:10px;}
div.single table.border td {border:1px solid black;}

h4.tech { text-align:right;color:blue;}
div.fix a { text-decoration:none;}
div.fix a:visited {color:#EEE;}
div.tosingle {text-align:center;}
div.tosingle a {display:block;margin:auto;height:30px;width:135px;background-image:url('../img/product/btn_minfo_b.png');}
div.tosingle a:hover {background-image:url('../img/product/btn_minfo_r.png');}

/* engine spec sheet table 
-----*/

table.spectable{
	padding:10px 0px;
	margin:10px 0px;
}
table.spectable th.tth2 p{
	text-align:center;
}

table.spectable td,table.spectable th{
border:1px solid black;
text-align:center;
font-size:7pt;
padding:2px;
}
table.spectable td.l,table.spectable th.l {text-align:left;}