#cp_navi { background-image: url(../img/campus/cp_brnv.gif); background-repeat: no-repeat; background-position: 0 7px; width: 880px; height: auto; padding-top: 23px; padding-bottom: 6px; }
#cp_navi li { width: 220px; height: 116px; float: left; }
.cpnv01 { width: 220px; height: 116px; }
.cpnv01 a { background-image: url(../img/campus/cp_nv01.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -10000px; width: 220px; height: 116px; overflow: hidden; display: block; }
.cpnv01 a:hover { background-image: url(../img/campus/cp_nv01.gif); background-repeat: no-repeat; background-position: 0 -116px; width: 220px; height: 116px; }
.cpnv02 { width: 220px; height: 116px; }
.cpnv02 a { background-image: url(../img/campus/cp_nv02.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -10000px; width: 220px; height: 116px; overflow: hidden; display: block; }
.cpnv02 a:hover { background-image: url(../img/campus/cp_nv02.gif); background-repeat: no-repeat; background-position: 0 -116px; width: 220px; height: 116px; }
.cpnv03 { width: 220px; height: 116px; }
.cpnv03 a { background-image: url(../img/campus/cp_nv03.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -10000px; width: 220px; height: 116px; overflow: hidden; display: block; }
.cpnv03 a:hover { background-image: url(../img/campus/cp_nv03.gif); background-repeat: no-repeat; background-position: 0 -116px; width: 220px; height: 116px; }
.cpnv04 { width: 220px; height: 116px; }
.cpnv04 a { background-image: url(../img/campus/cp_nv04.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -10000px; width: 220px; height: 116px; overflow: hidden; display: block; }
.cpnv04 a:hover { background-image: url(../img/campus/cp_nv04.gif); background-repeat: no-repeat; background-position: 0 -116px; width: 220px; height: 116px; }
#cp_cont { background-image: url(../img/bk_freetel.gif); background-repeat: no-repeat; background-position: center bottom; width: 880px; height: auto; clear: left; padding-top: 5px; padding-bottom: 85px; }
.cp_cont { position: absolute; top: 18px; right: 18px; width: 376px; height: 38px; overflow: hidden; }
.cp_cont a { background-image: url(../img/campus/cp_btinfo.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -10000px; width: 376px; height: 38px; overflow: hidden; display: block; }
.cp_cont a:hover { background-image: url(../img/campus/cp_btinfo.gif); background-repeat: no-repeat; background-position: 0 -38px; }
.br_cpzero { background-image: url(../img/campus/cp_brzero.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 880px; height: 100px; }
.br_cpzero p { font-size: 12px; position: absolute; top: 75px; left: 105px; }
.br_cpcn1 { background-image: url(../img/campus/cp_brcn1.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 880px; height: 100px; }
.br_cpcn1 p { font-size: 12px; position: absolute; top: 75px; left: 105px; }
.br_cpcn2 { background-image: url(../img/campus/cp_brcn2.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 880px; height: 100px; }
.br_cpcn2 p { font-size: 12px; position: absolute; top: 75px; left: 105px; }
.br_cpcn3 { background-image: url(../img/campus/cp_brcn3.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 880px; height: 100px; }
.br_cpcn3 p { font-size: 12px; position: absolute; top: 75px; left: 105px; }
.cp_topixarea { width: 880px; height: auto; padding-bottom: 18px; }
.cp_topixbox { background-image: url(../img/campus/bk_cptpbox.gif); position: relative; width: 220px; height: 180px; float: left; }
.cp_arrow { color: white; font-size: 10px; position: absolute; top: 10px; right: 5px; width: 35px; height: 15px; }
.cp_line { color: white; font-size: 10px; position: absolute; top: 10px; left: 10px; width: 200px; height: 20px; }
.cp_line a { color: white; text-decoration: none; }
.cp_line a:hover { color: white; text-decoration: underline; }
.cp_line span { font-size: 14px; font-weight: bold; }
.cp_image { position: absolute; top: 33px; left: 9px; width: 100px; height: 90px; overflow: hidden; float: left; }
.cp_image img { }
.cp_madori { font-size: 12px; position: absolute; top: 36px; left: 115px; width: 100px; }
.cp_madori span { font-weight: bold; }
.cp_price { font-size: 12px; position: absolute; top: 49px; left: 115px; width: 100px; }
.cp_price span { color: #c03; font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.cp_school { color: #2da397; font-size: 10px; line-height: 15px; position: absolute; top: 75px; left: 114px; width: 100px; }
.cp_school span { background-image: url(../img/campus/cp_arschl.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 13px; }
.cp_info { font-size: 11px; line-height: 12px; position: absolute; top: 127px; left: 10px; width: 200px; float: left; padding-top: 3px; border-top: 1px dotted silver; }
.cp_detail { font-size: 12px; background-image: url(../img/campus/ar_cpdetail.gif); background-repeat: no-repeat; background-position: 0 1px; position: absolute; top: 158px; left: 80px; width: 120px; float: left; padding-left: 14px; }
.cp_detail a { color: #2a5faa; text-decoration: none; }
.cp_detail a:hover { color: #2a5faa; text-decoration: underline; }
.cp_cont_left { width: 400px; height: auto; float: left; margin: 0; }
.cp_shop { background-image: url(../img/campus/bk_cpshop.gif); background-repeat: no-repeat; background-position: 0 0; width: 385px; height: 374px; padding-top: 68px; padding-left: 15px; }
.cp_shop p { font-size: 12px; line-height: 15px; padding-bottom: 15px; padding-left: 5px; }
.cp_cont_right { margin: 0; width: 480px; height: auto; float: right; }
.cp_banner { text-align: center; }
.cp_banner img { padding-top: 5px; padding-right: 10px; padding-left: 10px; }
/*----manual-----*/
#cp_manu { text-align: center; width: 880px; height: auto; }
.cpm_navi { font-size: small; line-height: 1.2em; text-align: left; width: 880px; height: auto; padding-top: 5px; padding-bottom: 10px; }
.br_cpm { background-image: url(../img/campus/cpm_br.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 880px; height: 80px; padding-bottom: 20px; }
.br_cpm p { font-size: 12px; position: absolute; top: 75px; left: 105px; }
.cpm_intro { text-align: left; padding: 10px 25px 5px; }
.cpm_intro p { font-size: small; line-height: 1.5; text-align: left; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; }
.cpm_point { color: #4a4a4a; font-size: small; line-height: 1.5em; background-color: #e6f9ff; text-align: left; width: 770px; height: auto; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding: 8px 30px 10px; }
.cpm_step { width: auto; padding-right: 25px; padding-left: 25px; }
.cpm_step td { vertical-align: top; }
.cpm_info { padding-top: 5px; padding-left: 40px; }
.cpm_info p { color: #4a4a4a; font-size: small; line-height: 1.3em; text-align: left; padding-top: 5px; }