@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
----------------------------------------------------------------------------- */
#globalnavi .navi01 a, #cms_globalnavi .navi01 a {
    background-position: -0px -40px;
}



/* snapper
----------------------------------------------------------------------------- */
* html #snapper #globalnavi{
	margin-bottom:20px;
	}
* html #snapper #globalnavi ul.menu li ul {
	visibility: visible;
	width: 664px;
}

* html #snapper #globalnavi ul.menu li ul li a:hover {
	background-color: #666666;
	color: #FFCC00;
}

* html #snapper #globalnavi ul.menu li ul li a,
* html #snapper #globalnavi ul.menu li ul li a:hover {
	width:150px;
}
#contents .btn li{
text-indent:-9999px;
margin-bottom:1px;
margin-right:5px;
margin-top:-35px;
margin-left:auto;
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/btn_catalog.gif);
background-repeat:no-repeat;
height:35px;
width:165px;

}

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

}


span.tag{
    font-size:18pt;
    font-family: sans-serif;
    font-weight:bold;
    color:white;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    letter-spacing: .1em;
    padding: .2em 0 .25em 0;
    text-shadow: .09em .09em 3px #222;
}


#contents .fix h3 {
	background-repeat: no-repeat;
	height: 40px;
	padding:0px 20px;
	clear:both;
	margin-top:
}
#contents .fix h3.s_01 {
	background-image: url(../img/product/h3_snapper_01.gif);
}
#contents .fix h3.s_02 {
	background-image: url(../img/product/h3_snapper_02.gif);
}
#contents .fix h3.s_03 {
	background-image: url(../img/product/h3_snapper_03.gif);
}
#contents .fix h3.s_04 {
	background-image: url(../img/product/h3_snapper_04.gif);
}

#contents .fix h3{
	background-image: url(../img/product/h3_snapper_00.png);
}

#contents .fix02 {
	padding: 0px 26px 30px 28px;
	clear: both;
	line-height:150%;
}

#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,
#nxt #contents .left table,
#weed #contents .left table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top:10px;
	margin-bottom:20px;
	font-size:90%;
	}


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

#contents .fix02 td.item,
#weed #contents .left td.item{
background-color:#FCE2E0;
}



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



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


#contents .fix .model {
	clear:both;
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px 0px 3px 40px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom:0px;
	margin-top: -5px;
}
#contents .wrap {
	padding : 22px 0px 20px 22px;
	clear: both;
	background-color: #FFFFFF;
}
#contents .left {
	float: left;
	margin-left:20px;
	width: 300px;
	text-align: center;
	background-color: #FFFFFF;
}

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

#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 .right table {
	margin-top: 12px;
	margin-left: 15px;
	width: 400px;
	border: 1px solid #FFFFFF;
}
#contents .right td,
#contents .right th {
	color: #FFFFFF;
	background-color: #E31B23;
	border: 1px solid #FFFFFF;
}
#contents .right td {
	font-size: 92%;
	padding: 5px 10px;
}
#contents .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(../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;
}


.to_shiyou{
padding-top:20px;
font-weight:bold;
}



/* nxt　201103
----------------------------------------------------------------------------- */
#nxt #contents .fix h3.s_01 {
	background-image: url(../img/product/nxt/title_nxt.gif);
}

#nxt #contents .left{
		width:500px;
		margin:0px;
		}
	
#nxt #contents .right{
		width:300px;
		margin:0px;
		padding:0px;
		}
#nxt #contents .right table{
	margin-bottom:20px;
	width:200px;
	}
#nxt #contents .right td,
#nxt #contents .right th {
	background-color: #000000;
}

#nxt #contents .left td.item{
	background-color: #FEDDC5;
}

#nxt #contents .right h4,
#weed #contents .right h4{
	background-image: none;
	font-size:124%;
	font-weight:bold;
	text-indent:0px;
	background-color:#FFFFFF;
	padding:10px 0px 0px;
	margin: 0px;
	display:block;
	}

#nxt #contents .right h5,
#nxt #contents .left h5 {
	font-size: 122%;
	color: #FC7A15;
	border-bottom: 1px solid #FC7A15;
	margin-bottom: 18px;
	padding-bottom: 5px;
	clear: both;
	text-align: left;
}

#nxt #contents .usapage p{
	float:right;
	text-align:right;
	font-size:12px;
	clear:both;
	}
#nxt #contents .usapage a{
	background-image: url(../img/product/nxt/btn_video.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 27px;
	width: 143px;
	padding: 0px;
	display:block;
	float: right;
}

/* weed　201103
----------------------------------------------------------------------------- */
#weed #contents .fix h3.s_01 {
	background-image: url(../img/product/weed/title_weed.gif);
}
#weed #contents .fix h3.s_01_1310 {
	background-image: url(../img/product/weed/title_weed1310.gif);
}

#weed #contents .right h5,
#weed #contents .left h5 {
	color: #E31B23;
	border-bottom: 1px solid #E31B23;
	clear: both;
	text-align: left;
}