@charset "utf-8";

@import url("common.css");
@import url("page.css");

/* product only */

#sub-nav li#product{/* 製品情報 */
background-image:url(../product/images/nav_product_o.jpg);
background-repeat:no-repeat;
width:250px;
height:42px;
}

#sub-nav li#product a.select{
background-image:url(../product/images/nav_product_o.jpg);
background-repeat:no-repeat;
display:block;
width:250px;
height:42px;
}

#sub-nav li#product a{
background-image:url(../product/images/nav_product.jpg);
background-repeat:no-repeat;
display:block;
width:250px;
height:42px;
}

#sub-nav li#product a:hover{
background:none;
display:block;
width:250px;
height:42px;
}

#sub-nav li#lineup{/* 製品ラインナップ */
background:url(../product/images/nav_lineup_o.jpg) no-repeat;
padding-top:8px;
width:250px;
height:26px;
}

#sub-nav li#lineup a {
background:url(../product/images/nav_lineup.jpg) no-repeat left -8px;
display:block;
width:250px;
height:26px;
}

#sub-nav li#lineup a:hover {
background:none;
display:block;
width:250px;
height:26px;
}

#sub-nav li#alumi{/* アルミDC部品 */
background-image:url(../product/images/nav_alumi_o.jpg);
background-repeat:no-repeat;
width:250px;
height:119px;
}

#sub-nav li#alumi span{
background:url(../product/images/nav_alumi_o.jpg) no-repeat;
display:block;
width:250px;
height:26px;
}

#sub-nav li:hover#alumi{
background-image:url(../product/images/nav_alumi_o.jpg);
width:250px;
height:119px;
}

#sub-nav li#alumi > a{
background:url(../product/images/nav_alumi.jpg) no-repeat;
display:block;
width:250px;
height:26px;
}
#sub-nav li#alumi > a:hover{
background:none;
}



#sub-nav li#alumi li a{/* アルミDC部品 孫リンク */
background:url(../product/images/nav_alumi_on.jpg) no-repeat -9999px top;
display:block;
width:200px;
height:23px;
margin: 0 25px;
}

#sub-nav li#alumi li.engine a:hover{
background:url(../product/images/nav_alumi_on.jpg) no-repeat -25px -26px;
}
#sub-nav li#alumi li.mission a:hover{
background:url(../product/images/nav_alumi_on.jpg) no-repeat -25px -49px;
}

#sub-nav li#alumi li.ev a:hover{
background:url(../product/images/nav_alumi_on.jpg) no-repeat -25px -72px;
}

#sub-nav li#alumi li.chasetc a:hover{
background:url(../product/images/nav_alumi_on.jpg) no-repeat -25px -95px;
}


#sub-nav li#module{/* モジュール・ドライブトレイン部品 */
background-image:url(../product/images/nav_module.jpg);
background-repeat:no-repeat;
width:250px;
height:48px;
}

#sub-nav li#module span{
background:url(../product/images/nav_module_o.jpg) no-repeat;
display:block;
width:250px;
height:26px;
}

#sub-nav li:hover#module{
background-image:url(../product/images/nav_module_o.jpg);
background-repeat:no-repeat;
width:250px;
height:48px;
}

#sub-nav li#module > a{
background:url(../product/images/nav_module.jpg) no-repeat;
display:block;
width:250px;
height:26px;
}
#sub-nav li#module > a:hover{
background:none;
}


#sub-nav li#module li a{/* モジュール・ドライブトレイン部品 孫リンク */
background:url(../product/images/nav_module.jpg) no-repeat -25px -26px;
display:block;
width:200px;
height:23px;
margin:0 25px;
}
#sub-nav li#module li.mtassy{
background:url(../product/images/nav_module_on.jpg) no-repeat 0 -26px;
}
#sub-nav li#module li.mtassy a:hover{
background:url(../product/images/nav_module_on.jpg) no-repeat -25px -26px;
}


#sub-nav li#chassis{/* シャシー・鍛造部品 */
background-image:url(../product/images/nav_chassis.jpg);
background-repeat:no-repeat;
width:250px;
height:59px;
}

#sub-nav li#chassis span{
background:url(../product/images/nav_chassis_o.jpg) no-repeat;
display:block;
width:250px;
height:26px;
}

#sub-nav li:hover#chassis{
background-image:url(../product/images/nav_chassis_o.jpg);
background-repeat:no-repeat;
width:250px;
height:59px;
}

#sub-nav li#chassis > a{
background:url(../product/images/nav_chassis.jpg) no-repeat;
display:block;
width:250px;
height:26px;
}
#sub-nav li#chassis > a:hover{
background:none;
}

#sub-nav li#chassis li a{/* シャシー・鍛造部品 孫リンク */
background:url(../product/images/nav_chassis.jpg) no-repeat -25px -26px;
display:block;
width:200px;
height:23px;
margin:0 25px 10px;
}
#sub-nav li#chassis li.forging{
background:url(../product/images/nav_chassis_on.jpg) no-repeat 0 -26px;
}
#sub-nav li#chassis li.forging a:hover{
background:url(../product/images/nav_chassis_on.jpg) no-repeat -25px -26px;
}



/* h3タイトルまわり */

.title-base{
position:relative;
}

.title-right{
position:absolute;
right:10px;
top:25%;
color:#CCCCCC;
font-size:80%;
}


/* アルミDC */

.img-box{
float:left;
width:325px;
}

.img-frame{
margin-bottom:7px;
border:solid 1px #9fa0a0;
}

/* モジュール */

.img-frameG{
margin-bottom:50px;
border:solid 1px #afd799;
}