@charset "UTF-8";

/*--------------------------------------------------
 contents
--------------------------------------------------*/
h2{
    border-left: 9px solid #ffaa93;
    padding: 0 0 0 13px;
    margin: 0 0 25px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.0;
    color: #000;
}
#contents{margin: 0;}
.more{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.more a{
    display: block;
    border: 1px solid #dfdfdf;
    padding: 1px 0 3px;
}
.hover .more a:hover{
    background: #ffaa93;
    border: 1px solid #ffaa93;
    color: #fff !important;
}

/* kv
-----------------------------------*/
#kv{
    margin: 0 0 45px;
}

/* topics
-----------------------------------*/
#topics {margin: 0 0 65px;}
#topics ul li{
    float: left;
    width: 300px;
    margin: 0 0 0 50px;
}
#topics ul li:first-child{
    margin: 0;
}
#topics ul li a{display: block;}
#topics ul li a .img{
    width: 300px;
    height: 180px;
    margin: 0 0 6px;
}
.hover #topics ul li a:hover{color: #000;}
.hover #topics ul li a:hover .img{opacity: 0.65;}

/* topLink
-----------------------------------*/
#topLink {margin: 0 0 65px;}
#topLink ul li{
    float: left;
    width: 300px;
    margin: 0 0 0 50px;
}
#topLink ul li:first-child{
    margin: 0;
}
#topLink ul li a{display: block;}
#topLink ul li a .img{
    width: 300px;
    height: 180px;
    margin: 0 0 6px;
}
.hover #topLink ul li a:hover{color: #000;}
.hover #topLink ul li a:hover img{opacity: 0.65;}

/* news
-----------------------------------*/
#news{
    position: relative;
    float: left;
    width: 480px;
    height: 380px;
    margin: 0;
}
#news h2{margin: 0 0 30px;}
#news dl{margin: 0 0 20px;}
.hover #news a:hover{color: #000;}
.hover #news a:hover dd{color: #ffaa93}
#news dl dt{font-size: 16px;}
#news dl dd{padding: 2px 0 0 7.5em;}
#news .newsIcn{
    display: inline-block;
    width: 90px;
    margin: 0 0 0 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}
#news .newsIcn.exhibition{
    background: #1cbe9a;
}
#news .newsIcn.familysale{
    background: #ffa633;
}
#news .newsIcn.newshop{
    background: #f655ac;
}
#news .newsIcn.other{
    background: #4f8efe;
}


/* ir
-----------------------------------*/
#ir{
    position: relative;
    float: right;
    width: 480px;
    height: 380px;
    margin: 0;
}
#ir h2{margin: 0 0 30px;}
#ir dl{
    margin: 0 0 20px;
}
.hover #ir a:hover{color: #000;}
.hover #ir a:hover dd{color: #ffaa93}
#ir dl dt{font-size: 16px;}

/*--------------------------------------------------
 footer
--------------------------------------------------*/
#footer{margin: 80px auto 40px;}