@charset "utf-8";
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background-color: #FAB961; margin: 0px;padding: 0; }
.stitle { font-family: tahoma; font-size: 23px; color: #F5E55E; font-weight: bold; }
.story { font-family: tahoma; font-size: 15px; line-height: 19px; padding-left: 45px; padding-right: 20px; color: #000000; padding-bottom: 5px; padding-top: 30px; }
.storyinfo { font-family: tahoma; font-size: 10px; line-height: 19px; color: #FF8A00; font-weight: bold; }
.tdmain { border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #000000; border-left-color: #000000; }
a.mid:link { font-family: tahoma; font-size: 23px; color: #FFDE00; font-weight: bold; text-decoration: none; }
.info2 { font-family: tahoma; font-size: 15px; line-height: 19px; padding-left: 45px; padding-right: 20px; color: #FFFFFF; padding-bottom: 5px; padding-top: 30px; }
#sites { margin: 20px auto; width: 1020px; text-align: center; color: #eee; }
#sites h2, #sites h4 { clear: both; text-align: center; margin: 0; padding:0; line-height: normal; font-size: 22px; }
#sites a { color: #FFDD7F; }
#sites a:hover { text-decoration: none; color: #FFF; }
#sites .info_text { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none; padding: 0; margin: 0; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center; padding:5px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#sites ul li a { font-weight: bold; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: normal; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #666; clear: both; }
#sites ul li a:hover img { border: 1px dotted #FFDD7F; }
#sites ul li a:hover { color: #fff; }
#sites ul.bigsites { clear: both; margin-bottom: 25px; font-weight: bold; }
#sites ul.bigsites li p { width: 385px; font-size: 14px; line-height: 1.1em; }
#sites ul.bigsites p a { display: block; font-size: 16px; padding: 5px 2px; }

#join_reasons { width: 500px;background: #f7f7f7;border: 1px solid #c0c0c0;margin: 5px auto;color: #000;padding-bottom: 6px; }
#join_reasons h3 { font-size: 20px;font-family: Verdana, Geneva, sans-serif;padding: 7px 0;margin: 0;background: #ddd;border: 1px solid #FFF;text-align: center; }
#join_reasons ul { list-style: disc;margin: 0;padding: 0;margin-left: 30px; }
#join_reasons li { text-align: left;font-size: 11px;font-family: Verdana, Geneva, sans-serif;margin: 0;padding: 3px 10px 0 0;line-height: 1; }

#common_footer { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #F5E55E; text-decoration: underline; }
#common_footer a:hover { color: #F00; text-decoration: none; }