@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; }

.recruit-bar1 { background-image: url(../img/bar-recruit.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.recruit-bar1 h2 { text-indent: -9999px; display: block; height: 30px; width: 570px; }
.text1 { font-size: 14px; line-height: 20px; margin-bottom: 30px; }

.recruit-bar2 { background-image: url(../img/bar-recruit2.jpg); background-repeat: no-repeat; height: 30px; width: 570px; margin-bottom: 10px; }
.recruit-bar2 h2 { text-indent: -9999px; display: block; height: 30px; width: 570px; }

.tbl { height: auto; width: 568px; border: 1px solid #CCC; margin-bottom: 20px; }
.tbl .td1 { font-size: 14px; line-height: 20px; background-color: #f6f6f6; padding: 9px; width: 20%; border: 1px solid #CCC; vertical-align: top; }
.tbl .td2 { font-size: 14px; line-height: 20px; padding: 9px; width: 80%; border: 1px solid #CCC; }
.tbl .td2 a { color: #36F; }
.tbl .td2 a:hover { color: #F33; }