@charset "utf-8";
/*
 * TweetFighter this css
 * Date: 2010/07
 * Author: Creative Team
 */


html,
body{
	background:#000 !important;
	}

a:link,
a:visited{
	color:#000;
	overflow:hidden;
	text-decoration:underline;
	}
	
a:hover,
a:active{
	text-decoration:none;
	}

hr{
	display:none;
	}

div#header{
	width:944px;
	height:73px;
	padding:7px 0 0 6px;
	margin:0 auto;
	}

div#header h1{
	float:left;
	width:135px;
	height:70px;
	text-indent:-9999px;
	background:url(images/tf_logo.gif) no-repeat left top;
	}

div#header h1 a{
	display:block;
	width:135px;
	height:70px;
	}

div#header p{
	float:right;
	width:146px;
	height:24px;
	margin-top:38px;
	text-indent:-9999px;
	background:url(images/logo.gif) no-repeat left top;
	}

div#header p a{
	display:block;
	width:146px;
	height:24px;
	text-indent:-9999px;
	}


div#mainContents{
	clear:both;
	background:#fff;
	}

div#flashArea{
	width:950px;
	margin:0 auto;
	}

div#flashArea p.mainImg{
	width:622px;
	height:399px;
	margin:0 auto;
	padding-top:50px;
	text-indent:-9999px;
	background:url(images/nologin_img.gif) no-repeat left 50px;
	}

div#flashArea p.join{
	width:220px;
	height:54px;
	margin:15px auto 0;
	padding-bottom:60px;
	background:url(images/join_btn01.gif) no-repeat left top;
	}

div#flashArea p.join a{
	display:block;
	width:220px;
	height:54px;
	text-indent:-9999px;
	}

div#flashArea p.join a:hover{ background:url(images/join_btn01_ov.gif) no-repeat left top; }

/* noflash */

div#noflashArea{
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background:#000;
	}

div#noflashArea dl{
	width:462px;
	margin:0 auto;
	padding:27px 25px 35px 40px;
	color:#b2b2b2;
	border:2px solid #646464;
	}

div#noflashArea dl dt{
	text-align:center;
	}

div#noflashArea dl dd{
	margin-top:27px;
	padding-left:16px;
	text-indent:-16px;
	line-height:20px;
	}

div#noflashArea dl dd.getflash{
	text-align:center;
	}

/* footer */

div#footer{
	position:relative;
	width:950px;
	height:92px;
	margin:0 auto;
	padding:15px 0 0;
	}

div#footer ul{
	float:left;
	width:288px;
	}

div#footer ul li{
	float:left;
	width:140px;
	height:23px;
	}

div#footer ul li.campaign	{ float:left;  background:url(images/campaign_btn01.gif) no-repeat left top; }
/*div#footer ul li.faq			{ float:right; background:url(images/faq_btn01.gif) no-repeat left top; }*/
div#footer ul li.logout	{ float:left; margin-top:10px; background:url(images/logout.gif) no-repeat left top; }

div#footer ul li a{
	display:block;
	width:140px;
	height:23px;
	text-indent:-9999px;
	}

div#footer ul li.faq a{
	display:none;
	}

div#footer ul li.campaign a:hover	{ background:url(images/campaign_btn01_ov.gif) no-repeat left top; }
div#footer ul li.faq a:hover			{ background:url(images/faq_btn01_ov.gif) no-repeat left top; }
div#footer ul li.logout a:hover			{ background:url(images/logout_over.gif) no-repeat left top; }

div#footer p{
	float:right;
	font-size:10px;
	line-height:21px;
	color:#646464;
	font-weight:normal;
	width:auto;
	font-family:"ＭＳ Ｐゴシック" ,sans-serif;
	}

div#footer p.twitter{
	position:absolute;
	top:15px;
	left:-100px;
	float:none;
	width:100px;
	height:107px;
	text-indent:-9999px;
	background:url(images/twitter.gif) no-repeat left top;
	}

div#footer p.twitter a{
	display:block;
	width:100px;
	height:107px;
	}

div#campInfo{
	float:left;
	width:352px;
	height:21px;
	padding:2px 5px 0;
	background:#3b3b3b;
	}

div#campInfo a{
	width:auto;
	font-size:12px;
	color:#f6f900;
	}

/* about */

div#about{
	position:absolute;
	left:50%;
	top:142px;
	width:532px;
	height:404px;
	margin-left:-289px;
	padding:47px 0 0 45px;
	background:url(images/about_bg01.png) no-repeat left top;
	}

div#about h2{
	width:254px;
	height:29px;
	text-indent:-9999px;
	background:url(images/about_ttl01.gif) no-repeat left top;
	}

div#about p{
	width:490px;
	margin:37px 0 0 0;
	line-height:140%;
	}

div#about dl{
	display:inline-block;
	width:490px;
	margin-top:30px;
	
	}

div#about dl dt{
	padding-bottom:3px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #000;
	}

div#about dl dd{
	width:233px;
	font-weight:bold;
	margin:13px auto 0;
	text-align:center;
	}

div#about dl dd img{
	padding-top:10px;
	}

div#about dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* social bookmark */
#fav {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 202px;
	margin-left:273px;
	text-align: right;
}
#fav a.f_btn,#fav a:focus.f_btn{
	display: block;
	line-height:21px;
	height: 21px;
	overflow: hidden;
	outline:none;
}
#fav #menu1 {
	text-align: left;
	padding: 8px 3px;
	display: none;
	background: #fff;
	border: solid 2px #3f3a39;
	}
#fav #menu1:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #fav #menu1 { zoom: 1; } /* IE6 */
*:first-child+html #fav #menu1 { zoom: 1; } /* IE7 */

#fav #menu1 .left,
#fav #menu1 .right{
padding: 0px 5px;
float: left;
}
#fav #menu1 dt{
}
#fav #menu1 dd{
	padding-top: 3px;
	padding-left: 27px;
	line-height:18px;
	background: url(images/ico_yahoo_b.gif) no-repeat 3px 0px;
}

#fav #menu1 dd.ico_yahoo_b{background: url(images/ico_yahoo_b.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_google{background: url(images/ico_google.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_hatena_b{background: url(images/ico_hatena_b.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_livedoor_b{background: url(images/ico_livedoor_b.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_twitter{background: url(images/ico_twitter.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_favorite{background: url(images/ico_favorite.gif) no-repeat 3px 0px;}

#fav #menu1 dd.ico_yahoo_r{background: url(images/ico_yahoo_r.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_hatena_r{background: url(images/ico_hatena_r.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_livedoor_r{background: url(images/ico_livedoor_r.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_goo_r{background: url(images/ico_goo_r.gif) no-repeat 3px 0px;}
#fav #menu1 dd.ico_rss{background: url(images/ico_rss.gif) no-repeat 3px 0px;}
#fav #menu1 dd a,#fav #menu1 dd a:visited{
color: #373737;
text-decoration: underline;
}


/* result */

#result div#mainContents{
	padding:60px 0;
	background:#fff url(images/fns_bg01.gif) no-repeat center top;
	}

#result h2{
	width:669px;
	height:67px;
	margin:0 auto 45px;
	text-indent:-9999px;
	background:url(images/fns_img01.gif) no-repeat center top;
	}

#result p{
	width:902px;
	margin:0 auto 20px;
	font-size:16px;
	line-height:140%;
	font-weight:bold;
	}

#result p span{
	padding:2px 0 1px 20px;
	background:url(images/twitter_icon.gif) no-repeat left top;
	}

#result p span a,
#result p span:visited{
	color:#004efe;
	}

#result p span a:hover{
	text-decoration:none;
	color:#ff0000;
	}

#result p.ps{
	font-size:14px;
	}

#result h3{
	width:902px;
	height:35px;
	margin:0 auto;
	padding-top:25px;
	text-indent:-9999px;
	}

#result h3.camp{ background:url(images/fns_ttl01.gif) no-repeat left 25px; }
#result h3.ranking{ background:url(images/fns_ttl02.gif) no-repeat left 25px; clear:both; }

#result ul.camp{
	width:891px;
	height:202px;
	margin:30px auto 0;
	padding-left:12px;
	}

#result ul.camp li{
	float:left;
	width:212px;
	height:172px;
	margin-right:10px;
	text-indent:-9999px;
	}

#result ul.camp li.camp01{ background:url(images/fns_btn01.gif) no-repeat left top; }
#result ul.camp li.camp02{ background:url(images/fns_btn02.gif) no-repeat left top; }
#result ul.camp li.camp03{ background:url(images/fns_btn03.gif) no-repeat left top; }
#result ul.camp li.camp04{ background:url(images/fns_btn04.gif) no-repeat left top; }

#result ul.camp li a{
	display:block;
	width:212px;
	height:172px;
	text-indent:-9999px;
	}

#result ul.camp li.camp01 a:hover{ background:url(images/fns_btn01_ov.gif) no-repeat left top; }
#result ul.camp li.camp02 a:hover{ background:url(images/fns_btn02_ov.gif) no-repeat left top; }
#result ul.camp li.camp03 a:hover{ background:url(images/fns_btn03_ov.gif) no-repeat left top; }
#result ul.camp li.camp04 a:hover{ background:url(images/fns_btn04_ov.gif) no-repeat left top; }

#result p.ifettl{
	width:668px;
	margin:28px auto 0;
	border-bottom:1px solid #000;
	text-indent:-9999px;
	background:url(images/fns_img02.gif) no-repeat center top;
	}

#result div.iframe{
	width:668px;
	margin:28px auto 0;
	}

#result iframe{
	width:668px;
	height:392px;
	border:none;
	}

#fream{
	margin:0;
	padding:0;
	border:1px solid #fff;
	}

#fream div{
	width:100%;
	height:100%;
	background:#fff;
	}

#fream table{
	width:100%;
	border-collapse:collapse;
	}

#fream table td{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	}

#fream table td.num{ width:77px; }
#fream table td.icon{ width:108px; }
#fream table td.name{ width:autox; }
#fream table td.point{ width:185px; }

#fream table td.name{
	color:#00a3dc;
	}

#fream table td.name span{
	color:#7e7e7e;
	font-size:12px;
	margin-left:10px;
	}

#fream table tr.scnd td{
	background:#efefef;
	}