/************************************************
*	Universal      								*
************************************************/
* { margin:0; padding:0; }
html, body { color:#303030; text-align:center; }
body { font-size:12px; }
#wrapper { margin:10px auto; padding:0; text-align:left; width:810px; border:0px solid red; }
#content { }
/************************************************
*	text     								*
************************************************/
h1 { font-size:22px; }
a { color:#0000ff; text-decoration:none; }
a:hover { color:#0000ff; text-decoration:underline; }
strong { font-weight:bold; }
img { border:0; }
/************************************************
*	header    								*
************************************************/
#header { width:100%; float: left; margin: 0; padding: 0px 0px; display: block; clear: left; }
#logo { float:left; width: 270px; height:51px; background:url(img/logo.jpg) no-repeat 0px 0px; }
#header h1 { overflow:hidden; text-indent:-15000px; }
#header h1 a:link, #header .top a:visited { top: 0; display: block; background: none; overflow: hidden; height: 46x; padding: 0; margin:0px; }
#desc { float:right; margin:5px 0 0 0px; width:460px; line-height:1.4em; }
/************************************************
*	nav      								*
************************************************/
#nav { display:block; clear:both; }
ul.nav { list-style:none; background-color:#ddd; border:1px solid #c2c2c2; margin-bottom:10px; }
.nav li { border-right:1px solid #c2c2c2; float:left; display:block; width:100px; }
.nav li a { font-size:12px; outline:none; color:#333; text-decoration:none; display:block; padding:5px 0 7px 5px; width:104px; text-transform:uppercase; }
.nav li a span { font-size:12px; color:#777; text-transform:lowercase; }
.nav li a:hover { background:#eee; color:#333!important; width:95px; }
* html .nav li a:hover { background:#eee; width:104px; }
/* pankuzu */
#pankuzu { margin:10px 0 0 0; }
/************************************************
*	main      								*
************************************************/
#main { float:right; margin:14px 5px 0px 10px; padding:0; width:560px; border:0px solid red; }
#main p { font-size:12px; line-height:1.5em; margin:10px 5px 1.5em 5px; color:#333; }
#main a { color:#0000ff; text-decoration:underline; }
#main a:hover { color:#0a3895; }
#main h2 { background:url(img/bg/h2.gif) no-repeat 0 0;font-size:20px; padding: 3px 0 5px 15px; height:29px;}
#main h2 a { width:100%; outline:none; color:#000; text-decoration:none; }
#main h2 a:hover { text-decoration:underline; color:#f64504; }
#main h3 {font-size:18px; }
#main h3.bg { background:url(img/bg/h2.gif) no-repeat 0 0;font-size:20px; padding: 3px 0 5px 15px; height:29px;}
#main h3.midasi { background:url(img/bg/h2.gif) no-repeat 0 0;font-size:20px; padding: 3px 0 5px 15px; height:29px;}


.border_img { margin:0 20px 5px 0; padding:5px; border:1px solid #c2c2c2; }
.category { margin:0 0 15px 10px; }
.sponsor { background:url(img/bg/h2.gif) no-repeat 0 0; height:29px; padding: 4px 0 0 15px; margin:10px 0 0 0; }
.sbm { text-align:left; padding:0; margin:5px 0 0px 10px; }
.entry { margin:0px 0 60px 0; }
.entry_single { margin:0px 0 60px 0; }
#main ul { margin: 0px 0 15px 5px; }
#main ul li { margin:0 0 3px 10px; font-size:12px; list-style-type:none; }
#main ul li a { color:#0000FF; font-weight:normal; }
#main ol { margin-bottom:15px; }
#main ol li { margin:0 0 7px 20px; font-size:12px; line-height:160%; }
.entry img { margin:0 20px 5px 0; }
.entry_single img.float { margin:0 20px 15px 0; float:left; }
.news { margin:15px 0 0 0; }
.news ul { margin:10px 15px 0 0px; padding:0; list-style-type:none; }
.news ul li { padding:2px 0; line-height: 1.6em; font-size:10px; background: url(img/line/dot.gif) repeat-x bottom; }
.table1 { width:98%; margin: 20px 0px 20px 10px; padding: 0px; vertical-align: top; border-collapse: collapse; border: 1px solid #CCC; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; }
.table1 th { margin: 0px; padding: 5px; background:#D5EFFE; border: 1px solid #CCC; border-collapse: collapse; vertical-align: top; font-size: 12px; font-weight: normal; }
.table1 td { margin: 0px; padding: 5px; border: 1px solid #CCC; border-collapse: collapse; vertical-align: top; font-size: 12px; }
.table1 td.score { color:#000; }
.table1 td.cost { color:#000; font-weight: normal; text-align: right; }
.table2 { width:100%; margin:7px 0 15px 0; border:solid 1px #c2c2c2; font-size:12px; }
.table2 th { background-color:#e8e8e8; padding:6px; text-align:center; width:25%; font-weight:normal; font-size:12px; }
.table2 td { background-color:#fff; padding:6px; text-align:left; widows:75%; font-size:12px; }
.table3 td { padding:5px; }
.table_purchase { width:400px; }
.table_rank { width:100%; background-color:#999; margin:0 0 20px 0; }
.table_rank td { padding:7px; vertical-align:top; }
/************************************************
*	left      								*
************************************************/
#left { color:#444; float:left; margin:15px 0px 0 0px; width:220px; line-height:1.5em; border:0px solid blue; }
#left h2 { background:#efefef; border-top:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-left:1px solid #bfbfbf; margin:0; padding:4px 0px 1px 10px; color:#000; font-size:12px; }
#left p { color:#000; }
#left a { text-decoration:underline; }
#left a:hover { color:#0000FF; }
#left ul { border:1px solid #bfbfbf; padding:5px 0px 10px 5px; margin: 0; }
#left ul li { background:url(img/list/li.gif) no-repeat 0 6px; color:#7F7F7F; font-size:12x; line-height:1.2em; padding:4px 0 4px 16px; list-style-type:none; }
#left ul li.ad { color:#7F7F7F; font-size:12x; line-height:1.2em; border-top:0px solid #BBB; padding:4px 0 4px 0px; list-style:none; }
#left ol { margin:8px 0 4px 21px; }
#left ol li { color:#7F7F7F; line-height:1.2em; border-top:0px solid #BBB; padding:4px 0 4px 5px; }
.middle_links { margin-bottom:10px; }
/* search */
#searchWrap { margin-bottom:10px; }
#searchWrap input { vertical-align:middle; }
#searchWrap #s { font-size:1.1em; border:1px solid #BBB; padding:1px 2px; margin-right:3px; width:130px; }
/************************************************
*	third       								*
************************************************/
#third { color:#444; float:left; margin:15px 0px 0 0px; padding:0; width:180px; line-height:1.5em; }
#third a { text-decoration:underline; }
#third p { color:#000; }
#third h2 { background:#efefef; border-top:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-left:1px solid #bfbfbf; margin:0; padding:4px 0px 1px 10px; color:#000; font-size:12px; }
.mid_sponsor { background:#efefef; border-top:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-left:1px solid #bfbfbf; margin:0; padding:4px 0px 1px 10px; color:#000; }
#third ul { border:1px solid #bfbfbf; padding:5px 0px 10px 5px; margin: 0; }
#third ul li.arrow { background:url(img/list/li.gif) no-repeat 0 6px; color:#7F7F7F; font-size:12x; line-height:1.2em; padding:4px 0 4px 16px; list-style-type:none; }
#third ul li.ad { color:#7F7F7F; font-size:12x; line-height:1.2em; border-top:0px solid #BBB; padding:4px 0 4px 10px; list-style:none; }
#third ol { margin:8px 0 4px 21px; }
#third ol li { color:#7F7F7F; line-height:1.2em; border-top:0px solid #BBB; padding:4px 0 4px 5px; }
/************************************************
*	Class      								*
************************************************/
.top_linkunit { margin:10px 0 0 0; }
.adsense_top { margin:10px 0px 0px 10px; text-align:left; }
.adsense_bottom { margin:0px 0px 0px 10px; text-align:left; }
.adsense_side { border:1px solid #bfbfbf; padding:5px 0px 10px 15px; margin: 0; }
.adsense_include { margin:-10px 0px 0px 10px; text-align:left; }
.ad_side { border:1px solid #bfbfbf; padding:10px 0px 10px 10px; margin: 0 0 10px 0; }
.ranktime { text-align:right; margin:0 0 10px 0; }
.note { width:510px; background-color: #f4f4f4; padding:15px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 10px 20px 10px; }
.note1 { width:510px; background-color: #f4f4f4; padding:10px 10px 0px 10px; border:1px solid #C2C2C2; font-size:14px; margin:10px 10px 20px 0px; }
.note2 { width:340px; background-color: #f4f4f4; padding:15px 8px 0px 8px; border:1px solid #C2C2C2; font-size:14px; margin:0; }
.note_archive { width:510px; background-color: #edfaf8; padding:2px 8px 2px 8px; border:1px solid #CCC; font-size:14px; margin:0px 10px 10px 0; }
.border { width:515px; margin:15px 0px 25px 10px; padding: 15px 10px 5px 10px; border: 1px solid #999; }
.borderimg { padding:2px; border: 1px solid #ccc; text-align:center; }
.quote { margin:25px 0px 25px 0px; padding:7px 10px 0px 0px; background-color: #f6f6f6; border-top: 2px solid #DDD; border-bottom: 2px solid #DDD; display: block; text-align: left; }
.red { color:#FF0000; font-weight:bold; font-size:14px; }
.blue { color:#0000FF; font-weight:bold; font-size:14px; }
.yellow { background-color:#fefe8e; color:#000000; font-weight:bold; }
.orange { color:#d63a00; font-weight:bold; font-size:14px; }
.orange2 { color:#ff9900; font-weight:bold; }
.spacer { background:url(img/line/dot.gif) repeat-x 0 0; margin:0px; }
.arrow { background:url(img/list/green.gif) no-repeat 0 0; padding:0 0 0 17px; }
.b { font-weight:bold; }
.b2 { font-weight:bold; font-size:18px; }
.matome { font-size:14px; color:#d63a00; margin:0 0 0px 0; }
.sample { text-align:center; margin:0 auto; }
.left { text-align:left; }
.center { text-align:center; margin-bottom:25px; }
.right { text-align:right; }
.nomargin { margin:0 0 0 10px; font-size:14px; }
.ones { background:url(img/list/1.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.twos { background:url(img/list/2.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.threes { background:url(img/list/3.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.fours { background:url(img/list/4.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.fives { background:url(img/list/5.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.sixs { background:url(img/list/6.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.sevens { background:url(img/list/7.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.eights { background:url(img/list/8.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.nines { background:url(img/list/9.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.tens { background:url(img/list/10.gif) no-repeat 0 1px; height:24px; padding-left:25px; margin-top:5px; margin-left:10px; }
.optional_excerpt { margin:0 0 20px 10px; text-align:left; font-size:10px; font-style:italic; position:relative; color:#555555; }
.optional_excerpt img { margin-bottom:10px; display:block; border: 1px solid #9e9e9e; }
.optional_excerpt a { color:#98c4e0; }
.optional_excerpt1 { float:right; margin:0 0 20px 20px; font-size:10px; font-style:italic; position:relative; top:50px; text-align:right; color:#555555; }
.optional_excerpt1 img { margin-bottom:10px; display:block; border: 1px solid #9e9e9e; }
.optional_excerpt1 a { color:#98c4e0; }
/************************************************
*	footer       								*
************************************************/
#footer { border-top:3px solid #2AA1B5; background-color:#eee; }
#footer p { padding-top: 7px; }
#footer p a { font-weight:bold; color:#333; }
/* float rules */
.floatleft { float:left; margin:3px 7px 0 0; }
.floatright { float:right; margin:3px 0 0 7px; }
.right { float:right; }
.left { float:left; }
.clear { clear:both; }
.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fix { display:inline-block; }
* html .fix { height:1%; }
.fix { display:block; }
/************************************************
*	comment       								*
************************************************/
#comments_wrapper { margin:0 0 0 -15px; }
#comments h3, h3#respond { font-size:18px; font-weight:normal; padding: 10px 0 0 0px; }
.postMeta span.comments { background:#FFF url(images/chat_grey.gif) no-repeat left center; padding-left:15px; margin-left:2px; }
.postMeta span.comments a, ol.commentslist { list-style:none; margin:5px 0 12px; }
.commentslist { margin:0; }
.commentslist li { width:510px; background-color: #f4f4f4; padding:0px 5px 10px 5px; border:1px solid #C2C2C2; font-size:14px; }
.commentslist li a { font-weight:bold; }
.commentslist li.alt { background:#f4f4f4; }
.commentslist li:hover { border-color:#888; }
.commentslist .comment_text { margin:0 7px; line-height:1.4em; overflow:hidden; }
.comment_text p, .comment_text ul, .comment_text ol, .comment_text blockquote { margin:1em 0; }
.comment_text ul, .comment_text ol, .comment_text blockquote { margin:0; }
p.author_meta { font-weight:bold; text-transform:uppercase; margin:0 0 0 7px; }
p.post_meta { font-size:11px; text-transform:uppercase; text-align:right; margin:0 7px 0 0; }
.commentslist li.author { background:#333; color:#CCC; }
.commentslist li.author a { color:#DDD; }
.commentslist li.author a:hover { color:#FFF; }
#comments_closed { background:#333; color:#ccc; padding:7px 0; margin-top:12px; line-height: 1.5em; }
p.nocomments { margin:0 12px 0 7px; }
p.nocomments a { color:#ddd; font-weight:bold; text-decoration:underline; }
p.nocomments a:hover { color:#FFF; }
ol.pingslist { margin:1.5em 2em; font-size:12px; }
.pingslist li { color:#7F7F7F; margin:0 0 7px 0; }
.pingslist li a { font-weight:bold; }
#commentform p { margin:1em 0 1em 20px; }
#commentform p a { font-weight:bold; }
#author, #email, #url, #comment { font:1.1em arial, helvetica, verdana, sans-serif; border:1px solid #BBB; padding:2px; }
#comment { width:429px; overflow:auto; }
#commentform p small { font-size:10px; color:#7F7F7F; }
.commentslist code { background:transparent; }
/************************************************
*	pagebar									*
************************************************/

.pagebar { font: 11px; padding-top: 10px; padding-bottom: 10px; margin: 0px; }
.pagebar a, .pageList .this-page { color:#000; padding: 2px 6px; border: solid 1px #333; background: #eee; text-decoration: none; font-size: 11px; }
.pagebar a:visited { padding: 2px 6px; border: solid 1px #333; background: #eee; text-decoration: none; font-size: 11px; }
.pagebar .break { padding: 3px 6px; border: none; background: #eee; text-decoration: none; }
.pagebar .this-page { color:#000; padding: 3px 6px; border: solid 0px #333; font-weight: bold; font-size: 11px; }
.pagebar a:hover { color: #000; background: #d1cece; border-color: #333; text-decoration: none; }