@charset "utf-8";

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

/* product only */

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

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

#sub-nav li#product a {
    background-image: url(../product/images/en_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/en_nav_lineup_o.jpg) no-repeat;
    padding-top: 8px;
    width: 250px;
    height: 26px;
}

#sub-nav li#lineup a {
    background: url(../product/images/en_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/en_nav_alumi_o.jpg);
    background-repeat: no-repeat;
    width: 250px;
    height: 119px;
}

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

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

#sub-nav li#alumi>a {
    background: url(../product/images/en_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/en_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/en_nav_alumi_on.jpg) no-repeat -25px -26px;
}

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

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

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


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

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

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

#sub-nav li#module>a {
    background: url(../product/images/en_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/en_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/en_nav_module_on.jpg) no-repeat 0 -26px;
}

#sub-nav li#module li.mtassy a:hover {
    background: url(../product/images/en_nav_module_on.jpg) no-repeat -25px -26px;
}


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

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

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

#sub-nav li#chassis>a {
    background: url(../product/images/en_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/en_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/en_nav_chassis_on.jpg) no-repeat 0 -26px;
}

#sub-nav li#chassis li.forging a:hover {
    background: url(../product/images/en_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;
}