/************************************************************************
 * ÆÄÀÏ¸í      : recommend.css
 * ¼³¸í        : ÃßÃµ½Ã½ºÅÛ  CSS
 * ÀÛ¼ºÀÚ      : ¿ÀÀçÁø
 * ÀÛ¼ºÀÏ      : 2011.05.16
************************************************************************/
#contentBody {margin:0 auto;}
#contentWrap {padding:0}
#footer	{clear:both; width:960px;  margin:0 auto;padding:15px 0 35px 0;  overflow:hidden;} 
#topBtn	{width:10px; position:fixed; _position:absolute; left:50%; bottom:80px; margin-left:495px; z-index:50}

#recommWrap { width:100%;  margin:0; padding:0; background:#f9f9f9 url(/images/recommend/recommTopBg.gif) repeat-x; }

#recommWrap .globalTab {width:960px; height:30px; margin:0 auto;  position:relative;z-index:100}
#recommWrap .globalTab .tabMenu {float:left; width:300px;}
#recommWrap .globalTab .tabMenu li {float:left;}

#recommWrap .rMenu {width:960px; height:136px; margin:0 auto; position:relative }
#recommWrap .rMenu ul {float:left; }
#recommWrap .rMenu ul li {float:left; width:248px; height:136px; position:relative;}
#recommWrap .rMenu ul li .arrow {position:absolute; margin:100px 0 0 114px; z-index:5}
#recommWrap .pInfo {float:left; width:196px; margin-left:20px; height:111px; position:relative}
#recommWrap .pInfo .myInfo {float:left; color:#ffffff; font:normal 11px µ¸¿ò; margin-top:20px;}
#recommWrap .pInfo .myInfo span {display:block;}
#recommWrap .pInfo .myInfo span.mt10 {color:#feecac}
#recommWrap .pInfo .w110 {width:110px;}
#recommWrap .pInfo .myGrade {float:left; width:83px; margin-top:8px;}
#recommWrap .pInfo .num {color:#FFF; font-weight:bold;}
#recommWrap .btnSet {float:left; width:201px; margin-left:15px; text-align:right;}
#recommWrap .pInfo .memId {float:left; margin-top:5px; height:18px; width:196px;}
#recommWrap .pInfo .memPw {float:left; margin-top:5px; height:18px; width:99px}
#recommWrap .pInfo .memId .id {background:#FFF url(http://image.bandinlunis.com/images/bookPeople/loginImg.gif) no-repeat 5px 3px; padding:2px; width:95px; }
#recommWrap .pInfo .memPw .pw {background:#FFF url(http://image.bandinlunis.com/images/bookPeople/loginImg.gif) no-repeat 5px -24px; padding:2px; width:95px; }

#recommWrap .pInfo h2 {font:bold 11px µ¸¿ò; color:#FFF; margin-top:15px;}
#recommWrap .pInfo fieldset {border:none;}
#recommWrap .pInfo legend {display:none;}
#recommWrap .pInfo .btnLogin {float:left;  height:18px; width:56px; margin:6px 0 0 5px}
#recommWrap .pInfo .btnLogin span{display:none;}
#recommWrap .pInfo .btnLogin button {border:none; background:url(/images/recommend/btn_login.gif) no-repeat;width:58px; height:18px; cursor:pointer; overflow:hidden}
#recommWrap .pInfo .idSave {position:absolute; z-index:5; right:20px; top:37px; font:normal 11px µ¸¿ò; color:#fff;}

#recommWrap .rMenu .bImg {position:absolute; z-index:6; margin:92px 0 0 0; width:248px; text-align:center}
#recommWrap .rMenu .wImg {position:absolute; z-index:6; margin:92px 0 0 22px;}
#recommWrap .rMenu .wImg img,#recommWrap .rMenu .bImg img  {height:42px; border-top:1px solid #d5c099; border-left:1px solid #d5c099; border-right:1px solid #d5c099;}
#recommWrap .rMenu .pViewW {font:normal 11px µ¸¿ò; color:#766649; margin:12px 0 0 64px; }
#recommWrap .rMenu .pViewM {font:normal 11px µ¸¿ò; color:#766649; margin:12px 0 0 0; text-align:center; width:248px }
#recommWrap .rMenu .pViewM span {color:#c16a1c;}

#recommWrap .setWrap {border-bottom:1px solid #dddddd; overflow:hidden;}
#recommWrap .setWrap .setting{position:relative; width:960px; margin:0 auto; padding:22px 0; overflow:hidden;}
#recommWrap .setWrap .setting .sc {position:absolute; z-index:5; right:5px; bottom:0;}
#recommWrap .setWrap .setting h3{font:bold 12px ±¼¸²; color:#766649;}
#recommWrap .setWrap .setting .insideInfo {margin:25px 0 0 33px} 
#recommWrap .setWrap .setting .rSet {float:left; width:640px; margin-left:15px; _margin-left:7px;}
#recommWrap .setWrap .setting .rSet .prodList {width:606px; margin-top:10px; border:1px solid #ede3ce; padding:10px 10px 10px 16px; background:#FFF; overflow:hidden;}
#recommWrap .setWrap .setting .rSet dl {width:541px; border-top:1px solid #ececec; padding:10px 0 0 65px; margin-top:10px; overflow:hidden;}
#recommWrap .setWrap .setting .rSet dl.alt {border-top:none; margin-top:0;}
#recommWrap .setWrap .setting .rSet .rBook {background:url(/images/recommend/ico_rSet01.gif) no-repeat 0 8px;}
#recommWrap .setWrap .setting .rSet .rMusic {background:url(/images/recommend/ico_rSet02.gif) no-repeat 0 8px;}
#recommWrap .setWrap .setting .rSet .rGIFT {background:url(/images/recommend/ico_rSet03.gif) no-repeat 0 8px;}
#recommWrap .setWrap .setting .rSet .rDVD {background:url(/images/recommend/ico_rSet04.gif) no-repeat 0 8px;}
#recommWrap .setWrap .setting .rSet dd {float:left; width:126px; margin:0 8px 10px 0; font:normal 11px µ¸¿ò; color:#766649;}
#recommWrap .setWrap .setting .wSet {float:left; width:280px; margin-left:15px;}
#recommWrap .setWrap .setting .wSet ul {width:246px; margin-top:10px; border:1px solid #ede3ce; padding:5px 16px 10px 16px; background:#FFF; overflow:hidden;}
#recommWrap .setWrap .setting .wSet li {float:left; width:112px; margin-top:10px; margin-left:5px; padding-left:6px;  font:normal 11px µ¸¿ò; color:#766649; background:url(/images/recommend/ico_dot.gif) no-repeat 0 4px}
#recommWrap .setWrap .setting .wSet .noList {width:278px; margin-top:10px; border:1px solid #ede3ce; padding:20px 0; background:#FFF; overflow:hidden;  font:normal 11px µ¸¿ò; color:#766649; text-align:center}



.cate {color:#b98636; font:normal 11px µ¸¿ò;}
.prodTit {color:#555; font:bold 12px µ¸¿ò;}
.writer {color:#888888; font:normal 11px µ¸¿ò;}
.price {color:#ff6600; font:bold 11px µ¸¿ò;}

.recommTit {width:960px; margin-top:30px; overflow:hidden; position:relative}
.recommTit h3 {background:url(/images/recommend/ico_titArrow.gif) no-repeat 14px 3px; height:21px;  padding:4px 0 2px 30px; font:bold 12px ±¼¸²; color:#766649;}
.recommTit h3.alt {height:35px;}
.recommTit .subComment {font:normal 11px µ¸¿ò; color:#888888}
.recommTit .block {display:block}
.recommTit .btnCart {position:absolute; right:3px; bottom:7px;}
.h3Left {float:left; width:210px;}
.h3Left02 {float:left; width:550px;}
.h3Left03 {float:left; width:700px;}
.mt55{margin-top:55px;}
.recommTit .sorting {float:left; margin:0 0 5px 15px; overflow:hidden; border-left:1px solid #cacaca; height:24px;}
.recommTit .sorting li {float:left; width:65px; height:22px; border:1px solid #cacaca; border-left:none; margin-bottom:3px;}
.recommTit .sorting li a {display:block; font:normal 11px µ¸¿ò; padding-top:6px; width:65px; height:16px; background:#f9f9f9; text-align:center; text-decoration:none;}
.recommTit .sorting li a:hover {background:#fdf9e3; }
.recommTit .sorting li.on a {font-weight:bolder; background:#cccccc; color:#fff}
.recommTit .sorting.con {margin-left:30px;}
.recommTit .sorting.con li.on a {font-weight:bolder; background:#cccccc; color:#fff}
.recommTit.ohterT {height:28px}

.viewProd {overflow:hidden}
.viewProd dl {width:960px; border-top:1px solid #eaeaea;overflow:hidden}
.viewProd dl dd {float:left; border-bottom:1px solid #eaeaea; height:196px; padding-top:18px; overflow:hidden}
.viewProd dl dd.con01 {width:230px; background:url(/images/recommend/viewProd_bg02.gif) no-repeat 205px 10px; position:relative}
.viewProd dl dd.con02 {width:730px;}
.viewProd dl dd.con02 ul {margin-left:30px; overflow:hidden}
.viewProd dl dd.con02 li {float:left; width:175px; display:inline-block;}
.viewProd .img80 {width:80px; border:1px solid #d4d4d4}
.viewProd .imgh118 {height:118px; border:1px solid #d4d4d4}
.viewProd dl dd .pd {position:absolute; z-index:5; top:33px; left:33px; }
.viewProd dl dd .rf {position:absolute; z-index:5; top:72px; right:0; }
.viewProd dl dd .sp {float:left; width:20px;}
.viewProd dl dd .pv {float:left; width:140px;}
.viewProd dl dd .pv span {display:block;}
.viewProd dl dd .pv .pImg {height:120px; width:140px; overflow:hidden;}
.viewProd dl dd.con01 .sp {margin-left:34px; _margin-left:17px}
.viewProd dl dd.con02 ul .loading {text-align:center; padding-top:75px; width:650px}

/*½Ã¸®Áî ¾Ë¸²*/
.seriesNotice {position:absolute; z-index:5; padding-bottom:15px; right:30px; top:0; border:1px solid #4f707e; width:225px; background:#FFF; overflow:hidden}
.seriesNotice h3 {padding:12px 12px 12px 12px; background:#648898; font:bold 12px ±¼¸²; color:#fff; }
.seriesNotice h3 span {display:block; }
.seriesNotice h3 span.tit { width:183px;}
.seriesNotice .pImg {width:100%; margin-top:15px; text-align:center;}
.seriesNotice .pImg img {width:95px; border:1px solid #d1d1d1;}
.seriesNotice .bd {position:absolute; right:10px; top:10px;}
.seriesNotice .ap {position:absolute; left:15px; top:122px;}
.seriesNotice .an {position:absolute; right:15px; top:122px;}


.basedOn {width:960px; border-top:1px solid #eaeaea;}
.basedOn li {position:relative; _display:inline-block; overflow:hidden; border-bottom:1px solid #eaeaea; padding:18px 0 20px 0;}
.basedOn li .sp {float:left; width:22px; margin-left:7px; _margin-left:3px;}
.basedOn li .pImg {float:left; width:97px; margin-left:7px;}
.basedOn li .pImg .img95 {width:95px; border:1px solid #d4d4d4;}
.basedOn li .pv {float:left; width:770px; margin-left:22px;}
.basedOn li .pv dt {margin-top:4px;}
.basedOn li .pv dd.con {line-height:160%; color:#666;}
.basedOn li .pv dd.bon {background:url(/images/recommend/ico_based.gif) no-repeat 0 0 ; padding:1px 0 0 65px; }
.basedOn li .reviewIco {position:absolute; top:0; right:14px;}
.basedOn li .basedDel {position:absolute; top:34px; left:7px;}
.basedOn li .pv .today {color:#b98636}
.basedOn li.loading {text-align:center; padding-top:75px; width:950px}


.linkW {width:960px; border-top:1px solid #eaeaea; background:url(/images/recommend/bg_wLine.gif) repeat-y ; overflow:hidden;}
.linkW .writerMenu {float:left; width:212px;}
.linkW .writerMenu li {width:204px; border-bottom:1px solid #eaeaea; height:77px; position:relative; }
.linkW .writerMenu li .wd {position:absolute; z-index:6; right:5px; top:5px; }
.linkW .writerMenu li a {display:block;  width:174px; padding:15px; height:47px; text-decoration:none; background:#f9f9f9; overflow:hidden}
.linkW .writerMenu li a:hover {text-decoration:none; background:#dfeef6; color:#555}
.linkW .writerMenu li a .wn {display:block; cursor:pointer}
.linkW .writerMenu li a .bo {display:block; cursor:pointer;  background:url(/images/recommend/ico_based.gif) no-repeat 0 5px ; padding:7px 0 0 60px;height:26px; font:normal 11px µ¸¿ò; color:#888;}
.linkW .writerMenu li.over {background:url(/images/recommend/bg_wmOver.gif) no-repeat; width:212px; height:79px; border-bottom:none; }
.linkW .writerMenu li.over a {display:block; width:173px; padding:15px; height:49px; background:none; height:49px; }
.linkW .writerMenu li.over a:hover {text-decoration:none; background:none}
.linkW .writerMenu li .wd a {display:inline; padding:5px; background:none;}
.linkW .writerMenu li.over .wd { padding:5px; background:none; right:5px; top:5px;}

.linkW .other li a {font-weight:bold; width:164px; padding:29px 15px 25px 25px; height:23px}
.linkW .other li.over a { padding:33px 15px 25px 25px; width:163px; height:22px}
.linkW .other li.over a:hover {color:#666; background:none;}

.linkW .wZone {float:left; width:748px; overflow:hidden;}
.linkW .wZone .ht { wwidth:647px; margin: 15px 0 0 20px; background:url(/images/recommend/ico_history.gif) no-repeat; padding-left:60px; overflow:hidden;}
.linkW .wZone .ht dd { float:left;  ppadding:2px 1px 1px 19px;  font:normal 11px µ¸¿ò;}
.linkW .wZone .ht dd a{white-space:nowrap; display:block; padding:2px 1px 1px 19px; background:url(/images/recommend/ico_hArrow.gif) no-repeat 5px 3px; font:normal 11px µ¸¿ò; color:#888;}
.linkW .wZone .ht dd.alt { background:none; padding-left:0;}
.linkW .wZone .wLayer {position:relative; width:707px; margin:20px 0 0 20px; height:400px; overflow:hidden}
.linkW .wZone .wLayer li {position:absolute; z-index:10; overflow:hidden}
.linkW .wZone .wLayer li .wPhoto {float:left; width:57px; height:72px; padding:1px; background:url(/images/recommend/bg_wNoimg.gif) no-repeat; }
.linkW .wZone .wLayer li .wPhoto img {width:57px; height:72px;}
.linkW .wZone .wLayer .w01 .wPhoto,.linkW .wZone .wLayer .w02 .wPhoto ,.linkW .wZone .wLayer .w04 .wPhoto  {margin:18px 0 0 18px; _margin-left:9px;}
.linkW .wZone .wLayer .w03 .wPhoto,.linkW .wZone .wLayer .w05 .wPhoto {margin:18px 0 0 44px; _margin-left:22px;}
.linkW .wZone .wLayer li .wname {float:left; margin:22px 0 0 7px; width:94px; font:normal 11px µ¸¿ò}
.linkW .wZone .wLayer dt .wPhoto02 {float:left; width:70px; height:92px; padding:1px; background:url(/images/recommend/bg_wNoimg02.gif) no-repeat; margin:24px 0 0 24px; _margin-left:12px;}
.linkW .wZone .wLayer dt .wPhoto02 img {width:70px; height:92px;}
.linkW .wZone .wLayer dt .wname02 {float:left; margin:33px 0 0 12px; width:100px;}
.linkW .wZone .wLayer li .btnW {position:absolute; z-index:11; margin:142px 0 0 200px;}
.linkW .wZone .wLayer .wMain{position:absolute; z-index:10; overflow:hidden; background:url(/images/recommend/bg_wMain.gif) no-repeat; width:234px; height:160px; margin:140px 0 0 250px;}
.linkW .wZone .wLayer .w01{background:url(/images/recommend/bg_w01.gif) no-repeat; width:196px; height:136px; margin:2px 0 0 256px;}
.linkW .wZone .wLayer .w02{background:url(/images/recommend/bg_w02.gif) no-repeat; width:220px; height:110px; margin:95px 0 0 15px;}
.linkW .wZone .wLayer .w03{background:url(/images/recommend/bg_w03.gif) no-repeat; width:222px; height:110px; margin:35px 0 0 474px;}
.linkW .wZone .wLayer .w04{background:url(/images/recommend/bg_w04.gif) no-repeat; width:217px; height:110px; margin:260px 0 0 35px;}
.linkW .wZone .wLayer .w05{background:url(/images/recommend/bg_w05.gif) no-repeat; width:222px; height:110px; margin:235px 0 0 485px;}


.linkW .wBook  {width:707px; margin:7px 0 0 30px; position:relative; }
.linkW .wBook  .btnW {position:absolute; z-index:5; right:8px; top:4px; font:normal 11px verdana,µ¸¿ò; color:#FFF;}
.linkW .wBook h4 {color:#FFF; font:bold 11px µ¸¿ò; width:687px; background:#aa9278 url(/images/recommend/ico_wBookTit.gif) no-repeat 8px 8px; padding:6px 0 0 20px; height:17px; overflow:hidden;}
.linkW .wBook .basedOn {width:707px; }
.linkW .wBook .basedOn li {float:left; overflow:hidden; border-bottom:1px solid #e9e1ca; padding:18px 0 0 0; height:130px; width:352px;}
.linkW .wBook .basedOn li .sp {float:left; width:15px; margin-left:9px;}
.linkW .wBook .basedOn li .pImg {float:left; width:77px; margin-left:7px;}
.linkW .wBook .basedOn li .pImg .img75 {width:75px; border:1px solid #d4d4d4;}
.linkW .wBook .basedOn li .pv {float:left; width:217px; margin-left:15px;}
.linkW .wBook .basedOn li .pv dt {margin-top:4px;}
.linkW .wBook .basedOn li .pv dd.con {line-height:14px; color:#888; font:normal 11px µ¸¿ò; margin-top:7px;}

.mentor {width:960px; border-top:1px solid #eaeaea; overflow:hidden;}
.mentor .bookMentee {float:left; width:219px;}
.mentor .bookMentee h4 {color:#7c6854; font:bold 18px ±¼¸²; background:url(/images/recommend/ico_mentee.gif) no-repeat 0 0; padding-left:22px; margin:26px 0 0 12px;}
.mentor .bookMentee dl {width:200px;  padding:30px 0 0 5px; margin:5px 0 0 10px; overflow:hidden;}
.mentor .bookMentee .rBook {background:url(/images/recommend/ico_rSet01.gif) no-repeat 0 8px;}
.mentor .bookMentee .rMusic {background:url(/images/recommend/ico_rSet02.gif) no-repeat 0 8px;}
.mentor .bookMentee .rGIFT {background:url(/images/recommend/ico_rSet03.gif) no-repeat 0 8px;}
.mentor .bookMentee .rDVD {background:url(/images/recommend/ico_rSet04.gif) no-repeat 0 8px;}
.mentor .bookMentee dd { margin:5px 0 0 0; font:normal 11px µ¸¿ò; color:#888; line-height:160%}

.mentor .bookMentor {float:left; width:741px; overflow:hidden;}
.mentor .bookMentor .mList { width:741px; }
.mentor .bookMentor .mList li { width:741px;  overflow:hidden;}
.mentor .bookMentor .mList li .bm {cursor:pointer}
.mentor .bookMentor .mList li .bm span {cursor:pointer}
.mentor .bookMentor .mList li .bm a {display:block; width:698px; overflow:hidden; margin-left:13px; padding:15px 0 15px 30px; border-bottom:1px solid #e4e4e4;}
.mentor .bookMentor .mList li .bm a:hover {background:#dfeef6; text-decoration:none;}
.mentor .bookMentor .mList li.over {background:url(/images/recommend/bg_bm_bottom.gif) no-repeat 0 bottom; padding-bottom:5px;}
.mentor .bookMentor .mList li.over .bm {background:url(/images/recommend/bg_bm_top.gif) no-repeat 0 top; }
.mentor .bookMentor .mList li.over .bm a { width:688px; margin-left:18px; padding-top:22px;}
.mentor .bookMentor .mList li.over .bm a:hover {background:none; }
.mentor .bookMentor .mList .matchingPre {float:left; width:176px; height:45px;}
.mentor .bookMentor .mList .bId {float:left; width:468px; height:20px; margin-top:4px; color:#7c6854; font:bold 18px ±¼¸²; background:url(/images/recommend/ico_mentor.gif) no-repeat 0 0; padding-left:22px;}
.mentor .bookMentor .mList .cate {float:left; width:490px; height:20px; margin-top:6px; color:#6589aa; font:normal 11px µ¸¿ò;}
.mentor .bookMentor .mList .vl {float:left; width:670px; margin:0 0 0 25px; _margin-left:13px; padding-bottom:14px}
.mentor .bookMentor .mList .alt {margin-left:50px; *margin-left:25px;}
.mentor .bookMentor .mList .vl h4 {font-size:12px; font-weight:bold; margin-top:12px;}
.mentor .bookMentor .mList .vl ul { width:670px; margin-top:10px; margin-left:10px; overflow:hidden}
.mentor .bookMentor .mList .vl li {float:left; width:96px; margin-right:10px;}
.mentor .bookMentor .mList .vl li .pImg60 {width:60px; border:1px solid #d4d4d4;}
.mentor .bookMentor .mList .vl li dl {margin-top:5px;}
.mentor .bookMentor .mList .vl li dt {font-weight:bold}
.mentor .bookMentor .mList .vl li dd {font:normal 11px µ¸¿ò; color:#888; margin-top:3px;}
.mentor .bookMentor .mList .vl li.noData { height:50px; padding-top:30px; padding-left:50px; width:200px; font:normal 11px µ¸¿ò; color:#888}

.wZone .otherList { margin-left:46px; padding:15px 0 20px 0; overflow:hidden; clear:both}
.wZone .otherList li {float:left; width:140px;}
.wZone .otherList .img80 {width:80px; border:1px solid #d4d4d4}
.wZone .otherList .pd {position:absolute; z-index:5; margin:1px 0 0 186px;}
.wZone .otherList .sp {float:left; width:18px; margin-top:3px}
.wZone .otherList .pv {float:left; width:120px;}
.wZone .otherList .pv span {display:block;}
.wZone .otherList .pv .pImg {  overflow:hidden;}
.wZone .otherList .con01 .sp {margin-left:44px}

.areaRecomm .tabMentor	{overflow:hidden; border-top:1px solid #cacaca;}
.areaRecomm .tabMentor	li			{float:left; width:105px; height:30px; border-right:1px solid #cacaca; background:url(http://image.bandinlunis.com/images/main/bg_tabA.gif) no-repeat center;}
.areaRecomm .tabMentor	li	a		{display:block; font:normal 11px µ¸¿ò; height:20px;  color:#888888; padding-top:10px; text-align:center; text-decoration:none;}
.areaRecomm .tabMentor	li	a:visited, .tabMentor	li	a:hover, .tabMentor	li	a:active	{color:#888888; text-decoration:none;}
.areaRecomm .tabMentor	li.alt		{border-right:none;}
.areaRecomm .tabMentor	li	a:hover {background:#fdf9e3;  border-bottom:1px solid #cacaca;height:19px;} 
.areaRecomm .tabMentor	li.on		{float:left;  width:111px; background:url(http://image.bandinlunis.com/images/main/bg_tabAon.gif) no-repeat center;}
.areaRecomm .tabMentor	li.on	a	{font-weight:bold; color:#845421; padding-top:10px;}
.areaRecomm .tabMentor	li.on	a:hover	{font-weight:bold; color:#845421; padding-top:10px; background:none; height:19px; text-decoration:none; border-bottom:1px solid #FFF;}

.areaRecomm .seoul {margin:10px 0 0 15px; overflow:hidden;}
.areaRecomm .seoul li {float:left; margin-left:3px; width:65px; height:22px; border:1px solid #cacaca; margin-bottom:3px;}
.areaRecomm .seoul li a {display:block; font:normal 11px µ¸¿ò; padding-top:6px; width:65px; height:16px; background:#f9f9f9; text-align:center; text-decoration:none;}
.areaRecomm .seoul li a:hover {background:#fdf9e3; }
.areaRecomm .seoul li.on{ border:1px solid #d3b259;}
.areaRecomm .seoul li.on a {font-weight:bolder; background:#d3b259; color:#fff}
.areaRecomm .basedOn {width:960px; margin-top:10px; border-top:none; overflow:hidden}
.areaRecomm .basedOn li {float:left; overflow:hidden; border-bottom:1px solid #e9e1ca; padding:18px 0 0 0; height:140px; width:320px;}
.areaRecomm .basedOn li .sp {float:left; width:15px; margin-left:9px;}
.areaRecomm .basedOn li .pImg {float:left; width:77px; margin-left:7px;}
.areaRecomm .basedOn li .pImg .img75 {width:75px; border:1px solid #d4d4d4;}
.areaRecomm .basedOn li .pv {float:left; width:190px; margin-left:10px;}
.areaRecomm .basedOn li .pv dt {margin-top:4px;}
.areaRecomm .basedOn li .pv dd.con {line-height:14px; color:#888; font:normal 11px µ¸¿ò; margin-top:7px;}



