@charset "utf-8";
/* CSS Document */

#kizi {
    position: relative;
}

@media screen and (min-width:767px) {
    #kizi dl dt:before {
        display: inline-block;
        position: absolute;
        text-align: center;
        left: 0;
    }

    #kizi dt {
        padding-left: 120px;
    }
}

#kizi  a {
    color: #333;
}

#kizi ul {
    margin-bottom: 30px;
}

#kizi dl {
    border-bottom: 1px dotted #e6e6e6;
    padding: 3% 0;
    position: relative;
}

#kizi dl dt:before {
    display: block;
    font-size: 90%;
    width: 80px;
    padding: 5px 0;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

#kizi dl.news dt:before {
    content: "NEWS";
    background-color: #009944;
}

#kizi dl.blog dt:before {
    content: "BLOG";
    background-color: #0085CA;
}

#kizi dl.new3 dt:before {
    content: "NEW";
    background-color: #EC6941;
}

#kizi dl.new4 dt:before {
    content: "NEW";
    background-color: #E4007F;
}

#kizi dd {
    float: left;
    width: 20%;
}

#kizi ul {
	/*max-height:200px;*/
}

#kizi dt {
    float: right;
    width: 80%;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
}