@charset "utf-8";

#bestArea {padding-bottom:15px;}
#board_of_best {float:left; width:408px;height:173px; border:1px solid #b9dadb; border-top:0px; overflow:hidden;}


/* Lined Tab */
.listTab{ height:173px;}
.listTab ul{ position:relative; margin:0; padding:0; list-style:none; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{float:left; width:82px; margin-left:-1px;}
.listTab li.m3 {width:85px;}
.listTab li.m5 a{border-right:0px;}
.listTab li a{display:block; border:1px solid #b9dadb; color:#333399;}
.listTab li a span{display:block;height:16px; padding-top:2px; border:1px solid #fff; cursor:pointer; text-align:center; background:url('../../images/common/ico_v01.png') repeat-x left -403px;;}
.listTab li ul{display:none; width:100%; height:133px; position:absolute; padding-bottom:20px; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; *zoom:1; *width:408px;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; width:auto !important; position:relative; padding-left:10px; margin:0 0 0 0; color:#333399;line-height:1.7; _line-height:2;}
.listTab li li a{float:none; display:inline; padding:0; margin:0; border:0 !important; font-size:12px; color:#0033ff !important; font-weight:normal; background:transparent;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{  text-decoration:underline;}

.listTab li li.reload{ position:absolute; bottom:0px; left:0; border:0 !important; background:transparent; color:#333399 !important; font-size:10px !important;}
.listTab li li.reload a {color:#333399 !important; font-size:10px !important;}
.listTab li li.more{ position:absolute; bottom:0px; right:10px; border:0 !important; background:transparent;}
.listTab li li.more a {color:#333399 !important;}

.listTab.m1 .m1 a,
.listTab.m2 .m2 a,
.listTab.m3 .m3 a,
.listTab.m4 .m4 a,
.listTab.m5 .m5 a,
.listTab.m6 .m6 a,
.listTab.m7 .m7 a,
.listTab.m8 .m8 a,
.listTab.m9 .m9 a,
.listTab.m10 .m10 a,
.listTab.m11 .m11 a,
.listTab.m12 .m12 a{position:relative; border-color:#93bec0; border-bottom:0px; z-index:2; color:#}
.listTab.m1 .m1 a span,
.listTab.m2 .m2 a span,
.listTab.m3 .m3 a span,
.listTab.m4 .m4 a span,
.listTab.m5 .m5 a span,
.listTab.m6 .m6 a span,
.listTab.m7 .m7 a span,
.listTab.m8 .m8 a span,
.listTab.m9 .m9 a span,
.listTab.m10 .m10 a span,
.listTab.m11 .m11 a span,
.listTab.m12 .m12 a span{ font-weight:bold; color:#333399}
.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul,
.listTab.m3 .m3 ul,
.listTab.m4 .m4 ul,
.listTab.m5 .m5 ul,
.listTab.m6 .m6 ul,
.listTab.m7 .m7 ul,
.listTab.m8 .m8 ul,
.listTab.m9 .m9 ul,
.listTab.m10 .m10 ul,
.listTab.m11 .m11 ul,
.listTab.m12 .m12 ul{ display:block;}

/* jsOff */
.listTab.jsOff{height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333; border:1px solid #eee !important; border-bottom-color:#ccc !important; background:#fafafa !important;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0; padding:5px 0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

#tag_of_best {float:right; width:218px; height:172px; border:1px solid #dddddd;}
#tag_of_best {position:relative;}
#tag_of_best .tob_tit {height:16px; padding:5px 0 0 11px; color:#333399; font-weight:bold; background:url('../../images/common/ico_v01.png') repeat-x left -422px;}
#tag_of_best .sort {position:absolute; right:12px; top:5px; font-size:10px}
#tag_of_best .tob_list {position:absolute; left:0px; top:30px; height:120px; overflow:hidden; color:#000000; width:100%; font-size:0%; line-height:0%;}
#sideContents #tag_of_best .tob_list li { width:auto; margin-right:10px;}
#tag_of_best .tob_list li { width:190px; margin-left:10px;	overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #ffe7d0;padding:4px 0 3px 3px;color:#000000; font-size:12px; line-height:1.3;}
#tag_of_best .tob_list a {color:#000000; font-size:12px; line-height:1.3;}
#tag_of_best .tob_list a:hover {text-decoration:none; }
#tag_of_best .tob_list li.select {border:2px solid #ff6b00; margin-left:7px;  padding:2px 0 2px 7px; font-weight:bold; color:#ff6600;}
#tag_of_best .tob_list li.select a { color:#ff6600;}

#tag_of_best .tob_list li:hover {border:2px solid #ff6b00;margin-left:7px; padding:2px 0 2px 7px; font-weight:bold; color:#ff6600;}
#tag_of_best .tob_list li:hover a { color:#ff6600;}
#tag_of_best .listup { position:absolute; right:25px; bottom:4px;}
#tag_of_best .listDn {position:absolute; right:10px; bottom:4px;}

#today_media {position:relative; border-top:1px solid #bddcdf;}
#today_media h2 {height:14px;padding:6px 0 0 9px; margin-bottom:12px; background:url('../../images/common/ico_v01.png') repeat-x left -380px;}
#today_media .media_list {padding-bottom:15px;}
#today_media .media_list li {float:left; width:96px; height:116px; margin:0 6px; line-height:1.1}
#today_media .media_list li.first {margin-left:0}
#today_media .media_list li.sixth {margin-right:0}
#today_media .media_list li .visual {width:91px; height:76px; padding:4px 0 0 5px; margin-bottom:5px; background:url('../../images/common/ico_v01.png') no-repeat -1px -218px; font-size:0%; line-height:0%;}
#today_media .media_list li strong {display:block;margin-left:3px; font-size:11px; font-weight:normal; letter-spacing:-1px;}
#today_media .media_list li strong a {color:#666666}
#today_media .more {position:absolute; right:18px; top:8px; color:#3333cc;}

#noticeable {border:1px solid #b9dadb; border-top-color:#93bec0; margin-bottom:15px;}
#noticeable .noticeable_contents {position:relative; clear:both;padding:0 8px 15px 8px;}
#noticeable #attention {}
#noticeable #attention .more_view {text-align:right; clear:both;}
#noticeable #attention  a.moreview { color:#3333cc}
#noticeable #twitter {}
.border_none {border-right:none !important;  border-left:none !important; border-bottom:none !important;}
#noticeable .br_none {border-right:none !important;  width:318px !important;}
#noticeable .attention {width:317px; border-right:1px solid #BDDCDF}
#noticeable .twitter {width:317px;}
#noticeable .recentpost {width:317px;}
#noticeable .twitter a {border-right:1px solid #b9dadb;}
#noticeable h2 {float:left; margin-bottom:15px;}
#noticeable h2 a {display:block; padding:1px; border-bottom:1px solid #b9dadb; text-decoration:none;}
#noticeable h2 a.on {border-bottom:1px solid #ffffff;}
#noticeable h2 a strong{display:block; height:19px; padding-left:11px; padding-top:3px;  background:url('../../images/common/ico_v01.png') repeat-x 0px -422px; cursor:pointer;}

.twitter_more_view {height:36px; width:515px; margin:20px auto; background:url('../../images/common/ico_v01.png') repeat-x 0 -735px; font-size:0%; line-height:0%;}
.twitter_more_view a {display:block; height:36px; background:url('../../images/common/ico_v01.png') no-repeat left -698px; color:#2276bb}
.twitter_more_view a span{display:block; height:26px; padding-top:10px; font-size:14px; font-weight:bold; background:url('../../images/common/ico_v01.png') no-repeat right -772px; cursor:pointer; text-align:center; line-height:1.1;}

#rss_register { height:120px; border:1px solid #dddddd; margin-bottom:15px;}
#rss_register .rss_register_title {height:20px; padding:3px 0 0 11px; border-bottom:1px solid #e4e4e4; color:#333399; font-weight:bold; background:url('../../images/common/ico_v01.png') repeat-x left -422px;}
#rss_register .rss_register_wrap {padding-left:64px; padding-top:15px;}
#rss_register .type_text {width:376px; height:20px; padding:4px 0 0 4px; border:1px solid #0099cc; vertical-align:middle;}
#rss_register .type_button {width:112px; height:29px;background:url('../../images/common/bg_btn_submit3.gif') no-repeat left top; border:none; line-height:1; vertical-align:middle;}
#rss_register .notice {color:#333399; line-height:1.8}
#rss_register .error {font-size:11px; color:#ff3300; line-height:1.8}

.rss_contents .leftArea, .twitter_contents .leftArea{float:left; width:50px}
.rss_contents .leftArea .r99, .twitter_contents .leftArea .r99{background:url(../../images/common/bg_r99.gif) no-repeat  left top;font-size:14px;} 
.twitter_contents .leftArea .r99{background:url(../../images/common/bg_twt_99.gif) no-repeat  left top;}
.rss_contents .leftArea .rate, .twitter_contents .leftArea .r99 {float:none;height:51px;width:auto; margin-bottom:6px}
.twitter_contents .leftArea  .r99{height:35px}
.rss_contents .leftArea .rate strong{padding-top:20px}
.twitter_contents .leftArea  .r99 strong{padding-top:10px}
.rss_contents .leftArea .btn, .twitter_contents .leftArea .btn{background:url(../../images/common/btn_twt.gif) no-repeat  left top; display:inline-block; padding-left:5px; color:#fff}
.rss_contents .leftArea .btn span, .twitter_contents .leftArea .btn span{background:url(../../images/common/btn_twt.gif) no-repeat right top; display:inline-block;height:18px ; padding-right:5px; width:40px; text-align:center; font-size:11px; font-weight:700; color:#fff; padding-top:3px;cursor:pointer}
.twitter_contents .leftArea .btn{background:url(../../images/common/btn_Retweet.gif) no-repeat left top;}
.twitter_contents .leftArea .btn span{background:url(../../images/common/btn_Retweet.gif) no-repeat right top; font-size:10px; height:19px}


.tags ul {
	overflow: hidden;
	display: block !important;
	display: inline-block;
}
.tags ul {	
	padding: 0 0 0 100px;
}

.tags li {
	display: inline;
	margin-right: 15px;
}

.tags a {
	color: #614f41;
	border-bottom: 1px solid transparent;
}

.tags a:hover {
	color: #ea5618;
	text-decoration: none;
	border-bottom: 1px dashed #604e42;
}