/* Main */
#main { padding: 50px; min-height: 911px; margin-top: -1px; }

/* Top */
#main .top { height: 220px; }
#main .top .left { float: left; width: 610px; padding: 20px; background: url(../img/career-box-transparent.png) repeat; }
#main .top .left h2 { font-size: 26px; margin-bottom: 10px; }
#main .top .left p { margin-bottom: 10px; }
#main .top .left a { color: #7a1e82; }
#main .top .left a:hover { color: #d6d7d9; }

/* Careers column */
#main .careers { float: left; width: 380px; background: url(../img/career-box-transparent.png) repeat; }
#main .careers .title { background: url(../img/career-title-transparent.png) repeat-x; border-bottom: 4px solid #2c3136; padding: 10px; font-size: 16px; }
#main .careers .title a { color: #E8E9E9; float: right; }
#main .careers .contents { padding: 10px; }
#main .careers .contents h3 { font-size: 18px; margin-bottom: 10px; }
#main .careers .contents p { margin-bottom: 10px; }
#main .careers .contents a { color: #7a1e82; }
#main .careers .contents a:hover { color: #d6d7d9; }

/* Culture column */
#main .culture { float: left; margin-left: 20px; width: 250px; background: url(../img/career-box-transparent.png) repeat; }
#main .culture .title { background: url(../img/career-title-transparent.png) repeat-x; border-bottom: 4px solid #2c3136; padding: 10px; font-size: 16px; }
#main .culture .title a { color: #E8E9E9; float: right; }
#main .culture .contents { padding: 0 10px 10px 10px; }
#main .culture .contents .box { border-bottom: 1px solid #3f444a; padding: 10px 0 10px 0; }
#main .culture .contents .box h3 { font-size: 18px; }
#main .culture .contents .box h3 a { color: #d6d7d9; }
#main .culture .contents .box p { margin-top: 5px; color: #d6d7d9; font-size: 13px; }
#main .culture .contents .box p.date { color: #7a1e82; }
#main .culture .contents .box a { color: #7a1e82; }
#main .culture .contents .box a:hover { color: #d6d7d9; }
#main .culture .contents .last { border-bottom: none; padding-bottom: 0; }

/* Right column */
#main .right { float: left; margin-left: 33px; width: 177px; }
#main .right .search { padding: 10px; background: url(../img/career-box-transparent.png) repeat; }
#main .right .search p { margin-bottom: 10px; color: #d6d7d9; }
#main .right .search input.text { width: 115px; height: 20px; border: 1px solid #7a1e82; background-color: #171c22; color: #d6d7d9; }
#main .right .search input.submit { width: 30px; padding: 2px; border: 1px solid #7a1e82; background-color: #380d3f; color: #d6d7d9; }
#main .right .archive { margin-top: 20px; padding: 10px; background: url(../img/career-box-transparent.png) repeat; }
#main .right .archive p { color: #8b3093; padding: 0 0 10px 0; }
#main .right .archive ul { list-style: none; border-top: 1px solid #383d42; }
#main .right .archive ul li { border-bottom: 1px solid #383d42; padding: 5px 0 5px 10px; }
#main .right .archive ul li a { color: #d6d7d9; }

/* Post */
#main .post { float: left; width: 570px; background: url(../img/career-box-transparent.png) repeat; padding: 20px; }
#main .post h2 { font-size: 18px; margin-bottom: 10px; }
#main .post h2 a { color: #d6d7d9; }
#main .post p { margin-bottom: 10px; }
#main .post a { color: #7a1e82; }
#main .post a:hover { color: #d6d7d9; }