@charset "utf-8";
/*====================== 
	written by visc for fuke321.com
	cnvisc@gmail.com
	20080519
========================*/
#rheader{ margin-top:15px;}

.qanda{ margin-top:10px; width:100%; text-align:center}

a.red,a.red:visited,a.red:hover{ font-size:14px; font-weight:600; color:red; text-decoration:none}
a.blue,a.blue:visited,a.blue:hover{ font-size:13px; font-weight:200; color:blue; text-decoration:none}
a.green,a.green:visited,a.green:hover{ font-size:14px; font-weight:200; color:green; text-decoration:none}
a.orange,a.orange:visited,a.orange:hover{ font-size:13px; font-weight:600; color:orange; text-decoration:none}

.red{ color:red}

/*layout*/
#main{ width:598px}

/*path*/
#crumb{ width:596px;}

/*consult*/
.consult{width:100%; text-align:center}

/*article*/
#artbox{ margin-top:20px;}
#artbox h1{color:#e60061; font-size:18px; font-weight:600; text-align:center}
#artbox h1 a:link{ color:#e60061; text-decoration:none}
#artbox h1 a:visited{ color:#e60061; text-decoration:none}
#artbox h1 a:hover{ color:#333; text-decoration:underline}

#artbox .info{ color:#bbb; text-align:center; margin:10px 0}
#artbox .info a:link{ color:#bbb; text-decoration:none}
#artbox .info a:visited{ color:#bbb; text-decoration:none}
#artbox .info a:hover{ color:#333; text-decoration:underline}

#artbox .summary{ width:578px; height:auto; border:1px #ddd solid; background:#f6f6f6; font-size:14px}
#artbox .summary p{ padding:10px; text-indent:2em; overflow:hidden }

.article{ margin-top:10px;}
.article p{ text-indent:2em; font-size:14px; line-height:25px; margin-bottom:20px;}
.article p a,.article p a:visited,.article p a:hover{ font-size:14px; font-weight:bold}
.artimg{ width:710px; text-align:center; margin:20px 0}

.tags{ margin-top:20px; font-size:13px}
.tags span{ color:#e60061;}
.tags a:link{ color:#666; text-decoration:none}
.tags a:visited{ color:#666; text-decoration:none}
.tags a:hover{ color:#333; text-decoration:underline}

#artbox .grayline{ margin:20px 0}

#recomm,#recomm2{ width:598px; font-size:14px; margin-top:10px;}

.retitle{width:100%; background:#ed4a86; line-height:25px;}
.retitle h2{ font-size:14px; font-weight:600; color:#fff; padding-left:20px}
.retitle h2 a,.retitle h2 a:visited{ color:#fff; text-decoration:underline}

#recomm ul{ width:596px; border:1px #ccc solid; margin-top:5px; padding:10px 0 10px 0;}
#recomm ul li{ background:url(../images/dot01.gif) left center no-repeat; padding-left:10px; margin-left:20px; line-height:25px}
#recomm ul li span{ color:#838383; font-size:12px;}

#recomm2{ font-size:13px}
#recomm2 .img img{ border:1px #000 solid; width:135px; height:90px;}
#recomm2 .img h2{ font-size:12px; font-weight:200; text-align:center; line-height:25px}
#recomm2 .list{ margin:0 10px}
#recomm2 span a:link{ color:#e30d7b; text-decoration:none}
#recomm2 span a:visited{ color:#e30d7b; text-decoration:none}
#recomm2 span a:hover{ color:#333; text-decoration:underline}

#weekrecomm{ margin-top:10px;}
#weekrecomm .title{ width:691px; height:30px; border:1px #feb4cf solid; border-bottom:none}
#weekrecomm h2{ font-size:14px; color:#e30d7b; font-weight:600; line-height:30px; padding-left:15px; background:url(../images/b_hot2.gif) 75px center no-repeat}
#weekrecomm .cont{ width:691px; height:222px; border:1px #feb4cf solid;}
#weekrecomm .contImg{ width:265px; border-right:2px #feb4cf solid}
#weekrecomm .contImg h3{ font-size:12px; font-weight:400; text-align:center; padding-top:5px }
#weekrecomm .list img{ border:1px #ddd solid; padding:2px; display:inline}
#weekrecomm .list ul li{ width:170px; float:left; background:url(../images/dot02.gif) 5px center no-repeat; padding-left:15px;}

/*siderbar*/
#siderbar{ width:302px}

/*==search*/
#search2 span input{ border:1px #349bf9 solid; width:228px; height:23px; line-height:23px}
#search2 input{ float:left}
#search2 .imageField{ margin:0 0 0 5px}

/*==hotkeys*/
#hotkeys{ margin-top:10px; width:100%; background:#feeef2;}

.otherschannel{ width:184px; height:78px; background:#fff9fb; border:1px #feb5cf solid; border-top:none}
.otherschannel a:link{ color:#fb055d; text-decoration:none}
.otherschannel a:visited{ color:#fb055d; text-decoration:none}
.otherschannel a:hover{ color:#333; text-decoration:underline}

/*==others*/
.title04{ width:300px}
.list04,.list05,.list07,.list08,.list09{ width:300px; border:1px #349bf9 solid;}
.list07{ background:#ebf3fa}
.list07 ul li{ display:inline; padding-right:10px}
.list08,.list09{ background:#feeef2}
.list08 ul li{ float:left; margin-left:5px}
.list08 ul li img{ border:1px #000 solid; width:135px; height:90px}
.list08 ul li h2{ text-align:center; font-size:12px; font-weight:200;}
.list09{ background:#fff9fb; height:275px}
.no{ width:17px; height:246px; background:url(../images/no2.gif) left top no-repeat}
.ranklist{ padding-left:5px; margin-top:-5px}
.ranklist ul li{ line-height:26px;}
.rankimg{ margin-top:-10px}
.rankimg img{ width:83px; height:97px;}
.rankimg ul li{ background:#fff; padding:5px 5px 0 5px; margin-top:5px}
.rankimg ul li h2,.list04 h2{font-size:12px; font-weight:400; text-align:center;}
.list04 h2{ line-height:25px; float:none}
.list04 img{ border:1px #ddd solid; padding:2px; width:120px; height:80px}
.list04 .x{ width:100%; height:115px; border-bottom:1px #dbeaf9 solid; padding:10px 0 0 0}
.list04 .x01{ padding-left:10px;}
.list04 .x02{ padding-left:10px; width:150px;}

.list05{background:#edf4fa}
.list05 dl{ width:260px; height:101px; margin:0 auto; padding:0 0 12px 0;}
.list05 dt img{ width:83px; height:97px; padding:2px; background:#fff; border:1px #ddd solid}
.list05 dd{ padding-left:10px; width:160px; line-height:20px}
.list05 dd h2{ font-size:12px; font-weight:700; color:#022c4a; text-align:left}
.list05 dd h2 a,.list05 dd h2 a:visited{ color:#811e36; text-decoration:none}
.list05 dd h2 a:hover{ color:#811e36; text-decoration:underline}
.list05 dd a,.list05 dd a:visited{ color:#f30; text-decoration:none}
.list05 dd a:hover{ color:#333; text-decoration:underline}

/*artlist*/
#artlistbox h2{ margin-top:15px; font-size:14px; font-weight:600; background:url(../images/dot.gif) left center no-repeat; padding-left:15px}
#artlistbox h2 a:link{ color:#0f68ba; text-decoration:underline}
#artlistbox h2 a:visited{ color:#0f68ba; text-decoration:underline}
#artlistbox h2 a:hover{ color:#333; text-decoration:none}
#artlistbox .grayline{ margin:5px 0}
#artlistbox .info{ color:#bbb; margin-top:5px}
#artlistbox .info a:link{ color:#bbb; text-decoration:none}
#artlistbox .info a:visited{ color:#bbb; text-decoration:none}
#artlistbox .info a:hover{ color:#333; text-decoration:underline}
#artlistbox .tags{ margin:0; font-size:12px}
#artlistbox .tags a:link{ color:#e60061; text-decoration:none}
#artlistbox .tags a:visited{ color:#e60061; text-decoration:none}
#artlistbox .tags a:hover{ color:#333; text-decoration:underline}
#artlistbox .summary{ width:100%; height:auto;; background:#fef3f8; font-size:12px}
#artlistbox .summary p{ padding:5px 5px 0 5px; text-indent:2em; overflow:hidden }
#artlistbox img{ border:1px #ddd solid; padding:2px; margin-top:10px}
#artlistbox .page{ margin-top:20px}

 .list_pagenam { width:500px; padding:3px 12px 6px; clear:both;}
 .list_pagenam .k_pagelist {height: 20px; padding:2px 12px 6px; clear:both; }
 .list_pagenam .k_pagelist .em{width:50px;}
 .list_pagenam .k_pagelist a{padding:4px 5px 0;margin:5px 4px 0 0; 

color:#007791;background:#fff; display:inline-table; border:1px solid #ccc; float:left; }
 .list_pagenam .k_pagelist a:visited{color:#999;} 
 .list_pagenam .k_pagelist a:hover{color:#fff; background:#007791; border:1px solid 

#007791;float:left;}

 .list_pagenam .k_pagelist strong{padding:4px 5px 0;margin:5px 4px 0 0; 

color:#fff;background:#007791; display:inline-table; border:1px solid #ccc; float:left; }

 .list_pagenam .k_pagelist strong:hover{color:#fff; background:#007791; border:1px solid 

#007791;float:left;}
 .list_pagenam .k_pagelist em{padding:4px 10px 0;margin:5px 4px 0 0; 

color:#007791;background:#fff; display:inline-table; border:1px solid #ccc; float:left; }
 .txt_bottomad {width:570px; margin:0 auto; clear:both; border-bottom: 1px solid #999999; }