@charset "utf-8";
@import url(resource/css/import.css);

/* ========================================

    product

======================================== */

#globalNav li#gnProduct a {background-position: 0 -40px;}

#content.Index .BreadCrumbs {
    display: inline;
    float: left;
    width: 790px;
}

#content.Index .SocialArchives {
    float: right;
    margin: 0 0 5px;
    width: 200px;
}

#content.Index #contentID {
    clear: both;
    padding: 16px 8px 11px;
    border-bottom: 1px solid #e0dfe3;
    background: url(../img/bg_contentid.png) no-repeat 0 0;
    font-weight: bold;
    font-size: 28px;
    *zoom: 1;
}

#content.Index .Summary {
    margin: 0 auto;
    width: 900px;
    font-size: 116%;
}


/* ----------------------------------------
    .Summary
---------------------------------------- */
#content.Index .Summary {
    clear: both;
    padding-top: 20px;
    /zoom: 1;
}

#content.Index .Summary .Lead p {
    margin-bottom: 1.5em;
    line-height: 1.75;
}

#content.Index .Summary p.Last {
    margin-bottom: 0;
}

/* .ContentNav
---------------------------------------- */
#content.Index .ContentNav:before,
#content.Index .ContentNav:after {
    display: table;
    content: " ";
}

#content.Index .ContentNav:after {
    clear: both;
}

#content.Index .ContentNav {
    margin: 45px auto 0;
    width: 980px;
    *zoom: 1;
}

#content.Index .ContentNav .Column {
    float: left;
    width: 300px;
    background: url(../img/bg_contentnav_mdl.png) repeat-y center top;
}

#content.Index .ContentNav .Column .Lead {
    line-height: 1.2;
}

#content.Index .ContentNav .Column .Lead a {
    display: block;
    padding: 140px 20px 0;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease;
            transition: all .5s ease;
}

#content.Index .ContentNav .Column .Lead a:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    *zoom: 1;
}

#content.Index .ContentNav #colMP .Lead a {background-image: url(../img/mp/bg.jpg);}
#content.Index .ContentNav #colEP .Lead a {background-image: url(../img/ep/bg.jpg);}
#content.Index .ContentNav #colVE .Lead a {background-image: url(../img/ve/bg.jpg);}

#content.Index .ContentNav .Column dl {
    padding: 1em 20px 20px;
    color: #555;
}

#content.Index .ContentNav .Column dt {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #f1f1f1;
    font-weight: bold;
}

#content.Index .ContentNav .Column .ReadMore {
    padding: 0 20px 30px;
    background: url(../img/bg_contentnav_btm.png) no-repeat center bottom;
    text-align: center;
}

/* ----------------------------------------
    .ContentList
---------------------------------------- */
.ContentList {
    clear: both;
}

.ContentList ul {
    /zoom: 1;
}

.ContentList ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.ContentList li {
    display: inline;
    float: left;
}

.ContentList h3 {
    border: 0 none;
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    color: #235dab;
}

/* .ContentList.Index */
.Index .ContentList h3 {
    padding-bottom: 12px;
}

.Index .ContentList li {
    position: relative;
    line-height: 1.3;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.Index .ContentList li.ColumnAbout {
    width: 280px;
    margin-left: 14px;
    padding-left: 58px;
    background-image: url(../img/icn_about.png);
}

.Index .ContentList li.ColumnReasons {
    width: 161px;
    margin-left: 38px;
    padding-left: 62px;
    background-image: url(../img/icn_reasons.png);
}

.Index .ContentList li.ColumnFunction {
    width: 280px;
    margin-left: 60px;
    padding-left: 62px;
    background-image: url(../img/icn_function.png);
}

.Index .ContentList li.ColumnPrice {
    width: 164px;
    margin-left: 32px;
    padding-left: 48px;
    background-image: url(../img/icn_price.png);
}

.Index .ContentList p {
    padding-bottom: 43px;
}

.Index .ContentList .ReadMore {
    position: absolute;
    bottom: 0;
    padding: 0;
}

.Index .ContentList li.ColumnAbout .ReadMore {left: 58px;}
.Index .ContentList li.ColumnReasons .ReadMore {left: 62px;}
.Index .ContentList li.ColumnFunction .ReadMore {left: 62px;}
.Index .ContentList li.ColumnPrice .ReadMore {left: 48px;}