/*-------------------------------------------------------------------------

list.css

--------------------------------------------------------------------------*/
body{ background: url(../image/list_bg.jpg) repeat-x top left;
}

/*--title-----------------------------------------------------------------*/
#top{ width: 860px; height: 146px; background: url(../image/list_top.jpg) no-repeat top left; margin-top: 10px; margin-bottom: 15px; margin-left: auto; margin-right: auto;}
#top p{ float: left; width: auto; padding: 65px 0 0 150px; color: #FFFFFF}
#top p.ttl{ padding: 60px 0 0 155px; font-size: 16px; font-weight: bold}
#top #ttl01{ width: 100%; height: 146px; background: url(../image/list_net_ttl.jpg) no-repeat top left}
#top #ttl02{ width: 100%; height: 146px; background: url(../image/list_kabu_ttl.jpg) no-repeat top left}
#top #ttl03{ width: 100%; height: 146px; background: url(../image/list_gambl_ttl.jpg) no-repeat top left}
#top #ttl04{ width: 100%; height: 146px; background: url(../image/list_novice_ttl.jpg) no-repeat top left}
/*#top #ttl05{ width: 100%; height: 127px; background: url(../image/list_novice_ttl.jpg) no-repeat top left}*/

/*--contents--------------------------------------------------------------
#main #contents #left{ float: left}
#main #contents #right{ float: right;}
*/

/*--basics----------------------------------------------------------------*/
#main #contents #basics{ clear: both; width: 600px; height: auto; margin: 0 0 0 0; padding: 0 0 20px 0}
#main #contents #basics p.overview{ margin: 0 0 20px 0; line-height: 200%}
#main #contents #basics ul.know{ clear: both; width: 600px; height: auto; margin: 0 0 50px 0}
*html #main #contents #basics ul.know{ clear: both; width: 600px; height: auto; margin: 0 0 17px 0}
*:first-child+html #main #contents #basics ul.know{ clear: both; width: 600px; height: auto; margin: 0 0 12px 0}
#main #contents #basics ul.know h3{ clear: both; color:#336633; font-size: 12px; text-indent: 0px; padding: 3px 0 5px 0}
#main #contents #basics ul.know li{ float: left; width: 145px; height: 25px; border: #a2a2a2 solid 1px; text-align: center; margin: 0 3px 3px 0; padding: 5px 0 0 0}
#main #contents #basics ul.know li a{ color: #FFFFFF; font-size: 12px; text-decoration: none}
#main #contents #basics ul.know li a:hover{ text-decoration: underline}
#main #contents #basics ul.know li.colorA{ background-color: #fb6165}
#main #contents #basics ul.know li.colorB{ background-color: #ff9a97}

/*--topicpath-------------------------------------------------------------*/
#topicpath { margin:4px 0px 8px 0px; font-weight:600; font-size:12px;}

/*--list------------------------------------------------------------------*/
#main #contents #listbox{  float: left; width: 600px; height: auto; margin-top: 30px;}
#main #contents .list{ float: left; width: 600px; height: auto; margin: 0 0 15px 0; padding: 0 0 0 0}
#main #contents .list{ background: url(../image/list_frame.gif) no-repeat top left}
#main #contents .list h4{ font-size: 14px; font-weight: bold; padding: 10px 0 0 17px}
#main #contents .list a{ color:#333333}
#main #contents .list a:hover{ color:#ff5b62; text-decoration: underline}
#main #contents .list .detail_btn a{ display: block; float:right; width: 43px; height: 24px; margin: 7px 7px 0 0; text-indent: -9999px}
*html #main #contents .list .detail_btn a{ display: block; float:right; width: 43px; height: 24px; margin: 7px 4px 0 0; text-indent: -9999px}
#main #contents .list .detail_btn a{ background: url(../image/detail_btn.gif) no-repeat top left}
#main #contents .list .detail_btn a:hover{ background: url(../image/detail_btn_o.gif) no-repeat top left}
#main #contents .list .frame{ width: 598px; height: 160px; padding: 15px 0 15px 0}
*html #main #contents .list .frame{ width: 598px; height: auto; padding: 15px 0 15px 0}
#main #contents .list .frame{ border-left: #CCCCCC solid 1px; border-right: #CCCCCC solid 1px; border-bottom: #CCCCCC solid 1px}
#main #contents .list .frame img.list_sum{ float: left; margin: 0 10px 0 15px; padding: 7px 7px 7px 7px}
#main #contents .list .frame img.list_sum{ background: url(../image/list_sum_bg.gif) no-repeat top left}
#main #contents .list .frame a img.list_sum{ border: #999999 solid 1px}
#main #contents .list .frame a:hover img.list_sum{ border: #ff5b62 solid 1px}
#main #contents .list .frame .txt{ float: left; width: 440px}
#main #contents .list .frame p{ margin-bottom: 3px}
#main #contents .list .frame p.owner{ padding-left: 20px; background: url(../image/own_icon.gif) no-repeat top left}
#main #contents .list .frame p.comment{ padding-left: 20px; background: url(../image/com_icon.gif) no-repeat top left}
#main #contents .list .frame p.rate{ color: #ff5b62; font-size: 10px}
#main #contents .list .frame p.rate5{ color: #333333; font-size: 10px; letter-spacing: 1px}
#main #contents .list .frame ul{ float: right; padding: 0 15px 0 0}
#main #contents .list .frame li{ float: left; padding: 0 0 0 10px; margin: 0 0 0 0px}
#main #contents .list .frame li p{ color: #333333; clear: both; font-size: 10px}

/*--pagechange------------------------------------------------------------*/
#main #contents #pagechange{ float: left; width: 600px; color:#ff5b62; margin: 0 0 25px 0; font-size: 20px}
#main #contents #pagechange a{ color:#333333; font-size: 16px}
#main #contents #pagechange a:hover{ color:#333333; text-decoration: underline}

/*--ranking---------------------------------------------------------------
#main #contents #ranking{ float: right; width: 240px; height: auto; margin: 0 0 15px 0; padding: 0 0 0 0px}
*html #main #contents #ranking{ float: right; width: 240px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0px}
#main #contents #ranking{ background: url(../image/ranking_ttl.jpg) no-repeat top left}
#main #contents #ranking h3{ height: auto; padding: 0 0 0 0}
#main #contents #ranking .rCol{ margin: 36px 0 0 0; padding: 2px 0 5px 0; background-color: #ffffff}
*html #main #contents #ranking .rCol{ margin: 36px 0 0 0; padding: 2px 0 18px 0; background-color: #ffffff}
*+html #main #contents #ranking .rCol{ margin: 36px 0 0 0; padding: 2px 0 18px 15px; background-color: #ffffff}
#main #contents #ranking .rCol{ border-left: #000000 solid 6px; border-right: #000000 solid 6px; border-bottom: #000000 solid 6px}
#main #contents #ranking .rCol h4{ width: 300px}
*html #main #contents #ranking .rCol h4{ width: 210px}
*+html #main #contents #ranking .rCol h4{ width: 210px}
#main #contents #ranking .rCol img{ float: left; margin: 0 10px 0 0}
#main #contents #ranking .rCol a img.sum{ border: #999999 solid 1px}
#main #contents #ranking .rCol a:hover img.sum{ border: #ff5b62 solid 1px}
#main #contents #ranking .rCol p{ color: #666666; font-size: 12px}
#main #contents #ranking .rCol p.plase{ margin: 0 0 0 87px; padding: 3px 0 0 28px}
#main #contents #ranking .rCol p.plase1{ margin: 0 0 0 87px; padding: 3px 0 0 28px; background: url(../image/1plase.jpg) no-repeat top left}
#main #contents #ranking .rCol p.plase2{ margin: 0 0 0 87px; padding: 3px 0 0 28px; background: url(../image/2plase.jpg) no-repeat top left}
#main #contents #ranking .rCol p.plase3{ margin: 0 0 0 87px; padding: 3px 0 0 28px; background: url(../image/3plase.jpg) no-repeat top left}
#main #contents #ranking .rCol p.rate{ color: #ff5b62; font-size: 10px}
#main #contents #ranking .rCol a{ color: #333333; font-size: 10px}
#main #contents #ranking .rCol a:hover{ color: #ff5b62; text-decoration: underline}
#main #contents #ranking .rCol .col{ clear: both; height: 90px; margin: 20px 0 20px 0}
--------layout.cssˇQ¸Ę----------*/

/*--ad-------------------------------------------------------------------*/
#main #contents #ad{ clear: both; width: 240px}
#main #contents #ad img{ padding: 0 0 15px 0}