
/*-------------------------------------------------------------------------

list.css

--------------------------------------------------------------------------*/
body{ background: url(../image/detail_bg.jpg) repeat-x top left;
}

/*--top-------------------------------------------------------------------*/
#top{ width: 100%; height: 93px; background: url(../image/detail_top.jpg) no-repeat top left; margin-bottom: 15px}

/*--contents--------------------------------------------------------------*/
#main #contents #detail{ width: 100%; height: auto; margin: 0 0 15px 0; padding: 0 0 0 0}
#main #contents #detail #view{ float: left; width: 313px; height: 313px; margin: 0 10px 15px 0; padding: 12px 0 0 12px}
#main #contents #detail #view{ background: url(../image/detail_view_bg.gif) no-repeat top left}
#main #contents #detail #txt{  float: left; width: 440px; margin: 10px 0 0 0}
#main #contents #detail #txt #bgcolor{ width: 430px; background-color:#f7f7f7; margin: 10px 0 10px 0; padding: 10px 0 10px 15px}
#main #contents #detail ul{ clear: both; float: right; padding: 0 0 0 0}
#main #contents #detail li{ float: left; padding: 0 0 0 10px}
#main #contents #detail li p{ clear: both; font-size: 10px}
#main #contents #detail h3{ font-weight: bold; text-indent: 0px; margin-left: 15px}
#main #contents #detail h3 a{ font-size: 18px; font-weight: bold; text-indent: 0px}
#main #contents #detail p{ margin-bottom: 3px}
#main #contents #detail p.ruby{ color: #999999; font-size: 12px; font-weight: bolder; margin-left: 15px}
#main #contents #detail p.url a{ color: #ff5b62; font-size: 10px; margin-left: 15px}
#main #contents #detail p.url a:hover{ text-decoration: underline}
#main #contents #detail p.owner{ padding-left: 20px; background: url(../../image/own_icon.gif) no-repeat top left}
#main #contents #detail p.comment{ width: 400px; margin: 0 0 0 15px; padding-left: 20px; line-height: 220%}
#main #contents #detail p.comment{ background: url(../../image/com_icon.gif) no-repeat top left}
#main #contents #detail p.rate{ color: #ff5b62; font-size: 10px}
#main #contents #detail p.rate5{ font-size: 10px; letter-spacing: 1px}
#main #contents #detail a{ color:#666}
#main #contents #detail a:hover{ color:#ff5b62; text-decoration: underline}

#main #contents #data{  clear: both; width: 860px; margin: 25px 0 25px 0}
#main #contents #data h4{ width: 860px; font-size: 14px; font-weight: bold; margin: 0 0 7px 0; padding: 3px 0 5px 0; border-bottom: #CCCCCC dotted 1px}
#main #contents #data ul{ clear: both; width: 840px; padding: 10px 0 10px 15px; background-color:#f7f7f7}
#main #contents #data li{ padding: 0 0 5px 0}
#main #contents #data span{ font-weight: bold; padding: 0 5px 0 0}

#main #contents #cNavi{ clear: both}

#main #contents #ad{ clear: both; width: 240px}
#main #contents #ad img{ padding: 0 0 15px 0}

