@charset "utf-8";

@import "common.css";
@import "layout.css";
/*--------------------------------------------------------------------------------------------------------------*/
#contents { float: left; height: auto; width: 570px; padding-top: 25px; }
#contents .sites { font-size: 12px; line-height: 20px; height: 20px; width: 570px; margin-bottom: 25px; }
.sites a { color: #000000; text-decoration: none; }
.sites a:hover { color: #CC0000; }
.works-bar1 { background-image: url(../img/works-bar1.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.works-bar2 { background-image: url(../img/works-bar2.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.works-bar3 { background-image: url(../img/works-bar3.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.works-bar4 { background-image: url(../img/works-bar4.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.works-bar5 { background-image: url(../img/works-bar5.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.works-bar6 { background-image: url(../img/works-bar6.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
dt strong { text-indent: -9999px; display: block; height: 30px; width: 570px; }

.works-text { font-size: 14px; line-height: 24px; padding-left: 30px; width: 540px; height: auto; margin-bottom: 25px; }



.works-text ul { border: 3px double #CCC; margin-top: 10px; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.works-text li { padding-left: 42px; text-indent: -42px; font-size: 14px; line-height: 18px; margin-bottom: 5px; }